:root{
  --bg:#090b0f;--surface:#12151b;--surface2:#181c24;--border:#2a3040;--text:#eef2f7;
  --muted:#8d96a8;--accent:#3b82f6;--accent2:#2563eb;--green:#22c55e;--red:#ef4444;
  --amber:#f59e0b;--radius:14px;
  --field:#0c0f14;--chip:#1c2130;--btn2:#222735;--btn2-text:#dce3ed;--thead:#101319;--line:#222735;
  --info-bg:#0d1420;--info-border:#2a3a58;--notice-bg:#111827;--notice-border:#334155;--notice-text:#cbd5e1;
  --link:#9ec3ff;--tag-bg:#1c2438;--tag-text:#a5c3f7;--ok-bg:#0d2416;--ok-text:#86efac;--bad-bg:#2a1010;--bad-text:#fca5a5;
  --warn-bg:#2a1f08;--warn-text:#fcd34d;--backdrop:rgba(3,5,9,.78);
  --shell-bg:linear-gradient(180deg,#0b0d12,#08090d);--panel:#0d1016;--dash:#343b4c;
  --mon-ok:#4ade80;--mon-warn:#fbbf24;--mon-crit:#f87171;--mon-off:#94a3b8;--mon-old:#60a5fa
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Segoe UI",Tahoma,Arial,sans-serif}
body{background:var(--bg);color:var(--text)}
button,input,select,textarea{font:inherit}
.hidden{display:none!important}

/* Screen */
.screen-app{position:fixed;inset:0;background:#000;overflow:hidden;cursor:none}
.slide-layer{position:absolute;inset:0}
.slide-layer img,.slide-layer video{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .8s ease;will-change:opacity,transform;background:#000}
.slide-layer img.active,.slide-layer video.active{opacity:1}
.screen-app.transition-slide img,.screen-app.transition-slide video{transform:translateX(-4%);transition:opacity .6s ease,transform .6s ease}
.screen-app.transition-slide img.active,.screen-app.transition-slide video.active{transform:translateX(0)}
.screen-app.transition-zoom img,.screen-app.transition-zoom video{transform:scale(1.06);transition:opacity .9s ease,transform .9s ease}
.screen-app.transition-zoom img.active,.screen-app.transition-zoom video.active{transform:scale(1)}
.fit-contain{object-fit:contain}.fit-cover{object-fit:cover}
.screen-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#08090b;z-index:50;padding:28px;text-align:center}
.screen-card{max-width:620px}
.screen-card h1{margin:0 0 12px;font-size:clamp(24px,4vw,48px)}
.screen-card p{margin:8px 0;color:#b6bdc9;line-height:1.8}
.screen-card code{direction:ltr;display:inline-block;padding:5px 9px;border-radius:7px;background:#171a21;color:#9ec3ff}
.spinner{width:42px;height:42px;margin:0 auto 18px;border:4px solid #232833;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.status-dot{position:absolute;right:10px;bottom:10px;width:9px;height:9px;border-radius:50%;background:var(--green);opacity:.45;z-index:60}
.status-dot.offline{background:var(--red)}
.screen-app.blackout .status-dot{display:none}

/* v2.6.1 — screen fullscreen control */
.screen-fullscreen-btn{position:absolute;left:18px;bottom:18px;z-index:80;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.22);border-radius:11px;padding:10px 13px;background:rgba(12,15,20,.72);color:#fff;font:600 14px/1 "Segoe UI",Tahoma,Arial,sans-serif;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:.12;transform:translateY(4px);transition:opacity .22s ease,transform .22s ease,background .2s ease;user-select:none;-webkit-user-select:none}
.screen-fullscreen-btn:hover,.screen-fullscreen-btn:focus-visible,.screen-app.screen-controls-visible .screen-fullscreen-btn{opacity:.95;transform:translateY(0)}
.screen-fullscreen-btn:hover{background:rgba(18,23,31,.9)}
.screen-fullscreen-btn:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}
.fullscreen-icon{font-size:20px;line-height:1}
@media(max-width:600px){.screen-fullscreen-btn{left:12px;bottom:12px;padding:9px 11px}.screen-fullscreen-btn #fullscreenLabel{display:none}}


/* Admin */
.admin-shell{min-height:100vh;background:var(--shell-bg)}
.admin-wrap{max-width:1180px;margin:0 auto;padding:28px 18px 60px}
.admin-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.brand{display:flex;align-items:center;gap:12px}.brand-logo{display:block;width:118px;max-width:32vw;height:auto;object-fit:contain}.brand-login{align-items:flex-end}.brand-login .brand-logo{width:250px;max-width:80vw}.brand small{color:var(--muted);white-space:nowrap}.screen-brand-logo{display:block;width:min(420px,78vw);height:auto;margin:0 auto 22px;object-fit:contain}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}
.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:800px){.grid.two,.grid.three,.grid.four{grid-template-columns:1fr}.admin-head{align-items:flex-start;flex-direction:column}}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.tab{border:1px solid var(--border);background:var(--surface);color:var(--muted);padding:10px 15px;border-radius:10px;cursor:pointer}.tab.active{background:var(--accent);border-color:var(--accent);color:white}
.section{display:none}.section.active{display:block}
label{display:block;font-size:.82rem;color:var(--muted);margin-bottom:6px}.field{margin-bottom:14px}
input,select,textarea{width:100%;background:var(--field);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:11px 12px;outline:none}input:focus,select:focus{border-color:var(--accent)}
.btn{border:0;border-radius:10px;padding:11px 15px;cursor:pointer;background:var(--accent);color:white;font-weight:650}.btn:hover{background:var(--accent2)}.btn.secondary{background:var(--btn2);color:var(--btn2-text)}.btn.danger{background:#b91c1c}.btn.success{background:#15803d}.btn:disabled{opacity:.45;cursor:not-allowed}
.actions{display:flex;gap:9px;flex-wrap:wrap}.muted{color:var(--muted)}.small{font-size:.82rem}.notice{padding:11px 13px;border:1px solid var(--notice-border);background:var(--notice-bg);border-radius:10px;color:var(--notice-text);margin-bottom:14px}.notice.error{border-color:#7f1d1d;background:var(--bad-bg);color:var(--bad-text)}.notice.ok{border-color:#14532d;background:#0f2417}

.login-wrap{max-width:460px;margin:9vh auto 0;padding:18px}.login-card h2{margin-top:0}.login-card p{color:var(--muted);line-height:1.7}

.upload-zone{border:2px dashed var(--dash);border-radius:12px;padding:30px 16px;text-align:center;cursor:pointer;transition:.2s;background:var(--panel)}.upload-zone:hover,.upload-zone.drag{border-color:var(--accent);background:var(--info-bg)}.upload-zone input{display:none}.upload-zone strong{display:block;margin-bottom:6px}.upload-zone span{color:var(--muted);font-size:.82rem}
.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-top:16px}.media-item{background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden}.media-preview{position:relative;background:#000}.media-item img,.media-item video{width:100%;aspect-ratio:1.25;object-fit:cover;display:block;background:#000}.media-badge{position:absolute;right:7px;bottom:7px;padding:4px 7px;border-radius:7px;background:rgba(0,0,0,.72);color:#fff;font-size:.68rem;line-height:1;direction:rtl}.media-body{padding:10px}.media-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.82rem;margin-bottom:8px}.media-actions{display:flex;gap:6px}.media-actions .btn{padding:7px 10px;font-size:.78rem;flex:1}

.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}@media(max-width:650px){.stats{grid-template-columns:1fr}}.stat{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:15px}.stat b{display:block;font-size:1.6rem}.stat span{color:var(--muted);font-size:.8rem}
.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:12px}table{width:100%;border-collapse:collapse;min-width:740px}th,td{padding:11px 12px;text-align:right;border-bottom:1px solid var(--line);font-size:.85rem}th{color:var(--muted);font-weight:600;background:var(--thead)}tr:last-child td{border-bottom:0}.online{color:var(--green)}.offline{color:#f87171}.code-url{direction:ltr;font-family:Consolas,monospace;font-size:.76rem;color:var(--link);max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.checkline{display:flex;align-items:center;gap:9px;margin-top:12px;color:var(--muted);font-size:.84rem;cursor:pointer}.checkline input{width:auto;margin:0;accent-color:var(--accent)}
.custom-panes{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pane-title{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:10px}.pane-title h3{margin:0}.pick-list{min-height:180px;max-height:520px;overflow:auto;border:1px solid var(--border);border-radius:12px;background:var(--field);padding:8px}.pick-row{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;border-bottom:1px solid var(--line)}.pick-row:last-child{border-bottom:0}.pick-row img,.pick-row video{width:56px;height:42px;object-fit:cover;border-radius:7px;background:#000}.pick-name{min-width:0}.pick-name b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.82rem}.pick-name span{color:var(--muted);font-size:.7rem}.pick-actions{display:flex;gap:5px}.pick-actions .btn{padding:7px 9px;font-size:.75rem}.empty-list{padding:28px 12px;text-align:center;color:var(--muted);font-size:.82rem}@media(max-width:850px){.custom-panes{grid-template-columns:1fr}.pane-title{align-items:flex-start;flex-direction:column}}
.field-help{display:block;color:var(--muted);font-size:.72rem;margin-top:6px}.weekday-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.weekday-grid label{display:flex;align-items:center;gap:7px;background:var(--field);border:1px solid var(--border);border-radius:9px;padding:9px 10px;margin:0;color:var(--text);cursor:pointer}.weekday-grid input{width:auto;margin:0;accent-color:var(--accent)}.schedule-info{margin-top:8px;padding:14px;border:1px solid var(--info-border);border-radius:11px;background:var(--info-bg)}.schedule-info p{margin:6px 0 0;color:var(--muted);line-height:1.8;font-size:.82rem}.schedule-table{min-width:1080px}@media(max-width:720px){.weekday-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.schedule-table{min-width:1040px}

/* v2.5 display controls */
.control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.control-card{display:flex;flex-direction:column;align-items:stretch;gap:10px}
.control-card p{margin:0;line-height:1.8;min-height:46px}.control-card .btn{align-self:flex-start}
.control-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.control-head h3{margin:3px 0 0;font-size:1.08rem}.control-kicker{color:var(--muted);font-size:.72rem}
.state-pill{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;border:1px solid var(--border);font-size:.75rem;font-weight:700;white-space:nowrap}.state-pill.on{color:var(--ok-text);border-color:#166534;background:var(--ok-bg)}.state-pill.off{color:var(--bad-text);border-color:#7f1d1d;background:var(--bad-bg)}
.emergency-card{border-color:#4b2525}
@media(max-width:800px){.control-grid{grid-template-columns:1fr}.control-card p{min-height:0}}
/* v2.6 — branch registry / screen filtering */
.stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.compact-table table{min-width:520px}
.compact-table .btn{padding:7px 10px;font-size:.76rem}
.screen-list-head{align-items:center}
.branch-filter-field{margin:0;min-width:240px}
.branch-filter-field label{margin-bottom:5px}
@media(max-width:800px){
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .screen-list-head{align-items:stretch;flex-direction:column}
  .branch-filter-field{min-width:0;width:100%}
}
@media(max-width:520px){.stats{grid-template-columns:1fr}}

/* Multi-tenant additions */
.org-info{font-size:12px;color:var(--muted,#888);margin-top:2px}
.org-switcher{background:var(--surface,#1a1a1a);color:var(--text,#ccc);border:1px solid var(--border,#2a2a2a);border-radius:6px;padding:6px 10px;font-size:13px}

/* Remote control buttons */
.remote-actions{display:flex;gap:4px;align-items:center;justify-content:center}
.btn-icon{width:32px;height:32px;border:1px solid var(--border,#2a2a2a);background:var(--surface,#1a1a1a);color:var(--text,#ccc);border-radius:6px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}
.btn-icon:hover{background:var(--accent,#3b82f6);border-color:var(--accent,#3b82f6);color:#fff}
.btn-icon:disabled{opacity:.4;cursor:not-allowed}
.btn-icon[data-cmd="blackout_on"]:hover{background:#dc2626;border-color:#dc2626}
.btn-icon[data-cmd="blackout_off"]:hover{background:#22c55e;border-color:#22c55e}

/* News ticker: RTL text scrolls toward the right, seamless loop via two copies */
.screen-app{--ticker-h:0px}
.screen-app.has-ticker{--ticker-h:clamp(44px,7vh,96px)}
.screen-app.has-ticker .slide-layer{bottom:var(--ticker-h)}
.ticker{position:absolute;left:0;right:0;bottom:0;height:var(--ticker-h);z-index:50;background:var(--ticker-bg,#b91c1c);color:#fff;overflow:hidden;direction:ltr;display:flex;align-items:center;box-shadow:0 -2px 12px rgba(0,0,0,.35)}
.ticker.hidden{display:none}
.ticker-track{display:flex;flex-wrap:nowrap;white-space:nowrap;will-change:transform;animation:tickerScroll var(--ticker-dur,30s) linear infinite}
.ticker-copy{direction:rtl;display:flex;flex-wrap:nowrap;flex:none}
.ticker-item{font-size:calc(var(--ticker-h) * .46);font-weight:700;padding:0 2.2vw;line-height:1}
.ticker-sep{font-size:calc(var(--ticker-h) * .3);opacity:.7;align-self:center}
@keyframes tickerScroll{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.screen-app.blackout .ticker{display:none}
.screen-app.has-ticker .status-dot{bottom:calc(var(--ticker-h) + 10px)}
.screen-app.has-ticker .screen-fullscreen-btn{bottom:calc(var(--ticker-h) + 18px)}

/* Remote control: instant content, dimming, rotation */
.override-layer{position:absolute;inset:0;bottom:var(--ticker-h);z-index:40;background:#000}
.override-layer.hidden{display:none}
.override-layer img,.override-layer video{position:absolute;inset:0;width:100%;height:100%;background:#000}
.override-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:6vh 6vw;color:#fff;text-align:center;font-weight:800;font-size:clamp(28px,6vw,120px);line-height:1.35;direction:rtl}
.dim-layer{position:absolute;inset:0;z-index:70;background:#000;opacity:0;pointer-events:none;transition:opacity .4s ease}
.screen-app.blackout .override-layer{display:none}
.screen-app.rot-180{transform:rotate(180deg)}
.screen-app.rot-90,.screen-app.rot-270{inset:auto;top:50%;left:50%;width:100vh;height:100vw}
.screen-app.rot-90{transform:translate(-50%,-50%) rotate(90deg)}
.screen-app.rot-270{transform:translate(-50%,-50%) rotate(270deg)}

/* Salla product slide: left = sale price, center = image, right = regular price */
.product-slide{position:absolute;inset:0;background:#0d1016;overflow:hidden;color:#fff}
/* Product slides fade in/out like images; the generic ".slide-layer img" rules must not hit the product photo */
.slide-layer .product-slide{opacity:0;transition:opacity .8s ease;pointer-events:none}
.slide-layer .product-slide.active{opacity:1}
.screen-app .slide-layer .product-slide .product-img,.screen-app .override-layer .product-slide .product-img{position:static;inset:auto;opacity:1;width:auto;height:auto;max-width:100%;transform:none;background:none}
.product-layout{direction:ltr;position:absolute;inset:0;display:grid;grid-template-columns:1fr 2.2fr 1fr;align-items:center;gap:2vw;padding:4vh 3vw}
.product-center{height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2vh}
.product-img{flex:1;min-height:0;max-width:100%;object-fit:contain;display:block}
.product-name{direction:rtl;font-size:2.6vw;font-weight:600;text-align:center;line-height:1.3}
.product-side{direction:rtl;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1vh}
.product-label{font-size:1.6vw;opacity:.7}
.product-price-new{font-size:5vw;font-weight:800;color:#22c55e;line-height:1}
.product-price-regular{font-size:4.2vw;font-weight:700;line-height:1}
.product-price-regular.is-old{text-decoration:line-through;text-decoration-thickness:.25vw;opacity:.6;color:#f87171}
.product-currency{font-size:1.6vw;opacity:.75}
@media (orientation:portrait){
  .product-layout{grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;grid-template-areas:"img img" "left right"}
  .product-center{grid-area:img}.product-side-left{grid-area:left}.product-side-right{grid-area:right}
  .product-name{font-size:4.5vw}.product-label,.product-currency{font-size:3vw}
  .product-price-new{font-size:9vw}.product-price-regular{font-size:7.5vw}
}

/* Kiosk: tap-to-fullscreen hint after power recovery */
.tap-fullscreen-hint{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:9998;background:rgba(0,0,0,.85);color:#fff;padding:12px 28px;border-radius:40px;font-size:15px;cursor:pointer;animation:tapHintPulse 2s ease-in-out infinite;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);font-family:Segoe UI,Tahoma,sans-serif}
.tap-fullscreen-hint span{display:flex;align-items:center;gap:8px}
.tap-fullscreen-hint span::before{content:'⛶';font-size:18px}
@keyframes tapHintPulse{0%,100%{opacity:.8;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.04)}}
textarea{resize:vertical;line-height:1.6}textarea:focus{border-color:var(--accent)}
input[type=color]{padding:4px;height:44px;cursor:pointer}
/* Admin: full screen control modal */
.ctl-modal{position:fixed;inset:0;z-index:1000;background:var(--backdrop);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding:24px 16px;overflow:auto}
.ctl-modal.hidden{display:none}
.ctl-box{width:min(1180px,100%);background:var(--bg);border:1px solid var(--border);border-radius:18px;padding:18px}
.ctl-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.ctl-head h3{margin:2px 0 0}
.ctl-head-actions{display:flex;align-items:center;gap:10px}.ctl-head-actions .btn{padding:8px 12px}
.ctl-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px}
.ctl-main,.ctl-side{display:flex;flex-direction:column;gap:16px;min-width:0}
.ctl-live{position:relative;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.ctl-live img,.ctl-live video{width:100%;height:100%;object-fit:contain;display:block}
.ctl-live-empty{color:var(--muted);font-size:.9rem;text-align:center;padding:20px}
.ctl-live-msg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:6%;color:#fff;font-weight:800;font-size:clamp(16px,3vw,34px);text-align:center;line-height:1.4}
.ctl-live-badge{position:absolute;top:10px;right:10px;padding:5px 9px;border-radius:8px;background:rgba(0,0,0,.72);color:#fff;font-size:.72rem;font-weight:700}
.ctl-live-product{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:8px;width:100%;height:100%;padding:4%;direction:ltr;color:#fff;background:#0d1016}
.ctl-live-product img{max-height:100%;min-height:0}
.ctl-live-product .pp{direction:rtl;text-align:center;font-weight:800;font-size:clamp(14px,2.4vw,28px)}
.ctl-live-product .pp.sale{color:#22c55e}.ctl-live-product .pp.old{color:#f87171;text-decoration:line-through;opacity:.75}
.ctl-progress{height:5px;background:var(--chip);border-radius:99px;overflow:hidden;margin-top:10px}.ctl-progress div{height:100%;width:0;background:var(--accent);transition:width .25s linear}
.ctl-caption{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:10px;min-width:0}.ctl-caption b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ctl-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.ctl-buttons .btn{padding:10px 8px;font-size:.82rem}
.ctl-row{display:flex;gap:8px;align-items:center}.ctl-row select,.ctl-row input:not([type=color]){flex:1;min-width:0}.ctl-row input[type=color]{width:56px;flex:none}.ctl-row .btn{white-space:nowrap}
.ctl-h{margin:0 0 10px;font-size:1rem}
input[type=range]{padding:0;height:auto;accent-color:var(--accent);background:transparent;border:0}
.ctl-dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px 12px;margin:0;font-size:.8rem}.ctl-dl dt{color:var(--muted)}.ctl-dl dd{margin:0;word-break:break-word}.ctl-dl dd.mono{direction:ltr;text-align:right;font-family:Consolas,monospace}
@media(max-width:900px){.ctl-grid{grid-template-columns:1fr}.ctl-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Role-based UI: editors do not see admin-only controls (the database enforces it too) */
.role-editor .admin-only{display:none!important}
/* Product slide QR (links to the Salla product page) */
.product-qr{position:absolute;left:2.5vw;bottom:calc(var(--ticker-h,0px) + 3vh);background:#fff;border-radius:1.2vw;padding:1vw 1vw .6vw;display:flex;flex-direction:column;align-items:center;gap:.4vw;box-shadow:0 6px 24px rgba(0,0,0,.45)}
.product-qr svg{width:9vw;height:9vw;min-width:90px;min-height:90px;display:block}
.product-qr span{color:#111;font-weight:800;font-size:clamp(11px,1.1vw,22px);direction:rtl}
/* Media library: content window badge */
.media-window{position:absolute;top:7px;right:7px;padding:4px 7px;border-radius:7px;font-size:.66rem;font-weight:700;line-height:1;direction:rtl;color:#fff;background:rgba(0,0,0,.72)}
.media-window.expired{background:#b91c1c}.media-window.upcoming{background:#1d4ed8}.media-window.soon{background:#b45309}.media-window.set{background:rgba(21,128,61,.9)}
.media-item:has(.media-window.expired) img,.media-item:has(.media-window.expired) video{opacity:.45}
input[type=datetime-local]{direction:ltr;text-align:right}
/* Emergency broadcast: above the ticker, visible even when screens are paused/dark */
.override-layer.emergency{z-index:65;bottom:0}
.screen-app.blackout .override-layer.emergency{display:block}
.override-layer.emergency .override-message{flex-direction:column;gap:3vh}
.override-alert{font-size:clamp(48px,10vw,200px);line-height:1;animation:emergencyPulse 1.2s ease-in-out infinite}
@keyframes emergencyPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.92)}}
/* Bulk actions bar + selection column */
.bulk-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;padding:10px 12px;border:1px solid var(--info-border);border-radius:12px;background:var(--info-bg)}
.bulk-bar.hidden{display:none}.bulk-bar b{font-size:1.05rem}.bulk-bar .btn{padding:7px 11px;font-size:.78rem}
.sel-col{width:34px;text-align:center}.sel-col input{width:auto;margin:0;accent-color:var(--accent)}
.emergency-broadcast{border-color:#5b1d1d}
/* Command center */
.bell-btn{position:relative;padding:9px 12px}
.bell-count{position:absolute;top:-6px;left:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:#dc2626;color:#fff;font-size:.7rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.bell-count.hidden{display:none}
.monitor-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.mon-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:4px}
.mon-card b{font-size:1.8rem;line-height:1}.mon-card span{color:var(--muted);font-size:.8rem}
.mon-card.ok b{color:var(--mon-ok)}.mon-card.warning b{color:var(--mon-warn)}.mon-card.critical b{color:var(--mon-crit)}.mon-card.offline b{color:var(--mon-off)}.mon-card.outdated b{color:var(--mon-old)}
.monitor-table{min-width:980px}.monitor-table td{vertical-align:top}
.health{display:flex;align-items:center;gap:8px;min-width:120px}.health b{font-size:.85rem;min-width:26px}
.health-bar{flex:1;height:7px;border-radius:99px;background:var(--chip);overflow:hidden}.health-bar i{display:block;height:100%;border-radius:99px;background:#22c55e}
.lvl-warning .health-bar i{background:#f59e0b}.lvl-critical .health-bar i,.lvl-offline .health-bar i{background:#ef4444}
.lvl-pill{display:inline-block;padding:4px 9px;border-radius:99px;font-size:.72rem;font-weight:700;white-space:nowrap}
.lvl-pill.ok{background:var(--ok-bg);color:var(--ok-text)}.lvl-pill.warning{background:var(--warn-bg);color:var(--warn-text)}.lvl-pill.critical{background:var(--bad-bg);color:var(--bad-text)}.lvl-pill.offline{background:var(--chip);color:var(--muted)}
.mono{direction:ltr;font-family:Consolas,monospace}
.feed{display:flex;flex-direction:column;gap:2px;max-height:420px;overflow:auto;margin-top:8px}.feed.compact{max-height:260px}
.feed-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:8px 10px;border-radius:9px;font-size:.8rem;border-right:3px solid transparent;background:var(--field)}
.feed-item.read{opacity:.6}.feed-time{color:var(--muted);font-size:.7rem;white-space:nowrap;direction:ltr}
.ev-disconnected,.nt-offline,.ev-error,.ev-media_error{border-right-color:#ef4444}.ev-connected,.nt-online,.ev-offline_resume{border-right-color:#22c55e}.nt-outdated{border-right-color:#3b82f6}.ev-command,.ev-boot{border-right-color:#475569}
@media(max-width:900px){.monitor-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Reports (dataviz: single series, dark surface) */
.viz-root{--series-1:#3987e5;--viz-grid:#232838;--viz-axis:#8d96a8;--viz-label:#eef2f7}
.viz-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px}
.viz-filters .btn.active{background:var(--accent);color:#fff}
.viz-chart{position:relative;margin-top:6px}
.viz-grid{stroke:var(--viz-grid);stroke-width:1}
.viz-axis{fill:var(--viz-axis);font-size:11px;font-family:inherit}
.viz-label{fill:var(--viz-label);font-size:12px;font-weight:700;font-family:inherit}
.viz-bar{fill:var(--series-1)}
.viz-hit{fill:transparent;cursor:default}.viz-hit.on{fill:rgba(255,255,255,.04)}
.viz-tip{position:absolute;pointer-events:none;background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:8px 10px;font-size:.78rem;color:var(--text);box-shadow:0 6px 18px rgba(0,0,0,.4);min-width:150px}
.viz-tip.hidden{display:none}
.viz-table{margin-top:10px}.viz-table summary{cursor:pointer}
.rep-tiles{margin-top:0}
.health-bar.uptime i{background:#3987e5}
/* Screen widgets: clock, date, next prayer, countdown (top-left strip) */
.widgets{position:absolute;top:2.2vh;left:1.6vw;z-index:55;display:flex;flex-wrap:wrap;gap:.8vw;direction:rtl;pointer-events:none;max-width:70vw}
.widgets.hidden,.screen-app.blackout .widgets,.screen-app.has-emergency .widgets{display:none}
.w-pill{background:rgba(8,10,14,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.14);color:#fff;border-radius:1vw;padding:.7vw 1.1vw;display:flex;flex-direction:column;justify-content:center;gap:.25vw;line-height:1.15;box-shadow:0 4px 18px rgba(0,0,0,.35)}
.w-pill span{font-size:clamp(10px,.95vw,20px);opacity:.75}
.w-pill b{font-size:clamp(13px,1.35vw,30px);font-weight:800}
.w-pill small{font-size:.7em;font-weight:600;opacity:.8}
.w-clock{font-size:clamp(20px,2.6vw,58px);font-weight:800;direction:ltr;letter-spacing:.02em}
.w-prayer.now{background:rgba(21,128,61,.85)}
.w-countdown b{font-variant-numeric:tabular-nums}
/* Media library: toolbar, selection, metadata */
.lib-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px}
.lib-toolbar input[type=search]{flex:1;min-width:180px}.lib-toolbar select{width:auto;min-width:140px}
.media-item{position:relative}.media-item.selected{outline:2px solid var(--accent);outline-offset:-2px}
.media-check{position:absolute;top:7px;left:7px;z-index:2;background:rgba(0,0,0,.6);border-radius:7px;padding:4px 5px;line-height:0;margin:0}
.media-check input{width:16px;height:16px;margin:0;accent-color:var(--accent)}
.media-meta{color:var(--muted);font-size:.68rem;margin:-4px 0 8px;direction:ltr;text-align:right}
.media-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.media-actions{flex-wrap:wrap}.media-actions .btn{flex:1 1 auto;min-width:36px;white-space:nowrap}
/* Screen tags */
.tag-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.tag{display:inline-block;padding:2px 7px;border-radius:99px;background:var(--tag-bg);color:var(--tag-text);font-size:.68rem;font-weight:600}
.screen-filters{display:flex;gap:10px;flex-wrap:wrap}
select[multiple]{padding:4px}select[multiple] option{padding:5px 6px;border-radius:5px}
.ctl-shot{margin-top:10px}.ctl-shot img{width:100%;border-radius:10px;display:block;margin-bottom:6px;background:#000;aspect-ratio:16/9;object-fit:contain}
/* Manually entered product: square photo centre, price right, description left */
.product-slide.manual .product-square{aspect-ratio:1/1;height:min(78vh,44vw);max-height:100%;border-radius:1.4vw;overflow:hidden;background:#fff;box-shadow:0 12px 40px rgba(0,0,0,.45)}
.screen-app .slide-layer .product-slide.manual .product-img,.screen-app .override-layer .product-slide.manual .product-img{width:100%;height:100%;max-width:none;object-fit:cover}
.product-desc{align-items:stretch;text-align:right;gap:1.6vh;padding-inline:1vw}
.product-desc-title{font-size:2.4vw;font-weight:800;line-height:1.25}
.product-desc-text{font-size:1.6vw;line-height:1.6;opacity:.9}
.manual-old{font-size:2.4vw}
@media (orientation:portrait){.product-desc-title{font-size:4.4vw}.product-desc-text{font-size:3vw}.product-slide.manual .product-square{height:auto;width:min(80vw,60vh)}}
/* Manual product form */
.manual-product{margin-top:14px;border:1px solid var(--border);border-radius:12px;background:var(--field)}
.manual-product summary{cursor:pointer;padding:12px 14px;display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;list-style:none}
.manual-product summary::-webkit-details-marker{display:none}
.manual-product[open] summary{border-bottom:1px solid var(--border)}
.manual-product > div{padding:0 14px}.manual-product #mpNotice{padding-top:12px}
.mp-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;padding:14px!important}
.mp-preview{aspect-ratio:1/1;border:1px dashed var(--border);border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff1}
.mp-preview img{width:100%;height:100%;object-fit:cover}
@media(max-width:700px){.mp-grid{grid-template-columns:1fr}.mp-preview{max-width:220px}}
/* Manual product gallery: photos crossfade with a slow zoom inside the square */
.product-slide.manual .product-square{position:relative}
.screen-app .slide-layer .product-slide.manual .product-square.gallery .g-img,.screen-app .override-layer .product-slide.manual .product-square.gallery .g-img{position:absolute;inset:0;opacity:0;transition:opacity .9s ease;animation:galleryZoom 5s linear both;animation-play-state:paused}
.screen-app .slide-layer .product-slide.manual .product-square.gallery .g-img.on,.screen-app .override-layer .product-slide.manual .product-square.gallery .g-img.on{opacity:1;animation-play-state:running}
@keyframes galleryZoom{from{transform:scale(1)}to{transform:scale(1.08)}}
/* Manual product: multi-photo editor */
.mp-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;min-height:10px;margin-bottom:6px}
.mp-thumb{position:relative;aspect-ratio:1/1;border-radius:10px;overflow:hidden;border:1px solid var(--border);background:#fff1}
.mp-thumb.cover{outline:2px solid var(--accent);outline-offset:-2px}
.mp-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.mp-badge{position:absolute;top:5px;right:5px;background:var(--accent);color:#fff;font-size:.62rem;font-weight:700;border-radius:6px;padding:2px 6px}
.mp-thumb-actions{position:absolute;inset:auto 4px 4px 4px;display:flex;gap:4px;justify-content:center}
.mp-thumb-actions .btn{padding:3px 7px;font-size:.7rem;border-radius:7px}
.mp-grid{grid-template-columns:260px minmax(0,1fr)}
/* Outside branch opening hours: dark screen (emergency broadcasts still show) */
.screen-app.after-hours .slide-layer,.screen-app.after-hours .ticker,.screen-app.after-hours .widgets,.screen-app.after-hours .override-layer:not(.emergency),.screen-app.after-hours .status-dot{display:none}
.rep-tiles-6{grid-template-columns:repeat(6,minmax(0,1fr))}@media(max-width:900px){.rep-tiles-6{grid-template-columns:repeat(2,minmax(0,1fr))}}
.wx-media{max-height:160px;overflow:auto;border:1px solid var(--border);border-radius:10px;padding:6px 8px;background:var(--field);display:grid;gap:4px}
.wx-media label{display:flex;align-items:center;gap:8px;margin:0;color:var(--text);font-size:.8rem}.wx-media input{width:auto;margin:0;accent-color:var(--accent)}
/* Library folders */
.folder-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px}
.folder-chip{border:1px solid var(--border);background:var(--field);color:var(--text);border-radius:99px;padding:8px 14px;font:inherit;font-size:.82rem;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.folder-chip b{background:var(--chip);border-radius:99px;padding:1px 8px;font-size:.72rem;color:var(--muted)}
.folder-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.folder-chip.active b{background:rgba(255,255,255,.2);color:#fff}
.folder-chip.add{border-style:dashed;color:var(--muted)}
.folder-chip.drop{outline:2px dashed var(--accent);outline-offset:2px}
.folder-tools{display:inline-flex;gap:6px;margin-inline-start:auto}.folder-tools .btn{padding:7px 11px;font-size:.78rem}
.media-folder{color:var(--tag-text);font-size:.68rem;margin:-4px 0 8px}
#mediaBulkFolder{width:auto;min-width:150px;padding:7px 10px}
/* ── Light theme (admin + staff pages only; display screens always stay dark) ── */
@media (prefers-color-scheme: light){ html.themable:not([data-theme="dark"]){ --bg:#f4f6fb;--surface:#ffffff;--surface2:#f1f4f9;--border:#d9dfea;--text:#0f172a;--muted:#5b6475;--accent:#2563eb;--accent2:#1d4ed8;
    --field:#ffffff;--chip:#e8edf5;--btn2:#e8edf5;--btn2-text:#1e293b;--thead:#f1f4f9;--line:#e5e9f1;
    --info-bg:#eef4ff;--info-border:#c7d7f5;--notice-bg:#f1f5f9;--notice-border:#cbd5e1;--notice-text:#334155;
    --link:#1d4ed8;--tag-bg:#e0eaff;--tag-text:#1e40af;--ok-bg:#dcfce7;--ok-text:#166534;--bad-bg:#fee2e2;--bad-text:#991b1b;
    --warn-bg:#fef3c7;--warn-text:#92400e;--backdrop:rgba(15,23,42,.45);
    --shell-bg:#f4f6fb;--panel:#ffffff;--dash:#c3cbd9;--mon-ok:#16a34a;--mon-warn:#d97706;--mon-crit:#dc2626;--mon-off:#64748b;--mon-old:#2563eb;color-scheme:light } }
html.themable[data-theme="light"]{ --bg:#f4f6fb;--surface:#ffffff;--surface2:#f1f4f9;--border:#d9dfea;--text:#0f172a;--muted:#5b6475;--accent:#2563eb;--accent2:#1d4ed8;
    --field:#ffffff;--chip:#e8edf5;--btn2:#e8edf5;--btn2-text:#1e293b;--thead:#f1f4f9;--line:#e5e9f1;
    --info-bg:#eef4ff;--info-border:#c7d7f5;--notice-bg:#f1f5f9;--notice-border:#cbd5e1;--notice-text:#334155;
    --link:#1d4ed8;--tag-bg:#e0eaff;--tag-text:#1e40af;--ok-bg:#dcfce7;--ok-text:#166534;--bad-bg:#fee2e2;--bad-text:#991b1b;
    --warn-bg:#fef3c7;--warn-text:#92400e;--backdrop:rgba(15,23,42,.45);
    --shell-bg:#f4f6fb;--panel:#ffffff;--dash:#c3cbd9;--mon-ok:#16a34a;--mon-warn:#d97706;--mon-crit:#dc2626;--mon-off:#64748b;--mon-old:#2563eb;color-scheme:light }
html.themable[data-theme="dark"]{ color-scheme:dark }
html.themable:is([data-theme="light"]) .viz-root{--series-1:#2a78d6;--viz-grid:#e5e9f1;--viz-axis:#64748b;--viz-label:#0f172a}
@media (prefers-color-scheme: light){ html.themable:not([data-theme="dark"]) .viz-root{--series-1:#2a78d6;--viz-grid:#e5e9f1;--viz-axis:#64748b;--viz-label:#0f172a} }
.theme-btn{padding:9px 12px}
/* Branch list: one tidy row per branch */
.branch-list{display:flex;flex-direction:column;gap:8px}
.branch-row{display:grid;grid-template-columns:minmax(0,1fr) 170px auto;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--field)}
.br-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.br-name b{font-size:.98rem}
.br-code{font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:6px;background:var(--chip);color:var(--muted);direction:ltr}
.br-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.br-chip{font-size:.72rem;padding:3px 9px;border-radius:99px;background:var(--chip);color:var(--muted);white-space:nowrap}
.br-chip.on{background:var(--tag-bg);color:var(--tag-text)}
.br-city select{padding:8px 10px;font-size:.82rem}
.br-actions{display:flex;gap:6px;flex-wrap:nowrap}.br-actions .btn{padding:8px 10px;font-size:.78rem;white-space:nowrap}
@media(max-width:1100px){.br-actions .btn span{display:none}}
@media(max-width:760px){.branch-row{grid-template-columns:1fr}.br-actions{flex-wrap:wrap}.br-actions .btn span{display:inline}}
/* Flash sale on product slides */
.product-slide .flash-box,.product-slide .flash-only{display:none}
.product-slide.flash-on .normal-price{display:none}
.product-slide.flash-on .flash-box{display:flex;flex-direction:column;align-items:center;gap:1vh}
.product-slide.flash-on .flash-only{display:block}
.product-slide.flash-on .product-side-right>.product-price-regular:not(.flash-only),.product-slide.flash-on:not(.manual) .product-side-right .product-price-regular{text-decoration:line-through;text-decoration-thickness:.25vw;opacity:.6;color:#f87171}
.flash-label{background:linear-gradient(90deg,#f59e0b,#ef4444);color:#fff;font-weight:900;font-size:clamp(14px,1.7vw,34px);padding:.5vh 1.2vw;border-radius:99px;animation:flashPulse 1.4s ease-in-out infinite}
.flash-box .product-price-new{color:#fbbf24}
.flash-cd{font-variant-numeric:tabular-nums;font-weight:800;font-size:clamp(14px,1.8vw,38px);background:rgba(255,255,255,.08);border-radius:.6vw;padding:.4vh .9vw}
@keyframes flashPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
/* Flash sale badge + modal quick picks */
.media-flash{position:absolute;bottom:30px;right:7px;direction:rtl;font-size:.7rem;font-weight:800;padding:3px 8px;border-radius:99px;background:rgba(0,0,0,.65);color:#fbbf24}
.media-flash.live{background:linear-gradient(90deg,#f59e0b,#ef4444);color:#fff}
.media-flash.expired{color:#94a3b8}
.flash-quick{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.flash-quick .btn{padding:6px 10px;font-size:.75rem}
/* Customer rating QR (corner) */
.rate-qr{position:absolute;right:2vw;bottom:calc(var(--ticker-h,0px) + 3vh);z-index:50;background:#fff;border-radius:1vw;padding:.8vw .8vw .5vw;display:flex;flex-direction:column;align-items:center;gap:.3vw;box-shadow:0 6px 24px rgba(0,0,0,.45);pointer-events:none}
.rate-qr.hidden,.screen-app.blackout .rate-qr,.screen-app.has-emergency .rate-qr,.screen-app.has-override .rate-qr,.screen-app.after-hours .rate-qr{display:none}
.rate-qr svg{width:6.5vw;height:6.5vw;min-width:72px;min-height:72px;display:block}
.rate-qr span{color:#111;font-weight:800;font-size:clamp(10px,.95vw,20px);direction:rtl;max-width:12vw;text-align:center;line-height:1.3}
/* Admin preview iframe */
.screen-app.preview-mode .screen-fullscreen-btn,.screen-app.preview-mode .status-dot{display:none}
/* Preview modal */
.pv-box{width:min(1180px,100%)}
.pv-stage{position:relative;margin:4px auto 0;overflow:hidden;border-radius:10px;background:#000;border:1px solid var(--border)}
.pv-stage iframe{position:absolute;top:0;left:0;border:0;transform-origin:0 0;pointer-events:none;background:#000}
.pv-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;flex-wrap:wrap}
.seg{display:inline-flex;gap:4px}.seg .btn{padding:7px 10px;font-size:.78rem}.seg .btn.active{background:var(--accent);color:#fff;border-color:transparent}
/* Ratings report */
.rt-head{display:flex;align-items:baseline;gap:8px}.rt-head b{font-size:1.6rem}
.rt-stars{color:#f59e0b;letter-spacing:1px}
.rt-sub{margin:0 0 10px;font-size:.88rem;color:var(--muted);font-weight:700}
.rt-dist{display:flex;flex-direction:column;gap:8px}
.rt-row{display:grid;grid-template-columns:44px 1fr 92px;align-items:center;gap:10px}
.rt-lbl{font-size:.82rem;font-weight:700;white-space:nowrap}
.rt-track{height:14px;border-radius:4px;background:var(--chip);overflow:hidden}
.rt-track i{display:block;height:100%;background:#f59e0b;border-radius:0 4px 4px 0}
html[dir=rtl] .rt-track i{margin-inline-start:0;border-radius:4px 0 0 4px}
.rt-val{font-size:.8rem;white-space:nowrap}
.rt-avg{font-weight:800;padding:2px 8px;border-radius:99px;font-size:.8rem}
.rt-avg.good{background:var(--ok-bg,#0d2416);color:var(--ok-text,#86efac)}.rt-avg.mid{background:var(--warn-bg,#2a2210);color:var(--warn-text,#fcd34d)}.rt-avg.bad{background:var(--bad-bg,#2a1010);color:var(--bad-text,#fca5a5)}
.rt-low{color:#ef4444;font-weight:800}
.rt-comments{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.rt-comment{border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:var(--field);font-size:.86rem}
.rt-comment.low{border-color:rgba(239,68,68,.55)}
.rt-c-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px}
.rt-grid table{min-width:0}.rt-grid th,.rt-grid td{padding-inline:10px}
/* Audit log */
.audit-filters{display:grid;grid-template-columns:200px 200px minmax(0,1fr);gap:8px;margin-bottom:12px}
@media(max-width:760px){.audit-filters{grid-template-columns:1fr}}
.audit-list{display:flex;flex-direction:column}
.audit-day{font-size:.78rem;font-weight:800;color:var(--muted);padding:12px 2px 6px;border-bottom:1px solid var(--border);margin-bottom:4px}
.audit-row{display:grid;grid-template-columns:62px minmax(0,1fr);gap:10px;padding:8px 2px 8px 0;border-inline-start:3px solid transparent;padding-inline-start:10px;font-size:.88rem}
.audit-row+.audit-row{border-top:1px dashed var(--line,var(--border))}
.audit-row.del{border-inline-start-color:#ef4444}.audit-row.cmd{border-inline-start-color:#f59e0b}.audit-row.pub{border-inline-start-color:#22c55e}.audit-row.add{border-inline-start-color:#3b82f6}
.audit-time{color:var(--muted);font-size:.78rem;font-variant-numeric:tabular-nums;padding-top:2px}
.audit-who{color:var(--link)}
.audit-diff{margin-top:3px;font-size:.78rem;color:var(--muted)}.audit-diff s{opacity:.7}
/* Price board */
.board-slide{display:flex;flex-direction:column;padding:2.2vh 2vw calc(var(--ticker-h,0px) + 2.2vh);gap:1.6vh;background:#0d1016}
.board-title{text-align:center;font-weight:900;font-size:clamp(20px,3vw,64px);color:#fff;line-height:1.15}
.board-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--rows),minmax(0,1fr));gap:1.4vw;direction:rtl}
.bcell{min-height:0;display:flex;flex-direction:column;align-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:1.2vw;padding:1.2vh 1vw;position:relative;overflow:hidden}
.bimg{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center}
.bimg img{max-width:100%;max-height:100%;object-fit:contain;border-radius:.8vw}
.bname{color:#fff;font-weight:800;font-size:clamp(12px,1.5vw,34px);text-align:center;line-height:1.25;margin-top:.8vh;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bprice{display:flex;align-items:baseline;justify-content:center;gap:.6vw;margin-top:.6vh;flex-wrap:wrap}
.bprice b{color:#22c55e;font-weight:900;font-size:clamp(16px,2.6vw,60px);line-height:1}
.bprice s{color:#f87171;opacity:.75;font-size:clamp(11px,1.3vw,30px);text-decoration-thickness:.18vw}
.bprice small{color:#cbd5e1;font-size:clamp(10px,1vw,24px)}
.b-flash{display:none}.bcell.flash-on .b-normal{display:none}.bcell.flash-on .b-flash{display:flex}
.bcell.flash-on{border-color:rgba(245,158,11,.7);box-shadow:0 0 0 2px rgba(245,158,11,.25) inset}
.b-flash b{color:#fbbf24}
.bflash{flex-basis:100%;text-align:center;font-weight:800;color:#fff;font-size:clamp(10px,1vw,24px)}
.bflash .flash-cd{background:linear-gradient(90deg,#f59e0b,#ef4444);border-radius:99px;padding:.2vh .7vw;font-variant-numeric:tabular-nums}
.board-empty{grid-column:1/-1;align-self:center;text-align:center;color:#94a3b8;font-size:2vw}
.screen-app .slide-layer .board-slide .bimg img,.screen-app .override-layer .board-slide .bimg img{position:static;inset:auto;opacity:1;width:auto;height:auto;max-width:100%;max-height:100%;transform:none;background:none;transition:none}
/* Price board: library thumb + picker */
.board-thumb{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px;aspect-ratio:1.25;background:#0d1016;padding:6px}
.media-item .board-thumb img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border-radius:4px}
.bd-pick .pick-list{max-height:320px;min-height:120px;margin-top:6px}
.bd-lbl{display:block;font-size:.82rem;font-weight:700;margin-bottom:6px}
.bd-pick input[type=search]{width:100%}

/* Empty playlist → branch opening hours */
.screen-overlay.hours-mode h1{font-size:clamp(28px,4.2vw,64px);margin-bottom:.4em}
.screen-overlay.hours-mode p{display:flex;flex-direction:column;gap:.35em;align-items:center}
.hours-days{font-size:clamp(18px,2.2vw,34px);color:#c9ced6}
.hours-time{font-size:clamp(34px,6vw,96px);font-weight:700;color:#fff;direction:rtl}