/* ===========================
   Audax Global Styles
   =========================== */

/* body background - very light */
body {
	background-color: #f6f8fb;
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	color: #172033;
}

/* navbar - creamy theme */
.navbar-custom {
	background-color: #ffffff;
	border-bottom: 1px solid #e4e7ec;
	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
}

.navbar-custom .navbar-brand
{
	color: #172033 !important;
	font-weight: bold;
}

.navbar-custom .navbar-product-logo
{
	display: block;
	width: 44px;
	height: 44px;
	border: 0;
	box-shadow: none;
	object-fit: contain;
}

.navbar-custom .nav-link {
	color: #475467 !important;
	font-weight: 500;
}

.navbar-custom .nav-link:hover {
	color: #2563eb !important;
	background-color: #eff6ff;
	border-radius: 6px;
}

.navbar-custom .nav-link.active {
	color: #2563eb !important;
	background-color: #eff6ff;
}

/* cards */
.card {
	background-color: #ffffff; /* white card */
	border-radius: 10px;
	border: 1px solid rgba(0,0,0,0.05);
	box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

/* table styling */
.table thead {
	background-color: #f8fafc;
	color: #475467;
}

.table tbody tr:hover {
	background-color: #eff6ff;
}

/* modal */
.modal-content {
	background-color: #ffffff;
	border-radius: 8px;
}

/* form labels */
.form-label {
	color: #344054;
	font-weight: 500;
}

/* buttons */
.btn-primary {
	background-color: #2563eb;
	border-color: #2563eb;
}

.btn-primary:hover {
	background-color: #1d4ed8;
	border-color: #1d4ed8;
}

.btn-secondary {
	background-color: #ffffff;
	border-color: #d0d5dd;
	color: #344054;
}

.btn-secondary:hover {
	background-color: #f8fafc;
	border-color: #98a2b3;
}

/* dashboard cards */
.dashboard .card {
	transition: all 0.2s ease-in-out;
}

.dashboard .card:hover {
	transform: translateY(-4px);
	box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* spacing utilities overrides if needed */
.mb-3, .mb-4 {
	margin-bottom: 1rem !important;
}

.p-3, .p-4 {
	padding: 1rem !important;
}

/* Shared modern component treatment */
:root { --audax-bg:#f6f8fb; --audax-surface:#fff; --audax-muted:#667085; --audax-border:#e4e7ec; --audax-primary:#2563eb; --audax-soft:#eff6ff; --audax-shadow:0 8px 24px rgba(16,24,40,.07); }
html { background:var(--audax-bg); }
body { min-height:100vh; font-size:.95rem; -webkit-font-smoothing:antialiased; }
h1,h2,h3,h4,h5,h6 { color:#172033; font-weight:650; letter-spacing:-.015em; }
a { color:var(--audax-primary); }
.text-muted { color:var(--audax-muted)!important; }
.navbar-custom { margin-top:0!important; padding:.7rem .85rem; }
.navbar-custom .nav-link { margin:0 .12rem; padding:.55rem .75rem!important; border-radius:8px; transition:.15s ease; }
.navbar-custom img[alt="Avatar"] { border:2px solid #fff; box-shadow:0 0 0 1px var(--audax-border); object-fit:cover; }
.dropdown-menu { padding:.45rem; border-color:var(--audax-border); border-radius:12px; box-shadow:var(--audax-shadow); }
.dropdown-item { padding:.55rem .7rem; color:#344054; border-radius:7px; }
.dropdown-item:hover,.dropdown-item:focus { color:var(--audax-primary); background:var(--audax-soft); }
.card { border-color:var(--audax-border); border-radius:12px; box-shadow:0 1px 2px rgba(16,24,40,.05); }
.card-header,.card-footer { background:#f8fafc; border-color:var(--audax-border); }
.modal-content { border:1px solid var(--audax-border); border-radius:14px; box-shadow:0 24px 48px rgba(16,24,40,.16); }
.modal-header,.modal-footer { border-color:var(--audax-border); }
.table>thead th { border-bottom-color:#d0d5dd; color:#475467; font-size:.78rem; font-weight:700; text-transform:uppercase; letter-spacing:.035em; }
.table>tbody td { border-color:#eef1f5; vertical-align:middle; }
.form-label { color:#344054; font-size:.88rem; font-weight:600; }
.form-control,.form-select,.input-group-text { min-height:40px; color:#172033; background:#fff; border-color:#d0d5dd; border-radius:8px; }
.form-control::placeholder { color:#98a2b3; }
.form-control:focus,.form-select:focus,.form-check-input:focus { border-color:#84adff; box-shadow:0 0 0 .22rem rgba(37,99,235,.12); }
.form-check-input:checked { background-color:var(--audax-primary); border-color:var(--audax-primary); }
.btn { border-radius:8px; font-weight:600; box-shadow:none; }
.btn-outline-secondary { color:#475467; border-color:#d0d5dd; }
.btn-outline-secondary:hover { color:#172033; background:#f8fafc; border-color:#98a2b3; }
.list-group-item { color:#172033; border-color:var(--audax-border); }
.list-group-item-action:hover { background:var(--audax-soft); }
.list-group-item.active { background:var(--audax-primary); border-color:var(--audax-primary); }
.nav-tabs { border-color:var(--audax-border); }
.nav-tabs .nav-link { color:var(--audax-muted); }
.nav-tabs .nav-link.active { color:var(--audax-primary); font-weight:600; }
.alert { border-radius:12px; }
.loading-overlay { background:rgba(246,248,251,.78)!important; backdrop-filter:blur(2px); }
body.login-page { display:grid; min-height:100vh; place-items:center; padding:24px; background:radial-gradient(circle at top,#fff 0,var(--audax-bg) 52%); }
.login-card { width:100%; max-width:410px; margin:0!important; padding:34px!important; border:1px solid var(--audax-border); border-radius:16px!important; box-shadow:var(--audax-shadow)!important; }
@media(max-width:991.98px){.navbar-custom .navbar-collapse{padding-top:.65rem}.navbar-custom .nav-link{margin:.1rem 0}}
@media(max-width:575.98px){.login-card{padding:24px!important}.card-body{padding:1rem}}

/* Standalone workflow and diagnostic screens */
.filters,.search-box,.section,.info-card,.workflow-viewer { background:#fff; border:1px solid var(--audax-border); border-radius:12px; box-shadow:0 1px 2px rgba(16,24,40,.05); }
.header { border-color:var(--audax-border)!important; }
.header a,.view-link { color:var(--audax-primary)!important; }
.filters input,.filters select,.search-box input { min-height:40px; border:1px solid #d0d5dd!important; border-radius:8px!important; }
.filters button,.search-box button { background:var(--audax-primary)!important; border-radius:8px!important; font-weight:600; }
.section-header { background:#f8fafc; border-color:var(--audax-border)!important; }
.pagination .current { background:var(--audax-primary)!important; }
pre { color:#344054; background:#f8fafc!important; border:1px solid var(--audax-border); }

/* Shared modern component treatment */
:root {
	--audax-bg:#f6f8fb; --audax-surface:#fff; --audax-muted:#667085;
	--audax-border:#e4e7ec; --audax-primary:#2563eb; --audax-soft:#eff6ff;
	--audax-shadow:0 8px 24px rgba(16,24,40,.07);
}
html { background:var(--audax-bg); }
body { min-height:100vh; font-size:.95rem; -webkit-font-smoothing:antialiased; }
h1,h2,h3,h4,h5,h6 { color:#172033; font-weight:650; letter-spacing:-.015em; }
a { color:var(--audax-primary); }
.text-muted { color:var(--audax-muted)!important; }
.navbar-custom { margin-top:0!important; padding:.7rem .85rem; }
.navbar-custom .nav-link { margin:0 .12rem; padding:.55rem .75rem!important; border-radius:8px; transition:.15s ease; }
.navbar-custom img[alt="Avatar"] { border:2px solid #fff; box-shadow:0 0 0 1px var(--audax-border); object-fit:cover; }
.dropdown-menu { padding:.45rem; border-color:var(--audax-border); border-radius:12px; box-shadow:var(--audax-shadow); }
.dropdown-item { padding:.55rem .7rem; color:#344054; border-radius:7px; }
.dropdown-item:hover,.dropdown-item:focus { color:var(--audax-primary); background:var(--audax-soft); }
.card { border-color:var(--audax-border); border-radius:12px; box-shadow:0 1px 2px rgba(16,24,40,.05); }
.card-header,.card-footer { background:#f8fafc; border-color:var(--audax-border); }
.modal-content { border:1px solid var(--audax-border); border-radius:14px; box-shadow:0 24px 48px rgba(16,24,40,.16); }
.modal-header,.modal-footer { border-color:var(--audax-border); }
.table>thead th { border-bottom-color:#d0d5dd; color:#475467; font-size:.78rem; font-weight:700; text-transform:uppercase; letter-spacing:.035em; }
.table>tbody td { border-color:#eef1f5; vertical-align:middle; }
.form-label { color:#344054; font-size:.88rem; font-weight:600; }
.form-control,.form-select,.input-group-text { min-height:40px; color:#172033; background:#fff; border-color:#d0d5dd; border-radius:8px; }
.form-control::placeholder { color:#98a2b3; }
.form-control:focus,.form-select:focus,.form-check-input:focus { border-color:#84adff; box-shadow:0 0 0 .22rem rgba(37,99,235,.12); }
.form-check-input:checked { background-color:var(--audax-primary); border-color:var(--audax-primary); }
.btn { border-radius:8px; font-weight:600; box-shadow:none; }
.btn-outline-secondary { color:#475467; border-color:#d0d5dd; }
.btn-outline-secondary:hover { color:#172033; background:#f8fafc; border-color:#98a2b3; }
.list-group-item { color:#172033; border-color:var(--audax-border); }
.list-group-item-action:hover { background:var(--audax-soft); }
.list-group-item.active { background:var(--audax-primary); border-color:var(--audax-primary); }
.nav-tabs { border-color:var(--audax-border); }
.nav-tabs .nav-link { color:var(--audax-muted); }
.nav-tabs .nav-link.active { color:var(--audax-primary); font-weight:600; }
.alert { border-radius:12px; }
.loading-overlay { background:rgba(246,248,251,.78)!important; backdrop-filter:blur(2px); }
body.login-page { display:grid; min-height:100vh; place-items:center; padding:24px; background:radial-gradient(circle at top,#fff 0,var(--audax-bg) 52%); }
.login-card { width:100%; max-width:410px; margin:0!important; padding:34px!important; border:1px solid var(--audax-border); border-radius:16px!important; box-shadow:var(--audax-shadow)!important; }
@media(max-width:991.98px){.navbar-custom .navbar-collapse{padding-top:.65rem}.navbar-custom .nav-link{margin:.1rem 0}}
@media(max-width:575.98px){.login-card{padding:24px!important}.card-body{padding:1rem}}