/* Scoped workspace redesign. No database, import, or sync behavior is defined here. */
.workbench-design{--text-muted:#a2b2c8;--text-sub:#b3c0d2;--primary-gradient:#2878ed;--dashboard-accent:#60a5fa}
.workbench-design :is(button,input,select,textarea):focus-visible{outline:2px solid #75b9ff!important;outline-offset:3px}
.workbench-design .dashboard-sidebar{background:#0c1725;border-color:#25364a}
.workbench-design .dashboard-sidebar nav button.is-active{background:#17458a;border-color:#2868ba}
.workbench-design .dashboard-sidebar nav button svg{width:21px;height:21px;flex-shrink:0}
.workbench-design .dashboard-sidebar nav [data-nav="accounts"]>span{width:auto;font-size:inherit}
.workbench-design .header-combined-motion{opacity:.2}
.workbench-design .user-greeting-bar{margin-bottom:12px!important}
.workbench-design .user-greeting-sub{display:none!important}
.workbench-design #storage-switcher-bar{display:flex!important;gap:0!important;align-items:stretch;border-bottom:1px solid #293c54;margin-bottom:12px!important}
.workbench-design #storage-switcher-bar>.storage-tab-btn{display:flex!important;align-items:center!important;gap:10px!important;min-height:55px!important;min-width:0;max-width:280px;flex:1;padding:12px 18px!important;border:0!important;border-bottom:3px solid transparent!important;border-radius:7px 7px 0 0!important;background:transparent!important;box-shadow:none!important}
.workbench-design #storage-switcher-bar>.storage-tab-btn.active{background:#142e50!important;border-bottom-color:#3b92ff!important}
.workbench-design #storage-switcher-bar :is(.storage-tab-icon,.storage-tab-sub){display:none!important}
.workbench-design #storage-switcher-bar .storage-tab-text-wrap{padding:0!important;display:block!important}
.workbench-design #storage-switcher-bar .storage-tab-title{font-size:14px!important;font-weight:650!important;color:#e9f1ff}
.workbench-design #storage-switcher-bar .storage-tab-pill{position:static!important;padding:3px 8px!important;font-size:13px!important;background:#203650!important;border-radius:20px!important;line-height:1.4!important}
.wb-work-queues{display:flex;gap:10px;padding:0;margin:0 0 18px}
.wb-work-queues[hidden]{display:none}
.wb-work-queues>.storage-tab-btn{display:grid!important;grid-template-columns:28px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;min-height:66px!important;flex:1;min-width:0;padding:12px 16px!important;border:1px solid #2d4058!important;border-radius:9px!important;background:#142030!important;box-shadow:none!important;color:#f8fafc!important}
.wb-work-queues>.storage-tab-btn.active{border-color:#e6ac42!important;background:#282719!important}
.wb-work-queues .storage-tab-icon{display:flex!important;grid-column:1!important;grid-row:1!important;width:24px!important;height:28px!important;background:none!important;color:#f4bf62!important}
.wb-work-queues .storage-tab-text-wrap{grid-column:2!important;grid-row:1!important;padding:0!important;display:flex!important;flex-direction:column!important;gap:3px!important}
.wb-work-queues .storage-tab-title{font-size:13px!important;color:#f8fafc!important;font-weight:650!important}
.wb-work-queues .storage-tab-sub{display:block!important;font-size:11px!important;color:#aabbd1!important}
.wb-work-queues .storage-tab-pill{grid-column:3!important;grid-row:1!important;position:static!important;background:#4b391a!important;color:#ffcf76!important;border:0!important;font-size:14px!important}
.workbench-design .dashboard-add-actions{margin-bottom:14px;gap:8px}
.workbench-design .dashboard-add-button{display:inline-flex;align-items:center;gap:8px;background:#2878ed;box-shadow:none;border:0;min-height:42px;font-size:13px}
.workbench-design .dashboard-add-button svg{width:18px;height:18px}
.workbench-design #input-container{display:none!important}
.workbench-design #wb-add-modal #input-container{display:block!important;border:0;box-shadow:none;margin:0;padding:0;background:none}
.workbench-design #zone-admin-divider,.workbench-design .dashboard-search-actions #btn-toggle-all-rank-groups{display:none!important}
.workbench-design #zone-player-divider .zone-title-text{font-size:19px!important;text-transform:none!important;letter-spacing:-.3px}
.workbench-design #zone-player-divider .zone-title-text::before{content:none!important}
.workbench-design .search-bar-wrap{position:sticky;top:0;z-index:50;background:#0b1220;padding:10px 0;margin:0}
.wb-filter-controls{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0}
.wb-filter-controls[hidden],.wb-view-toolbar[hidden]{display:none}
.wb-filter-controls label{display:flex;align-items:center;gap:8px;font-size:12px;color:#b4c3d8}
.wb-filter-controls select{min-height:40px;color:#eff5ff;border:1px solid #31445e;border-radius:7px;background:#142032;padding:8px 30px 8px 10px;font:inherit;max-width:100%}
.wb-view-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:16px 0 10px}
.wb-view-toolbar p{margin:0;font-size:12px;color:#a8b9cf;line-height:1.5}
.wb-view-toolbar>div{display:flex;flex-shrink:0;padding:3px;background:#121e2e;border:1px solid #2c3e54;border-radius:8px}
.wb-view-toolbar button{min-height:34px;padding:6px 12px;border:0;border-radius:5px;background:transparent;color:#afc0d6;font:inherit;font-size:12px;cursor:pointer}
.wb-view-toolbar button[aria-pressed="true"]{background:#22558e;color:#fff}
.wb-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;border:1px solid #293d54;border-radius:10px;overflow:visible;background:#101c2b}
.wb-table th{padding:14px 16px;font-size:12px;font-weight:600;color:#b4c7e0;background:#162437;text-align:left;border-bottom:1px solid #293d54}
.wb-table th:first-child{width:34%}.wb-table th:last-child{width:190px}
.wb-table th:nth-child(2),.wb-table th:nth-child(3){width:12%}
.wb-table td{padding:13px 16px;color:#dbe7f8;font-size:13px;border-bottom:1px solid #213349;vertical-align:middle;overflow-wrap:anywhere}
.wb-table tr:last-child td{border-bottom:0}
.wb-table tbody tr:hover{background:#152a43;cursor:pointer}
.wb-account-name{border:0;background:none;color:#f5f9ff;font:inherit;font-size:14px;font-weight:650;cursor:pointer;text-align:left;padding:5px 0;overflow-wrap:anywhere;max-width:100%}
.wb-account-name:hover{color:#83c0ff}
.wb-status{display:inline-flex;gap:6px;align-items:center;font-size:12px;font-weight:550;color:#7be1b5;line-height:1.5}
.wb-status::before{content:'';width:7px;height:7px;flex-shrink:0;border-radius:50%;background:currentColor}
.wb-status-banned{color:#ff9292}.wb-status-review{color:#ffcc76}
.wb-copy-note{display:block;color:#9cbee2;font-size:11px;line-height:1.6}
.wb-row-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.wb-row-actions .wb-copy,.wb-icon-button,.wb-pagination button,.wb-detail-actions button,#wb-filter-sheet header button{min-height:38px;padding:8px 12px;border:1px solid #3a506c;border-radius:7px;background:#1a2a40;color:#eff6ff;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-family:inherit;font-size:12px;cursor:pointer;max-width:100%}
.wb-row-actions .wb-copy{min-width:115px}
.wb-row-actions svg,.wb-detail-actions svg,.wb-icon-button svg{width:17px;height:17px;flex-shrink:0}
.wb-icon-button{width:38px;padding:7px;font-size:19px}
.wb-row-actions button:disabled,.wb-pagination button:disabled{opacity:.5;cursor:not-allowed}
.wb-row-actions .rank-copy-person,.wb-row-actions .row-save-status{flex-basis:100%;font-size:10px;text-align:left;line-height:1.5}
.wb-pagination{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:16px 0;color:#b9c9dd;font-size:12px}
.wb-empty{padding:32px 18px;text-align:center;background:#101c2b;border-radius:8px;color:#b8c8dc}
#wb-detail{position:fixed;z-index:10020;inset:0 0 0 auto;width:min(410px,94vw);background:#111e2e;border-left:1px solid #35506c;box-shadow:-16px 0 50px #0005;display:flex;flex-direction:column;color:#e9f1ff}
#wb-detail[hidden],.wb-detail-shade[hidden],#wb-filter-sheet[hidden]{display:none}
#wb-detail>header,#wb-add-modal header,#wb-filter-sheet>header{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;margin:0;flex:0 0 auto;width:100%;box-sizing:border-box;background:#111e2e;border-bottom:1px solid #2c4059}
#wb-detail h2,#wb-add-modal h2,#wb-filter-sheet h2{font-size:17px;margin:0;font-weight:650}
.wb-detail-body{overflow-y:auto;overscroll-behavior:contain;padding:20px;flex:1;min-height:0}
.wb-detail-body h3{font-size:23px;line-height:1.4;margin:6px 0 12px;overflow-wrap:anywhere}
.wb-eyebrow{font-size:10px;letter-spacing:1.5px;color:#8eacce;margin:0}
.wb-password{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:14px 0;margin-top:12px;color:#b9cbe2;font-size:13px}
.wb-password strong{flex:1;background:#0b1625;border:1px solid #334962;border-radius:6px;padding:10px;overflow-wrap:anywhere;color:#e9f1ff}
.wb-text-button{background:none;border:0;padding:9px;color:#8bc3ff;font:inherit;cursor:pointer}
.wb-metadata{margin:10px 0 20px;padding:0}
.wb-metadata>div{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #293c52;padding:12px 0;font-size:13px}
.wb-metadata dt{color:#b0c2da}.wb-metadata dd{margin:0;text-align:right;overflow-wrap:anywhere}
.wb-detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.wb-detail-actions button{flex:1;min-height:43px}
.wb-detail-actions button.wb-primary,.wb-primary{background:#2379ee;color:white;border-color:#3083f5}
.wb-detail-actions .wb-danger{background:#40212a;color:#ffb2b2;border-color:#80505d}
.wb-detail-section{padding:18px 0;border-top:1px solid #2c4059;line-height:1.7;font-size:13px;overflow-wrap:anywhere}
.wb-detail-section h4,.wb-detail-section summary{margin:0 0 10px;font-size:14px;font-weight:600}
.wb-detail-section small{font-size:11px;color:#afc1d9}
.wb-detail-section p{white-space:pre-wrap;margin:6px 0}
.wb-detail-shade{position:fixed;inset:0;z-index:10019;border:0;background:#02091788;cursor:default}
.wb-detail-open,.wb-add-open,.wb-filters-open{overflow:hidden}
.wb-edit-form{display:flex;flex-direction:column;gap:16px}
.wb-edit-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#c2d3e8}
.wb-edit-form input,.wb-edit-form textarea{width:100%;padding:12px;background:#0c1828;border:1px solid #3c526e;border-radius:7px;color:#fff;font:inherit;font-size:16px;box-sizing:border-box}
.wb-edit-form textarea{min-height:100px;resize:vertical}.wb-form-error{color:#ffb0ad;font-size:13px}
#wb-add-modal{z-index:10021}
.wb-add-card{width:min(820px,94vw);max-height:90dvh;overflow:auto;background:#111e2e;border:1px solid #324b68;border-radius:12px;padding:0 20px 20px;color:#edf5ff}
.wb-add-card>header{padding-left:0!important;padding-right:0!important;margin-bottom:18px}
.wb-session{display:flex;gap:8px;flex-direction:column;font-size:11px;color:#b6c5dc;line-height:1.6}
.wb-session[hidden]{display:none}
.wb-session button{border:1px solid #38516d;background:#192c44;border-radius:6px;color:#d4e6ff;padding:9px;cursor:pointer}
.workbench-design .last-use-highlight{animation:none!important;text-shadow:none!important}
.workbench-design #analytics-modal .analytics-header p::after{content:' · Số liệu theo bộ lọc đang chọn; bộ đếm sao chép không xác nhận thời gian chơi.';color:#a9bdd8}
#wb-filter-sheet{position:fixed;z-index:10030;inset:auto 0 0;background:#122136;border:1px solid #344d6b;border-radius:14px 14px 0 0;max-height:85dvh;overflow:auto;padding-bottom:calc(22px + env(safe-area-inset-bottom));box-shadow:0 0 0 100vmax #02091799;color:#fff}
#wb-filter-sheet>div{padding:16px}#wb-filter-sheet .quick-rank-nav{display:flex;flex-wrap:wrap;gap:8px}#wb-filter-sheet .wb-filter-controls{display:flex;flex-direction:column}#wb-filter-sheet label{justify-content:space-between}
@media(min-width:1500px){.wb-detail-open{padding-right:430px}.wb-detail-shade{background:#02091733}}
@media(max-width:1100px){.workbench-design .dashboard-sidebar .wb-nav-extra{min-height:44px}}
@media(max-width:820px){
 .workbench-design .wb-filter-controls{display:none}
 .wb-cards{display:flex;flex-direction:column;gap:10px}
 .wb-card{padding:14px;background:#122033;border:1px solid #2b405b;border-radius:10px}
 .wb-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#b2c6e1}
 .wb-card-name{margin:10px 0 12px}.wb-card-name .wb-account-name{font-size:16px}
 .wb-card .wb-row-actions{justify-content:flex-end;border-top:1px solid #263b54;padding-top:10px}
 .wb-row-actions .wb-copy,.wb-icon-button,.wb-pagination button{min-height:44px}
 .wb-card .bulk-account-label{margin-bottom:8px}
 .wb-work-queues{gap:8px;margin-bottom:14px}
 .wb-work-queues>.storage-tab-btn{padding:10px!important;gap:7px!important;grid-template-columns:minmax(0,1fr) auto!important;min-height:58px!important}
 .wb-work-queues .storage-tab-icon{display:none!important}.wb-work-queues .storage-tab-text-wrap{grid-column:1!important}.wb-work-queues .storage-tab-pill{grid-column:2!important}
 .wb-work-queues .storage-tab-sub{display:none!important}
 .wb-view-toolbar{align-items:flex-start}.wb-view-toolbar p{font-size:11px}.wb-view-toolbar button{padding:6px 9px}
}
@media(max-width:600px){
 .mobile-bottom-nav .wb-nav-extra{display:none!important}
 .workbench-design #storage-switcher-bar>.storage-tab-btn{padding:10px!important;min-height:50px!important;gap:7px!important}
 .workbench-design #storage-switcher-bar .storage-tab-title{font-size:12px!important}
 .workbench-design #zone-player-divider .zone-title-text{font-size:18px!important}
 .workbench-design .search-bar-wrap{top:0}
 #wb-detail{width:100%;inset:0;height:100dvh;box-sizing:border-box;padding-top:env(safe-area-inset-top)}
 .wb-detail-body{padding-bottom:calc(25px + env(safe-area-inset-bottom))}
 #wb-detail .wb-detail-actions button{min-height:44px}
 .wb-add-card{width:100%;max-height:100dvh;height:100dvh;box-sizing:border-box;border-radius:0;border:0;padding:env(safe-area-inset-top) 16px calc(20px + env(safe-area-inset-bottom))}
 #wb-add-modal{padding:0;align-items:stretch}
 .wb-pagination{justify-content:space-between}
}
@media(prefers-reduced-motion:reduce){.workbench-design *{scroll-behavior:auto!important}}

/* Condense the top of the screen so accounts appear before the fold. */
.workbench-design .user-greeting-bar,.workbench-design .storage-picker-heading,.workbench-design .dashboard-admin-label,.workbench-design #zone-player-divider .zone-desc-text{display:none!important}
.workbench-design .dashboard-add-actions{padding:0;border:0;background:none;margin:0 0 8px}
.workbench-design #storage-switcher-bar>.storage-tab-btn{flex-direction:row!important;justify-content:flex-start!important;max-width:250px}
.workbench-design #storage-switcher-bar .storage-tab-status{display:none!important}
.workbench-design #storage-switcher-bar .storage-tab-text-wrap{flex:initial!important}
.workbench-design #storage-switcher-bar .storage-tab-pill{margin-left:auto!important;align-self:center!important}
.workbench-design #storage-switcher-bar .storage-tab-btn::after{content:none!important}
.workbench-design .wb-work-queues>.storage-tab-btn[hidden]{display:none!important}
.workbench-design .wb-work-queues .filter-card-summary{font-size:11px}
.workbench-design #zone-player-divider{margin:12px 0 6px;padding:0}
.workbench-design .wb-filter-controls label{white-space:nowrap}
.workbench-design .wb-filter-controls select{width:auto!important}
.workbench-design .wb-top-add{margin:0;flex-shrink:0;padding:10px 15px;white-space:nowrap}
.workbench-design .wb-top-add[hidden]{display:none!important}
.workbench-design .wb-header-sync{font-size:11px;color:#91d6b6;max-width:500px;overflow-wrap:anywhere;line-height:1.5}
.workbench-design .wb-header-sync[data-state="error"],.workbench-design .wb-header-sync[data-state="offline"]{color:#ffd18a}
.workbench-design #sync-status-bar:is([data-state="saved"],[data-state="updated"]):not(:has(button:not([hidden]))){display:none!important}
.workbench-design .mobile-bottom-nav nav svg{width:22px;height:22px;flex-shrink:0}
.workbench-design .mobile-bottom-nav nav [data-nav="accounts"]>span{font-size:11px;width:auto}
.workbench-design .account-last-used{animation:none!important;text-shadow:none!important}
@media(max-width:820px){.workbench-design .wb-top-add{width:44px;min-width:44px;height:44px;padding:10px;overflow:hidden;font-size:0;gap:0}.workbench-design .wb-top-add svg{width:21px;height:21px}.workbench-design .dashboard-search-actions{flex-shrink:0}.workbench-design .wb-top-add::after{content:none}}

.workbench-design #storage-switcher-bar .storage-tab-text-wrap{order:0!important}
.workbench-design #storage-switcher-bar .storage-tab-pill{order:1!important}
.workbench-design .dashboard-sidebar nav #btn-open-analytics{order:0}
/* Stick individual header cells in the page scroll context, never the row group
   inside an overflow-hidden table: that displaces the header over short lists. */
.workbench-design .wb-table thead{position:static}
.workbench-design .wb-table thead th{position:sticky;top:var(--wb-search-height,68px);z-index:2}
.workbench-design .wb-table th:first-child{border-top-left-radius:9px}
.workbench-design .wb-table th:last-child{border-top-right-radius:9px}

.wb-table th:last-child{width:210px}
.wb-table .wb-row-actions{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:7px}
.wb-table .wb-row-actions .wb-copy{min-width:0;width:100%;padding:8px}
.wb-table .wb-row-actions :is(.rank-copy-person,.row-save-status){grid-column:1/-1}
#wb-detail-save{font-size:12px;padding:10px 0}

#wb-detail>header h2{min-width:0;flex:1}
#wb-detail>header .wb-icon-button{flex:0 0 44px;width:44px;min-height:44px}

.filter-mode .account-list-workspace>.wb-work-queues{order:2}
.wb-work-queues>.storage-tab-btn:disabled{opacity:.65;cursor:default}

/* Explain compact mobile metadata with both icons and readable labels. */
.wb-card-metadata{display:flex;flex-wrap:wrap;gap:8px 14px;margin:0 0 12px;color:#b9cee9;font-size:12px;line-height:1.5}
.wb-card-metadata>span{display:inline-flex;align-items:center;gap:6px;min-width:0;overflow-wrap:anywhere}
.wb-card-metadata svg{width:16px;height:18px;flex-shrink:0;color:#79baff}
.wb-card-metadata .wb-trust-meta svg{color:#79d8bb}
.wb-card .wb-open{width:auto;min-width:94px;font-size:12px;gap:6px;padding:8px 10px}
.wb-card .wb-row-actions .rank-copy-person{font-size:11px;line-height:1.6;color:#a7d9cd;overflow-wrap:anywhere}
.wb-card .wb-card-top>span:last-child:not(.wb-status){font-size:11px;color:#9bb2cf}

/* Keep navigation illustrations visible in the compact phone layout. */
.workbench-design #storage-switcher-bar .storage-tab-icon{display:flex!important;align-items:center;justify-content:center;order:-1!important;flex:0 0 20px;width:20px!important;height:22px!important;min-width:20px;margin:0!important;background:none!important;border:0!important;color:#a6c5ed!important}
.workbench-design #storage-switcher-bar .storage-tab-icon svg{width:20px;height:20px}
.workbench-design #storage-switcher-bar .storage-tab-text-wrap{min-width:0!important;flex:1!important}
.workbench-design #storage-tab-chungsuc .storage-tab-icon{color:#7cd5bb!important}
.workbench-design .wb-work-queues>.storage-tab-btn{grid-template-columns:20px minmax(0,1fr) auto!important;column-gap:8px!important}
.workbench-design .wb-work-queues .storage-tab-icon{display:flex!important;align-items:center;justify-content:center;grid-column:1!important;width:20px!important;height:24px!important;color:#9bb5d7!important}
.workbench-design .wb-work-queues .storage-tab-icon svg{width:20px;height:22px}
.workbench-design .wb-work-queues .storage-tab-text-wrap{grid-column:2!important}
.workbench-design .wb-work-queues .storage-tab-pill{grid-column:3!important}
@media(max-width:600px){.workbench-design #storage-switcher-bar>.storage-tab-btn{gap:6px!important;padding:10px 8px!important}.workbench-design #storage-switcher-bar .storage-tab-title{font-size:12px!important;white-space:normal!important}.workbench-design .wb-work-queues .storage-tab-title{font-size:12px!important;line-height:1.5!important}}

/* The filter queue uses its own import and filtering tools. */
body.filter-mode .search-bar-wrap :is(.dashboard-search-actions,.wb-top-add){display:none!important}

/* One selection language for all warehouses: icon, blue outline and checked label. */
.workbench-design .wb-warehouse-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch;margin:6px 0 18px;min-width:0}
.workbench-design:not(.wb-admin) .wb-warehouse-picker{grid-template-columns:minmax(0,1fr)}
.workbench-design #storage-switcher-bar,.workbench-design .wb-work-queues{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto 1fr;gap:10px!important;max-width:none!important;width:100%;margin:0!important;padding:0;border:0!important;align-items:stretch;min-width:0}
.workbench-design .wb-work-queues[hidden]{display:none!important}
.wb-warehouse-group-title{grid-column:1/-1;color:#a8bdd6;font-size:11px;font-weight:650;line-height:1.5;letter-spacing:.7px;text-transform:uppercase;padding:0 2px}
.workbench-design #wb-warehouse-picker .wb-warehouse-button{display:grid!important;grid-template-columns:32px minmax(0,1fr) auto!important;grid-template-rows:auto auto;align-content:center!important;align-items:center!important;gap:7px 10px!important;min-width:0;min-height:98px!important;width:100%;max-width:none!important;box-sizing:border-box;padding:14px!important;margin:0!important;background:#142131!important;border:2px solid #2e4158!important;border-radius:11px!important;box-shadow:none!important;position:relative;text-align:left}
.workbench-design #wb-warehouse-picker .wb-warehouse-button:not(:disabled):hover{background:#1a2d43!important;border-color:#55769b!important}
.workbench-design #wb-warehouse-picker .wb-warehouse-button.is-current{background:var(--wb-active-bg,#1d2e43)!important;border-color:var(--wb-active-border,#95a9c2)!important;box-shadow:none!important}
.workbench-design #wb-warehouse-picker .wb-warehouse-button.is-current:hover{border-color:var(--wb-active-border,#95a9c2)!important;background:var(--wb-active-hover,#263d56)!important}
.workbench-design #wb-warehouse-picker .wb-warehouse-button::after{content:none!important}
.workbench-design #wb-warehouse-picker .wb-warehouse-button .storage-tab-icon{display:flex!important;align-items:center;justify-content:center;grid-column:1!important;grid-row:1/3!important;width:32px!important;min-width:0!important;height:36px!important;background:none!important;border:0!important;order:0!important;color:var(--wb-accent,#b7cce5)!important;margin:0!important}
.workbench-design #wb-warehouse-picker .wb-warehouse-button .storage-tab-icon svg{width:30px;height:30px;flex-shrink:0}
.workbench-design #wb-warehouse-picker .wb-warehouse-button.is-current .storage-tab-icon{color:var(--wb-accent,#c4d3e7)!important}
.workbench-design #wb-warehouse-picker .wb-warehouse-button .storage-tab-text-wrap{grid-column:2!important;grid-row:1!important;display:flex!important;flex-direction:column!important;gap:4px!important;padding:0!important;min-width:0!important;order:0!important}
.workbench-design #wb-warehouse-picker .wb-warehouse-button .storage-tab-title{font-size:14px!important;line-height:1.4!important;font-weight:650!important;color:#eef5ff!important;white-space:normal!important;overflow-wrap:normal}
.workbench-design #wb-warehouse-picker .wb-warehouse-button .storage-tab-sub,.workbench-design #wb-warehouse-picker .wb-warehouse-button .storage-tab-status{display:none!important}
.workbench-design #wb-warehouse-picker .wb-warehouse-button .storage-tab-pill{grid-column:3!important;grid-row:1!important;position:static!important;align-self:start!important;justify-self:end;order:0!important;margin:0!important;padding:3px 8px!important;background:#2b3d53!important;border:0!important;color:#edf5ff!important;border-radius:15px!important;font-size:13px!important;line-height:1.5!important;font-weight:700!important;min-width:0;white-space:nowrap}
.workbench-design #wb-warehouse-picker .wb-work-queues .storage-tab-pill{background:#f6c45c!important;color:#282011!important}
.workbench-design #wb-warehouse-picker .wb-selection-label{grid-column:2/4;grid-row:2;display:flex;align-items:center;gap:6px;color:var(--wb-selection-text,#d4e2f5);font-size:11px;line-height:1.5;white-space:nowrap}
.workbench-design #wb-warehouse-picker .wb-selection-label[hidden]{display:none!important}
.workbench-design #wb-warehouse-picker .wb-selection-label>span{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;color:white;background:var(--wb-tick,#59728f);font-size:12px;font-weight:700}
/* Keep live filtering progress visible on the tile in every warehouse. */
.workbench-design #wb-warehouse-picker #storage-tab-filter{grid-template-rows:auto auto auto!important;row-gap:3px!important}
.workbench-design #wb-warehouse-picker #storage-tab-filter .storage-tab-icon{grid-row:1!important}
.workbench-design #wb-warehouse-picker #storage-tab-filter .filter-card-summary{display:block!important;grid-column:1/-1;grid-row:2;font-size:11px;line-height:1.5;color:#c4ddf7;white-space:normal;overflow-wrap:anywhere}
.workbench-design #wb-warehouse-picker #storage-tab-filter .filter-card-workers{display:block!important;grid-column:1/-1;grid-row:3;font-size:11px;line-height:1.5;color:#9fc5eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:100%}
.workbench-design #wb-warehouse-picker #storage-tab-filter .filter-card-workers[hidden]{display:none!important}
.workbench-design #wb-warehouse-picker #storage-tab-filter .wb-selection-label{grid-column:1/-1;grid-row:4}

.workbench-design #wb-warehouse-picker .wb-work-queues .wb-warehouse-button{min-height:68px!important;padding:8px 10px!important;row-gap:3px!important}
.workbench-design #zone-player-divider{display:grid!important;grid-template-columns:42px minmax(0,1fr);gap:4px 12px;align-items:center;margin:18px 0 8px!important;padding:0!important}
.workbench-design #zone-player-divider .zone-divider-left{display:contents}
.workbench-design #zone-player-divider .zone-badge{display:none!important}
.workbench-design #zone-player-divider .wb-warehouse-context-icon{grid-column:1;grid-row:1/3;display:flex;align-items:center;justify-content:center;color:#8fc7ff;width:42px;height:46px}
.wb-warehouse-context-icon svg{width:38px;height:38px;flex-shrink:0}
.workbench-design #zone-player-divider .zone-title-text{grid-column:2;grid-row:1;font-size:22px!important;line-height:1.4!important;min-width:0}
.workbench-design #zone-player-divider>.dashboard-list-status{grid-column:2!important;grid-row:2!important;justify-self:start;gap:10px;margin:0;min-width:0;flex-wrap:wrap}
.workbench-design #zone-player-divider>.dashboard-list-status>span{padding:0;border:0;background:none;color:#b3c8e0;font-size:12px;line-height:1.6}
.wb-queue-context-summary{grid-column:2;grid-row:2;font-size:12px;color:#b3c8e0;margin:0;line-height:1.6;overflow-wrap:anywhere}
.wb-queue-context-summary[hidden]{display:none!important}
body.filter-mode #zone-player-divider>.dashboard-list-status,body.storage-mode-unban #zone-player-divider>.dashboard-list-status{display:none!important}
.workbench-design.filter-mode .account-list-workspace>#wb-warehouse-picker{order:1}
.workbench-design.filter-mode .account-list-workspace>#zone-player-divider{order:2;display:grid!important}
.workbench-design.filter-mode #filter-queue-panel .fq-heading h3{display:none}
@media(max-width:1100px){.workbench-design .wb-warehouse-picker{grid-template-columns:minmax(0,1fr);gap:16px}}
@media(max-width:600px){
 .workbench-design .wb-warehouse-picker{gap:15px;margin-bottom:14px}
 .workbench-design #wb-warehouse-picker .wb-warehouse-button{grid-template-columns:29px minmax(0,1fr) auto!important;gap:6px!important;padding:12px 10px!important;min-height:94px!important}
 .workbench-design #wb-warehouse-picker .wb-warehouse-button .storage-tab-icon{width:29px!important;height:34px!important}
 .workbench-design #wb-warehouse-picker .wb-warehouse-button .storage-tab-icon svg{width:28px;height:28px}
 .workbench-design #wb-warehouse-picker .wb-warehouse-button .storage-tab-title{font-size:12px!important}
 .workbench-design #wb-warehouse-picker .wb-warehouse-button .storage-tab-pill{font-size:12px!important;padding:2px 7px!important}
 .workbench-design #wb-warehouse-picker .wb-work-queues .wb-warehouse-button{min-height:68px!important;padding:8px 10px!important;row-gap:3px!important;grid-template-columns:24px minmax(0,1fr) auto!important}
 .workbench-design #wb-warehouse-picker .wb-work-queues .storage-tab-icon{width:24px!important}
 .workbench-design #wb-warehouse-picker .wb-work-queues .storage-tab-icon svg{width:23px;height:25px}
 .workbench-design #wb-warehouse-picker .wb-selection-label{font-size:10px;gap:5px}
 .workbench-design #wb-warehouse-picker .wb-selection-label>span{width:16px;height:16px;font-size:10px}
 .workbench-design #zone-player-divider .zone-title-text{font-size:21px!important}
}
@media(max-width:360px){
 .workbench-design #wb-warehouse-picker .wb-warehouse-button{grid-template-columns:24px minmax(0,1fr) auto!important;padding:11px 8px!important;gap:5px!important}
 .workbench-design #wb-warehouse-picker .wb-warehouse-button .storage-tab-icon{width:24px!important}
 .workbench-design #wb-warehouse-picker .wb-warehouse-button .storage-tab-icon svg{width:24px;height:26px}
 .workbench-design #wb-warehouse-picker .wb-warehouse-button .storage-tab-title{font-size:11px!important}
 .workbench-design #wb-warehouse-picker .wb-warehouse-button .storage-tab-pill{font-size:11px!important;padding:2px 5px!important}
 .workbench-design #wb-warehouse-picker .wb-selection-label{font-size:9px}
}

.wb-card .wb-card-top>span:last-child:not(.wb-status){display:inline-flex;align-items:center;gap:5px}
.wb-card .wb-card-top>span:last-child>svg{width:15px;height:15px;flex-shrink:0}

/* Preserve the split brand color throughout the existing typing animation. */
#brand-typewriter-text{color:#f1f5fb!important}
#brand-typewriter-text>.brand-word-accent{display:inline!important;position:static!important;color:#69aaf2!important;background:none!important;-webkit-text-fill-color:#69aaf2;font:inherit!important;letter-spacing:inherit}

/* Match each warehouse's icon, outline and selection indicator. */
.workbench-design #wb-warehouse-picker [data-warehouse="rank"]{--wb-accent:#459cff;--wb-active-border:#318dff;--wb-active-bg:#15365a;--wb-active-hover:#193e66;--wb-selection-text:#a9d5ff;--wb-tick:#2683f5}
.workbench-design #wb-warehouse-picker [data-warehouse="chungsuc"]{--wb-accent:#b791f1;--wb-active-border:#ad82ec;--wb-active-bg:#29203f;--wb-active-hover:#35274f;--wb-selection-text:#dbc4ff;--wb-tick:#9870d6}
.workbench-design #zone-player-divider .wb-warehouse-context-icon[data-warehouse="rank"]{color:#459cff}
.workbench-design #zone-player-divider .wb-warehouse-context-icon[data-warehouse="chungsuc"]{color:#b791f1}
.workbench-design #zone-player-divider .wb-warehouse-context-icon[data-warehouse="filter"],.workbench-design #zone-player-divider .wb-warehouse-context-icon[data-warehouse="unban"]{color:#b7cce5}

/* Processing queues need only enough room for their live information. */
.workbench-design .wb-work-queues{align-self:start}
.workbench-design #wb-warehouse-picker .wb-work-queues .storage-tab-icon{height:22px!important}
.workbench-design #wb-warehouse-picker .wb-work-queues .storage-tab-icon svg{width:21px;height:21px}

/* Reference proportions: primary warehouses are cards; queues are compact bars. */
.workbench-design .wb-warehouse-picker{gap:14px;margin-bottom:12px}
.workbench-design #storage-switcher-bar,.workbench-design .wb-work-queues{gap:8px!important;grid-template-rows:auto auto auto}
.workbench-design #wb-warehouse-picker #storage-switcher-bar>.wb-warehouse-button{grid-template-columns:30px minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;min-height:70px!important;padding:8px 10px!important;gap:2px 8px!important;align-content:center!important}
.workbench-design #wb-warehouse-picker #storage-switcher-bar .storage-tab-icon{grid-column:1!important;grid-row:1/4!important;width:30px!important;height:34px!important}
.workbench-design #wb-warehouse-picker #storage-switcher-bar .storage-tab-icon svg{width:29px;height:29px}
.workbench-design #wb-warehouse-picker #storage-switcher-bar .storage-tab-text-wrap{grid-column:2!important;grid-row:1!important}
.workbench-design #wb-warehouse-picker #storage-switcher-bar .storage-tab-title{font-size:13px!important;line-height:1.3!important}
.workbench-design #wb-warehouse-picker #storage-switcher-bar .storage-tab-pill{grid-column:2!important;grid-row:2!important;justify-self:start!important;padding:0!important;background:none!important;border-radius:0!important;font-size:14px!important;line-height:1.25!important}
.workbench-design #wb-warehouse-picker #storage-switcher-bar .wb-selection-label{grid-column:2;grid-row:3;font-size:10px;line-height:1.4}
.workbench-design #wb-warehouse-picker #storage-switcher-bar .wb-selection-label>span{width:13px;height:13px;font-size:9px}
.workbench-design #wb-warehouse-picker .wb-work-queues>.wb-warehouse-button{grid-template-columns:18px minmax(0,1fr) auto!important;grid-template-rows:auto!important;min-height:44px!important;padding:7px 9px!important;gap:3px 7px!important;align-content:center!important}
.workbench-design #wb-warehouse-picker .wb-work-queues .storage-tab-icon{grid-row:1!important;width:18px!important;height:20px!important}
.workbench-design #wb-warehouse-picker .wb-work-queues .storage-tab-icon svg{width:18px;height:20px}
.workbench-design #wb-warehouse-picker .wb-work-queues .storage-tab-title{font-size:12px!important;line-height:1.35!important}
.workbench-design #wb-warehouse-picker .wb-work-queues .storage-tab-pill{font-size:12px!important;padding:1px 6px!important;line-height:1.5!important;border-radius:7px!important}
.workbench-design #wb-warehouse-picker .wb-work-queues .wb-selection-label,.workbench-design #wb-warehouse-picker #storage-tab-filter .wb-selection-label{grid-column:2/4;grid-row:2;font-size:9px;line-height:1.4}
.workbench-design #wb-warehouse-picker .wb-work-queues .wb-selection-label>span{width:13px;height:13px;font-size:9px}
.wb-filter-progress-strip{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;color:#afc6e1;font-size:11px;line-height:1.5;padding:0 2px;min-width:0}
.wb-filter-progress-strip>strong{font-weight:550;color:#cbdcf1}
.wb-filter-progress-strip #filter-card-summary{color:#c1d7ee;white-space:normal;overflow-wrap:anywhere;font-size:11px}
.wb-filter-progress-strip #filter-card-workers{color:#9fc5eb;font-size:11px;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wb-filter-progress-strip #filter-card-workers[hidden]{display:none!important}
@media(max-width:600px){
 .workbench-design .wb-warehouse-picker{gap:11px}
 .wb-warehouse-group-title{font-size:10px;line-height:1.4}
 .workbench-design #wb-warehouse-picker #storage-switcher-bar>.wb-warehouse-button{padding:8px!important;column-gap:7px!important}
 .workbench-design #wb-warehouse-picker .wb-work-queues>.wb-warehouse-button{padding:7px!important;column-gap:5px!important}
 .workbench-design #wb-warehouse-picker .wb-work-queues .storage-tab-title{font-size:11px!important}
 .workbench-design #zone-player-divider{margin-top:12px!important}
}

.workbench-design .dashboard-search-actions[hidden]{display:none!important}

/* Filtering progress belongs inside its own warehouse tile. */
.workbench-design #wb-warehouse-picker #storage-tab-filter .wb-filter-progress-strip{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;gap:2px 7px;min-width:0;padding:2px 0 0;text-align:left;line-height:1.4}
.workbench-design #wb-warehouse-picker #storage-tab-filter .wb-selection-label{grid-column:1/-1;grid-row:3}
.workbench-design #wb-warehouse-picker #storage-tab-filter .wb-filter-progress-strip #filter-card-summary,.workbench-design #wb-warehouse-picker #storage-tab-filter .wb-filter-progress-strip #filter-card-workers{font-size:10px;line-height:1.5;grid-column:auto;grid-row:auto}

/* Compact Rank accounts retain the warehouse palette without coloring actions. */
.wb-compact [data-rank-group="BK"]{--wb-rank-accent:#cbd5e1;--wb-rank-surface:#1a2635;--wb-rank-edge:#46586f}
.wb-compact [data-rank-group="KC"]{--wb-rank-accent:#43d6f5;--wb-rank-surface:#102a38;--wb-rank-edge:#28586b}
.wb-compact [data-rank-group="TA"]{--wb-rank-accent:#c084fc;--wb-rank-surface:#252039;--wb-rank-edge:#584273}
.wb-compact [data-rank-group="CT"]{--wb-rank-accent:#fbad68;--wb-rank-surface:#30251e;--wb-rank-edge:#745038}
.wb-compact [data-rank-group="DCT"]{--wb-rank-accent:#f3d264;--wb-rank-surface:#2d2a1a;--wb-rank-edge:#706139}
.wb-compact [data-rank-group="KHAC"]{--wb-rank-accent:#a4b5cb;--wb-rank-surface:#192433;--wb-rank-edge:#3c4e64}
.wb-card[data-rank-group]{background:var(--wb-rank-surface);border-color:var(--wb-rank-edge);border-left:3px solid var(--wb-rank-accent)}
.wb-card[data-rank-group] .wb-rank-meta{color:var(--wb-rank-accent);font-weight:600}
.wb-card[data-rank-group] .wb-rank-meta svg{color:inherit}
.wb-table .wb-row[data-rank-group]>td{background:var(--wb-rank-surface)}
.wb-table .wb-row[data-rank-group]>td:first-child{box-shadow:inset 3px 0 var(--wb-rank-accent)}
.wb-table .wb-row[data-rank-group]>td:nth-child(2){color:var(--wb-rank-accent);font-weight:650}
.wb-table .wb-row[data-rank-group]:hover>td{background:#1d3047}

/* Clear group boundaries in the compact all-Rank list, including page continuations. */
.wb-rank-group-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;margin:12px 0 2px;border:1px solid var(--wb-rank-edge);border-left:3px solid var(--wb-rank-accent);border-radius:8px;background:var(--wb-rank-surface);color:var(--wb-rank-accent);font-size:13px;font-weight:650;line-height:1.5;min-width:0}
.wb-rank-group-label{display:flex;align-items:center;gap:8px;min-width:0;overflow-wrap:anywhere}
.wb-rank-group-label svg{width:19px;height:21px;flex-shrink:0}
.wb-rank-group-heading small{font-size:10px;font-weight:400;color:#b6c9df}
.wb-rank-group-count{text-align:right;font-size:12px;white-space:nowrap;flex-shrink:0}
.wb-rank-group-count small{display:block}
.wb-table .wb-rank-divider>td{padding:8px 0 0;border-bottom:0;background:#0d1928}
.wb-table .wb-rank-divider .wb-rank-group-heading{border-radius:0;margin:0;padding:10px 16px}
.wb-table .wb-rank-divider:hover{background:none;cursor:default}
@media(max-width:600px){.wb-rank-group-heading{font-size:12px;padding:9px 10px;gap:8px}.wb-rank-group-count{font-size:11px}}

#option-menu-dropdown #sync-status-bar{display:flex!important;flex-wrap:wrap;width:100%;margin:12px 0;padding:12px;box-sizing:border-box;gap:8px;font-size:12px;line-height:1.6}
#option-menu-dropdown #sync-status-text{flex:1 1 180px;min-width:0}
#option-menu-dropdown #sync-status-bar button{min-height:40px}

/* Readability and hierarchy refinement, shared across existing workspaces. */
.workbench-design .dashboard-sidebar nav button{font-size:14px;min-height:46px}
.workbench-design .dashboard-sidebar nav button.is-active{background:#152b45;border-color:transparent;box-shadow:inset 3px 0 #429bff;color:#fff}
.workbench-design .wb-table td,.workbench-design .wb-account-name{font-size:15px}
.workbench-design .wb-table th{font-size:13px}
.workbench-design :is(.wb-card-metadata,.wb-status,.wb-card .rank-copy-person,.wb-view-toolbar p,.wb-pagination){font-size:12px}
.workbench-design .wb-card .wb-account-name{font-size:16px}
.workbench-design .wb-card[data-rank-group],.workbench-design .wb-table .wb-row[data-rank-group]>td,.workbench-design .wb-rank-group-heading{background:#132033}
.workbench-design .wb-card[data-rank-group]{border-color:#34465c;border-left-color:var(--wb-rank-accent)}
.workbench-design .wb-rank-group-heading{width:100%;text-align:left;font-family:inherit;cursor:pointer;border-color:#33465e;border-left-color:var(--wb-rank-accent);font-size:14px}
.workbench-design .wb-rank-group-heading::before{content:'▾';color:#a6bdd9}.workbench-design .wb-rank-group-heading[aria-expanded="false"]::before{content:'▸'}
.workbench-design .wb-rank-group-label{flex:1}
.workbench-design .search-bar-wrap{flex-wrap:wrap;gap:8px}
.workbench-design .search-bar-inner{flex:1 1 360px;max-width:480px}
.workbench-design .search-bar-wrap #admin-account-tools{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 0 auto;width:auto}
.workbench-design .search-bar-wrap #admin-account-tools[hidden]{display:none}
.workbench-design .search-bar-wrap #admin-account-tools .btn{min-height:42px;font-size:12px}
.workbench-design .dashboard-add-actions{display:none!important}
.workbench-design .wb-filter-controls{align-items:center;gap:12px;margin:8px 0}
.workbench-design .wb-filter-controls label,.workbench-design .wb-filter-controls select{font-size:13px}
.workbench-design #quick-rank-nav{display:none!important}
.wb-history-menu{position:relative;margin-left:auto;color:#bdd0e7;font-size:13px}
.wb-history-menu>summary{padding:10px 14px;border:1px solid #3b506b;border-radius:8px;cursor:pointer;min-height:42px}
.wb-history-menu>.history-filters{position:absolute;right:0;top:100%;z-index:80;width:240px;padding:10px;border:1px solid #3c526e;border-radius:8px;background:#132238;display:flex!important;flex-direction:column;align-items:stretch;box-shadow:0 8px 24px #0005}
.wb-history-menu:not([open])>.history-filters{display:none!important}
.wb-history-menu .filter-label{display:none}
.wb-view-toolbar>div{gap:4px;align-items:center}.wb-view-toolbar .wb-group-toggle{border-right:1px solid #40516a;border-radius:0}
.wb-nav-count{margin-left:auto;padding:2px 7px;border-radius:12px;background:#3c331c;color:#ffd16d;font-size:12px}
.workbench-design :is(.fq-account,.fq-heading,.audit-tools,.device-session-record,.option-item-title){font-size:14px}
.workbench-design :is(.fq-note,.option-item-sub,.device-session-details){font-size:12px}
.workbench-design .btn,.workbench-design .wb-row-actions button{border-radius:8px;box-shadow:none}
@media(max-width:820px){
 .workbench-design .search-bar-inner{max-width:none;flex:1 1 180px}
 .workbench-design .search-bar-wrap #admin-account-tools{flex-basis:100%;justify-content:flex-end}
 .workbench-design .wb-filter-controls{display:flex;flex-wrap:wrap}
 .workbench-design .wb-filter-controls select{font-size:14px;min-height:44px;max-width:100%}
 .workbench-design .wb-filter-controls label{flex:1 1 140px;justify-content:space-between}
 .workbench-design .wb-history-menu{margin-left:0}
 .workbench-design .wb-view-toolbar{flex-wrap:wrap;margin:8px 0}
 .workbench-design .wb-view-toolbar p{flex:1 1 160px}
 .workbench-design .wb-view-toolbar>div{flex-wrap:wrap}
 .wb-history-menu>.history-filters{right:auto;left:0}
}

.wb-settings-heading{font-size:13px;font-weight:650;color:#a9c3e3;padding:16px 4px 8px;margin:0}

/* Warehouse overview: two distinct regions with aligned icon/name/count cells. */
.workbench-design .wb-warehouse-picker{gap:22px;align-items:start;padding:4px 0 8px}
.workbench-design #wb-warehouse-picker .wb-work-queues{padding-left:22px;border-left:1px solid #30455e!important;box-sizing:border-box}
.workbench-design #wb-warehouse-picker :is(#storage-switcher-bar,.wb-work-queues)>.wb-warehouse-button{grid-template-columns:42px minmax(0,1fr) auto!important;grid-template-rows:auto auto auto!important;min-height:84px!important;padding:10px 12px!important;gap:3px 12px!important;align-content:center!important;border-width:1px!important;border-radius:7px!important}
.workbench-design #wb-warehouse-picker .wb-warehouse-button .storage-tab-icon{grid-column:1!important;grid-row:1/4!important;align-self:center!important;width:42px!important;height:44px!important;border-radius:8px!important;background:#1e3049!important;margin:0!important}
.workbench-design #wb-warehouse-picker .wb-warehouse-button .storage-tab-icon svg{width:27px!important;height:29px!important}
.workbench-design #wb-warehouse-picker [data-warehouse="rank"] .storage-tab-icon{background:#173464!important}
.workbench-design #wb-warehouse-picker [data-warehouse="chungsuc"] .storage-tab-icon{background:#302546!important}
.workbench-design #wb-warehouse-picker [data-warehouse="unban"] .storage-tab-icon{color:#f4c05d!important;background:#302b1f!important}
.workbench-design #wb-warehouse-picker .wb-warehouse-button .storage-tab-text-wrap{grid-column:2/4!important;grid-row:1!important}
.workbench-design #wb-warehouse-picker .wb-warehouse-button .storage-tab-title{font-size:13px!important;font-weight:550!important;line-height:1.4!important}
.workbench-design #wb-warehouse-picker :is(#storage-switcher-bar,.wb-work-queues) .storage-tab-pill{grid-column:2!important;grid-row:2!important;justify-self:start!important;align-self:center!important;font-size:21px!important;line-height:1.2!important;font-weight:750!important;background:none!important;color:#f1f6ff!important;padding:0!important;border-radius:0!important;margin:0!important}
.workbench-design #wb-warehouse-picker #storage-switcher-bar .wb-selection-label{grid-column:3;grid-row:2;justify-self:end;font-size:10px}
.workbench-design #wb-warehouse-picker #storage-tab-filter .wb-filter-progress-strip{grid-column:2/4;grid-row:3;padding-top:1px;gap:0 6px}
.workbench-design #wb-warehouse-picker #storage-tab-filter .wb-filter-progress-strip :is(#filter-card-summary,#filter-card-workers){font-size:10px;line-height:1.4}
.workbench-design #wb-warehouse-picker .wb-work-queues .wb-selection-label,.workbench-design #wb-warehouse-picker #storage-tab-filter .wb-selection-label{grid-column:3;grid-row:2;justify-self:end;font-size:9px}
@media(max-width:1100px){
 .workbench-design .wb-warehouse-picker{gap:12px}
 .workbench-design #wb-warehouse-picker .wb-work-queues{padding-left:0;border-left:0!important;padding-top:10px;border-top:1px solid #273c53!important}
}
@media(max-width:600px){
 .workbench-design #wb-warehouse-picker :is(#storage-switcher-bar,.wb-work-queues)>.wb-warehouse-button{grid-template-columns:30px minmax(0,1fr)!important;min-height:80px!important;padding:9px!important;gap:3px 8px!important}
 .workbench-design #wb-warehouse-picker .wb-warehouse-button .storage-tab-icon{grid-column:1!important;grid-row:1/4!important;width:30px!important;height:35px!important;border-radius:6px!important}
 .workbench-design #wb-warehouse-picker .wb-warehouse-button .storage-tab-icon svg{width:23px!important;height:25px!important}
 .workbench-design #wb-warehouse-picker .wb-warehouse-button .storage-tab-text-wrap{grid-column:2!important;font-size:12px!important}
 .workbench-design #wb-warehouse-picker .wb-warehouse-button .storage-tab-title{font-size:12px!important}
 .workbench-design #wb-warehouse-picker :is(#storage-switcher-bar,.wb-work-queues) .storage-tab-pill{font-size:19px!important;grid-column:2!important;grid-row:2!important}
 .workbench-design #wb-warehouse-picker #storage-switcher-bar .wb-selection-label,.workbench-design #wb-warehouse-picker .wb-work-queues .wb-selection-label,.workbench-design #wb-warehouse-picker #storage-tab-filter .wb-selection-label{grid-column:2;grid-row:3;justify-self:start;font-size:9px}
 .workbench-design #wb-warehouse-picker #storage-tab-filter .wb-filter-progress-strip{grid-column:1/-1;grid-row:4}
}

/* Align desktop warehouse tiles even when a queue has live worker metadata. */
@media(min-width:1101px){
 .workbench-design .wb-warehouse-picker{align-items:stretch}
 .workbench-design #wb-warehouse-picker :is(#storage-switcher-bar,.wb-work-queues){grid-template-rows:auto 106px;align-items:stretch;align-self:stretch}
 .workbench-design #wb-warehouse-picker :is(#storage-switcher-bar,.wb-work-queues)>.wb-warehouse-button{height:106px;min-height:106px!important;grid-template-rows:20px 26px 18px!important;align-content:center!important}
 .workbench-design #wb-warehouse-picker .wb-warehouse-button .storage-tab-icon{grid-row:1/3!important;align-self:center!important}
 .workbench-design #wb-warehouse-picker #storage-tab-filter .wb-filter-progress-strip{grid-row:3;flex-wrap:nowrap;overflow:hidden}
 .workbench-design #wb-warehouse-picker #storage-tab-filter .wb-filter-progress-strip #filter-card-summary{flex-shrink:0;white-space:nowrap}
 .workbench-design #wb-warehouse-picker #storage-tab-filter .wb-filter-progress-strip #filter-card-workers{min-width:0;overflow:hidden;text-overflow:ellipsis}
}

/* Hidden must win over the picker layout rules in every viewport. */
.workbench-design #wb-warehouse-picker .wb-warehouse-button[hidden]{display:none!important}

/* Keep the expanded menu within the mobile flow, never outside the viewport. */
@media(max-width:820px){
 .workbench-design .wb-filter-controls{display:grid;grid-template-columns:minmax(0,1fr);width:100%;gap:8px}
 .workbench-design .wb-filter-controls>label{display:grid;grid-template-columns:80px minmax(0,1fr);gap:10px;align-items:center;min-width:0}
 .workbench-design .wb-filter-controls select{width:100%!important;min-width:0}
 .workbench-design .wb-history-menu{width:100%;min-width:0;margin:0}
 .workbench-design .wb-history-menu>summary{width:100%;box-sizing:border-box}
 .workbench-design .wb-history-menu>.history-filters{position:static;inset:auto;width:100%;max-width:100%;box-sizing:border-box;margin-top:6px;box-shadow:none}
 .workbench-design .wb-history-menu .rank-nav-chip{white-space:normal;overflow-wrap:anywhere;width:100%;text-align:left;justify-content:flex-start}
 .workbench-design .wb-view-toolbar>div{max-width:100%;flex-wrap:wrap}
}

.wb-recent-button{min-height:44px;padding:9px 13px;border:1px solid #415b79;border-radius:8px;background:#172b43;color:#c8e3ff;font:inherit;font-size:13px;cursor:pointer}
.wb-recent-button[aria-pressed="true"]{background:#174b7c;border-color:#71b9ff;color:#fff}

.rank-lock-panel{padding:12px;margin:12px 0;border:1px solid #3b526e;border-radius:8px;font-size:13px}.rank-lock-panel[hidden]{display:none}.rank-lock-panel p{font-size:12px;line-height:1.6;margin:10px 0;color:#b3c9e3}.rank-lock-panel>div{display:grid;gap:8px}.rank-lock-panel button{min-height:44px;border:1px solid #48617f;border-radius:7px;background:#182b43;color:#e5f1ff;padding:8px;text-align:left}.rank-lock-panel button[aria-pressed="true"]{background:#442930;color:#ffc3c3}.rank-lock-panel small{display:block;margin-top:8px}.rank-lock-copy-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#412833;color:#ffd0d0;border-radius:inherit;font-size:11px;z-index:4}.rank-lock-panel summary{cursor:pointer}button[data-rank-locked]{position:relative}

.guest-report-button{min-height:40px;padding:7px 10px;border:1px solid #82643b;border-radius:7px;background:#302b22;color:#f6d29a;font:inherit;font-size:12px;cursor:pointer}.account-reports-dialog{width:min(680px,94vw);max-height:90dvh;overflow:auto;background:#122035;color:#e6f1ff;border:1px solid #405775;border-radius:12px;padding:20px}.account-reports-dialog::backdrop{background:#020917bb}.account-reports-dialog header{display:flex;justify-content:space-between;align-items:center;margin:0 0 16px;padding:0;gap:12px}.account-reports-dialog h2{font-size:19px}.account-reports-dialog label{display:grid;gap:7px;margin:14px 0;font-size:13px}.account-reports-dialog select,.account-reports-dialog textarea{width:100%;min-height:44px;background:#0c1727;color:white;border:1px solid #4c6380;border-radius:7px;padding:10px;font-size:16px}.account-reports-dialog textarea{min-height:90px}.account-reports-dialog button{min-height:44px;cursor:pointer}.account-reports-dialog p{line-height:1.6;margin:8px 0;overflow-wrap:anywhere}.report-list article{padding:14px 0;border-bottom:1px solid #38506b}.report-list small{color:#a8bfdc}.report-list article>div{display:flex;gap:8px;margin-top:10px}.account-reports-dialog [hidden]{display:none!important}

.account-reports-queue{padding:16px;border:1px solid #795b36;border-radius:10px;background:#1e242e;margin:14px 0;font-size:14px}.account-reports-queue[hidden]{display:none!important}.account-reports-queue header{display:flex;justify-content:space-between;margin:0;padding:0;background:none;border:0}.account-reports-queue h2{font-size:18px}.account-reports-queue p{margin:8px 0;line-height:1.6;overflow-wrap:anywhere}.account-reports-queue button{min-height:44px;border:1px solid #48617e;background:#1d3550;color:#e6f2ff;border-radius:7px;padding:8px 12px;cursor:pointer}.account-reports-queue [hidden]{display:none!important}

/* Guest mobile actions share a row; usage metadata follows below. */
@media(max-width:820px){
 .workbench-design :is(.m-primary-actions,.wb-row-actions):has(>.guest-report-button){display:flex!important;flex-wrap:wrap!important;align-items:center;justify-content:flex-end!important;gap:8px!important}
 .workbench-design :is(.m-primary-actions,.wb-row-actions):has(>.guest-report-button)>:is(.m-btn-copy,.wb-copy){order:0;flex:0 1 138px!important;width:138px!important;min-width:110px;min-height:44px;margin:0!important}
 .workbench-design :is(.m-primary-actions,.wb-row-actions)>.guest-report-button{order:1;flex:0 0 auto;min-height:44px;margin:0!important}
 .workbench-design :is(.m-primary-actions,.wb-row-actions):has(>.guest-report-button)>.wb-open{order:2}
 .workbench-design :is(.m-primary-actions,.wb-row-actions):has(>.guest-report-button)>:is(.rank-copy-person,.row-save-status,.copy-result-hint){order:3;flex:1 0 100%;width:100%;margin-top:0;text-align:right}
}

/* Last-copy attribution leads the same action row on guest mobile cards. */
@media(max-width:820px){
 .workbench-design :is(.m-primary-actions,.wb-row-actions):has(>.guest-report-button)>.rank-copy-person{order:-1;flex:1 1 55px!important;width:auto!important;min-width:0;text-align:left!important;margin:0!important;line-height:1.5;font-size:10px;overflow-wrap:anywhere}
 .workbench-design :is(.m-primary-actions,.wb-row-actions):has(>.guest-report-button)>:is(.m-btn-copy,.wb-copy){flex:0 0 102px!important;width:102px!important;min-width:102px;font-size:11px}
 .workbench-design :is(.m-primary-actions,.wb-row-actions)>.guest-report-button{padding:7px 8px;font-size:11px}
}

/* Admin actions: attribution | Copy | More, without a separate button row. */
@media(max-width:820px){
 .workbench-design .m-primary-actions:has(>.account-more-button){display:flex!important;flex-wrap:wrap!important;align-items:center;justify-content:flex-end!important;gap:8px!important}
 .workbench-design .m-primary-actions:has(>.account-more-button)>.m-btn-copy{order:0;flex:0 0 110px!important;width:110px!important;min-width:110px;min-height:44px;margin:0!important}
 .workbench-design .m-primary-actions>.account-more-button{order:1;flex:0 0 44px;width:44px!important;min-height:44px;margin:0!important}
 .workbench-design .m-primary-actions:has(>.account-more-button)>.rank-copy-person{order:-1;flex:1 1 60px!important;width:auto!important;min-width:0;text-align:left!important;margin:0!important;font-size:10px;line-height:1.5;overflow-wrap:anywhere}
 .workbench-design .m-primary-actions:has(>.account-more-button)>:is(.row-save-status,.copy-result-hint){order:2;flex:1 0 100%;width:100%}
}

/* Settings scrolls as one list; rows must retain their natural height. */
#option-menu-dropdown .option-menu-list{overflow-x:hidden;min-width:0}
#option-menu-dropdown .option-menu-list>*{flex-shrink:0;min-width:0;max-width:100%;box-sizing:border-box}
#option-menu-dropdown .option-menu-item{height:auto;min-height:54px;flex-shrink:0}
#option-menu-dropdown .option-item-content{min-width:0}
#option-menu-dropdown .option-item-title{white-space:normal;overflow-wrap:anywhere}
#option-menu-dropdown .rank-lock-panel,#option-menu-dropdown .account-report-admin-panel{width:100%;min-width:0;box-sizing:border-box}
#option-menu-dropdown .rank-lock-panel button{width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;box-sizing:border-box}

/* Compact settings spacing without shrinking interactive rows. */
#option-menu-dropdown .option-menu-list{gap:4px;justify-content:flex-start}
#option-menu-dropdown .wb-settings-heading{padding:8px 4px 3px;margin:0;font-size:12px;line-height:1.4}
#option-menu-dropdown #sync-status-bar{margin:0 0 4px;padding:6px 8px;min-height:0;gap:6px;font-size:12px;line-height:1.5}
#option-menu-dropdown #sync-status-text{flex:1 1 140px}
#option-menu-dropdown .option-menu-item{padding:8px 10px;min-height:48px}
#option-menu-dropdown .btn-change-user-name{min-height:40px}
#option-menu-dropdown .rank-lock-panel{margin:6px 0;padding:10px}
@media(max-width:600px){
 #option-menu-dropdown .option-menu-list{padding:10px 12px 20px}
 #option-menu-dropdown .settings-page-intro{padding-bottom:10px}
 #option-menu-dropdown .option-menu-item{min-height:52px}
 #option-menu-dropdown .btn-change-user-name{min-height:44px}
}

.rank-lock-dialog{width:min(460px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;padding:16px;border:1px solid #3b526e;border-radius:12px;background:#101d30;color:#e5f1ff}
.rank-lock-dialog::backdrop{background:rgba(0,0,0,.65)}
.rank-lock-dialog .rank-lock-panel{margin:8px 0 0;border:0;padding:0}
.rank-lock-dialog .rank-lock-panel>summary{list-style:none;pointer-events:none;font-weight:700;font-size:18px}
.rank-lock-close{display:block;margin-left:auto;min-height:40px;padding:6px 12px;border:1px solid #48617f;border-radius:7px;background:#182b43;color:#e5f1ff}
.rank-lock-nav[hidden],.rank-lock-mobile[hidden]{display:none!important}
.mobile-bottom-nav nav:has(>.rank-lock-mobile:not([hidden])){grid-template-columns:repeat(4,minmax(0,1fr))}
.rank-lock-mobile{display:none!important;min-width:0}
.mobile-bottom-nav nav>.rank-lock-mobile:not([hidden]){display:flex!important}

.rank-locked-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border:1px solid #dc4545;border-radius:6px;background:#521f29;color:#ffb6b6;font-size:12px;font-weight:700;white-space:nowrap}
.rank-group-locked{cursor:not-allowed!important;opacity:1!important}
.rank-group-locked .group-collapse-icon{visibility:hidden}

/* Match navigation typography and center rank controls in the viewport. */
.workbench-design .dashboard-sidebar nav .rank-lock-nav{width:100%;gap:12px}
.workbench-design .dashboard-sidebar nav .rank-lock-nav strong{font:inherit;white-space:nowrap}
.rank-lock-mobile>svg{width:22px;height:22px;flex-shrink:0}
.rank-lock-dialog{position:fixed;inset:0;margin:auto;width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 32px);height:fit-content;padding:22px;font-family:inherit;box-shadow:0 20px 70px #0007}
.rank-lock-dialog .rank-lock-close{position:absolute;top:14px;right:16px;min-height:34px;font:inherit;font-size:12px}
.rank-lock-dialog .rank-lock-panel{margin:0}
.rank-lock-dialog .rank-lock-panel>summary{padding:0 70px 4px 0;font-size:18px;line-height:1.5}
.rank-lock-dialog .rank-lock-panel>p{margin:8px 0 18px;font-size:13px;line-height:1.6}
.rank-lock-dialog .rank-lock-panel>div{gap:0;border-top:1px solid #30425a}
.rank-lock-row{display:grid;grid-template-columns:minmax(0,1fr) 76px 82px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #30425a}
.rank-lock-row>strong{font-size:13px;font-weight:600;line-height:1.5}
.rank-lock-state{font-size:12px;color:#8fd9bc}
.rank-lock-row[data-locked="true"] .rank-lock-state{color:#ff9d9d}
.rank-lock-dialog .rank-lock-row button{min-height:38px;text-align:center;padding:6px 10px;font:inherit;font-size:12px;background:#192c43;border-color:#415975}
.rank-lock-dialog .rank-lock-row button[aria-pressed="true"]{background:#42242e;border-color:#99505b;color:#ffc3c3}
@media(max-width:600px){.rank-lock-dialog{padding:18px;width:calc(100vw - 24px)}.rank-lock-row{grid-template-columns:minmax(0,1fr) 66px 72px;gap:8px}.rank-lock-dialog .rank-lock-row button{min-height:44px}}