/* Control Room → ORDERS / PRODUCTS / STORE INFO (Red Eyez NYC). Built on the Control Room's own tokens. */
.toast{z-index:95}
.sa-top{display:flex;gap:8px;margin:18px 0 10px}
.sa-search{flex:1;display:flex;align-items:center;gap:8px;background:#0c080a;border:1px solid var(--line);border-radius:8px;padding:0 12px;min-width:0}
.sa-search svg,.sa-new svg,.sa-noimg svg,.sa-pic.add svg,#saAlerts svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.sa-search input{flex:1;min-width:0;background:none;border:0;outline:none;box-shadow:none!important;padding:12px 0;font:600 15px var(--body);color:var(--ink)}
.sa-new{display:flex;align-items:center;gap:6px;padding:0 16px;font-size:12px}
.sa-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 0 8px}
.sa-chips::-webkit-scrollbar{display:none}
.sa-c{flex:none;background:#0c080a;border:1px solid var(--line);border-radius:999px;padding:8px 13px;font:600 11px var(--mono);letter-spacing:1.5px;color:var(--dim);white-space:nowrap}
.sa-c small{opacity:.6;margin-left:3px}
.sa-c.sm{padding:6px 11px;font-size:10px}
.sa-c.on{background:var(--vfd);border-color:var(--vfd);color:#fff;box-shadow:0 0 12px rgba(255,31,61,.35)}
.sa-c.hot:not(.on){border-color:var(--vfd);color:var(--vfd)}
.sa-demo{display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:space-between;margin:4px 0 12px;padding:12px 14px;border-radius:8px;border:1px dashed rgba(255,194,26,.6);background:rgba(255,194,26,.07);font-size:12px;line-height:1.5;color:var(--ink)}
.sa-demo b{color:var(--gold)}
.sa-list{display:grid;gap:10px}
.sa-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px}
.sa-row.out{box-shadow:0 0 0 1px rgba(255,77,61,.25),0 8px 22px rgba(0,0,0,.45)}
.sa-row.hid{opacity:.6}
.sa-th{width:64px;height:64px;border-radius:8px;overflow:hidden;padding:0;border:1px solid #000;background:radial-gradient(70% 70% at 50% 40%,#2a2c31,#0f1012);display:grid;place-items:center;color:var(--faint)}
.sa-th img{width:100%;height:100%;object-fit:cover}
.sa-row.out .sa-th img{filter:grayscale(1) brightness(.6)}
.sa-noimg svg{width:24px;height:24px}
.sa-mid{min-width:0;cursor:pointer;display:flex;flex-direction:column;gap:3px}
.sa-mid b{font:800 15px/1.25 var(--body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sa-mid small{font-size:10.5px;letter-spacing:1px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sa-tags{display:flex;flex-wrap:wrap;gap:4px}
.sa-tags i{font-style:normal;font-size:8.5px;letter-spacing:1.5px;padding:2px 5px;border-radius:3px;border:1px solid currentColor}
.t-new{color:var(--gold)}.t-hid{color:var(--faint)}.t-demo{color:#6b7280}
.sa-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.sa-sw{position:relative;display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;border:1px solid rgba(255,77,61,.55);background:rgba(255,77,61,.12);color:var(--red);font:600 10px var(--mono);letter-spacing:1.5px;white-space:nowrap;-webkit-tap-highlight-color:transparent}
.sa-sw i{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ffc2bb,var(--red));box-shadow:0 0 10px var(--red);transition:transform .18s}
.sa-sw.on{border-color:rgba(57,217,138,.55);background:rgba(57,217,138,.12);color:var(--ok);flex-direction:row-reverse;padding:6px 6px 6px 12px}
.sa-sw.on i{background:radial-gradient(circle at 40% 35%,#b8ffd9,var(--ok));box-shadow:0 0 10px var(--ok)}
.sa-sw.mini{padding:4px;width:52px;justify-content:flex-start}
.sa-sw.mini.on{justify-content:flex-start;padding:4px}
.sa-sw.mini i{width:20px;height:20px}
.sa-mv{display:flex;gap:2px}
.sa-mv .ib{width:30px;height:30px}
.sa-mv svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4}
.sa-opts{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;padding-left:76px}
.sa-o{padding:6px 11px;border-radius:6px;border:1px solid rgba(57,217,138,.45);background:rgba(57,217,138,.08);color:var(--ok);font:600 11px var(--mono);letter-spacing:.5px}
.sa-o.out{border-color:rgba(255,77,61,.45);background:rgba(255,77,61,.08);color:var(--red);text-decoration:line-through}
.sa-o[disabled]{opacity:.35}
@media(max-width:520px){.sa-row{grid-template-columns:56px minmax(0,1fr)}.sa-th{width:56px;height:56px}.sa-right{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center;padding-left:68px}.sa-opts{padding-left:68px}}
.sa-foot{margin-top:16px;text-align:center}

/* editor sheet */
.sa-ed{position:fixed;inset:0;z-index:64;background:rgba(5,5,7,.8);display:none;place-items:stretch}
.sa-ed.on{display:grid}
.sa-ed.over .sa-ed-in{box-shadow:0 0 0 3px var(--gold),0 0 40px rgba(255,194,26,.5)}
.sa-ed-in{background:var(--bg);display:flex;flex-direction:column;min-height:0;animation:sa-up .22s cubic-bezier(.2,.9,.3,1)}
@keyframes sa-up{from{transform:translateY(30px);opacity:.5}}
@media(min-width:760px){.sa-ed{place-items:center;padding:24px}.sa-ed-in{width:min(680px,100%);max-height:calc(100dvh - 48px);border-radius:12px;border:1px solid var(--line);overflow:hidden}}
.sa-ed-h{display:flex;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 12px 10px;background:linear-gradient(180deg,#2a2c31,#161719);border-bottom:1px solid #000}
.sa-ed-h b{flex:1;font:400 20px/1.1 var(--disp);letter-spacing:2px;min-width:0}
.sa-ed-h .btn{padding:11px 20px}
.sa-ed-h .ib svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.sa-ed .ib,.sa-cat .ib,.sa-or .ib{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;background:none;border:0;color:var(--dim);padding:0}
.sa-ed .ib:hover{color:var(--ink);background:rgba(255,255,255,.05)}
.sa-ed .ib svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.sa-ed-b{flex:1;overflow:auto;padding:14px 14px calc(40px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}
.sa-sec{padding:14px 0;border-bottom:1px dashed var(--line);display:grid;gap:12px}
.sa-sec:first-child{padding-top:2px}
.sa-lbl{font:600 10.5px var(--mono);letter-spacing:2px;color:var(--dim)}
.sa-lbl small{display:block;margin-top:4px;letter-spacing:.5px;color:var(--faint);font-weight:400}
.sa-f{display:grid;gap:6px;min-width:0}
.sa-f>span{font:600 10.5px var(--mono);letter-spacing:2px;color:var(--dim)}
.sa-f input,.sa-f textarea,.sa-f select,.sa-or input{width:100%;background:#0c080a;border:1px solid #2a2c31;border-radius:7px;padding:11px 12px;font:600 16px/1.3 var(--body);color:var(--ink);color-scheme:dark;min-width:0}
.sa-f textarea{resize:vertical}
.sa-f input:focus,.sa-f textarea:focus,.sa-f select:focus,.sa-or input:focus{outline:none;border-color:var(--vfd);box-shadow:0 0 0 3px rgba(255,31,61,.2)}
.sa-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.seg.sa-seg4{grid-template-columns:repeat(4,1fr);margin-top:0}
.seg.sa-seg2{grid-template-columns:1fr 1fr;margin-top:0}
.seg.sa-seg4 button.on,.seg.sa-seg2 button.on{background:rgba(255,31,61,.14);color:#fff;box-shadow:inset 0 0 0 1px var(--vfd)}
.sa-pics{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.sa-pic{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#0c080a;border:1px solid #2a2c31;cursor:pointer}
.sa-pic img{width:100%;height:100%;object-fit:cover}
.sa-pic.cover{box-shadow:0 0 0 2px var(--vfd)}
.sa-pic em{position:absolute;left:5px;bottom:5px;font:600 8.5px var(--mono);font-style:normal;letter-spacing:1.5px;background:var(--vfd);color:#fff;padding:3px 5px;border-radius:3px}
.sa-px{position:absolute;top:4px;right:4px;width:26px;height:26px;border-radius:50%;border:0;background:rgba(0,0,0,.7);color:#fff;display:grid;place-items:center;padding:0}
.sa-px svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:3}
.sa-pic.add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:2px dashed #55202a;background:rgba(196,0,29,.06);color:var(--vfd);font:600 9.5px var(--mono);letter-spacing:1.5px}
.sa-pic.add svg{width:26px;height:26px}
.sa-pic.add:hover{background:rgba(196,0,29,.14);border-color:var(--vfd)}
.sa-pic.busy{display:grid;place-items:center;cursor:default}
.spin{width:26px;height:26px;border-radius:50%;border:3px solid rgba(255,255,255,.12);border-top-color:var(--vfd);animation:sa-spin .8s linear infinite}
@keyframes sa-spin{to{transform:rotate(360deg)}}
.sa-optrows{display:grid;gap:6px}
.sa-oh,.sa-or{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr) 52px 38px;gap:6px;align-items:center}
.sa-oh span{font:600 9px var(--mono);letter-spacing:1.5px;color:var(--faint)}
.sa-or input{padding:10px 9px;font-size:15px}
.sa-or .ib svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4}
.sa-orb{display:flex;flex-wrap:wrap;gap:6px}
.sa-sws .sw{padding:12px 2px}
.sa-danger{grid-template-columns:1fr 1fr;border:0}
.sa-cat{padding:12px;display:grid;gap:10px;margin-bottom:10px}
.sa-cat-h{display:flex;align-items:center;gap:4px}
.sa-cat-h b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--vfd);color:#fff;font:800 13px var(--body);margin-right:6px}
.sa-cat-h span{flex:1;font:600 10px var(--mono);letter-spacing:1.5px;color:var(--faint)}
.sa-cat .ib svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4}

/* orders */
.sa-otop{display:flex;align-items:center;gap:10px;margin:18px 0 10px}
@media(max-width:520px){.sa-take small{display:none}#saAlerts span{font-size:9px}}
.sa-take{flex:1;display:flex;align-items:center;gap:12px;min-width:0}
.sa-take .tg{grid-row:auto;grid-column:auto;flex:none}
.sa-take b{display:block;font:400 17px/1.1 var(--disp);letter-spacing:1.5px}
.sa-take small{font-size:11px;color:var(--dim)}
#saAlerts{display:flex;align-items:center;gap:6px}
#saAlerts.on{color:var(--ok);border-color:rgba(57,217,138,.5)}
.sa-ol{display:grid;gap:10px}
.sa-ord{padding:0;overflow:hidden;position:relative}
.sa-ord:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--faint)}
.sa-ord.st-new:before{background:var(--vfd);box-shadow:0 0 12px var(--vfd)}
.sa-ord.st-confirmed:before{background:var(--gold);box-shadow:0 0 10px var(--gold)}
.sa-ord.st-done:before{background:var(--ok)}
.sa-ord.st-new{box-shadow:0 0 0 1px rgba(255,31,61,.45),0 0 26px rgba(255,31,61,.18),0 8px 22px rgba(0,0,0,.45)}
.sa-ord.st-done,.sa-ord.st-cancelled{opacity:.75}
.sa-ord.flash{animation:sa-flash 1.5s}
@keyframes sa-flash{30%{box-shadow:0 0 0 2px var(--vfd),0 0 36px rgba(255,31,61,.7)}}
.sa-oh1,.sa-oh2{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;text-align:left;padding:12px 14px 0 18px}
.sa-oh2{padding:6px 14px 12px 18px;justify-content:space-between}
.sa-ono{font:400 20px/1 var(--disp);letter-spacing:1.5px}
.sa-ago{margin-left:auto;font-size:10.5px;color:var(--faint);letter-spacing:1px}
.sa-oh2 b{font:800 15px/1.2 var(--body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.sa-oh2 span{font-size:11px;letter-spacing:1px;color:var(--dim);white-space:nowrap}
.sa-oh2 em{font-style:normal;color:var(--ink);font-weight:600}
.pill.sa-p-new{color:var(--vfd)}.pill.sa-p-confirmed{color:var(--gold)}.pill.sa-p-done{color:var(--ok)}.pill.sa-p-cancelled{color:var(--faint)}
.sa-ob{padding:0 14px 14px 18px;display:grid;gap:10px;border-top:1px dashed var(--line);padding-top:12px}
.sa-items{background:#0c080a;border-radius:8px;padding:10px 12px;font:600 13.5px/1.35 var(--body);display:grid;gap:6px}
.sa-items div{display:flex;justify-content:space-between;gap:10px}
.sa-items small{color:var(--dim);font-weight:600;margin-left:4px}
.sa-items .tot{border-top:1px dashed var(--line);padding-top:7px;margin-top:2px;font-family:var(--mono);font-size:12px;letter-spacing:1.5px;color:var(--gold)}
.sa-kv{display:grid;grid-template-columns:80px 1fr;gap:10px;font-size:13.5px;align-items:baseline}
.sa-kv span{font:600 9.5px var(--mono);letter-spacing:1.5px;color:var(--faint)}
.sa-kv a{color:var(--gold);text-decoration:none;font-family:var(--body);font-weight:600;word-break:break-word}
.sa-kv p{margin:0;font-family:var(--body);color:var(--ink);white-space:pre-line;word-break:break-word}
.sa-acts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.sa-acts .btn{text-align:center;text-decoration:none;padding:12px 6px}
.seg.sa-st{margin-top:0}
.seg.sa-st button{font-size:9.5px;letter-spacing:1px;padding:11px 2px}
.seg.sa-st button.on[data-st=new]{background:rgba(255,31,61,.14);color:var(--vfd);box-shadow:inset 0 0 0 1px var(--vfd)}
.seg.sa-st button.on[data-st=confirmed]{background:rgba(255,194,26,.14);color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}
.seg.sa-st button.on[data-st=done]{background:rgba(57,217,138,.14);color:var(--ok);box-shadow:inset 0 0 0 1px var(--ok)}
.seg.sa-st button.on[data-st=cancelled]{background:rgba(255,255,255,.06);color:var(--dim);box-shadow:inset 0 0 0 1px var(--faint)}
.sa-info{display:grid;gap:12px}
.sa-info .sw{border-bottom:1px dashed var(--line)}
@media(max-width:420px){.sa-2{grid-template-columns:1fr}}

/* telegram */
.sa-steps{margin:0 0 12px;padding-left:20px;font-size:13px;line-height:1.7;color:var(--ink);font-family:var(--body)}
.sa-steps a{color:var(--gold)}
.sa-tg input{flex:1;min-width:0}
.sa-tgbot{display:flex;align-items:center;gap:10px}
.sa-tgbot b{display:block;font:800 16px var(--body)}
.sa-tgbot small{font-size:11px;color:var(--dim)}
.sa-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--faint);flex:none}
.sa-dot.on{background:var(--ok);box-shadow:0 0 8px var(--ok)}
.sa-tgc{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px dashed var(--line);font:700 14px var(--body)}
.sa-tgc small{display:block;font:400 10.5px var(--mono);color:var(--faint);letter-spacing:1px;margin-top:3px}
.sa-tgc.none{font:600 10.5px var(--mono);letter-spacing:1.5px;color:var(--faint)}
.sa-tglink{display:grid;gap:10px;margin-top:14px;padding:14px;border-radius:8px;border:1px solid rgba(255,194,26,.5);background:rgba(255,194,26,.08);font-family:var(--body);font-size:13.5px}
.sa-tglink .btn{text-align:center;text-decoration:none;padding:14px}
.sa-tglink small{font-size:12px;color:var(--dim);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sa-tglink .ghost{justify-self:end}
.spin.sm{width:14px;height:14px;border-width:2px}
.sa-tgchip{display:flex;align-items:center;gap:6px}