/* ==========================================================================
   CAC — المركز الزراعي الشامل | Design System
   Unified typeface: Cairo Variable (self-hosted). Logical properties for RTL/LTR.
   ========================================================================== */

@font-face{font-family:'Cairo';font-style:normal;font-display:swap;font-weight:200 1000;src:url(../fonts/cairo-arabic-wght-normal.woff2) format('woff2-variations');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}
@font-face{font-family:'Cairo';font-style:normal;font-display:swap;font-weight:200 1000;src:url(../fonts/cairo-latin-ext-wght-normal.woff2) format('woff2-variations');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:'Cairo';font-style:normal;font-display:swap;font-weight:200 1000;src:url(../fonts/cairo-latin-wght-normal.woff2) format('woff2-variations');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{
  --g950:#07281a; --g900:#0f3d24; --g800:#164d2e; --g700:#1e6b3d; --g600:#2a8a4f; --g500:#3aa565; --g400:#63bd86; --g200:#c8e6d2; --g100:#e6f3ea; --g50:#f2f9f4;
  --lime:#9bc53d; --lime-d:#7ea52a; --lime-100:#eef7d6; --lime-50:#f7fbe9;
  --gold:#d9a441; --gold-100:#fbf1dc; --earth:#7a5a3c; --sand:#f6f3ea;
  --ink:#12211a; --ink-2:#2c3b33; --muted:#5f6f66; --muted-2:#6b7a72;
  --bg:#fbfcf9; --surface:#ffffff; --line:#e3e9e2; --line-2:#d2dcd5;
  --danger:#c8412b; --danger-100:#fde7e2; --warn:#d98a1a; --warn-100:#fff1d9; --info:#1e78b5; --info-100:#e3f0fa; --ok:#2a8a4f; --ok-100:#e2f4e8;
  --r-sm:8px; --r:14px; --r-lg:22px; --r-xl:30px;
  --sh-sm:0 1px 2px rgba(18,33,26,.06),0 1px 1px rgba(18,33,26,.04);
  --sh:0 6px 20px -6px rgba(18,33,26,.14),0 2px 6px rgba(18,33,26,.05);
  --sh-lg:0 24px 50px -20px rgba(15,61,36,.28),0 8px 20px -10px rgba(18,33,26,.12);
  --font:'Cairo',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --container:1200px; --ease:cubic-bezier(.2,.7,.2,1);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);font-size:16px;line-height:1.75;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}
[dir=ltr] body{line-height:1.65}
img,svg{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;border:0;background:none;padding:0}
h1,h2,h3,h4{margin:0;line-height:1.3;font-weight:800;color:var(--ink)}
h1{font-size:clamp(2rem,4.2vw,3.4rem);letter-spacing:-.01em}
h2{font-size:clamp(1.6rem,3vw,2.4rem)}
h3{font-size:1.25rem}
h4{font-size:1.05rem}
p{margin:0 0 1em}
ul{margin:0;padding:0;list-style:none}
:focus-visible{outline:3px solid var(--g600);outline-offset:2px;border-radius:6px}
::selection{background:var(--lime);color:var(--g900)}

