.comparison-note{display:flex;flex-wrap:wrap;gap:10px 24px;padding:13px 16px;border:1px solid var(--line);border-top:0;background:var(--surface-2);font-size:12px;color:var(--muted)}
.comparison-note strong{color:var(--text)}
.cards{grid-template-columns:repeat(3,minmax(160px,1fr))}
@media(max-width:760px){.cards{grid-template-columns:repeat(2,minmax(130px,1fr))}}

.primary{border:0;background:var(--brand);color:#fff;padding:11px 15px;border-radius:3px;font-weight:800;cursor:pointer}.secondary{border:1px solid var(--line);background:var(--surface);color:var(--text);padding:10px 14px;border-radius:3px;font-weight:800;cursor:pointer}
.brand-mark{display:grid;place-items:center;background:transparent;border:1px solid var(--line);overflow:hidden}.brand-mark img{width:48px;height:48px;object-fit:contain}.side-brand>.side-brand-icon{width:48px;height:48px;padding:1px;background:transparent}.side-brand-icon img{display:block;width:100%;height:100%;object-fit:contain}.back{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 12px!important;border:1px solid color-mix(in srgb,var(--brand-readable),var(--line) 55%)!important;background:var(--surface-2)!important;color:var(--brand-readable)!important;border-radius:3px;font-weight:800;line-height:1;box-shadow:0 1px 0 rgba(0,0,0,.05)}.back:hover{background:color-mix(in srgb,var(--brand),var(--surface) 92%)!important;border-color:var(--brand-readable)!important}.back svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.back span{white-space:nowrap}
.panel-actions{display:flex;align-items:center;gap:12px}.panel-actions input{min-width:280px}
.store-top{display:flex;justify-content:space-between;gap:18px;padding:18px;border-bottom:1px solid var(--line)}
.store-top h3{margin:0}.store-top p{margin:6px 0 2px;font-size:13px}.store-top p strong{color:var(--brand-readable)}.store-top>div>span{font-size:11px;color:var(--muted)}
.staffing-badge{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--surface-3);font-size:11px;font-weight:800;flex:0 0 auto;text-align:center}
.store-metrics{display:grid;grid-template-columns:repeat(4,1fr);background:var(--line);gap:1px;border-bottom:1px solid var(--line)}
.store-metrics>div{background:var(--surface-2);padding:12px}.store-metrics b{display:block;font-size:17px}.store-metrics small{color:var(--muted);font-size:10px}
.people-groups{padding:14px 18px;display:grid;gap:8px}.people-line{display:grid;grid-template-columns:70px 1fr;gap:10px;font-size:11px}.people-line>b{color:var(--muted);font-weight:500}.people-line>div{display:flex;flex-wrap:wrap;gap:5px}.people-line span{font-weight:700}.people-line small{color:var(--muted)}
.pilot-entry{display:block;padding:10px 18px;background:color-mix(in srgb,var(--brand),transparent 90%);color:var(--brand-readable);font-size:12px;font-weight:800;border-top:1px solid var(--line)}

