/* Custom CSS for RGPD app - Bootstrap overrides and theme
	 Purpose: unify look & feel, modern clean appearance for buttons, cards, tables, forms
*/

:root{
	--brand: #2563eb; /* primary blue */
	--brand-600: #1e40af;
	--accent: #6b7280; /* gray */
	--muted: #6b7280;
	--success: #10b981;
	--danger: #ef4444;
	--bg: #f8fafc;
	--card-bg: #ffffff;
	--radius: 10px;
}

h1{
	color:#1e40af;
	font-size:2rem;
}

h5{
	color:#3392eb;
}

html,body{height:100%}
body{
	font-family: "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	background: var(--bg);
	color: #0f172a;
	padding-bottom: 48px;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

/* Subtle professional page background: light gradient + soft diagonal pattern */
body::before{
	content: "";
	position: fixed;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background-image:
		linear-gradient(180deg, rgba(255,255,255,0.7), rgba(248,250,252,0.9)),
		repeating-linear-gradient(135deg, rgba(37,99,235,0.02) 0px, rgba(37,99,235,0.02) 1px, transparent 1px, transparent 24px);
	background-size: auto, 48px 48px;
}
a { text-decoration: none }
/* Slight card lift on page background to increase separation */
.card{background: linear-gradient(180deg, var(--card-bg), #ffffff);}

/* Cards */
.card{
	border: 1px solid rgba(15,23,42,0.06);
	border-radius: var(--radius);
	background: var(--card-bg);
	box-shadow: 0 6px 18px rgba(15,23,42,0.04);
}
.card-header{background:transparent;border-bottom:0;padding-bottom:0}

/* Buttons - consistent sizing and subtle shadow */
.btn{border-radius:8px;padding:0.5rem 0.75rem;font-weight:600}
.btn:focus{box-shadow:0 0 0 0.2rem rgba(37,99,235,0.15)}
.btn-primary{background:var(--brand);border-color:var(--brand)}
.btn-primary:hover{background:var(--brand-600);border-color:var(--brand-600)}
.btn-secondary{background:#eef2ff;border-color:#eef2ff;color:var(--brand)}
.btn-outline-secondary{border-color:rgba(15,23,42,0.08);color:var(--muted)}

/* Small buttons */
.btn-sm{padding:0.35rem 0.6rem;font-size:0.85rem}

/* Tables */
.table{background:transparent}
.table thead th{background:transparent;border-bottom:2px solid rgba(15,23,42,0.06);color:rgb(15, 23, 42);font-weight:600}
.table tbody tr:hover{background:rgba(37,99,235,0.03)}

/* Forms */
.form-control{border-radius:8px;border:1px solid rgba(15,23,42,0.08);box-shadow:none}
.form-select{border-radius:8px;border:1px solid rgba(15,23,42,0.08)}
.form-label{color: #000000; font-weight: 600;}

/* Navbar */
.navbar{background:linear-gradient(180deg, #ffffff, #fbfdff); bortder-bottom:1px solid rgba(15, 23, 42, 0.493);box-shadow:0 2px 6px rgba(15, 23, 42, 0.397)}
.navbar .nav-link{color:rgba(15,23,42,0.75);font-weight:600}
.navbar .nav-link.active, .navbar .nav-link:hover{color:var(--brand)}

/* Badges */
.badge{border-radius:6px;padding:0.35em 0.6em;font-weight:600}
.badge.bg-success{background:var(--success)}
.badge.bg-danger{background:var(--danger)}

/* Helpers */
.muted{color:var(--muted)}
.small{font-size:0.85rem}

/* Page container sizing */
.container{max-width:1100px}

/* Forms & card spacing tweaks */
.card-body .row > [class*="col-"]{margin-bottom:0.5rem}

/* File input style */
.form-file-input{border:1px dashed rgba(15,23,42,0.06);padding:0.75rem;border-radius:8px;background:#fff}

/* Responsive tweaks */
@media (max-width:576px){
	.btn{width:100%}
	.container{padding-left:12px;padding-right:12px}
}

/* Small UI polish for action cell */
.table .btn{margin-right:6px}

/* Ensure focus outlines are visible for accessibility */
*:focus{outline-offset:2px}

/* Keep previous tiny tweaks for compatibility */
/* legacy */
/* end */