:root{--bg:#E8E8E6;--card:#FFFFFF;--ink:#121F26;--muted:#6E7B82;--accent:#D93D3D;--accentDark:#B22F2F;--navy:#121F26;--line:#DBDDDC;--soft:#F4F4F3;
    --green:#2F7D53;--greenBg:#E9F2EC;--greenLn:#cfe0d5;--red:#D93D3D;--redBg:#FBEAEA;--redLn:#f0cbcb;
    --amber:#A3772A;--amberBg:#F7F0DF;--amberLn:#e7dcbf;--blue:#4E7A93;--blueBg:#E8F0F4;--blueLn:#c9dbe4;}
  *{margin:0;padding:0;box-sizing:border-box;font-family:'Cairo',system-ui,-apple-system,'Segoe UI',Tahoma,Arial,sans-serif;}
  body{background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%;}
  .num{font-family:'Literata','Cairo',serif;font-variant-numeric:tabular-nums;letter-spacing:-.01em;}
  .app{max-width:680px;margin:0 auto;min-height:100vh;}
  .top{padding:18px 18px 0;}
  .navbar{background:var(--navy);display:flex;align-items:center;gap:14px;padding:14px 18px;}
  .nav-logo{height:40px;width:auto;}
  .nav-title{display:flex;flex-direction:column;line-height:1.2;}
  .jp{font-family:'Literata',serif;font-weight:800;font-size:19px;color:#fff;letter-spacing:.01em;}
  .jp-sub{font-size:12px;color:rgba(255,255,255,.65);font-weight:600;}
  .pricecard{background:var(--card);border:1.5px solid var(--line);border-radius:16px;padding:14px 16px;margin-top:14px;display:flex;align-items:center;gap:12px;}
  .pricecard label{font-size:13px;font-weight:600;color:var(--muted);white-space:nowrap;}
  .pricecard input{flex:1;min-width:0;font-size:22px;font-weight:800;border:none;outline:none;background:transparent;color:var(--ink);text-align:left;}
  .pricecard .cur{font-size:13px;color:var(--muted);}
  .refnote{font-size:12px;color:var(--muted);margin-top:6px;padding:0 4px;line-height:1.5;}
  .tabbar{position:sticky;top:0;z-index:20;background:var(--bg);padding:14px 18px 10px;display:flex;gap:6px;}
  .tabbtn{flex:1;border:1.5px solid var(--line);background:var(--card);border-radius:12px;padding:10px 6px;font-family:inherit;font-weight:700;font-size:13.5px;color:var(--muted);cursor:pointer;transition:all .15s;text-align:center;}
  .tabbtn.active{background:var(--accent);color:#fff;border-color:var(--accent);}
  .tabbtn .n{display:block;font-size:11px;font-weight:600;opacity:.7;margin-bottom:1px;}
  .tabpanel{display:none;padding:4px 18px 40px;}
  .tabpanel.show{display:block;}
  .sec{background:var(--card);border:1.5px solid var(--line);border-radius:16px;padding:18px;margin-bottom:14px;}
  .sec-title{font-size:14px;font-weight:800;color:var(--ink);margin-bottom:14px;}
  .lbl{font-size:14px;font-weight:600;color:var(--muted);}
  input{width:100%;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;font-size:17px;font-weight:700;outline:none;font-family:inherit;color:var(--ink);transition:border-color .15s;}
  input:focus{border-color:var(--accent);}
  input::-webkit-inner-spin-button{-webkit-appearance:none;}
  .block{margin-bottom:16px;}.block:last-child{margin-bottom:0;}
  .block>input{margin-top:8px;}
  .row-between{display:flex;align-items:center;justify-content:space-between;gap:8px;}
  .seg-group{display:flex;background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:2px;}
  .seg{border:none;background:none;cursor:pointer;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600;color:var(--muted);font-family:inherit;transition:all .15s;}
  .seg.active{background:var(--accent);color:#fff;}
  .seg-full{display:flex;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:4px;margin-top:8px;}
  .seg-full .seg{flex:1;padding:10px;border-radius:8px;font-size:14px;}
  .hint{margin-top:8px;font-size:13px;color:var(--accent);font-weight:600;}
  .mini{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.5;}
  .two{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
  .scrollx{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;}
  .scrollx table{min-width:100%;}
  .pres-sched{max-height:340px;overflow:auto;border:1px solid var(--line);border-radius:10px;}
  .pres-sched table{width:100%;font-size:12px;border-collapse:collapse;}
  .pres-sched th{position:sticky;top:0;background:var(--navy);color:#fff;padding:7px;font-size:11px;}
  .pres-sched td{padding:6px 8px;border-bottom:1px solid var(--line);text-align:center;}
  /* مقارنة سيناريوهين */
  .sc-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px;}
  .sc-box{border:1.5px solid var(--line);border-radius:14px;padding:12px;background:var(--soft);}
  .sc-box h5{font-size:13.5px;font-weight:800;margin-bottom:8px;}
  .sc-box.a h5{color:var(--navy);}
  .sc-box.b h5{color:var(--accent);}
  .sc-row{display:flex;gap:6px;margin-bottom:6px;flex-wrap:wrap;align-items:center;}
  .sc-row label{font-size:11.5px;color:var(--muted);font-weight:600;min-width:52px;}
  .sc-row select,.sc-row input{flex:1;border:1.5px solid var(--line);border-radius:9px;padding:7px 9px;font-family:inherit;font-weight:700;font-size:12.5px;background:#fff;min-width:70px;}
  .sc-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:14px;}
  @media(min-width:700px){.sc-grid{grid-template-columns:1fr 1fr;}}
  .sc-card{border:2px solid var(--line);border-radius:16px;padding:14px;background:#fff;}
  .sc-card.a{border-color:var(--navy);}
  .sc-card.b{border-color:var(--accent);}
  .sc-card .sct{font-weight:800;font-size:14px;margin-bottom:2px;}
  .sc-card.a .sct{color:var(--navy);}
  .sc-card.b .sct{color:var(--accent);}
  .sc-card .scp{font-size:24px;font-weight:800;margin:6px 0 2px;}
  .sc-card .scd{font-size:12px;color:var(--muted);line-height:1.8;}
  .sc-card .scd b{color:var(--ink);}
  .sc-badge{display:inline-block;font-size:10.5px;font-weight:800;padding:2px 9px;border-radius:999px;margin-top:6px;}
  .sc-diff{background:var(--navy);color:#fff;border-radius:14px;padding:12px 14px;margin-top:12px;font-size:13px;line-height:1.8;}
  .sc-diff b{color:#fff;}
  .fixrow{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:7px;background:rgba(255,255,255,.55);border-radius:9px;padding:7px 10px;}
  .fixrow span{font-size:12px;line-height:1.6;}
  .fixbtn{background:var(--navy);color:#fff;border:none;border-radius:8px;padding:7px 15px;font-family:inherit;font-weight:800;font-size:11.5px;cursor:pointer;flex:none;}
  .fixbtn:hover{background:var(--accent);}
  /* الشريط الحي */
  #liveBar{position:fixed;bottom:0;bottom:env(safe-area-inset-bottom,0);left:0;right:0;z-index:55;background:var(--navy);color:#fff;display:none;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;box-shadow:0 -6px 22px rgba(18,31,38,.28);}
  body.on-data #liveBar.has{display:flex;}
  @media(min-width:1024px){#liveBar{max-width:1180px;margin:0 auto;border-radius:14px 14px 0 0;}}
  .lb-main{display:flex;align-items:center;gap:11px;}
  .lb-dot{width:11px;height:11px;border-radius:50%;background:#888;flex:none;}
  .lb-dot.v-green{background:#4CC38A;} .lb-dot.v-amber{background:#E4B34A;} .lb-dot.v-red{background:#FF7A7A;} .lb-dot.v-blue{background:#7AB8D9;}
  .lb-price{font-size:17px;font-weight:800;line-height:1.1;}
  .lb-sub{font-size:11px;opacity:.75;font-weight:600;}
  .lb-go{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:10px 16px;font-family:inherit;font-weight:800;font-size:13px;cursor:pointer;white-space:nowrap;}
  body.on-data #tabData{padding-bottom:calc(120px + env(safe-area-inset-bottom,0));}
  body.on-data .ai-fab{bottom:calc(78px + env(safe-area-inset-bottom,0));}
  /* الحالة الفارغة */
  .empty-card{border:1.5px dashed var(--line);border-radius:18px;padding:34px 20px;text-align:center;background:#fff;margin-bottom:14px;}
  .ec-ico{font-size:34px;}
  .ec-t{font-size:17px;font-weight:800;margin-top:8px;}
  #tabResult.empty-on .headline,#tabResult.empty-on .instbar,#tabResult.empty-on .chartcard,#tabResult.empty-on .why,#tabResult.empty-on #verdict,#tabResult.empty-on .yearcard,#tabResult.empty-on #dlSec,#tabResult.empty-on .tablecard,#tabResult.empty-on #addCmpBtn,#tabResult.empty-on #alertBox{display:none !important;}
  #tabResult.empty-on #emptyState{display:block !important;grid-column:1/-1;}
  /* الهيدلاين المحسّن */
  .hclient{font-size:12.5px;opacity:.85;font-weight:600;margin-bottom:3px;min-height:1em;}
  .hgrade{display:inline-block;font-size:11px;font-weight:800;padding:3px 12px;border-radius:99px;background:rgba(255,255,255,.18);margin-top:9px;}
  /* بصمة الإصدار */
  .verline{text-align:center;font-size:10.5px;color:var(--muted);padding:10px 0 26px;font-weight:600;}

  /* ===== موبايل: تحسينات شاملة ===== */
  @media(max-width:600px){
    /* هيدر */
    .navbar{padding:10px 14px;gap:10px;}
    .nav-logo{height:32px;}
    .jp{font-size:16px;}
    .jp-sub{font-size:11px;}
    /* شاشة الدخول */
    .login-box{padding:24px 18px;border-radius:18px;}
    .login-title{font-size:19px;}
    .login-field input{padding:14px;font-size:16px;}
    .login-btn{padding:16px;font-size:16px;}
    /* التابات */
    .tabbar{padding:10px 12px 8px;gap:6px;}
    .tabbtn{flex:1;padding:10px 4px;font-size:12px;}
    .tabbtn .n{font-size:10px;}
    /* KPI */
    .kpis{flex-direction:row;}
    .kpi{padding:10px 6px;}
    .kv{font-size:14px;}
    .kk{font-size:10px;}
    .kc{font-size:9px;}
    /* كروت المشاريع */
    .pcards{grid-template-columns:1fr 1fr;gap:8px;}
    .pc-top{font-size:12.5px;}
    /* مخطط العمارة */
    .stack{padding:10px 10px 8px;margin-top:10px;}
    .srow{gap:6px;}
    .slabel{width:48px;font-size:10.5px;}
    .scell{min-height:54px;padding:7px 8px;}
    .scell .c1{font-size:11.5px;}
    .scell .c2{font-size:9.5px;}
    .scell .c3{font-size:11px;}
    /* الشريط الحي */
    #liveBar{padding:8px 12px;}
    .lb-price{font-size:15px;}
    .lb-sub{font-size:10px;}
    .lb-go{padding:8px 12px;font-size:12px;}
    body.on-data #tabData{padding-bottom:80px;}
    /* النتيجة */
    .headline .big{font-size:34px;}
    .instbar .c{padding:10px 8px;}
    /* لوحة الإدارة */
    .ap-box{margin:10px;padding:16px;border-radius:16px;}
    .ap-head h2{font-size:16px;}
    .ap-tabs{gap:4px;}
    .ap-tab{padding:7px 10px;font-size:12px;}
    /* Accordion */
    .acc .acc-head{font-size:13.5px;}
    /* مطابقة الميزانية */
    .match-in{grid-template-columns:1fr;}
    /* فلاتر */
    .inv-filters{gap:6px;}
    .inv-filters input{min-width:120px;}
    /* المقارنة */
    .sc-controls{grid-template-columns:1fr;}
    /* وضع العرض */
    .pres-price .v{font-size:34px;}
    .pres-cards{grid-template-columns:1fr 1fr 1fr;}
    /* زرار الإضافة للمقارنة */
    #addCmpBtn{font-size:13px;padding:12px;}
    /* تفاصيل الوحدة chip */
    .unit-chip{font-size:12.5px;}
  }

  /* ===== سطح المكتب: تحسينات ===== */
  @media(min-width:1024px){
    /* شاشة الدخول */
    .login-box{max-width:420px;padding:40px 36px;}
    .login-title{font-size:26px;}
    /* لوحة الإدارة */
    .ap-box{padding:32px;}
    .ap-tabs{gap:8px;}
    .ap-tab{padding:10px 20px;font-size:14px;}
    /* KPIs */
    .kpi{padding:20px 16px;}
    .kv{font-size:26px;}
    .kk{font-size:12px;}
    /* كروت المشاريع */
    .pcards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));}
    /* مخطط العمارة */
    .stack{max-width:700px;}
    .scell{min-height:72px;padding:11px 12px;}
    .scell .c1{font-size:14px;}
    .scell .c2{font-size:11px;}
    .scell .c3{font-size:13.5px;}
    .slabel{width:68px;font-size:12px;}
    /* الشريط الحي */
    #liveBar{border-radius:14px 14px 0 0;max-width:1180px;left:50%;transform:translateX(-50%);right:auto;}
    .lb-price{font-size:19px;}
    /* وضع العرض */
    .pres-in{padding:24px 32px 80px;}
    .pres-price .v{font-size:52px;}
    .pres-cards .v{font-size:28px;}
    /* نتيجة: عمودان */
    #tabResult.show{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:start;}
    #tabResult>#alertBox,#tabResult>.headline,#tabResult>.instbar,#tabResult>#addCmpBtn{grid-column:1/-1;margin-bottom:0;}
    #tabResult>.chartcard{grid-column:1;margin-bottom:0;}
    #tabResult>.why{grid-column:2;margin-bottom:0;}
    #tabResult>#verdict{grid-column:2;margin-bottom:0;}
    #tabResult>.yearcard{grid-column:1;margin-bottom:0;}
    #tabResult>#dlSec{grid-column:2;margin-bottom:0;}
    #tabResult>.tablecard{grid-column:1/-1;}
    #tabResult.empty-on #emptyState{grid-column:1/-1;}
  }
  @media print{#liveBar,.verline{display:none !important;}}
  /* شريط KPI */
  .kpis{display:flex;border:1.5px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;}
  .kpi{flex:1;padding:14px 10px;text-align:center;}
  .kpi+.kpi{border-inline-start:1.5px solid var(--line);}
  .kk{display:block;font-size:11.5px;color:var(--muted);font-weight:600;}
  .kv{display:block;font-size:18px;font-weight:800;margin-top:3px;}
  .kc{display:block;font-size:10.5px;color:var(--muted);margin-top:2px;}
  .kpi.sold .kv{color:var(--red);}
  .kpi.rem .kv{color:var(--green);}
  /* كروت المشاريع */
  .pcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:10px;margin-top:10px;}
  .pcard{border:1.5px solid var(--line);border-radius:14px;padding:12px 13px;background:#fff;cursor:pointer;transition:all .12s;}
  .pcard:hover{border-color:var(--navy);}
  .pcard.active{border-color:var(--navy);border-width:2px;box-shadow:0 4px 14px rgba(18,31,38,.10);}
  .pc-top{display:flex;justify-content:space-between;align-items:baseline;font-weight:800;font-size:14px;gap:6px;}
  .pc-top span{font-size:11px;color:var(--muted);font-weight:600;white-space:nowrap;}
  .pbar{display:flex;height:8px;border-radius:99px;overflow:hidden;background:var(--soft);margin:9px 0 7px;}
  .pbar i{display:block;height:100%;}
  .pbar .av{background:var(--green);} .pbar .rs{background:var(--amber);} .pbar .sd{background:var(--red);}
  .pc-meta{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted);align-items:baseline;}
  .pc-meta b{color:var(--ink);font-size:12.5px;}
  .legend{font-size:10.5px;color:var(--muted);font-weight:600;display:inline-flex;gap:8px;align-items:center;}
  .lg{display:inline-block;width:9px;height:9px;border-radius:3px;margin-inline-start:2px;}
  .lg.av{background:var(--green);} .lg.rs{background:var(--amber);} .lg.sd{background:var(--red);}
  /* مسار التنقل */
  .crumb{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:13px;font-weight:700;flex-wrap:wrap;}
  .crumb .back{background:var(--soft);border:1.5px solid var(--line);border-radius:9px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;color:var(--ink);}
  .crumb .back:hover{border-color:var(--navy);}
  .crumb .path{color:var(--muted);} .crumb .path b{color:var(--ink);}
  /* مخطط العمارة الرأسي */
  .stack{max-width:620px;margin:14px auto 0;border:1.5px solid var(--line);border-radius:16px;padding:14px 14px 10px;background:#fff;}
  .stack-head{text-align:center;font-size:12.5px;color:var(--muted);font-weight:600;margin-bottom:12px;line-height:1.8;}
  .stack-head b{color:var(--ink);}
  .roofcap{height:10px;background:var(--navy);border-radius:99px 99px 4px 4px;margin:0 34px 10px;}
  .basecap{height:6px;background:var(--line);border-radius:4px;margin:2px 12px 4px;}
  .srow{display:flex;gap:8px;align-items:stretch;margin-bottom:8px;}
  .slabel{width:60px;display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:800;color:var(--muted);background:var(--soft);border-radius:10px;border:1px dashed var(--line);text-align:center;line-height:1.4;}
  .scell{flex:1;border:1.5px solid var(--line);border-radius:12px;padding:9px 10px;cursor:pointer;background:#fff;transition:all .12s;min-height:62px;}
  .scell .c1{font-weight:800;font-size:13px;display:flex;justify-content:space-between;align-items:center;gap:4px;}
  .scell .c1 .st{font-size:9.5px;font-weight:800;padding:1px 7px;border-radius:99px;white-space:nowrap;}
  .scell .c2{font-size:10.5px;color:var(--muted);margin-top:2px;}
  .scell .c3{font-size:12.5px;font-weight:800;margin-top:3px;}
  .scell.avail{border-color:var(--greenLn);background:linear-gradient(180deg,#fff,var(--greenBg));}
  .scell.avail .st{background:var(--greenBg);color:var(--green);}
  .scell.avail:hover{border-color:var(--green);transform:translateY(-1px);}
  .scell.resv{border-color:var(--amberLn);background:linear-gradient(180deg,#fff,var(--amberBg));cursor:not-allowed;}
  .scell.resv .st{background:#fff;color:var(--amber);}
  .scell.sold{border-color:var(--redLn);background:linear-gradient(180deg,#fff,var(--redBg));cursor:not-allowed;opacity:.85;}
  .scell.sold .st{background:#fff;color:var(--red);}
  .scell.sel{border-color:var(--accent);border-width:2px;}
  .scell.empty{border-style:dashed;background:transparent;cursor:default;display:flex;align-items:center;justify-content:center;color:var(--line);font-weight:800;}
  .stack.dimo .scell.resv,.stack.dimo .scell.sold{opacity:.22;}
  /* أكورديون المطابقة */
  .acc .acc-head{width:100%;background:none;border:none;font-family:inherit;display:flex;justify-content:space-between;align-items:center;font-size:14.5px;font-weight:800;color:var(--ink);cursor:pointer;padding:0;}
  .acc .chev{transition:transform .15s;color:var(--muted);font-size:16px;}
  .acc .acc-body{display:none;}
  .acc.open .acc-body{display:block;}
  .acc.open .chev{transform:rotate(180deg);}
  /* مطابقة الميزانية */
  .match-in{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px;}
  .match-in .blk label{font-size:12.5px;font-weight:600;color:var(--muted);}
  .match-in .blk input{margin-top:6px;}
  .mcard{border:1.5px solid var(--line);border-radius:12px;padding:11px 13px;margin-top:8px;background:#fff;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;}
  .mcard .mi{flex:1;min-width:180px;}
  .mcard .mt{font-weight:800;font-size:14px;}
  .mcard .md{font-size:12px;color:var(--muted);margin-top:2px;line-height:1.6;}
  .mcard .mp{font-size:13px;font-weight:800;margin-top:3px;}
  .mcard .go{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:9px 14px;font-family:inherit;font-weight:800;font-size:13px;cursor:pointer;white-space:nowrap;}
  .mtag{display:inline-block;font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--soft);color:var(--muted);margin-inline-start:6px;}
  .mtag.warn{background:var(--amberBg);color:var(--amber);}
  /* فلاتر المخزون */
  .inv-filters{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap;align-items:center;}
  .inv-filters input{flex:1;min-width:150px;padding:10px 12px;font-size:14px;}
  .fchip{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;font-family:inherit;font-weight:700;font-size:12.5px;color:var(--muted);cursor:pointer;min-height:44px;}
  .fchip.active{background:var(--navy);color:#fff;border-color:var(--navy);}
  .fsel{border:1.5px solid var(--line);border-radius:10px;padding:8px 10px;font-family:inherit;font-weight:700;font-size:12.5px;color:var(--ink);background:#fff;}
  /* وضع عرض العميل */
  #presOverlay{position:fixed;inset:0;z-index:90;background:var(--bg);overflow-y:auto;display:none;}
  #presOverlay.open{display:block;}
  .pres-head{background:var(--navy);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;}
  .pres-head img{height:36px;}
  .pres-head .pt{color:#fff;font-weight:800;font-size:16px;font-family:'Literata',serif;}
  .pres-x{background:rgba(255,255,255,.15);border:none;color:#fff;border-radius:10px;padding:8px 16px;font-family:inherit;font-weight:800;font-size:14px;cursor:pointer;}
  .pres-in{max-width:860px;margin:0 auto;padding:20px 18px 60px;}
  .pres-price{background:var(--accent);color:#fff;border-radius:20px;padding:26px;text-align:center;margin-bottom:16px;}
  .pres-price .k{font-size:14px;opacity:.9;}
  .pres-price .v{font-size:46px;font-weight:800;line-height:1.1;margin-top:4px;}
  .pres-price .u{font-size:13px;opacity:.85;margin-top:4px;}
  .pres-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;}
  .pres-cards .c{background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:16px;text-align:center;}
  .pres-cards .k{font-size:12.5px;color:var(--muted);}
  .pres-cards .v{font-size:24px;font-weight:800;margin-top:4px;}
  .pres-sec{background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:16px;margin-bottom:14px;}
  .pres-sec h4{font-size:15px;font-weight:800;margin-bottom:10px;}

  /* ===== موبايل: تحسينات شاملة ===== */
  @media(max-width:600px){
    /* هيدر */
    .navbar{padding:10px 14px;gap:10px;}
    .nav-logo{height:32px;}
    .jp{font-size:16px;}
    .jp-sub{font-size:11px;}
    /* شاشة الدخول */
    .login-box{padding:24px 18px;border-radius:18px;}
    .login-title{font-size:19px;}
    .login-field input{padding:14px;font-size:16px;}
    .login-btn{padding:16px;font-size:16px;}
    /* التابات */
    .tabbar{padding:10px 12px 8px;gap:6px;}
    .tabbtn{flex:1;padding:10px 4px;font-size:12px;}
    .tabbtn .n{font-size:10px;}
    /* KPI */
    .kpis{flex-direction:row;}
    .kpi{padding:10px 6px;}
    .kv{font-size:14px;}
    .kk{font-size:10px;}
    .kc{font-size:9px;}
    /* كروت المشاريع */
    .pcards{grid-template-columns:1fr 1fr;gap:8px;}
    .pc-top{font-size:12.5px;}
    /* مخطط العمارة */
    .stack{padding:10px 10px 8px;margin-top:10px;}
    .srow{gap:6px;}
    .slabel{width:48px;font-size:10.5px;}
    .scell{min-height:54px;padding:7px 8px;}
    .scell .c1{font-size:11.5px;}
    .scell .c2{font-size:9.5px;}
    .scell .c3{font-size:11px;}
    /* الشريط الحي */
    #liveBar{padding:8px 12px;}
    .lb-price{font-size:15px;}
    .lb-sub{font-size:10px;}
    .lb-go{padding:8px 12px;font-size:12px;}
    body.on-data #tabData{padding-bottom:80px;}
    /* النتيجة */
    .headline .big{font-size:34px;}
    .instbar .c{padding:10px 8px;}
    /* لوحة الإدارة */
    .ap-box{margin:10px;padding:16px;border-radius:16px;}
    .ap-head h2{font-size:16px;}
    .ap-tabs{gap:4px;}
    .ap-tab{padding:7px 10px;font-size:12px;}
    /* Accordion */
    .acc .acc-head{font-size:13.5px;}
    /* مطابقة الميزانية */
    .match-in{grid-template-columns:1fr;}
    /* فلاتر */
    .inv-filters{gap:6px;}
    .inv-filters input{min-width:120px;}
    /* المقارنة */
    .sc-controls{grid-template-columns:1fr;}
    /* وضع العرض */
    .pres-price .v{font-size:34px;}
    .pres-cards{grid-template-columns:1fr 1fr 1fr;}
    /* زرار الإضافة للمقارنة */
    #addCmpBtn{font-size:13px;padding:12px;}
    /* تفاصيل الوحدة chip */
    .unit-chip{font-size:12.5px;}
  }

  /* ===== سطح المكتب: تحسينات ===== */
  @media(min-width:1024px){
    /* شاشة الدخول */
    .login-box{max-width:420px;padding:40px 36px;}
    .login-title{font-size:26px;}
    /* لوحة الإدارة */
    .ap-box{padding:32px;}
    .ap-tabs{gap:8px;}
    .ap-tab{padding:10px 20px;font-size:14px;}
    /* KPIs */
    .kpi{padding:20px 16px;}
    .kv{font-size:26px;}
    .kk{font-size:12px;}
    /* كروت المشاريع */
    .pcards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));}
    /* مخطط العمارة */
    .stack{max-width:700px;}
    .scell{min-height:72px;padding:11px 12px;}
    .scell .c1{font-size:14px;}
    .scell .c2{font-size:11px;}
    .scell .c3{font-size:13.5px;}
    .slabel{width:68px;font-size:12px;}
    /* الشريط الحي */
    #liveBar{border-radius:14px 14px 0 0;max-width:1180px;left:50%;transform:translateX(-50%);right:auto;}
    .lb-price{font-size:19px;}
    /* وضع العرض */
    .pres-in{padding:24px 32px 80px;}
    .pres-price .v{font-size:52px;}
    .pres-cards .v{font-size:28px;}
    /* نتيجة: عمودان */
    #tabResult.show{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:start;}
    #tabResult>#alertBox,#tabResult>.headline,#tabResult>.instbar,#tabResult>#addCmpBtn{grid-column:1/-1;margin-bottom:0;}
    #tabResult>.chartcard{grid-column:1;margin-bottom:0;}
    #tabResult>.why{grid-column:2;margin-bottom:0;}
    #tabResult>#verdict{grid-column:2;margin-bottom:0;}
    #tabResult>.yearcard{grid-column:1;margin-bottom:0;}
    #tabResult>#dlSec{grid-column:2;margin-bottom:0;}
    #tabResult>.tablecard{grid-column:1/-1;}
    #tabResult.empty-on #emptyState{grid-column:1/-1;}
  }
  @media print{#presOverlay{display:none !important;}}
  .dash{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
  .dcard{border:1.5px solid var(--line);border-radius:12px;padding:12px 10px;text-align:center;background:var(--soft);}
  .dcard .dk{font-size:11.5px;color:var(--muted);font-weight:600;}
  .dcard .dv{font-size:17px;font-weight:800;margin-top:3px;}
  .dcard .dc{font-size:11px;color:var(--muted);margin-top:2px;}
  .dcard.sold{background:var(--redBg);border-color:var(--redLn);}
  .dcard.rem{background:var(--greenBg);border-color:var(--greenLn);}
  .proj-sel{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;}
  .proj-sel button{flex:1 0 auto;border:1.5px solid var(--line);background:#fff;border-radius:10px;padding:9px 10px;font-family:inherit;font-weight:700;font-size:13px;cursor:pointer;color:var(--ink);}
  .proj-sel button.active{background:var(--navy);color:#fff;border-color:var(--navy);}
  .unit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:10px;}
  .ucard{border:1.5px solid var(--line);border-radius:12px;padding:10px;cursor:pointer;background:#fff;text-align:right;font-family:inherit;transition:all .12s;}
  .ucard .uc{font-weight:800;font-size:14px;}
  .ucard .um{font-size:11.5px;color:var(--muted);margin-top:2px;line-height:1.5;}
  .ucard .up{font-size:13px;font-weight:800;margin-top:4px;}
  .ucard .ub{display:inline-block;font-size:10px;font-weight:800;padding:2px 8px;border-radius:999px;margin-top:5px;}
  .ucard.avail .ub{background:var(--greenBg);color:var(--green);}
  .ucard.avail:hover{border-color:var(--green);}
  .ucard.sel{border-color:var(--accent);border-width:2px;background:var(--redBg);}
  .ucard.resv{opacity:.75;cursor:not-allowed;}.ucard.resv .ub{background:var(--amberBg);color:var(--amber);}
  .ucard.sold{opacity:.55;cursor:not-allowed;}.ucard.sold .ub{background:var(--redBg);color:var(--red);}
  .unit-chip{background:var(--navy);color:#fff;border-radius:12px;padding:11px 14px;margin-top:10px;font-size:13px;line-height:1.7;display:none;}
  .unit-chip b{color:#fff;}
  .unit-chip .x{float:left;background:rgba(255,255,255,.15);border:none;color:#fff;border-radius:8px;padding:3px 10px;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;}
  .term-sel{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;}
  .term-sel button{flex:1 0 auto;min-width:52px;border:1.5px solid var(--line);background:#fff;border-radius:10px;padding:9px 6px;font-family:inherit;font-weight:700;font-size:13.5px;cursor:pointer;color:var(--ink);}
  .term-sel button.active{background:var(--accent);color:#fff;border-color:var(--accent);}
  .mile-row{display:flex;gap:8px;align-items:center;margin-bottom:8px;}
  .mile-row input{padding:9px 10px;font-size:15px;}
  .mile-row .mpct{width:72px;}.mile-row .mmon{width:80px;}
  .mile-x{border:1.5px solid var(--line);background:#fff;border-radius:9px;width:38px;height:40px;cursor:pointer;color:var(--red);font-size:18px;flex-shrink:0;}
  .add-mile{border:1.5px dashed var(--line);background:var(--soft);border-radius:10px;padding:9px;width:100%;cursor:pointer;font-family:inherit;font-weight:700;color:var(--accent);font-size:14px;margin-top:4px;}
  .mile-lbl{font-size:12px;color:var(--muted);}
  .alert{border-radius:14px;padding:14px 16px;margin-bottom:14px;font-size:14px;line-height:1.6;font-weight:600;}
  .alert.stop{background:var(--redBg);border:1.5px solid var(--redLn);color:var(--red);}
  .alert.warn{background:var(--amberBg);border:1.5px solid var(--amberLn);color:var(--amber);}
  .alert b{font-weight:800;}
  .headline{background:var(--accent);color:#fff;border-radius:18px;padding:20px;margin-bottom:14px;text-align:center;}
  .headline .k{font-size:13px;color:rgba(255,255,255,.85);}
  .headline .big{font-size:36px;font-weight:800;line-height:1.05;margin:4px 0;}
  .headline .adj{display:inline-block;font-size:13px;font-weight:700;background:rgba(255,255,255,.2);padding:4px 12px;border-radius:999px;margin-top:2px;}
  .instbar{display:flex;gap:10px;margin-bottom:14px;}
  .instbar .c{flex:1;background:var(--card);border:1.5px solid var(--line);border-radius:14px;padding:14px;text-align:center;}
  .instbar .k{font-size:12px;color:var(--muted);}
  .instbar .v{font-size:21px;font-weight:800;margin-top:3px;}
  .instbar .u{font-size:11px;color:var(--muted);}
  .chartcard{background:var(--card);border:1.5px solid var(--line);border-radius:16px;margin-bottom:14px;overflow:hidden;}
  .chartcard .ch{padding:14px 16px 6px;font-weight:800;font-size:15px;}
  .legend{display:flex;gap:14px;padding:0 16px 8px;font-size:12px;color:var(--muted);flex-wrap:wrap;}
  .legend .li{display:flex;align-items:center;gap:5px;}
  .sw{width:14px;height:4px;border-radius:2px;display:inline-block;}
  .chartwrap{padding:0 8px 10px;}
  .chartnote{font-size:12px;color:var(--muted);padding:0 16px 14px;line-height:1.5;}
  .verdict{border-radius:16px;padding:16px 18px;margin-bottom:14px;}
  .verdict .vtop{display:flex;align-items:center;gap:10px;margin-bottom:4px;flex-wrap:wrap;}
  .badge{font-size:12px;font-weight:800;padding:4px 12px;border-radius:999px;}
  .grade{font-size:22px;font-weight:800;line-height:1;}
  .verdict h3{font-size:15px;font-weight:800;}
  .verdict p{font-size:13px;line-height:1.55;margin-top:4px;}
  .v-green{background:var(--greenBg);border:1.5px solid var(--greenLn);}.v-green .badge{background:var(--green);color:#fff;}.v-green h3,.v-green .grade{color:var(--green);}
  .v-red{background:var(--redBg);border:1.5px solid var(--redLn);}.v-red .badge{background:var(--red);color:#fff;}.v-red h3,.v-red .grade{color:var(--red);}
  .v-amber{background:var(--amberBg);border:1.5px solid var(--amberLn);}.v-amber .badge{background:var(--amber);color:#fff;}.v-amber h3,.v-amber .grade{color:var(--amber);}
  .v-blue{background:var(--blueBg);border:1.5px solid var(--blueLn);}.v-blue .badge{background:var(--blue);color:#fff;}.v-blue h3,.v-blue .grade{color:var(--blue);}
  .fix{background:rgba(255,255,255,.7);border-radius:12px;padding:12px 14px;margin-top:10px;font-size:13px;line-height:1.85;}.fix b{color:var(--ink);}
  .why{margin-bottom:14px;}
  .why-btn{width:100%;background:var(--card);border:1.5px solid var(--line);border-radius:14px;padding:14px 16px;font-family:inherit;font-weight:800;font-size:15px;color:var(--ink);cursor:pointer;display:flex;justify-content:space-between;align-items:center;}
  .why-btn .arrow{color:var(--accent);transition:transform .2s;}
  .why.open .why-btn .arrow{transform:rotate(180deg);}
  .why-body{display:none;background:var(--card);border:1.5px solid var(--line);border-top:none;border-radius:0 0 14px 14px;margin-top:-8px;padding:16px;}
  .why.open .why-body{display:block;}
  .why-body .wrow{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid var(--line);font-size:14px;gap:12px;}
  .why-body .wrow:first-child{border-top:none;}
  .why-body .wk{color:var(--muted);}.why-body .wv{font-weight:700;white-space:nowrap;}
  .why-body .wtot{color:var(--accent);font-weight:800;}
  .why-body h4{font-size:13px;font-weight:800;color:var(--accent);margin:14px 0 4px;}
  .yearcard{background:var(--card);border:1.5px solid var(--line);border-radius:16px;margin-bottom:14px;overflow:hidden;}
  .yearcard .yh{padding:14px 16px;font-weight:800;font-size:15px;border-bottom:1.5px solid var(--line);}
  .btn{padding:13px 16px;border-radius:12px;border:1.5px solid var(--line);background:#fff;font-family:inherit;font-weight:700;font-size:15px;color:var(--ink);cursor:pointer;transition:all .15s;}
  .btn.solid{background:var(--accent);color:#fff;border-color:var(--accent);width:100%;margin-bottom:10px;}
  .btn.solid:hover{background:var(--accentDark);}
  .btn.wide{width:100%;margin-bottom:10px;}
  .btn.locked{background:var(--redBg);color:var(--red);border-color:var(--redLn);width:100%;margin-bottom:10px;cursor:not-allowed;}
  .tablecard{border-radius:16px;overflow:hidden;background:var(--card);border:1.5px solid var(--line);}
  .thead{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1.5px solid var(--line);font-weight:800;font-size:15px;}
  .thead .tot{font-size:12.5px;font-weight:500;color:var(--muted);}
  .scroll{max-height:46vh;overflow-y:auto;}
  table{width:100%;border-collapse:collapse;text-align:right;}
  thead th{position:sticky;top:0;background:var(--soft);color:var(--muted);font-size:12.5px;font-weight:600;padding:9px 12px;}
  tbody td{padding:9px 12px;border-top:1px solid var(--line);font-size:13.5px;}
  tbody tr:nth-child(even){background:var(--soft);}
  .tag{font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:6px;background:var(--amberBg);color:var(--amber);white-space:nowrap;}
  .idx{color:var(--muted);}.cum{color:var(--accent);font-weight:700;}.amt{font-weight:700;}
  .cmp th,.cmp td{text-align:center;font-size:13px;padding:11px 6px;}
  .cmp .term{font-weight:800;text-align:right;padding-right:14px;}
  .cmp tr.ref{background:var(--soft);}.cmp tr.ref .term{color:var(--accent);}
  .cmp .adjd{color:var(--green);font-weight:700;}.cmp .adji{color:var(--red);font-weight:700;}
  /* المساعد الذكي */
  .ai-fab{position:fixed;bottom:18px;left:18px;z-index:60;background:var(--navy);color:#fff;border:none;border-radius:999px;padding:13px 18px;font-family:inherit;font-weight:800;font-size:14px;cursor:pointer;box-shadow:0 6px 20px rgba(18,31,38,.35);display:flex;align-items:center;gap:8px;}
  .ai-fab .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);}
  .ai-panel{position:fixed;bottom:0;left:0;right:0;z-index:70;background:#fff;border-radius:18px 18px 0 0;box-shadow:0 -8px 32px rgba(18,31,38,.28);display:none;flex-direction:column;max-height:78vh;}
  .ai-panel.open{display:flex;}
  @media(min-width:700px){.ai-panel{left:18px;right:auto;width:400px;bottom:18px;border-radius:18px;max-height:70vh;}}
  .ai-head{background:var(--navy);color:#fff;padding:13px 16px;border-radius:18px 18px 0 0;display:flex;align-items:center;justify-content:space-between;}
  .ai-head .t{font-weight:800;font-size:15px;display:flex;align-items:center;gap:8px;}
  .ai-head .t .jpx{font-family:'Literata',serif;color:var(--accent);}
  .ai-close{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:2px 8px;}
  .ai-new{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:8px;padding:5px 10px;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;}
  .ai-new:hover{background:rgba(255,255,255,.22);}
  .ai-msgs{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--soft);}
  .ai-m{max-width:88%;padding:10px 13px;border-radius:14px;font-size:13.5px;line-height:1.7;white-space:pre-wrap;}
  .ai-m.user{background:var(--navy);color:#fff;align-self:flex-start;border-bottom-right-radius:4px;}
  .ai-m.bot{background:#fff;border:1px solid var(--line);align-self:flex-end;border-bottom-left-radius:4px;}
  .ai-m.bot b{color:var(--accent);}
  .ai-typing{align-self:flex-end;color:var(--muted);font-size:12.5px;padding:4px 8px;}
  .ai-input{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line);background:#fff;}
  .ai-input input{flex:1;border:1.5px solid var(--line);border-radius:12px;padding:11px 13px;font-size:14px;font-weight:600;}
  .ai-send{background:var(--accent);color:#fff;border:none;border-radius:12px;padding:0 18px;font-family:inherit;font-weight:800;font-size:14px;cursor:pointer;}
  .ai-send:disabled{opacity:.5;}

  /* ===== موبايل: تحسينات شاملة ===== */
  @media(max-width:600px){
    /* هيدر */
    .navbar{padding:10px 14px;gap:10px;}
    .nav-logo{height:32px;}
    .jp{font-size:16px;}
    .jp-sub{font-size:11px;}
    /* شاشة الدخول */
    .login-box{padding:24px 18px;border-radius:18px;}
    .login-title{font-size:19px;}
    .login-field input{padding:14px;font-size:16px;}
    .login-btn{padding:16px;font-size:16px;}
    /* التابات */
    .tabbar{padding:10px 12px 8px;gap:6px;}
    .tabbtn{flex:1;padding:10px 4px;font-size:12px;}
    .tabbtn .n{font-size:10px;}
    /* KPI */
    .kpis{flex-direction:row;}
    .kpi{padding:10px 6px;}
    .kv{font-size:14px;}
    .kk{font-size:10px;}
    .kc{font-size:9px;}
    /* كروت المشاريع */
    .pcards{grid-template-columns:1fr 1fr;gap:8px;}
    .pc-top{font-size:12.5px;}
    /* مخطط العمارة */
    .stack{padding:10px 10px 8px;margin-top:10px;}
    .srow{gap:6px;}
    .slabel{width:48px;font-size:10.5px;}
    .scell{min-height:54px;padding:7px 8px;}
    .scell .c1{font-size:11.5px;}
    .scell .c2{font-size:9.5px;}
    .scell .c3{font-size:11px;}
    /* الشريط الحي */
    #liveBar{padding:8px 12px;}
    .lb-price{font-size:15px;}
    .lb-sub{font-size:10px;}
    .lb-go{padding:8px 12px;font-size:12px;}
    body.on-data #tabData{padding-bottom:80px;}
    /* النتيجة */
    .headline .big{font-size:34px;}
    .instbar .c{padding:10px 8px;}
    /* لوحة الإدارة */
    .ap-box{margin:10px;padding:16px;border-radius:16px;}
    .ap-head h2{font-size:16px;}
    .ap-tabs{gap:4px;}
    .ap-tab{padding:7px 10px;font-size:12px;}
    /* Accordion */
    .acc .acc-head{font-size:13.5px;}
    /* مطابقة الميزانية */
    .match-in{grid-template-columns:1fr;}
    /* فلاتر */
    .inv-filters{gap:6px;}
    .inv-filters input{min-width:120px;}
    /* المقارنة */
    .sc-controls{grid-template-columns:1fr;}
    /* وضع العرض */
    .pres-price .v{font-size:34px;}
    .pres-cards{grid-template-columns:1fr 1fr 1fr;}
    /* زرار الإضافة للمقارنة */
    #addCmpBtn{font-size:13px;padding:12px;}
    /* تفاصيل الوحدة chip */
    .unit-chip{font-size:12.5px;}
  }

  /* ===== سطح المكتب: تحسينات ===== */
  @media(min-width:1024px){
    /* شاشة الدخول */
    .login-box{max-width:420px;padding:40px 36px;}
    .login-title{font-size:26px;}
    /* لوحة الإدارة */
    .ap-box{padding:32px;}
    .ap-tabs{gap:8px;}
    .ap-tab{padding:10px 20px;font-size:14px;}
    /* KPIs */
    .kpi{padding:20px 16px;}
    .kv{font-size:26px;}
    .kk{font-size:12px;}
    /* كروت المشاريع */
    .pcards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));}
    /* مخطط العمارة */
    .stack{max-width:700px;}
    .scell{min-height:72px;padding:11px 12px;}
    .scell .c1{font-size:14px;}
    .scell .c2{font-size:11px;}
    .scell .c3{font-size:13.5px;}
    .slabel{width:68px;font-size:12px;}
    /* الشريط الحي */
    #liveBar{border-radius:14px 14px 0 0;max-width:1180px;left:50%;transform:translateX(-50%);right:auto;}
    .lb-price{font-size:19px;}
    /* وضع العرض */
    .pres-in{padding:24px 32px 80px;}
    .pres-price .v{font-size:52px;}
    .pres-cards .v{font-size:28px;}
    /* نتيجة: عمودان */
    #tabResult.show{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:start;}
    #tabResult>#alertBox,#tabResult>.headline,#tabResult>.instbar,#tabResult>#addCmpBtn{grid-column:1/-1;margin-bottom:0;}
    #tabResult>.chartcard{grid-column:1;margin-bottom:0;}
    #tabResult>.why{grid-column:2;margin-bottom:0;}
    #tabResult>#verdict{grid-column:2;margin-bottom:0;}
    #tabResult>.yearcard{grid-column:1;margin-bottom:0;}
    #tabResult>#dlSec{grid-column:2;margin-bottom:0;}
    #tabResult>.tablecard{grid-column:1/-1;}
    #tabResult.empty-on #emptyState{grid-column:1/-1;}
  }
  @media print{.ai-fab,.ai-panel{display:none !important;}}

  /* ===== تخطيط سطح المكتب ===== */
  @media(min-width:1024px){
    .app{max-width:1180px;}
    .navbar{border-radius:0 0 14px 14px;}
    .top{padding:22px 28px 0;}
    .tabbar{padding:16px 28px 12px;}
    .tabpanel{padding:8px 28px 60px;}
    #tabInv.show{display:block;}
    #tabInv .dash{grid-template-columns:repeat(3,1fr);gap:12px;}
    #tabInv .dcard .dv{font-size:22px;}
    /* تبويب البيانات: عمودان */
    #tabData.show{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;}
    #tabData .sec{margin-bottom:0;}
    #tabData>.unit-chip,#tabData>#priceSec{grid-column:1/-1;}
    #tabData>.btn.solid{grid-column:1/-1;max-width:420px;justify-self:center;}
    /* تبويب النتيجة: شبكة */
    #tabResult.show{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;align-items:start;}
    #tabResult>#alertBox,#tabResult>.headline,#tabResult>.instbar,#tabResult>#addCmpBtn{grid-column:1/-1;margin-bottom:0;}
    #tabResult>.chartcard{grid-column:1;margin-bottom:0;}
    #tabResult>.why{grid-column:2;margin-bottom:0;}
    #tabResult>#verdict{grid-column:2;margin-bottom:0;}
    #tabResult>.yearcard{grid-column:1;margin-bottom:0;}
    #tabResult>#dlSec{grid-column:2;margin-bottom:0;}
    #tabResult>.tablecard{grid-column:1/-1;}
    .headline .big{font-size:44px;}
    .scroll{max-height:56vh;}
    /* المقارنة: عرض مريح في النص */
    #tabCmp .sec{max-width:900px;margin:0 auto 14px;}
    /* المساعد أوسع */
    .ai-panel{width:440px;max-height:74vh;}
    .kpi{padding:18px 12px;}
    .kv{font-size:24px;}
    .stack{max-width:660px;}
  }

  .printhead{display:none;}

  /* ===== موبايل: تحسينات شاملة ===== */
  @media(max-width:600px){
    /* هيدر */
    .navbar{padding:10px 14px;gap:10px;}
    .nav-logo{height:32px;}
    .jp{font-size:16px;}
    .jp-sub{font-size:11px;}
    /* شاشة الدخول */
    .login-box{padding:24px 18px;border-radius:18px;}
    .login-title{font-size:19px;}
    .login-field input{padding:14px;font-size:16px;}
    .login-btn{padding:16px;font-size:16px;}
    /* التابات */
    .tabbar{padding:10px 12px 8px;gap:6px;}
    .tabbtn{flex:1;padding:10px 4px;font-size:12px;}
    .tabbtn .n{font-size:10px;}
    /* KPI */
    .kpis{flex-direction:row;}
    .kpi{padding:10px 6px;}
    .kv{font-size:14px;}
    .kk{font-size:10px;}
    .kc{font-size:9px;}
    /* كروت المشاريع */
    .pcards{grid-template-columns:1fr 1fr;gap:8px;}
    .pc-top{font-size:12.5px;}
    /* مخطط العمارة */
    .stack{padding:10px 10px 8px;margin-top:10px;}
    .srow{gap:6px;}
    .slabel{width:48px;font-size:10.5px;}
    .scell{min-height:54px;padding:7px 8px;}
    .scell .c1{font-size:11.5px;}
    .scell .c2{font-size:9.5px;}
    .scell .c3{font-size:11px;}
    /* الشريط الحي */
    #liveBar{padding:8px 12px;}
    .lb-price{font-size:15px;}
    .lb-sub{font-size:10px;}
    .lb-go{padding:8px 12px;font-size:12px;}
    body.on-data #tabData{padding-bottom:80px;}
    /* النتيجة */
    .headline .big{font-size:34px;}
    .instbar .c{padding:10px 8px;}
    /* لوحة الإدارة */
    .ap-box{margin:10px;padding:16px;border-radius:16px;}
    .ap-head h2{font-size:16px;}
    .ap-tabs{gap:4px;}
    .ap-tab{padding:7px 10px;font-size:12px;}
    /* Accordion */
    .acc .acc-head{font-size:13.5px;}
    /* مطابقة الميزانية */
    .match-in{grid-template-columns:1fr;}
    /* فلاتر */
    .inv-filters{gap:6px;}
    .inv-filters input{min-width:120px;}
    /* المقارنة */
    .sc-controls{grid-template-columns:1fr;}
    /* وضع العرض */
    .pres-price .v{font-size:34px;}
    .pres-cards{grid-template-columns:1fr 1fr 1fr;}
    /* زرار الإضافة للمقارنة */
    #addCmpBtn{font-size:13px;padding:12px;}
    /* تفاصيل الوحدة chip */
    .unit-chip{font-size:12.5px;}
  }

  /* ===== سطح المكتب: تحسينات ===== */
  @media(min-width:1024px){
    /* شاشة الدخول */
    .login-box{max-width:420px;padding:40px 36px;}
    .login-title{font-size:26px;}
    /* لوحة الإدارة */
    .ap-box{padding:32px;}
    .ap-tabs{gap:8px;}
    .ap-tab{padding:10px 20px;font-size:14px;}
    /* KPIs */
    .kpi{padding:20px 16px;}
    .kv{font-size:26px;}
    .kk{font-size:12px;}
    /* كروت المشاريع */
    .pcards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));}
    /* مخطط العمارة */
    .stack{max-width:700px;}
    .scell{min-height:72px;padding:11px 12px;}
    .scell .c1{font-size:14px;}
    .scell .c2{font-size:11px;}
    .scell .c3{font-size:13.5px;}
    .slabel{width:68px;font-size:12px;}
    /* الشريط الحي */
    #liveBar{border-radius:14px 14px 0 0;max-width:1180px;left:50%;transform:translateX(-50%);right:auto;}
    .lb-price{font-size:19px;}
    /* وضع العرض */
    .pres-in{padding:24px 32px 80px;}
    .pres-price .v{font-size:52px;}
    .pres-cards .v{font-size:28px;}
    /* نتيجة: عمودان */
    #tabResult.show{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:start;}
    #tabResult>#alertBox,#tabResult>.headline,#tabResult>.instbar,#tabResult>#addCmpBtn{grid-column:1/-1;margin-bottom:0;}
    #tabResult>.chartcard{grid-column:1;margin-bottom:0;}
    #tabResult>.why{grid-column:2;margin-bottom:0;}
    #tabResult>#verdict{grid-column:2;margin-bottom:0;}
    #tabResult>.yearcard{grid-column:1;margin-bottom:0;}
    #tabResult>#dlSec{grid-column:2;margin-bottom:0;}
    #tabResult>.tablecard{grid-column:1/-1;}
    #tabResult.empty-on #emptyState{grid-column:1/-1;}
  }
  @media print{
    *{-webkit-print-color-adjust:exact;print-color-adjust:exact;}
    @page{size:A4;margin:12mm;}
    /* عرض العميل = وثيقة نظيفة: نخفي كل ما هو إدخال أو داخلي */
    .tabbar,.navbar,.top,.add-mile,.refnote,.why-btn,.btn,#dlSec,#alertBox,#verdict,#yearNote,.ai-fab,.ai-panel{display:none !important;}
    .tabpanel{display:none !important;padding:0;}
    #tabResult{display:block !important;}
    .why-body{display:block !important;border-radius:14px;border-top:1.5px solid var(--line);margin-top:0;}
    body,.app{background:#fff;}
    .app{max-width:100%;}
    .printhead{display:flex;align-items:flex-end;justify-content:space-between;margin:0 0 14px;border-bottom:3px solid var(--accent);padding-bottom:10px;}
    .printhead .meta{font-size:12.5px;color:var(--muted);text-align:left;line-height:1.6;}
    .printhead .meta b{color:var(--ink);font-size:14px;}
    .headline{border-radius:14px;padding:16px;}
    .headline .big{font-size:30px;}
    .instbar .c{padding:10px;}
    .chartcard,.yearcard,.tablecard,.why{page-break-inside:avoid;margin-bottom:12px;}
    .chartnote{padding-bottom:10px;}
    .scroll{max-height:none;overflow:visible;}
    thead th{position:static;}
    /* طباعة العرض التقديمي */
    body.print-pres .app,body.print-pres .printhead{display:none !important;}
    body.print-pres #tabResult{display:none !important;}
    body.print-pres #presOverlay{display:block !important;position:static;overflow:visible;background:#fff;}
    body.print-pres .pres-head button{display:none !important;}
    body.print-pres .pres-head{position:static;border-radius:0;}
    body.print-pres .pres-in{max-width:100%;padding:10px 0 0;}
    body.print-pres .pres-sched{max-height:none;overflow:visible;border:none;}
    body.print-pres .pres-sched th{position:static;}
    body.print-pres .pres-sec,body.print-pres .pres-price,body.print-pres .pres-cards{page-break-inside:avoid;}
  }
  /* ===== شاشة الدخول ===== */
  #loginScreen{position:fixed;inset:0;z-index:999;background:var(--navy);display:flex;align-items:center;justify-content:center;padding:16px;overflow-y:auto;}
  .login-box{background:#fff;border-radius:22px;padding:32px 24px;width:100%;max-width:380px;box-shadow:0 20px 60px rgba(0,0,0,.4);}
  .login-logo{display:flex;justify-content:center;margin-bottom:20px;}
  .login-logo img{height:52px;}
  .login-title{text-align:center;font-family:'Literata',serif;font-size:22px;font-weight:800;color:var(--navy);margin-bottom:4px;}
  .login-sub{text-align:center;font-size:12.5px;color:var(--muted);margin-bottom:24px;}
  .login-field{margin-bottom:14px;}
  .login-field label{display:block;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:5px;}
  .login-field input{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:13px;font-size:15px;font-family:inherit;font-weight:600;box-sizing:border-box;}
  .login-field input:focus{outline:none;border-color:var(--accent);}
  .login-btn{width:100%;background:var(--accent);color:#fff;border:none;border-radius:14px;padding:15px;font-family:inherit;font-weight:800;font-size:16px;cursor:pointer;margin-top:4px;}
  .login-btn:disabled{opacity:.55;cursor:not-allowed;}
  .login-err{color:var(--red);font-size:12.5px;text-align:center;margin-top:10px;min-height:18px;}
  #adminPanel{display:none;position:fixed;inset:0;z-index:80;background:rgba(18,31,38,.7);overflow-y:auto;}
  #adminPanel.open{display:block;}
  #mePanel{display:none;position:fixed;inset:0;z-index:80;background:rgba(18,31,38,.7);overflow-y:auto;}
  #mePanel.open{display:block;}
  .me-req{border:1.5px solid var(--line);border-radius:12px;padding:12px;margin-bottom:10px;}
  .me-req .st{font-weight:800;font-size:12.5px;}
  .st-pending{color:#a06a00;} .st-approved{color:var(--green,#0a7d43);} .st-rejected{color:var(--red,#c0392b);} .st-commented{color:#7a4fd0;}
  .ap-box{background:#fff;border-radius:22px;max-width:820px;margin:20px auto;padding:24px;}
  .ap-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;}
  .ap-head h2{font-size:19px;font-weight:800;}
  .ap-tabs{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap;}
  .ap-tab{border:1.5px solid var(--line);background:#fff;border-radius:10px;padding:8px 16px;font-family:inherit;font-weight:700;font-size:13px;cursor:pointer;}
  .ap-tab.active{background:var(--navy);color:#fff;border-color:var(--navy);}
  .ap-section{display:none;}.ap-section.show{display:block;}
  .utbl{width:100%;border-collapse:collapse;font-size:13px;}
  .utbl th{background:var(--navy);color:#fff;padding:8px 10px;text-align:right;}
  .utbl td{padding:8px 10px;border-bottom:1px solid var(--line);}
  .status-pill{display:inline-block;font-size:10px;font-weight:800;padding:2px 10px;border-radius:99px;}
  .sp-av{background:var(--greenBg);color:var(--green);} .sp-rs{background:var(--amberBg);color:var(--amber);} .sp-sd{background:var(--redBg);color:var(--red);}
  .req-card{border:1.5px solid var(--line);border-radius:14px;padding:14px;margin-bottom:10px;}
  .req-acts{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap;}
  .req-acts button{border:none;border-radius:9px;padding:8px 16px;font-family:inherit;font-weight:800;font-size:12px;cursor:pointer;}
  .ra-ok{background:var(--green);color:#fff;} .ra-rej{background:var(--red);color:#fff;} .ra-cmt{background:var(--navy);color:#fff;}

  /* ===== موبايل: تحسينات شاملة ===== */
  @media(max-width:600px){
    /* هيدر */
    .navbar{padding:10px 14px;gap:10px;}
    .nav-logo{height:32px;}
    .jp{font-size:16px;}
    .jp-sub{font-size:11px;}
    /* شاشة الدخول */
    .login-box{padding:24px 18px;border-radius:18px;}
    .login-title{font-size:19px;}
    .login-field input{padding:14px;font-size:16px;}
    .login-btn{padding:16px;font-size:16px;}
    /* التابات */
    .tabbar{padding:10px 12px 8px;gap:6px;}
    .tabbtn{flex:1;padding:10px 4px;font-size:12px;}
    .tabbtn .n{font-size:10px;}
    /* KPI */
    .kpis{flex-direction:row;}
    .kpi{padding:10px 6px;}
    .kv{font-size:14px;}
    .kk{font-size:10px;}
    .kc{font-size:9px;}
    /* كروت المشاريع */
    .pcards{grid-template-columns:1fr 1fr;gap:8px;}
    .pc-top{font-size:12.5px;}
    /* مخطط العمارة */
    .stack{padding:10px 10px 8px;margin-top:10px;}
    .srow{gap:6px;}
    .slabel{width:48px;font-size:10.5px;}
    .scell{min-height:54px;padding:7px 8px;}
    .scell .c1{font-size:11.5px;}
    .scell .c2{font-size:9.5px;}
    .scell .c3{font-size:11px;}
    /* الشريط الحي */
    #liveBar{padding:8px 12px;}
    .lb-price{font-size:15px;}
    .lb-sub{font-size:10px;}
    .lb-go{padding:8px 12px;font-size:12px;}
    body.on-data #tabData{padding-bottom:80px;}
    /* النتيجة */
    .headline .big{font-size:34px;}
    .instbar .c{padding:10px 8px;}
    /* لوحة الإدارة */
    .ap-box{margin:10px;padding:16px;border-radius:16px;}
    .ap-head h2{font-size:16px;}
    .ap-tabs{gap:4px;}
    .ap-tab{padding:7px 10px;font-size:12px;}
    /* Accordion */
    .acc .acc-head{font-size:13.5px;}
    /* مطابقة الميزانية */
    .match-in{grid-template-columns:1fr;}
    /* فلاتر */
    .inv-filters{gap:6px;}
    .inv-filters input{min-width:120px;}
    /* المقارنة */
    .sc-controls{grid-template-columns:1fr;}
    /* وضع العرض */
    .pres-price .v{font-size:34px;}
    .pres-cards{grid-template-columns:1fr 1fr 1fr;}
    /* زرار الإضافة للمقارنة */
    #addCmpBtn{font-size:13px;padding:12px;}
    /* تفاصيل الوحدة chip */
    .unit-chip{font-size:12.5px;}
  }

  /* ===== سطح المكتب: تحسينات ===== */
  @media(min-width:1024px){
    /* شاشة الدخول */
    .login-box{max-width:420px;padding:40px 36px;}
    .login-title{font-size:26px;}
    /* لوحة الإدارة */
    .ap-box{padding:32px;}
    .ap-tabs{gap:8px;}
    .ap-tab{padding:10px 20px;font-size:14px;}
    /* KPIs */
    .kpi{padding:20px 16px;}
    .kv{font-size:26px;}
    .kk{font-size:12px;}
    /* كروت المشاريع */
    .pcards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));}
    /* مخطط العمارة */
    .stack{max-width:700px;}
    .scell{min-height:72px;padding:11px 12px;}
    .scell .c1{font-size:14px;}
    .scell .c2{font-size:11px;}
    .scell .c3{font-size:13.5px;}
    .slabel{width:68px;font-size:12px;}
    /* الشريط الحي */
    #liveBar{border-radius:14px 14px 0 0;max-width:1180px;left:50%;transform:translateX(-50%);right:auto;}
    .lb-price{font-size:19px;}
    /* وضع العرض */
    .pres-in{padding:24px 32px 80px;}
    .pres-price .v{font-size:52px;}
    .pres-cards .v{font-size:28px;}
    /* نتيجة: عمودان */
    #tabResult.show{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:start;}
    #tabResult>#alertBox,#tabResult>.headline,#tabResult>.instbar,#tabResult>#addCmpBtn{grid-column:1/-1;margin-bottom:0;}
    #tabResult>.chartcard{grid-column:1;margin-bottom:0;}
    #tabResult>.why{grid-column:2;margin-bottom:0;}
    #tabResult>#verdict{grid-column:2;margin-bottom:0;}
    #tabResult>.yearcard{grid-column:1;margin-bottom:0;}
    #tabResult>#dlSec{grid-column:2;margin-bottom:0;}
    #tabResult>.tablecard{grid-column:1/-1;}
    #tabResult.empty-on #emptyState{grid-column:1/-1;}
  }
  @media print{#adminPanel,#mePanel,#loginScreen{display:none !important;}}
  /* ============================================================
     Jazeel Brand 2025 — طبقة الهوية والحركة
     المرجع: JAZEEL_GUIDELINES_2025 (Shoair Studio)
     ============================================================ */
  :root{
    --ink:#152026; --navy:#152026;
    --mist:#BDCBD4; --deep:#11709C;
    --blue:#11709C; --blueBg:#E9F1F6; --blueLn:#C7D9E4;
    --line:#D7DCDF; --soft:#F1F3F4;
    --shadow-s:0 1px 2px rgba(21,32,38,.06),0 2px 8px rgba(21,32,38,.05);
    --shadow-m:0 4px 14px rgba(21,32,38,.10),0 1px 3px rgba(21,32,38,.06);
    --shadow-l:0 24px 70px rgba(21,32,38,.45);
  }

  /* الشريط العلوي — كحلي الهوية بخط قاعدة أحمر */
  .navbar{background:var(--ink);border-bottom:3px solid var(--accent);}
  .nav-logo{height:42px;}

  /* عمق وحركة هادئة للكروت */
  .pricecard,.tabbtn,.kpi,.proj-card,.cmp-card,.ap-box,.me-req{
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
  .pricecard{box-shadow:var(--shadow-s);}
  .pricecard:focus-within{border-color:var(--accent);box-shadow:var(--shadow-m);}
  .proj-card:hover,.me-req:hover{transform:translateY(-2px);box-shadow:var(--shadow-m);border-color:var(--mist);}
  .tabbtn:active,button:active{transform:scale(.985);}
  .tabbtn.active{box-shadow:0 6px 16px rgba(217,61,61,.28);}

  /* عناوين اللوحات بخط الهوية الإنجليزي */
  .ap-head h2{font-family:'Literata','Cairo',serif;letter-spacing:-.01em;}

  /* اللوحات المنبثقة — دخول ناعم */
  @keyframes jzPanelIn{from{opacity:0;transform:translateY(14px) scale(.985);}to{opacity:1;transform:none;}}
  #adminPanel.open .ap-box,#mePanel.open .ap-box{animation:jzPanelIn .32s cubic-bezier(.2,.8,.25,1) both;}
  #adminPanel,#mePanel{backdrop-filter:blur(6px);background:rgba(21,32,38,.62);}

  /* ============ توقيع الهوية: شاشة الدخول ============ */
  #loginScreen{background:
      radial-gradient(1200px 700px at 78% 18%, rgba(17,112,156,.14), transparent 60%),
      var(--ink);
    position:fixed;inset:0;z-index:90;display:none;align-items:center;justify-content:center;
    padding:22px;overflow:hidden;}
  .jz-mark{position:absolute;background:var(--accent);transform:rotate(45deg);
    will-change:transform;pointer-events:none;}
  .jz-mark-a{width:64vmax;height:64vmax;right:-38vmax;top:-40vmax;
    box-shadow:0 0 140px rgba(217,61,61,.35);
    animation:jzDriftA 16s ease-in-out infinite alternate;}
  .jz-mark-b{width:22vmax;height:22vmax;left:-13vmax;bottom:-15vmax;opacity:.92;
    animation:jzDriftB 20s ease-in-out infinite alternate;}
  @keyframes jzDriftA{from{transform:rotate(45deg) translate(0,0);}to{transform:rotate(48deg) translate(-2vmax,2vmax);}}
  @keyframes jzDriftB{from{transform:rotate(45deg) translate(0,0);}to{transform:rotate(41deg) translate(1.5vmax,-1.5vmax);}}

  .login-box{position:relative;z-index:2;background:#fff;border-radius:22px;
    box-shadow:var(--shadow-l);border:1px solid rgba(255,255,255,.14);}
  @keyframes jzRise{from{opacity:0;transform:translateY(22px);}to{opacity:1;transform:none;}}
  @keyframes jzLogoIn{from{opacity:0;transform:translateY(-14px);}to{opacity:1;transform:none;}}
  #loginScreen .login-box{animation:jzRise .55s .12s cubic-bezier(.2,.8,.25,1) both;}
  #loginScreen .login-logo{animation:jzLogoIn .5s cubic-bezier(.2,.8,.25,1) both;}
  #loginScreen .login-logo img{height:64px;width:auto;filter:invert(1) brightness(.15);}
  .login-title{font-family:'Literata','Cairo',serif;font-size:26px;letter-spacing:-.01em;}
  .login-field input{transition:border-color .15s ease,box-shadow .15s ease;}
  .login-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(217,61,61,.14);outline:none;}
  .login-btn{transition:transform .12s ease,box-shadow .18s ease,filter .15s ease;
    box-shadow:0 8px 22px rgba(217,61,61,.32);}
  .login-btn:hover{filter:brightness(1.05);}
  .login-btn:active{transform:scale(.98);}

  /* احترام تفضيل تقليل الحركة */
  @media (prefers-reduced-motion:reduce){
    .jz-mark,.login-box,.login-logo,.ap-box{animation:none !important;}
    *{transition-duration:.01ms !important;}
  }