/* Unit selection is an authenticated workspace control; login help stays on login. */
.unit-trigger{display:none}
.in-workspace .help-button{display:none}
.in-workspace .unit-trigger{display:flex}
.unit-trigger{max-width:300px;min-height:var(--topbar-content-height,50px);padding:7px 14px 7px 9px;gap:10px;border-radius:18px;text-align:left}
.unit-trigger-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:11px;background:#4e8eeb19;color:var(--text-link);flex-shrink:0}
.unit-trigger-icon .icon{width:19px;height:19px}
.unit-trigger-copy{min-width:0}.unit-trigger-copy small{display:block;font-size:10px;color:var(--text-subtle);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.unit-trigger-copy strong{display:block;font-size:12px;font-weight:600;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.unit-trigger>.icon{width:15px;height:15px;color:var(--text-subtle)}
#unit-dialog{width:480px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 48px);padding:26px;border-radius:30px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent;animation:unit-appear .22s ease-out}
#unit-dialog::backdrop{background:#00000060;backdrop-filter:blur(9px)}
:root[data-theme=dark] #unit-dialog::backdrop{background:#00000080}
.unit-dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.unit-dialog-icon{width:46px;height:46px;display:grid;place-items:center;background:#4b89e51a;color:var(--text-link);border-radius:16px}
#close-units{padding:0;width:34px;height:34px;border-radius:50%}#close-units .icon{width:18px;height:18px}
#unit-dialog .eyebrow{font-size:9px;letter-spacing:1.7px;margin-bottom:8px}
#unit-dialog h2{font-size:25px;letter-spacing:-.8px;margin:0 0 8px}
#unit-dialog-description{font-size:13px;margin:0 0 22px}
.unit-search{border-radius:14px;min-height:46px}.unit-search input{font-size:14px;padding-block:12px}
#unit-dialog-status{display:flex;align-items:center;gap:8px;font-size:11px;margin:16px 2px 10px;color:var(--text-subtle);min-height:18px}
#unit-dialog-status.is-loading::before{content:'';width:12px;height:12px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--text-link);animation:spin .7s linear infinite}
#unit-results{max-height: min(40dvh,350px);overflow-y:auto;overscroll-behavior:contain;padding:3px;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}
.unit-group+.unit-group{margin-top:20px}.unit-group h3{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;font-weight:600;margin:6px 2px 10px;color:var(--text-secondary);overflow-wrap:anywhere}.unit-group h3>span{font-size:10px;font-weight:400;white-space:nowrap;color:var(--text-subtle)}
.unit-option{display:flex;align-items:center;gap:12px;width:100%;border:1px solid var(--line);background:var(--surface-field);color:var(--text-primary);padding:13px;border-radius:17px;text-align:left;margin:8px 0;transition:border-color .18s,background .18s,transform .18s}
.unit-option:hover{border-color:#6f9bd9;background:#6298f014;transform:translateY(-1px)}
.unit-option[aria-pressed=true]{border-color:#5e97e96b;background:#4b8af017}
.unit-option-icon{width:37px;height:37px;border-radius:12px;background:#7897c218;color:var(--text-subtle);display:grid;place-items:center;flex-shrink:0}.unit-option[aria-pressed=true] .unit-option-icon{background:#4b8af023;color:var(--text-link)}
.unit-option-copy{flex:1;min-width:0}.unit-option-copy strong{display:block;font-size:13px;font-weight:600;overflow-wrap:anywhere}.unit-option-copy small{display:block;font-size:10px;color:var(--text-subtle);margin-top:5px}
.unit-option-state{display:flex;align-items:center;gap:4px;color:var(--text-link);font-size:10px}.unit-option-state .icon{width:17px;height:17px}.unit-option:disabled{opacity:.6;cursor:wait;transform:none}
.unit-empty{font-size:13px;line-height:1.7;text-align:center;padding:28px 16px;color:var(--text-secondary)}
.unit-dialog-foot{border-top:1px solid var(--line);padding-top:16px;margin-top:18px;display:flex;align-items:center;gap:8px;color:var(--text-subtle);font-size:10px;line-height:1.5}.unit-dialog-foot .icon{width:16px;height:16px}
.unit-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);padding:13px 20px;border-radius:18px;background:var(--surface-field);border:1px solid var(--line);box-shadow:0 12px 35px #0002;color:var(--text-primary);font-size:12px;z-index:10}
@keyframes unit-appear{from{opacity:0;translate:0 10px;scale:.98}to{opacity:1;translate:0 0;scale:1}}
@media(max-width:700px){
    .in-workspace .unit-trigger{max-width:180px;padding:6px 9px;border-radius:15px;gap:6px;min-height:44px}
    .unit-trigger-icon{display:none}.unit-trigger-copy strong{font-size:11px}.unit-trigger-copy small{font-size:9px}
    .in-workspace .topbar{gap:10px}.in-workspace .wordmark{font-size:19px;gap:6px}
    .in-workspace .wordmark .brand-mark{width:28px;height:28px}.in-workspace .header-actions{gap:8px}
}
@media(max-width:480px){
    #unit-dialog{margin:auto 8px 8px;width:calc(100% - 16px);max-width:calc(100% - 16px);max-height:calc(100dvh - 24px);padding:24px 20px;border-radius:28px;padding-bottom:max(24px,env(safe-area-inset-bottom))}
    #unit-results{max-height:40dvh}.unit-search input{font-size:16px}
    .unit-trigger-copy{max-width:108px}
}

/* Compact mobile unit picker; selection remains explicit and palette-aware. */
@media(max-width:700px){
 #unit-dialog{box-sizing:border-box;width:min(480px,calc(100vw - 20px));max-width:calc(100vw - 20px);max-height:calc(100dvh - 24px);margin:auto;padding:16px;border-radius:20px;scrollbar-gutter:stable}
 #unit-dialog .unit-dialog-head{position:absolute;top:12px;right:12px;margin:0}
 #unit-dialog .unit-dialog-icon{display:none}
 #unit-dialog #close-units{width:44px;height:44px;border-radius:12px;box-shadow:none}
 #unit-dialog .eyebrow{font-size:8px;letter-spacing:1.2px;margin:0 48px 5px 0}
 #unit-dialog h2{font-size:20px;line-height:1.25;letter-spacing:-.4px;margin:0 44px 6px 0}
 #unit-dialog-description{font-size:12px;line-height:1.4;margin:0 40px 12px 0}
 #unit-dialog .unit-search{min-height:44px;padding:0 10px;gap:8px;border-radius:11px}
 #unit-dialog .unit-search input{padding:10px 0;font-size:16px;min-height:44px}
 #unit-dialog-status{margin:8px 2px 6px;font-size:10px;min-height:16px}
 #unit-results{max-height:48dvh;padding:2px;scrollbar-gutter:stable}
 #unit-dialog .unit-group+.unit-group{margin-top:12px}
 #unit-dialog .unit-group h3{gap:8px;margin:4px 2px 6px;font-size:11px;line-height:1.4}
 #unit-dialog .unit-group h3>span{font-size:10px;flex-shrink:0}
 #unit-dialog .unit-option{min-height:52px;padding:8px 10px;gap:8px;margin:6px 0;border-radius:12px}
 #unit-dialog .unit-option-icon{width:28px;height:28px;border-radius:9px;background:var(--surface-hover)}
 #unit-dialog .unit-option-icon .icon{width:17px;height:17px}
 #unit-dialog .unit-option-copy strong{font-size:12px;line-height:1.35}
 #unit-dialog .unit-option-copy small{margin-top:2px;line-height:1.3;overflow-wrap:anywhere}
 #unit-dialog .unit-option-state{flex-shrink:0;gap:3px;font-size:10px}
 #unit-dialog .unit-option[aria-pressed=true]{border-color:var(--accent-ring);background:var(--accent-soft)}
 #unit-dialog .unit-option[aria-pressed=true] .unit-option-state{font-weight:600;padding:4px 6px;border-radius:7px;background:var(--surface-field)}
 #unit-dialog .unit-option[aria-pressed=true] .unit-option-icon{background:var(--accent-soft);color:var(--text-link)}
 #unit-dialog .unit-option:hover{background:var(--surface-hover);border-color:var(--accent-ring);transform:none}
 #unit-dialog .unit-option:active{background:var(--surface-pressed)}
 #unit-dialog .unit-option:focus-visible{outline:2px solid var(--text-link);outline-offset:0}
 #unit-dialog .unit-dialog-foot{padding-top:10px;margin-top:10px;gap:6px;font-size:10px}
 #unit-dialog .unit-dialog-foot .icon{flex-shrink:0}
 #unit-dialog .unit-empty{padding:18px 10px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){#unit-dialog{animation:none}}
#unit-dialog .unit-search>input,#unit-dialog .unit-search>input:focus{border:0;border-radius:0;background:transparent;box-shadow:none;outline:none;min-width:0;flex:1}#unit-dialog .unit-search:focus-within{border-color:var(--text-link);box-shadow:0 0 0 2px var(--accent-ring)}
/* Store identity above compact, readable branch choices; no truncated names. */
#unit-dialog.mobile-scroll-shell{box-sizing:border-box;width:480px;max-width:calc(100vw - 20px);padding:10px;border-radius:20px}
#unit-dialog>.mobile-dialog-scroll{padding:10px;max-height:calc(100dvh - 54px)}
#unit-dialog #unit-results{max-height:min(45dvh,360px);padding:2px;scrollbar-gutter:stable}
#unit-dialog .unit-search{min-height:44px;padding:0 10px;gap:8px;border-radius:10px}
#unit-dialog-status{margin:8px 2px;font-size:var(--type-meta,11px);min-height:16px}
#unit-dialog .unit-group+.unit-group{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
#unit-dialog .unit-group h3{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;margin:4px 2px 6px;color:var(--text-primary)}
#unit-dialog .unit-group h3>.unit-store-name{font-size:inherit;font-weight:600;line-height:1.4;white-space:normal;overflow-wrap:anywhere;min-width:0;color:inherit}
#unit-dialog .unit-group h3>.unit-store-count{font-size:var(--type-meta,11px);line-height:1.4;padding-top:2px;font-weight:400;white-space:nowrap;color:var(--text-secondary)}
#unit-dialog .unit-option{box-sizing:border-box;display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:52px;height:auto;padding:8px;margin:2px 0;border:0;border-left:3px solid transparent;border-radius:10px;background:transparent;transform:none}
#unit-dialog .unit-option-icon{width:26px;height:26px;padding:0;border-radius:7px;background:transparent;color:var(--text-secondary)}
#unit-dialog .unit-option-icon .icon{width:18px;height:18px}
#unit-dialog .unit-option-copy strong{font-size:var(--type-body,13px);line-height:1.4;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
#unit-dialog .unit-option-copy small{font-size:var(--type-meta,11px);line-height:1.35;margin-top:2px;white-space:normal;overflow-wrap:anywhere;color:var(--text-secondary)}
#unit-dialog .unit-option[aria-pressed=true]{background:var(--accent-soft);border-color:var(--text-link)}
#unit-dialog .unit-option[aria-pressed=true] .unit-option-icon{background:transparent;color:var(--text-link)}
#unit-dialog .unit-option[aria-pressed=true] .unit-option-state{padding:0;background:transparent}
#unit-dialog .unit-option:hover{background:var(--surface-hover);transform:none}
#unit-dialog .unit-option:active{background:var(--surface-pressed)}
#unit-dialog .unit-option:focus-visible{outline:2px solid var(--text-link);outline-offset:0}
#unit-dialog .unit-dialog-foot{padding-top:10px;margin-top:10px;font-size:var(--type-meta,11px);line-height:1.4}
@media(max-width:700px){
 #unit-dialog .unit-option{grid-template-columns:22px minmax(0,1fr) 18px}
 #unit-dialog .unit-option-icon{width:22px;height:22px}
 #unit-dialog .unit-option-state{width:18px;min-width:0}
 #unit-dialog .unit-option-state>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}