@font-face{font-family:LOME Plex;src:url('/admin/fonts/ibm-plex-arabic-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:LOME Plex;src:url('/admin/fonts/ibm-plex-arabic-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:LOME Plex;src:url('/admin/fonts/ibm-plex-arabic-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:LOME Plex;src:url('/admin/fonts/ibm-plex-arabic-700.ttf') format('truetype');font-weight:700;font-display:swap}
:root{color-scheme:light;--bg:#f5f6f8;--panel:#fff;--panel2:#f8f9fb;--line:#e5e7ec;--line-strong:#cbd0da;--text:#20242e;--muted:#69717e;--accent:#246b70;--accent-soft:#e9f5f3;--action:#20242e;--ink:#fff;--success:#267451;--success-soft:#ebf6ee;--danger:#b6434b;--danger-soft:#fceff0;--warning:#936516;--warning-soft:#fff7e6;--sidebar:248px;--radius:10px;--shadow:0 12px 45px #1823330b;--table-row:72px}
:root[data-theme=dark]{color-scheme:dark;--bg:#14161b;--panel:#1c1f26;--panel2:#22262e;--line:#30353f;--line-strong:#4d5664;--text:#eef0f5;--muted:#a2aab7;--accent:#82cdc5;--accent-soft:#203a3b;--action:#f0f2f5;--ink:#1c2027;--success:#84cda2;--success-soft:#223b30;--danger:#f19ba3;--danger-soft:#412a30;--warning:#e2bd77;--warning-soft:#403625;--shadow:0 14px 50px #0002}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.7 'LOME Plex',system-ui,-apple-system,sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1{font-size:27px;font-weight:600;line-height:1.5;letter-spacing:-.5px}h2{font-size:23px;font-weight:600}h3{font-size:16px;font-weight:600}.muted,.fine{color:var(--muted)}.fine{font-size:12px;margin-top:16px}.eyebrow{font-size:11px;font-weight:500;letter-spacing:.3px;color:var(--muted)}.icon{display:block;width:20px;height:20px;flex:0 0 auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-60px;inset-inline-start:20px;z-index:100;background:var(--action);color:var(--ink);padding:12px 20px}.skip-link:focus{top:12px}
.primary,.secondary,.quiet,.small-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;border:1px solid transparent;min-height:40px;padding:8px 16px;font-size:13px;font-weight:500;line-height:1.5;white-space:nowrap}.primary{background:var(--action);color:var(--ink)}.primary:hover{opacity:.88}.secondary,.small-button{background:var(--panel);border-color:var(--line-strong);color:var(--text)}.secondary:hover,.small-button:hover{background:var(--panel2)}.quiet{background:transparent;color:var(--muted)}.quiet:hover{background:var(--panel2);color:var(--text)}.small-button{min-height:34px;font-size:12px;padding:6px 10px}.small-button.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 28%,var(--line));background:transparent}.icon-button{padding:0;width:38px;height:38px;min-height:38px;background:transparent;color:var(--muted)}.icon-button:hover{background:var(--panel2);color:var(--text)}.icon-button .icon{width:18px;height:18px}label{display:block;font-weight:500;font-size:13px;margin:18px 0 7px}input,textarea,select{width:100%;min-height:42px;border:1px solid var(--line-strong);border-radius:7px;background:var(--panel);color:var(--text);padding:9px 12px;outline-offset:2px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.85}textarea{resize:vertical;line-height:1.85}.error{font-size:13px;color:var(--danger);margin-top:12px;min-height:6px}.wordmark{display:flex;align-items:center;gap:10px;text-decoration:none!important;color:var(--text)}.brand-symbol{display:grid;place-items:center;width:36px;height:36px;background:var(--text);color:var(--panel);border-radius:10px}.brand-symbol .icon{width:25px;height:25px;stroke-width:2}.brand-text{font-family:system-ui,sans-serif;font-size:24px;font-weight:850;letter-spacing:1.5px;line-height:1.15}.brand-text small{display:block;font:11px/1.8 'LOME Plex',sans-serif;letter-spacing:0;color:var(--muted);margin-top:3px}
.workspace{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100dvh}.sidebar{height:100dvh;position:sticky;top:0;background:var(--panel);border-inline-end:1px solid var(--line);display:flex;flex-direction:column;min-height:0;padding:25px 16px 15px;overflow:hidden}.sidebar>.wordmark{padding:0 12px 24px}.workspace-label{display:flex;align-items:center;gap:9px;border:1px solid var(--line);padding:10px;border-radius:8px;margin:0 3px 12px}.workspace-monogram{font:700 15px system-ui;background:var(--panel2);border:1px solid var(--line);width:30px;height:30px;display:grid;place-items:center;border-radius:6px}.workspace-label strong{font-size:12px;font-weight:500;display:block}.workspace-label small{font:10px/1.7 system-ui;color:var(--muted)}.environment-tag{font-size:10px;padding:2px 6px;border-radius:4px;background:var(--success-soft);color:var(--success);margin-inline-start:auto}.sidebar nav{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 3px;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.nav-group{margin-bottom:14px}.nav-label{font-size:10px;color:var(--muted);margin:13px 12px 6px;font-weight:500}.sidebar nav button{display:flex;align-items:center;text-align:start;gap:10px;min-height:40px;padding:8px 11px;border:0;border-radius:6px;width:100%;color:var(--muted);background:transparent;font-size:12px;font-weight:500;margin-top:2px}.sidebar nav button .icon{width:18px;height:18px}.sidebar nav button:hover{background:var(--panel2);color:var(--text)}.sidebar nav button.selected{background:var(--accent-soft);color:var(--accent)}.nav-title{flex:1}.nav-count{font:500 10px/1 system-ui;padding:4px 5px;min-width:19px;border-radius:4px;background:var(--panel2);color:var(--text)}.sidebar-bottom{border-top:1px solid var(--line);padding:14px 8px 0;margin-top:8px;font-size:10px;color:var(--muted);flex-shrink:0}.sidebar-footnote{display:block;margin-top:7px;font-size:10px}#connectionState{display:flex;align-items:baseline;gap:6px}.connection-dot{display:inline-block;width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:var(--muted)}[data-status=loaded] .connection-dot{background:var(--success)}[data-status=stale] .connection-dot{background:var(--warning)}.main-wrap{min-width:0}.topbar{height:67px;border-bottom:1px solid var(--line);background:var(--panel);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 32px;position:sticky;top:0;z-index:5}.breadcrumb{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px}.breadcrumb .icon{width:12px;height:12px;opacity:.65}.breadcrumb strong{color:var(--text);font-weight:500}.topbar-actions{display:flex;align-items:center;gap:12px}.search-trigger{display:flex;align-items:center;gap:9px;color:var(--muted);background:transparent;border:0;min-height:38px;padding:6px 8px;font-size:12px}.search-trigger .icon{width:17px;height:17px}kbd{font:10px system-ui;direction:ltr;background:var(--panel2);border:1px solid var(--line);border-radius:4px;padding:2px 5px;color:var(--muted)}.topbar-divider{height:22px;width:1px;background:var(--line);margin:0 2px}.role-chip{display:flex;align-items:center;gap:9px}.staff-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent)}.staff-avatar .icon{width:17px;height:17px}.role-chip small{display:block;color:var(--muted);font-size:9px}.role-chip strong{display:block;font-size:11px;font-weight:500}.mobile-section{display:none}main{padding:28px 32px 18px;max-width:1720px;margin:auto}.page-header{display:flex;justify-content:space-between;align-items:center;gap:24px}.page-header h1{margin:3px 0 5px}.page-header .muted{font-size:12px;max-width:730px}.page-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.page-actions .secondary .icon{width:15px;height:15px}.density-control{display:flex;align-items:center;gap:7px;margin:0;padding:0 10px;border:1px solid var(--line);background:var(--panel);border-radius:7px;color:var(--muted)}.density-control .icon{width:15px;height:15px}.density-control select{border:0;width:104px;min-height:38px;padding:6px 0;background:transparent;font-size:11px}.page-meta{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:22px 0 16px}.data-source{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.data-source .icon{width:13px;height:13px}.updated{font-size:10px;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:10px;color:var(--muted);border-top:1px solid var(--line);margin-top:28px;padding-top:17px}.footer-brand{font:700 12px system-ui;letter-spacing:1px}.footer-brand span{font:10px 'LOME Plex';letter-spacing:0;margin-inline-start:8px}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stat{padding:19px 21px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-width:0}.stat-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.stat-icon{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;color:var(--muted)}.stat-icon .icon{width:17px;height:17px}.stat .label{font-size:12px;color:var(--muted)}.stat .number{display:block;font:600 31px/1.5 'LOME Plex',system-ui;letter-spacing:-1px;font-variant-numeric:tabular-nums;direction:ltr;text-align:right;margin:10px 0 4px;color:var(--text)}.stat .hint{font-size:10px;color:var(--muted);display:block}.stat[data-tone=warning]{border-top:2px solid var(--warning)}.stat[data-tone=danger]{border-top:2px solid var(--danger)}.overview-primary{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:18px;margin-top:20px}.overview-primary .panel{margin-top:0}.queue-row{display:flex;align-items:center;gap:12px;padding:19px 21px;border-bottom:1px solid var(--line)}.queue-row:last-child{border:0}.queue-icon{display:grid;place-items:center;width:37px;height:37px;background:var(--panel2);border:1px solid var(--line);border-radius:8px;color:var(--muted)}.queue-icon .icon{width:18px;height:18px}.queue-row strong{display:block;font-size:13px;font-weight:500}.queue-row small{font-size:11px;color:var(--muted);display:block;margin-top:3px}.queue-value{margin-inline-start:auto;font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}.queue-row .icon-button{color:var(--muted)}.quick-link{width:100%;display:flex;align-items:center;gap:12px;background:transparent;border:0;text-align:start;color:var(--text);padding:16px 20px;border-bottom:1px solid var(--line)}.quick-link:last-child{border:0}.quick-link>.icon{width:18px;height:18px;color:var(--muted)}.quick-link>span{flex:1}.quick-link strong{font-size:12px;font-weight:500;display:block}.quick-link small{font-size:10px;color:var(--muted);display:block;margin-top:2px}.quick-link:hover{background:var(--panel2)}.overview-bottom{margin-top:20px;display:flex;align-items:center;gap:10px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 15%,var(--line));padding:14px 18px;border-radius:8px;color:var(--accent);font-size:11px}.overview-bottom>.icon{width:17px;height:17px;flex-shrink:0}.overview-bottom button{margin-inline-start:auto}.section-caption{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px;margin:24px 0 12px}.section-caption .icon{width:15px;height:15px}
.panel{margin-top:18px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-width:0}.panel-head{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.panel-head h3{font-size:14px}.panel-head p{font-size:11px;color:var(--muted);margin-top:4px}.panel-title{display:flex;align-items:center;gap:8px}.result-count{font-size:10px;color:var(--muted);font-weight:400;background:var(--panel2);padding:3px 7px;border:1px solid var(--line);border-radius:5px;white-space:nowrap}.table-scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}table{width:100%;border-collapse:collapse;table-layout:fixed}th,td{text-align:start;border-bottom:1px solid var(--line);vertical-align:middle;overflow-wrap:anywhere;padding:16px 20px}th{background:var(--panel2);font-size:10px;color:var(--muted);font-weight:500;padding-block:11px}td{font-size:12px;min-height:var(--table-row)}tr:last-child td{border-bottom:0}tbody tr:hover{background:color-mix(in srgb,var(--panel2) 70%,transparent)}th:first-child,td:first-child{width:34%}table:has(th:nth-child(5)) th:first-child,table:has(th:nth-child(5)) td:first-child{width:30%}table:has(th:nth-child(5)) th:nth-child(4){width:20%}th:last-child,td:last-child{width:22%}.row-title{font-size:12px;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.identifier{font:10px/1.5 ui-monospace,SFMono-Regular,monospace;color:var(--muted);direction:ltr;unicode-bidi:isolate;display:inline-block;max-width:100%;overflow-wrap:anywhere;letter-spacing:-.15px}.sub{display:block;font-size:10px;color:var(--muted);margin-top:5px}.identity-cell{display:flex;align-items:center;gap:11px}.avatar-monogram{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-weight:600;font-size:14px}.content-cell{display:flex;align-items:flex-start;gap:11px}.video-marker{display:grid;place-items:center;flex:0 0 40px;width:40px;height:52px;border:1px solid var(--line);background:var(--panel2);color:var(--muted);border-radius:6px}.video-marker .icon{width:18px;height:18px}.row-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.tag{display:inline-flex;align-items:center;gap:5px;background:var(--panel2);color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:3px 7px;font-size:10px;line-height:1.6;font-weight:500;white-space:nowrap}.tag::before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.tag.failed,.tag.held{color:var(--danger);background:var(--danger-soft);border-color:transparent}.tag.ready,.tag.visible,.tag.resolved{color:var(--success);background:var(--success-soft);border-color:transparent}.tag.pending,.tag.open,.tag.waiting_user{color:var(--warning);background:var(--warning-soft);border-color:transparent}.tag.processing{color:var(--accent);background:var(--accent-soft);border-color:transparent}.tag.removed,.tag.archived{color:var(--muted)}
.toolbar{display:flex;align-items:center;gap:10px;margin-top:20px;flex-wrap:wrap}.toolbar select{width:auto;min-width:160px;font-size:12px}.search-toolbar input{width:340px;max-width:100%;font-size:12px;padding-inline-start:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23747b88' stroke-width='1.7'%3E%3Ccircle cx='6.5' cy='6.5' r='5'/%3E%3Cpath d='m10 10 4 4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center}.search-toolbar .secondary{font-size:12px}.filter-tabs{display:flex;gap:3px;padding:4px;border:1px solid var(--line);background:var(--panel);border-radius:8px;flex-wrap:wrap}.filter-tab{padding:7px 13px;min-height:34px;background:transparent;color:var(--muted);font-size:11px;border:0;border-radius:5px}.filter-tab[aria-pressed=true]{color:var(--text);background:var(--panel2);box-shadow:0 1px 3px #0000000a}.pager{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 0;font-size:11px;color:var(--muted)}.pager .secondary{min-height:34px;font-size:12px}.list-summary{margin-inline-start:auto;font-size:10px;color:var(--muted)}.empty{text-align:center;padding:48px 24px}.empty-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--panel2);margin:0 auto 15px;color:var(--muted)}.empty-icon .icon{width:22px;height:22px}.empty h3{font-size:14px;font-weight:500}.empty p{font-size:12px;color:var(--muted);margin-top:6px;max-width:430px;margin-inline:auto}.skeleton{padding:75px 24px;background:var(--panel);border:1px solid var(--line);border-radius:10px;text-align:center;color:var(--muted);font-size:12px}.notice{padding:12px 16px;border:1px solid var(--line-strong);border-radius:7px;font-size:12px;background:var(--panel);margin:14px 0;color:var(--text)}.notice.warning{background:var(--warning-soft);color:var(--warning);border-color:color-mix(in srgb,var(--warning) 22%,transparent)}.operation-alert{display:flex;align-items:center;gap:10px}.operation-alert .icon{width:18px;height:18px;flex-shrink:0}.operation-alert button{margin-inline-start:auto}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.info-card{border:1px solid var(--line);border-radius:10px;padding:22px;background:var(--panel)}.info-card p{font-size:12px;color:var(--muted);margin-top:10px}.info-card .secondary{margin-top:16px}.info-card>.eyebrow{display:block;margin-bottom:6px}
/* Focused review workspace. */
dialog{background:var(--panel);color:var(--text);width:calc(100% - 40px);max-width:540px;border:1px solid var(--line);border-radius:14px;padding:28px;max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 24px 100px #0003}dialog::backdrop{background:#141a29a3;backdrop-filter:blur(3px)}dialog h2{margin:8px 0 10px}.close{float:left;display:grid;place-items:center;width:34px;height:34px;background:var(--panel2);color:var(--muted);border:1px solid var(--line);border-radius:7px;padding:6px}.close .icon{width:17px;height:17px}.dialog-buttons{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.review-dialog{max-width:800px}.review-dialog video{width:100%;max-height:57vh;display:block;background:#000;border-radius:9px;margin:20px 0}.review-dialog p{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}#reviewTitle,#caseTitle{overflow-wrap:anywhere}.mfa-qr{width:200px;height:200px;background:#fff;padding:10px;display:block;margin:20px auto;border-radius:8px}#setupSecret{font:12px ui-monospace,monospace}#setupCode,#mfaLoginCode{font-size:23px;letter-spacing:7px;text-align:center}#caseDialog{max-width:1120px;padding:26px 28px}#caseReplyForm{min-width:0}#caseReplyForm>.close{position:sticky;top:0;z-index:2}#caseReference{font-size:11px;overflow-wrap:anywhere;margin-top:0;color:var(--muted)}.case-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line);margin-bottom:20px}#caseMessageCount{margin:0;font-size:10px}#refreshCase{font-size:11px;min-height:32px;padding:6px 10px}.section-label{font-size:12px;font-weight:600;margin:0 0 12px}.case-columns{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.case-columns:not(:has(#caseContext:not(:empty))){grid-template-columns:1fr}.case-discussion{min-width:0}.case-messages{max-height:370px;overflow:auto;overscroll-behavior:contain;padding:0 4px;scrollbar-width:thin}.case-message{padding:13px 15px;border:1px solid var(--line);border-radius:8px;background:var(--panel2);margin-bottom:10px}.case-message.staff{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 17%,var(--line))}.case-message>strong{font-size:11px;font-weight:500;color:var(--muted)}.case-message p{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0}.case-message .fine{font-size:10px;margin:0}.case-context{background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:18px;font-size:12px;min-width:0}.case-context h3{font-size:12px;margin-bottom:14px}.case-context>strong{font-weight:500;font-size:13px}.case-context video{display:block;width:100%;max-height:260px;margin:14px 0;border-radius:8px;background:#000}.case-context p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:10px;font-size:11px;color:var(--muted)}.case-context details{border-top:1px solid var(--line);padding-top:11px;margin-top:12px}.case-context summary{cursor:pointer;font-size:11px;font-weight:500}.case-context article{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.case-context article strong{font-size:11px}.case-context article p{margin-top:4px}#caseReplyFields{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}#caseReplyFields>label{margin-top:14px}#caseReplyFields textarea{font-size:13px}#caseResponse{min-height:106px}#caseReason{min-height:73px}#caseReplyFields select{max-width:370px}#sendCaseReply{margin-top:20px}.audit-detail{margin-top:7px}.audit-detail summary{font-size:10px;color:var(--accent);cursor:pointer}.audit-detail dl{display:grid;gap:5px;margin:10px 0}.audit-detail dt{color:var(--muted);font-size:10px}.audit-detail dd{margin:0;font-size:11px;overflow-wrap:anywhere}#retryLoad{margin:0 20px 20px}
.navigation-dialog{max-width:560px;padding:20px}.navigation-dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.navigation-dialog-head h2{font-size:16px;margin:0}.navigation-dialog .close{float:none}.finder-input{display:flex;align-items:center;gap:10px;margin:0;border:1px solid var(--line-strong);padding:0 12px;border-radius:7px}.finder-input>.icon{color:var(--muted);width:18px;height:18px}.finder-input input{border:0;padding:10px 0;min-height:46px;font-size:13px}.finder-input input:focus{outline:0}.finder-input:focus-within{outline:2px solid var(--accent);outline-offset:2px}.navigation-results{margin-top:12px;max-height:360px;overflow:auto}.navigation-result{width:100%;border:0;background:transparent;color:var(--text);display:flex;align-items:center;gap:10px;text-align:start;padding:11px 10px;border-radius:6px;font-size:13px;min-height:44px}.navigation-result:hover,.navigation-result:focus-visible{background:var(--accent-soft)}.navigation-result>.icon{width:17px;height:17px;color:var(--muted)}.navigation-result small{margin-inline-start:auto;color:var(--muted);font-size:10px}.finder-hint{font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px;margin-top:12px}
/* Authentication */
.login-wrap{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh;max-width:1440px;margin:auto;padding:0}.intro{display:flex;flex-direction:column;justify-content:space-between;min-height:100dvh;padding:48px 68px;background:var(--panel);border-inline-end:1px solid var(--line)}.intro .wordmark{width:max-content}.login-intro-copy{margin-block:60px}.intro h1{font-size:46px;font-weight:500;line-height:1.55;letter-spacing:-1.2px;margin:14px 0 23px}.intro h1 em{font-style:normal;color:var(--accent)}.intro>p,.login-intro-copy>p{font-size:14px;color:var(--muted);max-width:380px;line-height:2}.login-capabilities{display:grid;gap:14px;margin-top:40px}.login-capabilities>span{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.login-capabilities .icon{width:17px;height:17px;color:var(--accent)}.intro-line{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}.intro-line .icon{width:14px;height:14px}.login-card{align-self:center;justify-self:center;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:36px 38px;width:calc(100% - 90px);max-width:430px;margin:48px 0;box-shadow:var(--shadow)}.login-card h2{font-size:25px;margin:8px 0}.login-card>.muted{font-size:12px}.login-card .primary{width:100%;margin-top:24px;min-height:44px;justify-content:space-between}.login-card .fine{font-size:10px;line-height:1.85}.login-card input{min-height:46px;font-family:inherit}.login-card label{margin-top:20px}.login-card .quiet{padding-inline:0;margin-top:10px;font-size:11px}
:root[data-density=compact] td{padding-block:10px}:root[data-density=compact] .panel-head{padding-block:12px}:root[data-density=compact] .stat{padding-block:15px}:root[data-density=compact] .row-title{-webkit-line-clamp:1}
@media(min-width:1500px){.stats{grid-template-columns:repeat(6,minmax(0,1fr))}.stat{padding-inline:18px}.stat .label{font-size:11px}.stat .number{font-size:30px}}
@media(max-width:1150px){:root{--sidebar:220px}.sidebar{padding-inline:12px}.topbar{padding-inline:22px}main{padding:24px 22px}.search-trigger span,.search-trigger kbd{display:none}.search-trigger{padding-inline:3px}.topbar-actions{gap:8px}.breadcrumb{font-size:11px}.overview-primary{grid-template-columns:1.3fr 1fr}.intro{padding-inline:40px}.intro h1{font-size:40px}.login-card{padding:28px;width:calc(100% - 60px)}.density-control{display:none}}
@media(max-width:750px){.workspace{display:block}.sidebar{height:auto;position:relative;padding:16px 20px;border-inline-end:0;border-bottom:1px solid var(--line)}.sidebar>.wordmark{padding:0}.sidebar .brand-symbol{width:30px;height:30px;border-radius:8px}.sidebar .brand-text{font-size:21px}.sidebar .brand-text small{display:none}.sidebar nav,.workspace-label,.sidebar-bottom{display:none}.topbar{height:55px;padding:0 16px;position:relative}.breadcrumb-brand,.breadcrumb>.icon,.role-chip small,.staff-avatar,.topbar-divider{display:none}.breadcrumb{font-size:11px}.topbar-actions{gap:5px}.role-chip{margin-inline:3px}.role-chip strong{font-size:10px}.icon-button{width:34px;height:34px;min-height:34px}.mobile-section{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--panel);border-bottom:1px solid var(--line)}.mobile-section label{font-size:11px;white-space:nowrap;margin:0;color:var(--muted)}.mobile-section select{min-height:38px;font-size:12px;padding-block:7px}main{padding:21px 16px 16px}.page-header{gap:12px;align-items:flex-start}.page-header h1{font-size:23px;margin-top:3px}.page-header .muted{font-size:11px;line-height:1.8}.page-header .eyebrow{font-size:10px}.page-actions .secondary{min-height:34px;font-size:11px;padding:7px 10px}.page-actions .secondary .icon{width:13px;height:13px}.page-meta{margin:16px 0 13px;align-items:flex-start;gap:15px}.data-source{font-size:10px;white-space:nowrap}.updated{font-size:9px;text-align:end;max-width:64%}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{padding:15px 13px}.stat .label{font-size:10px}.stat-icon{width:25px;height:25px;border:0}.stat-icon .icon{width:16px;height:16px}.stat .number{font-size:28px;margin-block:7px 3px}.stat .hint{font-size:9px}.overview-primary{grid-template-columns:1fr;gap:14px;margin-top:14px}.overview-bottom{align-items:flex-start;font-size:10px;flex-wrap:wrap;padding:13px}.overview-bottom button{margin-inline-start:0}.queue-row{padding:15px}.queue-row strong{font-size:12px}.queue-row small{font-size:10px}.panel-head{padding:14px 15px}.panel-head h3{font-size:13px}.panel-head p{font-size:10px}.info-grid{grid-template-columns:1fr;gap:12px}.info-card{padding:18px}.toolbar{gap:8px;margin-top:16px}.search-toolbar input{width:100%;flex:1 1 100%;max-width:none}.toolbar select{min-width:130px;flex:1;font-size:11px}.filter-tabs{width:100%;gap:2px;padding:3px}.filter-tab{font-size:10px;flex:1;padding-inline:7px;min-height:34px}.list-summary{display:none}table{min-width:620px}th,td{padding-inline:15px}th:first-child,td:first-child{width:34%}.row-actions{min-width:108px}.panel{margin-top:14px}.empty{padding:37px 20px}.empty p{font-size:11px}.pager{font-size:10px}.case-columns{grid-template-columns:1fr}.case-context{padding:15px}.case-messages{max-height:260px}.case-context video{max-height:240px}#caseDialog{padding:19px}.case-tools{gap:8px;flex-wrap:wrap}#caseMessageCount{font-size:9px}dialog{padding:22px;width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:12px}.close{width:32px;height:32px}dialog h2{font-size:19px;padding-inline-end:35px}#caseReplyFields select{max-width:none}.dialog-buttons{flex-wrap:wrap}.navigation-dialog-head h2{padding:0}.login-wrap{display:block;min-height:100dvh}.intro{min-height:0;border:0;background:transparent;padding:28px 24px 0}.intro .brand-text{font-size:23px}.intro .brand-text small{font-size:10px}.intro .brand-symbol{width:32px;height:32px}.login-intro-copy{margin:28px 0 0}.intro h1{font-size:30px;margin:8px 0;line-height:1.6}.intro h1 br{display:none}.intro h1 em{margin-inline-start:5px}.login-intro-copy>.eyebrow,.login-intro-copy>p,.login-capabilities,.intro-line{display:none}.login-card{margin:22px auto 32px;padding:25px;width:calc(100% - 40px);max-width:440px}.login-card h2{font-size:23px}.login-card .fine{font-size:10px}footer{font-size:9px;margin-top:22px}.footer-brand{font-size:10px}.footer-brand span{display:none}}
@media(prefers-reduced-motion:no-preference){button{transition:background .14s,color .14s,border-color .14s}dialog[open]{animation:dialog-in .13s ease-out}@keyframes dialog-in{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}}
/* Reading scale: operational labels stay readable without enlarging the shell. */
.sidebar nav button{font-size:13px}.nav-label{font-size:11px}.page-header .muted{font-size:13px}.panel-head p{font-size:12px}.panel-head h3{font-size:15px}.row-title,td{font-size:13px}.sub{font-size:11px}.identifier{font-size:10.5px}.small-button{font-size:12px}.tag{font-size:11px}.stat .label{font-size:13px}.stat .hint{font-size:11px}.quick-link strong{font-size:13px}.quick-link small,.queue-row small{font-size:12px}.updated{font-size:11px}.case-message p,.case-context>strong{font-size:13px}.case-message>strong,.case-context p,.case-context summary{font-size:12px}.case-message .fine{font-size:11px}.info-card p{font-size:13px}.login-card>.muted{font-size:13px}.login-card .fine{font-size:11px}.section-label{font-size:13px}.topbar-actions .role-chip strong{font-size:12px}.case-columns{align-items:start}.case-discussion{position:relative}#caseReplyFields{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}#caseReplyFields>.section-label,#caseReplyFields>label,#caseReplyFields>textarea,#caseReplyFields>#appealDecisionFields,#caseReplyFields>#sendCaseReply{grid-column:1/-1}#caseReplyFields>#sendCaseReply{justify-self:end}#caseReplyFields>select{grid-column:1/-1}#caseDialog .case-context .fine{margin-top:6px}.review-dialog .eyebrow{font-size:12px}.case-tools{position:relative}
@media(max-width:750px){.sidebar nav button{font-size:13px}.page-header .muted{font-size:12px}.stat .label{font-size:11px}.stat .hint{font-size:10px}.panel-head p{font-size:11px}.quick-link small,.queue-row small{font-size:11px}.panel-head h3{font-size:14px}.updated{font-size:10px}.case-message p{font-size:13px}.case-context p,.case-context summary{font-size:12px}.case-columns{display:flex;flex-direction:column}.case-discussion,#caseContext{width:100%}.case-messages{max-height:300px}.case-context{margin-bottom:0}#caseReplyFields>#sendCaseReply{justify-self:stretch}#caseReplyFields>select{max-width:100%}.case-tools #refreshCase{font-size:12px}.density-control{display:none}.role-chip strong{font-size:10px!important}}

/* Mobile tables become complete records: actions remain in view. */
@media(max-width:750px){
 .table-scroll{overflow:visible}table{display:block;min-width:0!important;width:100%;table-layout:auto}thead{display:none}tbody{display:block}tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px 16px;padding:17px 16px;border-bottom:1px solid var(--line)}tr:last-child{border-bottom:0}th,td,table:has(th:nth-child(5)) td:first-child,td:first-child,td:last-child{display:block;width:auto;max-width:none;min-height:0;padding:0;border:0;min-width:0;font-size:12px}td:before{content:attr(data-label);display:block;font-size:10px;color:var(--muted);margin-bottom:6px}td:first-child{grid-column:1/-1}td:first-child:before{display:none}td:last-child{grid-column:1/-1;border-top:1px solid var(--line);padding-top:12px}td:last-child[data-label="الإجراء"]:before,td:last-child[data-label="التفاصيل"]:before,td:last-child[data-label="القرار"]:before,td:last-child[data-label="المتابعة"]:before,td:last-child[data-label="الفحص"]:before{display:none}.row-actions{min-width:0;justify-content:flex-start;gap:8px}.row-actions .small-button{min-height:38px}.small-button{min-height:36px}td:first-child>.identifier{font-size:11px}.content-cell,.identity-cell{gap:12px}.video-marker{width:38px;flex-basis:38px;height:49px}.row-title{font-size:13px}.sub{font-size:11px}.tag{font-size:11px}.panel:has(table) .panel-head{align-items:flex-start}.result-count{font-size:9px}.panel-head p{max-width:260px}.panel-head{gap:10px}.audit-detail dl{grid-template-columns:1fr 1fr}.audit-detail dd{align-self:center}.audit-detail{margin-bottom:4px}.audit-detail summary{font-size:11px}.toolbar .filter-tabs{justify-content:stretch}.filter-tab{font-size:11px}.panel-head:has(.result-count){flex-wrap:wrap}.panel-head .result-count{margin-inline-start:auto}#content>.panel:has(table){margin-top:14px}
}
/* Queue ownership and response targets share the review workspace. */
.case-queue-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.case-queue-summary article{padding:17px 20px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.case-queue-summary strong{font-size:25px;display:block;font-variant-numeric:tabular-nums}.case-queue-summary span{font-size:12px;color:var(--muted)}.case-filter-bar{display:flex;align-items:end;gap:14px;flex-wrap:wrap;padding:12px 0}.case-filter-bar>label{font-size:12px;margin:0;min-width:155px}.case-filter-bar select{font-size:12px;margin-top:5px}.case-filter-bar .check-filter{display:flex;align-items:center;gap:8px;min-height:42px;min-width:0}.check-filter input{width:17px;min-height:17px;height:17px;accent-color:var(--accent)}.case-filter-bar>.fine{margin:0 0 10px;font-size:11px}.overdue-text{color:var(--danger)}.case-workflow{border:1px solid var(--line);border-radius:9px;padding:18px;margin-bottom:20px;background:var(--panel2)}.workflow-heading{display:flex;justify-content:space-between;align-items:start;gap:15px}.workflow-heading h3{font-size:14px}.workflow-heading p{font-size:12px;margin-top:6px}.workflow-heading>.tag{white-space:normal;max-width:46%}.workflow-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;align-items:end}.workflow-controls label{font-size:12px}.workflow-controls label:nth-child(3){grid-column:1/-1}.workflow-controls select,.workflow-controls input{margin-top:7px;font-size:12px}.workflow-controls button{justify-self:end;grid-column:1/-1;margin-top:12px}.case-workflow>.fine{font-size:11px;margin-top:13px}#workflowHistory{margin-top:12px;font-size:12px}#workflowHistory summary{cursor:pointer}#workflowEvents article{border-top:1px solid var(--line);padding-top:10px;margin-top:10px}#workflowEvents strong{font-size:12px;font-weight:500}#workflowEvents p{font-size:12px;margin-top:5px}#workflowEvents .fine{font-size:11px}
@media(max-width:750px){.case-queue-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.case-queue-summary article{padding:12px 14px}.case-filter-bar>label{flex:1;min-width:120px}.case-filter-bar>.check-filter{flex-basis:100%}.workflow-heading{flex-direction:column}.workflow-heading>.tag{max-width:100%}.workflow-controls{grid-template-columns:1fr}.workflow-controls label:nth-child(3),.workflow-controls button{grid-column:1}.workflow-controls button{justify-self:stretch}.case-workflow{padding:14px}}
.operation-signal{border:1px solid var(--line);border-inline-start:3px solid var(--warning);background:var(--panel);border-radius:9px;padding:18px 20px;margin-bottom:14px}.operation-signal.critical{border-inline-start-color:var(--danger)}.signal-head{display:flex;align-items:start;gap:12px}.signal-head>.icon{width:19px;height:19px;color:var(--warning);margin-top:3px}.critical .signal-head>.icon{color:var(--danger)}.signal-head>div{flex:1}.signal-head strong{font-size:14px;font-weight:600}.signal-head p{font-size:12px;color:var(--muted);margin-top:5px}.signal-head>.tag{color:var(--warning);background:var(--warning-soft);border:0}.critical .signal-head>.tag{color:var(--danger);background:var(--danger-soft)}.signal-action{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:14px}.signal-action .fine{margin:0;font-size:11px}.operation-signal details{font-size:12px;margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.operation-signal summary{cursor:pointer;font-weight:500}.operation-signal li{padding-block:4px;line-height:1.9}.operation-signal ol{padding-inline-start:22px;margin-bottom:0}@media(max-width:750px){.operation-signal{padding:14px}.signal-head{gap:8px}.signal-head>.tag{font-size:10px}.signal-action{align-items:start;flex-direction:column}.signal-action .small-button{min-height:38px}}

.success-text{color:var(--success)}
