/* IBM Plex Sans Arabic — مستضاف محلياً (SIL OFL) */
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url(/static/fonts/plex-arabic-400-arabic.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url(/static/fonts/plex-arabic-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url(/static/fonts/plex-arabic-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:500;font-display:swap;src:url(/static/fonts/plex-arabic-500-arabic.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:500;font-display:swap;src:url(/static/fonts/plex-arabic-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:500;font-display:swap;src:url(/static/fonts/plex-arabic-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:600;font-display:swap;src:url(/static/fonts/plex-arabic-600-arabic.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:600;font-display:swap;src:url(/static/fonts/plex-arabic-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:600;font-display:swap;src:url(/static/fonts/plex-arabic-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:700;font-display:swap;src:url(/static/fonts/plex-arabic-700-arabic.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:700;font-display:swap;src:url(/static/fonts/plex-arabic-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:700;font-display:swap;src:url(/static/fonts/plex-arabic-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{
  --bg:#f5f6fa; --panel:#ffffff; --ink:#1b2236; --muted:#6b7488; --line:#e4e7ef;
  --brand:#1a2030; --brand-2:#205c93; --accent:#cc4629; --accent-soft:#fbe9e4;
  --sf-green:#21a04a; --sf-yellow:#f4c320; --sf-blue:#205c93; --sf-purple:#6b6ea0; --sf-red:#cc4629;
  --ok:#17875a; --ok-soft:#e3f5ec; --warn:#b7791f; --warn-soft:#fdf3dc;
  --bad:#c93b3b; --bad-soft:#fbe6e6; --info:#2563eb; --info-soft:#e6eefc;
  --radius:12px; --shadow:0 1px 2px rgba(20,30,60,.06),0 4px 16px rgba(20,30,60,.05);
  /* هوية موحّدة: لون العلامة المصمت (خلفية بنص أبيض) + لون الترويسات الداكنة + زوايا البطاقات الكبيرة */
  --brand-solid:#205c93; --brand-solid-2:#163f6b; --hdr:#1a2030; --radius-lg:16px;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0f1320; --panel:#171c2c; --ink:#e7eaf3; --muted:#98a0b3; --line:#283049;
    --brand:#8ec0ee; --brand-2:#7fb4e6; --accent:#ef7a5c; --accent-soft:#3a2219;
    --ok:#3cc98a; --ok-soft:#133126; --warn:#e8b04b; --warn-soft:#352a12;
    --bad:#ff7b7b; --bad-soft:#3a1717; --info:#79a3ff; --info-soft:#18233f;
    --shadow:none; --brand-solid:#2f6fae; --brand-solid-2:#1d4a78; --hdr:#0b0e17;
  }
}
:root[data-theme="dark"]{
  --bg:#0f1320; --panel:#171c2c; --ink:#e7eaf3; --muted:#98a0b3; --line:#283049;
  --brand:#8ec0ee; --brand-2:#7fb4e6; --accent:#ef7a5c; --accent-soft:#3a2219;
  --ok:#3cc98a; --ok-soft:#133126; --warn:#e8b04b; --warn-soft:#352a12;
  --bad:#ff7b7b; --bad-soft:#3a1717; --info:#79a3ff; --info-soft:#18233f; --shadow:none;
  --brand-solid:#2f6fae; --brand-solid-2:#1d4a78; --hdr:#0b0e17;
}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:"IBM Plex Sans Arabic","IBM Plex Sans",Tahoma,system-ui,sans-serif;background:var(--bg);color:var(--ink);font-size:14.5px;line-height:1.6}
a{color:var(--brand-2);text-decoration:none}
a:hover{text-decoration:underline}
h1{font-size:22px;margin:0 0 4px} h2{font-size:17px;margin:0 0 12px} h3{font-size:15px;margin:0 0 8px}
.muted{color:var(--muted)} .small{font-size:12.5px} .nowrap{white-space:nowrap} .ltr{direction:ltr;unicode-bidi:embed}
.num{font-variant-numeric:tabular-nums}

/* layout */
.app{display:grid;grid-template-columns:238px 1fr;min-height:100vh}
.side{background:var(--brand);color:#fff;padding:18px 12px;position:sticky;top:0;height:100vh;overflow-y:auto}
:root[data-theme="dark"] .side{background:#0b0e17}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .side{background:#0b0e17}}
.side a.logo,.logo{display:block;padding:6px 14px 16px;color:#fff;text-decoration:none!important}
.side a.logo:hover{background:none}
.logo img{width:100%;max-width:170px;display:block;margin:0 auto}
.logo .sub{display:block;text-align:center;font-size:10.5px;opacity:.6;margin-top:6px;letter-spacing:.5px}
.brandbar{display:flex;height:4px}.brandbar i{flex:1}
.brandbar i:nth-child(1){background:var(--sf-green)}.brandbar i:nth-child(2){background:var(--sf-yellow)}.brandbar i:nth-child(3){background:var(--sf-blue)}.brandbar i:nth-child(4){background:var(--sf-purple)}.brandbar i:nth-child(5){background:var(--sf-red)}
.nav-sec{font-size:11px;opacity:.55;padding:14px 10px 4px;letter-spacing:.3px}
.side a{display:flex;align-items:center;gap:10px;color:#dfe5ff;padding:8px 10px;border-radius:8px;text-decoration:none;font-size:14px}
.side a:hover{background:rgba(255,255,255,.08)}
.side a.on{background:rgba(255,255,255,.14);color:#fff;font-weight:600}
.side .badge{margin-inline-start:auto;background:var(--accent);color:#fff;border-radius:99px;font-size:11px;padding:0 7px}
.main{min-width:0}
.top{display:flex;align-items:center;gap:12px;padding:12px 24px;background:var(--panel);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.top form{flex:1;max-width:420px}
.top .spacer{flex:1}
.content{padding:22px 24px 60px;max-width:1400px}
.burger{display:none;background:none;border:0;font-size:22px;color:var(--ink);cursor:pointer}
@media (max-width:900px){
  .app{grid-template-columns:1fr}
  .side{position:fixed;inset:0 0 0 auto;width:260px;z-index:30;transform:translateX(100%);transition:.2s}
  .side.open{transform:none;box-shadow:-10px 0 30px rgba(0,0,0,.3)}
  [dir=ltr] .side{inset:0 auto 0 0;transform:translateX(-100%)}
  [dir=ltr] .side.open{transform:none}
  .burger{display:block}
  .content{padding:16px 16px 60px}
  .top{padding:10px 16px}
  .hide-m{display:none!important}
}

/* page header */
.ph{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.ph .actions{display:flex;gap:8px;flex-wrap:wrap}

/* cards */
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow);margin-bottom:16px;min-width:0}
.card.flush{padding:0;overflow:hidden}
.card>.hd{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.card>.hd h2{margin:0}
.grid{display:grid;gap:16px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))} .g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))} .g-side{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
@media (max-width:1100px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.g2,.g3,.g-side{grid-template-columns:1fr}}
@media (max-width:480px){.g4{grid-template-columns:1fr 1fr}}
.kpi{padding:14px 16px}
.kpi .v{font-size:26px;font-weight:700;line-height:1.2}
.kpi .l{color:var(--muted);font-size:12.5px}
.kpi.alert .v{color:var(--bad)}
.kpi a{color:inherit;text-decoration:none}

/* tables */
.tw{overflow-x:auto}
table{width:100%;border-collapse:collapse}
th,td{padding:9px 12px;border-bottom:1px solid var(--line);text-align:start;vertical-align:top}
th{font-size:12px;color:var(--muted);font-weight:600;background:var(--bg);white-space:nowrap}
tr:hover td{background:color-mix(in srgb,var(--bg) 60%,transparent)}
td .sub{display:block;color:var(--muted);font-size:12px}

/* forms */
label{display:block;font-size:12.5px;color:var(--muted);margin-bottom:4px;font-weight:500}
input,select,textarea{width:100%;font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 10px}
input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb,var(--brand-2) 35%,transparent);border-color:var(--brand-2)}
textarea{min-height:90px;resize:vertical}
input[type=checkbox],input[type=radio]{width:auto}
.fg{display:grid;gap:12px 14px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.fg .full{grid-column:1/-1}
.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.check{display:flex;align-items:center;gap:6px;color:var(--ink);font-size:14px}
.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
.filters input,.filters select{width:auto;min-width:130px}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:7px 14px;border-radius:8px;font:inherit;font-size:14px;cursor:pointer;text-decoration:none;white-space:nowrap}
.btn:hover{text-decoration:none;border-color:var(--brand-2)}
.btn.p{background:var(--brand-2);border-color:var(--brand-2);color:#fff}
:root[data-theme="dark"] .btn.p{color:#0f1320}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .btn.p{color:#0f1320}}
.btn.a{background:var(--accent);border-color:var(--accent);color:#fff}
.btn.d{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 40%,transparent)}
.btn.s{padding:4px 10px;font-size:13px}
.btn.ghost{border-color:transparent;background:transparent}

/* pills */
.pill{display:inline-block;padding:1px 9px;border-radius:99px;font-size:12px;background:var(--bg);border:1px solid var(--line);white-space:nowrap}
.pill.ok{background:var(--ok-soft);color:var(--ok);border-color:transparent}
.pill.warn,.pill.late{background:var(--warn-soft);color:var(--warn);border-color:transparent}
.pill.bad,.pill.hot{background:var(--bad-soft);color:var(--bad);border-color:transparent}
.pill.info{background:var(--info-soft);color:var(--info);border-color:transparent}
.pill.acc{background:var(--accent-soft);color:var(--accent);border-color:transparent}
.lv{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:6px;font-weight:700;font-size:12.5px}
.lv.A{background:var(--bad-soft);color:var(--bad)} .lv.B{background:var(--warn-soft);color:var(--warn)}
.lv.C{background:var(--info-soft);color:var(--info)} .lv.D{background:var(--bg);color:var(--muted)}
.stars{color:#e0a800;letter-spacing:1px;white-space:nowrap}

/* progress */
.bar{height:8px;background:var(--bg);border-radius:99px;overflow:hidden;border:1px solid var(--line);min-width:60px}
.bar>i{display:block;height:100%;background:var(--ok);border-radius:99px}
.bar.mid>i{background:var(--warn)} .bar.low>i{background:var(--accent)}

/* flash */
.flash{padding:10px 14px;border-radius:8px;margin-bottom:12px;background:var(--info-soft);color:var(--info)}
.flash.ok{background:var(--ok-soft);color:var(--ok)} .flash.error{background:var(--bad-soft);color:var(--bad)}
.flash.warn{background:var(--warn-soft);color:var(--warn)}

/* lists */
.list{list-style:none;margin:0;padding:0}
.list li{padding:9px 0;border-bottom:1px solid var(--line);display:flex;gap:10px;align-items:flex-start}
.list li:last-child{border-bottom:0}
.list .grow{flex:1;min-width:0}
.timeline{list-style:none;padding:0;margin:0}
.timeline li{padding:8px 12px;border-inline-start:2px solid var(--line);margin-inline-start:6px;position:relative}
.timeline li::before{content:"";position:absolute;inset-inline-start:-6px;top:14px;width:10px;height:10px;border-radius:50%;background:var(--brand-2)}
.empty{padding:24px;text-align:center;color:var(--muted)}
dl.kv{display:grid;grid-template-columns:max-content 1fr;gap:6px 14px;margin:0}
dl.kv dt{color:var(--muted);font-size:13px} dl.kv dd{margin:0;min-width:0;overflow-wrap:anywhere}

/* kanban */
.kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);gap:12px;overflow-x:auto;padding-bottom:10px}
.kcol{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px;min-height:200px}
.kcol h3{display:flex;justify-content:space-between;font-size:13.5px}
.kcard{background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:8px 10px;margin-bottom:8px;cursor:grab;font-size:13px}
.kcard.drag{opacity:.4}
.kcol.over{outline:2px dashed var(--brand-2)}

/* tabs */
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:14px;overflow-x:auto}
.tabs a{padding:8px 14px;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap;text-decoration:none}
.tabs a.on{color:var(--ink);border-color:var(--accent);font-weight:600}

/* card scanner */
.scan{border:1px dashed var(--line);border-radius:var(--radius);padding:14px;background:var(--bg)}
.scan .preview{max-width:100%;max-height:220px;border-radius:8px;display:block;margin-top:10px}
#qr-reader{max-width:360px;margin-top:10px}
.bulkbar{position:sticky;bottom:0;background:var(--panel);border-top:1px solid var(--line);padding:10px 14px;display:none;gap:8px;flex-wrap:wrap;align-items:center;z-index:4}
.bulkbar.show{display:flex}
.bulkbar select,.bulkbar input{width:auto}

.login-wrap{min-height:100vh;display:grid;place-items:center;padding:16px;background:#1a2030}
.login-logo{display:block;width:230px;max-width:80%;margin:0 auto 18px;color:#fff}
.login{width:100%;max-width:380px}
.notice-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);display:inline-block}
pre.mail{white-space:pre-wrap;font-family:inherit;margin:0;overflow-wrap:anywhere}
.chip-row{display:flex;gap:6px;flex-wrap:wrap}
.chip-row code{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:1px 6px;font-size:12px;cursor:pointer}

/* ================= البريد ================= */
.mailwrap{display:grid;grid-template-columns:250px minmax(0,1fr);gap:16px;align-items:start}
.mailnav{padding:10px;position:sticky;top:70px}
.mbox{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;color:var(--ink);margin-bottom:4px;border:1px solid transparent}
.mbox .sub{display:block;color:var(--muted);font-size:11.5px;overflow:hidden;text-overflow:ellipsis}
.mbox .grow{min-width:0;flex:1}
.mbox.on{background:var(--info-soft);border-color:color-mix(in srgb,var(--brand-2) 30%,transparent)}
.mbox:hover{text-decoration:none;background:var(--bg)}
.mb-ic{font-size:18px}
.badge{background:var(--accent);color:#fff;border-radius:99px;font-size:11px;padding:0 7px;line-height:18px}
.mfolders{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}
.mfolders a{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;color:var(--ink)}
.mfolders a .badge,.mfolders a .muted{margin-inline-start:auto}
.mfolders a.on{background:var(--bg);font-weight:600}
.mfolders a:hover{text-decoration:none;background:var(--bg)}
.mailsearch{margin-bottom:12px}
.bulkbar{padding:8px 12px;border-bottom:1px solid var(--line);gap:6px;background:var(--bg);border-radius:var(--radius) var(--radius) 0 0}
.maillist .mrow{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line)}
.maillist .mrow:hover{background:var(--bg)}
.maillist .mrow.unread{background:color-mix(in srgb,var(--info-soft) 55%,transparent)}
.maillist .mrow.unread .mfrom,.maillist .mrow.unread .msubj b{font-weight:700}
.maillist .mrow input[type=checkbox]{width:auto}
.mrow .star{background:none;border:0;cursor:pointer;font-size:17px;color:var(--muted);padding:0 2px;line-height:1}
.mrow .star.on{color:#e5a800}
.mlink{display:grid;grid-template-columns:190px minmax(0,1fr) auto;gap:10px;align-items:center;flex:1;min-width:0;color:var(--ink)}
.mlink:hover{text-decoration:none}
.mfrom{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.msubj{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.msubj b{font-weight:500}
.mmeta{display:flex;gap:6px;align-items:center;white-space:nowrap}
@media (max-width:900px){
  .mailwrap{grid-template-columns:1fr}
  .mailnav{position:static}
  .mlink{grid-template-columns:1fr;gap:2px}
  .mmeta{justify-content:flex-start}
}
/* compose */
.mhead{display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px 10px;align-items:center;margin-bottom:12px}
.mhead label{margin:0}
.mhead [hidden]{display:none}
@media (max-width:600px){.mhead{grid-template-columns:1fr}}
.rte{border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.rte-bar{display:flex;flex-wrap:wrap;gap:2px;padding:6px;border-bottom:1px solid var(--line);background:var(--bg);border-radius:10px 10px 0 0;position:sticky;top:58px;z-index:3}
.rte-btn{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 6px;border:1px solid transparent;background:none;border-radius:6px;cursor:pointer;color:var(--ink);font:inherit;font-size:13.5px;margin:0}
.rte-btn:hover,.rte-btn.on{background:var(--panel);border-color:var(--line)}
.rte-color{position:relative;overflow:hidden}
.rte-color span{font-weight:700;padding:0 3px;border-bottom:3px solid currentColor}
.rte-color input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;padding:0;border:0}
.rte-sel{width:auto;height:30px;padding:2px 6px;font-size:13px}
.rte-sep{width:1px;background:var(--line);margin:4px 3px}
.rte-area{min-height:320px;max-height:70vh;overflow:auto;padding:14px 16px;outline:none;line-height:1.7;font-family:Tahoma,Arial,sans-serif;font-size:14px;color:var(--ink)}
.small-rte .rte-area{min-height:120px}
.rte-area blockquote{margin:6px 0;border-inline-start:3px solid var(--line);padding-inline-start:10px;color:var(--muted)}
.rte-area img{max-width:100%}
.rte-area table td{border:1px solid var(--line)}
.rte-src{min-height:320px;border:0;border-radius:0 0 10px 10px;font-family:Consolas,monospace;font-size:12.5px}
.dropzone{margin-top:12px;border:2px dashed var(--line);border-radius:10px;padding:12px;text-align:center;color:var(--muted)}
.dropzone.over{border-color:var(--brand-2);background:var(--info-soft)}
.dropzone.warn{border-color:var(--warn)}
.dropzone input[type=file]{position:absolute;width:1px;height:1px;opacity:0}
.dz-label{display:inline;cursor:pointer;color:var(--muted);font-size:14px}
#attlist{justify-content:center}
#attlist .pill{display:inline-flex;gap:6px;align-items:center}
.pill .x{background:none;border:0;cursor:pointer;color:var(--muted);padding:0}
.sendbar{margin-top:14px;align-items:flex-start}
.sched summary{list-style:none}
.sched summary::-webkit-details-marker{display:none}
/* message view */
.mailhdr{border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:12px;display:grid;gap:3px}
.mailframe{width:100%;border:0;min-height:120px;background:#fff;border-radius:8px}
.attgrid{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;border-top:1px solid var(--line);padding-top:12px}
.att{display:flex;flex-direction:column;align-items:center;gap:4px;width:130px;padding:8px;border:1px solid var(--line);border-radius:10px;color:var(--ink);text-align:center;word-break:break-all}
.att:hover{text-decoration:none;border-color:var(--brand-2)}
.att img{width:100%;height:80px;object-fit:cover;border-radius:6px}
.att-ic{font-size:38px;line-height:80px}
@media print{.side,.top,.actions,.brandbar,.g-side>div:last-child{display:none!important}.g-side{grid-template-columns:1fr!important}}

/* ================= الصلاحيات والمتابعة ================= */
.perms{margin-top:6px}
.perms summary{cursor:pointer;color:var(--brand-2)}
.perm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:4px 12px;margin:8px 0}
.perm-grid .check{display:flex;gap:6px;align-items:center;font-size:12.5px;color:var(--ink);margin:0}
.perm-grid input{width:auto}
td.late{color:var(--bad);font-weight:700}
tr.on td{background:var(--info-soft)}
.fu-bar{padding:10px 16px;border-top:1px solid var(--line);background:var(--bg);gap:8px;border-radius:0 0 var(--radius) var(--radius)}

/* ================= جرس التنبيهات ================= */
.bell{position:relative}
.bell>summary{list-style:none;position:relative;font-size:16px}
.bell>summary::-webkit-details-marker{display:none}
.bell-n{position:absolute;top:-6px;inset-inline-end:-6px;background:var(--accent);color:#fff;border-radius:99px;font-size:10.5px;line-height:17px;min-width:17px;padding:0 4px;text-align:center;font-weight:700}
.bell-pop{position:absolute;top:calc(100% + 8px);inset-inline-end:0;width:min(360px,92vw);padding:0;z-index:30;max-height:70vh;overflow:auto;margin:0}
.bell-hd{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--panel)}
.bell-item{display:grid;gap:2px;padding:9px 14px;border-bottom:1px solid var(--line);color:var(--ink)}
.bell-item:hover{background:var(--bg);text-decoration:none}
.bell-item.unread{background:color-mix(in srgb,var(--info-soft) 60%,transparent)}
.bell-item.unread .bell-t{font-weight:700}
.bell-t{font-size:13.5px}
.bell-b{font-size:12px;color:var(--muted)}
.bell-d{font-size:11px;color:var(--muted)}
.bell-all{display:block;text-align:center;padding:9px;font-size:13px}

/* ================= نسبة الإنجاز بالألوان ================= */
:root{--p0:#cc4629;--p1:#6b6ea0;--p2:#1f3f7a;--p3:#e0a800;--p4:#21a04a}
.bar.p0>i{background:var(--p0)} .bar.p1>i{background:var(--p1)} .bar.p2>i{background:var(--p2)}
.bar.p3>i{background:var(--p3)} .bar.p4>i{background:var(--p4)}
.prog{display:inline-flex;align-items:center;gap:6px;min-width:120px}
.prog .bar{flex:1;min-width:60px}
.prog b{font-size:12.5px;min-width:34px}
.plv{display:inline-block;border-radius:99px;padding:0 8px;font-size:11.5px;color:#fff;white-space:nowrap}
.plv.p0{background:var(--p0)} .plv.p1{background:var(--p1)} .plv.p2{background:var(--p2)}
.plv.p3{background:var(--p3);color:#1b2236} .plv.p4{background:var(--p4)}
.plegend{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
input[type=range].p0{accent-color:var(--p0)} input[type=range].p1{accent-color:var(--p1)} input[type=range].p2{accent-color:var(--p2)}
input[type=range].p3{accent-color:var(--p3)} input[type=range].p4{accent-color:var(--p4)}
.people{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.person{display:inline-flex;align-items:center;gap:6px;background:var(--bg);border:1px solid var(--line);border-radius:99px;padding:3px 12px 3px 4px;font-size:13px}
.person i{font-style:normal;display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--brand-2);color:#fff;font-size:12px}
.person.creator i{background:var(--sf-purple)}
.person small{color:var(--muted)}
.with-add{display:flex;gap:6px}
.with-add select{flex:1;min-width:0}
.with-add .btn{padding:0 10px;font-size:18px;line-height:1}
.pick-filter{margin-bottom:4px;font-size:12.5px;padding:5px 8px}
dialog.qc{border:1px solid var(--line);border-radius:14px;padding:0;width:min(520px,94vw);background:var(--panel);color:var(--ink)}
dialog.qc::backdrop{background:rgba(10,15,30,.45)}
dialog.qc form{padding:18px}
dialog.qc h2{margin-top:0}
.upd-list li{display:grid;gap:3px}
.upd-list .arrow{color:var(--muted)}

/* ================= شريط البحث بوضع الذكاء الاصطناعي ================= */
.aisearch{position:relative;display:flex;align-items:center;flex:1;max-width:560px}
.aisearch input[name=q]{padding-inline-start:34px;padding-inline-end:150px;border-radius:99px;height:38px;
  border:1.5px solid transparent;background:linear-gradient(var(--panel),var(--panel)) padding-box,
  linear-gradient(90deg,#21a04a,#f4c320,#205c93,#6b6ea0,#cc4629) border-box}
.aisearch input[name=q]:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--sf-purple) 22%,transparent)}
.aisearch .ai-ic{position:absolute;inset-inline-start:12px;font-size:15px;pointer-events:none}
.ai-mode{position:absolute;inset-inline-end:5px;height:28px;border-radius:99px;border:0;padding:0 12px;font:inherit;font-size:12px;
  font-weight:600;cursor:pointer;background:var(--bg);color:var(--muted);white-space:nowrap;direction:ltr}
.ai-mode.on{background:linear-gradient(90deg,#205c93,#6b6ea0);color:#fff}
.ai-mode:disabled{opacity:.55;cursor:not-allowed}

/* شريط التحميل أعلى الصفحة */
/* يبدأ بالأحمر من بداية الصفحة وينتهي بالأخضر — الألوان ثابتة على عرض الشاشة فتنكشف تدريجياً مع التقدم */
#sf-loadbar{position:fixed;top:0;inset-inline-start:0;height:3px;width:0;z-index:100;opacity:0;transition:none;
  background:linear-gradient(90deg,#cc4629,#6b6ea0,#205c93,#f4c320,#21a04a) left/100vw 100% no-repeat;box-shadow:0 0 8px rgba(32,92,147,.35)}
[dir=rtl] #sf-loadbar{background:linear-gradient(270deg,#cc4629,#6b6ea0,#205c93,#f4c320,#21a04a) right/100vw 100% no-repeat}
#sf-loadbar.go{opacity:1;width:85%;transition:width 2.5s cubic-bezier(.1,.7,.2,1)}
#sf-loadbar.done{opacity:0;width:100%;transition:width .25s ease-out,opacity .25s ease .2s}

/* ================= حقل اختيار بمحرك بحث ================= */
.combo{position:relative;flex:1;min-width:0}
.combo-in{padding-inline-end:30px}
.combo-x{position:absolute;inset-inline-end:6px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--muted);cursor:pointer;font-size:13px;padding:2px 4px}
.combo-list{position:absolute;top:calc(100% + 4px);inset-inline:0;z-index:40;background:var(--panel);border:1px solid var(--line);border-radius:10px;
  box-shadow:0 8px 24px rgba(20,30,60,.14);max-height:280px;overflow:auto}
.combo-opt{padding:7px 12px;cursor:pointer;border-bottom:1px solid var(--line);font-size:13.5px}
.combo-opt .alt{color:var(--muted);font-weight:400}
.combo-opt small{display:block;color:var(--muted);font-size:11.5px}
.combo-opt.on,.combo-opt:hover{background:var(--info-soft)}
.combo-empty{padding:9px 12px;color:var(--muted);font-size:13px}
.combo-add{padding:9px 12px;color:var(--brand-2);font-weight:600;cursor:pointer;font-size:13px;background:var(--bg);position:sticky;bottom:0}
.combo-add:hover{background:var(--info-soft)}
.tbd{display:inline-flex;gap:6px;align-items:center;font-size:12.5px;color:var(--muted);margin-top:4px}
.tbd input{width:auto}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.seg label{margin:0;padding:6px 12px;cursor:pointer;font-size:13px;color:var(--ink);display:flex;gap:4px;align-items:center}
.seg input{display:none}
.seg label:has(input:checked){background:var(--brand-2);color:#fff}
dialog.qc{max-height:92vh}
dialog.qc form{max-height:88vh;overflow:auto}

/* ================= لوحة المهام (Trello) ================= */
.board-filters{align-items:center}
.board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(272px,300px);gap:12px;overflow-x:auto;padding:4px 2px 16px;align-items:start;
  scroll-snap-type:x proximity}
.bcol{background:color-mix(in srgb,var(--line) 55%,var(--bg));border-radius:12px;padding:8px;display:flex;flex-direction:column;
  max-height:calc(100vh - 230px);scroll-snap-align:start;border-top:4px solid var(--line)}
.bcol.p0{border-top-color:var(--p0)} .bcol.p1{border-top-color:var(--p1)} .bcol.p2{border-top-color:var(--p2)}
.bcol.p3{border-top-color:var(--p3)} .bcol.p4{border-top-color:var(--p4)}
.bcol-hd{display:flex;justify-content:space-between;align-items:center;padding:4px 6px 8px;font-weight:700;font-size:14px}
.bcol-t{display:flex;align-items:center;gap:6px}
.bcol-n{background:var(--panel);border-radius:99px;padding:0 9px;font-size:12px;color:var(--muted);font-weight:600}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%}
.dot.p0{background:var(--p0)} .dot.p1{background:var(--p1)} .dot.p2{background:var(--p2)} .dot.p3{background:var(--p3)} .dot.p4{background:var(--p4)}
.bcol-body{flex:1;overflow-y:auto;min-height:60px;padding:2px;border-radius:8px}
.bcol-body.over{background:color-mix(in srgb,var(--brand-2) 10%,transparent);outline:2px dashed var(--brand-2)}
.bcard{position:relative;background:var(--panel);border-radius:10px;padding:10px 12px 9px;margin-bottom:8px;
  box-shadow:0 1px 0 rgba(20,30,60,.12),0 1px 3px rgba(20,30,60,.08);cursor:grab;overflow:hidden;display:grid;gap:6px}
.bcard:hover{box-shadow:0 2px 8px rgba(20,30,60,.16)}
.bcard.locked{cursor:default}
.bcard.drag{opacity:.35;transform:rotate(1.5deg)}
.bcard.saving{opacity:.6}
.bcard[hidden]{display:none}
.bcard-bar{position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:var(--line)}
.bcard.p0 .bcard-bar{background:var(--p0)} .bcard.p1 .bcard-bar{background:var(--p1)} .bcard.p2 .bcard-bar{background:var(--p2)}
.bcard.p3 .bcard-bar{background:var(--p3)} .bcard.p4 .bcard-bar{background:var(--p4)}
.bcard.late{box-shadow:0 0 0 1.5px var(--bad) inset,0 1px 3px rgba(20,30,60,.08)}
.bcard-top{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.bmove{margin-inline-start:auto;width:34px;max-width:34px;padding:0 4px;height:24px;font-size:12px;border-radius:6px;background:var(--bg);color:var(--muted);appearance:none;-webkit-appearance:none;text-align:center;cursor:pointer}
.bcard-title{font-weight:600;color:var(--ink);font-size:14px;line-height:1.45}
.bcard-title:hover{color:var(--brand-2);text-decoration:none}
.bcard-links{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12px;color:var(--muted)}
.bcard .bar{height:6px;min-width:0}
.bcard-foot{display:flex;justify-content:space-between;align-items:center}
.avs{display:flex}
.av{font-style:normal;display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--brand-2);color:#fff;
  font-size:11.5px;border:2px solid var(--panel);margin-inline-start:-6px}
.av:first-child{margin-inline-start:0}
.av.creator{background:var(--sf-purple)}
.bmeta{display:flex;gap:8px;font-size:12px;color:var(--muted);align-items:center}
.due.late{color:#fff;background:var(--bad);border-radius:6px;padding:0 5px}
.badd input{background:transparent;border:1px dashed transparent;margin-top:6px;font-size:13px}
.badd input:hover{background:var(--panel)}
.badd input:focus{background:var(--panel);border-color:var(--brand-2)}
@media (max-width:760px){.board{grid-auto-columns:86vw}.bcol{max-height:none}}

/* ================= لوحة العملاء / مسار المبيعات ================= */
:root{--s0:#9aa3b5;--s1:#6b6ea0;--s2:#205c93;--s3:#0f7d8c;--s4:#e0a800;--s5:#e07a1f;--s6:#21a04a;--s7:#cc4629}
.bcol.st{border-top-color:var(--line)}
.bcol.st.s0{border-top-color:var(--s0)} .bcol.st.s1{border-top-color:var(--s1)} .bcol.st.s2{border-top-color:var(--s2)} .bcol.st.s3{border-top-color:var(--s3)}
.bcol.st.s4{border-top-color:var(--s4)} .bcol.st.s5{border-top-color:var(--s5)} .bcol.st.s6{border-top-color:var(--s6)} .bcol.st.s7{border-top-color:var(--s7)}
.bcol.lv-A{border-top-color:var(--bad)} .bcol.lv-B{border-top-color:var(--warn)} .bcol.lv-C{border-top-color:var(--info)} .bcol.lv-D{border-top-color:var(--muted)}
.ccard.s0 .bcard-bar{background:var(--s0)} .ccard.s1 .bcard-bar{background:var(--s1)} .ccard.s2 .bcard-bar{background:var(--s2)} .ccard.s3 .bcard-bar{background:var(--s3)}
.ccard.s4 .bcard-bar{background:var(--s4)} .ccard.s5 .bcard-bar{background:var(--s5)} .ccard.s6 .bcard-bar{background:var(--s6)} .ccard.s7 .bcard-bar{background:var(--s7)}
.ccard .lv{width:22px;height:22px;font-size:12px}
.alt-name{font-size:12px;color:var(--muted);margin-top:-4px}
.dots{display:inline-flex;gap:2px}
.dots i{width:6px;height:6px;border-radius:50%;background:var(--line)}
.dots i.on{background:var(--sf-yellow)}
.bmeta a{text-decoration:none}
.bmore{display:block;text-align:center;font-size:12.5px;padding:6px;border-radius:8px;background:var(--panel);margin-bottom:6px}

/* ================= لوحة الموردين ================= */
:root{--u0:#e0a800;--u1:#21a04a;--u2:#205c93;--u3:#cc4629}
.bcol.us.u0{border-top-color:var(--u0)} .bcol.us.u1{border-top-color:var(--u1)} .bcol.us.u2{border-top-color:var(--u2)} .bcol.us.u3{border-top-color:var(--u3)}
.bcol.fu-late{border-top-color:var(--bad)} .bcol.fu-today{border-top-color:var(--warn)} .bcol.fu-week{border-top-color:var(--brand-2)}
.bcol.fu-later{border-top-color:var(--sf-purple)} .bcol.fu-none{border-top-color:var(--muted)}
.scard.u0 .bcard-bar{background:var(--u0)} .scard.u1 .bcard-bar{background:var(--u1)} .scard.u2 .bcard-bar{background:var(--u2)} .scard.u3 .bcard-bar{background:var(--u3)}
.scard .stars{color:#e5a800}
.caps{display:flex;gap:4px;flex-wrap:wrap}
.caps span{font-size:11px;background:var(--ok-soft);color:var(--ok);border-radius:99px;padding:0 7px}

.only-m{display:none!important}
@media (max-width:900px){.only-m{display:inline-flex!important}}
.topfield{font-size:14px}

/* ================= لوحة المشاريع ================= */
:root{--q0:#6b6ea0;--q1:#205c93;--q2:#e0a800;--q3:#21a04a;--q4:#9aa3b5}
.bcol.ps.q0{border-top-color:var(--q0)} .bcol.ps.q1{border-top-color:var(--q1)} .bcol.ps.q2{border-top-color:var(--q2)}
.bcol.ps.q3{border-top-color:var(--q3)} .bcol.ps.q4{border-top-color:var(--q4)}
.pcard .bcard-links{gap:3px 10px}

/* ================= لوحة طلبات الأسعار ================= */
:root{--k0:#9aa3b5;--k1:#205c93;--k2:#e07a1f;--k3:#21a04a;--k4:#cc4629}
.bcol.kq.k0{border-top-color:var(--k0)} .bcol.kq.k1{border-top-color:var(--k1)} .bcol.kq.k2{border-top-color:var(--k2)}
.bcol.kq.k3{border-top-color:var(--k3)} .bcol.kq.k4{border-top-color:var(--k4)}
.qcard.k0 .bcard-bar,.rcard.k0 .bcard-bar{background:var(--k0)} .qcard.k1 .bcard-bar,.rcard.k1 .bcard-bar{background:var(--k1)}
.qcard.k2 .bcard-bar,.rcard.k2 .bcard-bar{background:var(--k2)} .qcard.k3 .bcard-bar,.rcard.k3 .bcard-bar{background:var(--k3)}
.qcard.k4 .bcard-bar,.rcard.k4 .bcard-bar{background:var(--k4)}
.qamount{font-size:14px}
.qamount b{font-size:16px;color:var(--ink)}
.qcard .stars{color:#e5a800}
.qprog{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}
.qprog .bar{height:6px;min-width:0}

/* ================= لوحة عروض الأسعار والفواتير ================= */
:root{--d0:#9aa3b5;--d1:#205c93;--d2:#e0a800;--d3:#21a04a;--d4:#cc4629;--d5:#6b7488;--d6:#e07a1f}
.bcol.dk.d0{border-top-color:var(--d0)} .bcol.dk.d1{border-top-color:var(--d1)} .bcol.dk.d2{border-top-color:var(--d2)} .bcol.dk.d3{border-top-color:var(--d3)}
.bcol.dk.d4{border-top-color:var(--d4)} .bcol.dk.d5{border-top-color:var(--d5)} .bcol.dk.d6{border-top-color:var(--d6)}
.dcard.d0 .bcard-bar{background:var(--d0)} .dcard.d1 .bcard-bar{background:var(--d1)} .dcard.d2 .bcard-bar{background:var(--d2)} .dcard.d3 .bcard-bar{background:var(--d3)}
.dcard.d4 .bcard-bar{background:var(--d4)} .dcard.d5 .bcard-bar{background:var(--d5)} .dcard.d6 .bcard-bar{background:var(--d6)}
.bcol-sum{font-size:12px;color:var(--muted);padding:0 6px 8px;margin-top:-4px}
.docno{color:var(--muted);direction:ltr}
.dcard .bar{height:6px;min-width:0}
.linkbtn{background:none;border:0;padding:0;cursor:pointer;font:inherit;color:var(--brand-2)}

/* ================= روابط التواصل ================= */
.clinks{display:flex;flex-direction:column;gap:3px;font-size:13px}
.clinks a{text-decoration:none}
.cl-wa{color:#128c4b;font-weight:600}
.cl-wa:hover{text-decoration:underline}
.cl-ic{font-size:13px;margin-inline-start:4px;opacity:.75}
.cl-mail{color:var(--brand-2);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;max-width:260px;display:inline-block;white-space:nowrap}
.cl-soc{display:flex;gap:6px;font-size:16px}
.cl-soc a:hover{transform:scale(1.15)}
.rowacts .btn{padding:3px 7px}
.scanwrap summary{cursor:pointer;color:var(--brand-2);font-weight:600;padding:8px 0}

.pcard2 .pacts{margin-top:10px;gap:6px}
.pcard2 .clinks{font-size:12.5px}

/* ================= أيقونات العلامات ================= */
.si{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;flex:none;vertical-align:middle;background:#6b7488}
.si svg{width:18px;height:18px;display:block}
.si-instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)}
.si-tiktok{background:#010101;box-shadow:inset -1.5px -1.5px 0 #ff0050,inset 1.5px 1.5px 0 #00f2ea}
.si-snapchat{background:#FFFC00}
.si-x{background:#000}
.si-linkedin{background:#0A66C2}
.si-facebook{background:#1877F2}
.si-youtube{background:#FF0000}
.si-whatsapp{background:#25D366}
.si-telegram{background:#26A5E4}
.si-behance{background:#1769FF}
.si-pinterest{background:#E60023}
.si-maps{background:#34A853}
.si-haraj{background:#0f8a5f}
.si-web{background:#205c93}
.si-email{background:#EA4335}
.si-phone{background:#6b7488}
.si-link{background:#8a93a3}
.cl-row{display:inline-flex;align-items:center;gap:6px}
.cl-wa,.cl-mail{display:inline-flex;align-items:center;gap:6px}
.cl-wa .si,.cl-mail .si,.cl-ic .si{width:20px;height:20px;border-radius:50%}
.cl-wa .si svg,.cl-mail .si svg,.cl-ic .si svg{width:15px;height:15px}
.cl-ic{margin:0;opacity:1}
.cl-soc{display:flex;gap:5px;flex-wrap:wrap}
.cl-soc a{display:inline-flex;transition:transform .12s}
.cl-soc a:hover{transform:translateY(-1px) scale(1.1)}
.bmeta .si,.acts .si{width:20px;height:20px;border-radius:50%}
.bmeta .si svg,.acts .si svg{width:14px;height:14px}

/* ================= شريط المشروع ================= */
.phub{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px 10px;margin-bottom:16px;box-shadow:var(--shadow)}
.phub-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.phub-title h1{margin:0 0 6px}
.phub-prog{min-width:240px;font-size:15px}
.phub-people{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 4px}
.pchip{display:flex;flex-direction:column;gap:3px;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:8px 12px;min-width:170px}
.pchip small{color:var(--muted);font-size:11.5px}
.pchip a{color:var(--ink)}
.phub-tabs{position:sticky;top:57px;z-index:4;display:flex;gap:4px;overflow-x:auto;background:var(--panel);margin:10px -16px 0;padding:6px 12px;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);scrollbar-width:thin}
.phub-tabs a{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:6px 10px;border-radius:8px;color:var(--ink);font-size:13.5px;text-decoration:none}
.phub-tabs a:hover{background:var(--bg)}
.phub-tabs a b{background:var(--bg);border-radius:99px;padding:0 7px;font-size:12px}
.phub-money{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-top:10px}
.phub-money>div{background:var(--bg);border-radius:10px;padding:8px 10px}
.phub-money small{display:block;color:var(--muted);font-size:11.5px}
.phub-money b{font-size:15.5px}
.phub-money b.bad{color:var(--bad)} .phub-money b.good{color:var(--ok)}
.phub-money .phub-cbar{grid-column:1/-1;display:flex;align-items:center;gap:10px;background:none;padding:0 2px}
.phub-cbar .bar{flex:1;height:8px}
.phub-acts{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
[id^="sec-"]{scroll-margin-top:120px}

/* ================= منع التمرير الأفقي على الجوال ================= */
.grid>*,.g-side>*,.g2>*,.g3>*,.g4>*{min-width:0}
.top{min-width:0}
@media (max-width:600px){.hide-s{display:none!important}.top{gap:6px;padding:8px 10px}.top .btn.s{padding:5px 8px}}
@media (max-width:900px){html,body{overflow-x:clip}}

/* ================= شريط العميل ================= */
.stepper{display:flex;gap:4px;overflow-x:auto;margin:12px 0 4px;padding-bottom:2px}
.step{flex:1;min-width:92px;display:flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--bg);color:var(--muted);
  border-radius:10px;padding:7px 9px;font:inherit;font-size:12.5px;cursor:pointer;white-space:nowrap;position:relative}
.step i{font-style:normal;display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--line);color:var(--ink);font-size:11px;font-weight:700;flex:none}
.step.done{background:color-mix(in srgb,var(--ok-soft) 70%,var(--panel));color:var(--ok);border-color:transparent}
.step.done i{background:var(--ok);color:#fff}
.step.cur{background:var(--brand-2);color:#fff;border-color:var(--brand-2);font-weight:700}
.step.cur i{background:#fff;color:var(--brand-2)}
.step.lose{flex:0 0 auto;min-width:0}
.step.lose.cur{background:var(--bad);border-color:var(--bad)}
.step.lose.cur i{color:var(--bad)}
.step:disabled{cursor:default}
.step:not(:disabled):not(.cur):hover{border-color:var(--brand-2);color:var(--brand-2)}
.stepper.lost .step:not(.lose){opacity:.55}
.chub .pchip{min-width:190px;max-width:280px}
.bad-t{color:var(--bad);font-weight:600}
.late-chip{border-color:var(--bad)!important;background:var(--bad-soft)!important}
.fu-quick{display:flex;gap:4px;margin-top:4px;align-items:center}
.fu-quick button{border:1px solid var(--line);background:var(--panel);border-radius:6px;padding:2px 8px;font:inherit;font-size:12px;cursor:pointer;color:var(--ink)}
.fu-quick button:hover{border-color:var(--brand-2);color:var(--brand-2)}
.fu-quick input{width:34px;padding:2px;height:24px;font-size:0;cursor:pointer}

/* ================= شريط المورد ================= */
.srate{text-align:end}
.big-stars{font-size:20px;color:#e5a800}
.big-stars b{color:var(--ink);font-size:18px;margin-inline-start:4px}
.perf>div{display:flex;flex-direction:column;gap:1px}

.seg2{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.seg2 label{flex:1;margin:0;text-align:center;padding:8px 4px;cursor:pointer;font-weight:600;color:var(--ink)}
.seg2 input{display:none}.seg2 label:has(input:checked){background:var(--brand-2);color:#fff}

/* قمع المبيعات في المعرض */
.evfunnel{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.evfunnel>div{display:flex;flex-direction:column;align-items:center;padding:8px 2px;border-radius:10px;background:var(--bg);border:1px solid var(--line)}
.evfunnel b{font-size:20px}.evfunnel small{font-size:11px;color:var(--muted);text-align:center}
.evfunnel .good{border-color:var(--ok);background:var(--ok-soft)}

/* أزرار المشاريع (إسناد / فتح / ربط) — واضحة بنص وليس أيقونة فقط */
.btn.act-proj{border-color:var(--brand-2);color:var(--brand-2);background:color-mix(in srgb,var(--brand-2) 8%,var(--panel));white-space:nowrap;font-weight:600}
.btn.act-proj:hover{background:var(--brand-2);color:#fff}

/* طلب تسعير: قنوات الإرسال لكل مورد */
.sup-row{display:flex;gap:8px;align-items:flex-start;padding:7px 4px;border-bottom:1px solid var(--line)}
.sup-row.picked{background:color-mix(in srgb,var(--info-soft) 45%,transparent)}
.sup-row.nochan{background:var(--bad-soft)}
.chans{display:flex;gap:4px;flex-shrink:0}
.chan{margin:0;display:flex;align-items:center;gap:2px;padding:3px 5px;border:1px solid var(--line);border-radius:8px;cursor:pointer;opacity:.45}
.chan:has(input:checked){opacity:1;border-color:var(--brand-2);background:var(--panel)}
.chan input{display:none}.chan.off{opacity:.15;cursor:not-allowed}
.rfq-sum{margin-top:10px;font-size:13px}
.wa-send{display:flex;flex-wrap:wrap;gap:6px}
.wa-go{border-color:#25d366}.btn.done{opacity:.6}

/* المعارض: بطاقات بدل الجدول العريض */
.evgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px}
.evcard{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px;min-width:0}
.evcard.past{opacity:.65}
.evcard[hidden]{display:none}
.evcard.focus{border-width:2px;border-style:solid;box-shadow:0 2px 10px color-mix(in srgb,var(--tc) 22%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--tc) 12%,transparent),var(--panel) 70%);border-color:var(--tc)}
.evcard.t120,.tier-pill.t120{--tc:#e8930c}.evcard.t90,.tier-pill.t90{--tc:#1f8a70}.evcard.t60,.tier-pill.t60{--tc:#7b4bc4}
.tier-pill{background:var(--tc);color:#fff;border-color:transparent;font-weight:600}
.evc-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.evc-name{font-weight:700;font-size:15.5px;color:var(--ink);text-decoration:none}.evc-name:hover{color:var(--brand-2)}
.evc-alt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.evc-meta{display:flex;flex-wrap:wrap;gap:4px 12px;color:var(--muted)}
.evc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.evc-stats>*{display:flex;flex-direction:column;align-items:center;padding:6px 2px;border-radius:10px;background:var(--bg);border:1px solid var(--line);color:var(--ink);text-decoration:none;min-width:0}
.evc-stats b{font-size:17px}.evc-stats small{font-size:11px;color:var(--muted);text-align:center}
.evc-stats .good{border-color:var(--ok);background:var(--ok-soft)}
.evc-cov{display:flex;flex-direction:column;gap:3px}
.evc-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:6px;border-top:1px solid var(--line)}
.evc-org{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
@media (max-width:600px){.evgrid{grid-template-columns:1fr}}

/* الموردون: عناوين الأقسام */
.supsec{display:flex;justify-content:space-between;align-items:baseline;margin:18px 2px 8px;gap:8px}
.supsec h2{margin:0;font-size:17px}
.supc-contact{min-height:24px}
/* جداول تتحول لبطاقات على الجوال */
.rtable .rowacts .btn{white-space:nowrap}
@media (max-width:700px){
  .rtable,.rtable tbody{display:block}
  .rtable tr:first-child{display:none}
  .rtable tr{display:grid;grid-template-columns:auto 1fr auto;gap:4px 10px;padding:10px 12px;border-bottom:1px solid var(--line)}
  .rtable td{display:block;border:0;padding:0}
  .rtable td.rt-main{grid-column:2 / 4}
  .rtable td.rowacts{grid-column:1 / -1}
  .rtable td.rowacts .row{justify-content:flex-start!important}
  .rtable td.empty{grid-column:1 / -1}
}

/* طلب العميل داخل المنصة: مساحة العميل */
.steps-mini{display:flex;flex-wrap:wrap;gap:6px}
.steps-mini span{font-size:12.5px;padding:4px 10px;border-radius:99px;border:1px solid var(--line);color:var(--muted)}
.steps-mini span.done{background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}
.steps-mini span.cur{background:var(--brand-2);border-color:var(--brand-2);color:#fff;font-weight:700}
.chatt{display:flex;flex-direction:column;gap:8px;max-height:380px;overflow-y:auto;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
.chatt .bub{max-width:85%;padding:8px 11px;border-radius:12px;background:var(--panel);border:1px solid var(--line);word-break:break-word;font-size:14px}
.chatt .bub .tx{white-space:pre-wrap}
.chatt .bub.team{align-self:flex-end;background:var(--info-soft)}.chatt .bub.client{align-self:flex-start}
.chatt .who{font-size:11px;color:var(--muted);white-space:normal}
.dgrid-s{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}
.dcard-s{border:1px solid var(--line);border-radius:12px;padding:6px;display:flex;flex-direction:column;gap:4px;background:var(--panel)}
.dcard-s img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;display:block}
.dcard-s .fileph,.dcard .fileph{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;font-size:34px;background:var(--bg);border-radius:8px;text-decoration:none}
.dcard-s.approved{border-color:var(--ok)}.dcard-s.changes{border-color:var(--warn)}
.flist-s{display:grid;gap:5px}.flist-s a{padding:6px 10px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--ink);background:var(--panel);font-size:13.5px}

/* المشاريع: بطاقات حسب التوقيت */
.prj.bad-b{border-color:var(--bad)}
.evc-stats .badc{border-color:var(--bad);background:var(--bad-soft)}
.doneprj>summary{list-style:none}.doneprj>summary::-webkit-details-marker{display:none}

.phpick{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px}
.phpick label{margin:0;position:relative;cursor:pointer;border:2px solid transparent;border-radius:10px;overflow:hidden}
.phpick label:has(input:checked){border-color:var(--ok)}.phpick label.issue{outline:2px dashed var(--bad)}
.phpick input{position:absolute;top:6px;inset-inline-start:6px;width:18px;height:18px;z-index:1}
.phpick img{width:100%;aspect-ratio:1;object-fit:cover;display:block}

/* مستوى الفرصة: شارة واضحة */
.lvb{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:99px;font-size:12px;font-weight:700;white-space:nowrap;cursor:help}
.lvb.A{background:var(--bad-soft);color:var(--bad)}.lvb.B{background:var(--warn-soft);color:var(--warn)}
.lvb.C{background:var(--info-soft);color:var(--info)}.lvb.D{background:var(--bg);color:var(--muted)}
.lvb.short{padding:1px 5px;font-size:13px}
/* أرقام سريعة قابلة للضغط */
.kchips{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-bottom:12px}
.kc{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;background:var(--panel);border:1px solid var(--line);color:var(--ink);text-decoration:none}
.kc b{font-size:20px}.kc span{font-size:12.5px;color:var(--muted)}
.kc.hot{border-color:color-mix(in srgb,var(--bad) 45%,var(--line))}.kc.bad{border-color:var(--bad);background:var(--bad-soft)}
.kc.warn{border-color:var(--warn);background:var(--warn-soft)}.kc.good{border-color:var(--ok)}
.kc.on{outline:2px solid var(--brand-2)}
/* مسار المبيعات: يظهر كاملاً */
.board.fit{grid-auto-flow:unset;grid-auto-columns:unset;grid-template-columns:repeat(6,minmax(118px,1fr)) repeat(2,minmax(76px,.5fr));gap:8px;overflow-x:auto}
.board.fit .bcol{padding:6px}
.board.fit .bcard{padding:8px 9px}.board.fit .bcard-title{font-size:13.5px}.board.fit .alt-name{font-size:11.5px}
.board.fit .bcard-links{font-size:11.5px}.board.fit .bcol-hd{font-size:13px}
.board.fit .bcol.narrow .bcard-links,.board.fit .bcol.narrow .alt-name,.board.fit .bcol.narrow .dots,.board.fit .bcol.narrow .bmeta{display:none}
.bcol-kpi{display:flex;gap:8px;flex-wrap:wrap;font-size:11.5px;color:var(--muted);padding:0 6px 6px}
.bmeta .late{color:var(--bad);font-weight:700}
@media (max-width:900px){.board.fit{grid-template-columns:repeat(8,minmax(170px,1fr))}}

.shist{display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center;font-size:12px;color:var(--muted);margin-top:6px}
.shist>span{border:1px solid var(--line);border-radius:99px;padding:2px 9px;background:var(--panel)}
.shist>span b{color:var(--ink);font-weight:600;margin-inline-start:3px}.shist>span.cur{border-color:var(--brand-2);color:var(--brand-2)}
.shist i{font-style:normal;opacity:.5}

/* طلبات العملاء */
.howto{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-bottom:14px}
.howto>div{display:flex;gap:10px;align-items:flex-start;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px}
.howto b{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--brand-2);color:#fff;display:flex;align-items:center;justify-content:center}
.howto span{font-size:12.5px;color:var(--muted);display:flex;flex-direction:column;gap:2px}.howto strong{color:var(--ink);font-size:13.5px}
.chips-f{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.chips-f a{border:1px solid var(--line);border-radius:99px;padding:4px 11px;font-size:12.5px;color:var(--ink);text-decoration:none;background:var(--panel)}
.chips-f a.on{background:var(--brand-2);border-color:var(--brand-2);color:#fff}
.rtypes{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}
.rtypes label{border:1.5px solid var(--line);border-radius:12px;padding:10px 6px;margin:0;color:var(--ink);cursor:pointer;background:var(--panel);font-size:13.5px;display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center;font-weight:600}
.rtypes label b{font-size:24px}.rtypes input{display:none}
.rtypes label:has(input:checked){border-color:var(--brand-2);background:var(--info-soft);color:var(--brand-2)}
.chips-in{display:flex;flex-wrap:wrap;gap:8px}
.chips-in label{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:99px;padding:5px 11px;margin:0;cursor:pointer;background:var(--panel);font-size:13px}
.chips-in input{width:auto;margin:0}.chips-in label:has(input:checked){border-color:var(--brand-2);background:var(--info-soft);color:var(--brand-2)}

/* ================= لوحة التحكم ================= */
.dhead{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.dhead h1{margin:0 0 2px;font-size:24px}
.dsec{font-size:13px;color:var(--muted);font-weight:600;margin:0 2px 8px}
.attn{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:16px}
.at{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--ink);text-decoration:none;transition:transform .12s,border-color .12s}
.at:hover{transform:translateY(-2px);border-color:var(--brand-2)}
.at b{font-size:24px;line-height:1.1}.at span{font-size:12.5px;color:var(--muted)}
.at.bad{background:var(--bad-soft);border-color:color-mix(in srgb,var(--bad) 40%,var(--line))}.at.bad b,.at.bad span{color:var(--bad)}
.at.warn{background:var(--warn-soft);border-color:color-mix(in srgb,var(--warn) 40%,var(--line))}.at.warn b{color:var(--warn)}
.allclear{text-align:center;color:var(--ok);font-weight:600}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.kpi{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border-radius:14px;background:var(--panel);border:1px solid var(--line);color:var(--ink);text-decoration:none;min-width:0}
.kpi small{color:var(--muted);font-size:12.5px}.kpi b{font-size:26px;font-weight:700;line-height:1.15;overflow:hidden;text-overflow:ellipsis}
.kpi span{font-size:12px;color:var(--muted)}.kpi i{font-style:normal;font-weight:700}.kpi i.up{color:var(--ok)}.kpi i.down{color:var(--bad)}
.kpi:hover{border-color:var(--brand-2)}
.dgrid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.dgrid2>.card{margin-bottom:14px}
.dlist{list-style:none;margin:0;padding:0}
.dlist li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.dlist li:last-child{border-bottom:0}
.dlist .grow{flex:1;min-width:0}.dlist .grow a{font-weight:600;color:var(--ink);text-decoration:none}.dlist .grow a:hover{color:var(--brand-2)}
.dlist .dk{font-size:16px}.dlist .due{font-size:12px;white-space:nowrap;font-weight:600}
.warn-t{color:var(--warn)}.good-t{color:var(--ok)}
.ell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.dproj{display:grid;gap:5px;padding:10px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}.dproj:last-child{border-bottom:0}
.dproj.attn b{color:var(--bad)}.dproj:hover b{color:var(--brand-2)}
.dfun{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px;height:170px;align-items:end}
.dfun a{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px;color:var(--ink);text-decoration:none;min-width:0}
.dfun i{display:block;width:100%;border-radius:6px 6px 2px 2px;background:color-mix(in srgb,var(--brand-2) 25%,var(--panel))}
.dfun i.hot{background:var(--brand-2)}.dfun i.won{background:var(--ok)}
.dfun small{font-size:10.5px;color:var(--muted);text-align:center;line-height:1.2;height:26px;overflow:hidden}.dfun b{font-size:13px}
.dfin{display:grid;gap:4px}
.dfin>*{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}
.dfin>*:last-child{border-bottom:0}.dfin span{color:var(--muted)}.dfin b{font-size:18px}
.devs{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.devs a{display:grid;gap:3px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;color:var(--ink);text-decoration:none;min-width:0}
.devs a:hover{border-color:var(--brand-2)}
@media (max-width:900px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dgrid2{grid-template-columns:minmax(0,1fr)}}
@media (max-width:420px){.kpi b{font-size:21px}.attn{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* المهام: أرقام-فلتر + مجموعات + أزرار المراحل */
.tchips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.tchips a{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:99px;border:1px solid var(--line);background:var(--panel);color:var(--ink);text-decoration:none;font-size:13.5px}
.tchips a b{font-size:15px}.tchips a.bad{border-color:var(--bad);color:var(--bad);background:var(--bad-soft)}
.tchips a.warn{border-color:var(--warn);background:var(--warn-soft)}.tchips a.on{outline:2px solid var(--brand-2)}
.tchips a.clear{border-style:dashed;color:var(--muted)}
.tgroup{margin:16px 2px 8px}.tgroup h2{margin:0;font-size:16px}
.ttable td{vertical-align:middle}.ttable tr.tlate td:first-child{border-inline-start:3px solid var(--bad)}
.ttable .tstage{width:360px}
.stagebtns{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.sb{border:1.5px solid var(--line);background:var(--panel);color:var(--ink);border-radius:9px;padding:5px 2px;font:inherit;font-size:10.5px;cursor:pointer;line-height:1.2}
.sb i{display:block;width:9px;height:9px;border-radius:50%;margin:0 auto 2px}
.sb.p0 i{background:var(--p0)}.sb.p1 i{background:var(--p1)}.sb.p2 i{background:var(--p2)}.sb.p3 i{background:var(--p3)}.sb.p4 i{background:var(--p4)}
.sb.on.p0{background:var(--p0);border-color:var(--p0);color:#fff}.sb.on.p1{background:var(--p1);border-color:var(--p1);color:#fff}
.sb.on.p2{background:var(--p2);border-color:var(--p2);color:#fff}.sb.on.p3{background:var(--p3);border-color:var(--p3);color:#1b2236}
.sb.on.p4{background:var(--p4);border-color:var(--p4);color:#fff}.sb.on i{background:#fff}.sb:disabled{opacity:.5}
.sb:hover{border-color:var(--brand-2)}
@media (max-width:700px){.ttable .tstage{width:auto}}

.fu-act{min-width:220px}.fu-act .stagebtns{min-width:300px}

/* طيّ ملخص أعلى الصفحة */
.fold-btn{width:26px;height:26px;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:18px;line-height:1;
  display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;z-index:2}
.fold-btn:hover{color:var(--brand-2);border-color:var(--brand-2)}
.phub[data-fold]{position:relative}
.phub[data-fold]>.fold-btn{position:absolute;top:10px;inset-inline-end:10px}
.phub[data-fold] .phub-top{padding-inline-end:34px}
.phub.folded .shist,.phub.folded .phub-people,.phub.folded .phub-money{display:none}
.foldbox{position:relative;padding-inline-end:34px}
.foldbox>.fold-btn{position:absolute;top:2px;inset-inline-end:0}
.foldbox>.fold-lbl{display:none}
.foldbox.folded{display:block;min-height:28px;padding-top:0;padding-bottom:0;margin-bottom:10px}
.foldbox.folded>*:not(.fold-btn):not(.fold-lbl){display:none}
.foldbox.folded>.fold-lbl{display:block;color:var(--muted);font-size:12.5px;line-height:28px;cursor:pointer}
/* اللوحات بعرض الشاشة بدون تمرير أفقي: حتى 6 أعمدة بجانب بعض، وأكثر تلتف في صفوف */
.board.fitn{grid-auto-flow:row;grid-auto-columns:unset;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:10px;overflow-x:visible}
.board.wrapb{grid-auto-flow:row;grid-auto-columns:unset;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;overflow-x:visible}
.board.fitn .bcol,.board.wrapb .bcol{min-width:0;padding:6px}
.board.fitn .bcard{padding:8px 9px}.board.fitn .bcard-title{font-size:13.5px}.board.fitn .bcard-links{font-size:11.5px}
.board.fitn .bcol-hd,.board.wrapb .bcol-hd{font-size:13px}
.board.wrapb .bcol{max-height:420px}
@media (max-width:760px){.board.fitn{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:86vw;overflow-x:auto}
  .board.wrapb{grid-template-columns:1fr}}

.late-btn b{background:var(--bg);border-radius:99px;padding:0 7px;font-size:12px}
.late-btn.has{border-color:var(--bad);color:var(--bad)}.late-btn.has b{background:var(--bad);color:#fff}
.late-btn.on{background:var(--bad);border-color:var(--bad);color:#fff}.late-btn.on b{background:#fff;color:var(--bad)}

.qr-btn{display:block;width:100%;margin-top:7px;padding:5px 8px;border-radius:8px;border:1px dashed var(--ok);background:color-mix(in srgb,var(--ok) 8%,var(--panel));
  color:var(--ok);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
.qr-btn:hover{background:var(--ok);color:#fff;border-style:solid}

/* أنواع العروض */
.dtypes{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:4px 0 8px}
.dtype{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1.5px solid var(--line);border-radius:12px;background:var(--panel);
  color:var(--ink);font:inherit;font-weight:600;cursor:pointer;text-decoration:none;text-align:start}
.dtype i{font-style:normal;font-size:20px}.dtype:hover{border-color:var(--brand-2)}
.dtype.on{border-color:var(--brand-2);background:color-mix(in srgb,var(--brand-2) 9%,var(--panel));box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-2) 25%,transparent)}
.dtypes.big .dtype{padding:14px}
.payed{display:flex;flex-direction:column;gap:6px}
.prow{display:grid;grid-template-columns:1fr 90px 130px 34px;gap:6px;align-items:center}
.prow .pp{text-align:center}
.dthumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}
.dthumb{display:flex;flex-direction:column;gap:3px;border:1px solid var(--line);border-radius:10px;padding:6px;background:var(--bg)}
.dthumb img{width:100%;height:95px;object-fit:cover;border-radius:6px;background:var(--panel)}
@media (max-width:600px){.prow{grid-template-columns:1fr 70px 34px}.prow .pa{display:none}}

/* مصادر المستحقات */
.srcbar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.srcbar a{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);text-decoration:none}
.srcbar a span{font-size:12px;color:var(--muted)}.srcbar a.on{border-color:var(--brand-2);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-2) 22%,transparent)}
#dlg-award .prow{grid-template-columns:1fr 70px 140px 100px 34px}
@media (max-width:760px){.srcbar{grid-template-columns:1fr}#dlg-award .prow{grid-template-columns:1fr 60px 34px}#dlg-award .prow [type=date],#dlg-award .prow .pa{display:none}}

/* المصروفات والربحية */
.catbars{display:flex;flex-direction:column;gap:6px}
.catbars>div{display:grid;grid-template-columns:minmax(120px,190px) 1fr 110px;gap:10px;align-items:center;font-size:13px}
.catbars i{height:8px;border-radius:99px;background:var(--bg);overflow:hidden}.catbars i b{display:block;height:100%;background:var(--brand-2);border-radius:99px}
.catbars .num{text-align:end}
tr.tfoot td{background:var(--bg);border-top:2px solid var(--line)}
.pl{display:flex;flex-direction:column;gap:4px;max-width:560px}
.pl>div{display:flex;justify-content:space-between;padding:8px 12px;border-radius:10px;background:var(--bg)}
.pl .minus b{color:var(--bad)}.pl .total{font-size:16px;border:2px solid var(--line)}
.pl .total.good{border-color:var(--ok)}.pl .total.good b{color:var(--ok)}.pl .total.bad b{color:var(--bad)}

/* الضريبة والإقرارات */
.vperiods{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-bottom:12px}
.vperiods a{flex:0 0 auto;display:flex;flex-direction:column;gap:2px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);text-decoration:none;font-size:13px}
.vperiods a span{font-size:11.5px;color:var(--muted)}.vperiods a.on{border-color:var(--brand-2);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-2) 22%,transparent)}
.vhead{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.vnet{display:flex;flex-direction:column;align-items:center;padding:10px 22px;border-radius:14px;background:color-mix(in srgb,var(--bad) 8%,var(--panel));border:2px solid color-mix(in srgb,var(--bad) 35%,transparent)}
.vnet b{font-size:28px;color:var(--bad)}.vnet small{color:var(--muted)}
.vnet.refund{background:color-mix(in srgb,var(--ok) 8%,var(--panel));border-color:color-mix(in srgb,var(--ok) 40%,transparent)}.vnet.refund b{color:var(--ok)}
.vwarn{border-color:var(--warn)}.vwarn ul{margin:0;padding-inline-start:18px;display:flex;flex-direction:column;gap:4px}.vwarn a{color:var(--ink)}
.vbox td.n{text-align:center;font-weight:700;color:var(--brand-2)}.vbox tr.sec td{background:var(--bg);font-weight:700}
.vbox tr.z td{color:var(--muted)}.vbox tr.tot td{font-weight:700;border-top:1.5px solid var(--line)}
.vbox tr.grand td{font-weight:800;font-size:15px;background:color-mix(in srgb,var(--brand-2) 7%,var(--panel))}
.vbox input{max-width:160px;text-align:center}
/* ===== البريد بأسلوب Outlook: مجلدات | قائمة | لوحة قراءة ===== */
.mail-ph{margin-bottom:12px}
.mail3{display:grid;grid-template-columns:220px minmax(320px,400px) minmax(0,1fr);gap:12px;align-items:start}
.mail3 .mailnav{position:sticky;top:70px;padding:10px}
.mkeys{margin-top:12px;line-height:1.7;border-top:1px dashed var(--line);padding-top:8px}
.mlistcol{position:sticky;top:70px;height:calc(100vh - 150px);display:flex;flex-direction:column;overflow:hidden}
.msearch{display:flex;gap:6px;padding:8px;border-bottom:1px solid var(--line)}
.msearch input{flex:1;min-width:0}.msearch select{width:auto;max-width:110px}
.mtool{display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid var(--line);min-height:42px;flex-wrap:wrap}
.mtool .check{margin:0}.mtool input{width:auto}.mtitle{font-weight:700;font-size:13.5px}
.mtool .mbulk{display:none;gap:4px;align-items:center;flex-wrap:wrap}
.mail3.hassel .mtool .mbulk{display:flex}.mail3.hassel .mtool .mtitle{display:none}
.mempty{margin-inline-start:auto}
#mbulk{display:flex;flex-direction:column;flex:1;min-height:0}
.mail3 .maillist{overflow-y:auto;flex:1}
.mgrp{position:sticky;top:0;z-index:1;background:var(--bg);font-size:12px;font-weight:700;color:var(--muted);padding:4px 12px;border-bottom:1px solid var(--line)}
.mail3 .mrow{position:relative;display:flex;align-items:flex-start;gap:9px;padding:9px 10px;border-bottom:1px solid var(--line);cursor:pointer;border-inline-start:3px solid transparent}
.mail3 .mrow:hover{background:var(--bg)}
.mail3 .mrow.unread{background:color-mix(in srgb,var(--info-soft) 45%,transparent);border-inline-start-color:var(--brand-2)}
.mail3 .mrow.sel{background:color-mix(in srgb,var(--brand-2) 13%,var(--panel));border-inline-start-color:var(--brand-2)}
.mail3 .mrow input[type=checkbox]{width:auto;margin-top:12px;opacity:.35}
.mail3 .mrow:hover input[type=checkbox],.mail3.hassel .mrow input[type=checkbox],.mail3 .mrow input:checked{opacity:1}
.mav{flex:0 0 34px;width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#fff;
  background:hsl(var(--h,210) 45% 45%);font-size:15px}
.mav.big{flex-basis:42px;width:42px;height:42px;font-size:18px}
.mail3 .mlink{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;color:var(--ink);text-decoration:none}
.mtop{display:flex;justify-content:space-between;gap:8px}
.mfrom{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}
.mtime{font-size:11.5px;color:var(--muted);white-space:nowrap}
.msubj{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}
.msnip{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:var(--muted)}
.mail3 .mrow.unread .mfrom,.mail3 .mrow.unread .msubj{font-weight:700}.mail3 .mrow.unread .msubj{color:var(--brand-2)}
.mtags{display:flex;gap:4px;align-items:center;font-size:12px}.mtags:empty{display:none}
.mhover{position:absolute;inset-inline-end:8px;bottom:6px;display:flex;gap:2px;opacity:0;transition:opacity .12s;background:var(--panel);border-radius:8px;box-shadow:var(--shadow)}
.mail3 .mrow:hover .mhover{opacity:1}
.mhover button{background:none;border:0;cursor:pointer;font-size:15px;padding:4px 6px;border-radius:6px;color:var(--muted)}
.mhover button:hover{background:var(--bg)}.mhover .star.on{color:#e5a800}
.mpager{display:flex;justify-content:space-between;padding:6px 8px;border-top:1px solid var(--line)}
.mpane{position:sticky;top:70px;height:calc(100vh - 150px);overflow-y:auto;padding:0}
.mpane-empty{height:100%;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted)}
.mp-bar{position:sticky;top:0;z-index:2;display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:8px 12px;background:var(--panel);border-bottom:1px solid var(--line)}
.mp-bar .grow{flex:1}.mp-bar .star.on{color:#e5a800}
.mp-subj{margin:14px 16px 8px;font-size:19px;line-height:1.4}
.mp-head{display:flex;gap:10px;align-items:flex-start;padding:0 16px 10px;border-bottom:1px solid var(--line)}
.mp-att{padding:10px 16px 0}.mp-body{padding:12px 16px}
.mp-quick{display:block;margin:4px 16px 18px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;color:var(--muted);text-decoration:none}
.mp-quick:hover{border-color:var(--brand-2);color:var(--brand-2)}
.spin{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--brand-2);border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.mtoast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:60;display:flex;gap:12px;align-items:center;background:#1b2236;color:#fff;
  padding:10px 16px;border-radius:12px;box-shadow:0 8px 28px rgba(0,0,0,.25);font-size:14px}
.mtoast .btn{background:transparent;color:#8fc3ff;border-color:#8fc3ff}
@media (max-width:1200px){.mail3{grid-template-columns:200px minmax(0,1fr)}.mail3 .mpane{display:none}.mlistcol{height:auto;position:static}.mail3 .maillist{max-height:none}}
@media (max-width:760px){.mail3{grid-template-columns:1fr}.mail3 .mailnav{position:static}.mhover{opacity:1;position:static;box-shadow:none;background:none}}
.mail3 .mtop .mfrom{flex:1;min-width:0}.mail3 .mlink>*{min-width:0;max-width:100%}
.mail3 .maillist{overflow-x:hidden}
.mtoast[hidden]{display:none}

/* ===== الجدول الزمني (Gantt) ===== */
.gctl{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:8px}
.gzoom a{padding:6px 12px}
.glegend{display:flex;gap:14px;flex-wrap:wrap;margin:0 2px 10px}.glegend span{display:inline-flex;gap:5px;align-items:center}
.lg{display:inline-block;width:18px;height:9px;border-radius:4px}
.lg.ev{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--accent) 45%,transparent) 0 4px,transparent 4px 8px);border:1px solid var(--accent)}
.lg.ms{width:9px;height:9px;transform:rotate(45deg);background:var(--brand-2);border-radius:1px}.lg.today{width:2px;height:14px;background:var(--bad);border-radius:0}
.gantt{--lw:270px;position:relative;font-size:13px}
.g-row{display:grid;grid-template-columns:var(--lw) minmax(0,1fr);align-items:center;border-bottom:1px solid var(--line);min-height:34px}
.g-lbl{position:relative;z-index:2;display:flex;gap:6px;align-items:center;padding:4px 10px;background:var(--panel);border-inline-end:1px solid var(--line);align-self:stretch;min-width:0}
.g-trk{position:relative;height:100%;min-height:30px}
.g-head{min-height:26px;background:var(--bg)}.g-head .g-lbl,.g-days .g-lbl,.g-load .g-lbl{background:var(--bg)}
.g-mon{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding:0 6px;font-weight:700;font-size:12px;border-inline-start:1px solid var(--line);white-space:nowrap;overflow:hidden}
.g-days{min-height:24px;background:var(--bg)}
.g-tick{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center;font-size:10.5px;color:var(--muted);border-inline-start:1px solid color-mix(in srgb,var(--line) 60%,transparent)}
.g-tick.today{color:#fff;background:var(--bad);border-radius:4px;font-weight:700}
.gantt.dense .g-tick{justify-content:flex-start;padding-inline-start:2px}
.g-load{min-height:24px}.g-load .g-lbl{font-size:12px}
.g-lc{position:absolute;top:4px;bottom:4px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--ink)}
.g-lc.n1{background:color-mix(in srgb,var(--brand-2) 16%,transparent)}.g-lc.n2{background:color-mix(in srgb,var(--brand-2) 34%,transparent)}
.g-lc.n3{background:color-mix(in srgb,var(--accent) 50%,transparent)}.g-lc.n4{background:var(--bad);color:#fff}
.g-body{position:relative}
.g-bg{position:absolute;top:0;bottom:0;inset-inline-start:var(--lw);inset-inline-end:0;pointer-events:none}
.g-we{position:absolute;top:0;bottom:0;background:color-mix(in srgb,var(--line) 35%,transparent)}
.g-today{position:absolute;top:0;bottom:0;width:2px;margin-inline-start:-1px;background:var(--bad);z-index:1;opacity:.8}
.g-nm{display:flex;flex-direction:column;min-width:0;flex:1}.g-nm a{font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g-nm .sub{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g-tg{flex:0 0 20px;width:20px;height:20px;border:0;background:none;cursor:pointer;color:var(--muted);font-size:13px;transition:transform .15s;padding:0}
.g-pwrap.open .g-tg{transform:rotate(-90deg)}[dir=ltr] .g-pwrap.open .g-tg{transform:rotate(90deg)}
.g-proj{min-height:44px}
.g-bar{position:absolute;top:9px;bottom:9px;border-radius:7px;overflow:hidden;display:flex;align-items:center;text-decoration:none;min-width:6px;z-index:1;
  background:color-mix(in srgb,var(--c,var(--brand-2)) 25%,var(--panel));border:1px solid var(--c,var(--brand-2))}
.g-bar i{position:absolute;inset-block:0;inset-inline-start:0;background:var(--c,var(--brand-2));opacity:.85}
.g-bar b{position:relative;padding:0 6px;font-size:11px;color:var(--ink);white-space:nowrap}
.st-plan{--c:#8a94a8}.st-run{--c:var(--brand-2)}.st-show{--c:#e08a1e}.st-done{--c:var(--ok)}.st-off{--c:var(--muted)}
.lg.st-plan,.lg.st-run,.lg.st-show,.lg.st-done{background:var(--c)}
.g-bar.overdue{box-shadow:0 0 0 2px var(--bad)}
.g-bar.cut-s{border-start-start-radius:0;border-end-start-radius:0;border-inline-start-style:dashed}.g-bar.cut-e{border-start-end-radius:0;border-end-end-radius:0;border-inline-end-style:dashed}
.g-ev{position:absolute;top:3px;bottom:3px;border-radius:6px;border:1px solid var(--accent);
  background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--accent) 30%,transparent) 0 4px,transparent 4px 8px)}
.g-pwrap .g-subs{display:none}.g-pwrap.open .g-subs{display:block}
.g-phase,.g-task{min-height:28px}.g-phase .g-lbl{padding-inline-start:36px;font-weight:600;font-size:12.5px}
.g-task .g-lbl{padding-inline-start:48px;font-size:12px;flex-direction:column;align-items:flex-start;justify-content:center;gap:0}
.g-task .g-lbl a{color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.g-task .g-lbl .sub{font-size:11px}
.g-task.late .g-lbl a{color:var(--bad)}.g-task.done .g-lbl a{color:var(--muted);text-decoration:line-through}
.g-pbar,.g-tbar{position:absolute;top:8px;bottom:8px;border-radius:5px;overflow:hidden;min-width:5px;background:color-mix(in srgb,var(--brand-2) 18%,var(--panel));border:1px solid color-mix(in srgb,var(--brand-2) 60%,transparent)}
.g-pbar{top:7px;bottom:7px;background:color-mix(in srgb,#6b6ea0 22%,var(--panel));border-color:#6b6ea0}
.g-pbar i,.g-tbar i{position:absolute;inset-block:0;inset-inline-start:0;background:color-mix(in srgb,var(--brand-2) 70%,transparent)}.g-pbar i{background:#6b6ea0}
.g-pbar.late,.g-task.late .g-tbar{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 14%,var(--panel))}
.g-task.done .g-tbar{border-color:var(--ok)}.g-task.done .g-tbar i{background:color-mix(in srgb,var(--ok) 70%,transparent)}
.g-ms{position:absolute;top:50%;width:11px;height:11px;margin-top:-5.5px;margin-inline-start:-5.5px;transform:rotate(45deg);background:var(--brand-2);border-radius:2px;z-index:1}
.g-task.late .g-ms{background:var(--bad)}.g-task.done .g-ms{background:var(--ok)}
@media (max-width:900px){.gantt{--lw:150px}.g-nm .sub,.g-task .g-lbl .sub{display:none}.g-bar b{display:none}}
.gctl select{width:auto;min-width:140px;max-width:220px}
.g-ev{z-index:2;pointer-events:none;background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--accent) 38%,transparent) 0 4px,transparent 4px 8px)}

/* ===== أهداف المبيعات ===== */
.ok-t{color:var(--ok)}.warn-t{color:#c77d00}
.tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.tmembers{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.tmember .tgm{margin-top:8px}
.tgm-h{display:flex;justify-content:space-between;gap:8px;font-size:13px}
.tgm-bar{position:relative;height:9px;border-radius:99px;background:var(--bg);margin:5px 0 3px;overflow:visible}
.tgm-bar i{display:block;height:100%;border-radius:99px;background:var(--brand-2)}
.tgm.ahead .tgm-bar i,.tgm-bar.ahead i{background:var(--ok)}.tgm.near .tgm-bar i,.tgm-bar.near i{background:#e0a100}.tgm.behind .tgm-bar i,.tgm-bar.behind i{background:var(--bad)}
.tgm-bar em{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--ink);opacity:.55;border-radius:2px}
.tgm-f{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.trank{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--bg);font-weight:700;font-size:12px}
.tscore{font-weight:800;font-size:17px;padding:2px 10px;border-radius:99px;background:var(--bg)}
.tscore.good{color:var(--ok)}.tscore.mid{color:#c77d00}.tscore.low{color:var(--bad)}
.tset td,.tset th{padding:6px 8px}.tset input{max-width:130px;text-align:center}
.tdash{display:block;color:var(--ink);text-decoration:none;margin-bottom:14px}
.tdash-rows{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px 16px;margin-top:8px}
.gctl .seg2 a{padding:6px 14px}

/* ===== التحقق بخطوتين ===== */
.otp-in{font-size:26px;letter-spacing:8px;text-align:center;font-weight:700;direction:ltr}
.twf-setup{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:8px 0 14px}
.twf-qr{background:#fff;padding:10px;border-radius:12px;border:1px solid var(--line);width:200px;height:200px}
.twf-qr svg{width:100%;height:100%}
.twf-key{display:inline-block;margin-top:4px;padding:6px 10px;background:var(--bg);border-radius:8px;font-size:15px;letter-spacing:1.5px;word-break:break-all}
.twf-codes{border-color:var(--warn)}
.twf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin:10px 0;direction:ltr}
.twf-grid span{padding:8px;text-align:center;background:var(--bg);border-radius:8px;font-size:16px;font-weight:700;letter-spacing:1px}
@media print{.side,.topbar,.ph,.card:not(.twf-codes){display:none!important}}

/* ===== التنقل الجديد: تبويبات العرض + قائمة «جديد» + قائمة المستخدم ===== */
.viewtabs{display:flex;gap:4px;flex-wrap:wrap;margin:0 0 12px;padding:4px;background:var(--panel);border:1px solid var(--line);border-radius:12px;width:max-content;max-width:100%}
.viewtabs a{padding:6px 14px;border-radius:9px;color:var(--muted);text-decoration:none;font-size:13.5px;font-weight:600;white-space:nowrap}
.viewtabs a:hover{background:var(--bg);color:var(--ink)}.viewtabs a.on{background:var(--brand-2);color:#fff}
.newmenu,.usermenu{position:relative}.newmenu summary,.usermenu summary{list-style:none;cursor:pointer}
.newmenu summary::-webkit-details-marker,.usermenu summary::-webkit-details-marker{display:none}
.menu-pop{position:absolute;top:calc(100% + 6px);inset-inline-end:0;z-index:60;min-width:210px;padding:6px;display:flex;flex-direction:column;gap:1px;box-shadow:0 10px 30px rgba(0,0,0,.14)}
.newmenu .menu-pop{inset-inline-end:auto;inset-inline-start:0}
.menu-pop a{padding:8px 10px;border-radius:8px;color:var(--ink);text-decoration:none;font-size:14px;white-space:nowrap}.menu-pop a:hover{background:var(--bg)}
.mav.sm{flex-basis:24px;width:24px;height:24px;font-size:12px}
@media (max-width:760px){.viewtabs{width:100%;overflow-x:auto;flex-wrap:nowrap}}
.aisearch input[name=q]{padding-inline-end:120px}

.mdup{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:8px 10px;background:var(--warn-soft);border-bottom:1px solid var(--line);font-size:13px}

.billc .bill-sum{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.billc .bar{height:8px;border-radius:99px;background:var(--bg);overflow:hidden}.billc .bar i{display:block;height:100%;background:var(--brand-2)}

.empty{padding:28px 16px;font-size:14px;line-height:1.9}.empty a{font-weight:600;white-space:nowrap}

/* التسويق */
.mk-bar{position:relative;min-width:90px;height:22px;border-radius:6px;background:var(--bg);overflow:hidden}
.mk-bar i{position:absolute;inset-block:0;inset-inline-start:0;background:color-mix(in srgb,var(--brand-2) 28%,transparent);border-radius:6px}
.mk-bar.v i{background:color-mix(in srgb,var(--ok) 30%,transparent)}
.mk-bar span{position:relative;display:block;padding:2px 8px;font-variant-numeric:tabular-nums}
.mk-new{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;align-items:end}
.mk-new label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}
tr.mk-off{opacity:.55}

/* حملات المواسم */
.ss-head{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.ss-ev{border-inline-start:4px solid var(--line)}
.ss-now{border-inline-start-color:var(--ok)}.ss-now .ss-win{background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok)}
.ss-late{border-inline-start-color:var(--warn,#d98a00)}.ss-urgent{border-inline-start-color:var(--bad,#c0392b)}
.ss-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:12px}
.ss-g{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg);min-width:0}
.ss-g b{font-size:20px}.ss-g.zero{opacity:.5}
.ss-form{margin-top:12px}.ss-form>summary{list-style:none;display:inline-flex}.ss-form>summary::-webkit-details-marker{display:none}
.ss-form form{margin-top:10px;display:flex;flex-direction:column;gap:10px;padding:12px;border:1px dashed var(--line);border-radius:12px}
.ss-row{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}.ss-row select{width:auto;max-width:100%}
.ss-row .chk{display:inline-flex;gap:6px;align-items:center;margin:0;font-weight:400}

/* معرض الأعمال */
.mk-share{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.wk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-bottom:16px}
.wk-grid.pub{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.wk-grid.pub .wk-card.big{grid-column:1/-1}
.wk-grid.pub .wk-card.big .wk-img{aspect-ratio:2/1}
.wk-grid.pub .wk-card.big .wk-b b{font-size:18px}
.wk-grid.pub .wk-img{position:relative}
.wk-grid.pub .wk-img img{transition:transform .4s}
.wk-grid.pub .wk-card:hover .wk-img img{transform:scale(1.03)}
.wk-kind,.wk-n{position:absolute;top:10px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;background:rgba(20,26,40,.72);color:#fff;backdrop-filter:blur(4px)}
.wk-kind{inset-inline-start:10px}.wk-n{inset-inline-end:10px}
.wk-grid.pub .wk-b{padding:12px 14px}
@media (max-width:700px){.wk-grid.pub .wk-card.big .wk-img{aspect-ratio:4/3}}
.wk-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel);color:var(--ink);text-decoration:none;transition:transform .15s,box-shadow .15s}
.wk-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.08)}
.wk-card.off{opacity:.7}
.wk-img{aspect-ratio:4/3;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:34px;overflow:hidden}
.wk-img img{width:100%;height:100%;object-fit:cover;display:block}
.wk-b{padding:10px 12px;display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.wk-q{margin:0 0 10px;padding:12px 14px;border-inline-start:3px solid var(--brand-2);background:var(--bg);border-radius:8px;line-height:1.8}
.wk-q span{display:block;margin-top:4px}
.wk-quotes{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.wk-ph{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
.wk-ph figure{margin:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel)}
.wk-ph img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.wk-ph figcaption{padding:6px 8px;display:flex;gap:10px;flex-wrap:wrap}
.wk-ph .chk{display:inline-flex;gap:4px;align-items:center;margin:0;font-weight:400}
.wk-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:14px}
.wk-facts div{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.wk-facts small{color:var(--muted)}
.wk-gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin-top:14px}
.wk-gal a:first-child{grid-column:1 / -1}
.wk-gal img{width:100%;height:100%;max-height:560px;object-fit:cover;border-radius:12px;display:block}

/* منتقي القوالب */
.tp-btn{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;justify-content:flex-start}
.tp-btn .tp-l{margin-inline-start:6px;font-size:11px;padding:1px 6px;border-radius:6px;background:var(--info-soft);color:var(--brand-2)}
.tp-dlg{width:min(860px,96vw);max-height:86vh;padding:0;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--ink)}
.tp-dlg::backdrop{background:rgba(10,15,30,.45)}
.tp-hd{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--panel);z-index:1}
.tp-lang{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.tp-lang button{border:0;background:transparent;padding:6px 14px;font:inherit;cursor:pointer;color:var(--ink)}
.tp-lang button.on{background:var(--brand-2);color:#fff}
.tp-q{margin:12px 16px 0;width:calc(100% - 32px)}
.tp-body{padding:4px 16px 16px;overflow:auto;max-height:calc(86vh - 130px)}
.tp-sec{font-weight:700;margin:14px 0 6px;font-size:13.5px}
.tp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}
.tp-it{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:start;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);cursor:pointer;font:inherit}
.tp-it:hover,.tp-it.on{border-color:var(--brand-2);background:var(--info-soft)}
.tp-it small{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.tp-tags{display:flex;gap:4px;align-items:center}
.tp-tags i{font-style:normal;font-size:10.5px;padding:0 6px;border-radius:5px;border:1px solid var(--line);color:var(--muted)}
.tp-tags i.ok{border-color:var(--ok);color:var(--ok)}
.tp-tags em{font-style:normal;font-size:11px;color:var(--warn,#b97500)}
.tl-langs{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.tl-langs>div{display:flex;flex-direction:column;gap:4px}

/* الساعة والتاريخ الهجري والميلادي */
.sf-clock{display:flex;align-items:center;gap:10px;padding:5px 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg);white-space:nowrap;line-height:1.2}
.sf-clock .c-time{display:inline-block;direction:ltr;unicode-bidi:isolate;text-align:left;font-variant-numeric:tabular-nums}
.sf-clock .c-time b{font-size:20px;font-weight:800;color:var(--ink);letter-spacing:.3px}
.sf-clock .c-time span{font-size:12px;color:var(--muted);font-weight:600;display:inline-block;min-width:22px}
.sf-clock .c-time em{font-style:normal;font-size:12px;font-weight:700;color:var(--brand-2);margin-inline-start:4px}
.sf-clock .c-dates{display:flex;flex-direction:column;gap:2px;padding-inline-start:10px;border-inline-start:1px solid var(--line);font-size:12.5px}
.sf-clock .c-h{color:var(--ink);font-weight:700}
.sf-clock .c-g{color:var(--muted);font-weight:600}
@media (max-width:1150px){.sf-clock .c-g{display:none}}
@media (max-width:760px){.sf-clock .c-dates,.sf-clock .c-time span{display:none}.sf-clock{padding:4px 10px}.sf-clock .c-time b{font-size:16px}}
.tp-filt{display:flex;gap:6px;flex-wrap:wrap;padding:10px 16px 0}
.tp-filt button{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:99px;padding:5px 14px;font:inherit;font-size:13.5px;cursor:pointer}
.tp-filt button span{opacity:.6;font-size:11.5px}
.tp-filt button.on{border-color:var(--brand-2);background:var(--brand-2);color:#fff}
.tp-filt button.on span{opacity:.85}
.tp-filt2{padding-top:6px}.tp-filt2 button{font-size:12.5px;padding:3px 11px}
.tp-filt2 button.on{background:var(--info-soft);color:var(--brand-2)}
.tp-filt[hidden]{display:none}

/* التوقيع */
.sig-opts{display:flex;gap:6px 16px;flex-wrap:wrap;align-items:center;margin-top:10px}
.sig-opts .check{margin:0}
.sig-design{border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:10px}
.sig-prev{background:#fff;border-radius:8px;padding:12px;overflow-x:auto;color:#1d2433}

/* لوحة المفضلة + لغة التوقيع */
.cmp-wrap{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:14px;align-items:start}
.cmp-wrap>form{margin:0}
@media (max-width:1000px){.cmp-wrap{grid-template-columns:1fr}.fav-panel{order:-1}}
.fav-panel{position:sticky;top:76px;display:flex;flex-direction:column;gap:5px;margin:0}
.fav-sec{font-weight:700;font-size:13px;margin:10px 0 2px}
.fav-it{text-align:start;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:8px;padding:6px 9px;font:inherit;font-size:13px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fav-it:hover{border-color:var(--brand-2);background:var(--info-soft)}
.fav-f{margin:0}.fav-star{border:0;background:none;font-size:20px;line-height:1;cursor:pointer;color:var(--muted);padding:0 2px}
.fav-star.on{color:#f4b400}
.sig-switch{display:flex;gap:4px;align-items:center;justify-content:flex-end;margin:0 0 6px}
.sig-switch button{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:8px;padding:3px 10px;font:inherit;font-size:12.5px;cursor:pointer}
.sig-switch button.on{background:var(--brand-2);border-color:var(--brand-2);color:#fff}
.sig-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}

/* ================= لمسات الهوية ================= */
/* لون لكل قسم في القائمة: نقطة بجانب اسم القسم وشريط بجانب الصفحة الحالية */
.side a{border-inline-start:3px solid transparent;--navc:#f4c320}
.nav-sec::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--dot);margin-inline-end:6px;vertical-align:middle}
.nav-sec.c1{--dot:#21a04a}.nav-sec.c2{--dot:#f4c320}.nav-sec.c3{--dot:#6b6ea0}.nav-sec.c4{--dot:#4f8fd0}.nav-sec.c5{--dot:#e2603f}.nav-sec.c6{--dot:#98a0b3}
.nav-sec.c1~a{--navc:#21a04a}.nav-sec.c2~a{--navc:#f4c320}.nav-sec.c3~a{--navc:#8f92c9}.nav-sec.c4~a{--navc:#4f8fd0}.nav-sec.c5~a{--navc:#e2603f}.nav-sec.c6~a{--navc:#98a0b3}
.side a.on{border-inline-start-color:var(--navc)}
.side a:hover{border-inline-start-color:color-mix(in srgb,var(--navc) 45%,transparent)}
/* خط الهوية تحت الشريط العلوي */
.top::after{content:"";position:absolute;inset-inline:0;bottom:-1px;height:2px;background:linear-gradient(90deg,#21a04a,#f4c320,#205c93,#6b6ea0,#cc4629);opacity:.9;pointer-events:none}
/* شريط قصير بألوان الهوية تحت عنوان كل صفحة */
.ph h1::after{content:"";display:block;width:46px;height:4px;border-radius:3px;margin-top:7px;
  background:linear-gradient(90deg,#21a04a 0 20%,#f4c320 20% 40%,#205c93 40% 60%,#6b6ea0 60% 80%,#cc4629 80%)}
/* بطاقات الأرقام: حافة علوية ملونة بالتناوب */
.kpis>.kpi{border-top:3px solid var(--kc,#205c93)}
.kpis>.kpi:nth-child(5n+1){--kc:#21a04a}.kpis>.kpi:nth-child(5n+2){--kc:#f4c320}.kpis>.kpi:nth-child(5n+3){--kc:#205c93}.kpis>.kpi:nth-child(5n+4){--kc:#6b6ea0}.kpis>.kpi:nth-child(5n+5){--kc:#cc4629}
/* تحديد النص بلون الهوية */
::selection{background:color-mix(in srgb,#f4c320 45%,transparent)}

/* التنبيهات الفورية */
.sf-toasts{position:fixed;inset-inline-start:16px;bottom:16px;z-index:9999;display:flex;flex-direction:column;gap:8px;max-width:min(360px,calc(100vw - 32px))}
.sf-toast{position:relative;display:block;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-inline-start:4px solid var(--accent);
  border-radius:12px;padding:10px 34px 10px 12px;box-shadow:0 10px 30px rgba(0,0,0,.18);text-decoration:none;opacity:0;transform:translateY(10px);transition:.25s}
.sf-toast.in{opacity:1;transform:none}
.sf-toast b{display:block;font-size:14px}.sf-toast span{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}
.sf-toast button{position:absolute;top:6px;inset-inline-end:6px;border:0;background:none;color:var(--muted);cursor:pointer;font-size:13px}
[dir=rtl] .sf-toast{padding:10px 12px 10px 34px}

.lost-r label{font-size:13px}.lost-r label:has(input:checked){background:var(--bad-soft);border-color:var(--bad);color:var(--bad)}

.backbtn{display:inline-flex;align-items:center;gap:2px;font-weight:600;white-space:nowrap}.backbtn .arr{font-size:15px;line-height:1}
/* الشريط العلوي على الجوال الصغير: يتسع لزر الرجوع دون تمرير أفقي */
@media (max-width:480px){.top{gap:4px;padding:8px 6px}.top .btn.s{padding:4px 6px}.sf-clock{padding:3px 6px}.sf-clock .c-time em{display:none}}
/* زر الرجوع فوق عنوان الصفحة */
.backwrap{margin:0 0 8px}
.backbtn.inpage{display:inline-flex;align-items:center;gap:6px;background:var(--panel);border:1.5px solid var(--brand-2);color:var(--brand-2);
  font-weight:700;font-size:13.5px;border-radius:999px;padding:5px 14px 5px 12px;text-decoration:none;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.backbtn.inpage:hover{background:var(--brand-2);color:#fff}
.backbtn.inpage .arr{font-size:16px}
html[dir=rtl] .backbtn{direction:rtl}

/* شريط البحث الذكي: الزر على الطرف المقابل لبداية الكتابة، ومساحة كافية للنص */
html[dir=rtl] .aisearch .ai-mode{left:5px;right:auto}
html[dir=ltr] .aisearch .ai-mode{right:5px;left:auto}
.aisearch{min-width:260px}
@media (max-width:1350px){.aisearch .ai-mode .ai-lbl{display:none}.aisearch .ai-mode{padding:0 9px}.aisearch input[name=q]{padding-inline-end:46px}}

/* ================= مربع البحث الذكي أعرض (يستغل المساحة الفارغة في الشريط العلوي) ================= */
.top form.aisearch{flex:4 1 460px;max-width:880px}
.top .aisearch~.spacer{flex:1 1 0}

/* ================= القائمة الجانبية: أقسام قابلة للطي حسب التطبيق الحالي ================= */
.side .apps-btn{margin:0 0 8px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);font-weight:600;color:#fff}
.side .apps-btn .apps-ic{font-size:17px;line-height:1;width:20px;text-align:center}
.side .apps-btn:hover{background:rgba(255,255,255,.14)}
.nav-grp{margin:2px 0;border-radius:10px}
.nav-grp>summary{list-style:none;cursor:pointer;display:flex;align-items:center;border-radius:8px;user-select:none;opacity:.6}
.nav-grp>summary::-webkit-details-marker{display:none}
.nav-grp>summary::after{content:"‹";margin-inline-start:auto;font-size:15px;line-height:1;transition:transform .15s;opacity:.8}
html[dir=ltr] .nav-grp>summary::after{content:"›"}
.nav-grp[open]>summary::after{transform:rotate(-90deg)}
html[dir=ltr] .nav-grp[open]>summary::after{transform:rotate(90deg)}
.nav-grp>summary:hover{opacity:.95;background:rgba(255,255,255,.05)}
.nav-grp.cur{background:rgba(255,255,255,.045);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);padding-bottom:4px}
.nav-grp.cur>summary{opacity:1;font-weight:700;font-size:12px;color:#fff}
.nav-grp.cur>summary::before{width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb,var(--dot) 35%,transparent)}
.nav-grp.c1 a{--navc:#21a04a}.nav-grp.c2 a{--navc:#f4c320}.nav-grp.c3 a{--navc:#8f92c9}.nav-grp.c4 a{--navc:#4f8fd0}.nav-grp.c5 a{--navc:#e2603f}.nav-grp.c6 a{--navc:#98a0b3}

/* ================= الصفحة الرئيسية «التطبيقات» ================= */
html:has(body.apps-body){background:#1a2030}
body.apps-body{--apps-bg:#1a2030;background:var(--apps-bg);color:#fff;min-height:100vh;overflow-x:clip}
:root[data-theme="dark"] body.apps-body{--apps-bg:#0b0e17}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) body.apps-body{--apps-bg:#0b0e17}}
.apps-body::before{content:"";position:fixed;inset:0;pointer-events:none;
  background:radial-gradient(900px 500px at 85% -10%,rgba(32,92,147,.35),transparent 60%),radial-gradient(700px 420px at 0% 110%,rgba(107,110,160,.22),transparent 60%)}
.apps-top{position:relative;z-index:3;display:flex;align-items:center;gap:8px;padding:12px 24px}
.apps-top .logo{padding:0;display:block}
.apps-top .logo img{height:46px;width:auto;max-width:none;margin:0}
.apps-top .spacer{flex:1}
.apps-top .btn.ghost{color:#e7eaf3;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.04)}
.apps-top .btn.ghost:hover{background:rgba(255,255,255,.12);text-decoration:none}
.apps-top .menu-pop{color:var(--ink)}
.apps-top .q-n{margin-inline-start:4px}
.apps-bar{display:flex;height:4px;position:relative}.apps-bar i{flex:1}
.apps-bar i:nth-child(1){background:#21a04a}.apps-bar i:nth-child(2){background:#f4c320}.apps-bar i:nth-child(3){background:#205c93}.apps-bar i:nth-child(4){background:#6b6ea0}.apps-bar i:nth-child(5){background:#cc4629}
.apps-wrap{position:relative;max-width:1120px;margin:0 auto;padding:34px 24px 60px}
.apps-hello{text-align:center;margin-bottom:22px}
.apps-hello h1{font-size:30px;font-weight:700;margin:0;color:#fff}
.apps-date{margin-top:6px;color:#b9c1d6;font-size:14.5px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.apps-date .dot{opacity:.5}
.apps-search{position:relative;display:flex;align-items:center;max-width:720px;margin:0 auto 22px}
.apps-search .ai-ic{position:absolute;inset-inline-start:18px;font-size:18px;pointer-events:none;z-index:1}
.apps-search input{width:100%;height:54px;border-radius:99px;border:2px solid transparent;font:inherit;font-size:16px;color:var(--ink);
  background:linear-gradient(var(--panel),var(--panel)) padding-box,linear-gradient(90deg,#21a04a,#f4c320,#205c93,#6b6ea0,#cc4629) border-box;
  padding-inline:50px 130px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.apps-search input:focus{outline:none;box-shadow:0 0 0 4px rgba(244,195,32,.25),0 10px 30px rgba(0,0,0,.25)}
.apps-search button{position:absolute;inset-inline-end:7px;height:40px;border:0;border-radius:99px;padding:0 18px;font:inherit;font-weight:600;
  background:#1a2030;color:#fff;cursor:pointer}
:root[data-theme="dark"] .apps-search button{background:#205c93}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .apps-search button{background:#205c93}}
.q-n{background:#cc4629;color:#fff;border-radius:99px;font-size:11px;min-width:19px;height:19px;padding:0 6px;display:inline-grid;place-items:center;font-weight:700;line-height:1}
/* اختصارات اليوم */
.apps-today{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 auto 30px}
.apps-today a{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:99px;color:#e7eaf3;font-size:13.5px;font-weight:500;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);text-decoration:none;transition:.15s}
.apps-today a:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28);text-decoration:none}
/* لوحة التطبيقات: أيقونات مربعة بزوايا دائرية على طريقة Odoo */
.launcher{max-width:860px;margin:0 auto;padding:38px 28px 30px;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 30px 70px rgba(0,0,0,.28)}
.lgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 16px}
.lapp{--c:#205c93;display:flex;flex-direction:column;align-items:center;gap:12px;color:#fff;text-decoration:none!important;border-radius:18px;padding:4px 2px 2px;outline:none}
.lic{position:relative;width:94px;height:94px;border-radius:27px;display:grid;place-items:center;
  background:linear-gradient(150deg,color-mix(in srgb,var(--c) 70%,#fff) 0%,var(--c) 48%,color-mix(in srgb,var(--c) 78%,#000) 100%);
  box-shadow:0 12px 26px color-mix(in srgb,var(--c) 42%,transparent),inset 0 1px 0 rgba(255,255,255,.4),inset 0 -4px 0 rgba(0,0,0,.14);
  transition:transform .22s cubic-bezier(.3,.7,.4,1.5),box-shadow .22s}
.lic svg{width:44px;height:44px;stroke:#fff;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 1px rgba(0,0,0,.18))}
.lapp-comm .lic svg{stroke:#1a2030;filter:none}
.lapp-admin .lic{box-shadow:0 12px 26px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.14),inset 0 -4px 0 rgba(0,0,0,.2)}
.lapp-dash .lic{background:linear-gradient(135deg,#21a04a 0%,#f4c320 28%,#205c93 52%,#6b6ea0 76%,#cc4629 100%)}
.lapp b{font-size:15.5px;font-weight:600;text-align:center;line-height:1.3}
.lapp b::after{content:"";display:block;height:3px;border-radius:3px;margin:7px auto 0;width:0;background:var(--c);transition:width .22s}
.lapp-admin b::after{background:#98a0b3}
.lapp:hover .lic,.lapp:focus-visible .lic{transform:translateY(-6px) scale(1.04);box-shadow:0 20px 38px color-mix(in srgb,var(--c) 55%,transparent),inset 0 1px 0 rgba(255,255,255,.4),inset 0 -4px 0 rgba(0,0,0,.14)}
.lapp:hover b::after,.lapp:focus-visible b::after{width:30px}
.lapp:active .lic{transform:translateY(-2px) scale(.98)}
.ln{position:absolute;top:-7px;inset-inline-end:-7px;min-width:25px;height:25px;padding:0 7px;border-radius:99px;background:#cc4629;color:#fff;font-size:12.5px;font-weight:700;
  display:grid;place-items:center;border:2.5px solid var(--apps-bg);box-shadow:0 3px 8px rgba(0,0,0,.3)}
@media (max-width:640px){
  .apps-top{padding:10px 12px;gap:5px}.apps-top .logo img{height:34px}
  .apps-top .btn.s{padding:4px 7px}
  .apps-wrap{padding:22px 14px 40px}
  .apps-hello h1{font-size:23px}.apps-date{font-size:13px;gap:6px}
  .apps-search input{height:48px;font-size:15px;padding-inline:42px 96px}.apps-search button{padding:0 12px;height:36px}
  .apps-today{gap:6px;margin-bottom:22px}.apps-today a{padding:6px 11px;font-size:12.5px}
  .launcher{padding:26px 10px 18px;border-radius:24px}
  .lgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 4px}
  .lic{width:62px;height:62px;border-radius:19px}.lic svg{width:30px;height:30px}
  .lapp{gap:9px}.lapp b{font-size:12.5px}
  .ln{min-width:22px;height:22px;font-size:11.5px;top:-6px;inset-inline-end:-6px}
}

/* زر «التطبيقات» في الشريط العلوي */
.top .appsbtn{display:inline-flex;align-items:center;justify-content:center;min-width:36px;padding-inline:8px;font-weight:600;white-space:nowrap;background:#1a2030;color:#fff;border-color:#1a2030}
.top .appsbtn:hover{background:#205c93;border-color:#205c93;color:#fff;text-decoration:none}
.top .appsbtn .apps-ic{font-size:18px;line-height:1}
:root[data-theme="dark"] .top .appsbtn{background:#205c93;border-color:#205c93}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .top .appsbtn{background:#205c93;border-color:#205c93}}

/* مربع بحث أكبر: الشريط العلوي أكثر إحكاماً ليتسع البحث */
.top{gap:8px}
.top .aisearch~.spacer{flex:0 0 0}
.top form.aisearch{flex:1 1 520px;max-width:none}
@media (max-width:1600px){.top .topfield .hide-m,.top .usermenu>summary .hide-m{display:none}}

/* الساعة على خلفية صفحة التطبيقات الكحلية */
.apps-top .sf-clock{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16)}
.apps-top .sf-clock .c-time b,.apps-top .sf-clock .c-h{color:#fff}
.apps-top .sf-clock .c-time span,.apps-top .sf-clock .c-g{color:#b9c1d6}
.apps-top .sf-clock .c-time em{color:#f4c320}
.apps-top .sf-clock .c-dates{border-color:rgba(255,255,255,.16)}
@media (max-width:640px){.apps-top .sf-clock .c-dates{display:none}}

/* صفحات الرسائل والأخطاء (403/404) بهوية S Frame */
.msg-wrap{position:relative;min-height:calc(100vh - 4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:24px 16px}
.msg-logo{width:170px;max-width:60vw}
.msg-card{background:var(--panel);color:var(--ink);border-radius:18px;padding:28px 30px;text-align:center;max-width:440px;width:100%;box-shadow:0 18px 40px rgba(0,0,0,.3)}
.msg-code{font-size:46px;font-weight:800;line-height:1;margin-bottom:8px;background:linear-gradient(90deg,#21a04a,#f4c320,#205c93,#6b6ea0,#cc4629);-webkit-background-clip:text;background-clip:text;color:transparent}
.msg-text{font-size:17px;font-weight:600;margin:0 0 18px}

/* ================= صفحات القوائم المنسقة (العملاء، المعارض، الموردين) ================= */
/* قائمة «⋯ المزيد» في رأس الصفحة، وقائمة «⋯» لكل صف/بطاقة */
.moremenu,.rmenu{position:relative;display:inline-block}
.moremenu>summary,.rmenu>summary{list-style:none;cursor:pointer}
.moremenu>summary::-webkit-details-marker,.rmenu>summary::-webkit-details-marker{display:none}
.rmenu>summary{min-width:34px;text-align:center;font-weight:800;letter-spacing:1px}
.menu-pop button,.menu-pop .mi{display:block;width:100%;text-align:start;padding:8px 10px;border:0;border-radius:8px;background:none;color:var(--ink);font:inherit;font-size:14px;cursor:pointer;white-space:nowrap;text-decoration:none}
.menu-pop button:hover,.menu-pop .mi:hover{background:var(--bg)}
.menu-pop form{margin:0}
.menu-pop .mi.bad-t,.menu-pop button.bad-t{color:var(--bad)}
.menu-pop hr{border:0;border-top:1px solid var(--line);margin:4px 2px}
.rmenu .menu-pop{min-width:190px}
/* شريط البحث والتصفية: البحث ظاهر، والفلاتر الإضافية خلف زر «تصفية» */
.flbar{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
.fl-main{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.fl-main .fl-q{flex:1 1 320px;min-width:220px;max-width:none;height:40px}
.fl-main select{width:auto;min-width:130px}
.fl-tog{position:relative}
.fl-tog .fl-n{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:var(--brand-2);color:#fff;font-size:11px;font-weight:700;margin-inline-start:4px}
.fl-tog[aria-expanded="true"]{background:var(--info-soft);border-color:var(--brand-2)}
.fl-adv{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:12px;border:1px dashed var(--line);border-radius:12px;background:var(--panel)}
.fl-adv[hidden]{display:none}
.fl-adv select{width:auto;min-width:150px}
.fl-adv .fl-clear{margin-inline-start:auto}
.fl-view{margin-inline-start:auto}
/* عدادات مختصرة (سطر واحد) */
.kchips.compact{display:flex;flex-wrap:wrap;gap:8px}
.kchips.compact .kc{flex-direction:row;align-items:center;gap:7px;padding:6px 13px;border-radius:99px}
.kchips.compact .kc b{font-size:16px}
.kchips.compact .kc span{font-size:13px}
.kchips.compact .kc.zero:not(.on){opacity:.55}
/* سطر أرقام مختصر في البطاقات بدل مربعات الأصفار */
.evc-line{display:flex;flex-wrap:wrap;gap:6px}
.evc-line>*{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:99px;background:var(--bg);border:1px solid var(--line);font-size:12.5px;color:var(--muted);text-decoration:none}
.evc-line b{color:var(--ink);font-size:13.5px}
.evc-line .bad b{color:var(--bad)}.evc-line .good b{color:var(--ok)}
.evc-line a:hover{border-color:var(--brand-2);text-decoration:none}
.evc-foot .acts{display:flex;gap:6px;align-items:center;flex-wrap:nowrap;margin-inline-start:auto}
/* إجراءات الصف: الأهم ظاهر والباقي في «⋯» */
.rowacts .racts{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:nowrap}

/* أسماء أقسام القائمة الجانبية: خط أكبر وأوضح */
.nav-grp>summary.nav-sec{font-size:14.5px;font-weight:600;opacity:.82;padding:10px 10px;letter-spacing:0;color:#e7eaf3}
.nav-grp>summary.nav-sec::before{width:8px;height:8px;margin-inline-end:9px}
.nav-grp>summary::after{font-size:18px}
.nav-grp.cur>summary.nav-sec{font-size:14.5px;font-weight:700;opacity:1}
.nav-grp>summary.nav-sec:hover{opacity:1}
/* شعار صفحة التطبيقات أكبر */
.apps-top .logo img{height:62px}
@media (max-width:640px){.apps-top .logo img{height:44px}}

/* الإحالات */
.horow{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--line)}
.horow:last-child{border-bottom:0}
.ho-main{display:flex;gap:10px;align-items:flex-start;min-width:0;flex:1 1 320px}
.ho-ic{font-size:20px;line-height:1.4}
.ho-note{margin-top:4px;padding:5px 9px;border-radius:8px;background:var(--bg);display:inline-block}
.ho-acts{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ho-acts form{margin:0}
.ho-decline{display:flex;gap:6px;align-items:center}
.ho-decline input{width:180px}
.ho-pend{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;background:var(--warn-soft);color:var(--warn);font-size:12.5px;font-weight:600}

/* حقل المسؤول في نوافذ تسجيل التواصل */
.ownf{display:flex;flex-direction:column;gap:4px}
.ownf label{margin:0}
.ownf [data-owner-hint]{min-height:18px}
.ownf.compact label{font-size:12.5px}

/* أيقونات التطبيقات: أهدأ — بدون توهج ملوّن، ظل خفيف، وحلقة رفيعة بلون التطبيق عند المرور */
.lic{background:linear-gradient(180deg,color-mix(in srgb,var(--c) 86%,#fff) 0%,var(--c) 100%);
  box-shadow:0 4px 12px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.06)}
.lic svg{filter:none;stroke-width:1.75}
.lapp-comm .lic{background:linear-gradient(180deg,#f2cb45 0%,#e4b41c 100%)}
.lapp-dash .lic{background:linear-gradient(180deg,color-mix(in srgb,var(--c) 86%,#fff) 0%,var(--c) 100%)}
.lapp-admin .lic{box-shadow:0 4px 12px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.14)}
.lapp:hover .lic,.lapp:focus-visible .lic{transform:translateY(-4px);
  box-shadow:0 8px 18px rgba(0,0,0,.34),0 0 0 2px color-mix(in srgb,var(--c) 60%,transparent),inset 0 1px 0 rgba(255,255,255,.18)}
.lapp:active .lic{transform:translateY(-1px)}
.ln{box-shadow:0 2px 5px rgba(0,0,0,.3)}

/* ================= حساب العميل (/a) ================= */
body.acct{background:var(--bg)}
.atop{background:#1a2030;color:#fff;padding:16px 16px 70px}
.atop .in,.atop .in2{max-width:960px;margin:0 auto}
.atop .in{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.atop img{height:40px}
.atop h1{font-size:23px;margin:16px 0 2px;color:#fff}
.atop .sub2{opacity:.82;font-size:14px}
.alink{color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:4px 11px;font-size:13px;text-decoration:none}
.alink:hover{background:rgba(255,255,255,.1);text-decoration:none}
.awrap{max-width:960px;margin:-50px auto 40px;padding:0 16px;display:grid;gap:16px}
.anav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;position:sticky;top:0;z-index:5;padding:6px 0;background:var(--bg)}
.anav a{white-space:nowrap;border:1px solid var(--line);background:var(--panel);border-radius:99px;padding:7px 15px;color:var(--ink);text-decoration:none;font-size:13.5px;font-weight:500}
.anav a:hover{border-color:var(--brand-2);text-decoration:none}
.anav .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--bad);vertical-align:middle}
.asec{display:grid;gap:12px;scroll-margin-top:60px}
.ah{font-size:18px;margin:6px 0 0}
.atodo h2{font-size:17px;margin:0 0 10px}
.todo-list{display:grid;gap:8px}
.todo{display:flex;gap:12px;align-items:center;padding:11px 13px;border:1px solid var(--line);border-inline-start:4px solid #f4c320;border-radius:12px;background:var(--panel);color:var(--ink);text-decoration:none}
.todo.bad{border-inline-start-color:var(--bad)}
.todo:hover{background:var(--bg);text-decoration:none}
.todo .ic{font-size:20px}.todo b{display:block}.todo small{display:block;color:var(--muted)}
.todo .go{margin-inline-start:auto;color:var(--muted)}
.nowp{display:grid;gap:14px}
.nowtop{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.nowtop h3{font-size:18px;margin:0 0 3px}
.count{min-width:86px;text-align:center;border-radius:14px;padding:8px 10px;background:var(--info-soft);color:var(--brand-2)}
.count b{display:block;font-size:30px;line-height:1.1}.count span{font-size:12px;font-weight:600}
.count.soon{background:var(--warn-soft);color:var(--warn)}
.acct .steps{display:flex;overflow-x:auto;padding:4px 2px 2px;scrollbar-width:none}
.acct .steps .st{flex:1;min-width:84px;text-align:center;position:relative;font-size:12px;color:var(--muted)}
.acct .steps .st i{display:block;width:26px;height:26px;border-radius:50%;margin:0 auto 4px;background:var(--bg);border:2px solid var(--line);line-height:22px;font-style:normal;font-weight:700;font-size:12px;position:relative;z-index:1}
.acct .steps .st::before{content:"";position:absolute;top:13px;inset-inline-start:-50%;width:100%;height:2px;background:var(--line)}
.acct .steps .st:first-child::before{display:none}
.acct .steps .st.done i{background:var(--ok);border-color:var(--ok);color:#fff}.acct .steps .st.done::before{background:var(--ok)}
.acct .steps .st.cur i{background:var(--brand-2);border-color:var(--brand-2);color:#fff;box-shadow:0 0 0 4px var(--info-soft)}
.acct .steps .st.cur{color:var(--ink);font-weight:700}.acct .steps .st.cur::before{background:var(--ok)}
.progw .bar{height:9px;border-radius:99px;background:var(--bg);overflow:hidden;margin-top:5px}
.progw .bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#21a04a,#205c93)}
.kdates{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.kd{border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:var(--bg)}
.kd b{display:block;font-size:14px}.kd span{font-size:12.5px;color:var(--muted)}
.kd.past{opacity:.55}
.empty-now{text-align:center;display:grid;gap:6px;justify-items:center;padding:26px}
.acct .owner{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.acct .owner .av{width:44px;height:44px;border-radius:50%;background:var(--brand-2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}
.arow{display:flex;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}
.arow:last-child{border-bottom:0}
a.arow:hover{background:var(--bg);text-decoration:none}
.arow .ic{font-size:20px}.arow .grow{flex:1;min-width:0}.arow small{display:block}
.akpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.akpis .card{display:grid;gap:2px}.akpis small{color:var(--muted)}.akpis b{font-size:21px}
.acct .ok-t{color:var(--ok)}
.bank h3{margin:0 0 8px}
.bgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.bgrid small{display:block;color:var(--muted)}
.acct .flist{display:grid;gap:6px}
.acct .flist a{display:flex;gap:8px;align-items:center;padding:9px 11px;border:1px solid var(--line);border-radius:10px;color:var(--ink);text-decoration:none;background:var(--panel)}
.acct .flist a:hover{background:var(--bg);text-decoration:none}
.acct .phgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}
.acct .phgrid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;display:block}
.acct h3{font-size:15.5px;margin:0 0 6px}
.afoot{text-align:center;padding:10px}
@media (max-width:640px){.akpis{grid-template-columns:1fr}.count b{font-size:24px}.atop h1{font-size:20px}}
/* بطاقة «حساب العميل» في صفحة العميل (للفريق) */
.acct-card .row{flex-wrap:wrap}
.acct-link{direction:ltr;unicode-bidi:embed;font-size:12.5px;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:5px 9px;word-break:break-all}

/* حساب العميل: شريط الروابط شفاف، والأزرار بحجمها الطبيعي */
.anav{background:none}
.asec>.btn,.nowp>.btn{justify-self:start}

/* حساب العميل — المرحلة 2 */
.ahrow{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.sugg{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.sg{display:grid;gap:8px;align-content:start}
.sg-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.sg-count{display:grid;gap:2px;font-size:12.5px}
.sg .btn{justify-self:start}
.mrow{display:flex;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.mrow .grow{flex:1;min-width:0}.mrow small{display:block}
.mrow form{margin:0}
.av2{width:34px;height:34px;border-radius:50%;background:var(--brand-2);color:#fff;display:grid;place-items:center;font-weight:700;flex-shrink:0}
.mform{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin-top:12px}
.mform .btn{justify-self:start}
.acct .stars{color:#e5a800;letter-spacing:1px}

/* شعار العميل بجانب شعارنا */
.logos2{justify-content:space-between}
.atop .sflogo{height:48px}
.xlogo{display:none}
.clogo{display:inline-grid;place-items:center;background:#fff;border-radius:12px;padding:6px 10px;height:58px;min-width:58px;max-width:190px;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.clogo img{max-height:46px;max-width:170px;object-fit:contain;display:block}
.clogo.sm{height:42px;min-width:42px;padding:4px 8px}.clogo.sm img{max-height:32px;max-width:120px}
.clogo.lg{height:78px;width:78px;min-width:78px;padding:6px;border:1px solid var(--line);box-shadow:none}.clogo.lg img{max-height:64px;max-width:64px}
.clogo.empty{font-size:28px;color:var(--muted);background:var(--bg)}
.clogo-team{display:flex;gap:12px;align-items:center;margin:4px 0 12px;flex-wrap:wrap}
.clogo-team form{margin:0}
.atools{justify-content:flex-end;gap:6px;margin-top:10px}
.acct-strip{background:#205c93;color:#fff;text-align:center;padding:9px 14px;font-size:14px}
.acct-strip a{color:#fff;text-decoration:underline}
@media (max-width:640px){.atop .sflogo{height:36px}.clogo{height:46px}.clogo img{max-height:34px;max-width:120px}}

/* شعار فاتح/أبيض: خلفية داكنة بدل البيضاء */
.clogo.dark{background:#1a2030;box-shadow:0 0 0 1px rgba(255,255,255,.18)}
.clogo.lg.dark{border-color:#1a2030}

/* شعار SFRAME وشعار العميل بنفس المستوى (نفس الارتفاع والمحاذاة) */
.atop .logos2{align-items:center;min-height:70px}
.atop .sflogo{height:70px;width:auto}
.atop .clogo{height:70px;min-width:70px;max-width:220px;padding:8px 12px}
.atop .clogo img{max-height:54px;max-width:196px}
@media (max-width:640px){.atop .logos2{min-height:52px}.atop .sflogo{height:52px}.atop .clogo{height:52px;min-width:52px;max-width:150px;padding:6px 8px}.atop .clogo img{max-height:40px;max-width:134px}}

/* أيقونات أنواع الطلب (خطية بلون الهوية) */
.rti{width:30px;height:30px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;display:block}
.rtypes label b{line-height:0;color:var(--brand-2)}
.rtypes label:has(input:checked) b{color:var(--brand-2)}
.rtypes label:hover{border-color:color-mix(in srgb,var(--brand-2) 50%,var(--line))}

/* أيقونات خطية للصفحات العامة (بدل الإيموجي) */
.uic{width:1.15em;height:1.15em;vertical-align:-.2em;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none;display:inline-block}
h1 .uic,h2 .uic,h3 .uic{color:var(--brand-2,#205c93);opacity:.9}
.stars{color:#e0a800;letter-spacing:1px}

/* الدفع الإلكتروني في صفحة الفاتورة */
.paycard{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border-color:var(--brand-2)}
.paycard>div:first-child{flex:1;min-width:220px}
.paycard .payamt{display:flex;flex-direction:column;align-items:flex-end}
.paycard .payamt b{font-size:20px}
@media (max-width:600px){.paycard .payamt{align-items:flex-start}.paycard .btn{width:100%;justify-content:center}}

/* تقدير من صور التصميم */
.est-pick{display:flex;flex-wrap:wrap;gap:10px}
.est-thumb{display:flex;flex-direction:column;gap:4px;width:150px;border:1px solid var(--line);border-radius:10px;padding:6px;cursor:pointer}
.est-thumb img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px;background:var(--bg)}
.est-t .est-sec td{background:var(--bg);font-weight:700;font-size:13px}
.est-t .est-miss td{background:color-mix(in srgb,var(--warn-soft) 55%,transparent)}
.est-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 16px;border-top:1px solid var(--line)}
.est-foot>div{display:flex;flex-direction:column;gap:2px}.est-foot b{font-size:20px}
.est-imgs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.est-imgs img{width:100%;border-radius:8px;display:block;aspect-ratio:4/3;object-fit:cover}
.est-list{margin:0;padding-inline-start:20px;line-height:1.8}
.est-act{display:flex;flex-direction:column;align-items:flex-end;gap:8px}

/* مسودة قائمة الأسعار */
.pld-stats{display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:12px;margin-bottom:12px}
.pld-stats .card{margin:0;display:flex;flex-direction:column;gap:2px}.pld-stats b{font-size:22px}
.pld-t .pld-in{padding:6px 8px;min-width:0;width:110px}
.pld-t tr.pld-ok td:first-child{box-shadow:inset 3px 0 0 var(--ok)}
[dir=rtl] .pld-t tr.pld-ok td:first-child{box-shadow:inset -3px 0 0 var(--ok)}
.pld-foot{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:14px 16px;border-top:1px solid var(--line);position:sticky;bottom:0;background:var(--panel)}
.pld-foot .grow{flex:1}

/* أوامر الشراء */
.po-items input{width:100%;min-width:0;padding:6px 8px}
.po-tot{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end;padding:8px 0;border-top:1px dashed var(--line)}
.po-tot b{font-size:15px}
.po-sum{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.po-sum .big b{font-size:20px}
.po-steps{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0}
.po-steps span{border:1px solid var(--line);border-radius:99px;padding:4px 12px;font-size:13px;color:var(--muted)}
.po-steps span.done{background:var(--ok-soft);color:var(--ok);border-color:transparent}
.po-steps span.cur{background:var(--brand-2);color:#fff;border-color:var(--brand-2);font-weight:700}

/* حقول البحث مع زر الإضافة: البحث يأخذ العرض، وزر الإضافة مربع صغير «＋» (النص يظهر عند المرور) */
.with-add{align-items:stretch}
.with-add>.combo,.with-add>select{flex:1 1 auto;min-width:0}
.with-add>.btn{flex:0 0 42px;width:42px;padding:0;justify-content:center;font-size:0;line-height:1}
.with-add>.btn::before{content:"＋";font-size:20px;font-weight:600}
.combo .combo-in{width:100%}
/* على الكمبيوتر: حقل البحث (عميل/مورد/مشروع) يأخذ عمودين ليظهر النص كاملاً */
@media (min-width:900px){.fg>div:has(>.with-add>.combo):not(.full){grid-column:span 2}}

/* الشراكات الاستراتيجية */
.partner-card.is-partner{border-color:color-mix(in srgb,var(--ok) 45%,var(--line))}
.pt-stats,.sp-outlook{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:6px 0 10px}
.pt-stats>div,.sp-outlook>div{border:1px solid var(--line);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:2px;background:var(--bg)}
.pt-stats b,.sp-outlook b{font-size:18px}
.pt-edit summary{cursor:pointer;color:var(--brand-2);font-weight:600}
.pt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.pt-tile{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:6px;margin:0}
.pt-tile:hover{border-color:var(--brand-2)}
.pt-tile.off{opacity:.7}
.pt-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:4px}
.pt-mini>div{display:flex;flex-direction:column}.pt-mini small{color:var(--muted);font-size:11.5px}.pt-mini b{font-size:15px}
.pt-bar{height:6px;border-radius:99px;background:var(--bg);overflow:hidden}.pt-bar i{display:block;height:100%;background:var(--ok)}
.sp-rate{display:flex;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:10px}
.rfq-prio{display:block;margin:0 0 8px;padding:8px 10px;border:1px dashed var(--ok);border-radius:10px;background:var(--ok-soft)}

/* العقود الإلكترونية */
.ksign-wrap{max-width:900px;margin:20px auto;padding:0 16px;display:grid;gap:14px}
.ksign-top{display:flex;justify-content:space-between;align-items:center}
.ksign-done{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border-color:var(--ok);background:var(--ok-soft)}
.ksign-steps{margin:0 0 12px;padding-inline-start:20px;line-height:2}
.sigpad canvas{width:100%;max-width:560px;height:auto;aspect-ratio:560/180;border:2px dashed var(--line);border-radius:12px;background:#fff;touch-action:none;display:block}
.sig-row{display:flex;justify-content:space-between;align-items:center;max-width:560px;margin-top:4px}

/* ---- الأداء: شريط تحميل فوري عند الانتقال + رسم البطاقات الظاهرة فقط في القوائم الطويلة */
#sf-nav{position:fixed;top:0;left:0;right:0;height:3px;z-index:10000;pointer-events:none;opacity:0;
  background:linear-gradient(90deg,var(--sf-green,#21a04a),var(--sf-yellow,#f4c320),var(--brand-2,#205c93));
  transform:scaleX(0);transform-origin:left;transition:opacity .15s}
html[dir=rtl] #sf-nav{transform-origin:right}
#sf-nav.go{opacity:1;animation:sfnav 6s cubic-bezier(.1,.7,.2,1) forwards}
@keyframes sfnav{0%{transform:scaleX(0)}15%{transform:scaleX(.35)}100%{transform:scaleX(.92)}}
html.sf-leaving main,html.sf-leaving .main{transition:opacity .2s .25s;opacity:.72}
.supgrid>.supcard,.evgrid>.evcard,.bcol .bcard,.bcard{content-visibility:auto;contain-intrinsic-size:auto 230px}
.bcard{contain-intrinsic-size:auto 120px}
.cv-open{content-visibility:visible!important}
@media (prefers-reduced-motion:reduce){#sf-nav.go{animation:none;transform:scaleX(.6)}}

/* ================= التنقل الموحّد (أقسام + شريط فروع) ================= */
.nav-secs{display:flex;flex-direction:column;gap:2px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}
.side a.nav-s{padding:10px 12px;font-size:14.5px}
.nav-s .ni{width:22px;text-align:center;flex:none}.nav-s .nl{flex:1}
.subnav{display:flex;align-items:center;gap:6px;overflow-x:auto;padding:0 0 10px;margin:0 0 14px;border-bottom:1px solid var(--line);scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.subnav-t{font-weight:700;font-size:13.5px;color:var(--ink);white-space:nowrap;padding:6px 6px 6px 2px;border-inline-end:2px solid var(--navc);margin-inline-end:4px}
.subnav a{flex:none;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;font-size:13.5px;color:var(--muted);text-decoration:none;white-space:nowrap;border:1px solid transparent}
.subnav a:hover{background:var(--panel);color:var(--ink);text-decoration:none}
.subnav a.on{background:var(--panel);color:var(--ink);border-color:color-mix(in srgb,var(--navc) 55%,var(--line));font-weight:600;box-shadow:var(--shadow)}
.subnav .badge{background:var(--accent);color:#fff;border-radius:99px;font-size:11px;padding:0 6px}
@media print{.subnav{display:none}}
.subnav-views{margin-inline-start:auto;flex:none;display:inline-flex;gap:2px;padding:3px;background:var(--panel);border:1px solid var(--line);border-radius:10px}
.subnav .subnav-views a{padding:4px 11px;border-radius:7px;font-size:12.5px;border:0;box-shadow:none}
.subnav .subnav-views a.on{background:var(--brand-2);color:#fff;border:0}
@media (max-width:700px){.subnav-views{order:-1;margin-inline-start:0}.subnav-t{display:none}}   /* الجوال: طرق العرض أولاً، والفروع تُسحب أفقياً */
@media (min-width:701px){.subnav{flex-wrap:wrap;overflow:visible;row-gap:6px}}   /* الحاسب: يلتف بدل التمرير حتى لا يختفي شيء */

/* شريط «الخطوة التالية» + تبويبات صفحات السجلات (المشروع، عرض السعر) */
.nextbar{display:flex;align-items:center;gap:12px;padding:10px 14px;margin:0 0 12px;background:var(--panel);border:1px solid var(--line);border-inline-start:4px solid var(--brand-2);border-radius:var(--radius)}
.nextbar.bad{border-inline-start-color:var(--bad)}.nextbar.warn{border-inline-start-color:#f4c320}.nextbar.ok{border-inline-start-color:var(--ok)}
.nextbar .nb-i{font-size:22px;line-height:1}
.nextbar .nb-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.nextbar .nb-t small{color:var(--muted);font-size:11.5px}
.nextbar .btn{white-space:nowrap}
.ptabs-nav{display:flex;align-items:center;gap:2px;margin:0 0 12px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.ptabs-nav::-webkit-scrollbar{display:none}
.ptabs-nav button{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:9px 12px;margin-bottom:-1px;background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);font:inherit;font-size:14px;cursor:pointer}
.ptabs-nav button:hover{color:var(--ink)}
.ptabs-nav button.on{color:var(--ink);font-weight:600;border-bottom-color:var(--brand-2)}
.ptabs-nav .ptabs-x{margin-inline-start:auto;display:inline-flex;gap:4px;padding-inline-start:8px}
.ptabs-nav .ptabs-x a{white-space:nowrap;font-size:13px;padding:6px 8px;border-radius:8px;color:var(--muted);text-decoration:none}
.ptabs-nav .ptabs-x a:hover{background:var(--bg);color:var(--ink)}
.ptabs.js>.ptab:not(.on){display:none}
.g-side .ptabs-nav button{padding:8px 9px;font-size:13.5px}
#sec-money .phub-money{margin:0;border:0;padding:0}
@media (max-width:520px){.nextbar{flex-wrap:wrap}.nextbar .btn{width:100%;justify-content:center}}

/* أشرطة التصفية داخل الصفحات (التصنيفات، الحالات، الأنواع) — بنفس شكل شريط القائمة الفرعية: كبسولات واضحة، والنشط بإطار وظل */
body :is(.tabs:not(#c-etabs), .chips-f, .gtabs, .tl-f){display:flex;flex-wrap:wrap;align-items:center;gap:6px;overflow:visible;margin:0 0 14px;padding:0 0 10px;border-bottom:1px solid var(--line)}
body :is(.tabs:not(#c-etabs), .chips-f, .gtabs, .tl-f) > a{flex:none;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;font-size:13.5px;font-weight:400;color:var(--muted);background:transparent;border:1px solid transparent;box-shadow:none;text-decoration:none;white-space:nowrap}
body :is(.tabs:not(#c-etabs), .chips-f, .gtabs, .tl-f) > a:hover{background:var(--panel);color:var(--ink);text-decoration:none}
body :is(.tabs:not(#c-etabs), .chips-f, .gtabs, .tl-f) > a.on{background:var(--panel);color:var(--ink);border-color:color-mix(in srgb,var(--brand-2) 45%,var(--line));font-weight:600;box-shadow:var(--shadow)}
body :is(.tabs:not(#c-etabs), .chips-f, .gtabs, .tl-f) > a .muted{display:inline-block;min-width:20px;text-align:center;padding:0 7px;border-radius:99px;background:var(--panel);border:1px solid var(--line);color:var(--muted);font-size:11.5px;font-weight:600;line-height:18px}
body :is(.tabs:not(#c-etabs), .chips-f, .gtabs, .tl-f) > a.on .muted{background:color-mix(in srgb,var(--brand-2) 14%,var(--bg));color:var(--brand-2)}
body .gtabs > a.soon{opacity:.55}
body :is(.tabs, .chips-f) + .chips-f{margin-top:-6px}
@media (max-width:760px){
  body :is(.tabs:not(#c-etabs), .chips-f, .gtabs, .tl-f){flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  body :is(.tabs:not(#c-etabs), .chips-f, .gtabs, .tl-f)::-webkit-scrollbar{display:none}
}

/* زر المساحة الخاصة (العميل/المورد) أعلى الصفحة — بارز بأيقونة كبيرة */
.sphero{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0 6px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--brand-2) 35%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--brand-2) 7%,var(--panel))}
.sphero-main{flex:1;min-width:240px;display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}
.sphero-main:hover{text-decoration:none}
.sphero-ic{width:54px;height:54px;flex:none;display:grid;place-items:center;font-size:28px;border-radius:14px;background:var(--brand-2);color:#fff;box-shadow:var(--shadow);transition:transform .15s}
.sphero-main:hover .sphero-ic{transform:scale(1.05)}
.sphero-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.sphero-t b{font-size:16.5px}
.sphero-t small{color:var(--muted);font-size:12.5px;line-height:1.5}
.sphero-go{margin-inline-start:auto;font-size:20px;color:var(--brand-2);padding-inline-end:4px}
.sphero-acts{display:flex;gap:6px;flex-wrap:wrap}
@media (max-width:760px){.sphero-acts{width:100%}.sphero-acts>*{flex:1;justify-content:center}.sphero-acts form .btn{width:100%;justify-content:center}}

/* ترقيم الصفحات: 5 أرقام + السابق/التالي */
.pager{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin:14px 0}
.pager .pager-gap{color:var(--muted);padding:0 2px}
.pager .pager-of{margin-inline-start:8px}

/* شارة اتفاقية السرية في صفحتي العميل والمورد */
.ndpill{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;margin:2px 0 8px;padding:6px 12px;border-radius:99px;font-size:13px;border:1px solid var(--line);background:var(--panel)}
.ndpill.ok{border-color:color-mix(in srgb,var(--ok) 45%,var(--line));color:var(--ok)}
.ndpill.warn{border-color:color-mix(in srgb,#e8930c 50%,var(--line))}

/* شريط أدوات أعلى صفحات العميل والمورد: اللغة والخروج في الزاوية بعيداً عن الشعارات */
.atools-bar{max-width:960px;margin:0 auto 8px;display:flex;justify-content:flex-end;gap:6px}
.ptop .atools-bar{margin-bottom:6px}
.atop .atools-bar .alink,.ptop .atools-bar .langsw{font-size:12px;padding:3px 10px}
.logo-ask{border-inline-start:4px solid #21a04a;margin-bottom:14px}
.po-steps{display:flex;gap:4px;flex-wrap:wrap;margin:-2px 0 10px;padding-inline-start:28px}
.po-steps span{padding:2px 8px;border-radius:12px;background:var(--bg,#f2f4f8);color:var(--muted,#6b7488)}
.po-steps span.done{background:#e3f4e8;color:#1f7a3f}.po-steps span.cur{background:#fff4d6;color:#8a6200;font-weight:600}

/* ===== القوائم الأفقية: إطار واضح + خط عريض + لون من الهوية عند التمرير (موحّد في كل المنصة) ===== */
.subnav a,.viewtabs a,.ptabs-nav button,.tabs a,.cc-nav a,.pt-tabs a,.ev-tabs a{--hc:var(--brand-solid);--ht:var(--brand-solid)}
.subnav a:nth-child(5n+2),.viewtabs a:nth-child(5n+1),.ptabs-nav button:nth-child(5n+1),.tabs a:nth-child(5n+1),.cc-nav a:nth-child(5n+1),.pt-tabs a:nth-child(5n+1),.ev-tabs a:nth-child(5n+1){--hc:#21a04a;--ht:#177a37}
.subnav a:nth-child(5n+3),.viewtabs a:nth-child(5n+2),.ptabs-nav button:nth-child(5n+2),.tabs a:nth-child(5n+2),.cc-nav a:nth-child(5n+2),.pt-tabs a:nth-child(5n+2),.ev-tabs a:nth-child(5n+2){--hc:#f4c320;--ht:#8a6400}
.subnav a:nth-child(5n+4),.viewtabs a:nth-child(5n+3),.ptabs-nav button:nth-child(5n+3),.tabs a:nth-child(5n+3),.cc-nav a:nth-child(5n+3),.pt-tabs a:nth-child(5n+3),.ev-tabs a:nth-child(5n+3){--hc:var(--brand-solid);--ht:var(--brand-solid)}
.subnav a:nth-child(5n+5),.viewtabs a:nth-child(5n+4),.ptabs-nav button:nth-child(5n+4),.tabs a:nth-child(5n+4),.cc-nav a:nth-child(5n+4),.pt-tabs a:nth-child(5n+4),.ev-tabs a:nth-child(5n+4){--hc:#6b6ea0;--ht:#55588a}
.subnav a:nth-child(5n+6),.viewtabs a:nth-child(5n+5),.ptabs-nav button:nth-child(5n+5),.tabs a:nth-child(5n+5),.cc-nav a:nth-child(5n+5),.pt-tabs a:nth-child(5n+5),.ev-tabs a:nth-child(5n+5){--hc:#cc4629;--ht:#a8361d}
.subnav a,.ptabs-nav button,.tabs a{border:1px solid var(--line);background:var(--panel);color:var(--ink);font-weight:700;border-radius:99px;
  transition:border-color .15s,background .15s,color .15s,box-shadow .15s,transform .15s}
.ptabs-nav{gap:6px;border-bottom:0;padding-bottom:4px}.ptabs-nav button{padding:7px 14px;margin-bottom:0}
.tabs{gap:6px}.tabs a{padding:7px 14px;margin-bottom:4px}
.viewtabs a,.cc-nav a,.pt-tabs a,.ev-tabs a{font-weight:700;border:1px solid transparent;transition:border-color .15s,background .15s,color .15s}
.subnav a:hover,.ptabs-nav button:hover,.tabs a:hover,.viewtabs a:hover,.cc-nav a:not(.on):hover,.pt-tabs a:not(.on):hover,.ev-tabs a:not(.on):hover{
  border-color:var(--hc);color:var(--ht);background:color-mix(in srgb,var(--hc) 10%,var(--panel));box-shadow:0 2px 8px color-mix(in srgb,var(--hc) 22%,transparent);text-decoration:none}
.subnav a:hover{transform:translateY(-1px)}
.subnav a.on{background:var(--navc,var(--brand-solid));border-color:var(--navc,var(--brand-solid));color:#fff;box-shadow:0 3px 10px color-mix(in srgb,var(--navc,var(--brand-solid)) 35%,transparent)}
.ptabs-nav button.on,.tabs a.on{background:var(--brand-2,var(--brand-solid));border-color:var(--brand-2,var(--brand-solid));color:#fff}
.subnav .subnav-views a{font-weight:700}
@media (prefers-color-scheme:dark){.subnav a:nth-child(5n+3),.viewtabs a:nth-child(5n+2),.ptabs-nav button:nth-child(5n+2),.tabs a:nth-child(5n+2),.cc-nav a:nth-child(5n+2),.pt-tabs a:nth-child(5n+2),.ev-tabs a:nth-child(5n+2){--ht:#f4c320}
  .subnav a,.subnav a:nth-child(n){--ht:color-mix(in srgb,var(--hc) 70%,#fff)}}


/* ===== تركيز لوحة المفاتيح: إطار واضح لكل عنصر تفاعلي (لا يظهر بالفأرة) ===== */
:where(a,button,summary,.btn,[role=tab],[tabindex]):focus-visible{outline:2px solid var(--brand-solid);outline-offset:2px;border-radius:6px}
.side a:focus-visible{outline-color:#fff}
.skip-link{position:absolute;inset-inline-start:8px;top:-60px;z-index:1000;background:var(--brand-solid);color:#fff;padding:8px 14px;border-radius:8px;font-weight:700}
.skip-link:focus{top:8px;text-decoration:none}

/* ===== بقية التبويبات (البوابات، القوالب، الأدلة، فحص الجودة، تصنيف العملاء، بوابة الشركات): نفس سلوك القوائم الموحّدة ===== */
.pnav a,.et-tabs a,.tl-tabs a,.qcs-tabs a,.hg-tabs a,.cal-tabs a,.dz-tabs button,.segtabs a{font-weight:700;transition:border-color .15s,background .15s,color .15s,box-shadow .15s}
.pnav a:hover,.et-tabs a:not(.on):hover,.tl-tabs a:not(.on):hover,.qcs-tabs a:not(.on):hover,.hg-tabs a:not(.on):hover,.cal-tabs a:not(.on):hover,.dz-tabs button:not(.on):hover,.segtabs a:not(.on):hover{
  border-color:var(--brand-solid);color:var(--brand-solid);background:color-mix(in srgb,var(--brand-solid) 9%,var(--panel));box-shadow:0 2px 8px color-mix(in srgb,var(--brand-solid) 18%,transparent);text-decoration:none}
.et-tabs a.on,.tl-tabs a.on,.qcs-tabs a.on,.hg-tabs a.on,.cal-tabs a.on,.dz-tabs button.on,.segtabs a.on{background:var(--brand-solid);border-color:var(--brand-solid);color:#fff}

/* الصف الثاني: صفحات العنصر المدمج (مثلاً: عروض الأسعار | العقود) */
.subnav2{display:flex;gap:4px;flex-wrap:wrap;margin:-6px 0 14px;padding:3px;background:var(--panel);border:1px solid var(--line);border-radius:11px;width:max-content;max-width:100%}
.subnav2 a{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:8px;font-size:13px;color:var(--muted);text-decoration:none;white-space:nowrap;font-weight:600}
.subnav2 a:hover{background:var(--bg);color:var(--ink);text-decoration:none}
.subnav2 a.on{background:color-mix(in srgb,var(--navc) 16%,var(--panel));color:var(--ink);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--navc) 55%,var(--line))}
.subnav2 .badge{background:var(--accent);color:#fff;border-radius:99px;font-size:11px;padding:0 6px}
.topchat{position:relative}
@media (max-width:760px){.subnav2{width:100%;overflow-x:auto;flex-wrap:nowrap}}
@media print{.subnav2{display:none}}

/* القوائم: زر شريط الإنجاز + لوحة المراحل المشتركة */
.stagepick{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:3px 6px;border-radius:8px}
.stagepick:hover{background:var(--bg)}.stagepick:focus-visible{outline:2px solid var(--brand-2)}
.stagepick .sp-ed{font-size:12px;color:var(--muted);opacity:0}.stagepick:hover .sp-ed{opacity:1}
.stagepop{position:absolute;z-index:60;padding:10px 12px;box-shadow:0 10px 30px rgba(0,0,0,.18);max-width:calc(100vw - 16px)}

/* رؤوس صفحات التفاصيل: سجل المراحل مطوي، وقائمة «المزيد» تتماشى مع الأزرار */
.shist-d{margin:6px 0 2px}.shist-d>summary{cursor:pointer;list-style:none;display:inline-block}.shist-d>summary::-webkit-details-marker{display:none}
.phub-acts .moremenu .menu-pop{min-width:210px}
.phub-acts .moremenu .menu-pop form{margin:0}

/* شريط «مرتبط بـ» */
.relbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 12px;padding:8px 10px;background:var(--panel);border:1px solid var(--line);border-radius:12px}
.relbar-t{font-size:12.5px;font-weight:700;color:var(--muted);margin-inline-end:4px;white-space:nowrap}
.relchip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;background:var(--bg);border:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:13px;max-width:100%}
.relchip:hover{border-color:var(--brand-2);text-decoration:none}
.relchip .rl{color:var(--muted);font-size:12px}.relchip .rv{font-weight:700;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.relchip .rs{font-size:11.5px;color:var(--muted)}
.relchip.ok{border-color:color-mix(in srgb,var(--ok) 45%,var(--line))}.relchip.warn{border-color:color-mix(in srgb,var(--warn) 55%,var(--line))}
.relchip.bad{border-color:color-mix(in srgb,var(--bad) 55%,var(--line))}.relchip.bad .rs{color:var(--bad)}
.relchip.info{border-color:color-mix(in srgb,var(--brand-2) 45%,var(--line))}
@media (max-width:700px){.relbar{flex-wrap:nowrap;overflow-x:auto}.relchip{flex:none}}
@media print{.relbar{display:none}}

/* المرحلة 5: الرسائل الفارغة داخل البطاقات صغيرة (بدل مساحة كبيرة فاضية) */
.card .empty{padding:10px 14px;font-size:13px;line-height:1.7;text-align:start;background:var(--bg);border:1px dashed var(--line);border-radius:10px;margin:6px 0}
.card.flush .empty{margin:8px 14px 14px}
.card.empty,.tw td.empty,table td.empty{padding:16px;text-align:center;background:none;border:0}
/* شريط القفز لأقسام الصفحات الطويلة */
.jumpbar{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px;position:sticky;top:0;z-index:5;padding:6px 0;background:var(--bg)}
.jumpbar a{padding:5px 12px;border-radius:99px;background:var(--panel);border:1px solid var(--line);font-size:13px;color:var(--ink);text-decoration:none;white-space:nowrap}
.jumpbar a:hover{border-color:var(--brand-2)}
@media (max-width:700px){.jumpbar{flex-wrap:nowrap;overflow-x:auto}}
[id^="st-"],#epay,#backups{scroll-margin-top:60px}

/* لوحة «＋ جديد» الجانبية */
.qc-dr{position:fixed;inset:0;z-index:9980}
.qc-dr[hidden]{display:none}
.qc-bg{position:absolute;inset:0;background:rgba(10,16,30,.45)}
.qc-pn{position:absolute;top:0;bottom:0;inset-inline-end:0;width:min(820px,100vw);background:var(--bg);box-shadow:-10px 0 40px rgba(0,0,0,.25);display:flex;flex-direction:column;animation:qcin .18s ease-out}
@keyframes qcin{from{opacity:.3;transform:translateX(24px)}to{opacity:1;transform:none}}
[dir=rtl] .qc-pn{animation-name:qcinr}@keyframes qcinr{from{opacity:.3;transform:translateX(-24px)}to{opacity:1;transform:none}}
.qc-hd{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--panel)}
.qc-hd b{flex:1;font-size:16px}
.qc-pn iframe{flex:1;border:0;width:100%;background:var(--bg)}
.embed .backbtn{display:none!important}
.qc-toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--hdr,#1a2030);color:#fff;padding:10px 20px;border-radius:12px;font-size:14px;z-index:9999;opacity:0;transition:opacity .2s;pointer-events:none}.qc-toast.on{opacity:1}