/* AMANE LAKI operations console — same identity as the public site: ivory, white, mulberry rose, lavender. Mobile first, logical properties (RTL/LTR). */
:root{--ivory:#FBF7F2;--blush:#F7EAF0;--white:#fff;--mulberry:#8E2F5F;--mulberry-d:#6A1F46;--rose:#D9A7C0;--lav:#8C78BA;--lav-d:#5E4C8C;--lav-l:#EFEAF8;--ink:#2B1B26;--ink-2:#5A4755;--line:#E6DCE3;--ok:#2E7D5B;--warn:#A15C00;--bad:#B3261E;--r-s:10px;--r-m:16px;--r-l:22px;--shadow:0 6px 24px rgba(106,31,70,.08);--font-ar:"Noto Naskh Arabic","Segoe UI",Tahoma,sans-serif;--font-fr:"Segoe UI",system-ui,sans-serif;--nav-h:64px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ivory);color:var(--ink);font:16px/1.65 var(--font-ar);min-block-size:100vh}
html[lang=fr] body{font-family:var(--font-fr)}
h1,h2,h3{line-height:1.3;margin:0;color:var(--mulberry-d)}h2{font-size:1.25rem}h3{font-size:1.05rem}p{margin:.25rem 0}
a{color:var(--mulberry-d)}button,input,select,textarea{font:inherit;color:inherit}
.skip{position:absolute;inset-inline-start:.5rem;inset-block-start:-4rem;background:var(--mulberry);color:#fff;padding:.6rem 1rem;border-radius:var(--r-s);z-index:50}.skip:focus{inset-block-start:.5rem}
:focus-visible{outline:3px solid var(--lav-d);outline-offset:2px}
.boot{padding:2rem;text-align:center;color:var(--ink-2)}

/* login */
.login{min-block-size:100vh;display:grid;place-items:center;padding:1rem;background:linear-gradient(180deg,var(--blush),var(--ivory))}
.login-card{inline-size:min(100%,26rem);background:var(--white);border:1px solid var(--line);border-radius:var(--r-l);padding:1.5rem;box-shadow:var(--shadow)}
.brand{display:flex;align-items:center;gap:.7rem}.brand-mark{inline-size:42px;block-size:42px;border-radius:12px;background:var(--mulberry);display:grid;place-items:center;flex:none}
.brand b{display:block;color:var(--mulberry-d);line-height:1.2}.brand small{color:var(--ink-2)}
.field{display:grid;gap:.3rem;margin-block:.9rem}.field label{font-weight:700;font-size:.92rem}
.input,select.input,textarea.input{inline-size:100%;min-block-size:48px;padding:.55rem .8rem;border:1.5px solid #CDBFC9;border-radius:var(--r-s);background:var(--white)}
textarea.input{min-block-size:96px;resize:vertical}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-block-size:48px;padding:.55rem 1.1rem;border:2px solid transparent;border-radius:999px;font-weight:800;cursor:pointer;text-decoration:none;background:var(--mulberry);color:#fff}
.btn:hover{background:var(--mulberry-d)}.btn.secondary{background:var(--white);color:var(--mulberry-d);border-color:var(--mulberry)}.btn.secondary:hover{background:var(--blush)}
.btn.ok{background:var(--ok)}.btn.bad{background:var(--bad)}.btn.small{min-block-size:40px;padding:.3rem .9rem;font-size:.9rem}.btn[disabled]{opacity:.55;cursor:not-allowed}
.btn.block{inline-size:100%}
.msg{padding:.6rem .8rem;border-radius:var(--r-s);font-size:.92rem;margin-block:.6rem}.msg.err{background:#FCE9E7;color:#7A1912;border:1px solid #F1C2BD}.msg.ok{background:#E6F4EC;color:#14502F;border:1px solid #BCE0CC}
.hint{color:var(--ink-2);font-size:.85rem}

/* shell */
.shell{display:grid;grid-template-rows:auto 1fr;min-block-size:100vh;padding-block-end:var(--nav-h)}
.banner{background:var(--lav-l);color:var(--lav-d);text-align:center;font-size:.82rem;padding:.35rem .75rem;border-block-end:1px solid #DCD2EE}
.top{position:sticky;inset-block-start:0;z-index:20;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.5rem .9rem;background:rgba(255,255,255,.96);border-block-end:1px solid var(--line)}
.top .spacer{flex:1}
.who{font-size:.85rem;color:var(--ink-2);line-height:1.25;text-align:start}.who b{color:var(--ink);display:block}
.seg{display:inline-flex;border:1.5px solid var(--line);border-radius:999px;overflow:hidden;background:var(--white)}.seg button{min-block-size:40px;padding:.2rem .8rem;border:0;background:transparent;cursor:pointer;font-weight:700}.seg button[aria-pressed=true]{background:var(--mulberry);color:#fff}
.live{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:700;padding:.25rem .7rem;border-radius:999px;background:#E6F4EC;color:#14502F}.live::before{content:"";inline-size:.55rem;block-size:.55rem;border-radius:50%;background:var(--ok);animation:pulse 1.8s infinite}
.live.off{background:#FFF3DD;color:#6A4300}.live.off::before{background:var(--warn);animation:none}
@keyframes pulse{50%{opacity:.35}}
.layout{display:block}
.sidebar{display:none}
.main{padding:1rem;max-inline-size:1200px;inline-size:100%;margin-inline:auto}
.bottom-nav{position:fixed;inset-inline:0;inset-block-end:0;z-index:30;display:flex;block-size:var(--nav-h);background:var(--white);border-block-start:1px solid var(--line);box-shadow:0 -4px 18px rgba(106,31,70,.08)}
.bottom-nav a{flex:1;display:grid;place-items:center;align-content:center;gap:.1rem;color:var(--ink-2);text-decoration:none;font-size:.7rem;font-weight:700;min-inline-size:0;padding:.2rem}
.bottom-nav a span.ic{font-size:1.3rem;line-height:1}.bottom-nav a[aria-current=page]{color:var(--mulberry);background:var(--blush)}
.nav-ic{display:inline-block;inline-size:1.4em;text-align:center}
@media(min-width:900px){
  .shell{padding-block-end:0}
  .layout{display:grid;grid-template-columns:260px 1fr;min-block-size:calc(100vh - 100px)}
  .sidebar{display:block;background:var(--white);border-inline-end:1px solid var(--line);padding:1rem .75rem;position:sticky;inset-block-start:56px;align-self:start;block-size:calc(100vh - 56px)}
  .sidebar a{display:flex;align-items:center;gap:.6rem;min-block-size:46px;padding:.4rem .8rem;border-radius:var(--r-s);color:var(--ink);text-decoration:none;font-weight:700}
  .sidebar a:hover{background:var(--blush)}.sidebar a[aria-current=page]{background:var(--mulberry);color:#fff}
  .bottom-nav{display:none}.main{padding:1.5rem 2rem}
}

/* cards + kpis */
.page-h{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-block-end:1rem}
.cards{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:700px){.cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
.kpi{background:var(--white);border:1px solid var(--line);border-radius:var(--r-m);padding:.9rem 1rem;box-shadow:var(--shadow);min-inline-size:0}
.kpi .v{font-size:1.9rem;font-weight:800;color:var(--mulberry-d);line-height:1.1;font-family:var(--font-fr)}.kpi .l{font-size:.85rem;color:var(--ink-2)}
.kpi.warn .v{color:var(--warn)}.kpi.good .v{color:var(--ok)}
.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--r-m);padding:1rem;box-shadow:var(--shadow);margin-block-start:1rem;min-inline-size:0}
.panel>h3{margin-block-end:.6rem}
.grid2{display:grid;gap:1rem}@media(min-width:1000px){.grid2{grid-template-columns:1.3fr 1fr}.grid2.even{grid-template-columns:1fr 1fr}}
.chart{inline-size:100%;block-size:auto;display:block}.ch-grid{stroke:var(--line);stroke-width:1}.ch-tick{fill:var(--ink-2);font:11px var(--font-fr)}
.ch-line{fill:none;stroke:var(--mulberry);stroke-width:2.4;stroke-linejoin:round}.ch-area{fill:rgba(142,47,95,.12)}.ch-dot{fill:var(--mulberry)}
.bars{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.bars li{display:grid;grid-template-columns:minmax(6rem,11rem) 1fr 2.4rem;align-items:center;gap:.5rem;font-size:.85rem}
.bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{block-size:.8rem;background:var(--lav-l);border-radius:999px;overflow:hidden;display:block}.bar-fill{display:block;block-size:100%;background:linear-gradient(90deg,var(--lav),var(--mulberry));border-radius:999px}.bar-val{font-family:var(--font-fr);text-align:end}

/* tables + lists */
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-s)}
table{border-collapse:collapse;inline-size:100%;font-size:.88rem;background:var(--white)}th,td{padding:.55rem .7rem;text-align:start;border-block-end:1px solid var(--line);white-space:nowrap}th{background:var(--blush);color:var(--mulberry-d);font-size:.8rem;position:sticky;inset-block-start:0}
tbody tr:hover{background:#FCF8FA}td.num{font-family:var(--font-fr)}
.badge{display:inline-block;padding:.1rem .6rem;border-radius:999px;font-size:.78rem;font-weight:800;background:var(--lav-l);color:var(--lav-d)}
.badge.active,.badge.verified{background:#E6F4EC;color:#14502F}.badge.paused,.badge.rejected{background:#FCE9E7;color:#7A1912}.badge.follow_up,.badge.pending_review{background:#FFF3DD;color:#6A4300}
.feed{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;max-block-size:30rem;overflow:auto}
.feed li{display:grid;gap:.1rem;padding:.6rem .75rem;border-radius:var(--r-s);background:var(--ivory);border-inline-start:4px solid var(--rose)}
.feed li.new{animation:flash 2.4s ease-out;border-inline-start-color:var(--mulberry)}@keyframes flash{0%{background:#F4D9E5}100%{background:var(--ivory)}}
.feed .m{font-size:.8rem;color:var(--ink-2)}
.alert{display:flex;gap:.6rem;align-items:flex-start;padding:.7rem .8rem;border-radius:var(--r-s);background:#FFF3DD;color:#4B3000;margin-block:.4rem}
.filters{display:grid;gap:.6rem;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}@media(min-width:900px){.filters{grid-template-columns:repeat(6,minmax(0,1fr))}}
.filters .field{margin:0}.filters .actions{grid-column:1/-1;display:flex;gap:.5rem;flex-wrap:wrap}

/* local official: big, simple */
.big-actions{display:grid;gap:.8rem}.big{display:flex;align-items:center;gap:1rem;min-block-size:84px;padding:1rem 1.2rem;border-radius:var(--r-l);border:2px solid var(--line);background:var(--white);color:var(--ink);text-decoration:none;font-weight:800;font-size:1.2rem;cursor:pointer;text-align:start;inline-size:100%}
.big .ic{font-size:2rem;flex:none}.big.primary{background:var(--mulberry);color:#fff;border-color:var(--mulberry)}.big:hover{border-color:var(--mulberry)}
.choice-grid{display:grid;gap:.7rem;grid-template-columns:repeat(2,minmax(0,1fr))}.choice{min-block-size:76px;padding:.7rem;border-radius:var(--r-m);border:2px solid var(--line);background:var(--white);font-weight:800;cursor:pointer;display:grid;place-items:center;gap:.2rem;text-align:center}
.choice[aria-pressed=true]{border-color:var(--mulberry);background:var(--blush);box-shadow:0 0 0 3px rgba(142,47,95,.18)}.choice .ic{font-size:1.5rem}
.stepper{display:flex;align-items:center;gap:.8rem;justify-content:center;margin-block:.8rem}.stepper button{inline-size:56px;block-size:56px;border-radius:50%;border:2px solid var(--mulberry);background:var(--white);font-size:1.6rem;font-weight:800;color:var(--mulberry-d);cursor:pointer}.stepper output{min-inline-size:4rem;text-align:center;font:800 2.2rem var(--font-fr);color:var(--mulberry-d)}
.quick{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.quick button{min-block-size:44px;min-inline-size:56px;border-radius:999px;border:1.5px solid var(--line);background:var(--white);font-weight:800;cursor:pointer}
.status-opts{display:grid;gap:.7rem}.status-opts .big{justify-content:space-between}.status-opts .big[aria-pressed=true]{border-color:var(--mulberry);background:var(--blush)}
.crumb{display:inline-flex;align-items:center;gap:.4rem;margin-block-end:.6rem;font-weight:700}
.toast{position:fixed;inset-inline:1rem;inset-block-end:calc(var(--nav-h) + .75rem);z-index:60;max-inline-size:26rem;margin-inline:auto;background:var(--ink);color:#fff;padding:.7rem 1rem;border-radius:var(--r-m);opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none}.toast.on{opacity:1;transform:none}
@media(min-width:900px){.toast{inset-block-end:1.5rem;inset-inline-end:1.5rem;inset-inline-start:auto;margin:0}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(forced-colors:active){.btn,.big,.choice,.badge{border:2px solid ButtonText}}
@media print{.sidebar,.bottom-nav,.top,.banner,.btn{display:none!important}}