#managerWorkbench{margin-top:24px;padding:20px;border:1px solid #c8d9df;border-radius:12px;background:#f7fafb}
#managerWorkbench[hidden],#openManagerWorkbench[hidden]{display:none}
.manager-toolbar,.manager-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:12px 0}
.manager-toolbar label,.manager-filters label{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1 1 130px}
#managerWorkbench select,#managerWorkbench input{box-sizing:border-box;max-width:100%;min-width:0;padding:8px}
.manager-card{background:white;border:1px solid #dce5e8;border-radius:8px;padding:14px;margin:10px 0;overflow-wrap:anywhere}
.manager-card h4{margin:0 0 8px;font-size:17px}.manager-meta{color:#52616a;font-size:14px;line-height:1.7}
.manager-tags{display:inline-flex;flex-wrap:wrap;gap:4px}.manager-tag{border-radius:999px;background:#e2edf7;color:#234f73;padding:2px 9px;font-size:13px}
.manager-people{margin:10px 0 0;padding:10px;border-top:1px solid #e2e8eb}.manager-person{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:5px 0}
#managerDialog{max-width:min(480px,calc(100vw - 44px));border:0;border-radius:12px;padding:22px;overflow-wrap:anywhere}#managerDialog::backdrop{background:#23343b88}
#managerDialogActions{display:flex;flex-wrap:wrap;gap:10px}#managerSelectedTags{display:flex;flex-wrap:wrap;gap:6px}
#managerDialogMessage{white-space:pre-wrap}#managerDetail{margin-top:20px;border:1px solid #d0dfe5;border-radius:12px;padding:16px}#managerDetail[hidden],#managerFillArea[hidden]{display:none}
.manager-detail-heading{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.manager-detail-heading h2{flex:1 1 220px;overflow-wrap:anywhere}.manager-detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:14px}.manager-detail-left,.manager-detail-right{min-width:0;max-height:70vh;overflow-y:auto;overflow-wrap:anywhere}.manager-detail-right>h3{position:sticky;top:0;background:white;margin:0;padding:8px}
#managerInstruction{white-space:pre-wrap}#managerDescription{min-height:140px;max-width:100%;border:1px solid #8da2ae;border-radius:6px;padding:10px;overflow-wrap:anywhere}#managerRichTools{display:flex;flex-wrap:wrap;gap:5px}#managerRichTools button{padding:6px;font-size:13px}.manager-history-entry{padding:12px;border-bottom:1px solid #d5e0e6}.manager-supplement{background:#eef3fa}.manager-history-entry h4{margin:0}#managerFiles{max-width:100%}#managerReturnReason{width:100%;box-sizing:border-box;min-height:70px}
@media(max-width:700px){.manager-detail-columns{display:block}.manager-detail-left,.manager-detail-right{max-height:none;overflow:visible}.manager-detail-right>h3{position:static}}
@media(max-width:480px){#managerWorkbench{padding:12px}.manager-filters label,.manager-toolbar label{flex-basis:120px}.manager-card{padding:10px}}

#managerWorkbench,#managerDetail{overflow-wrap:anywhere}
#managerDetailTags,.manager-tag{max-width:100%;min-width:0;box-sizing:border-box;overflow-wrap:anywhere}
#managerTarget{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.manager-child-title{flex-basis:100%;margin:0;font-weight:600;overflow-wrap:anywhere}.manager-child-match{border-left:3px solid #287859;background:#edf7f2}.manager-child-context{background:#f7f9fb}.manager-match-badge,.manager-parent-match{color:#17613f;font-size:13px}.manager-person{padding:10px;min-width:0}.manager-person>label{min-width:0;overflow-wrap:anywhere}

/* LAYOUT_CHANGE_2026-10-23: manager workbench aligned to WORK008_MANAGER_PROTOTYPE_v25 (layout only). */
#managerWorkbench{background:#f4f6fa;border-color:#dce3ec;font-family:'Microsoft JhengHei',sans-serif;color:#24364b}
#managerWorkbench button{font:inherit;font-size:14px;border:1px solid #c6d2e0;border-radius:7px;padding:7px 12px;background:#fff;color:#24364b;cursor:pointer}
#managerWorkbench button:disabled{opacity:.45;cursor:default}
#managerWorkbench select,#managerWorkbench input[type=date]{font:inherit;font-size:14px;border:1px solid #c6d2e0;border-radius:7px;padding:6px 8px;background:#fff}
#managerActor{margin:0 0 8px;font-size:14px;color:#677c91}
.manager-group-bar{background:#e9f0f8;padding:10px 14px;border-radius:8px;align-items:center;margin:10px 0}
.manager-bar-label{font-weight:600}.manager-bar-label::after{content:'：'}
.manager-group{display:flex;gap:6px}#managerWorkbench .manager-group button[aria-pressed=true]{background:#185ba0;border-color:#185ba0;color:#fff}
.manager-divider{color:#9aabba}
#managerFilters{background:#fff;padding:12px 14px;border-radius:8px;gap:10px 14px;align-items:center;margin:10px 0}
#managerFilters label{flex-direction:row;align-items:center;flex:0 1 auto;gap:6px;font-size:14px}
#managerFilters label>select:not([multiple]){min-width:90px}
#managerTags{height:auto;max-height:64px;min-width:110px}
#managerSelectedTags:empty{display:none}#managerSelectedTags{margin:-4px 0 8px}
.manager-batch-bar{background:#e9f0f8;padding:10px 14px;border-radius:8px;align-items:center;justify-content:space-between;margin:10px 0}
.manager-batch-bar #managerCount{margin:0;font-weight:600}.manager-batch-actions{display:flex;gap:8px;flex-wrap:wrap}
#managerWorkbench #managerBatchApprove{background:#185ba0;border-color:#185ba0;color:#fff}
.manager-pager{justify-content:flex-end;align-items:center}.manager-pager label{flex-direction:row!important;align-items:center;flex:0 0 auto!important;gap:6px;font-size:14px}
/* Card rows: title and info left, progress / status / 查看明細 right. */
.manager-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;column-gap:14px;align-items:center;padding:12px 14px;border-color:#dae3ef}
.manager-card-main{min-width:0}.manager-card h4{margin:0 0 3px;font-size:16px}.manager-card h4 label{display:flex;gap:8px;align-items:center}
.manager-card h4 input,.manager-person input[type=checkbox]{width:18px;height:18px;margin:0;flex-shrink:0}
.manager-card .manager-meta{font-size:13px;line-height:1.8;margin:0;color:#52677d}
.manager-tag{padding:1px 8px;font-size:12px;background:#e5f0ff;color:#19569a}
#managerWorkbench .manager-tags button{padding:0 6px;font-size:12px;border:0;background:transparent;color:#185ba0}
.manager-progress{display:flex;align-items:center;gap:8px;margin:0;justify-self:end;flex-wrap:wrap;justify-content:flex-end}
.manager-percent{min-width:3.2em;text-align:right;font-weight:600}
.manager-sep{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.manager-badge{padding:2px 10px;border-radius:20px;background:#eef1f5;font-size:13px;white-space:nowrap}
.manager-badge-review{background:#d8f2e6;color:#146440;font-weight:600}.manager-badge-unread{background:#fff0cd;color:#8a5c00;font-weight:600}.manager-badge-done{background:#d8f2e6;color:#145b3a}
.manager-card>.manager-parent-match,.manager-card>.manager-people{grid-column:1 / -1}
.manager-people{margin:10px -14px -12px;padding:0;border-top:1px solid #e4eaf1;background:#fbfcfe}
.manager-people>summary{padding:8px 14px;font-size:13px;color:#52677d;cursor:pointer}
.manager-person{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 14px;padding:8px 14px 8px 40px;border-top:1px solid #eef2f6;font-size:14px}
.manager-person>label{display:flex;gap:8px;align-items:center}.manager-person>.manager-child-title,.manager-person>.manager-match-badge{grid-column:1 / -1}
@media(max-width:650px){.manager-card{grid-template-columns:minmax(0,1fr) auto;row-gap:8px}.manager-card-main{grid-column:1 / -1}.manager-progress{justify-self:start}.manager-person{padding-left:16px}.manager-batch-bar{flex-direction:column;align-items:stretch}#managerFilters label{flex:1 1 140px}}
/* Detail: centered panel like v25 / own detail; heading with actions stays on top. */
#managerDetail:not([hidden]){position:fixed;inset:0;margin:auto;z-index:50;width:min(1100px,calc(100vw - 40px));height:fit-content;max-height:90vh;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;background:#fff;border:1px solid #cad6e4;border-radius:12px;padding:0 24px 24px;font:16px/1.6 'Microsoft JhengHei',sans-serif;color:#24364b;box-shadow:0 0 0 100vmax #17223970}
#managerDetail .manager-detail-heading{position:sticky;top:0;z-index:2;background:#fff;padding:14px 0 10px;border-bottom:1px solid #e4eaf1}
#managerDetail .manager-detail-heading h2{margin:0;font-size:22px}
#managerDetail button{font:inherit;font-size:15px;border:1px solid #c6d2e0;border-radius:7px;padding:8px 14px;background:#fff;color:#24364b;cursor:pointer}
#managerDetail button:disabled{opacity:.5;cursor:default}#managerDetail #managerApprove,#managerDetail #managerSave{background:#185ba0;border-color:#185ba0;color:#fff}
#managerDetail #managerRichTools button{padding:5px 9px;font-size:13px}
#managerDetailStatus{margin:12px 0;padding:10px 14px;border-radius:8px;background:#eef7f1;border:1px solid #cfe8da;font-size:14px}
#managerDetail .manager-detail-columns{gap:24px}
#managerDetail .manager-detail-left,#managerDetail .manager-detail-right{max-height:none;overflow:visible}
.manager-brief,#managerDetail .manager-detail-right{box-sizing:border-box;border:1px solid #cad7e5;border-radius:12px;background:#f8fafc;padding:16px}
.manager-brief>h3,#managerDetail .manager-detail-right>h3{margin:0 0 12px;padding:0 0 8px;border-bottom:1px solid #d7e1eb;background:transparent;position:static}
.manager-brief #managerDetailTags{margin-bottom:8px}#managerInstruction{max-height:30vh;overflow-y:auto}
#managerDetail .manager-detail-right{display:flex;flex-direction:column;max-height:65vh}#managerHistory{overflow-y:auto;min-height:0}
.manager-target-field{display:flex;flex-direction:column;gap:5px;margin:14px 0 6px;font-weight:600}
#managerFillArea>h3{margin:12px 0 6px}#managerAssignmentStatus{margin:0 0 6px;font-size:14px;color:#52677d}
#managerFillArea>label{display:flex;flex-direction:column;gap:5px;margin:8px 0}
#managerDescription{margin:8px 0;min-height:120px;max-height:35vh;overflow-y:auto;background:#fff}
@media(max-width:650px){#managerDetail:not([hidden]){width:calc(100vw - 20px);max-height:94vh;padding:0 14px 16px}#managerDetail .manager-detail-right{max-height:none;margin-top:16px}#managerInstruction{max-height:none}}#managerDetail:not([hidden])::before{content:'';position:fixed;inset:0;z-index:-1}
#managerDetail select{font:inherit;font-size:15px;border:1px solid #c6d2e0;border-radius:7px;padding:6px 8px;background:#fff;max-width:100%}
#managerFillArea>label:has(#managerProgress){flex-direction:row;align-items:center;gap:10px}#managerProgress{flex:1;max-width:260px}#managerProgressValue{font-weight:600;min-width:3em}
.manager-person-side{display:flex;align-items:center;gap:10px;justify-self:end;flex-wrap:wrap;justify-content:flex-end}@media(max-width:650px){.manager-person{grid-template-columns:minmax(0,1fr)}.manager-person-side{justify-self:start;justify-content:flex-start}}
/* Empty subtask action rows (no permitted action) must not leave a gap inside 交辦內容. */
.manager-brief .subtask-management-entry:not(:has(> :not([hidden]))),.manager-brief .subtask-property-entry:not(:has(> :not([hidden]))),.manager-brief .subtask-add-entry:not(:has(> :not([hidden]))),#managerDetailTags:not(:has(> :not([hidden]))){display:none}
/* CHANGE_2026-10-24_MANAGER_FLOW */
.manager-view-bar{margin-bottom:0;border-radius:8px 8px 0 0}.manager-view-bar+.manager-group-bar{margin-top:0;border-radius:0 0 8px 8px;border-top:1px solid #d5e1ee}
.manager-badge-self{background:#efe9fb;color:#5a3d8f;font-weight:600;font-size:12px;vertical-align:middle}
.manager-note{margin:6px 0 10px;padding:10px 12px;border-radius:8px;background:#fff7e3;color:#6b4e00;font-size:14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.manager-note[hidden]{display:none}
.manager-brief #managerDetailTags{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.manager-brief #managerDetailTags>.subtask-management-entry,.manager-brief #managerDetailTags>.subtask-property-entry,.manager-brief #managerDetailTags>.subtask-add-entry{display:contents}
/* Freshness hint beside the case count (CHANGE_2026-10-25_MANAGER_LIST_FRESHNESS). */
#managerWorkbench .manager-batch-bar .manager-fresh-hint{color:#9a3412;background:#fff7ed;border:1px solid #fdba74;border-radius:6px;padding:4px 10px;font-size:14px;margin:0 auto 0 12px;cursor:pointer}
@media(max-width:650px){#managerWorkbench .manager-batch-bar .manager-fresh-hint{margin:0}}
/* Detail v2 (CHANGE_2026-10-25_MANAGER_DETAIL_FOCUS): header chips, collapsed brief, one card per work. */
.manager-detail-titles{flex:1 1 260px;min-width:0}.manager-detail-id{margin:0;font-size:13px;color:#6b7d91}
.manager-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.manager-chip{font-size:12px;padding:2px 9px;border-radius:999px;background:#eef3f9;color:#52677d}.manager-chip.st{background:#e6eef8;color:#185ba0}.manager-chip.late{background:#fdecea;color:#b42318}
#managerDetailStatus[hidden]{display:none}
details.manager-brief{margin-top:12px;padding:10px 14px}details.manager-brief>summary{cursor:pointer;color:#52677d}
.manager-focus-note{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center;margin-top:12px;padding:8px 12px;border-radius:8px;background:#e6eef8;color:#185ba0}.manager-focus-note[hidden]{display:none}
.manager-works-head{display:flex;justify-content:space-between;align-items:baseline;margin:16px 0 8px}.manager-works-head h3{margin:0;font-size:17px}.manager-works-head span{font-size:13px;color:#52677d}
.manager-work-list{display:grid;gap:10px}.manager-work{border:1px solid #d5dfeb;border-radius:10px;padding:12px 14px;display:grid;gap:8px;background:#fff}.manager-work[hidden]{display:none}.manager-work.waiting{border:2px solid #f0b45a}
.manager-work-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center}.manager-work-who{min-width:0;flex:1}.manager-work-name{font-weight:600}.manager-work-sub{font-size:13px;color:#52677d}
.manager-work-badge{font-size:12px;padding:2px 9px;border-radius:999px;margin-left:6px;font-weight:500;white-space:nowrap}.manager-work-badge.wait{background:#fff4e0;color:#b45309}.manager-work-badge.ok{background:#e7f5ec;color:#166534}.manager-work-badge.ret{background:#fdecea;color:#b42318}.manager-work-badge.run{background:#eef3f9;color:#52677d}
.manager-work-actions{display:flex;flex-wrap:wrap;gap:6px}#managerDetail .manager-work-actions .manager-primary{background:#185ba0;border-color:#185ba0;color:#fff}
.manager-work-progress{display:flex;align-items:center;gap:8px}.manager-work-track{flex:1;height:7px;background:#eef3f9;border-radius:4px;overflow:hidden}.manager-work-fill{height:7px;background:#185ba0}.manager-work-progress span{font-size:13px;color:#52677d;min-width:3em;text-align:right}
.manager-work-more{display:grid;gap:10px}.manager-work-more[hidden]{display:none}.manager-work-box{background:#f4f7fb;border-radius:8px;padding:10px 12px}.manager-work-box h4,.manager-work-history h4{margin:0 0 6px;font-size:14px;display:flex;justify-content:space-between;gap:8px;align-items:center}
.manager-work-kv{display:grid;grid-template-columns:4.5em minmax(0,1fr);gap:4px 12px;margin:0}.manager-work-kv dt{color:#52677d}.manager-work-kv dd{margin:0}
#managerDetail .manager-link{border:0;background:none;color:#185ba0;padding:2px 0}
.manager-fill{border:1px solid #b8c7d9;border-radius:8px;padding:12px;display:grid;gap:8px}.manager-fill-actions{display:flex;gap:8px;flex-wrap:wrap}#managerFillArea>h4{margin:0}
.manager-detail-foot{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;border-top:1px solid #e4eaf1;padding-top:12px}.manager-detail-foot[hidden]{display:none}#managerDetail #managerApprove{background:#fff;border-color:#c6d2e0;color:#24364b}
@media(max-width:560px){.manager-work-actions{width:100%}.manager-work-actions button{flex:1}}
.manager-history-compact{display:grid;grid-template-columns:9.5em minmax(0,1fr);gap:8px;padding:5px 0;border-bottom:1px dashed #d5dfeb;font-size:14px}.manager-history-compact:last-child{border-bottom:0}.manager-history-compact time{color:#7d8ea2;font-variant-numeric:tabular-nums}.manager-history-body{color:#52677d;margin-top:2px}.manager-history-body p{margin:0}
#managerWorks{display:flex;flex-wrap:wrap;gap:8px;align-items:center}#managerWorks>.manager-work-list,#managerWorks>.manager-work-others{flex-basis:100%}#managerWorks>.subtask-management-entry,#managerWorks>.subtask-property-entry,#managerWorks>.subtask-add-entry{display:flex;flex-wrap:wrap;gap:8px}#managerWorks>:is(.subtask-management-entry,.subtask-property-entry,.subtask-add-entry):not(:has(> :not([hidden]))){display:none}
.manager-work-box>button{margin-top:6px}
@media(max-width:560px){.manager-history-compact{grid-template-columns:1fr;gap:0}}
#managerWorks>.manager-work-list{order:1}#managerWorks>.manager-work-others{order:2}#managerWorks>:is(.subtask-management-entry,.subtask-property-entry,.subtask-add-entry){order:3}
.manager-work-kv dd p,.manager-work-box p{margin:2px 0}.manager-work-box .manager-history-time{font-size:13px;color:#52677d}
#managerWorks>.subtask-add-entry{width:auto;margin:0}
.manager-work-box h4{flex-wrap:wrap}.manager-work-box h4 .subtask-child-actions{display:flex;gap:6px;flex-wrap:wrap}#managerDetail .manager-work-actions button,#managerDetail .manager-work-box h4 button{white-space:nowrap}
.manager-file-row{display:flex;gap:8px;align-items:center}.manager-file-row>.hw-upload-progress{flex:1;min-width:0}#managerDetail .manager-file-remove{padding:4px 10px;font-size:13px;white-space:nowrap}
#managerDialogActions{justify-content:flex-end;margin-top:14px}#managerDialog .manager-primary,.execution-dialog-actions button:last-child:not(:first-child){background:#185ba0;border-color:#185ba0;color:#fff}.execution-dialog-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:14px}