.container{width:min(100% - 2.5rem,var(--container));margin-inline:auto}
.container-narrow{width:min(100% - 2.5rem,840px);margin-inline:auto}
.section{padding-block:clamp(3.5rem,7vw,6rem)}
.section-tight{padding-block:clamp(2.5rem,5vw,4rem)}
.section-alt{background:linear-gradient(180deg,var(--g50),#fff)}
.section-dark{background:radial-gradient(1200px 500px at 80% -10%,rgba(155,197,61,.22),transparent 60%),linear-gradient(160deg,var(--g900),var(--g950));color:#e9f3ec}
.section-dark h2,.section-dark h3,.section-dark h4{color:#fff}
.section-dark .muted{color:#b5cbbd}
.muted{color:var(--muted)}
.small{font-size:.95rem}
.tiny{font-size:.85rem}
.center{text-align:center}
.grid{display:grid;gap:1.25rem}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
.g5{grid-template-columns:repeat(5,1fr)}
.g6{grid-template-columns:repeat(6,1fr)}
@media(max-width:1100px){.g5{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1000px){.g4,.g6{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.g5{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.g2,.g3,.g4,.g5,.g6{grid-template-columns:1fr}}
.flex{display:flex;gap:.75rem;align-items:center}
.wrap{flex-wrap:wrap}
.between{justify-content:space-between}
.stack{display:grid;gap:.75rem}
.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2.5rem}
.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}
.hide{display:none!important}

/* Icons */
.i{display:inline-flex;width:1.25em;height:1.25em;flex:0 0 auto;vertical-align:-.28em}
.i svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.i.lg{width:1.75em;height:1.75em}
.i.xl{width:2.4em;height:2.4em}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.4rem;border-radius:999px;font-weight:700;font-size:.98rem;line-height:1.2;transition:transform .2s var(--ease),box-shadow .2s,background .2s,color .2s;white-space:nowrap;border:1.5px solid transparent}
.btn:active{transform:translateY(1px)}
.btn-primary{background:linear-gradient(135deg,var(--g600),var(--g800));color:#fff;box-shadow:0 8px 20px -8px rgba(30,107,61,.6)}
.btn-primary:hover{box-shadow:0 12px 26px -8px rgba(30,107,61,.7);transform:translateY(-2px)}
.btn-lime{background:var(--lime);color:var(--g900)}
.btn-lime:hover{background:#a9d24d;transform:translateY(-2px)}
.btn-outline{border-color:var(--line-2);background:var(--surface);color:var(--g800)}
.btn-outline:hover{border-color:var(--g500);color:var(--g700);background:var(--g50)}
.btn-ghost{color:var(--g700);padding-inline:.9rem}
.btn-ghost:hover{background:var(--g100)}
.btn-white{background:#fff;color:var(--g800)}
.btn-white:hover{background:var(--lime-50)}
.btn-glass{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.35);backdrop-filter:blur(8px)}
.btn-glass:hover{background:rgba(255,255,255,.2)}
.btn-sm{padding:.5rem 1rem;font-size:.88rem}
.btn-lg{padding:.95rem 1.8rem;font-size:1.05rem}
.btn-block{width:100%}
.btn[disabled]{opacity:.55;cursor:not-allowed;transform:none!important}
.btn-danger{background:var(--danger);color:#fff}

/* Badges & chips */
.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .7rem;border-radius:999px;font-size:.78rem;font-weight:700;background:var(--g100);color:var(--g800);line-height:1.5}
.badge-lime{background:var(--lime-100);color:#3c5a10}
.badge-gold{background:var(--gold-100);color:#9a6b12}
.badge-info{background:var(--info-100);color:var(--info)}
.badge-danger{background:var(--danger-100);color:var(--danger)}
.badge-warn{background:var(--warn-100);color:#9a5d0a}
.badge-ok{background:var(--ok-100);color:var(--ok)}
.badge-dark{background:rgba(255,255,255,.14);color:#fff}
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-weight:800;color:var(--g700);font-size:.9rem;letter-spacing:.02em;margin-bottom:.6rem}
.eyebrow::before{content:"";width:22px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--lime),var(--g500))}
.section-dark .eyebrow{color:var(--lime)}
.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border-radius:999px;border:1.5px solid var(--line-2);background:var(--surface);font-weight:600;font-size:.9rem;transition:.2s}
.chip:hover,.chip.active{border-color:var(--g600);background:var(--g50);color:var(--g800)}
.chip.active{background:var(--g700);color:#fff;border-color:var(--g700)}

/* Cards */
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.5rem;box-shadow:var(--sh-sm);transition:transform .25s var(--ease),box-shadow .25s,border-color .25s;position:relative}
.card:hover{transform:translateY(-4px);box-shadow:var(--sh);border-color:var(--g200)}
.card.static:hover{transform:none;box-shadow:var(--sh-sm);border-color:var(--line)}
.card-pad-sm{padding:1.1rem}
.icon-box{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--g100),var(--lime-100));color:var(--g700);margin-bottom:1rem;flex:0 0 auto}
.icon-box .i{width:28px;height:28px}
.icon-box.sm{width:44px;height:44px;border-radius:12px;margin:0}
.icon-box.sm .i{width:22px;height:22px}
.icon-box.dark{background:linear-gradient(135deg,var(--g700),var(--g900));color:#fff}
.icon-box.lime{background:var(--lime);color:var(--g900)}
.icon-box.gold{background:var(--gold-100);color:#9a6b12}
.icon-box.info{background:var(--info-100);color:var(--info)}
.card h3{margin-bottom:.4rem}
.card p:last-child{margin-bottom:0}
.card .link{margin-top:auto}
.link{display:inline-flex;align-items:center;gap:.35rem;font-weight:700;color:var(--g700)}
.link:hover{color:var(--g900);gap:.6rem}
.link .i{transition:transform .2s}
[dir=rtl] .link .i.flip,[dir=rtl] .flip{transform:scaleX(-1)}
.feature-list li{display:flex;gap:.6rem;align-items:flex-start;padding:.35rem 0}
.feature-list .i{color:var(--g600);margin-top:.35em}
.check-list li{display:flex;gap:.6rem;align-items:flex-start;padding:.3rem 0}
.check-list li::before{content:"";flex:0 0 auto;width:20px;height:20px;border-radius:50%;margin-top:.35em;background:var(--lime-100) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e6b3d' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat}

/* Section headers */
.sec-head{max-width:720px;margin-bottom:2.5rem}
.sec-head.center{margin-inline:auto;text-align:center}
.sec-head.center .eyebrow{justify-content:center}
.sec-head p{color:var(--muted);font-size:1.12rem;margin-top:.6rem}

/* Header */
.topbar{background:var(--g900);color:#cfe3d5;font-size:.82rem}
.topbar .container{display:flex;justify-content:space-between;align-items:center;min-height:36px;gap:1rem}
.topbar a{display:inline-flex;align-items:center;gap:.35rem}
.topbar a:hover{color:#fff}
.topbar .i{width:1em;height:1em}
.header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.86);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid rgba(18,33,26,.06)}
.header .container{display:flex;align-items:center;gap:1rem;min-height:74px}
.brand{display:flex;align-items:center;gap:.7rem;font-weight:900;color:var(--g800);line-height:1.1}
.brand img{height:46px;width:auto}
.brand>span{white-space:nowrap;font-size:.98rem}
.brand small{display:block;font-size:.7rem;color:var(--muted);font-weight:600}
.header nav{margin-inline-start:auto}
.nav{display:flex;align-items:center;gap:.15rem}
.nav>li{position:relative}
.nav a,.nav button{white-space:nowrap;display:inline-flex;align-items:center;gap:.3rem;padding:.55rem .8rem;border-radius:10px;font-weight:700;font-size:.93rem;color:var(--ink-2);transition:.2s}
.nav a:hover,.nav button:hover,.nav a.active{background:var(--g100);color:var(--g800)}
.nav .i{width:1em;height:1em}
.header-actions{display:flex;align-items:center;gap:.5rem;margin-inline-start:.5rem}
.lang-switch{display:inline-flex;border:1.5px solid var(--line-2);border-radius:999px;padding:3px;background:var(--surface)}
.lang-switch button{padding:.2rem .6rem;border-radius:999px;font-size:.78rem;font-weight:800;color:var(--muted)}
.lang-switch button.active{background:var(--g700);color:#fff}
.burger{display:none;width:44px;height:44px;border-radius:12px;place-items:center;color:var(--g800);border:1.5px solid var(--line-2)}
.burger .i{width:24px;height:24px}
@media(max-width:1440px){.header .brand small{display:none}}
@media(max-width:1080px){
  .header nav{display:none}
  .burger{display:grid;margin-inline-start:auto}
  .header-actions{margin-inline-start:0}
  .header-actions .btn{display:none}
}
.mobile-nav{position:fixed;inset:0;z-index:100;background:rgba(7,40,26,.55);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:.25s;overflow:hidden}
.mobile-nav.open{opacity:1;visibility:visible}
.mobile-nav .panel{position:absolute;top:0;bottom:0;inset-inline-end:0;width:min(92vw,400px);background:var(--surface);padding:1.2rem;overflow:auto;transform:translateX(20%);transition:.3s var(--ease)}
[dir=rtl] .mobile-nav .panel{transform:translateX(-20%)}
.mobile-nav.open .panel{transform:none}
.mobile-nav .m-title{font-size:.72rem;font-weight:800;color:var(--muted-2);letter-spacing:.06em;margin:1rem .3rem .3rem;text-transform:uppercase}
.mobile-nav a{display:flex;align-items:center;gap:.7rem;padding:.6rem .6rem;border-radius:12px;font-weight:700}
.mobile-nav a:hover{background:var(--g50)}
.mobile-nav a .i{color:var(--g600)}

/* Hero */
.hero{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--g950) 0%,var(--g900) 45%,var(--g800) 100%);color:#fff;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(900px 400px at 15% 10%,rgba(155,197,61,.28),transparent 60%),radial-gradient(700px 400px at 90% 90%,rgba(58,165,101,.35),transparent 60%);z-index:-1}
.hero .container.stats-wrap{display:block;min-height:auto;padding-block:0 3rem}
.hero .container{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center;padding-block:clamp(3rem,7vw,6rem);min-height:min(88vh,760px)}
.hero h1{color:#fff;margin:.8rem 0 1rem}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--lime),#dff59a);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.lead{font-size:1.15rem;color:#d3e5da;max-width:560px;margin-bottom:1.8rem}
.hero-art{position:relative}
.hero-art img,.hero-art>svg{width:100%;height:auto;filter:drop-shadow(0 30px 40px rgba(0,0,0,.35))}
.hero-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.6rem}
.hero-badges .badge{background:rgba(255,255,255,.1);color:#e6f2ea;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(6px)}
.hero-badges .badge .i{color:var(--lime)}
.float-card{position:absolute;background:var(--surface);color:var(--ink);border-radius:16px;padding:.7rem .9rem;box-shadow:var(--sh-lg);display:flex;gap:.7rem;align-items:center;font-size:.85rem;font-weight:700;animation:float 6s ease-in-out infinite}
.float-card small{display:block;font-weight:600;color:var(--muted);font-size:.75rem}
.float-card .icon-box{margin:0;width:40px;height:40px;border-radius:12px}
.float-card .icon-box .i{width:20px;height:20px}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media(max-width:900px){.hero .container{grid-template-columns:1fr;min-height:auto}.hero-art{max-width:520px;margin-inline:auto}.float-card{display:none}}
.page-hero{background:linear-gradient(160deg,var(--g900),var(--g700));color:#fff;padding-block:clamp(3rem,6vw,4.5rem);position:relative;overflow:hidden}
.page-hero::after{content:"";position:absolute;inset:auto -10% -60% auto;width:60%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(155,197,61,.35),transparent 65%);pointer-events:none}
.page-hero h1{color:#fff;margin:.5rem 0 .8rem;font-size:clamp(1.9rem,3.6vw,2.8rem)}
.page-hero p{color:#d3e5da;max-width:680px;font-size:1.08rem}
.page-hero .eyebrow{color:var(--lime)}
.page-hero .crumbs{display:flex;gap:.4rem;font-size:.82rem;color:#b5cbbd;margin-bottom:.4rem;flex-wrap:wrap}
.page-hero .crumbs a:hover{color:#fff}
.page-hero .container{position:relative;z-index:1}
.page-hero.with-art .container{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:center}
@media(max-width:900px){.page-hero.with-art .container{grid-template-columns:1fr}.page-hero .art{display:none}}

/* Stats */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}
.stat{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:1rem 1.2rem;text-align:center;backdrop-filter:blur(6px)}
.stat b{display:block;font-size:2rem;font-weight:900;color:var(--lime);line-height:1.1}
.stat span{font-size:.85rem;color:#cfe3d5;font-weight:600}
.stats.light .stat{background:var(--surface);border-color:var(--line)}
.stats.light .stat b{color:var(--g700)}
.stats.light .stat span{color:var(--muted)}

/* Ecosystem map */
.eco{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
@media(max-width:1000px){.eco{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.eco{grid-template-columns:1fr}}
.eco a.card{display:flex;flex-direction:column;gap:.35rem;padding:1.3rem;overflow:hidden}
.eco a.card .num{position:absolute;inset-inline-end:1rem;top:.8rem;font-size:2.6rem;font-weight:900;color:var(--g100);line-height:1}
.eco a.card:hover .num{color:var(--lime-100)}
.eco .icon-box{margin-bottom:.6rem}

/* Tabs */
.tabs{display:flex;gap:.4rem;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:1.5rem}
.tabs button{padding:.7rem 1rem;font-weight:700;color:var(--muted);border-bottom:3px solid transparent;margin-bottom:-1px;display:inline-flex;gap:.45rem;align-items:center;transition:.2s}
.tabs button:hover{color:var(--g700)}
.tabs button.active{color:var(--g800);border-color:var(--g600)}
.tabs.pills{border:0;gap:.5rem}
.tabs.pills button{border:1.5px solid var(--line-2);border-radius:999px;background:var(--surface);margin:0;padding:.55rem 1rem}
.tabs.pills button.active{background:var(--g700);color:#fff;border-color:var(--g700)}
.tab-panel{display:none;animation:fade .3s}
.tab-panel.active{display:block}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* Forms */
.field{display:grid;gap:.35rem}
.field label{font-weight:700;font-size:.9rem}
.field label small{color:var(--muted);font-weight:500}
.input,.select,.textarea{width:100%;padding:.7rem .95rem;border:1.5px solid var(--line-2);border-radius:12px;background:#fff;transition:.2s;font-size:.95rem}
.input:focus,.select:focus,.textarea:focus{outline:2px solid var(--g600);outline-offset:1px;border-color:var(--g500);box-shadow:0 0 0 4px rgba(58,165,101,.15)}
.textarea{min-height:120px;resize:vertical}
.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235f6f66' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:18px;background-position:left .8rem center;padding-inline-end:1rem;padding-inline-start:2.4rem}
[dir=ltr] .select{background-position:right .8rem center;padding-inline-start:.95rem;padding-inline-end:2.4rem}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.form-grid .full{grid-column:1/-1}
@media(max-width:640px){.form-grid{grid-template-columns:1fr}}
.help{font-size:.9rem;color:var(--muted)}
.switch{position:relative;width:44px;height:24px;border-radius:999px;background:var(--line-2);transition:.2s;flex:0 0 auto}
.switch::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s;box-shadow:var(--sh-sm)}
.switch.on{background:var(--g600)}
.switch.on::after{inset-inline-start:23px}
.checkbox{display:flex;gap:.6rem;align-items:center;cursor:pointer;font-weight:600;font-size:.92rem}
.checkbox input{width:18px;height:18px;accent-color:var(--g700)}

/* Tables */
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:640px}
th,td{padding:.75rem .9rem;text-align:start;border-bottom:1px solid var(--line);vertical-align:middle}
td.small,td[dir=ltr]{white-space:nowrap}
th{background:var(--g50);font-weight:800;color:var(--g800);font-size:.82rem;white-space:nowrap}
tr:last-child td{border-bottom:0}
tbody tr:hover{background:#fafcf9}
.status{white-space:nowrap;display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:999px;font-size:.78rem;font-weight:700}
.status::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.s-new{background:var(--info-100);color:var(--info)}
.s-quote{background:var(--warn-100);color:#9a5d0a}
.s-progress{background:var(--lime-100);color:#55731c}
.s-done{background:var(--ok-100);color:var(--ok)}
.s-cancel{background:var(--danger-100);color:var(--danger)}
.s-paid{background:var(--g100);color:var(--g800)}

/* Dashboard */
.dash{display:grid;grid-template-columns:250px 1fr;gap:1.5rem;align-items:start}
.dash.dash-cart{grid-template-columns:1fr 360px}
@media(max-width:900px){.dash{grid-template-columns:1fr}}
.side{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:1rem;position:sticky;top:90px}
.side .user{display:flex;gap:.7rem;align-items:center;padding:.5rem .5rem 1rem;border-bottom:1px solid var(--line);margin-bottom:.6rem}
.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--g600),var(--g900));color:#fff;font-weight:900;flex:0 0 auto}
.side a,.side button.navb{display:flex;align-items:center;gap:.6rem;padding:.6rem .7rem;border-radius:12px;font-weight:700;font-size:.92rem;width:100%;text-align:start;color:var(--ink-2)}
.side a:hover,.side button.navb:hover{background:var(--g50)}
.side a.active,.side button.navb.active{background:var(--g700);color:#fff}
.side .i{width:1.15em;height:1.15em}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
@media(max-width:1100px){.kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.kpis{grid-template-columns:1fr}}
.kpi{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:1.1rem 1.2rem;display:flex;gap:.9rem;align-items:center}
.kpi b{display:block;font-size:1.6rem;font-weight:900;line-height:1.1;color:var(--ink)}
.kpi span{font-size:.82rem;color:var(--muted);font-weight:600}
.kpi .delta{font-size:.75rem;font-weight:800;color:var(--ok)}
.kpi .delta.down{color:var(--danger)}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:1.3rem}
.panel-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}
.panel-head h3{font-size:1.05rem}
.dash-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:1.25rem;margin-top:1.25rem}
@media(max-width:1000px){.dash-grid{grid-template-columns:1fr}}
.bars{display:flex;align-items:flex-end;gap:.5rem;height:170px;padding-top:.5rem}
.bars div{flex:1;background:linear-gradient(180deg,var(--g500),var(--g700));border-radius:6px 6px 2px 2px;position:relative;transition:height .8s var(--ease);min-height:4px}
.bars div.alt{background:linear-gradient(180deg,var(--lime),var(--lime-d))}
.bars div::after{content:attr(data-l);position:absolute;top:100%;inset-inline:0;text-align:center;font-size:.7rem;color:var(--muted);margin-top:.3rem;font-weight:700}
.progress{height:8px;border-radius:99px;background:var(--g100);overflow:hidden}
.progress i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--g500),var(--lime))}
.timeline{position:relative;padding-inline-start:1.4rem}
.timeline::before{content:"";position:absolute;inset-inline-start:6px;top:6px;bottom:6px;width:2px;background:var(--line-2)}
.timeline li{position:relative;padding-bottom:1rem}
.timeline li::before{content:"";position:absolute;inset-inline-start:-1.4rem;top:.45rem;width:14px;height:14px;border-radius:50%;background:var(--surface);border:3px solid var(--g500)}
.timeline li.done::before{background:var(--g500)}
.timeline li.now::before{border-color:var(--lime);box-shadow:0 0 0 4px var(--lime-100)}
.timeline b{display:block;font-size:.92rem}
.timeline small{color:var(--muted)}
.list-row{display:flex;gap:.8rem;align-items:center;padding:.7rem 0;border-bottom:1px solid var(--line)}
.list-row:last-child{border-bottom:0}
.list-row .grow{flex:1;min-width:0}
.list-row b{display:block;font-size:.92rem}
.list-row small{color:var(--muted);display:block}

/* Chat */
.chat{display:grid;grid-template-rows:auto 1fr auto;height:560px;background:var(--surface);border:1px solid var(--line);border-radius:22px;overflow:hidden}
.chat-head{display:flex;gap:.7rem;align-items:center;padding:.9rem 1.1rem;border-bottom:1px solid var(--line);background:linear-gradient(90deg,var(--g50),#fff)}
.chat-head b{display:block;line-height:1.2}
.chat-head small{color:var(--ok);font-weight:700;display:flex;gap:.3rem;align-items:center}
.chat-head small::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok)}
.chat-body{overflow:auto;padding:1.1rem;display:flex;flex-direction:column;gap:.8rem;background:#fafcf9}
.msg{max-width:82%;padding:.7rem 1rem;border-radius:18px;font-size:.95rem;line-height:1.6;animation:fade .3s}
.msg.bot{background:var(--surface);border:1px solid var(--line);border-start-start-radius:4px;align-self:flex-start}
.msg.user{background:var(--g700);color:#fff;border-start-end-radius:4px;align-self:flex-end}
.msg ul{padding-inline-start:1.1rem;list-style:disc;margin:.4rem 0}
.msg .actions{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.6rem}
.msg img{border-radius:10px;max-height:160px;margin-bottom:.4rem}
.chat-foot{padding:.8rem;border-top:1px solid var(--line);display:flex;gap:.5rem;align-items:center;background:var(--surface)}
.chat-foot .input{flex:1}
.chat-foot .iconbtn{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:var(--g700);border:1.5px solid var(--line-2);flex:0 0 auto}
.chat-foot .iconbtn:hover{background:var(--g50)}
.chat-foot .iconbtn.send{background:var(--g700);color:#fff;border-color:var(--g700)}
.suggest{display:flex;gap:.4rem;flex-wrap:wrap;padding:0 .8rem .6rem;background:var(--surface)}
.typing span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--muted-2);margin-inline-end:3px;animation:blink 1.2s infinite}
.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}
@keyframes blink{0%,80%,100%{opacity:.25}40%{opacity:1}}

/* Weather */
.wx-hero{background:linear-gradient(135deg,#1c5c8a,#2f8fc6 55%,#6cc3e8);color:#fff;border-radius:22px;padding:1.5rem;display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:center;position:relative;overflow:hidden}
.wx-hero.hot{background:linear-gradient(135deg,#b45b12,#e2892b 55%,#f5c26b)}
.wx-hero.cold{background:linear-gradient(135deg,#2b4f7d,#4f7fb5 55%,#a9cbe8)}
.wx-hero.rain{background:linear-gradient(135deg,#2d3f5c,#4a6488 55%,#8aa2c0)}
.wx-hero .temp{font-size:4rem;font-weight:900;line-height:1}
.wx-hero .temp sup{font-size:1.6rem}
.wx-hero .i.xl{width:80px;height:80px}
.wx-days{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}
@media(max-width:800px){.wx-days{grid-template-columns:repeat(4,1fr)}}
@media(max-width:480px){.wx-days{grid-template-columns:repeat(2,1fr)}}
.wx-day{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:.7rem .5rem;text-align:center;font-size:.85rem}
.wx-day b{display:block;font-size:1.05rem}
.wx-day .i{width:30px;height:30px;color:var(--info);margin:.3rem auto}
.alert{display:flex;gap:.8rem;align-items:flex-start;padding:.9rem 1rem;border-radius:14px;border:1px solid;font-size:.92rem}
.alert b{display:block}
.alert .i{margin-top:.2rem;flex:0 0 auto}
.alert-danger{background:var(--danger-100);border-color:#f3c6bd;color:#8a2a1a}
.alert-warn{background:var(--warn-100);border-color:#f3dcb0;color:#7a4a05}
.alert-info{background:var(--info-100);border-color:#c2dcf0;color:#1a4f78}
.alert-ok{background:var(--ok-100);border-color:#bfe3cc;color:#1f5e38}

/* Notification */
.notif{display:flex;gap:.8rem;padding:.9rem;border-radius:14px;border:1px solid var(--line);background:var(--surface);align-items:flex-start}
.notif.unread{background:var(--g50);border-color:var(--g200)}
.notif b{display:block;font-size:.92rem}
.notif small{color:var(--muted)}
.notif .chan{display:flex;gap:.3rem;margin-top:.3rem}
.notif .chan span{font-size:.7rem;font-weight:800;padding:.1rem .45rem;border-radius:6px;background:var(--g100);color:var(--g800)}

/* Steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;counter-reset:s}
@media(max-width:900px){.steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.steps{grid-template-columns:1fr}}
.step{position:relative;padding:1.4rem 1.2rem 1.2rem;background:var(--surface);border:1px solid var(--line);border-radius:18px}
.step::before{counter-increment:s;content:counter(s);position:absolute;top:-14px;inset-inline-start:1rem;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--g600),var(--g800));color:#fff;font-weight:900;display:grid;place-items:center;font-size:.9rem;box-shadow:var(--sh)}
.step b{display:block;margin-bottom:.3rem}
.step p{font-size:.9rem;color:var(--muted);margin:0}

/* Pricing */
.price{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:1.5rem;display:flex;flex-direction:column;gap:.6rem}
.price.featured{border-color:var(--g500);box-shadow:var(--sh-lg);position:relative}
.price.featured::before{content:attr(data-tag);position:absolute;top:-12px;inset-inline-start:1.2rem;background:var(--lime);color:var(--g900);font-size:.72rem;font-weight:900;padding:.2rem .7rem;border-radius:999px}
.price .amount{font-size:1.5rem;font-weight:900;color:var(--g800);line-height:1.1}
.price .amount small{font-size:.85rem;color:var(--muted);font-weight:600}

/* Article / news */
.post{display:flex;flex-direction:column;overflow:hidden;padding:0}
.post .thumb{aspect-ratio:16/9;background:linear-gradient(135deg,var(--g800),var(--g500));position:relative;display:grid;place-items:center;color:#fff;overflow:hidden}
.post .thumb .i{width:56px;height:56px;opacity:.85}
.post .thumb img{width:100%;height:100%;object-fit:cover}
.post .body{padding:1.2rem 1.3rem 1.3rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.post .meta{display:flex;gap:.8rem;font-size:.78rem;color:var(--muted);font-weight:600;flex-wrap:wrap}
.post h3{font-size:1.08rem}
.prose{font-size:1.02rem}
.prose h3{margin:1.6rem 0 .5rem;color:var(--g800)}
.prose h4{margin:1.2rem 0 .3rem}
.prose ul{padding-inline-start:1.2rem;list-style:disc;margin:.5rem 0 1rem}
.prose .callout{background:var(--lime-50);border-inline-start:4px solid var(--lime);padding:1rem 1.2rem;border-radius:12px;margin:1rem 0}

/* Verification / trust */
.verify-box{background:linear-gradient(135deg,var(--g800),var(--g900));color:#fff;border-radius:22px;padding:1.8rem;position:relative;overflow:hidden}
.verify-box::after{content:"";position:absolute;inset-inline-end:-40px;top:-40px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(155,197,61,.35),transparent 65%)}
.verify-box .input{background:rgba(255,255,255,.95);border-color:transparent;color:var(--ink)}
.cert{display:flex;gap:.8rem;align-items:center;padding:.9rem;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.cert .i{color:var(--g600)}
.stars{display:inline-flex;gap:2px;color:#b0801f}
.stars .i{width:1em;height:1em}
.stars .i svg{fill:currentColor}
.stars .i.off{color:var(--line-2)}
.qr{display:grid;grid-template-columns:repeat(21,1fr);gap:1px;width:120px;aspect-ratio:1;background:#fff;padding:6px;border-radius:10px;border:1px solid var(--line)}
.qr i{background:var(--g900);display:block}
.qr i.o{background:transparent}

/* Modal & toast */
.modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;background:rgba(7,40,26,.55);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:.25s;padding:1rem}
.modal.open{opacity:1;visibility:visible}
.modal .box{background:#fff;border-radius:24px;width:min(100%,620px);max-height:90vh;overflow:auto;padding:1.6rem;transform:translateY(16px);transition:.3s var(--ease);position:relative}
.modal.open .box{transform:none}
.modal .close{position:absolute;top:.9rem;inset-inline-end:.9rem;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:var(--muted)}
.modal .close:hover{background:var(--g50);color:var(--ink)}
.toasts{position:fixed;bottom:1.2rem;inset-inline-start:1.2rem;z-index:200;display:grid;gap:.5rem;max-width:min(92vw,380px)}
.toast{background:var(--g900);color:#fff;padding:.8rem 1rem;border-radius:14px;box-shadow:var(--sh-lg);display:flex;gap:.6rem;align-items:flex-start;animation:fade .3s;font-size:.92rem}
.toast .i{color:var(--lime);margin-top:.15rem}
.toast.err{background:#7a2617}
.toast.err .i{color:#ffb3a6}

/* WhatsApp FAB */
.fab{position:fixed;bottom:1.2rem;inset-inline-end:1.2rem;z-index:90;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 10px 25px -8px rgba(37,211,102,.8);transition:.2s}
.fab:hover{transform:scale(1.06)}
.fab .i{width:28px;height:28px}

/* CTA band */
.cta-band{background:linear-gradient(120deg,var(--g800),var(--g600));color:#fff;border-radius:var(--r-xl);padding:clamp(2rem,4vw,3.5rem);display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap;position:relative;overflow:hidden}
.cta-band::before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cpath d='M60 10c22 12 30 34 20 60-10-26-32-40-48-44 20-2 36 10 40 24' fill='none' stroke='rgba(255,255,255,.08)' stroke-width='2'/%3E%3C/svg%3E") repeat;opacity:.6}
.cta-band>*{position:relative}
.cta-band h2{color:#fff;margin-bottom:.4rem}
.cta-band p{color:#d8ebdf;margin:0}

/* Footer */
.footer{background:var(--g950);color:#b5cbbd;padding-block:3.5rem 1.5rem;margin-top:auto}
.footer .grid{grid-template-columns:1.6fr 1fr 1fr 1fr 1.2fr;gap:2rem}
@media(max-width:1000px){.footer .grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.footer .grid{grid-template-columns:1fr}}
.footer h4{color:#fff;margin-bottom:.9rem;font-size:.95rem}
.footer li{margin:.35rem 0}
.footer a:hover{color:#fff}
.footer .brand{color:#fff}
.footer .brand small{color:#9fb6a7}
.footer .socials{display:flex;gap:.5rem;margin-top:1rem}
.footer .socials a{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff}
.footer .socials a:hover{background:var(--lime);color:var(--g900)}
.footer .bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:2.5rem;padding-top:1.2rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.82rem}
.footer .contact li{display:flex;gap:.5rem;align-items:flex-start}
.footer .contact .i{color:var(--lime);margin-top:.35em}

/* Reveal animations */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.in{opacity:1;transform:none}
.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}.d4{transition-delay:.32s}.d5{transition-delay:.4s}.d6{transition-delay:.48s}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.float-card{animation:none}}

/* Marquee */
.marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.marquee ul{display:flex;gap:2.5rem;width:max-content;animation:marq 40s linear infinite;padding-block:.5rem}
.marquee li{display:flex;align-items:center;gap:.5rem;font-weight:700;color:var(--muted);white-space:nowrap}
.marquee li .i{color:var(--g500)}
@keyframes marq{to{transform:translateX(-50%)}}
[dir=rtl] .marquee ul{animation-name:marq-rtl}
@keyframes marq-rtl{to{transform:translateX(50%)}}

/* Service catalog */
.svc{display:flex;gap:1rem;align-items:flex-start;padding:1.1rem;cursor:pointer;user-select:none}
.svc .icon-box{margin:0}
.svc .tick{position:absolute;top:.9rem;inset-inline-end:.9rem;width:24px;height:24px;border-radius:50%;border:2px solid var(--line-2);display:grid;place-items:center;transition:.2s}
.svc .tick .i{width:14px;height:14px;opacity:0;color:#fff}
.svc.selected{border-color:var(--g600);background:var(--g50)}
.svc.selected .tick{background:var(--g600);border-color:var(--g600)}
.svc.selected .tick .i{opacity:1}
.svc h3{font-size:1rem;margin-bottom:.2rem}
.svc p{font-size:.85rem;color:var(--muted);margin:0}
.sticky-cart{position:sticky;top:90px}

/* Number highlight */
.big-num{font-size:3rem;font-weight:900;line-height:1;background:linear-gradient(135deg,var(--g600),var(--lime));-webkit-background-clip:text;background-clip:text;color:transparent}

/* Split */
.split{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
@media(max-width:900px){.split{grid-template-columns:1fr;gap:2rem}}
.split .art{border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-lg)}
.art-frame{border-radius:var(--r-xl);overflow:hidden;background:linear-gradient(135deg,var(--g100),var(--lime-100));padding:1rem}

/* Passport visual */
.passport{background:linear-gradient(135deg,#0f3d24,#1e6b3d 60%,#2a8a4f);color:#fff;border-radius:22px;padding:1.4rem;position:relative;overflow:hidden;box-shadow:var(--sh-lg)}
.passport::before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Ccircle cx='40' cy='40' r='30' fill='none' stroke='rgba(255,255,255,.07)' stroke-width='1'/%3E%3C/svg%3E")}
.passport>*{position:relative}
.passport .row{display:flex;justify-content:space-between;gap:1rem;align-items:center}
.passport .kv{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem;font-size:.82rem;margin-top:1rem}
.passport .kv b{display:block;color:#fff;font-size:.92rem}
.passport .kv span{color:#b5cbbd}
.passport .qr{width:92px;padding:5px;background:#fff}

/* Print */
@media print{.header,.topbar,.footer,.fab,.mobile-nav{display:none!important}}

/* Responsive hardening */
.dash>*,.dash-grid>*,.split>*,.reader>*,.featured>*,.mailbox>*{min-width:0}
@media(max-width:900px){
  .split,.dash,.dash-grid,.reader,.featured,.mailbox,.steps[style]{grid-template-columns:1fr!important}
  .side{position:static}
  .sticky-cart{position:static}
}
@media(max-width:640px){
  .header .brand>span{display:none}
  .topbar .container>div:last-child{display:none}
  .topbar .container{justify-content:center}
  .page-hero h1{font-size:1.7rem}
  .hero h1{font-size:1.9rem}
  .stats{grid-template-columns:repeat(3,1fr);gap:.6rem}
  .stat b{font-size:1.5rem}
  .cta-band{text-align:center;justify-content:center}
  .kpis{grid-template-columns:repeat(2,1fr)}
  .chat{height:520px}
  .wx-hero{grid-template-columns:1fr;text-align:center;justify-items:center}
  .wx-hero .temp{font-size:3rem}
  .wxmeta{justify-content:center}
  .trace{grid-template-columns:1fr 1fr}
  .flow{gap:.2rem}
  .panel-head .flex{width:100%}
}
.notif>div{min-width:0;flex:1}
.notif b,.notif span{overflow-wrap:anywhere}
.sysnav .container,.capnav .container{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
.sysnav .chip,.capnav .chip{flex:0 0 auto}


/* ==========================================================================
   Identity v2 — "الحقل الرقمي": contour field lines, luminous data, trust seals
   ========================================================================== */
:root{--dew:#7ff0c4;--dew-d:#3fd39a;--contour:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22800%22 height=%22440%22 viewBox=%220 0 800 440%22%3E%3Cg fill=%22none%22 stroke=%22#9bc53d%22 stroke-opacity=%22.22%22 stroke-width=%221.2%22%3E%3Cpath d=%22M0,60.0 L40,75.3 L80,80.9 L120,76.2 L160,69.6 L200,68.6 L240,72.2 L280,72.1 L320,62.3 L360,46.4 L400,35.4 L440,36.4 L480,46.6 L520,55.9 L560,58.1 L600,56.2 L640,58.9 L680,69.7 L720,82.5 L760,86.7 L800,78.4%22/%3E%3Cpath d=%22M0,136.7 L40,140.3 L80,132.6 L120,121.9 L160,117.2 L200,118.5 L240,118.3 L280,110.1 L320,96.7 L360,88.3 L400,92.2 L440,105.6 L480,118.0 L520,122.1 L560,120.1 L600,120.5 L640,127.9 L680,137.2 L720,138.6 L760,127.9 L800,111.6%22/%3E%3Cpath d=%22M0,195.7 L40,184.9 L80,170.9 L120,163.6 L160,164.3 L200,165.7 L240,160.6 L280,150.7 L320,145.4 L360,151.8 L400,167.3 L440,181.4 L480,185.7 L520,182.0 L560,178.9 L600,182.1 L640,187.9 L680,187.1 L720,175.4 L760,158.7 L800,148.2%22/%3E%3Cpath d=%22M0,234.0 L40,218.1 L80,209.9 L120,211.5 L160,215.7 L200,214.7 L240,208.8 L280,206.1 L320,214.0 L360,230.2 L400,244.1 L440,247.2 L480,240.6 L520,233.3 L560,232.4 L600,235.4 L640,233.7 L680,222.6 L720,207.4 L760,198.8 L800,202.7%22/%3E%3Cpath d=%22M0,265.2 L40,257.7 L80,261.6 L120,269.6 L160,272.9 L200,270.3 L240,269.3 L280,277.1 L320,292.1 L360,304.4 L400,305.0 L440,295.1 L480,284.0 L520,279.8 L560,281.3 L600,280.3 L640,271.5 L680,259.1 L720,253.3 L760,260.2 L800,274.9%22/%3E%3Cpath d=%22M0,308.8 L40,315.6 L80,327.4 L120,334.4 L160,334.1 L200,333.2 L240,339.2 L280,351.5 L320,360.9 L360,358.8 L400,345.9 L440,331.9 L480,325.8 L520,327.4 L560,328.8 L600,323.6 L640,314.8 L680,312.0 L720,321.0 L760,337.4 L800,350.2%22/%3E%3Cpath d=%22M0,373.6 L40,388.4 L80,397.8 L120,398.3 L160,395.9 L200,398.7 L240,407.2 L280,413.4 L320,408.8 L360,394.0 L400,378.6 L440,372.4 L480,375.7 L520,380.5 L560,379.6 L600,374.5 L640,373.8 L680,383.7 L720,400.1 L760,412.2 L800,412.6%22/%3E%3C/g%3E%3Cg fill=%22#7ff0c4%22 fill-opacity=%22.35%22%3E%3Ccircle cx=%22120%22 cy=%2296%22 r=%222%22/%3E%3Ccircle cx=%22430%22 cy=%22170%22 r=%222.5%22/%3E%3Ccircle cx=%22690%22 cy=%22118%22 r=%222%22/%3E%3Ccircle cx=%22250%22 cy=%22300%22 r=%222%22/%3E%3Ccircle cx=%22560%22 cy=%22350%22 r=%222.5%22/%3E%3C/g%3E%3C/svg%3E");--muted-2:#6b7a72}
html[lang=ar] body{line-height:1.85}
html[lang=ar] *{letter-spacing:normal!important}
h1{font-weight:900;line-height:1.22}
h2{font-weight:900}
.num,.stat b,.kpi b,.big-num,.price .amount,.temp{font-variant-numeric:tabular-nums}

/* contour field behind dark surfaces */
.hero,.page-hero,.section-dark,.cta-band,.verify-box,.passport,.dash-head,.side-art{position:relative;isolation:isolate}
.hero::after,.page-hero::before,.section-dark::before,.cta-band::before,.dash-head::before,.side-art::before{content:"";position:absolute;inset:0;background:var(--contour) center/800px 440px repeat;opacity:.9;pointer-events:none;z-index:-1;animation:drift 60s linear infinite}
.page-hero::after{z-index:-1}
.cta-band::before{opacity:.5}
@keyframes drift{to{background-position:800px 0}}
@media(prefers-reduced-motion:reduce){.hero::after,.page-hero::before,.section-dark::before,.cta-band::before,.dash-head::before,.side-art::before{animation:none}}

/* luminous CTA + glass */
.btn-lime{box-shadow:0 8px 24px -10px rgba(155,197,61,.9),inset 0 1px 0 rgba(255,255,255,.5)}
.btn-lime:hover{box-shadow:0 12px 30px -10px rgba(155,197,61,1),0 0 0 4px rgba(155,197,61,.22)}
.btn-primary:hover{box-shadow:0 12px 26px -8px rgba(30,107,61,.7),0 0 0 4px rgba(58,165,101,.18)}
.card{background:linear-gradient(180deg,#fff,#fbfdfb);border-color:rgba(30,107,61,.1)}
.card:hover{border-color:rgba(155,197,61,.7);box-shadow:0 18px 40px -22px rgba(15,61,36,.35),0 0 0 1px rgba(155,197,61,.35)}
.icon-box{box-shadow:inset 0 0 0 1px rgba(30,107,61,.08)}
.hero-badges .badge,.stat{backdrop-filter:blur(10px) saturate(140%)}
.stat{background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.04));border-color:rgba(127,240,196,.22)}
.stat b{text-shadow:0 0 24px rgba(155,197,61,.55)}
.hero h1 em{text-shadow:0 0 30px rgba(155,197,61,.45)}

/* live indicator */
.live{display:inline-flex;align-items:center;gap:.45rem;font-weight:700}
.live::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--dew);box-shadow:0 0 0 0 rgba(127,240,196,.7);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(127,240,196,.7)}70%{box-shadow:0 0 0 9px rgba(127,240,196,0)}100%{box-shadow:0 0 0 0 rgba(127,240,196,0)}}

/* verification seal */
.seal-ring{position:relative;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 40% 35%,#dff59a,var(--lime));color:var(--g900);flex:0 0 auto;box-shadow:0 0 0 6px rgba(155,197,61,.18),0 10px 24px -10px rgba(155,197,61,.9)}
.seal-ring::before{content:"";position:absolute;inset:-9px;border-radius:50%;border:2px dashed rgba(155,197,61,.8);animation:spin 18s linear infinite}
.seal-ring .i{width:30px;height:30px}
.seal-ring.sm{width:44px;height:44px}.seal-ring.sm .i{width:22px;height:22px}.seal-ring.sm::before{inset:-6px}
@keyframes spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.seal-ring::before,.live::before{animation:none}}

/* trust strip */
.trust-strip{background:linear-gradient(90deg,var(--g950),var(--g900) 50%,var(--g950));color:#dff0e5;border-top:1px solid rgba(127,240,196,.15);border-bottom:1px solid rgba(127,240,196,.15)}
.trust-strip .container{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 2rem;padding-block:.8rem;font-size:.9rem;font-weight:700}
.trust-strip span{display:inline-flex;align-items:center;gap:.45rem}
.trust-strip .i{color:var(--lime)}

/* ==========================================================================
   Easy mode (وضع سهل) + voice + quick tiles — for low‑literacy users
   ========================================================================== */
.skip{position:absolute;inset-inline-start:1rem;top:-60px;z-index:999;background:var(--g900);color:#fff;padding:.6rem 1rem;border-radius:10px;font-weight:700}
.skip:focus{top:1rem}
.quick{background:linear-gradient(180deg,#fff,var(--g50));border-bottom:1px solid var(--line);padding-block:1.4rem}
.quick h2{font-size:1.25rem;text-align:center;margin-bottom:1rem}
.tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:.8rem}
@media(max-width:1000px){.tiles{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.tiles{grid-template-columns:repeat(2,1fr)}}
.tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;min-height:132px;padding:1rem .6rem;border-radius:22px;border:2px solid transparent;background:var(--surface);box-shadow:var(--sh);font-weight:800;font-size:1.05rem;text-align:center;color:var(--ink);transition:.2s var(--ease)}
.tile:hover,.tile:focus-visible{transform:translateY(-3px);border-color:var(--lime);box-shadow:0 18px 36px -18px rgba(15,61,36,.4)}
.tile .ic{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;color:#fff}
.tile .ic .i{width:34px;height:34px}
.tile .speak{position:absolute;top:.5rem;inset-inline-end:.5rem}
.t-green .ic{background:linear-gradient(135deg,var(--g600),var(--g800))}
.t-lime .ic{background:linear-gradient(135deg,#a9d24d,#6f9a22)}
.t-gold .ic{background:linear-gradient(135deg,#e8b85a,#b07a1d)}
.t-sky .ic{background:linear-gradient(135deg,#4aa3dd,#1e5f8f)}
.t-wa .ic{background:linear-gradient(135deg,#3ddc76,#128c4a)}
.t-call .ic{background:linear-gradient(135deg,#ff8a5c,#c8412b)}
.speak{width:34px;height:34px;border-radius:50%;display:inline-grid;place-items:center;background:var(--g100);color:var(--g800);flex:0 0 auto;border:0;cursor:pointer;transition:.2s}
.speak:hover{background:var(--lime);color:var(--g900)}
.speak.on{background:var(--g700);color:#fff;animation:pulse 1.5s infinite}
.speak .i{width:18px;height:18px}
.speak.lg{width:44px;height:44px}.speak.lg .i{width:22px;height:22px}
.help-fab{position:fixed;bottom:1.2rem;inset-inline-start:1.2rem;z-index:90;height:56px;padding:0 1.1rem 0 .5rem;border-radius:999px;background:var(--g900);color:#fff;display:inline-flex;align-items:center;gap:.5rem;font-weight:800;box-shadow:0 12px 28px -10px rgba(7,40,26,.8);border:1px solid rgba(127,240,196,.3)}
[dir=rtl] .help-fab{padding:0 .5rem 0 1.1rem}
.help-fab .ic{width:44px;height:44px;border-radius:50%;background:var(--lime);color:var(--g900);display:grid;place-items:center}
.help-fab .ic .i{width:24px;height:24px}
.help-fab:hover{transform:translateY(-2px)}
.help-steps{display:grid;gap:.7rem}
.help-steps .hs{display:flex;gap:.9rem;align-items:center;padding:.8rem;border-radius:16px;background:var(--g50);border:1px solid var(--line)}
.help-steps .hs .ic{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;color:#fff;flex:0 0 auto}
.help-steps .hs .ic .i{width:28px;height:28px}
.help-steps .hs b{display:block;font-size:1.05rem}
.help-big{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.help-big a{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1rem;border-radius:18px;color:#fff;font-weight:900;font-size:1.1rem;text-align:center}
.help-big a .i{width:36px;height:36px}
.mic-btn.on{background:var(--danger)!important;color:#fff!important;border-color:var(--danger)!important;animation:pulse 1.2s infinite}

/* Easy mode overrides */
.speak-inline{display:none;margin-inline-start:.5rem;vertical-align:middle}
@media(max-width:640px){.help-fab span.lbl{display:none}.help-fab{padding:0 .5rem}.tile{min-height:118px;font-size:.98rem}.tile .ic{width:56px;height:56px}}

@media(max-width:1500px){.header .brand>span{display:none}}
.speak-inline{position:relative;top:-.15em}
.btn{max-width:100%}
@media(max-width:640px){.hero .flex.wrap>.btn,.page-hero .flex.wrap>.btn,.cta-band .btn{width:100%}}
.modal .content>.flex.between .speak.lg{margin-inline-end:2.4rem}
.section-alt{background:radial-gradient(rgba(30,107,61,.09) 1px,transparent 1.5px) 0 0/22px 22px,linear-gradient(180deg,var(--g50),#fff)}

/* ==========================================================================
   v3 — Side navigation (simplified, color-coded), official passport, market
   ========================================================================== */
:root{--sidew:266px}
.sidenav{position:fixed;inset-block:0;inset-inline-start:0;width:var(--sidew);background:linear-gradient(180deg,#ffffff,#f6faf6);border-inline-end:1px solid var(--line);z-index:80;display:none;flex-direction:column;padding:1.1rem .9rem 1.4rem;overflow-y:auto;overscroll-behavior:contain}
.sidenav .brand{display:flex;padding:0 .3rem .9rem;border-bottom:1px solid var(--line);margin-bottom:.4rem}
.sidenav .brand img{height:42px}
.sidenav .brand>span{white-space:normal;line-height:1.3;font-size:.92rem}
.side-links{display:block}
.side-links .m-title,.mobile-nav .m-title{font-size:.7rem;font-weight:800;color:var(--muted-2);letter-spacing:.05em;margin:.9rem .4rem .25rem;text-transform:uppercase}
.nv{display:flex;align-items:center;gap:.65rem;padding:.42rem .55rem;border-radius:12px;font-weight:700;font-size:.93rem;color:var(--ink-2);transition:background .15s,color .15s;margin-bottom:2px;--nvbg:var(--g100);--nvc:var(--g700)}
.nv .nv-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;background:var(--nvbg);color:var(--nvc);box-shadow:inset 0 0 0 1px rgba(18,33,26,.05);transition:.15s}
.nv .nv-ic .i{width:18px;height:18px}
.nv:hover{background:var(--nvbg);color:var(--nvc)}
.nv.active{background:var(--nvc);color:#fff;box-shadow:0 6px 14px -8px var(--nvc)}
.nv.active .nv-ic{background:rgba(255,255,255,.22);color:#fff;box-shadow:none}
.nv-green{--nvbg:#e6f3ea;--nvc:#1e6b3d}
.nv-lime{--nvbg:#eef7d6;--nvc:#5e7d15}
.nv-gold{--nvbg:#fbf1dc;--nvc:#9a6b12}
.nv-sky{--nvbg:#e3f0fa;--nvc:#1e78b5}
.nv-teal{--nvbg:#def3ee;--nvc:#0e7a68}
.nv-violet{--nvbg:#ece8fa;--nvc:#6b4ec4}
.nv-rose{--nvbg:#fde8ee;--nvc:#c02e5e}
.nv-earth{--nvbg:#f3ece1;--nvc:#7a5a3c}
.mobile-nav .nv{margin-bottom:1px}
@media(min-width:1081px){
  body{padding-inline-start:var(--sidew)}
  .sidenav{display:flex}
  .brand-top{display:none}
  .header-actions{margin-inline-start:auto}
  .help-fab{inset-inline-start:calc(var(--sidew) + 1.2rem)}
  .toasts{inset-inline-start:calc(var(--sidew) + 1.2rem)}
  .modal,.mobile-nav{inset-inline-start:0}
}
@media print{.sidenav{display:none!important}body{padding-inline-start:0!important}}

/* real QR */
.qr-real{display:block;width:118px;aspect-ratio:1;background:#fff;border-radius:12px;border:1px solid var(--line);overflow:hidden;flex:0 0 auto}
.qr-real svg{width:100%;height:100%;display:block}
.qr-real.qr-lg{width:170px}

/* Official passport document */
/* v8: SAP identity — navy/gold passport document everywhere (per owner's approved mockup) */
.passport-doc{background:linear-gradient(150deg,#0a1230,#141f4d 55%,#1f3468);color:#fff;border-radius:20px;position:relative;overflow:hidden;box-shadow:var(--sh-lg);border:1px solid rgba(242,193,78,.5)}
.passport-doc::before{content:"";position:absolute;inset:0;background:var(--contour) center/800px 440px repeat;opacity:.35;pointer-events:none}
.passport-doc::after{content:"";position:absolute;inset-inline-end:-70px;top:-70px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(88,166,255,.28),transparent 65%);pointer-events:none}
.passport-doc>*{position:relative}
.pp-band{display:flex;align-items:center;gap:.8rem;padding:.8rem 1.2rem;background:rgba(6,10,32,.55);border-bottom:2px solid #f2c14e}
.pp-band img{height:40px;width:auto}
.pp-band .ttl{flex:1;min-width:0}
.pp-band .ttl b{display:block;font-size:1.02rem;line-height:1.3}
.pp-band .ttl small{display:block;color:#f2d391;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.pp-band .seal-ring{width:46px;height:46px}
.pp-band .seal-ring .i{width:22px;height:22px}
.sap-tile{width:50px;height:50px;flex:0 0 auto;border-radius:14px;background:linear-gradient(180deg,#fff,#f3efe4);color:#b98a1e;display:grid;place-items:center;font-weight:900;font-size:1.02rem;letter-spacing:.06em;border:2px solid #d9a441;box-shadow:0 4px 12px -4px rgba(0,0,0,.5)}
.pp-verified{display:inline-flex;align-items:center;gap:.4rem;border:1.5px solid rgba(255,255,255,.75);border-radius:999px;padding:.32rem .8rem;font-size:.78rem;font-weight:800;color:#fff;white-space:nowrap}
.pp-verified .i{width:15px;height:15px;color:#f2d391}
.pp-seals{display:flex;gap:.5rem;margin:.1rem 0 .7rem;flex-wrap:wrap}
.pp-seals .seal{width:38px;height:38px;border-radius:50%;background:#fff;display:grid;place-items:center;font-weight:900;font-size:.62rem;box-shadow:0 3px 9px -3px rgba(0,0,0,.55)}
.pp-seals .s1{color:#8a6a1f;border:2px solid #d9a441;font-size:.56rem}
.pp-seals .s2{color:#1e6b3d;border:2px solid #1e6b3d;font-size:.9rem}
.pp-seals .s3{color:#16255c;border:2px solid #16255c;font-size:.66rem}
.pp-seals .s4{border:2px solid #4a8a3a;font-size:.95rem}
.pp-body{padding:1rem 1.2rem 1.1rem}
.pp-num{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;margin-bottom:.7rem}
.pp-num b{font-size:1.25rem;letter-spacing:.06em;color:#fff;text-shadow:0 0 18px rgba(242,193,78,.45)}
.pp-num .badge{background:rgba(217,164,65,.18);color:#f2d391;border:1px solid rgba(217,164,65,.5)}
.pp-cols{display:flex;gap:1rem;align-items:flex-start}
.pp-cols>div:first-child{flex:1;min-width:0}
.pp-kv{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:.45rem .9rem;font-size:.8rem;min-width:0}
.pp-kv span{color:#aebbe0;display:block;font-size:.72rem}
.pp-kv b{color:#fff;font-size:.9rem;display:block;overflow-wrap:anywhere}
.pp-side{display:flex;flex-direction:column;align-items:center;gap:.4rem;flex:0 0 auto}
.pp-side small{color:#aebbe0;font-size:.66rem;font-weight:700;text-align:center;max-width:120px}
.pp-side svg{background:#fff;border:2px solid #d9a441;border-radius:12px;padding:4px}
.pp-badges{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.8rem}
.pp-badges .badge{background:rgba(255,255,255,.12);color:#e9f3ec;border:1px solid rgba(255,255,255,.2)}
.pp-badges .badge .i{color:#f2c14e}
.pp-valid{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.8rem;font-size:.78rem}
.pp-valid .vchip{display:inline-flex;align-items:center;gap:.4rem;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:.3rem .6rem}
.pp-valid .vchip b{color:#fff}
.pp-valid .vchip.ok{border-color:rgba(127,240,196,.5);color:#b8f4dd}
.pp-mrz{margin-top:.9rem;background:rgba(6,10,32,.6);border:1px dashed rgba(255,255,255,.25);border-radius:10px;padding:.45rem .7rem;font-size:.72rem;letter-spacing:.12em;color:#ccd8f2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
@media(max-width:560px){.pp-cols{flex-direction:column}.pp-side{flex-direction:row;align-items:center}.pp-kv{grid-template-columns:1fr 1fr}}

/* market: seller, condition, passport seal */
.seller-row{display:flex;align-items:center;gap:.55rem;padding:.5rem .1rem 0;border-top:1px dashed var(--line);margin-top:.6rem}
.slogo{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:#fff;font-weight:900;font-size:.72rem;flex:0 0 auto;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25),0 3px 8px -3px rgba(18,33,26,.4);letter-spacing:.02em}
.seller-row .who{flex:1;min-width:0;line-height:1.3}
.seller-row .who b{display:block;font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.seller-row .who small{color:var(--muted);font-size:.72rem}
.cond{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .6rem;border-radius:999px;font-size:.75rem;font-weight:700}
.cond-packed{background:var(--lime-100);color:#5e7d15}
.cond-sorted{background:var(--gold-100);color:#9a6b12}
.cond-bulk{background:#f3ece1;color:#7a5a3c}



.pass-seal .i{width:22px;height:22px}






@media(prefers-reduced-motion:reduce){}

/* naba news images */
.post .thumb img.news-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.naba-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.4;mix-blend-mode:luminosity}

/* ==========================================================================
   v4 — gold passport mark, product stages, seller form, green market,
   catalog rail, richer banners, courses spotlight
   ========================================================================== */

/* gold passport mark beside product name */
.pp-mark{position:relative;width:40px;height:40px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;cursor:pointer;color:#5b3f0d;background:radial-gradient(circle at 38% 32%,#ffe9b3,#f2c14e 55%,#d9a441);border:2px solid #fff;box-shadow:0 0 0 3px rgba(217,164,65,.45),0 6px 16px -6px rgba(217,164,65,.9);transition:transform .25s var(--ease)}
.pp-mark::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:2px dashed rgba(217,164,65,.75);animation:spin 18s linear infinite}
.pp-mark .i{width:20px;height:20px}
.pp-mark:hover,
@media(prefers-reduced-motion:reduce){.pp-mark::after{animation:none}}




/* product stage chip (on thumbnail) */
.stage-chip{position:absolute;top:.8rem;inset-inline-start:.8rem;z-index:2;display:inline-flex;align-items:center;gap:.4rem;padding:.32rem .75rem;border-radius:999px;font-size:.78rem;font-weight:800;color:#fff;box-shadow:0 6px 16px -6px rgba(0,0,0,.5);backdrop-filter:blur(6px)}
.stage-chip .i{width:1em;height:1em}
.st-farm{background:linear-gradient(135deg,#1e6b3d,#164d2e)}
.st-sorted{background:linear-gradient(135deg,#8a5c0e,#7a5510)}
.st-lab{background:linear-gradient(135deg,#1e78b5,#144e77)}
.st-packed{background:linear-gradient(135deg,#6b4ec4,#46327f)}
.st-export{background:linear-gradient(135deg,#c8412b,#7a2617)}

/* image picker (seller form) */
.img-pick{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-height:150px;border:2px dashed var(--line-2);border-radius:16px;background:var(--g50);cursor:pointer;overflow:hidden;transition:.2s;text-align:center;padding:1rem}
.img-pick:hover{border-color:var(--g500);background:var(--g100)}
.img-pick .ip-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--surface);color:var(--g600);box-shadow:var(--sh-sm)}
.img-pick .ip-icon .i{width:26px;height:26px}
.img-pick .ip-txt{font-weight:700;font-size:.9rem;color:var(--muted)}
.img-pick img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.img-pick.has-img .ip-icon,.img-pick.has-img .ip-txt{position:relative;z-index:2;opacity:0;transition:.2s}
.img-pick.has-img:hover .ip-icon,.img-pick.has-img:hover .ip-txt{opacity:1}
.img-pick.has-img:hover::before{content:"";position:absolute;inset:0;background:rgba(7,40,26,.5);z-index:1}

/* green resources — marketplace cards */
.gp-card{padding:0}
.gp-img{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:var(--r-lg) var(--r-lg) 0 0;background:#eaf6ee}
.gp-img svg{width:100%;height:100%;display:block;transition:transform .5s var(--ease)}
.gp-card:hover .gp-img svg{transform:scale(1.05)}
.gp-price{display:flex;align-items:center;justify-content:space-between;gap:.6rem;border-top:1px dashed var(--line);padding-top:.7rem;margin-top:.7rem}
.gp-price b{font-size:1.25rem;font-weight:900;color:var(--g800)}
.gp-price small{color:var(--muted);font-weight:600}

/* services catalog — side rail layout */
.cat-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1.5rem;align-items:start}
.cat-layout>*{min-width:0}
.cat-side{position:sticky;top:90px;display:flex;flex-direction:column}
.cat-rail{display:flex;flex-direction:column;gap:2px;padding:.8rem}
.cat-rail .nv{width:100%}
.cat-current .nv{border-radius:999px;padding-inline:1rem}
@media(max-width:1000px){
  .cat-layout{grid-template-columns:minmax(0,1fr)}
  .cat-side{position:static;order:-1}
  .cat-rail{flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .cat-rail .nv{width:auto;flex:0 0 auto}
  .cat-rail .nv .badge{display:none}
}

/* richer page banners */
.page-hero{border-block-end:1px solid rgba(155,197,61,.28)}
.page-hero::after{inset:auto -12% -65% auto;width:72%;background:radial-gradient(circle,rgba(155,197,61,.5),rgba(127,240,196,.16) 45%,transparent 66%);filter:blur(8px);animation:heroGlow 9s ease-in-out infinite alternate}
.page-hero .container::before{content:"";position:absolute;inset-inline-start:-6%;top:-45%;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(127,240,196,.26),transparent 60%);filter:blur(6px);pointer-events:none;z-index:-1;animation:float 8s ease-in-out infinite}
.page-hero .eyebrow{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);padding:.32rem .85rem;border-radius:999px;backdrop-filter:blur(8px);box-shadow:0 4px 14px -8px rgba(0,0,0,.4)}
.page-hero .crumbs{background:rgba(7,40,26,.35);display:inline-flex;padding:.25rem .8rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(6px)}
.page-hero h1{text-shadow:0 2px 26px rgba(0,0,0,.3)}
@keyframes heroGlow{from{transform:translateY(0) scale(1);opacity:.75}to{transform:translateY(-26px) scale(1.12);opacity:1}}
.hero::before{animation:heroGlow 12s ease-in-out infinite alternate}
@media(prefers-reduced-motion:reduce){.page-hero::after,.page-hero .container::before,.hero::before{animation:none}}

/* courses spotlight band */
.courses-band{background:radial-gradient(900px 300px at 85% 0%,rgba(217,164,65,.18),transparent 60%),linear-gradient(180deg,#fffdf6,#fbf6e8)}
.courses-band .eyebrow{color:#9a6b12}
.courses-band .eyebrow::before{background:linear-gradient(90deg,var(--gold),#f2c14e)}
.course-card{display:flex;flex-direction:column;gap:.5rem;border-color:rgba(217,164,65,.35)}
.course-card.ended{opacity:.72;filter:saturate(.75)}
.course-status{position:absolute;top:1rem;inset-inline-end:1rem;font-size:.72rem;font-weight:800;padding:.25rem .65rem;border-radius:999px}
.course-status.on{background:var(--lime-100);color:#5e7d15;box-shadow:0 0 0 0 rgba(155,197,61,.55);animation:pulse 2.2s infinite}
.course-status.off{background:var(--danger-100);color:var(--danger)}
@media(prefers-reduced-motion:reduce){.course-status.on{animation:none}}

/* ==========================================================================
   v5 — themed animated banners per section + passport modal
   ========================================================================== */
.ph-brown{background:linear-gradient(160deg,#241505,#5a3a1e 55%,#8a5a2b)}
.ph-brown::after{background:radial-gradient(circle,rgba(242,193,78,.5),rgba(242,193,78,.12) 45%,transparent 66%)}
.ph-brown .eyebrow{color:#f2c14e}
.ph-brown .eyebrow::before{background:linear-gradient(90deg,#f2c14e,#d9a441)}
.ph-lime{background:linear-gradient(160deg,#15200a,#3c5a10 55%,#7ea52a)}
.ph-lime::after{background:radial-gradient(circle,rgba(223,245,154,.5),transparent 66%)}
.ph-lime .eyebrow{color:#dff59a}
.ph-blue{background:linear-gradient(160deg,#07202f,#14507c 55%,#2f8fc6)}
.ph-blue::after{background:radial-gradient(circle,rgba(108,195,232,.5),transparent 66%)}
.ph-blue .eyebrow{color:#a8dcf5}
.ph-blue .eyebrow::before{background:linear-gradient(90deg,#6cc3e8,#2f8fc6)}
.ph-violet{background:linear-gradient(160deg,#170e2e,#46327f 55%,#6b4ec4)}
.ph-violet::after{background:radial-gradient(circle,rgba(197,180,255,.5),transparent 66%)}
.ph-violet .eyebrow{color:#cabffb}
.ph-violet .eyebrow::before{background:linear-gradient(90deg,#cabffb,#6b4ec4)}
.ph-tech{background:linear-gradient(160deg,#050d1f,#122a52 55%,#1c5f9e)}
.ph-tech::after{background:radial-gradient(circle,rgba(127,240,229,.45),transparent 66%)}
.ph-tech .eyebrow{color:#7ff0e5}
.ph-tech .eyebrow::before{background:linear-gradient(90deg,#7ff0e5,#2f8fc6)}
.ph-teal{background:linear-gradient(160deg,#04211c,#0e5a4d 55%,#17907c)}
.ph-teal::after{background:radial-gradient(circle,rgba(127,240,196,.5),transparent 66%)}
.ph-teal .eyebrow{color:#7ff0c4}
.ph-amber{background:linear-gradient(160deg,#231303,#7a4a05 55%,#b07a1d)}
.ph-amber::after{background:radial-gradient(circle,rgba(255,214,140,.5),transparent 66%)}
.ph-amber .eyebrow{color:#ffd68c}
.ph-amber .eyebrow::before{background:linear-gradient(90deg,#ffd68c,#d9a441)}
.ph-steel{background:linear-gradient(160deg,#101820,#2c3e50 55%,#4a6c8c)}
.ph-steel::after{background:radial-gradient(circle,rgba(176,205,230,.45),transparent 66%)}
.ph-steel .eyebrow{color:#b0cde6}
.ph-cyan{background:linear-gradient(160deg,#032530,#0e5e70 55%,#1899b0)}
.ph-cyan::after{background:radial-gradient(circle,rgba(140,232,255,.5),transparent 66%)}
.ph-cyan .eyebrow{color:#8ce8ff}

/* animated banner scenes */
.scene{width:100%;max-width:560px;margin-inline:auto}
.scene svg{width:100%;height:auto;display:block;overflow:visible;filter:drop-shadow(0 26px 34px rgba(0,0,0,.35))}
@media(max-width:900px){
  .page-hero.with-art .container{grid-template-columns:1fr}
  .page-hero .art.scene-art{display:block;max-width:400px;margin:1.2rem auto 0}
}

/* ==========================================================================
   v6 — الوضع الليلي، القائمة الجانبية المدمجة، الهيرو المضغوط، المستشار العائم،
   مركز المراجعة، منصة النشر، الإدخال بالفيديو، مطويات لُباب، بطاقات نبأ
   ========================================================================== */

/* ---------- إصلاحات مؤجلة من المراجعة ---------- */
.s-contract{background:var(--info-100);color:var(--info)}
.s-invoice{background:var(--warn-100);color:#9a5d0a}
@media(max-width:480px){.kpis{grid-template-columns:1fr}}
.stage-chip{text-shadow:0 1px 3px rgba(0,0,0,.45)}
.page-hero .eyebrow{text-shadow:0 1px 4px rgba(0,0,0,.35)}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .marquee ul{animation:none!important}
  .speak.on,.mic-btn.on,.typing span{animation:none!important}
  .toast,.msg,.tab-panel{animation:none!important}
  .gp-img svg,.gp-card:hover .gp-img svg{transition:none!important;transform:none!important}
  .adv-fab,.adv-hint,.adv-panel{animation:none!important;transition:none!important}
}

/* ---------- القائمة الجانبية: مدمجة مع الهوية بدل العمود المنفصل ---------- */
.sidenav{background:linear-gradient(180deg,var(--g950),#0b3421 58%,var(--g900));border-inline-end:0;
  box-shadow:inset calc(var(--dirx,1) * -1px) 0 0 rgba(127,240,196,.10), 0 0 44px rgba(7,40,26,.28)}
[dir=ltr] .sidenav{--dirx:-1}
.sidenav::after{content:"";position:absolute;inset:0;background:var(--contour);opacity:.05;pointer-events:none}
.sidenav .brand{position:relative;z-index:1}
.sidenav .brand>span{color:#fff}
.sidenav .brand small{color:#9fd9bd}
.side-links{position:relative;z-index:1}
.side-links .m-title{color:#7ff0c4;opacity:.8;border-block-start:1px solid rgba(127,240,196,.12);padding-block-start:.8rem}
.sidenav .nv{color:#cfe0d5;border-radius:12px;border:1px solid transparent}
.sidenav .nv:hover{background:rgba(255,255,255,.07);color:#fff}
.sidenav .nv.active{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(127,240,196,.28);box-shadow:0 4px 14px rgba(0,0,0,.25)}
.sidenav .nv .nv-ic{box-shadow:0 2px 8px rgba(0,0,0,.3)}

/* ---------- هيرو الرئيسية المضغوط ---------- */
.hero.compact{padding-block:2.4rem 2rem;min-height:0}
.hero.compact .container{grid-template-columns:1.15fr .85fr;align-items:center;gap:2rem}
.hero.compact h1{font-size:clamp(1.55rem,2.6vw,2.35rem);margin-block-end:.5rem}
.hero.compact p.lead{font-size:1.08rem;max-width:540px;margin-block-end:.9rem}
.hero.compact .hero-art{max-width:360px;margin-inline:auto}
.hero.compact .float-card{display:none}
.hero.compact .hero-stats{display:flex;flex-wrap:wrap;gap:.4rem .6rem;margin-block-start:.9rem}
.hero.compact .hero-stats span{display:inline-flex;align-items:center;gap:.35rem;background:rgba(255,255,255,.08);border:1px solid rgba(127,240,196,.2);border-radius:999px;padding:.28rem .7rem;font-size:.78rem;color:#dff1e6}
.hero.compact .hero-stats b{color:#7ff0c4}
@media(max-width:900px){.hero.compact .container{grid-template-columns:1fr}.hero.compact .hero-art{max-width:280px}}

/* ---------- المستشار العائم (شخصية) ---------- */
.adv-fab{position:fixed;inset-inline-start:1rem;inset-block-end:1rem;z-index:95;width:64px;height:64px;border-radius:50%;
  border:2px solid rgba(127,240,196,.5);background:linear-gradient(160deg,var(--g900),var(--g700));cursor:pointer;
  box-shadow:0 10px 28px rgba(7,40,26,.45);display:grid;place-items:center;padding:6px;transition:transform .2s var(--ease)}
.adv-fab:hover{transform:scale(1.07)}
.adv-char{width:100%;height:100%}
.adv-hint{position:absolute;inset-block-start:-8px;inset-inline-end:-14px;background:var(--lime);color:#15200a;font-size:.62rem;
  font-weight:900;border-radius:999px;padding:.15rem .5rem;box-shadow:var(--sh-sm);animation:advPulse 2.4s ease-in-out infinite}
@keyframes advPulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.adv-panel{position:fixed;inset-inline-start:1rem;inset-block-end:calc(1rem + 74px);z-index:96;width:min(380px,calc(100vw - 2rem));
  height:min(540px,72vh);background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-lg);box-shadow:var(--sh-lg);
  display:none;flex-direction:column;overflow:hidden}
.adv-panel.open{display:flex}
.adv-head{display:flex;align-items:center;gap:.6rem;padding:.7rem .9rem;background:linear-gradient(135deg,var(--g900),var(--g700));color:#fff}
.adv-head .adv-char{width:38px;height:38px;flex:none}
.adv-head b{display:block;font-size:.92rem}
.adv-head .small{color:#9fd9bd;font-size:.7rem}
.adv-head div{flex:1;min-width:0}
.adv-x{background:rgba(255,255,255,.12);border:0;color:#fff;width:30px;height:30px;border-radius:8px;cursor:pointer;display:grid;place-items:center}
.adv-body{flex:1;overflow-y:auto;padding:.8rem;display:flex;flex-direction:column;gap:.55rem;background:var(--g50)}
.adv-body .msg{max-width:88%;padding:.55rem .8rem;border-radius:14px;font-size:.85rem;line-height:1.7}
.adv-body .msg.bot{background:var(--surface);border:1px solid var(--line);border-start-start-radius:4px;align-self:flex-start}
.adv-body .msg.me{background:var(--g700);color:#fff;border-start-end-radius:4px;align-self:flex-end}
.adv-chips{display:flex;gap:.4rem;overflow-x:auto;padding:.5rem .8rem;border-block-start:1px solid var(--line);scrollbar-width:thin}
.adv-chips .chip{flex:none;font-size:.72rem}
.adv-foot{display:flex;gap:.4rem;padding:.6rem .8rem;border-block-start:1px solid var(--line);background:var(--surface)}
.adv-foot .input{flex:1;min-width:0;padding:.5rem .8rem;min-height:40px}
.adv-foot .iconbtn{width:40px;height:40px;border-radius:10px;border:1px solid var(--line-2);background:var(--surface);cursor:pointer;display:grid;place-items:center;color:var(--g700)}
@media(max-width:640px){.adv-panel{inset-inline-start:.6rem;inset-inline-end:.6rem;width:auto}}

/* ---------- بطاقات نبأ الموحدة ---------- */
.nb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
@media(max-width:1000px){.nb-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.nb-grid{grid-template-columns:1fr}}
.nb-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh-sm);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.nb-card:hover{transform:translateY(-3px);box-shadow:var(--sh)}
.nb-thumb{aspect-ratio:16/10;background:linear-gradient(135deg,var(--g100),var(--g200));display:grid;place-items:center;color:var(--g700);position:relative}
.nb-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nb-thumb .i svg{width:34px;height:34px}
.nb-body{padding: .9rem 1rem 1rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.nb-body h3{font-size:.98rem;line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.05em}
.nb-meta{display:flex;gap:.5rem;align-items:center;font-size:.72rem;color:var(--muted)}
.nb-more{margin-block-start:auto;align-self:flex-start;font-weight:800;font-size:.82rem;color:var(--g700);display:inline-flex;align-items:center;gap:.3rem}
@media(prefers-reduced-motion:reduce){.nb-card,.nb-card:hover{transform:none;transition:none}}

/* ---------- مطويات لُباب ---------- */
.leaflet{position:relative;background:linear-gradient(160deg,#fffef9,#f6f3ea);border:1px solid var(--line-2);border-radius:var(--r);box-shadow:var(--sh-sm);overflow:hidden}
.leaflet::before{content:"";position:absolute;inset-block-start:0;inset-inline-end:0;border-style:solid;border-width:0 0 26px 26px;border-color:transparent transparent var(--line-2) transparent;filter:drop-shadow(-2px 2px 2px rgba(0,0,0,.08))}
[dir=ltr] .leaflet::before{transform:scaleX(-1);inset-inline-end:0}
.leaflet .lf-head{padding:1rem 1.1rem .4rem;display:flex;gap:.6rem;align-items:flex-start}
.leaflet .lf-head .icon-box{flex:none}
.leaflet h3{margin:0;font-size:1rem;line-height:1.6}
.leaflet .lf-meta{font-size:.7rem;color:var(--muted);display:flex;gap:.6rem;margin-block-start:.25rem}
.leaflet .lf-excerpt{padding:0 1.1rem;font-size:.85rem;color:var(--ink-2);line-height:1.8}
.leaflet .lf-body{max-height:0;overflow:hidden;transition:max-height .5s var(--ease);padding:0 1.1rem}
.leaflet.open .lf-body{max-height:4000px;padding-block-end:.6rem}
.leaflet .lf-body h3{font-size:.92rem;color:var(--g800);margin-block-start:.9rem}
.leaflet .lf-toggle{display:flex;align-items:center;gap:.4rem;width:100%;border:0;background:linear-gradient(180deg,transparent,var(--g50));color:var(--g700);font-weight:800;font-size:.82rem;padding:.7rem 1.1rem;cursor:pointer;justify-content:center;border-block-start:1px dashed var(--line-2);margin-block-start:.6rem}
.leaflet.open .lf-toggle .i{transform:rotate(180deg)}
@media(min-width:900px){.leaflet.open .lf-body .cols{columns:2;column-gap:2rem;column-rule:1px dashed var(--line-2)}}
@media(prefers-reduced-motion:reduce){.leaflet .lf-body{transition:none}}

/* ---------- مركز مراجعة الطلبات (المدير) ---------- */
.rc-item{display:flex;gap: .9rem;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding: .9rem 1rem;margin-block-end:.7rem}
.rc-item .rc-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex:none;color:#fff}
.rc-item .rc-mid{flex:1;min-width:0}
.rc-item h4{margin:0 0 .2rem;font-size:.92rem}
.rc-kv{display:flex;flex-wrap:wrap;gap:.3rem .9rem;font-size:.76rem;color:var(--muted)}
.rc-kv b{color:var(--ink-2)}
.rc-thumb{width:74px;height:56px;border-radius:10px;object-fit:cover;border:1px solid var(--line-2);flex:none}
.rc-file{display:inline-flex;align-items:center;gap:.35rem;background:var(--info-100);color:var(--info);border-radius:8px;padding:.25rem .6rem;font-size:.72rem;font-weight:700}
.rc-actions{display:flex;flex-direction:column;gap:.4rem;flex:none}
@media(max-width:640px){.rc-item{flex-wrap:wrap}.rc-actions{flex-direction:row;width:100%}}

/* ---------- منصة النشر ---------- */
.composer{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:1rem;box-shadow:var(--sh-sm)}
.composer .cp-tabs{display:flex;gap:.4rem;margin-block-end:.7rem;flex-wrap:wrap}
.composer .cp-tabs button{border:1px solid var(--line-2);background:var(--bg);border-radius:999px;padding:.4rem .9rem;font-size:.8rem;font-weight:800;cursor:pointer;color:var(--muted);display:inline-flex;gap:.35rem;align-items:center}
.composer .cp-tabs button.active{background:var(--g700);color:#fff;border-color:var(--g700)}
.composer .textarea{min-height:90px}
.cp-row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin-block-start:.6rem}
.cp-feed .post-row{display:flex;gap:.7rem;align-items:center;border:1px solid var(--line);border-radius:var(--r);padding:.6rem .8rem;margin-block-end:.5rem;background:var(--surface)}
.cp-feed .post-row img{width:56px;height:42px;border-radius:8px;object-fit:cover}
.cp-feed .k{font-size:.66rem;font-weight:900;border-radius:6px;padding:.15rem .45rem}
.k-news{background:var(--info-100);color:var(--info)}.k-course{background:var(--gold-100);color:#9a6b12}.k-ad{background:var(--lime-100);color:#3c5a10}

/* ---------- إعلانات المحاصيل محدودة المدة ---------- */
.ad-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap: .9rem;margin-block-end:1.2rem}
.ad-card{position:relative;border:1.5px solid var(--gold);border-radius:var(--r);background:linear-gradient(160deg,var(--surface),var(--gold-100));padding:.9rem 1rem;box-shadow:var(--sh-sm)}
.ad-card h4{margin:.1rem 0 .3rem;font-size:.95rem}
.ad-until{position:absolute;inset-block-start:-10px;inset-inline-start:12px;background:var(--gold);color:#231303;font-size:.66rem;font-weight:900;border-radius:999px;padding:.2rem .6rem;box-shadow:var(--sh-sm)}
.ad-price{font-weight:900;color:var(--g800)}

/* ---------- محاكاة الإدخال بالفيديو (واتساب) ---------- */
.wa-sim{border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line-2);background:#efe7dc;display:flex;flex-direction:column;min-height:380px}
html.dark .wa-sim{background:#0b141a}
.wa-head{background:#128c4a;color:#fff;padding:.6rem .9rem;display:flex;align-items:center;gap:.6rem;font-size:.85rem;font-weight:800}
.wa-head .i{color:#dcf8ea}
.wa-body{flex:1;padding: .9rem;display:flex;flex-direction:column;gap:.55rem;overflow-y:auto;max-height:340px}
.wab{max-width:82%;border-radius:12px;padding:.5rem .75rem;font-size:.8rem;line-height:1.7;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.wab.in{background:#fff;align-self:flex-start;border-start-start-radius:3px}
html.dark .wab.in{background:#1f2c34;color:#e8f2ec}
.wab.bot{background:#dcf8ea;align-self:flex-end;border-start-end-radius:3px}
html.dark .wab.bot{background:#005c4b;color:#e8f2ec}
.wab .who{display:block;font-size:.66rem;font-weight:900;color:#128c4a;margin-block-end:.15rem}
html.dark .wab .who{color:#7ff0c4}
.wab-video{display:flex;align-items:center;gap:.6rem}
.wab-video .vthumb{width:120px;height:74px;border-radius:8px;background:linear-gradient(135deg,#2a6b3a,#7ea52a);display:grid;place-items:center;color:#fff;position:relative;flex:none}
.wab-video .vthumb::after{content:"";position:absolute;border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent rgba(255,255,255,.95)}
.wa-analysis{border:1px dashed #128c4a;border-radius:10px;background:rgba(18,140,74,.06);padding:.5rem .7rem;margin-block-start:.4rem}
.wa-analysis .row{display:flex;gap:.5rem;font-size:.76rem;padding:.14rem 0}
.wa-analysis .row b{min-width:74px;color:var(--g800)}
html.dark .wa-analysis .row b{color:#9fd9bd}
.wa-foot{padding:.6rem .9rem;border-block-start:1px solid var(--line)}

/* ---------- جدول محاصيل الجواز المتعدد ---------- */
.pp-crops{width:100%;border-collapse:collapse;margin-block:.45rem;font-size:.72rem}
.pp-crops th{background:rgba(6,10,32,.55);font-size:.6rem;color:#c3d2f5;text-transform:uppercase;letter-spacing:.06em;text-align:start;padding:.25rem .45rem;border-block-end:1px solid #2c3e6e;white-space:normal}
.pp-crops td{padding:.28rem .35rem;border-block-end:1px dashed #22335f;font-weight:700}
.pp-crops tr:last-child td{border-block-end:0}

/* ---------- الوضع الليلي ---------- */
html.dark{color-scheme:dark;
  --bg:#0c1712;--surface:#132520;--ink:#e9f4ee;--ink-2:#cfe0d6;--muted:#9db4a9;--muted-2:#8aa094;
  --line:#24382f;--line-2:#31493c;--sand:#152720;
  --g50:#13241c;--g100:#1a3226;--g200:#22412f;
  --gold-100:#33290f;--lime-100:#243312;--lime-50:#1a2610;
  --danger-100:#391a13;--warn-100:#33260e;--info-100:#102b3f;--ok-100:#153823;
  --sh-sm:0 2px 8px rgba(0,0,0,.45);--sh:0 10px 26px rgba(0,0,0,.5);--sh-lg:0 22px 60px rgba(0,0,0,.6)}
html.dark body{background:var(--bg);color:var(--ink)}
html.dark .header{background:rgba(12,23,18,.92);border-block-end:1px solid var(--line)}
html.dark .topbar{background:var(--g950)}
html.dark .badge-gold{color:#ffd68c}
html.dark .badge-lime{color:#cfe89a}
html.dark .badge-ok{color:#8fd6a8}
html.dark .badge-info{color:#8ccdf3}
html.dark .badge-danger{color:#f3a08f}
html.dark .icon-box{filter:brightness(1.1)}
html.dark .input,html.dark .select,html.dark .textarea{background:#0f1e18;color:var(--ink);border-color:var(--line-2)}
html.dark .input::placeholder,html.dark .textarea::placeholder{color:var(--muted-2)}
html.dark .table-wrap table th{background:var(--g100)}
html.dark .card,html.dark .panel{background:var(--surface)}
html.dark .toast{background:var(--surface);color:var(--ink);border:1px solid var(--line-2)}
html.dark .modal .box{background:var(--surface)}
html.dark .courses-band{background:linear-gradient(160deg,#241c07,#33290f)}
html.dark .tile{background:var(--surface)}
html.dark .leaflet{background:linear-gradient(160deg,#1b2d24,#152720);border-color:var(--line-2)}
html.dark .leaflet .lf-excerpt{color:var(--ink-2)}
html.dark .leaflet .lf-toggle{background:linear-gradient(180deg,transparent,var(--g100));color:#9fd9bd;border-block-start-color:var(--line-2)}
html.dark .nb-thumb{background:linear-gradient(135deg,var(--g100),var(--g200));color:#9fd9bd}
html.dark .adv-body{background:var(--g50)}
html.dark .adv-foot .iconbtn{background:var(--surface);color:#9fd9bd}
html.dark .eyebrow{color:#8fd6a8}
html.dark :focus-visible{outline-color:#7ff0c4}
html.dark .stars{color:#ffd68c}
html.dark .wx-hero{filter:brightness(.92)}
html.dark .cert{background:var(--surface)}
html.dark .qr-real svg{border-radius:6px}
.dark-btn{width:38px;height:38px;border-radius:10px;border:1px solid var(--line-2);background:var(--surface);cursor:pointer;display:grid;place-items:center;color:var(--g700)}
html.dark .dark-btn{color:#ffd68c}
.dark-btn:hover{background:var(--g50)}
@media(min-width:1081px){
  .adv-fab{inset-inline-start:calc(var(--sidew, 266px) + 1.1rem)}
  .adv-panel{inset-inline-start:calc(var(--sidew, 266px) + 1.1rem)}
}

/* v6.1 — تصحيحات الوضع الليلي الشاملة (نصوص فوق خلفيات رمزية) */
html.dark .badge{color:#9fd9bd}
html.dark .badge-gold{color:#ffd68c}
html.dark .badge-lime{color:#cfe89a}
html.dark .badge-ok{color:#8fd6a8}
html.dark .badge-info{color:#8ccdf3}
html.dark .badge-danger{color:#f3a08f}
html.dark .badge-dark{color:#fff}
html.dark th{color:#9fd9bd}
html.dark .status.s-new{color:#8ccdf3}
html.dark .status.s-quote{color:#ffd68c}
html.dark .status.s-contract{color:#8ccdf3}
html.dark .status.s-progress{color:#cfe89a}
html.dark .status.s-invoice{color:#ffd68c}
html.dark .status.s-paid{color:#9fd9bd}
html.dark .status.s-done{color:#8fd6a8}
html.dark .status.s-cancel{color:#f3a08f}
html.dark .cond{color:#cfe0d5}
html.dark .cond-packed{color:#cfe89a}
html.dark .cond-sorted{color:#ffd68c}
html.dark .cond-bulk{background:#33290f;color:#e0c9a8}
html.dark .course-status.on{color:#cfe89a}
html.dark .course-status.off{color:#f3a08f}
html.dark .link,html.dark .nb-more{color:#7fd6a4}
html.dark .btn-ghost{color:#9fd9bd}
html.dark .btn-outline{color:#cfe0d5}
html.dark .num{color:rgba(155,197,61,.22)}
html.dark .alert-info{color:#8ccdf3;border-color:#1c4a6e}
html.dark .alert-warn{color:#ffd68c;border-color:#5a4310}
html.dark .alert-ok{color:#8fd6a8;border-color:#1f5233}
html.dark .alert-danger{color:#f3a08f;border-color:#5a2417}
html.dark .k-news{color:#8ccdf3}
html.dark .k-course{color:#ffd68c}
html.dark .k-ad{color:#cfe89a}
html.dark .rc-file{color:#8ccdf3}
html.dark .chip{color:var(--ink-2)}
html.dark .chip.active{background:var(--g700);color:#fff}
html.dark .lang-switch button.active{background:var(--g700);color:#fff}
html.dark .icon-box{background:var(--g100)}
html.dark .icon-box.gold{background:#33290f;color:#ffd68c}
html.dark .icon-box.lime{background:#243312;color:#cfe89a}
html.dark .wx-day{color:var(--ink)}
html.dark .datebox{background:var(--g100);color:#9fd9bd}
html.dark .events .datebox b{color:#e9f4ee}
html.dark .ad-until{background:var(--gold);color:#231303}
html.dark .ad-card{border-color:#8a6a1f}
html.dark .gp-price b{color:#e9f4ee}
html.dark .invoice{background:var(--g50)}
html.dark .mini-map{filter:brightness(.85)}
html.dark .help,html.dark .tiny{color:var(--muted)}
html.dark .btn-white{background:#e9f4ee;color:#0f3d24}

/* v6.1 تكملة */
.statb{color:var(--g700)}
html.dark .statb{color:#7fd6a4}
html.dark .eco a.card .num{color:rgba(155,197,61,.18)}
html.dark .eco a.card:hover .num{color:rgba(155,197,61,.3)}
html.dark .amount{color:#9fd9bd}
html.dark .stats.light .stat b{color:#7fd6a4}
html.dark .datebox small{color:#ffd68c}
html.dark .events .datebox{background:var(--g100)}
html.dark .faq details,html.dark .policy details{background:var(--surface)}
html.dark .pref{color:var(--ink-2)}
html.dark .pref .badge,html.dark .alerts-prefs .badge{color:#9fd9bd}
html.dark .chan span{color:#9fd9bd}
html.dark .section-alt{background:linear-gradient(180deg,var(--bg),#10201a 60%,var(--bg))}
html.dark .section-dark + .section-alt{background:var(--bg)}

/* v6.2 — القائمة الجانبية: بلا شريط تمرير ظاهر + أكثف قليلاً */
.sidenav{scrollbar-width:none}
.sidenav::-webkit-scrollbar{width:0;height:0;display:none}
.sidenav{padding-block:.8rem 1rem}
.sidenav .brand{padding-block-end:.6rem;margin-block-end:.2rem}
.sidenav .nv{padding:.36rem .55rem;margin-bottom:1px}
.side-links .m-title{margin:.65rem .4rem .2rem;padding-block-start:.55rem}

/* v6.2 — الأزرار العائمة: زر «كيف أستخدم؟» لم يعد عائماً إلا في الوضع السهل */
.help-fab{display:none}
.toasts{inset-block-end:calc(1.2rem + 78px)}

/* hint المستشار يظهر لأول زيارة فقط (advisor.js يضيف hide) */
.adv-hint.hide{display:none}

/* v6.2 — هيرو الرئيسية: إصلاح الارتفاع فعلياً (min-height كان على الحاوية) */
.hero.compact .container{min-height:0;padding-block:2.6rem 2.2rem;gap:2.2rem}
.hero.compact .hero-art{align-self:center}
@media(max-width:900px){.hero.compact .container{padding-block:2rem 1.6rem}}

/* v6.2 — بطاقات الطلبات المقدمة الغنية */
.app-card{display:flex;gap:.8rem;align-items:flex-start;border:1px solid var(--line);border-radius:var(--r);padding:.8rem .9rem;margin-block-end:.6rem;background:var(--surface)}
.app-card .ac-ic{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;flex:none;color:#fff}
.app-card .ac-mid{flex:1;min-width:0}
.app-card h4{margin:0;font-size:.88rem;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
.app-card .ac-kv{display:flex;flex-wrap:wrap;gap:.25rem .8rem;font-size:.74rem;color:var(--muted);margin-block-start:.2rem}
.app-card .ac-kv b{color:var(--ink-2)}
.app-card .ac-thumb{width:64px;height:48px;border-radius:9px;object-fit:cover;border:1px solid var(--line-2);flex:none}
.app-card .ac-reason{width:100%;font-size:.74rem;color:var(--danger);background:var(--danger-100);border-radius:8px;padding:.35rem .6rem;margin-block-start:.4rem}
html.dark .app-card .ac-reason{color:#f3a08f}
.app-card .ac-result{font-size:.74rem;margin-block-start:.3rem}

/* v6.2 — تفاصيل الطلب الأغنى */
.od-kv{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem;margin-block-start:.7rem}
.od-kv .cert{padding:.6rem .7rem}
.od-kv .cert b{font-size:.85rem}
.od-note{background:var(--g50);border-inline-start:3px solid var(--g500);padding:.6rem .8rem;border-radius:10px;font-size:.82rem;margin-block-start:.7rem}

/* v7 — توازن الأسطر: لا كلمات يتيمة في سطر مستقل */
h1,h2,h3,.sec-head p,.lead,.page-hero p{text-wrap:balance}

/* v7 — أشكال مميزة لأيقونات التنقل حسب المجموعة (تمييز بصري لا واعٍ) */
.side-links .nv .nv-ic{border-radius:11px}
.side-links .nv[href="index.html"] .nv-ic{border-radius:50%}
.side-links .nv[href="passport.html"] .nv-ic,.side-links .nv[href="market.html"] .nv-ic,.side-links .nv[href="greensource.html"] .nv-ic{border-radius:50% 12px 50% 12px}
.side-links .nv[href="services.html"] .nv-ic,.side-links .nv[href="capabilities.html"] .nv-ic,.side-links .nv[href="academy.html"] .nv-ic,.side-links .nv[href="smart-center.html"] .nv-ic{border-radius:14px 14px 4px 14px}
.side-links .nv[href="dashboards.html"] .nv-ic,.side-links .nv[href="orders.html"] .nv-ic{border-radius:4px 14px 14px 14px;transform:none}
.side-links .nv[href="lubab.html"] .nv-ic,.side-links .nv[href="naba.html"] .nv-ic{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);border-radius:0}
.side-links .nv[href="trust.html"] .nv-ic,.side-links .nv[href="about.html"] .nv-ic,.side-links .nv[href="contact.html"] .nv-ic{clip-path:polygon(50% 0,100% 18%,100% 62%,50% 100%,0 62%,0 18%);border-radius:0}

/* v7 — هوية الجواز المستقلة: كحلي ملكي وذهب (خارج أخضر الموقع) */
.ph-navy{background:linear-gradient(160deg,#0a1230,#16255c 55%,#26407f)}
.ph-navy::after{background:radial-gradient(circle at 30% 20%,rgba(242,193,78,.4),transparent 60%)}
.ph-navy .eyebrow{color:#f2c14e}
body.pp-theme .eyebrow{color:#8a6a1f}
html.dark body.pp-theme .eyebrow{color:#f2c14e}
body.pp-theme .section-alt{background:linear-gradient(180deg,#f4f5fb,#fff)}
html.dark body.pp-theme .section-alt{background:linear-gradient(180deg,var(--bg),#131b33 60%,var(--bg))}
body.pp-theme .btn-primary{background:linear-gradient(135deg,#26407f,#16255c);border-color:#16255c}
body.pp-theme .btn-primary:hover{background:linear-gradient(135deg,#2d4a92,#1a2b6b)}
body.pp-theme .btn-lime{background:linear-gradient(135deg,#f2c14e,#d9a441);color:#231303;border-color:#d9a441}
body.pp-theme .icon-box.dark{background:linear-gradient(135deg,#16255c,#0a1230)}
body.pp-theme .link{color:#26407f}
html.dark body.pp-theme .link{color:#9db8f0}
body.pp-theme .passport-doc{background:linear-gradient(150deg,#0a1230,#141f4d 55%,#1f3468);border-color:rgba(242,193,78,.45)}
body.pp-theme .pp-band{background:rgba(6,10,32,.55);border-bottom-color:#f2c14e}
body.pp-theme .passport-doc .seal-ring{color:#f2c14e}
body.pp-theme .pp-crops th{color:#9db8f0;border-block-end-color:#2c3e6e}
body.pp-theme .pp-crops td{border-block-end-color:#22335f}
body.pp-theme .steps .icon-box,body.pp-theme .icon-box{--tint:1}

/* v7 — عنصر الجواز المميز في القائمة الجانبية (ركيزة) */
.sidenav .nv.nv-feat{border:1px solid rgba(242,193,78,.5);background:linear-gradient(90deg,rgba(242,193,78,.14),transparent 70%)}
.sidenav .nv.nv-feat .nv-ic{background:linear-gradient(135deg,#f2c14e,#b8860b);color:#231303;box-shadow:0 2px 10px rgba(242,193,78,.35)}
.sidenav .nv.nv-feat::after{content:"★";margin-inline-start:auto;color:#f2c14e;font-size:.7rem}

/* v8: farm quality grade ladder E→A */
.grade-scale{display:flex;gap:.35rem}
.grade-scale .gs-step{flex:1;text-align:center;font-weight:900;font-size:.8rem;padding:.3rem 0;border-radius:9px;background:var(--surface-2,#eef3ee);color:var(--muted);border:1px solid var(--line)}
.grade-scale .gs-step.cur{background:linear-gradient(135deg,#26407f,#16255c);color:#fff;border-color:#16255c;box-shadow:0 4px 10px -4px rgba(22,37,92,.6)}
html.dark .grade-scale .gs-step{background:var(--surface)}

/* v8: academy identity — dark graphite + gold (breaks the site green, per owner) */
.ph-grph{background:linear-gradient(160deg,#15171c,#2b2f38 55%,#3a3f4b)}
.ph-grph::after{background:radial-gradient(circle,rgba(242,193,78,.4),transparent 66%)}
.ph-grph .eyebrow{color:#f2c14e}
.ph-grph .eyebrow::before{background:linear-gradient(90deg,#f2c14e,#8b8f9a)}
.ph-grph p{color:#c9cdd6}
.ph-grph .crumbs{color:#9aa0ad}
.btn-gold{background:linear-gradient(135deg,#f2c14e,#d9a441);color:#231303;border:1px solid #d9a441;box-shadow:0 6px 16px -6px rgba(217,164,65,.6)}
.btn-gold:hover{background:linear-gradient(135deg,#f7cf6e,#e0ad4e);color:#231303}
body.acad-theme .eyebrow{color:#8a6a1f}
html.dark body.acad-theme .eyebrow{color:#f2c14e}
body.acad-theme .btn-primary{background:linear-gradient(135deg,#3a3f4b,#1c1f26);border-color:#1c1f26}
body.acad-theme .btn-primary:hover{background:linear-gradient(135deg,#464c5a,#242832)}
body.acad-theme .btn-lime{background:linear-gradient(135deg,#f2c14e,#d9a441);color:#231303;border-color:#d9a441}
body.acad-theme .icon-box{background:linear-gradient(135deg,#3a3f4b,#1c1f26)}
body.acad-theme .link{color:#6b7280}
html.dark body.acad-theme .link{color:#c9cdd6}
body.acad-theme .section-alt{background:linear-gradient(180deg,#f2f3f5,#fff)}
html.dark body.acad-theme .section-alt{background:linear-gradient(180deg,var(--bg),#1a1d24 60%,var(--bg))}
body.acad-theme .badge-lime{background:rgba(242,193,78,.18);color:#8a6a1f;border-color:rgba(217,164,65,.5)}
html.dark body.acad-theme .badge-lime{color:#f2d391}

/* v8.5: live farm-weather panel — SVG icons, refined palette, geolocation-first */
.wx-live{background:linear-gradient(165deg,rgba(10,26,18,.72),rgba(7,18,13,.55));border:1px solid rgba(255,255,255,.14);border-radius:var(--r-xl);padding:1.05rem 1.15rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#dfe9e2;box-shadow:0 24px 40px -20px rgba(0,0,0,.55)}
.wx-top{display:flex;align-items:center;gap:.55rem;font-size:.88rem}
.wx-top>b{display:inline-flex;align-items:center;gap:.35rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.wx-top .i{width:15px;height:15px;color:#8fb573;flex:0 0 auto}
.wx-def{color:#93a99a;font-weight:600}
.wx-actions{display:inline-flex;gap:.3rem}
.wx-ibtn{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#dfe9e2;cursor:pointer}
.wx-ibtn:hover{background:rgba(255,255,255,.14)}
.wx-ibtn .i{width:15px;height:15px;color:currentColor}
.wx-badge{border-radius:999px;padding:.18rem .6rem;font-size:.66rem;font-weight:800;white-space:nowrap;border:1px solid rgba(255,255,255,.22)}
.wx-badge.on{color:#7ff0c4;border-color:rgba(127,240,196,.4)}
.wx-badge.warn{color:#f2d391;border-color:rgba(242,193,78,.4)}
.wx-wait{color:#b9c8be;margin:1rem 0}
.wx-notice{margin-top:.55rem;display:flex;align-items:center;gap:.45rem;background:rgba(242,193,78,.1);border:1px solid rgba(242,193,78,.3);border-radius:10px;padding:.4rem .6rem;font-size:.74rem;color:#f2d391}
.wx-notice .i{width:14px;height:14px;flex:0 0 auto}
.wx-retry{border:1px solid rgba(242,193,78,.5);background:none;color:#f2d391;border-radius:999px;padding:.15rem .6rem;font-size:.7rem;font-weight:800;cursor:pointer;margin-inline-start:auto;white-space:nowrap}
.wx-main{display:flex;align-items:center;gap:1rem;margin-block:.75rem .6rem}
.wx-big{display:inline-flex}
.wx-big .i{width:56px;height:56px}
.wx-big .i svg{stroke-width:1.6}
.wxi-sun{color:#f2c14e}
.wxi-cloud{color:#aebbc4}
.wxi-rain{color:#6cc3e8}
.wxi-snow{color:#cfe8f7}
.wxi-storm{color:#e8c46c}
.wxi-wind{color:#9fb6c9}
.wx-temp{font-size:2.35rem;font-weight:900;line-height:1;color:#fff}
.wx-cond{display:inline-block;margin-inline-start:.5rem;font-weight:800;color:#cfe0d4}
.wx-main small{display:block;color:#93a99a;font-size:.78rem;margin-top:.25rem}
.wx-main small b{color:#dfe9e2}
.wx-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;font-size:.7rem;color:#93a99a}
.wx-grid>span{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.4rem .5rem;display:flex;flex-direction:column;gap:.14rem;min-width:0}
.i.wx-ti{width:15px;height:15px}
.wx-grid b{color:#f4f8f5;font-size:.84rem;white-space:nowrap}
.wx-daygrid{margin-top:.45rem}
.wx-advice{margin-top:.6rem;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);border-inline-start:3px solid #8fb573;border-radius:10px;padding:.55rem .75rem;font-size:.79rem}
.wx-advice>b{display:flex;align-items:center;gap:.35rem;color:#b7dd6a;margin-bottom:.3rem;font-size:.76rem}
.wx-advice>b .i{width:14px;height:14px}
.wx-advice p{margin:.22rem 0;color:#dfe9e2;line-height:1.55;display:flex;gap:.4rem;align-items:flex-start}
.wx-advice p .i{width:14px;height:14px;flex:0 0 auto;margin-top:.16rem;color:#8fb573}
.hero.compact .hero-art{max-width:430px}
@media(max-width:900px){.hero.compact .hero-art{max-width:100%}.wx-grid{grid-template-columns:repeat(2,1fr)}}

/* v8.6: manual city search inside the weather panel */
.wx-search{position:relative;display:flex;align-items:center;gap:.45rem;margin-top:.6rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:11px;padding:.1rem .6rem}
.wx-search>.i{width:15px;height:15px;color:#93a99a;flex:0 0 auto}
.wx-sinput{flex:1;background:none;border:0;outline:0;color:#f4f8f5;font:inherit;font-size:.82rem;padding:.45rem 0;min-width:0}
.wx-sinput::placeholder{color:#7e948a}
.wx-sugg{position:absolute;inset-inline:0;top:calc(100% + 6px);z-index:30;display:flex;flex-direction:column;background:#0e1a13;border:1px solid rgba(255,255,255,.16);border-radius:12px;overflow:hidden;box-shadow:0 18px 34px -12px rgba(0,0,0,.6);max-height:240px;overflow-y:auto}
.wx-sugg:empty{display:none}
.wx-sugg button{display:flex;align-items:center;gap:.5rem;padding:.5rem .7rem;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.07);color:#e9f3ec;font:inherit;font-size:.8rem;cursor:pointer;text-align:start}
.wx-sugg button:last-child{border-bottom:0}
.wx-sugg button:hover{background:rgba(255,255,255,.08)}
.wx-sugg button .i{width:13px;height:13px;color:#8fb573;flex:0 0 auto}
.wx-sugg button b{white-space:nowrap}
.wx-sugg button small{color:#93a99a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wx-nores{padding:.55rem .7rem;font-size:.76rem;color:#93a99a}

/* v9: أدوات الإدارة والتحقق */
.fchecks{display:flex;flex-direction:column;gap:.22rem;margin-top:.45rem;background:rgba(0,0,0,.05);border:1px solid var(--line);border-radius:10px;padding:.45rem .6rem}
.fchecks .fc{display:flex;align-items:center;gap:.4rem;font-size:.74rem;font-weight:700}
.fchecks .fc .i{width:13px;height:13px;flex:0 0 auto}
.fchecks .fc.ok{color:#1e6b3d}
.fchecks .fc.bad{color:#c8412b}
html.dark .fchecks{background:rgba(255,255,255,.04)}
html.dark .fchecks .fc.ok{color:#7ff0c4}
html.dark .fchecks .fc.bad{color:#ff9d8a}
.tk-preview{background:var(--surface-2,#f4f7f4);border:1px dashed var(--line-2);border-radius:12px;padding:.8rem 1rem;font-size:.8rem;white-space:pre-wrap;word-break:break-word;font-family:inherit;color:var(--ink);max-height:260px;overflow:auto}
html.dark .tk-preview{background:rgba(255,255,255,.05)}
.pp-empty .pp-body.center{text-align:center}