/* AinKhata: a quiet digital register, shared by lawyer and backoffice pages. */
@media screen {
 :root, .app-body { --lm-primary:#17604e; --lm-primary-dark:#104838; --lm-bg:#f7f5ee; --lm-text:#223b39; --lm-muted:#61716a; --lm-border:#e2dfd2; --lm-field-border:#b9c5bd; --bs-primary-rgb:23,96,78; --lm-navbar-height:64px; --lm-radius:10px; }
 body, .app-body, .app-main { background:#f7f5ee; }
 .app-navbar { background:#fffefb; color:#223b39; border-bottom:1px solid #e2dfd2; }
 .app-navbar > .app-brand { background:#124c40; color:#fff; gap:.7rem; }
 .app-navbar > .app-brand strong { font-size:1.2rem; letter-spacing:-.03em; }
 /* Show the supplied icon without changing the original artwork. */
 .app-brand-mark { flex:none; display:inline-flex; overflow:hidden; width:38px; height:38px; border-radius:9px; background:#fff; align-items:center; justify-content:center; }
 .app-brand-mark img { width:70px; height:70px; max-width:none; object-fit:contain; }
 .auth-brand .app-brand-mark { width:52px; height:52px; }
 .auth-brand .app-brand-mark img { width:96px; height:96px; }
 .app-navbar-button, .app-user-button, .app-menu-toggle { color:#274e43; }
 .app-navbar-button:hover, .app-user-button:hover, .app-menu-toggle:hover { color:#123f32; background:#edf2ec; }
 .app-avatar { background:#e7eee7; color:#245343; }
 .app-sidebar { background:#124c40; border:0; color:#eef4e9; }
 .app-sidebar-nav { padding:1rem .7rem; gap:.4rem; }
 .app-nav-link { color:#e5eee7; border:0; border-radius:7px; min-height:44px; padding:.65rem .85rem; font-weight:500; }
 .app-nav-link i { color:inherit; }
 .app-nav-link:hover { color:#fff; background:#236052; }
 .app-nav-link.active { color:#213f35; background:#e9ddbf; box-shadow:none; border:0; font-weight:700; }
 .app-panel, .metric-card, .platform-kpi, .hearing-section { border:1px solid #e2dfd2; border-radius:10px; box-shadow:0 2px 5px #233d3010; background:#fffefb; }
 .app-panel { padding:1.1rem; }
 .app-page-header h1, .app-main > header h1 { color:#223b39; font-weight:700; }
 .app-page-header::after { background:#dedccc; }
 .panel-heading { border-bottom:1px solid #e8e3d7; padding-bottom:.7rem; }
 .panel-heading h2 { font-weight:700; color:#284c40; }
 .dashboard-actions { gap:.6rem; flex-wrap:wrap; margin-bottom:1rem; }
 .metric-icon { background:#e6eee4; color:#2a604b; border-radius:12px; }
 .metric-card:nth-child(2) .metric-icon { background:#e7edf3; color:#345974; }
 .metric-card:nth-child(3) .metric-icon { background:#f2e8ce; color:#765d24; }
 .metric-card strong { color:#244b3c; }
 .dashboard-list-row { border-bottom:1px solid #e8e3d7; padding:.85rem .25rem; }
 .dashboard-list-row time { background:#f3eddf; border-radius:6px; padding:.4rem .6rem; color:#5d523c; }
 .table { --bs-table-bg:#fffefb; --bs-table-striped-bg:#f8f7f1; --bs-table-hover-bg:#edf3ea; --bs-table-border-color:#e3dfd1; --bs-table-color:#2b403b; }
 .table thead th, .official-timeline thead th { background:#f1ecde; color:#3d5145; border-bottom:2px solid #d7ceb5; font-weight:700; padding:.8rem .65rem; }
 .table td { padding:.7rem .65rem; }
 .cause-list-table { border:1px solid #d7ceb5; }
 .cause-list-table td + td { border-left:1px solid #eee9dc; }
 .btn { border-radius:7px; }
 .btn-outline-primary { --bs-btn-border-color:#96ae9d; --bs-btn-bg:#fffefb; }
 .form-control, .form-select { background-color:#fffefb; }
 .case-workspace-nav { background:#fffcf5; border:1px solid #e2dfd2; }
 .case-context { background:#fffefb; }
 .platform-hero { background:linear-gradient(120deg,#eaf1e8,#f3ecdc); border-color:#d8dece; }
 .auth-shell { background:#f7f5ee; }
 .auth-card { border-color:#dfddcf; box-shadow:0 12px 40px #163f3210; }
 :focus-visible { outline-color:#17604e; }
 @media (min-width:992px) { .app-sidebar-nav { padding-top:1.4rem; } .app-navbar > .app-brand { width:var(--lm-sidebar-width); } }
 @media (max-width:575.98px) { .app-navbar > .app-brand { padding:.5rem .65rem; } .app-navbar > .app-brand strong { font-size:1rem; } .app-panel { padding:.85rem; } .table td, .table thead th { padding:.65rem .5rem; } .dashboard-actions .btn { flex:1 1 auto; min-height:44px; } }
}