/* Customer workspace: readable hierarchy, clear next actions, and an honest setup preview. */
:root{--bg:#f6f7fb;--surface:#fff;--line:#e8ebf2;--line-2:#d7dce8;--ink:#202738;--ink-2:#566074;--ink-3:#7f899c;--brand:#5266ee;--brand-soft:#eff1ff;--r:16px;--r-sm:10px}
body{font-size:14px;line-height:1.5}button,a,input,select,summary{touch-action:manipulation}.shell{grid-template-columns:232px minmax(0,1fr)}.main{width:100%;max-width:1510px;margin:0 auto;padding:0 40px 36px}.side{padding:30px 18px 18px;background:var(--surface);border-right:1px solid var(--line)}.side .wordmark-gq{padding:0 14px 28px}.side .gq-logo-img{max-width:147px}.side .wordmark-gq small{font-size:12px;margin-top:13px;color:var(--ink-3)}.nav-group-label{font-size:10px;letter-spacing:.14em;font-weight:700;color:#a1a9ba;padding:0 14px 10px}.nav{gap:5px}.nav a{padding:12px 14px;gap:12px;font-size:13px;font-weight:550;min-height:46px;border-radius:11px}.nav a.on{box-shadow:inset 3px 0 var(--brand);background:var(--brand-soft);color:var(--brand)}.nav-svg{height:19px;width:19px;stroke:currentColor;stroke-width:1.6;fill:none;flex:none}.sidebar-setup{border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:10px;text-align:left;background:var(--surface);padding:14px;margin:28px 8px 12px;cursor:pointer;color:var(--ink-2)}.sidebar-setup b{display:block;font-size:12px}.sidebar-setup small{display:block;font-size:11px;margin-top:3px;color:var(--ink-3)}.setup-mini-icon{width:30px;height:30px;background:var(--brand-soft);color:var(--brand);border-radius:9px;display:grid;place-items:center;font-size:18px}.side-foot{border-top:1px solid var(--line);padding-top:14px}.who{padding:6px 3px;gap:8px}.who-text b{font-size:12px}.who-text small{font-size:10px}.who .avatar{width:31px;height:31px}.workspace-bar{display:flex;align-items:center;justify-content:space-between;height:76px;border-bottom:1px solid var(--line);margin-bottom:30px}.workspace-label{font-size:10px;font-weight:650;letter-spacing:.14em;color:#9aa3b5}.workspace-bar .btn{color:var(--ink-3);font-size:12px}.phead{margin-bottom:25px;align-items:center;gap:16px}.phead h1{font-size:29px;font-weight:700;letter-spacing:-.035em}.phead p{font-size:13px;line-height:1.6;margin-top:5px}.pact{gap:14px}.pact>.st{font-size:11px!important}.btn{height:40px;padding:0 16px;border-radius:10px;font-size:12px;font-weight:600;box-shadow:0 1px 2px #20273804;transition:background .15s,box-shadow .15s,transform .15s}.btn.primary{background:var(--brand);border-color:var(--brand);color:white;box-shadow:0 3px 8px #5266ee15}.btn.primary:hover{filter:brightness(.96);box-shadow:0 5px 12px #5266ee25}.btn.quiet{box-shadow:none}.btn.sm{height:32px;font-size:11px}.pact .btn{height:39px}.btn:focus-visible,summary:focus-visible,.icon-choice:focus-visible{outline:3px solid #aab3ff;outline-offset:3px}.input,.select{height:43px;border-radius:10px;padding:0 13px;font-size:13px}.input:focus,.select:focus{box-shadow:0 0 0 3px #5266ee13;border-color:var(--brand)}textarea.input{height:auto;padding:12px}.field label,.field-label{display:block;font-size:12px;font-weight:600;color:var(--ink-2);margin-bottom:8px}.field{margin-bottom:19px}.field small{display:block;font-size:11px;margin-top:7px}.card{border-radius:16px;border-color:var(--line);box-shadow:0 2px 4px #20273802}.skip-link{position:fixed;left:20px;top:-70px;z-index:10001;background:var(--brand);color:white;padding:12px;border-radius:10px}.skip-link:focus{top:12px}
/* Performance */
.performance-toolbar{margin:0 0 24px;min-height:43px}.store-pills{gap:8px}.store-pill{background:var(--surface);min-height:37px;padding:8px 15px;font-size:12px;border-radius:10px}.store-pill.selected{background:var(--brand-soft);color:var(--brand);border-color:#dce0fd;font-weight:650}.store-pill.selected .pill-status{box-shadow:none}.pill-status{width:5px;height:5px}.performance-store-summary{padding:18px 22px;margin-bottom:22px!important}.performance-store-identity h2{font-size:17px}.performance-store-facts{margin-top:16px;gap:16px}.performance-store-facts dd{font-size:12px}.performance-store-facts dt{font-size:9px}.performance-stage{position:relative}.kpis{background:none;border:0;gap:16px;margin-bottom:24px;grid-template-columns:repeat(4,minmax(0,1fr))}.kpi{border:1px solid var(--line);background:var(--surface);border-radius:15px;padding:22px;min-height:135px;box-shadow:0 2px 4px #20273802}.kpi:last-child{border-right:1px solid var(--line)}.kpi .l{font-size:12px;font-weight:550;color:var(--ink-2);margin-bottom:13px}.kpi .v{font-size:33px;font-weight:650;letter-spacing:-.04em;line-height:1.15;overflow-wrap:anywhere}.kpi .s{font-size:10.5px;margin-top:12px;line-height:1.55}.section-caption{margin:28px 0 15px}.section-caption h2{font-size:16px;font-weight:650;letter-spacing:-.02em}.section-caption p{font-size:11px;margin-top:4px;color:var(--ink-3)}.analytics-kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.analytics-kpis>.kpi{grid-column:span 2;min-height:125px}.analytics-kpis>.kpi:nth-child(-n+2){grid-column:span 3;background:linear-gradient(130deg,var(--surface),var(--brand-soft))}.analytics-value{font-size:23px!important;letter-spacing:-.025em!important}.performance-store-table{margin-top:26px}.card-t{font-size:14px;font-weight:650}.card-s{font-size:12px;margin-top:5px;color:var(--ink-3);line-height:1.6}.table th{font-size:10px;letter-spacing:.025em;color:var(--ink-3);font-weight:550}.table td{font-size:12px;padding-top:16px;padding-bottom:16px}.scope-note{font-size:11px;margin-top:18px}.is-locked{min-height:490px}.is-locked .kpi{background:#f0f2f6;border-color:#e6e9f0;box-shadow:none;color:#a8afbd}.is-locked .kpi .l{color:#a6adba}.is-locked .section-caption{opacity:.35}.preview-figure{filter:blur(6px);opacity:.45;user-select:none;pointer-events:none}.preview-line{display:block;width:70%;max-width:125px;height:6px;background:#dce1e9;border-radius:8px;margin-top:14px;opacity:.7}.performance-lock{position:absolute;z-index:2;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(180deg,#f6f7fb10,#f6f7fb90)}.performance-unlock{display:flex;align-items:center;flex-direction:column;text-align:center;max-width:455px;padding:30px 34px;border:1px solid #e4e7f0;border-radius:20px;background:#ffffffed;box-shadow:0 16px 45px #2536630e}.unlock-hub-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--brand-soft);margin-bottom:20px}.unlock-hub-icon img{width:31px}.eyebrow-label{display:block;color:var(--brand);font-size:9px;letter-spacing:.13em;font-weight:750}.performance-unlock h2{font-size:24px;font-weight:680;letter-spacing:-.035em;line-height:1.25;margin:10px 0}.performance-unlock p{font-size:12px;color:var(--ink-3);line-height:1.7;max-width:350px}.performance-unlock .btn{margin-top:23px;min-height:43px}.performance-unlock small{font-size:9px;color:#a2aaba;margin-top:14px}.unlinked .performance-store-table,.unlinked #performance-store-details{display:none}.unlinked .analytics-kpis>.kpi{background:#f0f2f6}
/* Stores and setup */
.stores-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:20px}.store-location-card{padding:23px;background:var(--surface);border:1px solid var(--line);border-radius:17px;min-width:0;box-shadow:0 3px 7px #20273802}.store-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.store-location-icon{width:45px;height:45px;border:1px solid var(--line);background:var(--bg);border-radius:12px;display:grid;place-items:center;font-size:23px}.store-state{display:flex;align-items:center;gap:6px;font-size:10px;background:#f3f4f8;color:var(--ink-3);padding:6px 9px;border-radius:20px}.store-state i{height:5px;width:5px;background:#a9b0c0;border-radius:50%}.store-state.ready{background:#ecf7f1;color:#398663}.store-state.ready i{background:#398663}.store-location-card h2{font-size:19px;letter-spacing:-.025em;margin-top:18px;overflow-wrap:anywhere}.store-address{font-size:12px;color:var(--ink-3);margin-top:4px;min-height:18px}.store-card-progress{list-style:none;padding:16px 0 0;margin:18px 0 12px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.store-card-progress li{display:flex;gap:8px;align-items:center;font-size:11px;color:#a0a9b9}.store-card-progress li span{display:grid;place-items:center;height:17px;width:17px;background:#f0f2f6;border-radius:50%;font-size:9px}.store-card-progress li.done{color:var(--ink-2)}.store-card-progress li.done span{background:#edf2ff;color:var(--brand)}.store-next-note{font-size:11px;color:var(--ink-3);min-height:36px;line-height:1.6}.store-card-facts{display:flex;gap:15px;color:var(--ink-3);font-size:10px;margin:15px 0 20px}.store-card-facts span+span:before{content:'·';margin-right:15px}.store-card-actions{display:flex;gap:6px;flex-wrap:wrap}.store-card-actions>.primary{flex:1;font-size:11px;justify-content:space-between}.store-card-actions>.quiet{font-size:10px;padding:0 8px}.store-more{margin-top:18px;border-top:1px solid var(--line);padding-top:12px}.store-more summary{font-size:10px;color:var(--ink-3);cursor:pointer}.store-more p{margin-top:10px;font-size:9px;overflow-wrap:anywhere}.store-more code{font-size:9px}.store-more .btn{margin-top:8px;color:var(--bad)}.store-guide{display:grid;grid-template-columns:1.1fr 1.1fr auto;gap:24px;align-items:center;padding:24px;border:1px solid #e1e5fd;border-radius:16px;background:linear-gradient(120deg,#fff,#f1f3ff);margin-bottom:26px}.store-guide h2{font-size:18px;letter-spacing:-.025em;margin-top:7px}.store-guide p{font-size:11px;color:var(--ink-3);margin-top:6px;line-height:1.6}.setup-track{display:flex;flex-direction:column;gap:8px;list-style:none;padding:0;margin:0}.setup-track li{display:flex;align-items:center;gap:8px;font-size:10px;color:#9ba5b6}.setup-track li span{display:grid;place-items:center;width:18px;height:18px;border:1px solid var(--line-2);border-radius:50%;font-size:9px}.setup-track li.done{color:var(--ink-2)}.setup-track li.done span{background:var(--brand-soft);border-color:transparent;color:var(--brand)}.store-guide .btn{font-size:11px}.stores-welcome{display:flex;align-items:center;flex-direction:column;text-align:center;border:1px dashed #d6ddeb;background:#ffffff80;border-radius:18px;padding:60px 24px}.welcome-store-symbol{display:grid;place-items:center;width:64px;height:64px;background:var(--brand-soft);border-radius:20px;color:var(--brand);font-size:35px;margin-bottom:20px}.stores-welcome h2{font-size:25px;letter-spacing:-.03em}.stores-welcome p{font-size:12px;max-width:330px;color:var(--ink-3);margin:12px 0 24px}.stores-welcome small{font-size:10px;color:var(--ink-3);margin-top:16px}
/* Cameras, settings and live view */
.setup-inline-note{display:flex;align-items:center;gap:16px;padding:22px;background:var(--brand-soft);border:1px solid #e0e5ff;border-radius:15px;margin-bottom:24px}.setup-note-icon{display:grid;place-items:center;background:var(--surface);height:38px;width:38px;border-radius:12px;flex:none;color:var(--brand);font-size:22px}.setup-inline-note h2{font-size:15px;letter-spacing:-.015em}.setup-inline-note p{font-size:11px;margin-top:5px;color:var(--ink-3)}.setup-inline-note .btn{margin-left:auto;flex:none;font-size:11px}.camera-journey{display:flex;gap:17px;align-items:center;margin:0 0 24px;padding:16px 20px;border:1px solid var(--line);background:var(--surface);border-radius:12px}.camera-journey span{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--ink-2)}.camera-journey b{height:21px;width:21px;border-radius:50%;background:var(--brand-soft);display:grid;place-items:center;color:var(--brand);font-size:10px}.camera-journey i{font-style:normal;color:#c3c9d5}.unlinked .camera-journey{opacity:.45}.camera-controls{display:flex;align-items:flex-end;flex-wrap:wrap;gap:18px;padding:22px}.camera-controls>.field{min-width:220px;max-width:340px;flex:1}.camera-controls>p{width:100%;font-size:11px}.camera-controls .btn{font-size:11px}.camera-card{padding:23px}.camera-section-heading{font-size:14px;margin:28px 0 14px}.camera-setup-note{font-size:12px}.camera-grid{gap:18px}.unlinked .camera-controls{background:#eef1f6;opacity:.6;min-height:160px}.live-info{padding:45px;max-width:800px}.live-info h2{font-size:23px;letter-spacing:-.025em;margin:18px 0 10px}.live-info p{max-width:540px;line-height:1.8;font-size:13px}.live-info .btn{margin:24px 8px 0 0}.live-view-symbol{height:54px;width:54px;display:grid;place-items:center;font-size:30px;background:var(--brand-soft);color:var(--brand);border-radius:15px}.settings-grid{gap:20px}.settings-panel{padding:25px}.settings-panel>.field{margin-top:24px}.settings-panel .check{padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.settings-panel>.btn{margin-top:16px}.settings-panel .card-t{font-size:16px}.settings-panel .card-s{font-size:12px}.settings-panel .plan-line{padding:15px 0}.settings-panel .plan-line strong{font-size:12px;font-weight:550}.cloud-footer{padding-top:24px;font-size:10px;color:#a3adbc}#notice{font-size:12px;border-radius:12px;padding:15px 18px;margin-bottom:20px}
/* Store wizard */
.onboarding-dialog{width:min(650px,calc(100vw - 32px));padding:30px;max-height:94dvh;border-radius:22px}.onboarding-brand{font-size:10px;letter-spacing:.12em;padding-right:70px}.onboarding-brand img{width:26px}.onboarding-close{font-size:10px;right:20px;top:22px;padding:0 9px;height:30px}.onboarding-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:26px 0 32px}.onboarding-progress>span{height:auto;background:none;display:flex;flex-direction:column;align-items:flex-start;gap:8px;position:relative}.onboarding-progress>span:before{content:'';position:absolute;top:12px;left:29px;right:0;height:1px;background:var(--line)}.onboarding-progress>span:last-child:before{display:none}.onboarding-progress i{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;font-size:10px;font-style:normal;background:#f0f2f7;color:#a3adbd}.onboarding-progress b{font-size:10px;font-weight:550;color:#a3adbd}.onboarding-progress .current i{background:var(--brand);color:white}.onboarding-progress .current b,.onboarding-progress .complete b{color:var(--ink-2)}.onboarding-progress .complete i{background:var(--brand-soft);color:var(--brand)}.onboarding-dialog h2{font-size:27px;line-height:1.2;letter-spacing:-.04em;margin:10px 0 12px}.onboarding-dialog #onboarding-content>.muted{font-size:12px;line-height:1.7;margin-bottom:26px;max-width:480px}.onboarding-eyebrow{font-size:9px}.onboarding-actions{padding-top:18px;border-top:1px solid var(--line);margin-top:28px}.onboarding-actions .btn{height:42px}.onboarding-advanced{font-size:11px;margin-bottom:18px}.onboarding-advanced summary{cursor:pointer;color:var(--ink-3);display:flex;gap:10px}.onboarding-advanced summary span{margin-left:auto;color:var(--ink-2)}.onboarding-advanced .field{margin-top:16px}.onboarding-tip{font-size:11px;color:var(--ink-3);line-height:1.7;background:var(--bg);border-radius:11px;padding:14px 16px}.onboarding-tip b{color:var(--ink-2);font-weight:600}.onboard-brand-layout{display:flex;align-items:center;gap:22px;margin:24px 0}.onboard-brand-layout .onboard-logo-preview{height:94px;width:110px;flex:none;margin:0;border:1px solid var(--line);background:var(--bg);font-size:38px}.onboard-brand-layout .onboard-logo-preview img{max-width:85px;max-height:75px}.onboard-brand-layout .field{margin:0;min-width:0}.onboard-brand-layout input{font-size:10px;max-width:100%}.icon-picker{grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}.icon-choice{font-size:21px;min-height:42px;border-radius:10px}.hours-unknown{font-size:11px;background:var(--bg);padding:13px;border-radius:10px}.hours-disabled{opacity:.35}.onboarding-dialog .store-hour-row{padding:8px 0;font-size:11px;grid-template-columns:minmax(100px,1fr) 105px 18px 105px;gap:8px}.onboarding-dialog .store-hour-row .input{height:35px;font-size:11px}.onboarding-dialog .tiny{font-size:10px;margin-top:14px}.store-review-identity{display:flex;gap:14px;align-items:center;background:var(--bg);padding:18px;border-radius:14px}.store-review-identity>span{font-size:30px}.store-review-identity img{height:42px;width:42px;object-fit:contain}.store-review-identity h3{font-size:17px}.store-review-identity p{font-size:11px;color:var(--ink-3)}.store-review-list{margin:20px 0}.store-review-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:13px 0;font-size:11px}.store-review-list dt{color:var(--ink-3);flex:none}.store-review-list dd{margin:0;text-align:right;color:var(--ink-2)}.store-created{text-align:center;padding:20px 0 10px}.store-created-tick{display:grid;place-items:center;width:58px;height:58px;background:#ebf7f0;color:#43966c;border-radius:50%;font-size:25px;margin:0 auto 24px}.store-created h2{margin:12px 0}.store-created>p{color:var(--ink-3);font-size:12px;max-width:350px;line-height:1.7;margin:0 auto}.hub-connect-instructions{display:grid;grid-template-columns:24px 1fr;gap:15px 12px;text-align:left;background:var(--bg);border-radius:13px;padding:20px;margin:24px 0}.hub-connect-instructions span{display:grid;place-items:center;width:23px;height:23px;background:var(--surface);border:1px solid var(--line);border-radius:50%;font-size:10px;color:var(--brand)}.hub-connect-instructions p{font-size:11px;color:var(--ink-2);align-self:center}.store-created .block{margin-top:10px}.onboarding-dialog .err{font-size:11px;margin-top:15px}#pair-dialog{padding:30px;border-radius:20px}#pair-dialog h2{font-size:24px;letter-spacing:-.025em}#pair-dialog>p{font-size:12px;line-height:1.8;margin:14px 0 24px}#pair-code{font-size:19px;letter-spacing:.12em;height:51px;text-transform:uppercase;font-variant-numeric:tabular-nums}#pair-dialog .pair-wordmark{margin-bottom:24px}
/* Sign-in */
.auth{background:radial-gradient(ellipse at 50% 10%,#eff1ff 0,transparent 50%),var(--bg)}.auth-card{width:min(430px,100%)}.auth-card>.wordmark-gq{justify-content:center;padding-bottom:28px}.auth-card .card{padding:32px}.auth-card h1{font-size:27px;letter-spacing:-.035em}.auth-card .sub{font-size:12px;line-height:1.7;margin:9px 0 26px}.auth-card .check{font-size:11px;margin:18px 0}.auth-card .hint-box{font-size:10px;color:var(--ink-3);border:0;background:none;text-align:center}.auth-card #email-link{padding-left:0;font-size:11px;margin-bottom:10px}.auth-card .linkrow .btn{font-size:11px}.auth-card .err{font-size:11px}
@media(max-width:1150px){.main{padding-left:26px;padding-right:26px}.store-guide{grid-template-columns:1fr auto}.store-guide .setup-track{grid-column:1;grid-row:2}.store-guide .btn{grid-column:2;grid-row:1/3}.kpi{padding:18px}.kpi .v{font-size:29px}.analytics-value{font-size:21px!important}}
@media(max-width:900px){.shell{grid-template-columns:1fr}.side{position:static;height:auto;padding:15px 20px;display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;border-bottom:1px solid var(--line)}.side .wordmark-gq{padding:0;margin-right:auto}.side .gq-logo-img{max-width:120px}.side .wordmark-gq small,.nav-group-label,.sidebar-setup,.side .grow{display:none}.nav{width:100%;display:flex;flex-direction:row;gap:4px;overflow-x:auto;flex-wrap:nowrap;order:3}.nav a{padding:10px 12px;min-height:40px;flex:none;font-size:12px}.nav a.on{box-shadow:inset 0 -2px var(--brand)}.nav-svg{width:17px;height:17px}.side-foot{display:block;padding:0;border:0;max-width:170px}.who-text small{display:none}.who .avatar{display:none}.who #profile-settings{font-size:17px}.main{padding:0 24px 28px}.workspace-bar{height:58px;margin-bottom:25px}.phead h1{font-size:26px}.kpis{gap:12px}.kpi .l{font-size:11px}.kpi .s{font-size:10px}.settings-grid{grid-template-columns:1fr 1fr}.analytics-kpis{gap:12px}}
@media(max-width:620px){.main{padding:0 16px 24px}.workspace-label{font-size:9px}.workspace-bar{margin-bottom:22px}.phead{gap:12px;margin-bottom:20px}.phead h1{font-size:25px}.phead p{font-size:12px}.pact>.st{display:none}.pact .btn{height:35px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kpi{padding:17px;min-height:123px;border:1px solid var(--line)}.kpi .v{font-size:28px}.kpi .s{font-size:9px}.analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-kpis>.kpi,.analytics-kpis>.kpi:nth-child(-n+2){grid-column:auto}.analytics-kpis>.kpi:last-child{grid-column:1/-1}.analytics-value{font-size:20px!important}.performance-unlock{padding:25px 22px;max-width:330px}.performance-unlock h2{font-size:23px}.performance-lock{padding:8px}.is-locked{min-height:570px}.section-caption p{font-size:10px}.store-guide{display:flex;flex-direction:column;align-items:flex-start;padding:22px;gap:18px}.store-guide .btn{width:100%}.store-guide .setup-track{gap:9px}.stores-grid{grid-template-columns:1fr}.store-location-card{padding:22px}.setup-inline-note{flex-wrap:wrap;padding:20px}.setup-inline-note>div{flex:1;min-width:190px}.setup-inline-note .btn{margin-left:0;width:100%}.camera-journey{gap:8px;padding:14px 12px}.camera-journey span{font-size:9px;gap:5px}.camera-journey b{height:17px;width:17px;font-size:9px}.camera-journey i{font-size:10px}.camera-controls{padding:18px}.camera-controls>.field{min-width:100%;max-width:none}.settings-grid{grid-template-columns:1fr}.live-info{padding:25px}.live-info h2{font-size:21px}.onboarding-dialog{padding:24px 20px;width:calc(100vw - 24px)}.onboarding-progress{gap:7px;margin-bottom:24px}.onboarding-progress b{font-size:9px}.onboarding-dialog h2{font-size:25px}.onboarding-dialog .store-hour-row{grid-template-columns:minmax(76px,1fr) 86px 12px 86px;gap:4px;font-size:10px}.onboarding-dialog .store-hour-row .input{padding:3px 5px;font-size:10px}.onboard-brand-layout{gap:15px}.onboard-brand-layout .onboard-logo-preview{width:78px;height:78px}.icon-picker{grid-template-columns:repeat(6,minmax(0,1fr))}.onboarding-brand{font-size:9px}.onboarding-close{right:12px;top:19px}.performance-store-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.side{padding:12px 16px}.nav a{font-size:11px;padding:9px 10px}.side-foot{max-width:155px}.auth-card .card{padding:26px}.phead .pact{margin-left:auto}}
:root[data-theme="dark"] .performance-unlock{background:var(--surface)}:root[data-theme="dark"] .is-locked .kpi{background:var(--sunken)}:root[data-theme="dark"] .performance-lock{background:#11151b50}:root[data-theme="dark"] .auth{background:var(--bg)}
@media(prefers-reduced-motion:reduce){.btn{transition:none}.wizard-enter{animation:none}}
.profile-page-grid{display:grid;grid-template-columns:270px minmax(0,1fr);gap:24px;align-items:start;max-width:1050px}.profile-photo-card{text-align:center;padding:30px 24px;display:flex;align-items:center;flex-direction:column}.profile-photo-preview{width:104px;height:104px;border-radius:50%;background:var(--brand-soft);color:var(--brand);font-size:36px;font-weight:650;display:grid;place-items:center;overflow:hidden;margin:6px 0 22px}.profile-photo-preview img{height:100%;width:100%;object-fit:cover}.profile-photo-card h2{font-size:18px;overflow-wrap:anywhere}.profile-photo-card p{font-size:11px;margin:5px 0 24px}.profile-photo-card small{font-size:9px;color:var(--ink-3);margin-top:14px}.profile-photo-card>.btn{font-size:11px}.profile-details-column{display:grid;gap:22px}.profile-details-card{padding:27px}.profile-details-card h2{font-size:17px}.profile-details-card>p{font-size:11px;margin:7px 0 25px}.profile-details-card .field{margin-bottom:22px}.profile-save-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.profile-save-row p{font-size:11px;color:var(--ink-3)}.profile-save-row .btn{margin-left:auto;flex:none}.business-logo-row{display:flex;gap:22px;align-items:center}.business-logo-preview{width:100px;height:85px;border:1px dashed var(--line-2);border-radius:12px;display:grid;place-items:center;background:var(--bg);flex:none;font-size:10px;color:var(--ink-3)}.business-logo-preview img{max-width:80px;max-height:65px;object-fit:contain}.business-logo-row small{display:block;color:var(--ink-3);font-size:10px;margin-top:10px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.store-guide{grid-template-columns:1.3fr 1fr}.store-guide .setup-track{grid-column:auto;grid-row:auto}@media(max-width:760px){.profile-page-grid{grid-template-columns:1fr}.profile-photo-card{padding:25px}.profile-photo-preview{width:90px;height:90px;margin-bottom:16px}.profile-details-card{padding:22px}.profile-save-row{flex-wrap:wrap}.profile-save-row p{width:100%}.business-logo-row{gap:16px}}@media(max-width:620px){.store-guide{display:flex}}
.demand-chart-card{padding:23px;margin:0 0 20px}.chart-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.chart-header h2,.staffing-card h2{font-size:16px;letter-spacing:-.02em}.chart-header p{font-size:11px;color:var(--ink-3);margin-top:4px}.chart-legend{display:flex;gap:13px;font-size:10px;color:var(--ink-3);flex-wrap:wrap}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{height:8px;width:8px;background:#8998fa;border-radius:2px}.chart-legend .forecast{background:transparent;border:1px dashed var(--brand)}#demand-chart svg{display:block;width:100%;height:auto;max-height:260px}.chart-gridline{stroke:#edf0f5;stroke-width:1}.chart-label{font-family:var(--font);font-size:10px;fill:var(--ink-3)}.chart-bar{fill:#bec7ff}.chart-bar.peak{fill:var(--brand)}.chart-forecast{fill:#eef0ff;stroke:var(--brand);stroke-dasharray:4 3;stroke-width:1.5}#demand-chart-note{font-size:9px;margin-top:12px;line-height:1.7}.chart-empty{text-align:center;padding:32px 20px;color:var(--ink-3)}.chart-empty>span{font-size:28px;color:#c2cafd}.chart-empty h3{font-size:14px;color:var(--ink-2);margin:12px 0 6px}.chart-empty p{font-size:11px;max-width:360px;margin:0 auto;line-height:1.7}.staffing-card{display:flex;gap:24px;align-items:center;padding:24px;margin-bottom:22px;background:linear-gradient(120deg,#fff,#f6f7ff)}.staffing-card>div:first-child{flex:1}.staffing-card h2{margin:7px 0}.staffing-card p{font-size:11px;line-height:1.7;max-width:600px;color:var(--ink-3)}.staffing-value{font-size:26px;font-weight:650;letter-spacing:-.03em;color:var(--brand);max-width:180px}.staffing-assumptions{font-size:10px;color:var(--ink-3);margin-top:12px}.staffing-assumptions summary{cursor:pointer}.staffing-assumptions p{font-size:10px;margin-top:9px}.store-goal-summary{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:14px;border-top:1px solid var(--line);margin-top:18px;font-size:10px;color:var(--ink-3)}.store-goal-summary small{display:block;margin-top:5px;font-size:9px}.store-goal-summary .btn{font-size:10px;padding:0 8px}.store-goal-summary b{font-weight:600;color:var(--ink-2)}.store-goal-summary .goal-good{color:#398663}.store-goal-summary .goal-over{color:#b07628}#store-goals-dialog{width:min(480px,calc(100vw - 24px));max-height:92dvh;overflow:auto;border:1px solid var(--line);border-radius:20px;padding:28px;background:var(--surface);color:var(--ink)}#store-goals-dialog::backdrop{background:#17213b55;backdrop-filter:blur(3px)}#store-goals-dialog h2{font-size:23px;letter-spacing:-.03em;margin:10px 0}#store-goals-dialog>p{font-size:12px;line-height:1.7;margin-bottom:24px}#store-goals-dialog h3{font-size:14px}.goals-divider{border-top:1px solid var(--line);padding-top:20px;margin:24px 0}.goals-divider p{font-size:11px;color:var(--ink-3);line-height:1.7;margin-top:8px}@media(max-width:700px){.chart-header{flex-direction:column;gap:12px}.demand-chart-card{padding:20px}#demand-chart svg{min-height:160px}.staffing-card{flex-wrap:wrap;padding:20px;gap:16px}.staffing-card>div:first-child{min-width:100%}.staffing-value{font-size:23px}.staffing-card>.btn{margin-left:auto}}
.live-controls{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;margin-bottom:20px}.live-controls .field{flex:1;min-width:180px;margin:0}.live-controls .btn{flex:none}.live-player{position:relative;width:100%;height:clamp(300px,calc(100svh - 370px),560px);min-height:0;background:#161e2f;border:1px solid #252e41;border-radius:18px;overflow:hidden;display:grid;place-items:center}.live-player>img{position:absolute;inset:0;display:block;height:100%;width:100%;min-height:0;min-width:0;object-fit:contain}.live-player #live-placeholder{text-align:center;max-width:400px;padding:30px;color:#c2cada}.live-player #live-placeholder>span{font-size:43px;color:#64718d}.live-player h2{font-size:22px;line-height:1.3;letter-spacing:-.03em;margin:16px 0 10px}.live-player p{font-size:12px;color:#8d9ab1;line-height:1.8}.live-player-status{position:absolute;left:18px;bottom:18px;font-size:10px;color:#e1e6f3;border:1px solid #ffffff20;background:#192235da;padding:7px 10px;border-radius:20px}.live-help{font-size:12px;color:var(--ink-2);line-height:1.7;margin:18px 0 8px}.unlinked .live-controls{opacity:.4}.unlinked .live-player{filter:grayscale(1);opacity:.4}.unlinked .live-player #live-placeholder{visibility:hidden}@media(max-width:600px){.live-controls .field{min-width:100%}.live-player{height:clamp(300px,42svh,420px)}.live-player h2{font-size:19px}.live-player-status{left:12px;bottom:12px}}

.connection-activity{display:flex;gap:14px;align-items:center;background:#f4f6ff;border:1px solid #e2e6f4;border-radius:12px;padding:16px;margin-top:12px;text-align:left;color:#27314a}.connection-activity img{width:32px;height:32px;object-fit:contain;animation:fifo-breathe 1.5s ease-in-out infinite}.connection-activity strong,.connection-activity span,.connection-activity small{display:block}.connection-activity strong{font-size:13px}.connection-activity span{font-size:12px;margin-top:5px}.connection-activity small{font-size:11px;color:#68758b;margin-top:6px;font-variant-numeric:tabular-nums}.live-player .connection-activity{background:#202b40;border-color:#36425b;color:#eef2ff}.live-player .connection-activity small{color:#b7c4db}.live-player #live-placeholder:has(.connection-activity)>span,.live-player #live-placeholder:has(.connection-activity)>h2,.live-player #live-placeholder:has(.connection-activity)>p{display:none}@keyframes fifo-breathe{50%{opacity:.4;transform:scale(.88)}}@media(prefers-reduced-motion:reduce){.connection-activity img{animation:none}}

.connection-activity>img{align-self:flex-start;margin-top:2px}.connection-activity>div{flex:1;min-width:0}.connection-activity .connection-steps{list-style:none;display:grid;gap:9px;margin:15px 0;padding:0}.connection-activity .connection-steps li{display:flex;align-items:center;gap:10px;opacity:.45;font-size:12px}.connection-activity .connection-steps li>span{margin:0}.connection-activity .connection-steps i{font-style:normal;width:20px;height:20px;border:1px solid #b5bfd5;border-radius:50%;display:grid;place-items:center;flex:none;font-size:10px}.connection-activity .connection-steps .complete{opacity:1;color:#288863}.connection-activity .connection-steps .complete i{background:#ddf4e9;border-color:#9bd8bc}.connection-activity .connection-steps .current{opacity:1;font-weight:600}.connection-activity .connection-steps .current i{color:#6274ff;border:2px solid #6274ff;animation:fifo-breathe 1.5s ease-in-out infinite}.connection-activity progress{display:block;width:100%;height:5px;accent-color:#6274ff;border:none;border-radius:5px;overflow:hidden;margin-bottom:10px}.connection-activity progress::-webkit-progress-bar{background:#dce2f0}.connection-activity progress::-webkit-progress-value{background:#6274ff;transition:width .35s}.live-player .connection-activity .complete{color:#85dbb3}.live-player .connection-activity .complete i{color:#85dbb3;background:#23483c;border-color:#467c65}.live-player #live-placeholder{max-width:440px;width:100%;padding:16px}.live-player .connection-activity{margin:0;padding:14px 18px}.live-player .connection-activity .connection-steps{gap:6px;margin:10px 0}.live-player .connection-activity>img{width:26px;height:26px}@media(prefers-reduced-motion:reduce){.connection-activity .connection-steps .current i{animation:none}}
