:root{--paper:#fff6e7;--ink:#1e1b38;--yellow:#ffe650;--coral:#ff655b;--mint:#e8f0df;--green:#086d64;--muted:#706977;--line:#d4ced4;--shadow:3px 4px 0 var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.55}button,input,select,textarea{font:inherit;color:inherit}button{--fill:#fff;--depth:3px;min-height:44px;padding:10px 14px;border:2px solid var(--ink);border-radius:10px;background:var(--fill);box-shadow:2px var(--depth) 0 var(--ink);font-weight:700;line-height:1.35;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:active{transform:translate(2px,2px);box-shadow:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--green);outline-offset:4px}button:disabled{--fill:#e8e4df;color:#746b78;box-shadow:none;cursor:default}button:disabled:active{transform:none}button.primary{--fill:var(--coral)}button.yellow{--fill:var(--yellow)}button.mint{--fill:var(--mint)}button.quiet{--depth:0px;font-size:13px;padding:7px 10px;min-height:38px}button.text-button{border:0;box-shadow:none;background:transparent;color:var(--green);padding:7px 0;min-height:40px;text-align:left}h1,h2,h3,p{margin:0}h1{font-size:21px;line-height:1.25}h2{font-size:21px;line-height:1.3}h3{font-size:16px;line-height:1.4}small,.muted{color:var(--muted)}small{font-size:12px;line-height:1.6}svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}button,article,section,div,p,span{min-width:0}strong,p,span,small,h1,h2,h3{overflow-wrap:anywhere}button svg{flex:0 0 auto}[hidden]{display:none!important}
.demo-strip{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 16px;border-bottom:1.5px solid var(--ink);background:var(--yellow);font-size:12px;line-height:1.5}.demo-strip b{font-weight:800}.demo-strip .reset-btn{font-size:12px;min-height:31px;padding:4px 10px;border-width:1.5px;border-radius:7px;box-shadow:1px 2px 0 var(--ink);flex:0 0 auto}.brand{max-width:620px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:21px 18px 23px}.brand-mark{display:flex;align-items:center;justify-content:center;width:43px;height:45px;flex:0 0 auto;border:2px solid var(--ink);background:var(--yellow);box-shadow:4px 4px 0 var(--ink);font-family:serif;font-size:27px;font-weight:900}.brand p{font-size:12px;margin-top:5px;color:var(--muted)}.demo-label{margin-left:auto;padding:3px 8px;border:1px solid #b7c4ae;border-radius:20px;background:var(--mint);color:var(--green);font-size:11px;white-space:nowrap}.app-shell{width:100%;max-width:620px;margin:0 auto;padding:0 18px 112px}.page-heading{margin:0 0 20px}.page-heading .eyebrow{display:block;margin-bottom:8px;font-size:12px;color:var(--muted)}.page-heading h2{font-size:24px;font-weight:850;letter-spacing:-.5px}.page-heading p{margin-top:8px;font-size:13px;color:var(--muted)}.home-primary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:21px}.hero-card{--depth:4px;width:100%;min-height:154px;padding:16px;border-radius:13px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:20px;text-align:left;box-shadow:3px 4px 0 var(--ink)}.hero-top{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.hero-top b{font-size:22px;font-weight:850}.hero-arrow{font-size:21px;font-weight:500}.hero-title{display:block;font-size:20px;font-weight:850;line-height:1.3}.hero-description{display:block;margin-top:6px;font-size:11px;line-height:1.6;font-weight:500;color:var(--ink)}.tools{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.tools button{font-size:13px;padding:9px 12px;min-height:42px}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:22px}.metric{background:#fff;border:1.5px solid var(--ink);border-radius:10px;padding:14px}.metric strong{display:block;font-size:28px;line-height:1.3}.metric span{display:block;margin-top:4px;color:var(--muted);font-size:12px}.panel{padding:17px;margin-bottom:20px;border:2px solid var(--ink);border-radius:12px;box-shadow:var(--shadow);background:#fff}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.section-heading h2,.section-heading h3{font-size:17px}.section-heading button{flex:0 0 auto}.section-heading p{font-size:12px;color:var(--muted);margin-top:5px}.stack{display:grid;gap:12px}.item{padding:14px;border:1px solid var(--line);border-radius:9px;background:#fff}.item.clickable{width:100%;--depth:0px;text-align:left;font-weight:400}.item strong{display:block;font-size:15px;font-weight:800;line-height:1.5}.item p{font-size:13px;color:var(--muted);line-height:1.65;margin-top:5px}.item .item-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px;font-size:12px}.item .arrow{flex:0 0 auto;color:var(--green);font-size:18px}.badge{display:inline-block;width:max-content;max-width:100%;padding:3px 7px;border:1px solid #b5c3ab;border-radius:6px;color:var(--green);background:var(--mint);font-size:11px;font-weight:650;line-height:1.5}.badge.amber{background:#fff4c0;border-color:#d2bd56;color:#75570b}.badge.neutral{background:#f2eeea;border-color:#c8c0c8;color:var(--muted)}.notice{padding:12px 14px;border:1px solid #c7d1bd;border-radius:9px;background:var(--mint);font-size:12px;line-height:1.75;color:#335547;margin-bottom:16px}.notice.warning{background:#fff2cb;border-color:#cfb95e;color:#685325}.empty{padding:22px 10px;text-align:center;color:var(--muted);font-size:13px}.empty strong{display:block;color:var(--ink);font-size:16px;margin-bottom:7px}.full{width:100%}.section-action{margin-top:14px}.money{color:var(--ink);font-weight:850}.guide-tabs,.person-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:18px}.guide-tabs button,.person-tabs button{font-size:12px;padding:8px 5px;min-height:44px}.guide-tabs button.active,.person-tabs button.active{--fill:var(--yellow)}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}.guide-point{--depth:2px;min-height:86px;padding:13px;text-align:left}.guide-point b{display:block;font-size:15px}.guide-point span{display:block;font-size:11px;color:var(--muted);margin-top:8px;font-weight:500}.week-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:0 0 18px}.week-strip button{padding:7px 2px;font-size:11px;min-height:56px;border-width:1px;box-shadow:none;border-radius:7px;font-weight:500}.week-strip button.active{--fill:var(--yellow);border:2px solid var(--ink);font-weight:800}.week-strip b{display:block;margin-top:4px;font-size:15px}.shift{background:#f1f6eb;border-color:#cbd6c1}.shift h3{margin-bottom:7px}.shift p{font-size:13px;line-height:1.8}.shift small{display:block;margin-top:7px}.cashier{display:inline-block;color:var(--green);font-weight:800}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-grid .item{padding:13px}.identity{display:flex;align-items:center;gap:14px;margin-bottom:20px}.avatar{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex:0 0 auto;border:2px solid var(--ink);border-radius:12px;background:var(--yellow);box-shadow:3px 3px 0 var(--ink);font-weight:850;font-size:22px}.identity strong{font-size:17px}.identity p{font-size:12px;color:var(--muted);margin-top:4px}.detail-grid{display:grid;gap:0;margin:12px 0 16px}.detail-grid div{display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid #ece7e8;font-size:13px}.detail-grid dt{color:var(--muted)}.detail-grid dd{margin:0;font-weight:650;overflow-wrap:anywhere}.detail-amount{padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:9px}.detail-amount small{display:block}.detail-amount strong{font-size:30px;font-weight:850}.detail-amount .amount-unit{font-size:14px}.instruction{margin:12px 0;font-size:13px;line-height:1.7}.button-stack{display:grid;gap:12px;margin-top:16px}.form-stack{display:grid;gap:16px}.field{display:grid;gap:7px;font-size:13px;font-weight:700}.field small{font-weight:400}.field input,.field select,.field textarea{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1.5px solid #948997;border-radius:8px;background:#fff;line-height:1.5;font-size:15px;font-weight:400}.field textarea{min-height:80px;resize:vertical}.form-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:7px}.mode-list{display:grid;gap:12px;margin-bottom:18px}.mode-button{text-align:left;min-height:69px;display:block;padding:13px 14px}.mode-button b{display:block;font-size:16px}.mode-button span{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:5px}.mode-button.active{--fill:var(--yellow)}.mode-button.active span{color:var(--ink)}.device-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.device-row:last-child{border-bottom:0}.device-row span:last-child{flex:0 0 auto}.state-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:5px}.demo-ticket{padding:25px 20px;text-align:center;background:var(--paper);border:2px dashed #a99b7d;border-radius:12px;margin:12px 0 20px}.demo-ticket strong{display:block;font-size:23px;margin-bottom:9px}.demo-ticket span{font-size:12px;color:var(--muted)}.bottom-nav{position:fixed;z-index:30;bottom:calc(10px + env(safe-area-inset-bottom));left:14px;right:14px;max-width:592px;margin:0 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:7px;border:2px solid var(--ink);border-radius:17px;background:#fff;box-shadow:3px 3px 0 var(--ink)}.bottom-nav button{--depth:0px;min-height:45px;padding:7px 2px;border-color:transparent;border-radius:10px;font-size:14px;font-weight:600}.bottom-nav button.active{--fill:var(--yellow);--depth:2px;border-color:var(--ink);font-weight:800}.message{position:fixed;z-index:80;left:22px;right:22px;bottom:calc(92px + env(safe-area-inset-bottom));max-width:540px;margin:0 auto;padding:13px 16px;background:var(--ink);color:#fff;border-radius:10px;font-size:13px;line-height:1.7;box-shadow:0 4px 16px #1e1b3822}.message button{float:right;margin:0 0 3px 8px;min-height:28px;padding:1px 7px;border:0;color:#fff;background:transparent;box-shadow:none;font-size:17px}dialog{position:fixed;inset:0;width:calc(100% - 32px);max-width:420px;max-height:calc(100vh - 42px);max-height:calc(100dvh - 42px);margin:auto;padding:0;border:2px solid var(--ink);border-radius:14px;background:#fff;color:var(--ink);box-shadow:5px 6px 0 var(--ink)}dialog::backdrop{background:#1e1b3877}.modal-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 17px;border-bottom:1px solid var(--line);background:var(--paper)}.modal-head h2{font-size:18px}.modal-head button{--depth:0px;min-height:36px;padding:5px 9px;font-size:13px;flex:0 0 auto}.modal-body{padding:17px;max-width:100%}.modal-body>p{font-size:13px;line-height:1.7}.modal-body .notice{margin-top:0}.modal-body .section-heading{margin-top:18px}dialog:not([open]){display:none}.form-error{padding:10px 12px;border-radius:7px;color:#8d2432;background:#ffebeb;font-size:13px;margin-bottom:15px}button[data-action="tab"]:active{transform:translate(1px,1px)}
@media(max-width:370px){.app-shell{padding-left:15px;padding-right:15px}.brand{padding-left:15px;padding-right:15px}.home-primary{gap:12px}.hero-card{padding:14px;min-height:151px}.hero-title{font-size:19px}.panel{padding:15px}.strip-detail{font-size:11px}.demo-strip{padding-left:13px;padding-right:13px}.brand .demo-label{font-size:10px;padding:3px 6px}.brand{gap:10px}.brand h1{font-size:20px}.week-strip{gap:4px}}
@media(hover:hover) and (pointer:fine){button:not(:disabled):hover{filter:brightness(.98)}}
@media(prefers-reduced-motion:no-preference){button{transition:transform .08s ease,box-shadow .08s ease}}

/* Additional region/device simulation screens; existing C6 styles remain unchanged. */
.electrical-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;font-size:14px}.electrical-status>span{font-size:12px;flex:0 0 auto}.electrical-shortcuts,.region-tabs,.region-power-actions,.device-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.electrical-shortcuts>button:last-child{grid-column:1/-1}.electrical-shortcuts button,.region-tabs button,.region-power-actions button,.device-action-grid button{width:100%;min-width:0;min-height:46px;padding:11px 10px;font-size:14px}.region-tabs{margin-top:10px}.region-tabs button.active{--fill:var(--yellow)}.electrical-help{margin:0 0 16px;font-size:12px;line-height:1.75;color:var(--muted)}.electrical-device{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:76px;padding:14px}.electrical-device>span:first-child{flex:1 1 auto;min-width:0}.electrical-device small{display:block;margin-top:4px;font-size:11px}.device-row-state{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto}.device-row-state .badge{font-size:10px;padding:3px 6px}.electrical-receipt{padding:13px 14px;margin-top:20px;border:1px solid #b4c5a6;border-radius:9px;background:var(--mint);font-size:12px;line-height:1.75}.electrical-receipt>strong{display:block;margin-top:5px;font-size:14px}.electrical-receipt>p{margin-top:7px;font-size:12px}.cleaning-region-label{margin-top:5px;font-size:13px;font-weight:800}.device-action-grid button.danger{--fill:#ffebeb;color:#8d2432}.modal-body>.text-button{display:block;margin-bottom:12px}