.pilot-panel{display:grid;gap:18px}.pilot-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:17px;border-bottom:1px solid var(--line)}
.pilot-label{margin:0 0 5px;color:var(--brand-readable);font-size:12px;font-weight:800}.pilot-head h2{font-size:27px;margin:0}.pilot-head-actions{display:flex;align-items:center;gap:12px}.review-status{padding:6px 10px;background:var(--yellow-bg);color:var(--yellow-text);font-size:12px;font-weight:800;border-radius:2px}
.review-flow{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);background:var(--surface)}.review-flow>div{display:flex;align-items:center;gap:9px;padding:13px;border-right:1px solid var(--line);color:var(--muted);font-size:12px}.review-flow>div:last-child{border:0}.review-flow>div>span:first-child{width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-weight:800}.review-step-copy{display:grid;gap:2px;min-width:0}.review-step-copy small{font-size:9px;color:var(--muted);font-weight:500}.review-flow .done,.review-flow .current{color:var(--text)}.review-flow .done>span:first-child{background:var(--green-bg);color:var(--green-text);border-color:transparent}.review-flow .current{box-shadow:inset 0 -3px var(--brand);background:color-mix(in srgb,var(--brand),var(--surface) 95%)}.review-flow .current>span:first-child{background:var(--brand);color:#fff;border-color:transparent}.review-action-hint{grid-column:1/-1;max-width:360px;color:var(--muted);font-size:10px;text-align:right;line-height:1.45}
.pilot-layout{display:grid;grid-template-columns:260px minmax(0,1fr);border:1px solid var(--line);min-height:620px;background:var(--surface)}.pilot-roster{border-right:1px solid var(--line);background:var(--surface-2)}.pilot-roster-head{display:flex;justify-content:space-between;padding:15px;border-bottom:1px solid var(--line);font-size:12px}.pilot-roster-head span{color:var(--muted)}
.pilot-person{width:100%;display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:10px;padding:13px 15px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;cursor:pointer}.pilot-person:hover,.pilot-person.active{background:var(--surface)}.pilot-person.active{box-shadow:inset 3px 0 var(--brand)}.pilot-person span:nth-child(2){display:grid}.pilot-person small{color:var(--muted);font-size:10px}.pilot-person em{font-size:10px;color:var(--muted);font-style:normal}.signal-dot{width:8px;height:8px;border-radius:50%}.signal-dot.red{background:#d82735}.signal-dot.yellow{background:#d4a11d}.signal-dot.green{background:#198f67}.signal-dot.gray{background:#7d858b}
.pilot-detail{min-width:0}.pilot-person-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px}.pilot-person-head p{margin:0;color:var(--muted);font-size:11px}.pilot-person-head h3{margin:2px 0;font-size:23px}.pilot-person-head>div>span{color:var(--muted);font-size:12px}.pilot-tabs{display:flex;overflow:auto;border-block:1px solid var(--line);padding-inline:18px}.pilot-tabs button{border:0;background:transparent;padding:13px 14px;color:var(--muted);font-weight:700;font-size:12px;cursor:pointer;white-space:nowrap}.pilot-tabs button.active{color:var(--text);box-shadow:inset 0 -3px var(--brand)}.pilot-tab-content{padding:24px}
.tab-intro{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:18px}.tab-intro h3{margin:0}.tab-intro p{margin:4px 0 0;color:var(--muted);font-size:12px}.tab-intro>span{font-size:12px;font-weight:800;color:var(--muted)}
.profile-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);gap:1px;background:var(--line)}.profile-grid>div{background:var(--surface);padding:15px}.profile-grid small{display:block;color:var(--muted);font-size:10px}.profile-grid strong{display:block;margin-top:5px;font-size:13px}.source-block{margin-top:18px;padding:17px;border-left:3px solid var(--brand);background:var(--surface-2)}.source-block p{margin:7px 0 0;white-space:pre-wrap;color:var(--muted)}
.ability-list{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}.ability-row{display:grid;grid-template-columns:minmax(135px,1fr) 150px 110px minmax(150px,1.2fr);gap:10px;align-items:center;padding:11px;background:var(--surface)}.ability-row>div{display:grid}.ability-row small{color:var(--muted);font-size:9px}.ability-row input,.ability-row select{padding:9px;font-size:12px;min-width:0;width:100%}
.training-form,.training-form label{margin:0}.training-form textarea{width:100%;resize:vertical;border:1px solid var(--line);background:var(--surface);color:var(--text);padding:11px;font:inherit;line-height:1.5}.training-form.readonly input,.training-form.readonly textarea{pointer-events:none;opacity:.8}.plan-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.form-actions{display:flex;align-items:center;gap:12px;margin-top:6px}.form-actions span{font-size:11px;color:var(--muted)}
.review-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px}.review-summary>div{padding:16px;background:var(--surface-2);border-top:2px solid var(--line)}.review-summary small{display:block;color:var(--muted)}.review-summary strong{display:block;margin-top:6px;white-space:pre-wrap}.evidence-box{margin-top:18px;padding:20px;border:1px dashed var(--line);background:var(--surface-2)}.evidence-box span,.evidence-box strong,.evidence-box small{display:block}.evidence-box input{margin:12px 0;width:100%}.evidence-box small{color:var(--muted)}
.l3-review{margin-bottom:18px;border:1px solid var(--line)}.l3-review-head{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:14px;background:var(--surface-2)}.l3-review-head small{display:block;color:var(--muted);margin-top:3px}.l3-review-head b{color:var(--brand-readable)}.l3-review>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.l3-review article{background:var(--surface);padding:13px;display:grid;gap:2px}.l3-review article>span{justify-self:start;padding:3px 6px;border-radius:2px;font-size:9px;font-weight:800}.l3-review article.submitted>span{background:var(--yellow-bg);color:var(--yellow-text)}.l3-review article.missing>span{background:var(--red-bg);color:var(--red-text)}.l3-review article small{color:var(--muted)}
.audit-list{display:grid}.audit-list>div{display:grid;grid-template-columns:16px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.audit-list>div>span{width:8px;height:8px;border-radius:50%;background:var(--brand);margin-top:5px}.audit-list p{margin:2px 0;color:var(--muted);font-size:11px}
.toast{position:fixed;right:24px;bottom:24px;z-index:1000;padding:13px 17px;background:#123f2e;color:#c4f7df;box-shadow:var(--shadow);border-left:4px solid #21b77d;font-weight:700;font-size:13px}.toast.error{background:#58141b;color:#ffd2d6;border-color:#e43a47}

@media(max-width:1100px){.pilot-layout{grid-template-columns:220px minmax(0,1fr)}.ability-row{grid-template-columns:1fr 140px}.ability-row input{grid-column:auto}.profile-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.panel-actions,.pilot-head,.pilot-head-actions,.tab-intro{align-items:stretch;display:grid}.panel-actions input{min-width:0}.pilot-panel,.pilot-layout,.pilot-detail{min-width:0;max-width:100%}.review-flow{grid-template-columns:1fr;max-width:100%}.review-flow>div{border-right:0;border-bottom:1px solid var(--line)}.pilot-layout{display:block}.pilot-roster{border-right:0;border-bottom:1px solid var(--line);max-height:250px;overflow:auto}.pilot-person-head{align-items:start;flex-wrap:wrap}.pilot-tabs{max-width:100%}.pilot-tab-content{padding:16px;overflow:hidden}.profile-grid,.review-summary,.plan-form-grid,.l3-review>div:last-child{grid-template-columns:1fr}.ability-row{grid-template-columns:minmax(0,1fr)}.form-actions{align-items:stretch;display:grid}.store-metrics{grid-template-columns:repeat(2,1fr)}}

.import-dialog{width:min(720px,calc(100vw - 32px));border:0;padding:0;background:var(--surface,#fff);color:var(--text,#171717);box-shadow:0 24px 80px #0006}
.import-content{padding:38px}.import-content h2{font-size:30px;margin:4px 0 8px}.import-file{display:grid;gap:9px;padding:20px;margin:24px 0;border:1px dashed var(--border,#bbb);background:var(--surface-soft,#f6f6f4)}
.import-result{margin:20px 0;padding:18px;border-left:4px solid #b20d18;background:var(--surface-soft,#f6f6f4)}.import-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.import-summary span{display:grid;gap:4px}.import-summary b{font-size:24px}.import-errors{color:#b20d18;max-height:220px;overflow:auto}.import-errors p{margin:5px 0}.import-ok{color:#158765;font-weight:700}
@media(max-width:680px){.import-summary{grid-template-columns:1fr 1fr}.import-content{padding:28px 20px}}

/* 返回按鈕：紅底白字明顯化（單店與桃園試行頁共用） */
.back{background:var(--brand)!important;border:1px solid var(--brand)!important;color:#fff!important;padding:10px 16px!important;font-size:14px;box-shadow:var(--shadow)}
.back:hover{background:color-mix(in srgb,var(--brand),#000 18%)!important;border-color:var(--brand)!important}
.back svg{stroke:#fff;width:20px;height:20px}

/* 寬螢幕（1500px 以上）店舖卡片改三欄，縮短總覽長度 */
@media(min-width:1500px){.store-grid{grid-template-columns:repeat(3,minmax(340px,1fr))}}

/* 總覽店卡的人名標籤改為彩色 chip，與單店頁一致 */
.people-line small.identity.mini{padding:2px 6px;font-size:10px;font-weight:700;border-radius:99px}
.people-line small.identity.mini:not(.foreign):not(.trial):not(.intern):not(.special){background:var(--surface-3);color:var(--muted)}

/* 晉升燈號說明列 */
.signal-legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:14px;padding:10px 14px;background:var(--surface-2);border:1px solid var(--line);font-size:12px;color:var(--muted)}
.signal-legend b{color:var(--text);margin-right:4px}
.signal-legend .signal{margin-left:8px}
.pilot-head .signal-legend{margin-top:12px;max-width:640px}

/* 側欄「店舖人員」滑出快速切換選單 */
.nav-flyout-wrap{position:relative}
.nav-flyout-wrap>button{width:100%}
.nav-flyout-wrap>button em{float:right;font-size:11px;color:#777;font-style:normal}
.store-flyout{display:none;position:absolute;left:100%;top:0;min-width:210px;max-height:76vh;overflow:auto;background:var(--sidebar);border:1px solid #ffffff22;box-shadow:0 14px 44px rgba(0,0,0,.5);z-index:200;padding:8px}
.nav-flyout-wrap:hover .store-flyout,.nav-flyout-wrap:focus-within .store-flyout{display:block}
.flyout-region{padding:4px 0}
.flyout-region>b{display:block;padding:6px 10px 4px;font-size:10px;letter-spacing:.14em;color:#8b8b8b}
.flyout-region>button{display:block;width:100%;text-align:left;border:0;background:none;color:#d6d6d6;padding:8px 10px;font-size:12px;cursor:pointer;border-radius:2px}
.flyout-region>button:hover{background:#ffffff14;color:#fff;box-shadow:inset 2px 0 var(--brand)}
@media(max-width:760px){.store-flyout{display:none!important}}

/* 試行店切換選單（多店試行時出現在標題列） */
.pilot-label select{margin-left:10px;font-size:12px;padding:4px 8px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:3px}