/* Bakkah UI v2: shared screen foundation. Logical properties support all 4 languages. */
:root{--bk-navy:#12345b;--bk-blue:#1765c5;--bk-bg:#f3f6fb;--bk-text:#192f49;--bk-muted:#526780;--bk-border:#dbe4ee;--bk-radius:16px;--bk-shadow:0 4px 18px rgb(18 52 91 / 5%)}
.bk-app{background:var(--bk-bg);color:var(--bk-text);font-size:16px;line-height:1.65}
.bk-app main{min-width:0;padding-block:28px 40px}
.bk-app main>div,.bk-app .row>*{min-width:0}
.bk-app h1,.bk-app h2,.bk-app h3,.bk-app h4,.bk-app h5{color:var(--bk-navy);line-height:1.5;overflow-wrap:break-word}
.bk-app h1{font-size:clamp(1.8rem,3vw,2.6rem)}
.bk-app h3{font-size:clamp(1.4rem,2.2vw,1.85rem)}
.bk-app .text-muted{color:var(--bk-muted)!important}
.bk-app .card,.bk-app .card-clean,.bk-app .stat-card,.bk-app .bk-section{background:#fff;border:1px solid var(--bk-border);border-radius:var(--bk-radius);box-shadow:var(--bk-shadow)}
.bk-app .card-header{background:#f8fafd;border-bottom:1px solid var(--bk-border);padding:16px 20px}
.bk-app .card-body{padding:24px}
.bk-app .btn{min-height:44px;border-radius:10px;font-weight:600;padding:9px 16px;line-height:1.5;white-space:normal;overflow-wrap:break-word}
.bk-app .btn-sm{min-height:40px;padding:7px 12px;font-size:.875rem}
.bk-app .btn-primary{background:var(--bk-blue);border-color:var(--bk-blue);color:#fff}
.bk-app .btn-primary:hover{background:#124e9b;border-color:#124e9b}
.bk-app .btn-outline-primary{color:#1557a7;border-color:#9abbe2}
.bk-app .btn-outline-primary:hover{background:#eaf2fd;color:#12345b;border-color:#1765c5}
.bk-app .form-control,.bk-app .form-select{min-height:46px;border:1px solid #bccbdb;border-radius:10px;font-size:1rem}
.bk-app textarea.form-control{min-height:110px}
.bk-app .form-label,.bk-app label{font-weight:600}
.bk-app .form-text{color:var(--bk-muted);line-height:1.6}
.bk-app .invalid-feedback,.bk-app .errorlist{color:#b42332}
.bk-app .table{margin-bottom:0;font-size:.94rem}
.bk-app .table th{background:#f0f5fa;color:#263e5a;font-weight:700;padding:14px 16px;white-space:nowrap}
.bk-app .table td{padding:14px 16px;vertical-align:middle}
.bk-app .table-hover tbody tr:hover{background:#f7faff}
.bk-app .table-responsive,.bk-app .bk-table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--bk-border);border-radius:12px;background:#fff}
.bk-app .badge{font-weight:600;padding:.5em .75em;line-height:1.4;white-space:normal}
.bk-app .alert{border-radius:12px;border-width:1px;padding:16px 20px}
.bk-app .pagination{flex-wrap:wrap;gap:4px}
.bk-app .nav-tabs{gap:6px;flex-wrap:wrap}
.bk-app .nav-tabs .nav-link{min-height:44px;white-space:normal}
.bk-app .bk-service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.bk-app .bk-service-card{min-height:195px;padding:24px;align-items:flex-start;text-align:start;border-radius:16px;gap:8px}
.bk-app .bk-service-title{font-size:1.25rem!important;line-height:1.5;overflow-wrap:anywhere}
.bk-app .bk-service-desc,.bk-app .bk-service-description{font-size:.95rem!important;line-height:1.75;color:var(--bk-muted);overflow-wrap:break-word}
.bk-app .bk-service-icon{width:60px;height:60px;font-size:1.8rem;border-radius:15px;flex-shrink:0}
.bk-app .navbar .container,.bk-app .navbar .container-fluid{gap:12px}
.bk-app .navbar-nav .nav-link{min-height:44px;padding:10px 12px}
.bk-app .dropdown-menu{max-width:min(95vw,360px);border-radius:12px;box-shadow:0 12px 32px rgb(18 52 91 / 12%)}
.bk-app .dropdown-item{padding:10px 16px;white-space:normal}
.bk-app .hero{background:linear-gradient(130deg,#12345b,#185e9b);padding-block:64px}
.bk-app .hero h1,.bk-app .hero h2{color:#fff}
.bk-app img{max-width:100%}
.bk-app :is(a,button,input,select,textarea):focus-visible{outline:3px solid #1975df;outline-offset:3px}
.bk-skip-link{position:fixed;inset-block-start:8px;inset-inline-start:8px;z-index:9999;padding:12px 18px;background:#fff;border:2px solid #1765c5;border-radius:8px;transform:translateY(-180%)}
.bk-skip-link:focus{transform:none}
@media(max-width:991px){.bk-app .bk-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bk-app .card-body{padding:20px}.bk-app .hero{padding-block:40px}}
@media(max-width:575px){.bk-app main{padding-block:18px 28px}.bk-app .bk-service-grid{grid-template-columns:minmax(0,1fr)}.bk-app .bk-service-card{min-height:165px;padding:20px!important}.bk-app .card-body{padding:16px}.bk-app .navbar-brand{font-size:1.1rem}.bk-public .navbar .container{flex-wrap:wrap}.bk-public .navbar .container>.d-flex{flex-wrap:wrap;justify-content:flex-start}.bk-app .table th,.bk-app .table td{padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.bk-app *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.bk-app .bk-service-card:hover{transform:none}}
@media print{.bk-app{background:#fff;color:#000}.bk-app nav,.bk-app footer,.bk-skip-link{display:none!important}.bk-app main{max-width:none;padding:0}.bk-app .card,.bk-app .card-clean{box-shadow:none}.bk-app .table-responsive,.bk-app .bk-table-scroll{overflow:visible;border:0}.bk-app .table th{background:#eee!important}}