/*
 * نظام الحوكمة — الهوية البصرية العامة (style.css) — المرحلة 00
 * كحلي/أزرق احترافي · خط Cairo · أيقونات Tabler · بطاقات مسطّحة · RTL.
 */

:root{
  --navy:#0E2A47; --navy-2:#123454; --navy-line:#1C3D5F;
  --blue:#2E6CA6; --blue-soft:#4FA3E3; --teal:#4FD0E3;
  --page-bg:#EEF2F7; --card-bg:#FFFFFF; --panel-bg:#F4F7FB;
  --border:#E2E6EC; --border-2:#D8DEE7;
  --text:#0E2A47; --text-soft:#5A6472; --text-muted:#7A8699; --text-faint:#A8B0BD;
  --ok:#3B6D11; --ok-bg:#EAF3DE; --warn:#854F0B; --warn-bg:#FAEEDA; --danger:#A32D2D; --danger-bg:#FCEBEB;
  --radius:10px; --radius-lg:12px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:'Cairo','Segoe UI',Tahoma,sans-serif;background:var(--page-bg);color:var(--text);direction:rtl;font-size:14px}
a{text-decoration:none;color:inherit}

/* ===== التخطيط العام ===== */
.app-shell{display:flex;min-height:100vh}

/* ===== الشريط الجانبي ===== */
.app-sidebar{width:232px;background:var(--navy);color:#C6D4E4;flex-shrink:0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}
.app-brand{padding:16px 14px;border-bottom:1px solid var(--navy-line)}
.app-brand-inner{background:#fff;border-radius:10px;padding:11px 12px;display:flex;align-items:center;gap:10px}
.app-brand-logo{width:32px;height:32px;border-radius:8px;background:var(--navy);color:#fff;display:grid;place-items:center;flex:none}
.app-brand-logo i{font-size:18px}
.app-brand-txt b{font-size:16px;color:var(--navy);display:block;line-height:1.2}
.app-brand-txt small{font-size:9.5px;color:var(--text-muted);letter-spacing:1px}
.app-nav{padding:10px 0;flex:1;overflow-y:auto}
.app-nav-item{display:flex;align-items:center;gap:10px;padding:11px 18px;font-size:13.5px;color:#C6D4E4;border-right:3px solid transparent;transition:background .15s,color .15s}
.app-nav-item i{font-size:18px}
.app-nav-item:hover{background:rgba(255,255,255,.05);color:#fff}
.app-nav-item.is-active{background:var(--blue);color:#fff;border-right-color:var(--blue-soft)}
.app-sidebar-footer{padding:13px 18px;border-top:1px solid var(--navy-line);font-size:11px;color:#6E8CAD}

/* ===== المنطقة الرئيسية ===== */
.app-main{flex:1;display:flex;flex-direction:column;min-width:0}
.app-topbar{background:#fff;border-bottom:.5px solid var(--border-2);padding:13px 22px;display:flex;align-items:center;justify-content:space-between}
.app-title{font-size:17px;font-weight:700;color:var(--navy);margin:0}
.app-subtitle{font-size:12px;color:var(--text-muted);margin-top:2px}
.app-topbar-actions{display:flex;align-items:center;gap:12px}
.app-user{display:flex;align-items:center;gap:9px}
.app-avatar{width:34px;height:34px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}
.app-user-meta{display:flex;flex-direction:column;line-height:1.2}
.app-user-name{font-size:12.5px;font-weight:600;color:var(--navy)}
.app-user-role{font-size:10.5px;color:var(--text-muted)}
.app-logout{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-soft);border:.5px solid var(--border-2)}
.app-logout i{font-size:18px}
.app-logout:hover{background:var(--danger-bg);color:var(--danger);border-color:#F0997B}
.app-content{padding:20px 22px;flex:1}
.app-footer{padding:12px 22px;border-top:.5px solid var(--border-2);display:flex;justify-content:space-between;font-size:11.5px;color:var(--text-muted);background:#fff}

/* ===== مكوّنات عامة ===== */
.app-card{background:var(--card-bg);border:.5px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px;margin-bottom:14px}
.app-card-title{font-size:14px;font-weight:700;color:var(--navy);margin:0 0 12px}
.app-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:8px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;border:.5px solid var(--blue);background:var(--blue);color:#fff;transition:filter .15s}
.app-btn:hover{filter:brightness(1.05)}
.app-btn.ghost{background:#fff;color:var(--blue)}
.app-btn.secondary{background:#fff;color:var(--text-soft);border-color:var(--border-2)}
.app-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:10px;font-size:11px;font-weight:600}
.app-badge.ok{background:var(--ok-bg);color:var(--ok)}
.app-badge.warn{background:var(--warn-bg);color:var(--warn)}
.app-badge.danger{background:var(--danger-bg);color:var(--danger)}
.app-badge.muted{background:#F1EFE8;color:#5F5E5A}

/* بطاقات إحصاء */
.app-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:11px;margin-bottom:14px}
.app-scard{background:#fff;border:.5px solid var(--border);border-radius:12px;padding:13px 15px}
.app-scard-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-muted)}
.app-scard-top i{font-size:16px;color:var(--blue)}
.app-scard-value{font-size:25px;font-weight:700;color:var(--navy);margin-top:5px}
.app-scard-sub{font-size:10.5px;color:var(--text-muted);margin-top:2px}

/* جداول */
.app-table{width:100%;border-collapse:collapse;font-size:13px}
.app-table thead tr{background:var(--panel-bg);color:var(--text-soft);text-align:right}
.app-table th{font-weight:600;padding:11px 14px}
.app-table td{padding:11px 14px;border-top:.5px solid #EEF2F7;color:var(--text)}
.app-table tbody tr:hover{background:#FAFBFD}

/* محرّك التقييم (المرحلة 06) */
.asmt-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:#fff;border:.5px solid var(--border);border-radius:12px;padding:16px 18px;margin-bottom:14px}
.asmt-pct{font-size:30px;font-weight:800;color:var(--navy);line-height:1}
.asmt-pct small{font-size:11px;color:var(--text-muted);font-weight:600;display:block;margin-top:2px}
.asmt-chips{display:flex;gap:8px;flex-wrap:wrap}
.asmt-item{border:.5px solid var(--border);border-radius:11px;padding:14px 16px;margin-bottom:10px;background:#fff}
.asmt-item .code{display:inline-block;background:var(--navy);color:#fff;font-weight:700;padding:3px 10px;border-radius:7px;font-size:12px;font-variant-numeric:tabular-nums}
.asmt-item .txt{font-size:13px;color:var(--text);line-height:1.85;margin-top:9px}
.asmt-opts{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.asmt-opt{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:8px;border:1px solid var(--border-2);cursor:pointer;font-size:12px;font-weight:600;color:var(--text-soft);background:#fff;transition:.15s}
.asmt-opt:hover{border-color:var(--blue)}
.asmt-opt.sel{color:#fff;border-color:transparent}
.asmt-opt.sel[data-s="implemented"]{background:var(--ok)}
.asmt-opt.sel[data-s="partially"]{background:var(--warn)}
.asmt-opt.sel[data-s="not_implemented"]{background:var(--danger)}
.asmt-opt.sel[data-s="not_applicable"]{background:var(--text-muted)}
.asmt-sec{font-size:11.5px;font-weight:700;color:var(--navy);margin:13px 0 7px;display:flex;align-items:center;gap:7px}
.asmt-sec svg{color:var(--blue)}
.asmt-note{width:100%;padding:9px 12px;border:.5px solid var(--border-2);border-radius:8px;font-family:inherit;font-size:12.5px;resize:vertical;min-height:42px;color:var(--text)}
.asmt-note:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(46,108,166,.12)}
.asmt-ev{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}
.ev-chip{display:inline-flex;align-items:center;gap:6px;background:var(--panel-bg);border:.5px solid var(--border);border-radius:8px;padding:6px 10px;font-size:11.5px;color:var(--text-soft)}
.ev-chip a{color:var(--blue)}
.ev-up{position:relative;overflow:hidden;display:inline-flex}
.ev-up input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}
.asmt-sub-h{font-size:12.5px;font-weight:700;color:var(--blue);margin:16px 0 8px;padding-bottom:6px;border-bottom:.5px solid var(--border)}
.asmt-dom-h{font-size:14px;font-weight:800;color:var(--navy);margin:20px 0 6px}
.saved-tag{font-size:10.5px;color:var(--ok);margin-inline-start:8px;opacity:0;transition:.3s}
.saved-tag.show{opacity:1}

/* الاقتراح الذكي من Claude (المرحلة 07) */
.asmt-ai{margin-top:12px}
.ai-btn{background:linear-gradient(135deg,#2E6CA6,#123454);color:#fff;border:none;padding:8px 14px;font-size:12px;font-weight:700;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:.15s}
.ai-btn:hover{filter:brightness(1.08)}
.ai-btn:disabled{opacity:.6;cursor:default}
.ai-btn svg{color:#fff}
.ai-box{display:none;margin-top:10px;padding:12px 14px;border:1px solid #CADAEC;border-radius:10px;background:#F4F8FC}
.ai-box.show{display:block}
.ai-box-h{font-size:11.5px;font-weight:700;color:var(--blue);display:flex;align-items:center;gap:6px;margin-bottom:8px}
.ai-box-h svg{color:var(--blue)}
.ai-sug{font-size:12.5px;color:var(--text)}
.ai-sug-label{color:var(--navy)}
.ai-rat{font-size:12.5px;color:var(--text-soft);line-height:1.8;margin:6px 0 10px}
.ai-apply{padding:6px 12px;font-size:11.5px}

/* مكتبة الضوابط (المرحلة 05) */
.sw{width:42px;height:23px;border-radius:20px;background:var(--border-2);position:relative;cursor:pointer;transition:.2s;flex:none}
.sw:before{content:"";position:absolute;top:3px;inset-inline-end:3px;width:17px;height:17px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 2px rgba(0,0,0,.25)}
.sw.on{background:var(--blue)}.sw.on:before{inset-inline-end:22px}
.sw.partial{background:var(--warn)}
.sw.busy{opacity:.5;pointer-events:none}
.lib-domain{border:.5px solid var(--border);border-radius:12px;margin-bottom:12px;overflow:hidden;background:#fff}
.lib-dhead{display:flex;align-items:center;gap:11px;padding:13px 15px;background:var(--panel-bg);cursor:pointer}
.lib-dhead .n{width:26px;height:26px;border-radius:7px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:700;font-size:12px;flex:none}
.lib-dhead b{flex:1;font-size:15px;color:var(--navy)}
.lib-dhead .car{color:var(--text-muted);transition:transform .2s}
.lib-domain.open .lib-dhead .car{transform:rotate(180deg)}
.lib-cnt{color:var(--text-muted);font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;direction:ltr;min-width:44px;text-align:center}
.lib-subs{display:none}
.lib-domain.open .lib-subs{display:block}
.lib-shead{display:flex;align-items:center;gap:11px;padding:11px 15px;border-top:.5px solid #EEF2F7}
.lib-shead .sc{font-weight:700;font-size:13px;color:var(--blue);width:42px;flex:none;font-variant-numeric:tabular-nums}
.lib-shead .sn{flex:1;font-size:14px;color:var(--navy);font-weight:600}
.lib-crow{display:flex;align-items:flex-start;gap:11px;padding:11px 15px 11px 34px;border-top:.5px dashed #EEF2F7}
.lib-crow .cc{font-weight:700;font-size:12.5px;color:var(--blue);width:48px;flex:none;font-variant-numeric:tabular-nums;padding-top:2px}
.lib-crow .ct{flex:1;font-size:13px;color:var(--text);line-height:1.85}

/* أدوات القوائم والنماذج (المرحلة 04) */
.app-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.app-toolbar .t b{font-size:14px;color:var(--navy)}
.app-toolbar .t span{display:block;font-size:11.5px;color:var(--text-muted)}
.app-table-wrap{background:#fff;border:.5px solid var(--border);border-radius:12px;overflow:hidden}
.app-table .actions a{color:var(--blue);margin-inline-start:12px;font-size:12px}
.app-select{width:100%;padding:11px 13px;border:.5px solid var(--border-2);border-radius:9px;font-size:13.5px;font-family:inherit;background:#fff;color:var(--text)}
.app-select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(46,108,166,.12)}
.app-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}
@media(max-width:720px){.app-form-grid{grid-template-columns:1fr}}
.app-form-actions{display:flex;gap:10px;margin-top:16px}
.app-req{color:var(--danger)}
.app-detail{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.app-detail .lbl{font-size:11.5px;color:var(--text-muted)}
.app-detail .val{font-size:13.5px;color:var(--navy);margin-top:3px;font-weight:600}
@media(max-width:640px){.app-detail{grid-template-columns:1fr 1fr}}

/* شبكة لوحة التحكم */
.app-dash-mid{display:grid;grid-template-columns:1.7fr 1fr;gap:14px;margin-bottom:14px}
.app-dash-bottom{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:980px){.app-dash-mid,.app-dash-bottom{grid-template-columns:1fr}}
/* أشرطة الالتزام */
.app-bar-row{display:flex;align-items:center;gap:12px;margin:11px 0}
.app-bar-row .lbl{flex:1;font-size:12.5px;color:var(--text-soft);font-weight:600}
.app-bar-row .pct{width:42px;text-align:left;font-weight:700;font-size:12.5px;color:var(--navy);font-variant-numeric:tabular-nums}
.app-bar{height:8px;background:var(--page-bg);border-radius:5px;overflow:hidden;flex:2}
.app-bar > i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--blue-soft),var(--blue));transition:width .9s cubic-bezier(.22,1,.36,1)}
/* عنصر نشاط */
.app-actv{display:flex;gap:9px;padding:9px 0;border-bottom:.5px solid #EEF2F7;font-size:12px}
.app-actv:last-child{border-bottom:none}
.app-actv .ic{color:var(--blue);margin-top:1px;flex:none}
.app-actv .meta{color:var(--text-faint);font-size:10.5px;margin-top:2px}
/* صف شركة */
.app-co{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:.5px solid #EEF2F7}
.app-co:last-child{border-bottom:none}
.app-co .ci{width:34px;height:34px;border-radius:9px;background:var(--panel-bg);color:var(--blue);display:grid;place-items:center;font-weight:800;flex:none}
.app-co .cn{flex:1}.app-co .cn b{font-size:12.5px;color:var(--navy)}.app-co .cn span{display:block;color:var(--text-muted);font-size:10.5px}

/* صف فحص (صفحة فحص البيئة — المرحلة 00) */
.app-check-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:.5px solid var(--border);font-size:13.5px}
.app-check-row:last-child{border-bottom:none}
.app-check-label{display:flex;align-items:center;gap:9px;color:var(--text-soft)}
.app-check-label i{font-size:18px;color:var(--blue)}
.app-check-ok{color:var(--ok);display:flex;align-items:center;gap:6px;font-weight:600}
.app-check-fail{color:var(--danger);display:flex;align-items:center;gap:6px;font-weight:600}
.app-check-warn{color:var(--warn);display:flex;align-items:center;gap:6px;font-weight:600}

/* حالة فارغة */
.app-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:30px 16px;color:var(--text-muted);text-align:center;font-size:12.5px;line-height:1.8}
.app-empty i{font-size:34px;color:var(--text-faint)}

/* ===== شاشات الدخول والتهيئة ===== */
.app-auth{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;
  background:var(--navy);
  background-image:radial-gradient(circle at 20% 25%,rgba(79,163,227,.12),transparent 42%),radial-gradient(circle at 80% 75%,rgba(79,208,227,.10),transparent 42%)}
.app-auth-card{width:390px;max-width:100%;background:#fff;border-radius:16px;padding:30px 30px 24px;box-shadow:0 12px 44px rgba(0,0,0,.28)}
.app-auth-brand{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:20px;text-align:center}
.app-auth-logo{width:56px;height:56px;border-radius:15px;background:var(--navy);color:#fff;display:grid;place-items:center}
.app-auth-logo svg{width:30px;height:30px}
.app-auth-brand b{font-size:20px;color:var(--navy)}
.app-auth-brand small{font-size:11.5px;color:var(--text-muted);letter-spacing:1px;display:block;margin-top:-4px}
.app-auth h1{font-size:16px;color:var(--navy);margin:0 0 4px;text-align:center}
.app-auth .sub{font-size:12px;color:var(--text-muted);text-align:center;margin-bottom:18px}
.app-field{margin-bottom:14px}
.app-field label{display:block;font-size:12px;color:var(--text-soft);margin-bottom:6px;font-weight:600}
.app-input{width:100%;padding:11px 13px;border:.5px solid var(--border-2);border-radius:9px;font-size:13.5px;font-family:inherit;background:#fff;color:var(--text)}
.app-input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(46,108,166,.12)}
.app-btn.block{width:100%;justify-content:center;padding:12px}
.app-alert{padding:10px 13px;border-radius:8px;font-size:12.5px;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.app-alert.err{background:var(--danger-bg);color:var(--danger)}
.app-alert.ok{background:var(--ok-bg);color:var(--ok)}
.app-auth-foot{margin-top:16px;padding-top:14px;border-top:.5px solid #EEF2F7;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;color:var(--text-muted)}
.app-hint-txt{font-size:11px;color:var(--text-muted);margin-top:-8px;margin-bottom:14px}
.mono{font-family:ui-monospace,Menlo,Consolas,monospace;direction:ltr;background:var(--panel-bg);border:.5px solid var(--border);border-radius:8px;padding:10px 12px;font-size:13px;letter-spacing:2px;text-align:center;word-break:break-all}

/* ===== أيقونات SVG المضمّنة ===== */
.app-ic{flex:none;display:inline-block;vertical-align:middle}
.app-check-label .app-ic{color:var(--blue)}
.app-empty .app-ic{color:var(--text-faint)}

/* ===== الاستجابة ===== */
@media (max-width:860px){
  .app-sidebar{width:72px}
  .app-nav-item span,.app-sidebar-footer,.app-brand-txt{display:none}
  .app-brand-inner{justify-content:center;padding:8px}
  .app-nav-item{justify-content:center;padding:13px 0}
  .app-stats{grid-template-columns:repeat(2,1fr)}
}

/* ===== التقارير (المرحلة 08) ===== */
.rep-mini{display:flex;align-items:center;gap:8px;min-width:120px}
.rep-mini-bar{flex:1;height:7px;border-radius:6px;background:var(--border);overflow:hidden}
.rep-mini-bar i{display:block;height:100%;background:var(--blue);border-radius:6px}
.rep-mini b{font-variant-numeric:tabular-nums;font-size:12.5px;color:var(--navy)}

.rep-wrap{padding:0;overflow:hidden}
.rep{padding:0}
.app-card.rep-wrap .rep{padding:22px 24px}

.rep-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:18px;border-bottom:2px solid var(--navy);flex-wrap:wrap}
.rep-hero-co{font-size:20px;font-weight:800;color:var(--navy)}
.rep-hero-sub{font-size:13px;color:var(--text-soft);margin-top:6px;line-height:1.7}
.rep-hero-meta{font-size:12px;color:var(--text-muted);margin-top:4px}
.rep-score{text-align:center;min-width:120px;padding:12px 16px;border-radius:12px;border:1px solid var(--border)}
.rep-score.ok{background:var(--ok-bg);border-color:#C9E2A8}
.rep-score.warn{background:var(--warn-bg);border-color:#F0D6A6}
.rep-score.danger{background:var(--danger-bg);border-color:#F3C4C4}
.rep-score.muted{background:var(--panel-bg)}
.rep-score-num{font-size:36px;font-weight:800;color:var(--navy);line-height:1}
.rep-score-num small{font-size:17px;font-weight:700}
.rep-score-lbl{font-size:12.5px;font-weight:700;margin-top:5px;color:var(--navy)}

.rep-sec-t{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800;color:var(--navy);margin:22px 0 12px}
.rep-sec-t svg{color:var(--blue)}

.rep-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.rep-card{background:var(--panel-bg);border:1px solid var(--border);border-radius:11px;padding:13px 12px;text-align:center}
.rep-card-n{font-size:24px;font-weight:800;color:var(--navy);line-height:1}
.rep-card-l{font-size:11.5px;font-weight:600;color:var(--text-soft);margin-top:7px;display:flex;align-items:center;justify-content:center;gap:5px}
.rep-card.ok{background:var(--ok-bg)} .rep-card.ok .rep-card-n{color:var(--ok)}
.rep-card.warn{background:var(--warn-bg)} .rep-card.warn .rep-card-n{color:var(--warn)}
.rep-card.danger{background:var(--danger-bg)} .rep-card.danger .rep-card-n{color:var(--danger)}
.rep-card.muted .rep-card-n{color:var(--text-muted)}
.rep-note{font-size:12px;color:var(--text-muted);line-height:1.8;margin:11px 2px 0}

.rep-doms{display:flex;flex-direction:column;gap:13px}
.rep-dom-h{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text);margin-bottom:6px}
.rep-dom-p{font-variant-numeric:tabular-nums;font-size:14px}
.rep-dom-p.ok{color:var(--ok)} .rep-dom-p.warn{color:var(--warn)} .rep-dom-p.danger{color:var(--danger)} .rep-dom-p.muted{color:var(--text-muted)}
.rep-bar{height:10px;border-radius:6px;background:var(--border);overflow:hidden}
.rep-bar i{display:block;height:100%;border-radius:6px;background:var(--blue)}
.rep-bar i.ok{background:#4E9A2A} .rep-bar i.warn{background:#D08A2C} .rep-bar i.danger{background:#C0504D} .rep-bar i.muted{background:var(--text-faint)}

.rep-tbl{width:100%;border-collapse:collapse;font-size:12.5px}
.rep-tbl th{background:var(--navy);color:#fff;text-align:right;padding:9px 11px;font-weight:700;font-size:12px}
.rep-tbl td{padding:10px 11px;border-bottom:1px solid var(--border);vertical-align:top}
.rep-tbl tr:nth-child(even) td{background:var(--panel-bg)}
.rep-code{background:var(--navy);color:#fff;padding:2px 8px;border-radius:6px;font-size:11.5px;font-variant-numeric:tabular-nums;display:inline-block}
.rep-ctl{line-height:1.7;color:var(--text)}
.rep-ctl-d{font-size:11px;color:var(--text-muted);margin-top:4px}
.rep-empty{display:flex;align-items:center;gap:9px;background:var(--ok-bg);color:var(--ok);border:1px solid #C9E2A8;border-radius:10px;padding:14px 16px;font-size:13px;font-weight:600}
.rep-foot{margin-top:24px;padding-top:14px;border-top:1px solid var(--border);font-size:11px;color:var(--text-muted);text-align:center;line-height:1.7}

@media(max-width:720px){.rep-cards{grid-template-columns:repeat(2,1fr)}}

/* ===== خطة المعالجة (المرحلة 09) ===== */
.rem-stats{display:grid;grid-template-columns:repeat(3,1fr) 1.6fr;gap:11px;margin-bottom:14px}
.rem-stat{background:#fff;border:.5px solid var(--border);border-radius:12px;padding:14px 16px;text-align:center}
.rem-stat .n{font-size:26px;font-weight:800;color:var(--navy);line-height:1}
.rem-stat .l{font-size:11.5px;color:var(--text-muted);margin-top:6px}
.rem-stat.prog{text-align:right;display:flex;flex-direction:column;justify-content:center;gap:7px}
.rem-stat.prog .l{margin:0}
.rem-stat.prog .p{font-size:15px;font-weight:800;color:var(--navy);font-variant-numeric:tabular-nums}
.rem-prog{height:9px;border-radius:6px;background:var(--border);overflow:hidden}
.rem-prog i{display:block;height:100%;border-radius:6px;background:#4E9A2A;transition:width .3s}
.rem-tbl .rem-desc{max-width:420px;line-height:1.7;color:var(--text)}
.rem-forms{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
@media(max-width:860px){.rem-stats{grid-template-columns:repeat(2,1fr)}.rem-forms{grid-template-columns:1fr}}

/* ===== الإعدادات والترخيص (المرحلة 10) ===== */
.set-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.set-card{display:flex;align-items:center;gap:14px;background:#fff;border:.5px solid var(--border);border-radius:12px;padding:15px 17px;transition:.15s}
a.set-card:hover{border-color:var(--blue);box-shadow:0 2px 10px rgba(14,42,71,.06)}
.set-ico{width:44px;height:44px;border-radius:10px;background:var(--panel-bg);color:var(--blue);display:grid;place-items:center;flex:none}
.set-body{flex:1;display:flex;flex-direction:column;gap:3px}
.set-body b{font-size:14px;color:var(--navy)}
.set-body span{font-size:11.5px;color:var(--text-muted)}
.lic-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.lic-badge{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:800;padding:8px 14px;border-radius:10px}
.lic-badge.ok{background:var(--ok-bg);color:var(--ok)}
.lic-badge.danger{background:var(--danger-bg);color:var(--danger)}
.lic-rows{margin-top:14px;display:flex;flex-direction:column;gap:1px}
.lic-rows>div{display:flex;justify-content:space-between;padding:9px 2px;border-bottom:1px solid var(--border);font-size:13px}
.lic-rows>div span{color:var(--text-muted)}
.lic-rows>div b{color:var(--navy)}
.lic-hint{font-size:12.5px;color:var(--text-soft);line-height:1.8;margin:11px 0 0}
.lic-host{margin-top:14px;font-size:12px;color:var(--text-soft);display:flex;align-items:center;gap:6px}
@media(max-width:860px){.set-grid,.lic-grid{grid-template-columns:1fr}}

/* سطر الإرشاد تحت الضابط (تحسين ما بعد المرحلة 10) */
.asmt-guide{display:flex;align-items:flex-start;gap:7px;margin-top:9px;padding:8px 11px;background:#EEF4FA;border:.5px solid #D3E2F0;border-radius:8px;font-size:12px;color:#3B5772;line-height:1.7}
.asmt-guide svg{color:var(--blue);flex:none;margin-top:1px}

/* مصنع النسخ (توسعة) */
.fac-frames{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fac-frame{display:flex;align-items:center;gap:11px;border:1px solid var(--border-2);border-radius:10px;padding:12px 14px;cursor:pointer;transition:.15s}
.fac-frame:hover{border-color:var(--blue)}
.fac-frame.off{opacity:.55;cursor:not-allowed}
.fac-frame input{width:17px;height:17px;flex:none;accent-color:var(--blue)}
.fac-frame-b{flex:1;display:flex;flex-direction:column;gap:2px}
.fac-frame-b b{font-size:13px;color:var(--navy)}
.fac-frame-b small{font-size:11px;color:var(--text-muted)}
@media(max-width:760px){.fac-frames{grid-template-columns:1fr}}
.fac-lic{margin:6px 0 14px}

/* الملخّص التنفيذي الذكي في التقرير */
.rep-ai-summary{white-space:pre-wrap;line-height:2;font-size:13px;color:var(--text);background:#F4F8FC;border:1px solid #CADAEC;border-radius:10px;padding:14px 16px;margin-bottom:6px}
.rep-ai-head svg{color:var(--blue)}

/* شعار امتثال في الشريط الجانبي (بلا خلفية) */
.app-brand-logoimg{background:transparent;padding:4px 0;display:flex;justify-content:center}
.app-brand-logoimg img{max-width:100%;max-height:96px;object-fit:contain}

/* التقييم المبدئي الشامل + صياغة المعالجة الذكية */
.asmt-bulk{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fff;border:.5px solid var(--border);border-radius:11px;padding:11px 15px;margin-bottom:14px}
.asmt-bulk-prog{font-size:12.5px;font-weight:700;color:var(--blue);font-variant-numeric:tabular-nums}
.asmt-bulk-hint{font-size:11.5px;color:var(--text-muted)}
.rem-ai-btn{display:inline-flex;align-items:center;gap:5px;margin-top:7px;padding:4px 10px;border-radius:7px;border:1px solid #CADAEC;background:#F4F8FC;color:var(--blue);font-family:inherit;font-size:11px;font-weight:700;cursor:pointer}
.rem-ai-btn:hover{background:#E9F1F9}
.rem-ai-btn:disabled{opacity:.6;cursor:default}

/* ===== محرّك المخاطر (GRC) ===== */
.risk-top{display:grid;grid-template-columns:1fr 1.1fr;gap:14px;align-items:start;margin-bottom:14px}
.risk-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.risk-stat{background:#fff;border:.5px solid var(--border);border-radius:12px;padding:13px 15px;text-align:center}
.risk-stat .n{font-size:24px;font-weight:800;color:var(--navy);line-height:1}
.risk-stat .l{font-size:11.5px;color:var(--text-muted);margin-top:6px}
.risk-stat.ok{background:var(--ok-bg)} .risk-stat.ok .n{color:var(--ok)}
.risk-stat.warn{background:var(--warn-bg)} .risk-stat.warn .n{color:var(--warn)}
.risk-stat.high{background:#FBEEDD} .risk-stat.high .n{color:#B5651B}
.risk-stat.danger{background:var(--danger-bg)} .risk-stat.danger .n{color:var(--danger)}
.risk-heat-wrap{margin:0}
.risk-heat{display:flex;align-items:center;gap:6px;justify-content:center}
.rh-axis-y{writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;font-weight:700;color:var(--text-soft)}
.rh-axis-x{font-size:11px;font-weight:700;color:var(--text-soft);text-align:center;margin-top:4px}
.rh-grid{border-collapse:collapse}
.rh-cell{width:44px;height:38px;text-align:center;font-weight:800;font-size:13px;color:#fff;border:2px solid #fff;font-variant-numeric:tabular-nums}
.rh-cell.ok{background:#4E9A2A} .rh-cell.warn{background:#D0A32C} .rh-cell.high{background:#D9822B} .rh-cell.danger{background:#C0392B}
.rh-ilabel,.rh-llabel{font-size:11px;font-weight:700;color:var(--text-muted);padding:2px 5px;text-align:center}
.rh-legend{display:flex;gap:14px;justify-content:center;margin-top:10px;font-size:11px;color:var(--text-soft)}
.rh-legend i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-inline-end:4px;vertical-align:-1px}
.rh-legend i.ok{background:#4E9A2A} .rh-legend i.warn{background:#D0A32C} .rh-legend i.high{background:#D9822B} .rh-legend i.danger{background:#C0392B}
.risk-tbl .risk-title{max-width:340px;line-height:1.6;font-size:12.5px}
.risk-ai-tag{display:inline-flex;align-items:center;gap:3px;font-size:10px;color:var(--blue);background:#EEF4FA;border-radius:6px;padding:1px 6px;margin-inline-start:6px}
.app-badge.high{background:#FBEEDD;color:#B5651B}
.risk-score{font-variant-numeric:tabular-nums}
@media(max-width:900px){.risk-top{grid-template-columns:1fr}.risk-stats{grid-template-columns:repeat(3,1fr)}}