/* Compact selection toolbar; no changes to product column widths. */
#pickPool #selectionPoolRoot{container-type:inline-size;container-name:selection-toolbar}
#pickPool #selectionPoolRoot .sp-toolbar.sp-compact-toolbar{display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:8px!important;width:100%;min-width:0;min-height:56px!important;height:56px!important;padding:9px 0!important;overflow:visible!important;font-size:13px}
#pickPool #selectionPoolRoot .sp-compact-toolbar>*{flex-shrink:0;order:0}
#pickPool #selectionPoolRoot .sp-compact-toolbar button,#pickPool #selectionPoolRoot .sp-compact-toolbar select{box-sizing:border-box;height:38px!important;min-height:38px!important;font:inherit;font-size:13px!important;line-height:20px!important;border-radius:8px;white-space:nowrap}
#pickPool #selectionPoolRoot .sp-compact-toolbar>button,#pickPool #selectionPoolRoot .sp-compact-toolbar select,#pickPool #selectionPoolRoot .sp-search-control>button,#pickPool #selectionPoolRoot .sp-time-toolbar>button{border:1px solid #dce3ed;background:#fff;color:#43536d;padding:0 10px;box-shadow:none}
#pickPool #selectionPoolRoot .sp-search-control{position:relative;flex:0 0 38px;width:38px}
#pickPool #selectionPoolRoot .sp-search-control>button{position:relative;display:flex;align-items:center;justify-content:center;width:38px;padding:0;font-size:14px!important}
#pickPool #selectionPoolRoot .sp-search-dot{position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:50%;background:#2b66ed}
#pickPool #selectionPoolRoot .sp-compact-toolbar>.sp-segment{display:flex;flex:0 0 218px;width:218px;min-width:0;align-items:center;height:38px!important;padding:3px;gap:2px;background:#f1f3f6;border-radius:8px}
#pickPool #selectionPoolRoot .sp-compact-toolbar .sp-segment button{height:32px!important;min-height:32px!important;flex:1;padding:0 8px;border:0;background:transparent;color:#77859a;line-height:20px!important}
#pickPool #selectionPoolRoot .sp-compact-toolbar .sp-segment button.active{color:#2860ed;background:#fff;font-weight:500;box-shadow:0 1px 3px #22335416}
#pickPool #selectionPoolRoot #spOpinionStatus{flex:0 0 100px;width:100px;min-width:100px;padding:0 5px 0 8px}
#pickPool #selectionPoolRoot .sp-compact-toolbar .sp-assignment-filters{display:flex!important;flex:0 0 auto;align-items:center;gap:8px;flex-wrap:nowrap!important;order:0!important}
#pickPool #selectionPoolRoot .sp-assignment-filters select{margin:0;max-width:none;padding:0 5px 0 8px}
#pickPool #selectionPoolRoot [data-assignment-filter=assignee]{flex:0 0 112px;width:112px;min-width:112px}
#pickPool #selectionPoolRoot [data-assignment-filter=shop]{flex:0 0 100px;width:100px;min-width:100px}
#pickPool #selectionPoolRoot .sp-compact-toolbar>.sp-time-toolbar{display:block;flex:0 0 112px;width:112px;min-width:0;padding:0;margin:0;min-height:38px;position:relative}
#pickPool #selectionPoolRoot .sp-time-toolbar>button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 8px;text-align:left;font-weight:400;letter-spacing:0}
#pickPool #selectionPoolRoot .sp-time-toolbar>button>#spTimeLabel{flex:1;min-width:0;text-align:left;color:inherit;font:inherit;line-height:20px}
#pickPool #selectionPoolRoot .sp-time-toolbar>button>span:last-child{display:block;box-sizing:border-box;flex:0 0 7px;width:7px;height:7px;margin:-3px 2px 0 4px;padding:0;border:0;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);font-size:0;line-height:0;color:inherit}
#pickPool #selectionPoolRoot .sp-compact-toolbar>.sp-filter-button{flex:0 0 64px;width:64px;min-width:0;padding:0 6px}
#pickPool #selectionPoolRoot .sp-compact-toolbar>.sp-push{display:block!important;flex:1 1 0!important;min-width:0}
#pickPool #selectionPoolRoot .sp-compact-toolbar>.sp-create-primary{flex:0 0 88px!important;width:88px;min-width:88px;height:38px!important;padding:0 8px!important;border:1px solid #2860ff!important;color:#fff!important;background:#2860ff!important;letter-spacing:0}
#pickPool #selectionPoolRoot .sp-compact-toolbar>.sp-toolbar-more{flex:0 0 32px!important;width:32px!important;min-width:32px!important;height:38px!important;padding:0!important;justify-content:center;align-items:center;font-size:24px!important;line-height:1!important}
#pickPool #selectionPoolRoot .sp-compact-toolbar .is-active{color:#2563eb!important;background:#f0f5ff!important;border-color:#a9c5ff!important}
#pickPool #selectionPoolRoot .sp-compact-toolbar>.sp-batch-progress{position:absolute;right:0;top:100%;z-index:42;max-width:260px;overflow:hidden;text-overflow:ellipsis;font-size:12px!important;box-shadow:0 3px 12px #26334d18}
#pickPool #selectionPoolRoot .sp-toolbar-popover{position:fixed;inset:auto;margin:0;z-index:14000;box-sizing:border-box;border:1px solid #dce3ed;border-radius:10px;background:#fff;color:#34445c;padding:12px;box-shadow:0 10px 30px #1b2e4d22;font:13px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',sans-serif}
#pickPool #selectionPoolRoot .sp-search-popover{width:330px;max-width:calc(100vw - 16px)}
#pickPool #selectionPoolRoot .sp-search-popover label{display:block;color:#6e7c91;font-size:12px;margin:0 0 8px}
#pickPool #selectionPoolRoot .sp-search-input-line{display:flex;align-items:center;gap:6px}
#pickPool #selectionPoolRoot #spSearch{flex:1;min-width:0;max-width:none;width:100%;height:38px;padding:7px 10px;border:1px solid #dce3ed;border-radius:7px;background:#fff;font:inherit}
#pickPool #selectionPoolRoot .sp-search-input-line button{width:30px;height:32px!important;min-height:32px!important;padding:0;font-size:20px!important;background:#f3f5f8}
#pickPool #selectionPoolRoot .sp-time-popover{width:214px;padding:7px}
#pickPool #selectionPoolRoot .sp-time-popover p{margin:4px 6px 7px;color:#8390a3;font-size:11px;white-space:nowrap}
#pickPool #selectionPoolRoot .sp-time-popover button{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;background:#fff;padding:0 10px;border:0;height:34px!important;min-height:34px!important}
#pickPool #selectionPoolRoot .sp-time-popover button>span{visibility:hidden;color:#2563eb}
#pickPool #selectionPoolRoot .sp-time-popover button.active{background:#eef4ff;color:#2563eb}
#pickPool #selectionPoolRoot .sp-time-popover button.active>span{visibility:visible}
#pickPool #selectionPoolRoot .sp-time-popover button:hover{background:#f4f7fb}
/* Month strip remains below column headers; the next month pushes the pinned strip out. */
#pickPool #selectionPoolRoot .sp-table-frame{position:relative}
#pickPool #selectionPoolRoot .sp-month-row td{position:static!important;height:40px!important;padding:0!important;background:#f5f7fa!important;overflow:visible!important;border-bottom:1px solid #e4e9f0!important;box-shadow:none!important}
#pickPool #selectionPoolRoot .sp-month-row button,#pickPool #selectionPoolRoot .sp-month-pin button{box-sizing:border-box;display:flex;align-items:center;gap:9px;position:sticky;left:0;width:max-content;min-width:218px;height:40px!important;min-height:40px;padding:0 14px!important;text-align:left;border:0;border-left:0!important;border-radius:0;background:#f5f7fa!important;color:#516079!important;font-size:14px;font-weight:600;line-height:20px;white-space:nowrap}
#pickPool #selectionPoolRoot .sp-month-row button:hover,#pickPool #selectionPoolRoot .sp-month-pin button:hover{background:#edf1f6!important}
#pickPool #selectionPoolRoot .sp-month-chevron{width:10px;font-size:11px;color:#8290a4}
#pickPool #selectionPoolRoot .sp-month-title{font-weight:600;letter-spacing:.2px}
#pickPool #selectionPoolRoot .sp-month-row small,#pickPool #selectionPoolRoot .sp-month-pin small{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:22px;margin:0 0 0 3px;padding:0 8px;border-radius:11px;background:#e9edf3;color:#748299;font-size:12px;font-weight:500;line-height:22px}
#pickPool #selectionPoolRoot .sp-month-pin{position:absolute;z-index:31;height:40px;background:#f5f7fa;border-bottom:1px solid #dce3ed;box-shadow:0 3px 8px #233a5c10;overflow:hidden;will-change:transform}
#pickPool #selectionPoolRoot .sp-month-pin button{position:static}
#pickPool #selectionPoolRoot .sp-scroll:focus-visible{outline:2px solid #a2c1ff;outline-offset:-2px}
@container selection-toolbar (max-width:1000px){
#pickPool #selectionPoolRoot .sp-toolbar.sp-compact-toolbar{gap:6px!important}
#pickPool #selectionPoolRoot .sp-compact-toolbar>.sp-segment{width:182px;flex-basis:182px}
#pickPool #selectionPoolRoot .sp-compact-toolbar .sp-segment button{padding:0 4px;font-size:12px!important}
#pickPool #selectionPoolRoot #spOpinionStatus{flex-basis:88px;width:88px;min-width:88px}
#pickPool #selectionPoolRoot .sp-compact-toolbar .sp-assignment-filters{gap:6px}
#pickPool #selectionPoolRoot [data-assignment-filter=assignee]{width:98px;min-width:98px;flex-basis:98px}
#pickPool #selectionPoolRoot [data-assignment-filter=shop]{width:84px;min-width:84px;flex-basis:84px}
#pickPool #selectionPoolRoot .sp-compact-toolbar>.sp-time-toolbar{width:116px;flex-basis:116px}
#pickPool #selectionPoolRoot .sp-compact-toolbar>.sp-filter-button{width:56px;flex-basis:56px}
#pickPool #selectionPoolRoot .sp-compact-toolbar>.sp-create-primary{width:80px;min-width:80px;flex-basis:80px!important}
}
@container selection-toolbar (max-width:930px){
#pickPool #selectionPoolRoot .sp-compact-toolbar button,#pickPool #selectionPoolRoot .sp-compact-toolbar select{font-size:12px!important}
#pickPool #selectionPoolRoot .sp-compact-toolbar>.sp-segment{width:170px;flex-basis:170px}
#pickPool #selectionPoolRoot .sp-compact-toolbar .sp-segment button{padding:0 3px}
#pickPool #selectionPoolRoot #spOpinionStatus{flex-basis:80px;width:80px;min-width:80px}
#pickPool #selectionPoolRoot [data-assignment-filter=assignee]{width:92px;min-width:92px;flex-basis:92px}
#pickPool #selectionPoolRoot [data-assignment-filter=shop]{width:80px;min-width:80px;flex-basis:80px}
#pickPool #selectionPoolRoot .sp-compact-toolbar>.sp-time-toolbar{width:108px;flex-basis:108px}
#pickPool #selectionPoolRoot .sp-compact-toolbar>.sp-filter-button{width:52px;flex-basis:52px}
#pickPool #selectionPoolRoot .sp-compact-toolbar>.sp-create-primary{width:76px;min-width:76px;flex-basis:76px!important}
}
@container selection-toolbar (max-width:850px){
#pickPool #selectionPoolRoot .sp-toolbar.sp-compact-toolbar{flex-wrap:wrap!important;height:auto!important;row-gap:7px!important;padding-bottom:9px!important}
#pickPool #selectionPoolRoot .sp-compact-toolbar>.sp-push{min-width:0}
}
body.theme-dark #pickPool #selectionPoolRoot .sp-toolbar-popover{background:#292e39;color:#dce5f3;border-color:#465368}
body.theme-dark #pickPool #selectionPoolRoot .sp-compact-toolbar>.sp-segment{background:#303742}
body.theme-dark #pickPool #selectionPoolRoot .sp-compact-toolbar .sp-segment button.active{background:#495468;color:#a9c9ff}
body.theme-dark #pickPool #selectionPoolRoot .sp-compact-toolbar>button,body.theme-dark #pickPool #selectionPoolRoot .sp-compact-toolbar select,body.theme-dark #pickPool #selectionPoolRoot .sp-search-control>button,body.theme-dark #pickPool #selectionPoolRoot .sp-time-toolbar>button{background:#2d3440;color:#d4deed;border-color:#4a5668}
body.theme-dark #pickPool #selectionPoolRoot .sp-month-row td,body.theme-dark #pickPool #selectionPoolRoot .sp-month-pin{background:#263954!important;border-color:#40659a!important}
body.theme-dark #pickPool #selectionPoolRoot .sp-month-row button,body.theme-dark #pickPool #selectionPoolRoot .sp-month-pin button{background:#263954!important;color:#b4d0ff!important}
body.theme-dark #pickPool #selectionPoolRoot .sp-month-row small,body.theme-dark #pickPool #selectionPoolRoot .sp-month-pin small{background:#35527b;color:#c4daff}