/* Bakkah UI v3 — shared visual refinement; no changes to business logic. */
:root { --bk-focus:#0956ad; --bk-surface:#fff; --bk-soft:#eaf2fc; --bk-elevation:0 12px 28px rgb(18 52 91 / 8%); }
.bk-app { font-family:"Cairo",system-ui,-apple-system,"Segoe UI",sans-serif; -webkit-font-smoothing:antialiased; }
.bk-app .bakkah-main-nav { background:#12345b!important; border-block-end:3px solid #2477d1; }
.bk-app .navbar-brand { letter-spacing:0; font-size:1.22rem; }
.bk-app .navbar-brand img { object-fit:contain; }
.bk-app .navbar-nav .nav-link { border-radius:10px; font-weight:650; }
.bk-app .navbar-dark .navbar-nav .nav-link { color:#f0f5fc; }
.bk-app .navbar-dark .navbar-nav .nav-link:hover,
.bk-app .navbar-dark .navbar-nav .nav-link:focus-visible { background:rgb(255 255 255 / 14%); color:#fff; }
.bk-app .dropdown-menu { border:1px solid #d9e5f3; padding:8px; }
.bk-app .dropdown-item { border-radius:8px; min-height:42px; display:flex; align-items:center; gap:8px; }
.bk-app .dropdown-item:hover,.bk-app .dropdown-item:focus-visible { background:#eaf2fc; color:#12345b; }
.bk-app main { width:100%; }
.bk-app main > h1:first-child,.bk-app main > .page-title:first-child { font-weight:800; letter-spacing:-.025em; }
.bk-app .card,.bk-app .bk-section,.bk-app .stat-card { transition:box-shadow .18s ease,border-color .18s ease; }
.bk-app .card:hover,.bk-app .bk-section:hover { border-color:#c4d7ed; box-shadow:var(--bk-elevation); }
.bk-app .bk-service-card { display:flex; flex-direction:column; text-decoration:none; border:1px solid #d6e3f1; background:#fff; box-shadow:0 8px 24px rgb(18 52 91 / 6%); }
.bk-app a.bk-service-card:hover,.bk-app a.bk-service-card:focus-visible { border-color:#1765c5; box-shadow:var(--bk-elevation); }
.bk-app .bk-service-title { font-weight:800; }
.bk-app .form-control:focus,.bk-app .form-select:focus { border-color:#1765c5; box-shadow:0 0 0 .2rem rgb(23 101 197 / 16%); }
.bk-app .table-responsive { scrollbar-width:thin; }
.bk-app .btn:disabled,.bk-app .btn.disabled { opacity:.65; cursor:not-allowed; }
.bk-app .bk-footer { background:#fff; border-color:#dbe4ee!important; }
.bk-app [dir="ltr"],.bk-app [dir="rtl"] { unicode-bidi:isolate; }
@media(max-width:1199px) { .bk-app .bakkah-main-nav .navbar-collapse { max-height:75vh; overflow-y:auto; padding-block:12px; } .bk-app .bakkah-main-nav .dropdown-menu { max-width:100%; box-shadow:none; } }
@media(max-width:575px) { .bk-app h1 { font-size:clamp(1.5rem,6vw,2rem); } .bk-app .btn { max-width:100%; } .bk-app .bk-service-card { min-height:165px; } .bk-app .alert { padding:12px 14px; } }
@media(prefers-reduced-motion:reduce) { .bk-app .card,.bk-app .bk-section,.bk-app .stat-card { transition:none; } }
@media print { .bk-app .card:hover,.bk-app .bk-section:hover { box-shadow:none; } }