:root {
  color-scheme: dark;
  --ink: #08131c;
  --navy: #10283a;
  --blue: #19577a;
  --cyan: #58d3d7;
  --cream: #f4eedf;
  --paper: #e8dfcc;
  --orange: #ff9d4d;
  --red: #ef5d5d;
  --green: #6ed69a;
  --muted: #8ca2b1;
  --line: rgba(255,255,255,.1);
  --card: rgba(15,35,50,.92);
  --shadow: 0 18px 45px rgba(0,0,0,.28);
}

* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: var(--ink); color: var(--cream); font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", system-ui, sans-serif; }
body {
  background:
    radial-gradient(circle at 15% 0%, rgba(43,121,158,.24), transparent 35rem),
    linear-gradient(160deg, #0c1b27 0%, #08131c 60%, #0c202a 100%);
}
button, input, select { font: inherit; }
button { color: inherit; }
button:focus-visible, input:focus-visible, select:focus-visible { outline: 2px solid var(--cyan); outline-offset: 2px; }

.topbar {
  min-height: 82px; padding: 12px max(18px, calc((100vw - 1440px)/2));
  display: flex; align-items: center; justify-content: space-between; gap: 20px;
  border-bottom: 1px solid var(--line); background: rgba(8,19,28,.9); backdrop-filter: blur(15px);
  position: sticky; top: 0; z-index: 20;
}
.brand { display: flex; align-items: center; gap: 12px; }
.brand-mark {
  display: grid; place-items: center; width: 49px; height: 49px; border-radius: 14px 5px 14px 5px;
  background: var(--cyan); color: var(--ink); font-size: 22px; font-weight: 950; transform: rotate(-2deg);
  box-shadow: 5px 5px 0 var(--orange);
}
.brand h1 { margin: 1px 0 0; font-size: clamp(18px, 2vw, 25px); letter-spacing: .04em; }
.brand h1 span { font-size: 12px; color: var(--muted); margin-left: 5px; }
.eyebrow { margin: 0; font-size: 9px; font-weight: 900; letter-spacing: .2em; color: var(--cyan); }
.clock-block { margin-left: auto; display: flex; align-items: center; gap: 18px; }
.clock-block > div:first-child { display: flex; gap: 10px; align-items: baseline; }
.clock-block strong { font: 900 28px/1 ui-monospace, SFMono-Regular, monospace; }
.clock-block #dayLabel { color: var(--muted); font-weight: 800; font-size: 12px; }
.clock-meta { display: flex; align-items: center; gap: 8px; color: var(--paper); font-size: 12px; }
.status { padding: 5px 9px; border-radius: 999px; font-size: 11px; font-weight: 900; }
.status.open { background: rgba(110,214,154,.15); color: var(--green); }
.status.closed { background: rgba(239,93,93,.14); color: #ff9696; }
.sync-state { padding: 4px 8px; border-radius: 999px; font-size: 10px; font-weight: 900; background: rgba(110,214,154,.12); color: var(--green); }
.sync-state.connecting { background: rgba(255,157,77,.12); color: var(--orange); }
.sync-state.offline { background: rgba(239,93,93,.14); color: #ff9696; }
.icon-button { display: none; border: 0; background: none; font-size: 23px; }

.layout { max-width: 1440px; margin: 0 auto; padding: 18px; display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(350px, .75fr); gap: 18px; }
.main-column, .side-column { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.card { border: 1px solid var(--line); background: var(--card); border-radius: 17px; box-shadow: var(--shadow); overflow: hidden; }

.store-scene { display: grid; grid-template-columns: minmax(280px, 1.15fr) minmax(280px, .85fr); min-height: 260px; }
.store-illustration {
  position: relative; min-height: 260px; overflow: hidden;
  background: linear-gradient(#153d52 0 57%, #14232a 57% 72%, #182229 72%);
}
.store-illustration::before {
  content:""; position:absolute; inset: 15% 4% 18%; border-radius: 7px 7px 2px 2px;
  background: #e8dfc9; box-shadow: 0 18px 40px rgba(0,0,0,.3);
}
.store-illustration::after {
  content:""; position:absolute; left:0; right:0; bottom:18%; height:2px; background:rgba(255,255,255,.13);
  box-shadow: 0 12px 0 rgba(255,255,255,.05);
}
.store-sign { position:absolute; z-index:2; left:9%; right:9%; top:22%; height:50px; display:flex; align-items:center; justify-content:center; gap:10px; background:#f6f0e3; color:#133b50; border-top:8px solid var(--cyan); border-bottom:7px solid var(--orange); }
.store-sign b { font-size:22px; letter-spacing:.12em; }.store-sign small { font-weight:900; letter-spacing:.16em; }
.window { position:absolute; z-index:2; left:11%; right:35%; top:45%; bottom:20%; background:linear-gradient(145deg,rgba(121,205,215,.35),rgba(24,72,91,.83)); border:5px solid #344c55; overflow:hidden; }
.door { position:absolute; z-index:2; right:10%; width:23%; top:45%; bottom:20%; background:linear-gradient(100deg,rgba(132,207,213,.4),rgba(25,65,79,.92)); border:5px solid #344c55; }
.door span { position:absolute; top:20%; left:18%; padding:3px 6px; background:#f5e7c8; color:#173b4b; font-size:9px; font-weight:900; transform:rotate(-2deg); }
.poster { position:absolute; top:20%; padding:5px; color:white; font-size:10px; font-weight:900; }.p1{left:8%;background:#e65353}.p2{right:7%;background:#df8a31}
.shelf-line { position:absolute; left:5%; right:5%; height:5px; background:#f4c279; box-shadow: 0 13px 0 #73c5c9, 0 26px 0 #e36e5d; }.s1{bottom:32%}.s2{bottom:12%}
.awning { position:absolute; z-index:3; left:5%; right:5%; bottom:15%; height:8px; background:repeating-linear-gradient(90deg,var(--cyan) 0 32px,#f6efe1 32px 64px,var(--orange) 64px 96px); }
.store-summary { padding: 18px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; align-content: center; background: linear-gradient(145deg, rgba(88,211,215,.08), transparent 50%); }
.store-summary > div { padding: 15px; background: rgba(5,14,21,.38); border-radius: 12px; border: 1px solid rgba(255,255,255,.06); }
.store-summary span, .store-summary small { display:block; color:var(--muted); font-size:11px; }
.store-summary strong { display:block; margin:4px 0 2px; font-size:30px; font-weight:950; }.store-summary strong i{font-style:normal}

.meter-row { display:grid; grid-template-columns:repeat(5,1fr); gap:10px; }
.metric { padding:14px; min-height:86px; }.metric span,.metric small{display:block;color:var(--muted);font-size:10px}.metric strong{display:block;margin:5px 0;font-size:19px}.metric small{color:var(--green)}
.meter{height:5px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.meter i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:inherit;transition:width .4s}

.activity { min-height: 310px; display:flex; flex-direction:column; }
.section-title { padding:15px 16px 11px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid var(--line); }
.section-title h2 { margin:2px 0 0; font-size:16px; }.text-button{border:0;background:transparent;color:var(--cyan);font-size:11px;font-weight:800;cursor:pointer}
.log-list { padding: 4px 16px 16px; max-height: 355px; min-height: 250px; overflow:auto; scrollbar-color:var(--blue) transparent; }
.log-entry { display:grid; grid-template-columns:50px 1fr; gap:10px; padding:9px 0; border-bottom:1px dashed rgba(255,255,255,.07); font-size:12px; line-height:1.55; animation:appear .25s ease-out; }
.log-entry time { color:var(--cyan); font:700 11px/1.6 ui-monospace,monospace; }.log-entry.alert p{color:#ffd08a}.log-entry.bad p{color:#ff9e9e}.log-entry.good p{color:#9beeb9}.log-entry p{margin:0}
@keyframes appear{from{opacity:0;transform:translateY(-4px)}}

.player-list { padding:10px; display:flex; flex-direction:column; gap:7px; }
.player { display:grid; grid-template-columns:38px 1fr auto; align-items:center; gap:9px; padding:9px; border-radius:12px; border:1px solid transparent; background:rgba(4,13,20,.3); cursor:pointer; transition:.15s; }
.player:hover,.player.selected{border-color:rgba(88,211,215,.45);background:rgba(88,211,215,.08)}
.player.offline{opacity:.58}.player.self{border-color:rgba(88,211,215,.35)}
.player.dead{border-color:rgba(239,93,93,.3);background:rgba(239,93,93,.08);filter:saturate(.45)}
.player.dead .avatar{background:#743d43;color:#ffdada}
.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--player-color,#58d3d7);color:#07141b;font-weight:950}
.player strong,.player small{display:block}.player strong{font-size:12px}.player small{font-size:10px;color:var(--muted);margin-top:2px}
.player-state{text-align:right}.player-state b{display:block;font-size:10px}.energy{width:55px;height:4px;background:rgba(255,255,255,.1);margin-top:5px;border-radius:9px;overflow:hidden}.energy i{display:block;height:100%;background:var(--green)}
.command-heading{border-bottom:0}.player-pill{font-size:10px;font-weight:900;padding:5px 9px;background:var(--cyan);color:var(--ink);border-radius:999px}
.zone-tabs { display:grid;grid-template-columns:repeat(3,1fr);padding:0 10px 10px;gap:5px;border-bottom:1px solid var(--line); }
.zone-tabs button{padding:8px 4px;border:0;border-radius:8px;background:rgba(255,255,255,.05);color:var(--muted);font-size:10px;font-weight:800;cursor:pointer}.zone-tabs button.active{background:var(--cream);color:var(--ink)}
.zone-tabs button:disabled:not(.active){opacity:.42;cursor:not-allowed}.zone-tabs button.active:disabled{cursor:default}
.command-grid { padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:7px; }
.command { min-height:64px;padding:10px;text-align:left;border-radius:11px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);cursor:pointer;transition:.15s; }
.command:hover:not(:disabled){transform:translateY(-1px);border-color:var(--cyan);background:rgba(88,211,215,.09)}.command:disabled{opacity:.38;cursor:not-allowed}
.command.urgent{border-color:rgba(255,157,77,.65);background:rgba(255,157,77,.12);box-shadow:0 0 0 1px rgba(255,157,77,.12) inset}.command.urgent b{color:var(--orange)}
.command b,.command small{display:block}.command b{font-size:12px}.command small{margin-top:4px;font-size:9px;line-height:1.4;color:var(--muted)}
.stock-alert #todayStatus{padding:12px 16px 16px}.status-line{display:flex;justify-content:space-between;gap:12px;padding:7px 0;font-size:11px;border-bottom:1px solid rgba(255,255,255,.05)}.status-line span{color:var(--muted)}.status-line b.warn{color:var(--orange)}.status-line b.danger{color:#ff8e8e}

.modal-root{display:none;position:fixed;z-index:50;inset:0;background:rgba(2,8,12,.78);padding:24px;backdrop-filter:blur(8px);align-items:center;justify-content:center}.modal-root.open{display:flex}
.modal{width:min(920px,100%);max-height:min(86vh,850px);display:flex;flex-direction:column;background:#102532;border:1px solid rgba(255,255,255,.14);border-radius:18px;box-shadow:0 35px 100px rgba(0,0,0,.5);overflow:hidden;animation:modalIn .18s ease-out}
@keyframes modalIn{from{opacity:0;transform:scale(.98) translateY(8px)}}
.modal-header{padding:17px 19px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.modal-header h3{margin:0;font-size:17px}.modal-close{border:0;background:rgba(255,255,255,.08);border-radius:9px;width:34px;height:34px;cursor:pointer}
.modal-body{padding:17px;overflow:auto}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:13px 17px;border-top:1px solid var(--line)}
.modal-tabs{display:flex;gap:6px;margin:-5px 0 14px;overflow:auto}.modal-tabs button{white-space:nowrap;padding:8px 12px;border:0;border-radius:999px;background:rgba(255,255,255,.07);color:var(--muted);font-size:11px;cursor:pointer}.modal-tabs button.active{background:var(--cyan);color:var(--ink);font-weight:900}
.panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.panel-item{padding:13px;border:1px solid var(--line);border-radius:12px;background:rgba(4,13,20,.25)}.panel-item h4{margin:0 0 5px;font-size:13px}.panel-item p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.panel-item .row{display:flex;gap:7px;align-items:center;justify-content:space-between;margin-top:10px}
.primary,.secondary,.danger-button{border:0;border-radius:9px;padding:9px 13px;font-size:11px;font-weight:900;cursor:pointer}.primary{background:var(--cyan);color:var(--ink)}.secondary{background:rgba(255,255,255,.09)}.danger-button{background:rgba(239,93,93,.16);color:#ffaaaa}.primary:disabled,.secondary:disabled{opacity:.35;cursor:not-allowed}
.number-control{display:flex;align-items:center;gap:5px}.number-control button{width:27px;height:27px;border:0;border-radius:7px;background:rgba(255,255,255,.09)}.number-control input{width:72px;padding:6px;border:1px solid var(--line);border-radius:7px;background:#091820;color:var(--cream);text-align:right}
.product-table{width:100%;border-collapse:collapse;font-size:11px}.product-table th{text-align:left;color:var(--muted);font-size:9px;padding:7px;border-bottom:1px solid var(--line)}.product-table td{padding:8px 7px;border-bottom:1px solid rgba(255,255,255,.05)}.product-table input{width:70px;background:#091820;color:white;border:1px solid var(--line);border-radius:6px;padding:5px;text-align:right}
.news-item{padding:14px;border-left:3px solid var(--cyan);background:rgba(255,255,255,.035);margin-bottom:9px}.news-item h4{margin:0 0 6px;font-size:14px}.news-item p{margin:0;color:var(--paper);font-size:11px;line-height:1.7}.news-item small{display:block;margin-top:8px;color:var(--orange)}
.form-row{display:grid;grid-template-columns:130px 1fr;gap:12px;align-items:center;margin:10px 0}.form-row label{font-size:11px;color:var(--muted)}.form-row input,.form-row select{width:100%;padding:9px;background:#091820;color:white;border:1px solid var(--line);border-radius:8px}
.room-code{font:900 27px/1.2 ui-monospace,SFMono-Regular,monospace;letter-spacing:.18em;color:var(--cyan);margin:8px 0}.onboarding-copy{max-width:650px;color:var(--paper);font-size:12px;line-height:1.7}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.setup-card{padding:16px;border:1px solid var(--line);border-radius:14px;background:rgba(4,13,20,.28)}.setup-card h4{margin:0 0 10px}.setup-card .primary{width:100%;margin-top:8px}.setup-error{min-height:20px;margin:8px 0 0;color:#ff9e9e;font-size:11px}.online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:5px}.online-dot.off{background:var(--muted)}
.setup-divider{display:flex;align-items:center;gap:8px;margin:16px 0 8px;color:var(--muted);font-size:10px}.setup-divider::before,.setup-divider::after{content:"";height:1px;background:var(--line);flex:1}.wide-button{width:100%}.rejoin-code{font:900 20px/1.2 ui-monospace,SFMono-Regular,monospace;letter-spacing:.14em;color:var(--orange);margin:9px 0}.lobby-head{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(4,13,20,.28);margin-bottom:10px}.lobby-players{display:grid;gap:7px;margin:14px 0}.lobby-player{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.035)}.lobby-player strong,.lobby-player small{display:block}.lobby-player small{margin-top:3px;color:var(--muted);font-size:10px}.presence{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.07);color:var(--muted);font-size:10px}.presence.online{background:rgba(110,214,154,.12);color:var(--green)}.lobby-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.modal-tabs button:disabled{opacity:.32;cursor:not-allowed}
.toast-root{position:fixed;z-index:70;right:18px;bottom:18px;display:flex;flex-direction:column;gap:8px}.toast{max-width:330px;padding:11px 14px;border-radius:11px;background:#e9e1d2;color:#0b1a23;font-size:11px;font-weight:800;box-shadow:var(--shadow);animation:toastIn .25s ease-out}@keyframes toastIn{from{opacity:0;transform:translateY(8px)}}

@media (max-width: 920px) {
  .layout{grid-template-columns:1fr}.side-column{display:contents}.store-scene{order:1}.meter-row{order:2}.workers{order:3}.commands{order:4}.activity{order:5}.stock-alert{order:6}
}
@media (max-width: 620px) {
  .topbar{min-height:68px;padding:10px 12px}.brand-mark{width:39px;height:39px;font-size:18px}.brand h1{font-size:15px}.brand .eyebrow,.brand h1 span{display:none}.clock-block{gap:6px}.clock-block strong{font-size:21px}.clock-meta{display:none}.icon-button{display:block}
  .layout{padding:9px;gap:9px}.main-column,.side-column{gap:9px}.store-scene{grid-template-columns:1fr;min-height:0}.store-illustration{min-height:180px}.store-summary{grid-template-columns:repeat(4,1fr);padding:8px;gap:5px}.store-summary>div{padding:9px 5px;text-align:center}.store-summary strong{font-size:22px}.store-summary small{font-size:8px}.setup-grid,.lobby-head{grid-template-columns:1fr}.lobby-actions>*{flex:1 1 45%}
  .meter-row{grid-template-columns:1fr 1fr;gap:6px}.metric{padding:10px;min-height:70px}.metric:nth-child(5){grid-column:1/-1}.metric strong{font-size:15px}.section-title{padding:12px}.player-list{display:grid;grid-template-columns:1fr 1fr}.player{grid-template-columns:32px 1fr;padding:7px}.avatar{width:31px;height:31px}.player-state{grid-column:1/-1;display:flex;justify-content:space-between}.energy{width:80px}.command-grid{gap:6px;padding:8px}.command{min-height:60px;padding:9px}.activity{min-height:270px}.log-list{max-height:310px;min-height:220px;padding:4px 12px 12px}.modal-root{padding:8px}.modal{max-height:94vh}.panel-grid{grid-template-columns:1fr}.product-table{font-size:9px}.product-table th:nth-child(3),.product-table td:nth-child(3){display:none}.modal-body{padding:12px}.form-row{grid-template-columns:1fr;gap:4px}.toast-root{left:10px;right:10px;bottom:10px}.toast{max-width:none}
}

.rank-badge{padding:3px 7px;border-radius:999px;background:rgba(166,138,245,.16);color:#cdbfff!important;font-weight:900}
.priority-card{margin:0 0 8px;padding:11px 12px;border-radius:10px;border:1px solid rgba(255,157,77,.25);background:rgba(255,157,77,.09)}
.priority-card.good{border-color:rgba(114,213,147,.24);background:rgba(114,213,147,.08)}
.priority-card small,.priority-card b{display:block}.priority-card small{color:var(--muted);font-size:9px}.priority-card b{margin-top:3px;font-size:12px;color:var(--orange)}.priority-card.good b{color:var(--green)}
.goal-card{display:grid;gap:7px;margin:0 0 8px;padding:11px 12px;border-radius:10px;background:linear-gradient(135deg,rgba(166,138,245,.14),rgba(88,211,215,.06));border:1px solid rgba(166,138,245,.2)}
.goal-card small,.goal-card b{display:block}.goal-card small{color:var(--muted);font-size:9px}.goal-card b{font-size:11px;margin-top:3px}.goal-card>span{font-size:9px;color:#cdbfff}
.employee-card{grid-column:1/-1}.employee-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.staff-status{font-size:9px;padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.07);color:var(--muted)}
.staff-status.working{background:rgba(114,213,147,.12);color:var(--green)}.staff-status.absent{background:rgba(239,93,93,.14);color:#ffaaaa}
.staff-meters{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.staff-meters label{display:grid;grid-template-columns:auto auto;gap:3px;font-size:9px;color:var(--muted)}.staff-meters label b{text-align:right}.staff-meters i{grid-column:1/-1;height:5px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.08)}.staff-meters i span{display:block;height:100%;background:var(--green)}.staff-meters i .fatigue-bar{background:var(--orange)}
.staff-edit{display:grid;grid-template-columns:1.2fr 1.2fr 1fr 1fr;gap:7px}.staff-edit label{font-size:9px;color:var(--muted)}.staff-edit input,.staff-edit select{width:100%;margin-top:4px;padding:7px;border:1px solid var(--line);border-radius:7px;background:#091820;color:var(--cream)}
.report-wrap{overflow:auto}.report-table .negative{color:#ff9e9e}.report-table .positive{color:var(--green)}
@media (max-width:620px){.staff-edit{grid-template-columns:1fr 1fr}.employee-card .row{flex-wrap:wrap}.employee-card .row button{flex:1}}
.warehouse-summary{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:12px 14px;margin-bottom:14px;border:1px solid rgba(88,211,215,.2);border-radius:12px;background:rgba(88,211,215,.06)}.warehouse-summary small,.warehouse-summary b{display:block}.warehouse-summary small{font-size:10px;color:var(--muted)}.warehouse-summary b{margin-top:3px;font-size:15px}.storage-meter{height:7px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.08)}.storage-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--orange))}
.warehouse-help{margin:0 0 12px;color:var(--muted);font-size:12px;line-height:1.65}.stock-table small{color:var(--muted)}.stock-table input:disabled{opacity:.35}.stock-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.stock-tools span,#stockTime{font-size:12px;color:var(--muted)}
.register-issue{padding:15px;margin-bottom:11px;border:1px solid rgba(255,157,77,.32);border-radius:13px;background:linear-gradient(135deg,rgba(255,157,77,.1),rgba(4,13,20,.25))}.register-issue:last-child{margin-bottom:0}.register-issue-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.register-issue-head small,.register-issue-head b{display:block}.register-issue-head small{font-size:11px;color:var(--muted)}.register-issue-head b{margin-top:2px;color:var(--orange);font-size:14px}.register-issue-head span{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.08);font-size:12px}.register-issue h4{margin:13px 0 6px;font-size:15px}.register-issue p{margin:0;color:var(--paper);font-size:13px;line-height:1.65}.register-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.register-actions button{flex:1 1 145px}
.shelf-group{margin-bottom:12px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.shelf-group-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;background:rgba(255,255,255,.035)}.shelf-group-head h4{margin:0}.shelf-group-head small{font-size:9px;color:var(--muted)}.shelf-group-head>b{font-size:13px;color:var(--cyan);white-space:nowrap}.shelf-group-head>b.over{color:#ff8e8e}.shelf-lines{display:grid;grid-template-columns:1fr 1fr}.shelf-line-control{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:10px 12px;border-top:1px solid rgba(255,255,255,.05)}.shelf-line-control:nth-child(odd){border-right:1px solid rgba(255,255,255,.05)}.shelf-line-control span b,.shelf-line-control span small{display:block}.shelf-line-control span b{font-size:11px}.shelf-line-control span small{margin-top:2px;font-size:9px;color:var(--muted)}.shelf-line-control input{width:72px;padding:7px;border:1px solid var(--line);border-radius:7px;background:#091820;color:var(--cream);text-align:right}#layoutError{font-size:10px;color:var(--muted)}
@media (max-width:620px){.warehouse-summary{grid-template-columns:1fr}.shelf-lines{grid-template-columns:1fr}.shelf-line-control:nth-child(odd){border-right:0}.stock-table th:nth-child(3),.stock-table td:nth-child(3){display:table-cell}.stock-table .stock-incoming{display:none}.stock-table input{width:58px}}

.panel-lead{margin:0 0 13px;padding:10px 12px;border-radius:10px;background:rgba(88,211,215,.06);color:var(--paper);font-size:11px;line-height:1.65}
.link-button{padding:0;border:0;background:transparent;color:var(--cyan);font-weight:900;cursor:pointer;text-align:left}.positive{color:var(--green)!important}.negative{color:#ff9e9e!important}
.checkout-head{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:15px}.checkout-head>div{padding:12px;border:1px solid var(--line);border-radius:11px;background:rgba(4,13,20,.28)}.checkout-head small,.checkout-head b{display:block}.checkout-head small{color:var(--muted);font-size:10px}.checkout-head b{margin-top:4px;font-size:18px}
.checkout-instruction{color:var(--paper);font-size:12px}.scan-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.scan-item{display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding:13px;text-align:left;border:1px solid rgba(88,211,215,.28);border-radius:11px;background:rgba(88,211,215,.07);cursor:pointer}.scan-item span{font-weight:900}.scan-item b{color:var(--cyan)}.scan-item small{color:var(--muted)}.scan-item:disabled{opacity:.45;cursor:default}.customer-request{padding:22px;border-left:4px solid var(--orange);background:rgba(255,157,77,.09);border-radius:10px}.customer-request small,.customer-request b{display:block}.customer-request small{color:var(--orange);font-size:10px}.customer-request b{margin-top:7px;font-size:18px}
.payment-box{max-width:520px;margin:auto;padding:20px;border:1px solid rgba(88,211,215,.28);border-radius:14px;background:rgba(4,13,20,.28);text-align:center}.payment-box>small,.payment-box>strong{display:block}.payment-box>small{color:var(--muted)}.payment-box>strong{margin:4px 0 12px;font-size:34px;color:var(--cyan)}.payment-box p{font-size:13px}.cash-change{display:grid;gap:10px}.cash-change label{display:grid;grid-template-columns:1fr 160px;align-items:center;text-align:left;font-size:11px;color:var(--muted)}.cash-change input,.stock-trade input{padding:9px;border:1px solid var(--line);border-radius:8px;background:#091820;color:var(--cream);text-align:right}
.staff-order-card{display:grid;grid-template-columns:180px 1fr;gap:12px;align-items:center;padding:13px;margin-bottom:9px;border:1px solid var(--line);border-radius:12px;background:rgba(4,13,20,.25)}.staff-order-card h4,.staff-order-card p{margin:0}.staff-order-card p{margin-top:4px;color:var(--muted);font-size:10px}.staff-command-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.staff-command-grid button{padding:7px}
.stock-card{grid-column:1/-1}.stock-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.stock-head>div:last-child{text-align:right}.stock-head h4,.stock-head strong,.stock-head small{display:block}.stock-head strong{font-size:20px}.stock-trade{display:grid;grid-template-columns:1fr auto auto;gap:7px;margin-top:10px}.location-news{border-left-color:#a68af5}
.result-hero{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px;margin-bottom:12px;border-radius:14px;background:linear-gradient(135deg,rgba(110,214,154,.17),rgba(88,211,215,.07));border:1px solid rgba(110,214,154,.24)}.result-hero.negative-result{background:linear-gradient(135deg,rgba(239,93,93,.16),rgba(255,157,77,.06));border-color:rgba(239,93,93,.25)}.result-hero small{color:var(--muted)}.result-hero h3{margin:4px 0 0;font-size:23px}.result-hero>b{padding:7px 10px;border-radius:999px;background:rgba(166,138,245,.18);color:#d7ceff}
.result-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.result-metrics>div{padding:11px;border:1px solid var(--line);border-radius:10px;background:rgba(4,13,20,.25)}.result-metrics small,.result-metrics b{display:block}.result-metrics small{font-size:9px;color:var(--muted)}.result-metrics b{margin-top:4px;font-size:13px}.result-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.result-facts section{padding:13px;border:1px solid var(--line);border-radius:11px}.result-facts h4{margin:0 0 8px;font-size:12px}.result-facts p{color:var(--paper);font-size:11px;line-height:1.6}.result-facts ol{margin:0;padding-left:20px}.result-facts li{padding:4px 0;font-size:11px}.result-facts li span{float:right;color:var(--muted)}
.hour-bars{display:grid;gap:6px}.hour-bars>div{display:grid;grid-template-columns:42px 1fr 30px;gap:8px;align-items:center;font-size:10px}.hour-bars i{height:7px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.hour-bars i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--cyan))}
@media (max-width:620px){.checkout-head{grid-template-columns:1fr 1fr}.scan-grid{grid-template-columns:1fr}.staff-order-card{grid-template-columns:1fr}.result-metrics{grid-template-columns:1fr 1fr}.result-facts{grid-template-columns:1fr}.cash-change label{grid-template-columns:1fr}.stock-card .stock-head{flex-direction:column}.stock-head>div:last-child{text-align:left}}