/* مدير النيابة · نظام التصميم v2 (هوية «سجلّ» المعتمدة 4/10/2026).
   القيم بالأرقام: docs/إعادة_تصميم_شاملة/01_الهوية_المعتمدة.md — نفس القيم فى mobile_shared/lib/theme/md_theme.dart.
   أى توكن يتغيّر هنا يتغيّر هناك فى نفس الدفعة. */
@font-face{font-family:'IBM Plex Sans Arabic';src:url('../fonts/ibm-plex-arabic/plex-arabic-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('../fonts/ibm-plex-arabic/plex-arabic-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('../fonts/ibm-plex-arabic/plex-arabic-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('../fonts/ibm-plex-arabic/plex-arabic-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('../fonts/ibm-plex-arabic/plex-latin-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('../fonts/ibm-plex-arabic/plex-latin-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('../fonts/ibm-plex-arabic/plex-latin-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('../fonts/ibm-plex-arabic/plex-latin-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}
:root{
 --md-ground:#F3F5F8;--md-surface:#FFFFFF;--md-raised:#F8F9FB;--md-line:#D8E0EB;--md-ink:#14243A;--md-muted:#4E5D72;
 --md-primary:#1F3F66;--md-primary-hover:#172E46;--md-on-primary:#FFFFFF;--md-primary-soft:#E6EDF6;--md-accent:#A77746;
 --md-ok:#1C6B3E;--md-ok-bg:#E4F3E9;--md-warn:#8A5000;--md-warn-bg:#FCEFD9;--md-danger:#B0261C;--md-danger-bg:#FBE9E7;
 --md-purple:#724B80;--md-purple-bg:#F1EAF5;--md-neutral-bg:#ECEFF4;--md-row-hover:#F3F6FA;--md-row-sel:#E6EDF6;--md-focus:#1F3F66;
 --md-side:#172E46;--md-side-ink:#E2E9F2;--md-side-muted:#A9B8CB;--md-side-active:#233F60;
 --md-brand-ink:var(--md-side);--md-brand-paper:#F3F5F8;--md-brand-light:#D6B17B;
 --md-radius-control:6px;--md-radius-card:8px;--md-radius-badge:4px;
 --md-shadow:none;--md-shadow-pop:0 8px 24px color-mix(in srgb,var(--md-side) 18%,transparent);
 --md-row-h:40px;--md-control-h:40px;--md-touch:44px;--md-side-w:264px;--md-side-w-min:72px;
 --md-sp-1:4px;--md-sp-2:8px;--md-sp-3:12px;--md-sp-4:16px;--md-sp-5:24px;--md-sp-6:32px;
 --md-space-1:4px;--md-space-2:8px;--md-space-3:12px;--md-space-4:16px;--md-space-6:24px;--md-space-8:32px;
 --md-fs-label:14px;--md-fs-dense:15px;--md-fs-body:16px;--md-fs-card:18px;--md-fs-section:20px;--md-fs-page:24px;--md-fs-kpi:30px;
 --md-font:'IBM Plex Sans Arabic',Tahoma,sans-serif;--md-font-legal:'Noto Naskh Arabic','IBM Plex Sans Arabic',Tahoma,sans-serif;
 --md-overlay:color-mix(in srgb,var(--md-side) 52%,transparent);
 color-scheme:light;
}
:root[data-theme=dark],body[data-theme=dark],body.enc-night,#encRdr.enc-night{
 --md-ground:#0D1726;--md-surface:#142236;--md-raised:#1A2B42;--md-line:#304560;--md-ink:#E6EDF6;--md-muted:#A7B6CA;
 --md-primary:#8FB4E8;--md-primary-hover:#AFCBF0;--md-on-primary:#10223A;--md-primary-soft:#22385A;--md-accent:#CAA374;
 --md-ok:#74D39D;--md-ok-bg:#12301F;--md-warn:#EFB662;--md-warn-bg:#382811;--md-danger:#FF9D93;--md-danger-bg:#3F1A17;
 --md-purple:#DCC1EB;--md-purple-bg:#3C2C4A;--md-neutral-bg:#1C2C42;--md-row-hover:#17263B;--md-row-sel:#22385A;--md-focus:#8FB4E8;
 --md-side:#0B1524;--md-side-ink:#E2E9F2;--md-side-muted:#93A5BC;--md-side-active:#22385A;
 color-scheme:dark;
}
/* Aliases live on every scope that can own a theme, including native dialogs. */
:root,body,.cx,dialog,#encRdr{
 --cx-ink:var(--md-ink);--cx-primary:var(--md-primary);--cx-on-primary:var(--md-on-primary);--cx-primary-soft:var(--md-primary-soft);
 --cx-ground:var(--md-ground);--cx-surface:var(--md-surface);--cx-line:var(--md-line);--cx-muted:var(--md-muted);--cx-accent:var(--md-accent);
 --cx-ok:var(--md-ok);--cx-ok-bg:var(--md-ok-bg);--cx-warn:var(--md-warn);--cx-warn-bg:var(--md-warn-bg);
 --cx-danger:var(--md-danger);--cx-danger-bg:var(--md-danger-bg);--cx-purple:var(--md-purple);--cx-purple-bg:var(--md-purple-bg);--cx-focus:var(--md-focus);
 --cx-radius-card:var(--md-radius-card);--cx-radius-control:var(--md-radius-control);
 --cx-space-1:var(--md-space-1);--cx-space-2:var(--md-space-2);--cx-space-3:var(--md-space-3);--cx-space-4:var(--md-space-4);--cx-space-6:var(--md-space-6);--cx-space-8:var(--md-space-8);
}
html{font-family:var(--md-font);font-size:16px;scroll-padding-top:90px}
body{font-family:var(--md-font)!important;font-size:16px;line-height:1.7;font-style:normal;color:var(--md-ink);background:var(--md-ground);letter-spacing:0}
*,*::before,*::after{box-sizing:border-box}
body :where(button,input,select,textarea,h1,h2,h3,h4,h5,h6,label,table,.btn,.dropdown-menu){font-family:var(--md-font);letter-spacing:0}
body :where(small,.small){font-size:14px}
body :is(h4,h5,h6){font-size:16px;line-height:1.7}
body :is(input[type=checkbox],input[type=radio]){font-size:14px}
body .smart-input-btn{font-size:14px!important;min-width:44px;min-height:44px}
h1,.page-title,.cx-head h1{font-size:var(--md-fs-page);line-height:1.4;font-weight:600}
h2{font-size:var(--md-fs-section);line-height:1.4;font-weight:600}h3{font-size:var(--md-fs-card);line-height:1.4;font-weight:600}
body :where(em,i,cite,address,dfn,var){font-style:normal}
body :where(.num,.cx-num,td,th,.stat-number,.badge,.cx-chip,time){font-variant-numeric:tabular-nums}
img,video,canvas{max-width:100%}a{color:var(--md-primary)}
:where(button,a,input,textarea,select,summary,[tabindex]):focus-visible{outline:2px solid var(--md-focus)!important;outline-offset:2px}
:where(input,textarea,select){accent-color:var(--md-primary)}
body :is(input:not([type=hidden],[type=checkbox],[type=radio],[type=button],[type=submit],[type=reset],[type=range],[type=color]),select,textarea,.form-control,.form-select,.cx-in){
 width:100%;max-width:100%;min-width:0;box-sizing:border-box;font-family:var(--md-font);font-size:16px!important;line-height:1.5;
 min-height:var(--md-control-h);padding:7px 12px;border:1px solid var(--md-line);border-radius:var(--md-radius-control);background:var(--md-raised);color:var(--md-ink);
}
body textarea,body textarea.cx-in,body dialog textarea,body .modal textarea{display:block;width:100%!important;min-height:140px!important;resize:vertical;max-height:none}
body :is(input,select,textarea)::placeholder{color:var(--md-muted);opacity:1}
body :is(input,select,textarea):focus{border-color:var(--md-focus);background:var(--md-surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--md-focus) 18%,transparent)}
body :is(input[type=checkbox],input[type=radio]){width:18px;height:18px;flex:0 0 18px;vertical-align:middle;margin-inline-end:6px}
body :is(.form-group,.form-field,.field)>label{display:block;margin-bottom:6px;font-size:14px;font-weight:600}
body label:has(>textarea),body label:has(>input:not([type=checkbox],[type=radio],[type=hidden])),body label:has(>select){display:grid;gap:8px;min-width:0}
body :is(.help-text,.form-text,.hint,.cx-meta){font-size:14px;line-height:1.7;color:var(--md-muted)}
body :is(.invalid-feedback,.field-error,.error-text){font-size:14px;color:var(--md-danger)}
body :is(.cx-row,.cx-toolbar,.backlog-filter,.backlog-form,.filter-row,.filters-row){gap:12px;min-width:0}
body :is(.cx-row,.cx-toolbar,.backlog-filter,.backlog-form,.filter-row,.filters-row)>:is(input[type=number],input[type=date],select){width:auto;min-width:110px;max-width:100%}
body :is(.cx-row,.cx-toolbar,.backlog-filter,.backlog-form)>input:is([type=text],[type=search]){flex:1 1 220px;width:auto}
body :is(button,.btn,.cx-btn,input[type=submit],input[type=button]){font-family:var(--md-font);font-size:var(--md-fs-dense);line-height:1.5;min-height:var(--md-control-h);border-radius:var(--md-radius-control);cursor:pointer;letter-spacing:0}
body :is(.btn,.cx-btn){display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:6px 14px;text-decoration:none;border:1px solid transparent;font-weight:600;transition:background-color .15s,border-color .15s,color .15s}
body :is(.btn,.cx-btn):active:not(:disabled){transform:translateY(1px)}
body :is(.btn-primary,.cx-btn:not(.ghost,.danger),.btn-login){background:var(--md-primary);color:var(--md-on-primary);border-color:var(--md-primary)}
body :is(.btn-primary,.cx-btn:not(.ghost,.danger),.btn-login):hover{background:var(--md-primary-hover);border-color:var(--md-primary-hover);color:var(--md-on-primary)}
body :is(.btn-secondary,.btn-outline-primary,.btn-outline-secondary,.cx-btn.ghost){background:var(--md-surface);color:var(--md-primary);border-color:var(--md-line)}
body :is(.btn-secondary,.btn-outline-primary,.btn-outline-secondary,.cx-btn.ghost):hover{background:var(--md-primary-soft);border-color:var(--md-primary)}
body :is(.btn-danger,.cx-btn.danger){background:var(--md-danger-bg);color:var(--md-danger);border-color:var(--md-danger)}
body :is(.btn-success,.badge-success){background:var(--md-ok-bg);color:var(--md-ok);border-color:var(--md-ok)}
body :is(.btn-warning,.badge-warning){background:var(--md-warn-bg);color:var(--md-warn);border-color:var(--md-warn)}
body :is(button,.btn):disabled{opacity:.55;cursor:not-allowed}
body :is(.card,.cx-card,.info-section,.section-card,.panel,.modal-content){border-radius:var(--md-radius-card);border-color:var(--md-line);background:var(--md-surface);color:var(--md-ink);box-shadow:var(--md-shadow)}
body :is(.cx-card,.card,.panel):has(form){min-width:0}
body .cx-card:has(table){max-width:100%;overflow-x:auto}
body .cx{padding:24px 0 48px;max-width:1280px;font-family:var(--md-font)}
body .cx-head{margin-bottom:24px;gap:16px}body .cx-head h1{font-size:var(--md-fs-page)}
body .cx-head-symbol{width:28px;height:28px}
body .cx-card+ .cx-card{margin-top:24px}
body :is(.cx-cards,.backlog-pair){gap:24px}
/* م4: التابات القديمة = md-tabs (فجوة 4، تمرير أفقى بدل الالتفاف، خط 2px، 16px) */
body :is(.cx-hubtabs,.cx-tabs,.nav-tabs){display:flex;gap:4px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding-bottom:1px;border-bottom:1px solid var(--md-line);margin-bottom:16px}
body :is(.cx-tabs,.cx-hubtabs) a{flex:none;display:inline-flex;align-items:center;gap:6px;border-radius:0;background:transparent;border-bottom:2px solid transparent;margin-bottom:-1px;min-height:44px;padding:0 16px;font-size:16px;white-space:nowrap;text-decoration:none;color:var(--md-muted)}
body :is(.cx-tabs,.cx-hubtabs) a:hover{color:var(--md-ink)}
body :is(.cx-tabs,.cx-hubtabs) a.on,body .nav-tabs .nav-link.active{color:var(--md-primary);background:transparent;border-bottom:2px solid var(--md-primary);font-weight:600}
body :is(table,.table,.cx-table){width:100%;font-size:var(--md-fs-dense);font-variant-numeric:tabular-nums;border-color:var(--md-line);color:var(--md-ink)}
body :is(table,.table,.cx-table) :is(th,td){padding:8px 12px;height:var(--md-row-h);line-height:1.4;border-color:var(--md-line)}
body :is(table,.table,.cx-table) thead th{position:sticky;top:0;background:var(--md-raised);color:var(--md-muted);z-index:1;font-size:14px;font-weight:600;text-align:start}
body :is(table,.table,.cx-table) tbody tr:hover{background:var(--md-row-hover)}
body :is(table,.table,.cx-table) tbody tr:is(.sel,.selected,[aria-selected=true]){background:var(--md-row-sel)}
body :is(.table-responsive,.cx-scroll){max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
body :is(.badge,.cx-chip,.status-badge,.status-chip,.cx-tabcount){font-size:14px;font-weight:500;line-height:1.6;border-radius:var(--md-radius-badge);padding:2px 8px}
body :is(.alert,.flash-message){border-radius:var(--md-radius-control);padding:16px;line-height:1.75}
body :is(.alert-info,.flash-message.info){background:var(--md-primary-soft);color:var(--md-primary);border-color:var(--md-primary)}
body :is(.alert-success,.flash-message.success){background:var(--md-ok-bg);color:var(--md-ok);border-color:var(--md-ok)}
body :is(.alert-warning,.flash-message.warning){background:var(--md-warn-bg);color:var(--md-warn);border-color:var(--md-warn)}
body :is(.alert-danger,.flash-message.error,.error-message){background:var(--md-danger-bg);color:var(--md-danger);border-color:var(--md-danger)}
body :is(.page-link,.pagination a){min-height:44px;min-width:44px;padding:9px 12px;background:var(--md-surface);color:var(--md-primary);border-color:var(--md-line);font-size:14px}
body .pagination .active .page-link{background:var(--md-primary);color:var(--md-on-primary)}
body dialog.cx-dialog,body dialog{position:fixed;inset:0;margin:auto;width:min(680px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);height:fit-content;border:1px solid var(--md-line);border-radius:var(--md-radius-card);background:var(--md-surface);color:var(--md-ink);box-shadow:var(--md-shadow-pop);padding:0}
dialog::backdrop{background:var(--md-overlay)}
body :is(.cx-dialog-head,.modal-header){padding:16px 24px;border-bottom:1px solid var(--md-line)}
body :is(.cx-dialog-body,.modal-body){padding:24px;overflow:auto;max-height:calc(100dvh - 180px)}
body .modal-dialog{max-width:min(680px,calc(100vw - 32px));margin:32px auto}
body .modal.show .modal-dialog{min-height:calc(100% - 64px);display:flex;align-items:center}
body :is(.dropdown-menu,.user-dropdown,.notifications-dropdown,.cx-ac-list,.select2-dropdown,.datepicker){background:var(--md-surface);color:var(--md-ink);border:1px solid var(--md-line);border-radius:var(--md-radius-control);box-shadow:var(--md-shadow-pop);font-family:var(--md-font);font-size:14px}
body :is(.dropdown-item,.cx-ac-item,.select2-results__option){min-height:44px;padding:10px 12px;font-size:14px}
body :is(.dropdown-item,.cx-ac-item):is(:hover,.on){background:var(--md-primary-soft);color:var(--md-primary)}
body .select2-container{max-width:100%;font-family:var(--md-font)}
body .select2-container .select2-selection{min-height:48px;background:var(--md-surface);border-color:var(--md-line);border-radius:var(--md-radius-control);padding:8px}
body .tooltip-inner{background:var(--md-ink);color:var(--md-surface);font-size:14px;padding:10px 14px;border-radius:var(--md-radius-control)}
body :is(.cx-empty,.empty-state){padding:40px 24px;color:var(--md-muted);font-size:16px}
/* Existing navigation markup and JS remain the source of links and state. */
/* الغلاف (v2): هيدر فاتح بعمود هوية داكن فوق السايدبار، وسايدبار داكن باللوجو الداكن.
   ماركب header.php وJS بتاعه هو مصدر الروابط والحالة — هنا الشكل بس. */
body .top-navbar{height:70px;background:var(--md-surface);color:var(--md-ink);border-bottom:1px solid var(--md-line);box-shadow:none;z-index:1000}
body .navbar-brand{align-self:stretch;width:var(--md-side-w);flex:none;background:var(--md-side);color:var(--md-side-ink);padding:0 20px;gap:12px;border:0;border-bottom:1px solid var(--md-side)}
body .navbar-brand:hover{background:var(--md-side)}
body .navbar-brand .md-brand-symbol{content:url(../brand/modir/symbol-dark.svg)}
body .md-brand-symbol{width:36px;height:36px;flex:none}
body .navbar-title{color:var(--md-side-ink);font-size:18px;font-weight:600;letter-spacing:0}
body .navbar-subtitle,body .user-role{color:var(--md-muted);font-size:14px}
body .navbar-center-text{color:var(--md-muted);letter-spacing:0;font-size:14px}
body .navbar-center-text span{color:inherit!important}
body .navbar-user{gap:12px;padding:0 24px}
body :is(.notifications-btn,.mobile-menu-toggle){color:var(--md-ink);background:var(--md-surface);border:1px solid var(--md-line);border-radius:var(--md-radius-control);min-width:40px;min-height:40px;box-shadow:none}
body :is(.notifications-btn,.mobile-menu-toggle):hover{background:var(--md-neutral-bg);color:var(--md-ink)}
body .notifications-badge{background:var(--md-danger);color:var(--md-danger-bg);font-size:14px;font-weight:600;min-width:22px;min-height:22px;border:2px solid var(--md-surface);border-radius:var(--md-radius-badge)}
body .user-name{color:var(--md-ink);font-size:15px;font-weight:500}
body :is(.notifications-header,.notifications-footer,.user-dropdown-header){background:var(--md-raised);color:var(--md-ink);border-color:var(--md-line)}
body :is(.user-dropdown-menu a,.notification-title,.user-dropdown-header .name){color:var(--md-ink)}
body :is(.notification-text,.notification-time,.user-dropdown-header .role){font-size:14px;color:var(--md-muted)}
body :is(.notification-item.unread,.notification-item:hover,.user-dropdown-menu a:hover){background:var(--md-row-hover)}
body .notification-item.unread{box-shadow:inset -3px 0 0 var(--md-primary)}
body .sidebar{width:var(--md-side-w);background:var(--md-side);color:var(--md-side-ink);border:0;box-shadow:none;scrollbar-color:var(--md-side-active) transparent}
body .sidebar.collapsed{width:var(--md-side-w-min)}
body .sidebar::-webkit-scrollbar-track{background:transparent}body .sidebar::-webkit-scrollbar-thumb{background:var(--md-side-active)}
body .sidebar-header{background:var(--md-side);border:0;border-bottom:1px solid var(--md-side-active);color:var(--md-side-muted);padding:12px 16px}
body .sidebar-header h3{font-size:14px;font-weight:500;color:var(--md-side-muted)}
body .sidebar-menu{padding:8px 12px}
body .sidebar.collapsed .sidebar-menu{padding:8px 6px}
body :is(.sidebar-section-title,.sidebar-subsection-title){background:transparent;color:var(--md-side-muted);border:0;font-size:14px;font-weight:500;letter-spacing:0;min-height:40px}
body :is(.sidebar-menu a,.sidebar-subsection li a,.enc-side-switch){color:var(--md-side-ink);font-size:15px;font-weight:400;min-height:40px;padding:8px 10px;gap:10px;border:0;border-radius:var(--md-radius-control)}
body :is(.sidebar-menu a,.sidebar-section-title) :is(.menu-icon,.section-icon){color:var(--md-side-muted)}
body :is(.sidebar-section-title:hover,.sidebar-subsection-title:hover,.sidebar-menu a:hover,.enc-side-switch:hover){background:color-mix(in srgb,var(--md-side-active) 70%,transparent)!important;color:var(--md-side-ink)!important}
body :is(.sidebar-menu li.active>a,.sidebar-menu a.active,.sidebar-subsection li a.active){background:var(--md-side-active)!important;color:#FFFFFF!important;font-weight:600;box-shadow:inset -3px 0 0 var(--md-side-ink)!important}
body :is(.sidebar-menu li.active>a,.sidebar-menu a.active) .menu-icon{color:var(--md-side-ink)}
body .sidebar-section-title{border:0;border-radius:var(--md-radius-control)!important;margin:2px 0!important;padding:8px 10px!important;font-weight:500}
body .sidebar-section-title.active{background:transparent!important;color:var(--md-side-ink)!important;font-weight:600}
body .sidebar-menu .dashboard-link{background:var(--md-side-active)!important;color:var(--md-side-ink)!important;box-shadow:none!important;margin:4px 0!important;border-radius:var(--md-radius-control)!important}
body .sidebar :is(.badge,.menu-badge,.ux-count){background:var(--md-primary-soft);color:var(--md-primary);border:0;font-size:14px}
body .sidebar hr{height:1px!important;background:var(--md-side-active)!important;border:0!important;margin:8px 10px!important}
body .sidebar-menu hr{border-top-color:var(--md-side-active)}
body .user-info{border-color:var(--md-line)}
body .sidebar-submenu{background:transparent}
body .sidebar-toggle-btn{background:transparent;color:var(--md-side-muted);border:1px solid var(--md-side-active);border-radius:var(--md-radius-control);min-width:32px;min-height:32px}
body .sidebar-toggle-btn:hover{background:var(--md-side-active);color:var(--md-side-ink)}
body .sidebar :focus-visible{outline-color:var(--md-side-ink)!important}
body .main-content{background:var(--md-ground);min-width:0;padding:24px}
@media(min-width:769px){
 body:has(#mainSidebar) .main-content{margin-right:var(--md-side-w)}
 body:has(#mainSidebar) .main-content.expanded{margin-right:var(--md-side-w-min)}
 body:has(#mainSidebar.collapsed) .navbar-brand{width:var(--md-side-w-min);padding:0 18px}
 body:has(#mainSidebar.collapsed) .navbar-brand-text{display:none}
}
/* Keep the real dashboard data and its permission-dependent sections. */
body :is(.welcome-hero,.welcome-banner){background:var(--md-surface);color:var(--md-ink);box-shadow:none;border:1px solid var(--md-line);border-radius:var(--md-radius-card);padding:32px}
body .welcome-hero::before{display:none}body .greeting-text{font-size:28px}body .welcome-date{color:var(--md-muted);font-size:14px}
body .greeting-text h1{font-size:28px}
body .quick-actions{gap:24px}body .action-card{background:var(--md-surface);border:1px solid var(--md-line);border-radius:var(--md-radius-card);box-shadow:none;color:var(--md-ink)}
body .action-card:hover{border-color:var(--md-primary);background:var(--md-primary-soft);transform:none}
body .action-icon{background:var(--md-primary-soft);color:var(--md-primary);border-radius:var(--md-radius-card)}
body .action-title{color:var(--md-ink);font-size:18px}body .action-desc{color:var(--md-muted);font-size:14px}
body .stat-card{min-width:0;border:1px solid var(--md-line);border-top:3px solid var(--md-primary);background:var(--md-surface)!important;color:var(--md-ink)!important;border-radius:var(--md-radius-card);box-shadow:none;padding:20px}
body .stat-card .stat-number{color:var(--md-ink);font-size:28px}body .stat-card .stat-label{color:var(--md-muted);font-size:14px;opacity:1}
body .stat-card.not-valid{border-top-color:var(--md-danger)}body .stat-card.article-25{border-top-color:var(--md-purple)}
body .action-toolbar .action-btn{min-height:44px;line-height:1.6;padding:10px 14px;border:1px solid var(--md-line);background:var(--md-surface);color:var(--md-primary);box-shadow:none}
body .action-toolbar .action-btn.ab-primary{background:var(--md-primary);border-color:var(--md-primary);color:var(--md-on-primary)}
body .action-toolbar .action-btn span{display:inline}
body .action-group{background:transparent;border:0;padding:0;gap:8px}
body :is(.info-section,.tips-section){border:1px solid var(--md-line);border-radius:var(--md-radius-card);background:var(--md-surface);padding:24px}
body :is(.activity-time,.activity-desc,.tips-list){font-size:14px}body .activity-item{border-color:var(--md-line)}
/* Discussion forms: text occupies its own full row and actions follow it. */
body #md-opinion-form{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
body #md-opinion-form>:is(textarea,#md-opinion-refs){flex-basis:100%;width:100%}
body #md-opinion-form>label{margin-inline:auto 0;font-size:14px}
body #md-opinion-form>.cx-btn{margin-top:0!important}
body .cx-card form:has(>textarea)>button{margin-top:16px}
/* Login: the approved calm split, ink and light, with the routing mark. */
body.md-login{padding:0;display:block;background:var(--md-brand-ink);color:var(--md-brand-paper);min-height:100dvh}
body.md-login::before{display:none}
body.md-login .login-wrapper{display:grid;grid-template-columns:1fr 1fr;max-width:none;min-height:100dvh;padding:0;margin:0}
.md-login-identity{display:flex;flex-direction:column;justify-content:space-between;gap:40px;padding:64px clamp(28px,6vw,100px);min-width:0;background:radial-gradient(ellipse at 5% 15%,color-mix(in srgb,var(--md-primary) 50%,transparent),transparent 65%),var(--md-brand-ink)}
.md-login-word{font-size:36px;line-height:1.6;margin:0;color:var(--md-brand-paper)}
.md-login-art{display:flex;flex-direction:column;gap:32px;align-items:flex-start}
.md-login-symbol{width:170px;height:170px;align-self:center;margin-block:16px}
.md-login-verse{font-size:23px;line-height:2.2;margin:0;color:var(--md-brand-paper)}
.md-login-verse span{display:block}.md-login-verse cite{display:block;font-size:14px;font-style:normal;color:var(--md-brand-light);margin-top:12px}
.md-login-signature{font-size:16px;color:var(--md-brand-light);padding-top:20px;border-top:1px solid color-mix(in srgb,var(--md-brand-light) 30%,transparent)}
body.md-login .login-container{display:flex;flex-direction:column;justify-content:center;padding:64px clamp(28px,6vw,100px);border:0;border-radius:0;box-shadow:none;background:linear-gradient(140deg,var(--md-brand-ink),color-mix(in srgb,var(--md-brand-ink) 80%,black));animation:none;min-width:0}
body.md-login .welcome-text{background:none;border:0;padding:0;margin-bottom:32px;text-align:right}
body.md-login .welcome-text h2{font-size:30px;color:var(--md-brand-paper);margin-bottom:8px}
body.md-login .welcome-text p,body.md-login label{color:var(--md-brand-paper);font-size:16px}
body.md-login input:not([type=hidden]){background:transparent;color:var(--md-brand-paper);border-color:color-mix(in srgb,var(--md-brand-paper) 45%,transparent);min-height:54px;padding:12px 14px}
body.md-login input::placeholder{color:color-mix(in srgb,var(--md-brand-paper) 65%,transparent)}
body.md-login .input-icon{display:none}
body.md-login .btn-login{min-height:54px;background:var(--md-brand-light);color:var(--md-brand-ink);box-shadow:none;font-size:16px}
body.md-login .btn-login:hover{background:color-mix(in srgb,var(--md-brand-light) 85%,white);color:var(--md-brand-ink);transform:none}
@media(max-width:768px){
 body .main-content,body .main-content.expanded,body #mainContent{margin-right:0;padding:16px!important;max-width:100%}
 body .sidebar{width:min(300px,85vw);z-index:1100}body .sidebar.collapsed{width:min(300px,85vw)}
 body .sidebar,body .sidebar.collapsed{right:calc(-1 * min(300px,85vw));visibility:hidden}
 body .sidebar.active{right:0;visibility:visible}
 body .sidebar-toggle-btn{display:none}
 body :is(.header-actions,.page-actions){flex-wrap:wrap;min-width:0;max-width:100%;gap:8px}
 body .vehicles-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 body .stat-card{padding:16px 12px}
 body .action-toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
 body .action-group{flex:initial;width:100%;padding-block:8px;border-bottom:1px solid var(--md-line)}
 body .action-group .action-btn{flex:1 1 135px;justify-content:center;white-space:normal;font-size:14px}
 body .header-actions .btn{font-size:14px!important;min-width:44px;white-space:normal}
 body .navbar-brand{padding:0 10px;border:0;gap:8px}body .md-brand-symbol{width:30px;height:30px}
 body .navbar-title{font-size:16px}body .navbar-subtitle{display:none}body .navbar-center{display:none}
 body .navbar-user{padding:0 10px;gap:8px}body .user-info{padding:0}body .user-role{display:none}
 body .navbar-user .user-name{max-width:95px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
 body .notifications-dropdown{position:fixed;top:76px;left:16px;right:16px;width:auto;max-width:calc(100vw - 32px)}
 body .user-dropdown{max-width:calc(100vw - 32px);left:0;right:auto}
 body .cx{padding:16px 0 32px}body .cx-head h1{font-size:26px}body .cx-hubtabs{gap:16px}
 body :is(.backlog-pair,.cx-cards){grid-template-columns:minmax(0,1fr);gap:16px}
 body :is(.cx-row,.cx-toolbar,.backlog-filter,.backlog-form)>*{min-width:0;max-width:100%}
 body :is(.cx-dialog-head,.cx-dialog-body,.modal-body){padding:16px}
 body .welcome-hero{padding:24px}body .greeting-text{font-size:26px}
 body.md-login .login-wrapper{display:flex;flex-direction:column}
 .md-login-identity{padding:32px 24px 24px;gap:20px}.md-login-word{font-size:26px}
 .md-login-art{gap:16px;position:relative}.md-login-symbol{position:absolute;width:52px;height:52px;inset-inline-end:0;top:-68px;margin:0}
 .md-login-verse{font-size:17px;line-height:2}.md-login-verse cite{margin-top:4px}.md-login-signature{font-size:14px;padding-top:12px}
 body.md-login .login-container{padding:28px 24px 40px;background:transparent;border-top:1px solid color-mix(in srgb,var(--md-brand-light) 25%,transparent)}
 body.md-login .welcome-text{margin-bottom:24px}body.md-login .welcome-text h2{font-size:26px}
}
@media print{
 :root,body,body.enc-night{--md-ink:#14243A;--md-primary:#1F3F66;--md-on-primary:#fff;--md-primary-soft:#E6EDF6;--md-ground:#fff;--md-surface:#fff;--md-raised:#fff;--md-line:#D8E0EB;--md-muted:#4E5D72;--md-ok:#1C6B3E;--md-ok-bg:#E4F3E9;--md-danger:#B0261C;--md-danger-bg:#FBE9E7;--md-warn:#8A5000;--md-warn-bg:#FCEFD9;color-scheme:light}
 body{padding:0!important;background:var(--md-surface)!important;color:var(--md-ink)!important}
 .top-navbar,.sidebar,.sidebar-overlay,.mobile-menu-toggle,.cx-noprint,.cx-hubtabs,.cx-tabs,dialog,.modal,.btn,button{display:none!important}
 body .main-content,body #mainContent{margin:0!important;padding:0!important}body .cx{max-width:none;padding:0}
 body :is(.card,.cx-card){box-shadow:none;break-inside:avoid}body table thead{display:table-header-group}body table thead th{position:static}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Review refinements for the member dashboard and standalone system overview. */
body .md-dashboard{padding:0;max-width:1280px}
body .md-dashboard .member-welcome{background:var(--md-surface)!important;box-shadow:none;color:var(--md-ink)}
body .md-dashboard .member-welcome>.welcome-content{align-items:flex-start!important;text-align:start!important;gap:12px!important}
body .md-dashboard .member-welcome>.welcome-content>div{color:var(--md-ink)!important;text-shadow:none!important}
body .md-dashboard-links{gap:24px!important;margin:24px 0!important}
body .md-dashboard-links>a{background:var(--md-surface)!important;color:var(--md-ink)!important;box-shadow:none!important;border:1px solid var(--md-line)}
body .md-dashboard-links>a:hover{background:var(--md-primary-soft)!important;border-color:var(--md-primary)}
body.md-overview .page-header{background:var(--md-surface);border-bottom:1px solid var(--md-line);color:var(--md-ink)}
body.md-overview .back-btn{color:var(--md-primary);background:var(--md-primary-soft);border-radius:var(--md-radius-control)}
body.md-overview .slide{background:var(--md-surface);border:1px solid var(--md-line);color:var(--md-ink);border-radius:var(--md-radius-card)}
body.md-overview :is(.slide-header p,.stat-card .label,.tech-card p,.timeline-content p,.footer){color:var(--md-muted)}
body.md-overview .stat-card .number{color:var(--md-ink)}
body.md-overview .tech-card{background:var(--md-ground);border:1px solid var(--md-line)}
body.md-overview .tech-tooltip{background:var(--md-ink);color:var(--md-surface)}

body .mark-all-read{background:var(--md-primary-soft);color:var(--md-primary);border:1px solid var(--md-line)}
body .md-assignments .cx-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px}
body .md-assignments .cx-cards>.cx-card{border:1px solid var(--md-line);padding:24px}

:root[data-theme=dark] :is(.md-brand-symbol,.cx-head-symbol){content:url(../brand/modir/symbol-dark.svg)}

@media(max-width:768px){body .cx-mention-balloon{left:16px!important;right:16px!important;width:auto!important;max-width:none!important}}

@media(max-width:768px){
 body .notifications-dropdown{transform:none!important}
 body .user-dropdown{position:fixed;top:76px;left:16px!important;right:16px!important;width:auto;min-width:0;max-width:calc(100vw - 32px);transform:none!important}
}

body:not(.md-login) :is(h1,.page-title,.cx-head h1){font-size:var(--md-fs-page)!important;line-height:1.4}
/* UI-2 repair 1: content-sized dashboard and complete navigation surface. */
body .sidebar{position:fixed;top:70px;bottom:0;height:calc(100dvh - 70px);max-height:calc(100dvh - 70px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
body :is(.welcome-banner,.welcome-hero)::before,body :is(.welcome-banner,.welcome-hero)::after{content:none!important;display:none!important}
body .stat-card{border:1px solid var(--md-line)!important;box-shadow:none!important;transform:none!important}
body .stat-card::before,body .stat-card::after{content:none!important;display:none!important}
body .md-dashboard{display:flex;flex-direction:column;gap:24px;max-width:1280px}
body .md-dashboard :is(.welcome-banner,.stats-section,.stats-grid,.urgent-assignments-section,.quick-actions,.activity-summary-section){margin:0}
body .md-dashboard .welcome-banner{padding:0!important;border:0;background:transparent!important;min-height:0;height:auto}
body .md-dashboard .member-welcome>.welcome-content{display:flex;flex-direction:row!important;align-items:center!important;gap:8px 16px!important}
body .md-dashboard .member-welcome>.welcome-content>h1{flex-basis:100%;order:-1;margin:0}
body .md-dashboard .member-welcome>.welcome-content>div{font-size:14px!important;background:transparent!important;color:var(--md-muted)!important;border:0!important;padding:0!important;box-shadow:none!important;border-radius:0!important}
body .md-dashboard .member-welcome>.welcome-content>.md-job-chip{background:var(--md-primary-soft)!important;color:var(--md-primary)!important;border-radius:var(--md-radius-badge)!important;padding:2px 10px!important}
body .md-dashboard .md-welcome-note{flex-basis:100%}
body .md-dashboard .section-title{font-size:18px;color:var(--md-ink);margin:0 0 16px;padding:0;line-height:1.8}
.md-briefing{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--md-primary);color:var(--md-on-primary);padding:24px 28px;border-radius:var(--md-radius-card)}
.md-briefing h2{color:inherit;margin:6px 0 0;font-size:25px}.md-briefing span{font-size:14px}
.md-briefing a{color:var(--md-on-primary);border:1px solid currentColor;border-radius:var(--md-radius-control);padding:8px 14px;font-size:14px}
body .md-dashboard .stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
body .md-dashboard .stat-card{display:flex;flex-direction:column;text-align:start;padding:18px 20px;border-radius:var(--md-radius-control)}
body .md-dashboard .stat-label{order:-1;font-size:14px;color:var(--md-muted);width:fit-content}
body .md-dashboard .stat-number{font-size:32px;line-height:1.7;color:var(--md-ink)}
body .md-dashboard .stat-card.urgent .stat-label{background:var(--md-danger-bg);color:var(--md-danger);border-radius:var(--md-radius-badge);padding:1px 8px}
body .md-dashboard :is(.stat-card.completed,.stat-card.cases-final) .stat-label{background:var(--md-ok-bg);color:var(--md-ok);border-radius:var(--md-radius-badge);padding:1px 8px}
.md-work-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:22px;align-items:start}
body .md-dashboard :is(.urgent-assignments-section,.md-dashboard-notices){background:var(--md-surface);border:1px solid var(--md-line);border-radius:var(--md-radius-card);padding:20px 22px;min-width:0}
.md-section-hint{display:block;color:var(--md-muted);font-size:14px;font-weight:400}
body .md-dashboard .assignment-item{border:0;border-top:1px solid var(--md-line);border-radius:0;padding:16px 0;margin:0;background:transparent;box-shadow:none}
body .md-dashboard .assignment-item:hover{transform:none}
body .md-dashboard .assignment-subject{font-size:16px;margin:10px 0}
body .md-dashboard .assignment-meta{color:var(--md-muted);gap:8px;font-size:14px}
body .md-dashboard .empty-state{padding:20px 0;min-height:0}body .md-dashboard .empty-state i{font-size:28px;margin-bottom:10px}
.md-empty-note{color:var(--md-muted);margin:0;padding:12px 0;font-size:14px}
.md-notice-row{padding:16px 0;border-top:1px solid var(--md-line)}.md-notice-row h3{font-size:16px;margin:0}.md-notice-row p{font-size:14px;margin:6px 0}.md-notice-row small{display:block;color:var(--md-muted)}.md-notice-row a{display:inline-block;font-size:14px;margin-top:8px}
body .md-dashboard .quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body .md-dashboard .action-card{padding:16px;min-height:88px;gap:12px;border-radius:var(--md-radius-control)}
body .md-dashboard .action-icon{width:40px;height:40px;font-size:22px;flex:0 0 40px}
body .md-dashboard .action-info h3{font-size:16px;margin:0 0 4px}
body .md-dashboard .action-info p{font-size:14px;line-height:1.8;margin:0;color:var(--md-muted)}
body .md-dashboard-links{gap:12px!important;margin:0!important}
body .md-primary-card{background:var(--md-primary)!important;color:var(--md-on-primary)!important}
body .md-primary-card :is(h3,p,span,.action-icon){color:var(--md-on-primary)!important;opacity:1!important}
body .md-primary-card .action-icon{background:transparent}
body :is(.btn-primary,.cx-btn:not(.ghost,.danger)) :is(span,strong,b,i){color:inherit}
body .md-dashboard .activity-summary-section{background:var(--md-surface);border:1px solid var(--md-line);border-radius:var(--md-radius-card);color:var(--md-ink);box-shadow:none}
body .md-dashboard .activity-summary-header{background:var(--md-surface);border-bottom:1px solid var(--md-line)}
body .md-dashboard .activity-summary-header :is(h3,a){color:var(--md-ink)!important;opacity:1!important}
body .md-dashboard .activity-session-card{border:1px solid var(--md-line);background:var(--md-surface)}
@media(max-width:900px){.md-work-grid{grid-template-columns:minmax(0,1fr)}body .md-dashboard .quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){body .md-dashboard{gap:20px}.md-briefing{align-items:flex-start;flex-direction:column;padding:20px;gap:16px}.md-briefing h2{font-size:23px}body .md-dashboard .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body .md-dashboard .stat-card{padding:14px}body .md-dashboard .quick-actions{grid-template-columns:minmax(0,1fr)}body .md-dashboard :is(.urgent-assignments-section,.md-dashboard-notices){padding:18px 16px}}
@media print{body .sidebar{display:none!important}}

/* Fixed brand surfaces retain their contrast in both appearance modes. */
.md-login-identity{background:var(--md-brand-ink)}
body.md-login .login-container{background:var(--md-brand-ink)}
/* Audit repairs across legacy sections: semantic surfaces and readable descendants. */
body :is(.btn-secondary,.btn-outline-primary,.btn-outline-secondary){background:var(--md-surface)!important;color:var(--md-primary)!important;border-color:var(--md-line)!important}
body :is(.btn-secondary,.btn-outline-primary,.btn-outline-secondary) :is(span,strong,b){color:inherit!important}
body :is(.featured-stat-card,.stat-box,.department-stat-card){background:var(--md-surface)!important;border:1px solid var(--md-line)!important;color:var(--md-ink)!important;box-shadow:none!important}
body :is(.featured-stat-card,.stat-box) :is(p,.number,.label){color:var(--md-ink)!important;opacity:1!important}
body :is(.stat-icon,.notification-icon,.section-icon,.feature-icon){background:var(--md-primary-soft)!important;color:var(--md-primary)!important}
body table thead th a{color:inherit!important}
body :is(.enc-tool,#encViewFlat,#encNightFab){background:var(--md-primary-soft)!important;color:var(--md-primary)!important;border-color:var(--md-line)!important;opacity:1!important}
body .flash-message{animation:none;opacity:1;color:var(--md-ink)}
body .flash-message.error{background:var(--md-danger-bg);color:var(--md-danger)}
body .flash-message .close-btn{background:transparent;color:inherit!important;opacity:1}
body.md-overview :is(.effort-card,.mobile-features){background:var(--md-surface)!important;color:var(--md-ink)!important;border:1px solid var(--md-line)}
body.md-overview .effort-card :is(.big-number,.effort-label){color:var(--md-ink)!important;opacity:1!important}
body.md-overview .presentation-footer p{color:var(--md-muted)!important;opacity:1!important}
body #emptyState.empty-state{flex:0 0 auto;min-height:0;padding:32px 20px}
body #encRdr .nav-head>div,body #askResults>div{color:var(--md-muted)!important}
body #encRdr .rc{background:var(--md-primary-soft)!important;color:var(--md-primary)!important;opacity:1}
body #encRdr .nav-list a.on{background:var(--md-primary)!important;color:var(--md-on-primary)!important;border-color:var(--md-primary)!important}
body #encRdr .nav-list a.on>span{color:inherit!important}
body :is(.notifications-badge,.sidebar .badge){animation:none!important;opacity:1!important}
body .stat-box .number{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:currentColor!important;color:var(--md-ink)!important}
body :is(.stat-box,.department-stat-card)::before,body :is(.stat-box,.department-stat-card)::after{content:none!important;display:none!important}
body .md-dashboard .stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
body .md-dashboard .action-info p{display:block!important}
body .md-dashboard .action-card{flex-direction:row!important;text-align:start!important}
@media(max-width:600px){body .md-dashboard .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body .md-dashboard .stat-label{line-height:1.8}}
body :is(.action-card,.report-card,.section-card)::before,body :is(.action-card,.report-card,.section-card)::after{content:none!important;display:none!important}

body .page-header-row{background:var(--md-surface)!important}
body .quick-action-btn{background:var(--md-primary)!important;color:var(--md-on-primary)!important}
body .quick-action-btn :is(span,strong,b){color:inherit!important;opacity:1!important}
body :is(.modal-close,.close-btn){opacity:1!important}
body :is(.modal-header,.cx-dialog-head) :is(.close-btn,.modal-close){background:var(--md-primary-soft)!important;color:var(--md-primary)!important}
body .sidebar .section-icon{width:24px!important;height:24px!important;min-width:24px!important;flex:0 0 24px!important;font-size:18px!important;line-height:24px!important;padding:0!important;margin:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}
body :is(.card,.report-card,.section-card,.action-card,.info-section,.panel,.cx-card){border:1px solid var(--md-line)!important}
body .user-item.super-admin{background:var(--md-surface)!important;border-color:var(--md-line)!important}
body .user-item.selected,body .user-item.super-admin.selected{background:var(--md-primary-soft)!important;border-color:var(--md-primary)!important}
body .user-item.super-admin .user-avatar{background:var(--md-primary-soft)!important;color:var(--md-primary)!important}
body .super-admin-warning{background:var(--md-warn-bg)!important;border:1px solid var(--md-line)!important;color:var(--md-warn)!important}
body .super-admin-warning :is(h4,p){color:inherit!important}
body .sg-stat{border:1px solid var(--md-line)!important}
body .report-card .view-button{background:var(--md-primary)!important;color:var(--md-on-primary)!important}
body .tfa-enabled{background:var(--md-ok-bg)!important;color:var(--md-ok)!important}
/* Vehicle details arrive asynchronously; style their existing markup at the shared surface. */
body #vehicle-timeline-section div{background:var(--md-surface)!important;color:var(--md-ink)!important;border-color:var(--md-line)!important}
body #vehicle-timeline-section :is(span,strong){color:inherit!important;border-color:var(--md-line)!important}
body #vehicle-timeline-section span[style*="background"]{background:var(--md-primary-soft)!important;color:var(--md-primary)!important}
body #dashboardTab button[onclick="clearOfficerAreas()"]{background:var(--md-primary-soft)!important;color:var(--md-primary)!important}
body #dashboardTab #map:has(>div:only-child[style*="var(--md-danger)"]){height:auto!important;min-height:0!important;border:1px solid var(--md-line)}
body .list-container :is(.page-header,.filters-card,.results-card){border:1px solid var(--md-line)!important}

/* UI-2 round 2: intrinsic sizing must also hold after results and forms render. */
body .notifications-container:not(.active) .notifications-dropdown,body .user-info:not(.active) .user-dropdown{display:none}
body :is(.tech-tooltip,.security-tooltip){display:none}
body .tech-card:is(:hover,:focus-within) .tech-tooltip,body .security-item:is(:hover,:focus-within) .security-tooltip{display:block;max-width:min(320px,calc(100vw - 40px));white-space:normal}
body .presentation-container{max-width:100%}
body .user-name{white-space:normal!important;text-overflow:clip!important;overflow-wrap:anywhere;min-width:0}
body table th,body table th a{white-space:normal!important;overflow-wrap:anywhere;min-width:0}
body table th.sortable a{flex-wrap:wrap}
body input:not([type=hidden],[type=checkbox],[type=radio]){overflow-x:auto}
body select{overflow-x:auto!important}
body :is(.btn,h1,h2)>span:first-child:only-child,body .md-dashboard-links>a>span:first-child,body .greeting-icon{flex-shrink:0;min-width:1.5em}
body .md-dashboard-links>a>span:first-child{width:52px;min-width:52px}
body :is(.features-list,.feature-list){grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important}
body .effort-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))!important}
body :is(.feature-item,.effort-card){min-width:0;overflow-wrap:anywhere}
body #viewModalBody .info-value>span[style*="background"]{background:var(--md-primary-soft)!important;color:var(--md-primary)!important}
body #viewModalBody .info-value>span[style*="#e53e3e"]{background:var(--md-danger-bg)!important;color:var(--md-danger)!important}
body .action-toolbar .action-btn :is(span,i){color:inherit!important}
body .btn-success:hover{background:var(--md-ok)!important;color:var(--md-on-primary)!important}
body .vehicle-modal label{white-space:normal!important;overflow:visible!important;flex-wrap:wrap;gap:8px}
body .vehicle-modal label>span{white-space:normal!important;min-width:0;flex-wrap:wrap}
body :where(main,dialog,.modal-content,.cx) :where(div,section,article,form,label,span,p,dl,dt,dd,li){min-width:0;overflow-wrap:anywhere;word-break:normal}
body :is(.cx-row,.cx-toolbar,.filter-row,.filters-row,.modal-footer,.cx-head){flex-wrap:wrap}
body :is(.cx-row,.cx-toolbar,.filter-row,.filters-row,.modal-footer,.cx-head)>*{min-width:0;max-width:100%}
body :is(.cx-scroll,.table-responsive,.table-wrapper,.assignments-table){max-width:100%;overflow-x:auto}
body :is(td,th){overflow-wrap:anywhere;word-break:normal}
body dl.cx-result{grid-template-columns:minmax(0,1fr) minmax(0,2fr)!important;align-items:start}
body dl.cx-result :is(dt,dd){min-width:0;max-width:100%;margin:0;white-space:normal}
body #ccResultCard :is(ul,ol){padding-inline-start:24px;margin-inline:0}
body :is(.cx-card,.modal-body) :is(pre,code){white-space:pre-wrap;overflow-wrap:anywhere}
body .md-dialog-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
body #md-unsaved-dialog{width:min(480px,calc(100vw - 32px))}
body [data-md-modal-layer]{margin:0;inset:0;border:0;padding:0;max-width:none;max-height:none;color:var(--md-ink)}
body :is(.modal,.modal-overlay){overflow-y:auto;overscroll-behavior:contain}
body :is(.modal-content,.cx-dialog-body)>form{min-width:0}

/* Files: name and candidate get the space; the count and action stay compact. */
body .md-member-match{table-layout:fixed}
body .md-member-match th:nth-child(1){width:32%}
body .md-member-match th:nth-child(2){width:36%}
body .md-member-match th:nth-child(3){width:8%}
body .md-member-match th:nth-child(4){width:24%}
body .md-member-match :is(td,th){vertical-align:top;white-space:normal}
body .md-member-match select{width:100%;min-width:0;height:44px;padding:6px 10px}
body .md-member-match .cx-btn{height:44px;min-height:44px;padding:8px 14px;white-space:nowrap}
body .md-match-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body .md-match-actions form{margin:0}
body .md-match-candidate{margin:0 0 8px;color:var(--md-muted);font-size:14px}

/* Assignment navigation and all three existing task lists share one surface. */
body .md-assignments .cx-head{align-items:center;margin-bottom:24px}
body .md-assignments .cx-cards{align-items:stretch;gap:16px}
body .md-assignments .cx-cards>.cx-card{margin:0;display:flex;flex-direction:column;gap:8px;padding:24px;box-shadow:none}
body .md-assignment-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:var(--md-radius-card);background:var(--md-primary-soft);color:var(--md-primary);font-size:22px;margin-bottom:8px}
body .md-assignments .cx-name{font-size:20px;font-weight:700}
body .md-assignments .cx-meta{margin:0;line-height:1.8}
body .md-assignment-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--md-line);padding-top:16px;margin-top:16px;font-size:14px;font-weight:700;color:var(--md-primary)}
body .md-assignment-list{max-width:1280px;margin:0 auto;padding-block:24px 48px}
body .md-assignment-list .page-header{background:transparent!important;border:0!important;padding:0!important;margin-bottom:24px;border-radius:0;box-shadow:none;color:var(--md-ink)!important}
body .md-assignment-list .page-title{color:var(--md-ink)!important;margin:0;font-size:28px}
body .md-assignment-list .page-subtitle{color:var(--md-muted)!important}
body .md-assignment-list .stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-block:24px}
body .md-assignment-list .stat-card{padding:16px;text-align:start;border:1px solid var(--md-line);border-radius:var(--md-radius-card);box-shadow:none;background:var(--md-surface)!important;color:var(--md-ink)!important}
body .md-assignment-list .stat-number{font-size:28px;color:var(--md-ink)!important}
body .md-assignment-list .stat-label{font-size:14px;color:var(--md-muted)!important}
body .md-assignment-list :is(.status-badge,.urgency-badge){display:inline-flex;align-items:center;line-height:1.7;padding:4px 10px;border-radius:var(--md-radius-control);font-size:14px;white-space:normal}
body .md-assignment-list :is(.status-badge.active,.urgency-badge){background:var(--md-warn-bg)!important;color:var(--md-warn)!important}
body .md-assignment-list .status-badge.completed{background:var(--md-ok-bg)!important;color:var(--md-ok)!important}
body .md-assignment-list td .btn{min-height:40px;padding:8px 12px;margin:2px}
body .md-assignment-list .assignment-number{overflow-wrap:anywhere;white-space:normal}
body .md-assignment-list table{table-layout:fixed;min-width:940px}
body .md-assignment-filters{display:flex;flex-wrap:wrap;gap:8px;border:0;padding:0;margin-block:20px}
body .md-assignment-filters legend{font-size:14px;font-weight:700;margin-bottom:8px}
body .md-assignment-filters label{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;background:var(--md-surface);border:1px solid var(--md-line);border-radius:var(--md-radius-control);cursor:pointer;font-size:14px}
body .md-assignment-filters label:has(:checked){border-color:var(--md-primary);background:var(--md-primary-soft);color:var(--md-primary)}
body .md-assignment-list:has(.md-filter-urgent:checked) tbody tr:not(:has(.urgency-badge.urgent,.urgency-badge.very-urgent)),
body .md-assignment-list:has(.md-filter-normal:checked) tbody tr:has(.urgency-badge.urgent,.urgency-badge.very-urgent),
body .md-assignment-list:has(.md-filter-ontime:checked) tbody tr:has(.completion-badge.delayed),
body .md-assignment-list:has(.md-filter-delayed:checked) tbody tr:has(.completion-badge.on-time){display:none!important}
body .md-assignment-list .urgency-badge.normal{background:var(--md-primary-soft)!important;color:var(--md-primary)!important}
body .md-assignment-list .urgency-badge.very-urgent{background:var(--md-danger-bg)!important;color:var(--md-danger)!important}

/* Rules management: a full-width name followed by consistent actions. */
body .cx-card:has(#new_incident_name){padding:20px!important;box-shadow:none}
body .cx-card:has(#new_incident_name) .cx-row{align-items:center}
body .cx-card:has(>[id^=rename_dialog_]){box-shadow:none}
body .cx-card:has(>[id^=rename_dialog_])>.cx-row{padding:18px 20px!important;gap:12px;align-items:center}
body .cx-card:has(>[id^=rename_dialog_])>.cx-row>.cx-name{font-size:16px;line-height:1.9;flex:1 1 55%!important}
body dialog[id^=rename_dialog_] .cx-dialog-body{padding:24px}
body dialog[id^=rename_dialog_] label{display:grid;gap:8px;font-size:14px;font-weight:700}
@media(max-width:600px){
 body dl.cx-result{grid-template-columns:minmax(0,1fr)!important;gap:4px!important}
 body dl.cx-result dd{margin-bottom:12px}
 body .md-assignment-list .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}
 body .md-assignment-list table,body .md-assignment-list tbody{display:block;min-width:0;width:100%}
 body .md-assignment-list thead{display:none}
 body .md-assignment-list tbody tr{display:grid;grid-template-columns:minmax(0,1fr);padding:16px;margin-bottom:12px;border:1px solid var(--md-line);border-radius:var(--md-radius-card);background:var(--md-surface)}
 body .md-assignment-list tbody td{display:block;width:100%;padding:8px 0;text-align:start;border:0;white-space:normal}
 body .md-assignment-list tbody td::before{content:attr(data-label);display:block;font-size:14px;color:var(--md-muted);font-weight:700;margin-bottom:4px}
 body .md-assignment-list tbody td>div{display:block;text-align:start!important}
 body .md-assignment-list .assignments-table{background:transparent;border:0;box-shadow:none}
 body .md-member-match,body .md-member-match tbody{display:block;width:100%;min-width:0!important}
 body .md-member-match thead{display:none}
 body .md-member-match tr{display:grid;grid-template-columns:minmax(0,1fr);padding:16px;border-bottom:1px solid var(--md-line)}
 body .md-member-match td{display:block;width:100%;padding:8px 0;border:0}
 body .md-member-match td::before{content:attr(data-label);display:block;font-size:14px;font-weight:700;color:var(--md-muted);margin-bottom:4px}
 body .md-member-match td:nth-child(3){display:flex;gap:12px}
 body .md-match-actions{padding-top:8px}
 body .cx-card:has(>[id^=rename_dialog_])>.cx-row>.cx-name{flex-basis:100%!important}
}

/* Measured interaction fixes: wrappers, hover states, and fixed icon widths. */
body .cx-table-wrap{max-width:100%;overflow-x:auto}
body .action-toolbar .action-btn.ab-dark,body .action-toolbar .action-btn.ab-dark:hover{background:var(--md-primary)!important;color:var(--md-on-primary)!important}
body .features-list .feature-item:hover{transform:none}

body table td{white-space:normal!important;overflow-wrap:anywhere;word-break:normal}
body .sg-badge{background:var(--md-primary-soft)!important;color:var(--md-primary)!important}
body .sg-badge[style*="#f59e0b"]{background:var(--md-warn-bg)!important;color:var(--md-warn)!important}
/* Open header menus must not expand the bell's intrinsic width. */
body .notifications-dropdown{position:fixed!important;top:76px;left:16px;right:auto;width:min(360px,calc(100vw - 32px));transform:none!important}
body .notifications-btn:hover{transform:none!important}
body .btn-login::before{content:none!important}

/* UI-2 round 3: dense tables keep readable columns inside their own scroller.
   Card-based assignment lists keep their existing mobile presentation. */
@media screen {
 body table:has(tr > th:nth-child(7)):not(.cx-panorama,.md-dt) :is(th,td):not([colspan]){min-width:96px;overflow-wrap:break-word;word-break:normal;hyphens:none}
 body table:has(tr > th:nth-child(7)):not(.cx-panorama,.md-dt) th{overflow-wrap:break-word;word-break:normal;hyphens:none}
 body div:has(>table:not(.md-dt) tr > th:nth-child(7)){max-width:100%;min-width:0;overflow-x:auto}
}
@media screen and (max-width:600px){
 body .md-assignment-list table :is(th,td){min-width:0!important}
}
/* Round 3: measured issues on the dense-table pages. */
body #selectedCount{background:var(--md-primary-soft)!important;color:var(--md-primary)!important}
body :is(#jobTitlesTable,#workplacesTable) .actions{display:flex;flex-wrap:wrap;gap:8px}
body :is(#jobTitlesTable,#workplacesTable) .actions>form{flex:0 0 auto;min-width:max-content}
body :is(#jobTitlesTable,#workplacesTable) :is(.badge-member,.badge-total){background:var(--md-warn-bg)!important;color:var(--md-warn)!important}
body :is(#jobTitlesTable,#workplacesTable) :is(.badge-yes,.badge-employee){background:var(--md-primary-soft)!important;color:var(--md-primary)!important}
body :is(#jobTitlesTable,#workplacesTable) .badge-active{background:var(--md-ok-bg)!important;color:var(--md-ok)!important}
body :is(#jobTitlesTable,#workplacesTable) .badge-no{background:var(--md-danger-bg)!important;color:var(--md-danger)!important}
body .financial-overview .financial-card .amount{color:inherit!important}
body .migrations-container{color:var(--md-ink)}
body .migrations-container :is(.migrations-table,.stat-card,.code-block){background:var(--md-surface)!important;color:var(--md-ink)!important}
body .migrations-container :is(th,td,h3,.stat-card .number,.code-block strong){color:var(--md-ink)!important}
body .migrations-container :is(th,td){background:var(--md-surface)!important}
body .migrations-container :is(.code-block,.code-block strong,.btn){font-size:14px!important}
body .migrations-container .btn{background:var(--md-primary)!important;color:var(--md-on-primary)!important}
body #createMigrationForm>div{flex-wrap:wrap}
body #createMigrationForm>div>div{min-width:0!important}
body .st-wrap .st-header .btn-outline-light{color:var(--md-on-primary)!important;border-color:currentColor}
body .st-wrap .st-badge{background:var(--md-primary-soft)!important;color:var(--md-primary)!important}
body .st-wrap table td>span[style*="--md-line"]{color:var(--md-muted)!important}
body .st-wrap .age-box{background:var(--md-ground)!important;color:var(--md-ink)!important}
body .st-wrap .card2>table{min-width:0!important;width:100%;table-layout:fixed}
@media screen{
 body table:has(tr>th:nth-child(7)):not(.cx-panorama,.md-dt){table-layout:auto}
 body .staff-container table:has(tr>th:nth-child(7)){display:table!important;width:max-content;min-width:100%}
}
body .financial-overview .financial-card{background:var(--md-surface)!important;color:var(--md-ink)!important;border:1px solid var(--md-line)}
body .financial-overview .financial-card :is(.amount,h3,p){color:var(--md-ink)!important}
body .migrations-container .actions-bar,body .migrations-table>div{background:var(--md-surface)!important;color:var(--md-ink)!important}
body #createMigrationForm{overflow-wrap:anywhere}
body #createMigrationForm :is(input,label,small){min-width:0;max-width:100%;overflow-wrap:anywhere}
body .st-wrap>.row{margin-inline:0}
body .table-responsive>table:has(th:nth-child(9)):not(.md-member-match){display:table!important;width:max-content;min-width:100%;overflow:visible}
body .financial-overview .financial-card[style]{background:var(--md-surface)!important;color:var(--md-ink)!important}
body .financial-overview .financial-card[style] .amount{color:var(--md-ink)!important}
body .migrations-container>div[style*="background"],body .migrations-container .actions-bar{background:var(--md-surface)!important;color:var(--md-ink)!important}
body .migrations-container small{color:var(--md-muted)!important}
@media(max-width:600px){body #createMigrationForm>div{grid-template-columns:minmax(0,1fr)!important}}
body .financial-overview .financial-card .amount{background:none!important;-webkit-text-fill-color:var(--md-ink)!important;color:var(--md-ink)!important}

/* UI-2 round 4: import review, shared statistics and bounded tables. */
body .cx-import-head{display:flex;flex-direction:row-reverse;align-items:center;gap:24px;margin:8px 0 20px}
body .cx-import-title{flex:1;min-width:0}
body .cx-import-title h1{margin:0 0 8px;font-size:26px!important}
body .cx-import-title .cx-meta{overflow-wrap:anywhere;line-height:1.8}
body .cx-preview-actions{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;flex:none}
body .cx-preview-actions form{margin:0;flex:none}
body .cx-preview-actions .cx-btn{min-width:78px;height:44px;white-space:nowrap}
body .cx-import-summary{margin:0 0 20px}
body :is(.cx-stats,.md-import-stats,.md-completion-preview #stats){display:flex;flex-wrap:wrap;gap:12px;padding:0;margin:0 0 20px;list-style:none}
body :is(.cx-stats>.cx-stat,.md-import-stats>.stat-card,.md-completion-preview .stats-box){flex:1 1 130px;min-width:0;margin:0;padding:16px 12px;border:1px solid var(--md-line)!important;border-radius:var(--md-radius-card);box-shadow:none;text-align:center;background:var(--md-ground)!important;color:var(--md-muted)!important;opacity:1}
body :is(.cx-stat b,.md-import-stats h3,.md-completion-preview .stats-number){display:block;font-size:26px!important;font-weight:700;line-height:1.3;font-variant-numeric:tabular-nums;color:inherit!important;margin:0}
body :is(.cx-stat span,.md-import-stats p,.md-completion-preview .stats-box>div:last-child){display:block;margin:6px 0 0;font-size:14px;line-height:1.7;color:inherit!important;opacity:1}
body :is(.cx-stat.primary,.md-import-stats>.bg-total,.md-import-stats>.bg-ready,.md-import-stats>.bg-matched,.md-completion-preview .stats-box){background:var(--md-primary-soft)!important;color:var(--md-primary)!important;border-color:transparent!important}
body :is(.cx-stat.warn,.md-import-stats>.bg-duplicate,.md-import-stats>.bg-already){background:var(--md-warn-bg)!important;color:var(--md-warn)!important;border-color:transparent!important}
body :is(.cx-stat.bad,.md-import-stats>.bg-not-found){background:var(--md-danger-bg)!important;color:var(--md-danger)!important;border-color:transparent!important}
body .cx-stats>.cx-stat.is-zero{background:var(--md-ground)!important;color:var(--md-muted)!important;opacity:1;border-color:var(--md-line)!important}
body .cx-stat.is-zero b{font-weight:400}
body .cx-stats>.cx-stat[data-count="0"]{background:var(--md-ground)!important;color:var(--md-muted)!important;border-color:var(--md-line)!important}
body .cx-stat[data-count="0"] b{font-weight:400}
body :is(.cx-preview-rows,.md-import-table,.md-completion-preview .changes-table){max-height:560px;max-height:min(64vh,560px);overflow:auto;border:1px solid var(--md-line);border-radius:var(--md-radius-card);background:var(--md-surface);margin-bottom:20px}
body :is(.cx-preview-rows,.md-import-table,.md-completion-preview .changes-table) table{table-layout:fixed;border-collapse:separate;border-spacing:0;min-width:720px;width:100%;margin:0}
body .cx-preview-rows .cx-col-sheet{width:18%}
body .cx-preview-rows .cx-col-row{width:64px}
body .cx-preview-rows .cx-col-decision{width:144px}
body .cx-preview-rows .cx-col-diff{width:auto;max-width:none}
body .cx-preview-rows .cx-col-notes{width:22%}
body :is(.cx-preview-rows,.md-import-table,.md-completion-preview .changes-table) :is(th,td){height:44px;min-height:0;padding:8px 12px;vertical-align:middle;overflow-wrap:anywhere}
body :is(.cx-preview-rows,.md-import-table,.md-completion-preview .changes-table) thead th{position:sticky;top:0;z-index:2;background:var(--md-ground);color:var(--md-muted);white-space:nowrap;box-shadow:0 1px 0 var(--md-line)}
body .cx-preview-rows .cx-chip{font-size:14px;max-width:100%;line-height:1.7}
body .cx-preview-rows td:nth-child(3) .cx-chip{white-space:nowrap}
body .cx-preview-rows :is(td:nth-child(4),td:nth-child(5)) .cx-chip{white-space:normal;overflow-wrap:anywhere;border-radius:var(--md-radius-badge);text-align:start;margin:2px 0}
body .cx-preview-rows tr.d-new td{background:color-mix(in srgb,var(--md-primary-soft) 40%,var(--md-surface))}
body .cx-preview-rows tr.d-new td:nth-child(3) .cx-chip{background:var(--md-primary-soft);color:var(--md-primary)}
body .cx-preview-rows tr.d-duplicate td:nth-child(3) .cx-chip{background:var(--md-warn-bg);color:var(--md-warn)}
body .md-completion-preview .preview-header{background:var(--md-surface)!important;color:var(--md-ink)!important;padding:20px;border:1px solid var(--md-line);border-radius:var(--md-radius-card);box-shadow:none}
body .md-completion-preview .action-buttons{display:flex!important;flex-wrap:wrap;justify-content:flex-start;gap:8px}
body .md-completion-preview .action-buttons[style*="none"]{display:none!important}
body .md-completion-preview .action-buttons .btn{margin:0}
body.md-import-page .stats-row .stat-card h3{color:inherit!important}
body .md-import-stats>.stat-card[data-count="0"]{background:var(--md-ground)!important;color:var(--md-muted)!important;border-color:var(--md-line)!important}
body .md-import-stats>.stat-card[data-count="0"] h3{font-weight:400}
body.md-import-page .page-header{background:var(--md-surface);color:var(--md-ink);border:1px solid var(--md-line);box-shadow:none}
body.md-import-page .page-header :is(h1,p){color:inherit}
body .cx-preview-rows .cx-table tbody td{vertical-align:top;padding-block:7px}
body.md-import-page .results-table{table-layout:fixed}
body.md-import-page .results-table :is(td,th){overflow-wrap:anywhere}
@media(max-width:600px){
 body .cx-import-head{flex-direction:column;align-items:stretch;gap:14px}
 body .cx-preview-actions{align-self:flex-start}
 body :is(.cx-stats>.cx-stat,.md-import-stats>.stat-card,.md-completion-preview .stats-box){flex-basis:calc(50% - 12px);padding:12px 8px}
 body .md-completion-preview{padding:0}
}
@media print{body :is(.cx-preview-rows,.md-import-table,.md-completion-preview .changes-table){max-height:none;overflow:visible}body .cx-preview-actions{display:none}}

/* Round 4 interaction review: one scrolling container preserves sticky headers. */
body :is(.cx-preview-rows,.md-import-table,.md-completion-preview .changes-table)>table{display:table!important;overflow:visible!important}
body .cx-preview-rows :is(tr.d-diff,tr.d-duplicate) td{background:color-mix(in srgb,var(--md-warn-bg) 40%,var(--md-surface))}
body .cx-preview-rows tr.d-rejected td{background:color-mix(in srgb,var(--md-danger-bg) 40%,var(--md-surface))}
body .cx-preview-rows tr.d-same td{background:var(--md-surface)}
body .cx-preview-rows .cx-chip{line-height:22px;padding:0 8px;vertical-align:top}
body :is(.md-import-review,.md-import-admin) .stats-grid{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}
body :is(.md-import-review .stat-card,.md-import-admin .stat-item){display:flex;flex-direction:column;flex:1 1 150px;min-width:0;padding:16px 12px;border-radius:var(--md-radius-card);background:var(--md-primary-soft);color:var(--md-primary);box-shadow:none}
body :is(.md-import-review .stat-number,.md-import-admin .stat-item .value){order:-1;font-size:26px;font-variant-numeric:tabular-nums;line-height:1.3;margin:0 0 6px;color:inherit}
body :is(.md-import-review .stat-card>div,.md-import-admin .stat-item .label){font-size:14px;color:inherit}
body .md-import-review .stat-card .stat-number{font-size:26px}
body .md-import-admin .log-area{background:var(--md-ground);color:var(--md-ink);border:1px solid var(--md-line)}
body .md-import-admin .log-info{color:var(--md-primary)}
body .md-import-admin .log-success{color:var(--md-ok)}
body .md-import-admin .log-error{color:var(--md-danger)}
body .md-completion-preview .preview-header{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"actions heading" "stats stats";align-items:center;gap:16px}
body .md-completion-heading{grid-area:heading;min-width:0}
body .md-completion-heading h1{font-size:26px;margin:0 0 6px}
body .md-completion-heading p{margin:0;font-size:14px;color:var(--md-muted)}
body .md-completion-preview #stats{grid-area:stats;margin:0!important}
body .md-completion-preview .action-buttons{grid-area:actions;position:static;padding:0;border:0;box-shadow:none;background:transparent;flex-wrap:nowrap;margin:0}
body .md-completion-preview .action-buttons .btn{height:44px;white-space:nowrap;padding:8px 12px;font-size:14px}
body .md-completion-preview .action-buttons .btn-cancel{background:var(--md-surface)!important;color:var(--md-primary)!important;border:1px solid var(--md-line)}
@media(max-width:900px){body .md-completion-preview .preview-header{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "actions" "stats"}}

/* ═══════════════════════════════════════════════════════════════════════
   محاذاة النصوص — قاعدة عامة على مستوى النظام (justify)
   ═══════════════════════════════════════════════════════════════════════
   أى فقرة نص طويل (نص قانون، حكم نقض، موجز، تعليق، مذكرة، منشور، شرح)
   تتحاذى من الجانبين فتملا الكونتينر وتبقى حوافّها مستقيمة — وهو التنسيق
   المتوقَّع فى المستندات القانونية العربية.
   • text-align-last:start → السطر الأخير ما يتمدّش (وإلا يبان مفكّكاً).
   • hyphens:none → العربية ما بتتقطّعش بشرطة.
   • overflow-wrap:break-word → أرقام/روابط طويلة ما تكسرش التخطيط.
   الفقرات دى بيولّدها includes/text_format.php (txt_html / txt_paragraphs_html)
   بعد فكّ الالتفاف القسرى للنص المصدر.
   للاستثناء: ضيف class="no-justify" على العنصر. */
.txt-p{margin:0 0 .9em;}
.txt-p:last-child{margin-bottom:0;}

.txt-p,
.txt-justify,
[data-justify],
.prose, .prose p, .prose li,
.sec-body, .sec-body p, .sec-body li,
#rulingBody, #rulingBody p,
.kb-intro, .rl-excerpt, .cmp-cell-text,
.read-body p, .enc-box p,
.msg-text, .comment-body, .note-body, .memo-body, .legis-body{
  text-align:justify;
  text-align-last:start;
  text-justify:inter-word;
  hyphens:none;
  overflow-wrap:break-word;
}

/* مخرج ذكاء اصطناعى/بحث داخل الموسوعة كمان يتحاذى */
body.enc-shell :is(.sec-body,.read-inner) :is(p,li){text-align:justify;text-align-last:start;}

/* الاستثناء الصريح يتغلّب على القاعدة العامة */
.no-justify, .no-justify p, .no-justify li{text-align:start!important;text-align-last:auto!important;}

/* أيقونات مدير النيابة (includes/icon.php) — الانعكاس للأسماء الاتجاهية بس */
.ic{display:inline-block;flex-shrink:0;vertical-align:middle;overflow:visible;}
[dir="rtl"] .ic-flip{transform:scaleX(-1);}
.ic-flip:dir(rtl){transform:scaleX(-1);}
/* زرار الليلى/النهارى: الأيقونتين جوه الزرار و.on بتبدّل بينهم */
.nt-toggle .nt-moon,.nt-toggle .nt-sun{display:inline-flex;}
.nt-toggle .nt-sun,.nt-toggle.on .nt-moon{display:none;}
.nt-toggle.on .nt-sun{display:inline-flex;}

/* v2 · الموبايل (≤768): الهيدر كله بلون الهوية الداكن زى AppBar التطبيقات، والأهداف ≥44. */
@media(max-width:768px){
 body .top-navbar{background:var(--md-side);color:var(--md-side-ink);border-bottom-color:var(--md-side)}
 body .navbar-brand{width:auto;padding:0 8px;background:transparent}
 body .navbar-title{font-size:16px}
 body :is(.notifications-btn,.mobile-menu-toggle){background:transparent;color:var(--md-side-ink);border-color:var(--md-side-active);min-width:var(--md-touch);min-height:var(--md-touch)}
 body :is(.notifications-btn,.mobile-menu-toggle):hover{background:var(--md-side-active);color:var(--md-side-ink)}
 body .notifications-badge{border-color:var(--md-side)}
 body .navbar-user .user-name{color:var(--md-side-ink)}
 body .navbar-user .user-info{background:transparent;border-color:var(--md-side-active);color:var(--md-side-ink)}
 body .sidebar{width:min(300px,85vw)}
 body :is(button,.btn,.cx-btn,input[type=submit],input[type=button]),body :is(.sidebar-menu a,.sidebar-section-title){min-height:var(--md-touch)}
 body :is(input:not([type=hidden],[type=checkbox],[type=radio]),select){min-height:var(--md-touch)}
}