/* אוריה — back office in the same "כור היתוך" world: charcoal, shadows only, pill controls, timeline rail */
.adm{min-height:100svh}
.login{position:fixed;inset:0;display:grid;place-items:center;padding:16px;background:var(--char);z-index:5}
.login__gl{position:absolute;inset:0;width:100%;height:100%}
.login__box{position:relative;width:min(420px,100%);display:grid;gap:18px;padding:clamp(28px,5vw,48px);padding-top:76px;background:var(--soot);box-shadow:var(--deep);margin-top:40px}
.login__hm{position:absolute;--s:112px;inset-block-start:-56px;inset-inline-start:calc(50% - 56px)}
.login__t{font:300 var(--t-2)/1 var(--serif);color:#f0dfbd;text-align:center}
.login__box .fine{text-align:center}
.login__box .tlink{justify-self:center}

.app{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100svh}
.rail{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;gap:40px;padding:26px 22px;background:#13110f;box-shadow:inset -30px 0 40px -40px rgba(0,0,0,.9)}
.rail .logo__word{font-size:1.5rem}
.rail__nav{position:relative;display:grid;gap:6px;padding-inline-start:30px}
.rail__line{position:absolute;inset-inline-start:7px;inset-block:22px;width:2px;background:#0b0a09;box-shadow:1px 0 0 rgba(255,220,160,.05)}
.rail__fill{position:absolute;inset:0 0 auto;height:var(--h,0%);background:linear-gradient(to bottom,var(--ember),var(--gold));box-shadow:0 0 10px rgba(232,163,61,.6);transition:height .6s var(--ease)}
.rail__nav a{position:relative;display:flex;align-items:center;gap:10px;min-height:44px;padding:.5em .9em;border-radius:999px;text-decoration:none;color:var(--sand-3);transition:background .25s,color .25s}
.rail__nav a:hover{color:var(--sand);background:var(--soot)}
.rail__nav a.is-on{color:#f0dfbd;background:var(--soot);box-shadow:var(--lift)}
.rail__dot{position:absolute;inset-inline-start:-29px;width:12px;height:12px;border-radius:50%;background:var(--soot2);box-shadow:inset 1px 2px 3px rgba(0,0,0,.9),0 0 0 4px #13110f;transition:.4s}
.rail__nav a.is-on .rail__dot,.rail__nav a.is-done .rail__dot{background:var(--gold);box-shadow:0 0 0 4px #13110f,0 0 14px var(--gold)}
.rail__n{margin-inline-start:auto;font-style:normal;font-size:.72rem;font-weight:600;min-width:22px;height:22px;line-height:22px;text-align:center;padding:0 6px;border-radius:999px;background:var(--gold);color:#1c1208}
.rail__n:empty{display:none}
.rail__foot{margin-top:auto;display:grid;gap:2px}

.view{padding:clamp(24px,4vw,56px) clamp(16px,4vw,60px) 80px;outline:none;min-width:0}
.ph-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 30px;margin-bottom:clamp(28px,5vh,52px)}
.ph-head h1{font:300 var(--t-3)/.95 var(--serif);color:#f0dfbd}
.ph-head .kicker{margin-bottom:.4em}
.pnl{background:var(--soot);box-shadow:var(--deep);padding:clamp(20px,2.6vw,34px)}
.pnl__t{font:700 1.2rem/1.3 var(--serif);color:#f0dfbd;margin-bottom:14px;display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.pnl__t a,.pnl__t button{font:400 .86rem var(--ui)}

/* dashboard */
.dash{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:clamp(18px,2.4vw,32px);align-items:start}
.dash__rev{grid-row:span 2}
.big{font:700 clamp(2.6rem,1.6rem + 3vw,4.4rem)/1 var(--serif);color:var(--hot);text-shadow:0 0 30px rgba(232,163,61,.35);font-variant-numeric:tabular-nums}
.big-sub{color:var(--sand-2);font-size:var(--t-s);margin-top:6px}
.chart{width:100%;height:auto;margin-top:26px;overflow:visible}
.chart text{font:400 10px var(--ui);fill:rgba(216,199,166,.5)}
.chart .lbl{fill:var(--hot);font-size:11px}
.minis{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:12px clamp(20px,3vw,44px);margin-top:30px}
.mini dt{font-size:var(--t-xs);color:var(--sand-3)}
.mini dd{font:700 1.6rem/1.2 var(--serif);color:var(--sand);font-variant-numeric:tabular-nums}
.alert{display:grid;gap:10px}
.alert li{display:flex;justify-content:space-between;gap:10px;font-size:.92rem;color:var(--sand-2)}
.alert b{color:var(--hot);font-weight:500;white-space:nowrap}
.spark{width:100%;height:56px;margin-top:8px}

/* lists (no borders: rows separated by space + tint) */
.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:22px}
.search{min-height:44px;padding:.5em 1.2em;border:0;border-radius:999px;background:var(--char);box-shadow:var(--well);color:var(--sand);min-width:220px}
.rows{display:grid;gap:6px}
.r{display:grid;align-items:center;gap:10px 20px;padding:14px 18px;background:rgba(34,29,25,.55);transition:background .2s,box-shadow .2s;text-align:start;width:100%;color:inherit}
.r:nth-child(even){background:rgba(34,29,25,.85)}
.r:hover{background:var(--soot2);box-shadow:var(--lift)}
.r--p{grid-template-columns:64px minmax(0,2fr) 1fr 1fr .8fr auto auto}
.r--o{grid-template-columns:.8fr 1fr minmax(0,1.6fr) 1fr .9fr auto;cursor:pointer}
.r--v{grid-template-columns:72px minmax(0,1.3fr) .9fr .9fr 1.1fr auto;cursor:pointer}
.r__th{width:64px;aspect-ratio:1;overflow:hidden;box-shadow:var(--lift);background:var(--char)}
.r--v .r__th{width:72px}
.r__th img{width:100%;height:100%;object-fit:cover;transform-origin:var(--fx,50%) var(--fy,50%);transform:scale(var(--fz,1))}
.r__n{font:700 1.04rem/1.3 var(--serif);color:#f0dfbd}
.r__m{font-size:var(--t-xs);color:var(--sand-3)}
.r__num{font-variant-numeric:tabular-nums}
.r__hot{color:var(--hot);font-variant-numeric:tabular-nums}
.r__acts{display:flex;gap:6px}
.st{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:.2em .9em;border-radius:999px;font-size:.8rem;font-weight:500;white-space:nowrap;background:var(--soot3);color:var(--sand-2)}
.st--new{background:var(--gold);color:#1c1208;box-shadow:0 0 16px rgba(232,163,61,.45)}
.st--work{background:var(--clay);color:#f6e7cf}
.st--ship{background:#4a3f36;color:var(--sand)}
.st--done{background:transparent;color:var(--sand-3);box-shadow:inset 0 0 0 1px rgba(216,199,166,.2)}
.st--no{background:#2a1f1b;color:#c48d78}
.sw{position:relative;width:52px;height:30px;border-radius:999px;background:var(--char);box-shadow:var(--well);flex:none}
.sw::after{content:"";position:absolute;inset-block-start:4px;inset-inline-start:4px;width:22px;height:22px;border-radius:50%;background:var(--soot3);transition:.3s var(--ease)}
.sw[aria-checked=true]::after{inset-inline-start:26px;background:radial-gradient(circle at 38% 30%,#ffe2a0,#e8a33d 60%,#a8661a);box-shadow:0 0 12px rgba(232,163,61,.6)}
.ibtn{min-height:38px;padding:.3em 1em;border-radius:999px;background:var(--soot3);color:var(--sand);font-size:.84rem;transition:background .2s,color .2s}
.ibtn:hover{background:var(--sand);color:var(--char)}
.ibtn--danger:hover{background:#a8452c;color:#fff}

/* editor drawer */
.drawer--adm{width:min(620px,100vw)}
.ed{padding:10px clamp(20px,3vw,34px) 30px;display:grid;gap:18px}
.ed__2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ed__img{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center}
.ed__prev{aspect-ratio:4/5;overflow:hidden;background:var(--char);box-shadow:var(--deep)}
.ed__prev img{width:100%;height:100%;object-fit:cover;transform-origin:var(--fx,50%) var(--fy,50%);transform:scale(var(--fz,1))}
.ed__img .field input[type=range]{min-height:26px}
.toggles{display:flex;flex-wrap:wrap;gap:8px}
.tg{min-height:40px;padding:.35em 1em;border-radius:999px;background:var(--soot2);color:var(--sand-2);box-shadow:var(--lift);font-size:.9rem}
.tg[aria-pressed=true]{background:var(--sand);color:var(--char)}
.matrix{display:grid;gap:6px;overflow-x:auto}
.matrix table{border-collapse:separate;border-spacing:6px;font-size:.84rem}
.matrix th{font-weight:500;color:var(--sand-3);text-align:center;white-space:nowrap}
.matrix input{width:58px;min-height:38px;border:0;border-radius:999px;background:var(--char);box-shadow:var(--well);color:var(--sand);text-align:center;font-variant-numeric:tabular-nums}
.ed__foot{position:sticky;bottom:0;display:flex;gap:12px;padding:16px clamp(20px,3vw,34px) calc(16px + env(safe-area-inset-bottom));background:var(--soot);box-shadow:0 -20px 30px -24px rgba(0,0,0,.9);margin-top:auto}
.ed__foot .btn--gold{flex:1}
.kv{display:grid;grid-template-columns:8rem 1fr;gap:8px 16px;font-size:.95rem}
.kv dt{color:var(--sand-3)}
.oitems{display:grid;gap:10px}
.oitem{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--soot2)}
.statusbar{display:flex;flex-wrap:wrap;gap:8px}
.statusbar button{min-height:42px;padding:.4em 1.1em;border-radius:999px;background:var(--soot2);color:var(--sand-2);box-shadow:var(--lift);font-size:.9rem}
.statusbar button[aria-pressed=true]{background:var(--gold);color:#1c1208;box-shadow:var(--glow)}
.vphoto{position:relative;aspect-ratio:4/3;background:var(--char);box-shadow:var(--deep);overflow:hidden}
.vphoto img{width:100%;height:100%;object-fit:cover}
.vphoto .hm{position:absolute;--s:96px;inset-block-end:16px;inset-inline-end:16px}
.vphoto__none{display:grid;place-items:center;height:100%;color:var(--sand-3);font-size:var(--t-s)}
.calc{display:grid;gap:4px}
.calc div{display:flex;justify-content:space-between;padding:10px 0;color:var(--sand-2)}
.calc b{font:700 1.3rem var(--serif);color:var(--sand);font-variant-numeric:tabular-nums}
.calc .main b{color:var(--hot);font-size:1.7rem}

/* valuation price settings strip */
.pricebar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:16px;align-items:end;margin-bottom:28px}
.pricebar .field input{font:700 1.3rem var(--serif);text-align:center}
.pricebar .fine{grid-column:1/-1}
.set{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px clamp(18px,3vw,40px);max-width:900px}
.set .full{grid-column:1/-1}
.danger{margin-top:40px;display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.adm__demo{position:fixed;inset-block-end:10px;inset-inline-end:16px;font-size:.72rem;color:var(--sand-3);z-index:1;pointer-events:none}
.empty-row{padding:30px;color:var(--sand-3)}

@media (max-width:980px){
  .dash{grid-template-columns:1fr}
  .dash__rev{grid-row:auto}
  .r--p{grid-template-columns:56px minmax(0,1fr) auto;grid-template-areas:"th n sw" "th m acts"}
  .r--p .r__th{grid-area:th;width:56px}
  .r--p .c-n{grid-area:n}.r--p .c-sw{grid-area:sw}.r--p .r__acts{grid-area:acts;justify-self:end}
  .r--p .c-cat,.r--p .c-st{display:none}
  .r--p .c-price{grid-area:m}
  .r--o{grid-template-columns:1fr auto;grid-template-areas:"id st" "nm tot"}
  .r--o>:nth-child(1){grid-area:id}.r--o>:nth-child(2){display:none}.r--o>:nth-child(3){grid-area:nm}.r--o>:nth-child(4){display:none}.r--o>:nth-child(5){grid-area:tot;justify-self:end}.r--o>:nth-child(6){grid-area:st;justify-self:end}
  .r--v{grid-template-columns:64px minmax(0,1fr) auto;grid-template-areas:"th n st" "th m off"}
  .r--v .r__th{grid-area:th;width:64px}.r--v>:nth-child(2){grid-area:n}.r--v>:nth-child(3){display:none}.r--v>:nth-child(4){grid-area:m}.r--v>:nth-child(5){grid-area:off;justify-self:end}.r--v>:nth-child(6){grid-area:st;justify-self:end}
}
@media (max-width:760px){
  .app{grid-template-columns:1fr}
  .rail{position:fixed;inset-block:auto 0;inset-inline:0;top:auto;height:auto;z-index:40;flex-direction:row;padding:8px 10px calc(8px + env(safe-area-inset-bottom));gap:0;background:#13110f;box-shadow:0 -20px 40px -20px rgba(0,0,0,.95)}
  .rail .logo,.rail__foot,.rail__line{display:none}
  .rail__nav{display:flex;width:100%;justify-content:space-between;padding:0;gap:2px}
  .rail__nav a{flex:1;flex-direction:column;justify-content:center;gap:6px;padding:.4em .2em;font-size:.72rem;text-align:center;min-height:56px;border-radius:24px}
  .rail__dot{position:static;width:9px;height:9px;box-shadow:inset 1px 1px 2px rgba(0,0,0,.9)}
  .rail__nav a.is-done .rail__dot{background:var(--soot2);box-shadow:none}
  .rail__nav a.is-on .rail__dot{background:var(--gold);box-shadow:0 0 12px var(--gold)}
  .rail__n{position:absolute;inset-block-start:2px;inset-inline-end:8px;min-width:18px;height:18px;line-height:18px;font-size:.65rem}
  .view{padding-bottom:120px}
  .ph-head h1{font-size:2.6rem}
  .pricebar{grid-template-columns:1fr 1fr}
  .pricebar .btn{grid-column:1/-1}
  .set{grid-template-columns:1fr}
  .ed__2{grid-template-columns:1fr 1fr}
  .ed__img{grid-template-columns:110px 1fr}
  .minis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mobile-out{display:flex;gap:16px;margin-top:20px}
  .adm__demo{inset-block-end:86px}
}
@media (min-width:761px){.mobile-out{display:none}}