/* Final manager/staff usability pass. Uses the existing cream and green palette. */
:root{--muted:#646e63}
body{font-variant-numeric:tabular-nums}
.task-title,.narrow-preview .task-title{font-size:14px;line-height:1.65}
.task-meta,.task-meta .badge,.list-caption,.task-end{font-size:11px}
.task-end{min-width:62px;max-width:95px;gap:7px}
.task-owner-name{font-size:12px;color:#395241;font-weight:600;text-align:right;overflow-wrap:anywhere}
.task-main{padding:6px 0}.task{gap:13px}
.report-help,.finance-scope,.chart-hint,.compact-task small,.team-work-link small,.modal-footer small,.field>small,.store-sales-row small,.processing-coverage,.processing-formula,.team-drill-top p{font-size:12px;color:#646e63;line-height:1.7}
.compact-task strong,.team-work-link strong{font-size:14px;line-height:1.65}
.compact-task{min-height:64px}.compact-task:hover{background:#edf1e8;border-radius:7px}
.report-period-note span,.processing-share-table thead th,.processing-share-table small,.clickable-mix .mix-label,.clickable-mix .mix-label strong,.clickable-mix .mix-label small{font-size:11px;color:#616d5e}
.status-tag{font-size:11px;white-space:nowrap}.field label,.field-label{font-size:13px}
.cat{font-size:12px;min-height:40px}.btn,.tab{font-size:13px}
.summary{margin-bottom:16px}.summary-stat em,.summary-intro p{font-size:11px;color:#5e6b58}
.attention-checks{display:flex;align-items:center;gap:8px;margin:0 0 8px;flex-wrap:wrap}
.check-heading{font-size:12px;font-weight:650;margin-right:3px;color:#52614d}
.attention-chip{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #dce2d5;background:#fffefb;border-radius:8px;font-size:12px;min-height:40px}
.attention-chip>svg{width:14px;height:14px;color:#74816b}.attention-chip>svg:last-child{width:12px}
.attention-chip strong{font-size:14px;min-width:12px;text-align:center}.attention-chip.has-items{background:#f7eee4;border-color:#e5cbb9}.attention-chip.has-items strong{color:#934b32}.attention-chip:hover{border-color:#426850;background:#eef2e8}
.priority-guide{margin-bottom:23px}.priority-guide>summary{cursor:pointer;display:list-item;font-size:12px;color:#626e5c;width:fit-content;min-height:36px;padding:8px 0}.priority-guide .priority-legend{margin:3px 0 8px}
.manager-visual{background:#fffefa;padding:24px;border:1px solid #dce2d6;border-radius:15px;margin-bottom:26px}
.manager-visual>.section-title{align-items:center;margin-bottom:21px;gap:12px}.manager-visual .eyebrow{font-size:9px;letter-spacing:1.7px;margin-bottom:3px;color:#6d7b64}
.manager-chart-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:28px}.manager-chart-grid>div{min-width:0}.manager-chart-grid h3{font-size:14px;letter-spacing:-.35px}
.flow-chart{padding-right:26px;border-right:1px solid #e3e7dc}.workflow-steps{display:grid;grid-template-columns:1fr 12px 1fr 12px 1fr;gap:5px;align-items:center;margin:15px 0 8px}.flow-step{display:flex;flex-direction:column;align-items:flex-start;gap:3px;border:1px solid #dfe5d8;border-radius:9px;padding:12px;min-width:0;text-align:left;background:#f2f3ed}.flow-step>svg{height:15px;width:15px;color:#65705f;margin-bottom:2px}.flow-step>span{font-size:12px;white-space:nowrap}.flow-step strong{font-size:27px;font-weight:650;line-height:1.5}.flow-step small{font-size:11px;font-weight:400;margin-left:4px}.flow-step.progress{background:#f7f0e2;border-color:#e8d7b7}.flow-step.done{background:#eaf1e6;border-color:#d3dfcc}.flow-step:hover{border-color:#49744f;box-shadow:0 0 0 1px #49744f}.flow-arrow{width:12px;height:14px;color:#879080}
.chart-hint{font-size:11px;margin:8px 0}.deadline-checks{border-top:1px solid #e4e7df;margin-top:15px;padding-top:7px}.deadline-checks>button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;font-size:12px;padding:9px 0;min-height:42px}.deadline-checks strong{margin-left:auto;color:#95513c;white-space:nowrap}.deadline-checks svg{width:14px}.deadline-checks>button:hover{text-decoration:underline}
.load-chart>.section-title{align-items:flex-start;flex-wrap:wrap;gap:6px;margin-bottom:12px}.load-chart>.section-title small{font-size:11px;color:#64725e}
.workload-bars{display:flex;flex-direction:column;gap:4px;max-height:286px;overflow-y:auto}.workload-bar-row{display:grid;grid-template-columns:85px minmax(30px,1fr) 35px 46px;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 6px;min-height:47px;border-radius:6px}.workload-bar-row>span:first-child{font-size:12px;font-weight:600;overflow-wrap:anywhere}.workload-bar-row strong{font-size:16px;text-align:right;white-space:nowrap}.workload-bar-row strong small{font-size:10px;font-weight:400;margin-left:2px}.workload-bar-row>small{font-size:11px;color:#64725e;text-align:right}.workload-bar-row:hover{background:#eef3e9}.workload-bar-track{display:block;height:10px;border-radius:4px;background:#eef1e9;overflow:hidden}.workload-bar-track>span{height:100%;display:block;background:#416853;border-radius:4px}
.load-clear{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#5e7256;background:#eff4e9;border-radius:9px;min-height:195px;font-size:12px;margin:16px 0}.load-clear>svg{width:26px;height:26px}.load-clear>strong{font-size:15px}
.pending-queue{scroll-margin:24px}.pending-queue>summary{font-size:13px;min-height:44px;align-items:center}.queue-caption{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.queue-caption p{flex:1}.queue-caption .text-btn{font-size:12px;white-space:nowrap}.review-queue-count{font-size:24px;font-weight:650;margin:5px 0 15px}.review-person-summary{color:#62705c;margin-bottom:16px;font-size:13px}
.team-person>summary>.team-person-progress{display:flex;flex-direction:column;gap:7px;min-width:138px;font-size:12px!important;color:#4f6447!important}.team-mini-track{display:block;background:#edf1e7;height:6px;border-radius:4px;overflow:hidden}.team-mini-track>span{display:block;height:100%;background:#426d50;border-radius:4px}.team-person>summary>span:not(.avatar){font-size:12px;color:#596651}.team-people>.report-help{max-width:880px}
.task-primary-fields{padding-bottom:2px}.task-primary-fields .field{min-width:0}.task-primary-fields input{width:100%}#task-form #task-title{min-height:78px}.task-primary-fields .field>small{font-size:11px}
:is(button,a,summary,input,textarea,select):focus-visible{outline:3px solid #466e55;outline-offset:3px}
@media(max-width:1100px){.manager-chart-grid{gap:20px}.flow-chart{padding-right:20px}.workload-bar-row{grid-template-columns:70px minmax(30px,1fr) 30px 42px;gap:7px}.flow-step{padding:10px 8px}}
@media(max-width:900px){.manager-chart-grid{grid-template-columns:1fr}.flow-chart{padding-right:0;padding-bottom:15px;border-right:0;border-bottom:1px solid #e3e7dc}.workflow-steps{max-width:460px}.attention-checks{gap:7px}.check-heading{flex-basis:100%;margin:0 0 2px}.workload-bars{max-height:250px}}
@media(max-width:650px){.manager-visual{padding:18px}.manager-visual>.section-title{align-items:flex-start;flex-wrap:wrap}.manager-visual>.section-title>.small{font-size:11px}.manager-visual h2{font-size:17px}.attention-checks{display:grid;grid-template-columns:1fr}.check-heading{grid-column:1/-1}.attention-chip{min-height:42px;padding:8px 12px}.attention-chip strong{margin-left:auto}.priority-guide{margin-bottom:16px}.summary-stat em{font-size:10px}.task-title{font-size:14px}.task-meta{font-size:11px;gap:6px}.task-meta .badge{font-size:10px}.task-end{min-width:56px;max-width:72px;font-size:10px}.task-owner-name{font-size:11px}.task{gap:10px}.page-heading p{font-size:12px}.task-primary-fields{grid-template-columns:1fr 1fr;gap:12px}.task-primary-fields input{font-size:13px;min-width:0;padding:10px}.task-primary-fields .field>small{font-size:10px}.team-person>summary>.team-person-progress{flex-basis:100%;margin-left:0!important}.team-person>summary>svg{margin-left:auto}.team-person>summary>span:not(.avatar){font-size:12px}.report-help,.finance-scope,.compact-task small,.team-work-link small{font-size:11px}.compact-task strong,.team-work-link strong{font-size:13px}.clickable-mix .mix-label,.clickable-mix .mix-label strong,.clickable-mix .mix-label small{font-size:11px}.mobile-nav>button{color:#626e5c;min-width:60px;flex-basis:60px}.cat{padding:7px 10px}.workload-bar-row{grid-template-columns:75px minmax(30px,1fr) 30px 42px}.flow-step{padding:12px}.workflow-steps{gap:4px}.flow-step strong{font-size:26px}}
.narrow-preview .manager-chart-grid{grid-template-columns:1fr}.narrow-preview .flow-chart{padding:0 0 15px;border-right:0;border-bottom:1px solid #e3e7dc}.narrow-preview .attention-checks{display:grid;grid-template-columns:1fr}.narrow-preview .attention-chip strong{margin-left:auto}
.category-panel>.section-title{flex-wrap:wrap;gap:8px}.category-panel>.section-title>.small{font-size:11px}.category-share-button{display:block;width:100%;text-align:left;border-radius:8px;padding:10px 8px!important;min-height:58px;margin:2px 0!important}.category-share-button:hover,.category-share-button:focus-visible{background:#eef3e7}.category-share-button>div:first-child{gap:9px}.category-share-button>div:first-child>span{overflow-wrap:anywhere}.category-share-button strong{display:flex;align-items:center;gap:6px;white-space:nowrap}.category-share-button strong svg{width:13px;height:13px;color:#6a7a5e}.category-share-button .share-track{margin-top:8px}.category-share-button strong small{margin:0!important}.daily-oto-shortcut{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:14px;background:#eaf0e3;border:1px solid #d6e0cc;border-radius:10px;margin:0 0 20px;flex-wrap:wrap}.daily-oto-shortcut:hover{background:#dfe9d7}.oto-shortcut-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#355b42}.oto-shortcut-title svg{width:17px}.daily-oto-shortcut>strong{font-size:23px;color:#285343;margin-left:auto;white-space:nowrap}.daily-oto-shortcut>strong small{font-size:11px;font-weight:400;margin-left:3px}.oto-shortcut-state{font-size:11px;color:#52654b}.daily-oto-shortcut>svg{width:14px;color:#536e49}.category-detail-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:#eef3e8;padding:18px;border-radius:12px;margin:0 0 17px}.category-detail-kpis>div{border-right:1px solid #d8e1cf}.category-detail-kpis>div:last-child{border:0}.category-detail-kpis span{display:block;font-size:12px;color:#56694c}.category-detail-kpis strong{display:block;font-size:26px;margin-top:5px}.category-detail-kpis strong small{font-size:11px;margin-left:4px;font-weight:400}.daily-category-detail .category-drill-note,.daily-category-detail .category-drill-hint{font-size:12px;line-height:1.8;margin-bottom:14px;color:#5e6e53}.category-detail-list .compact-task{width:100%}.category-detail-list .compact-task>span:nth-child(2){overflow-wrap:anywhere}
@media(max-width:650px){.daily-oto-shortcut{gap:8px}.oto-shortcut-state{flex-basis:calc(100% - 26px);order:4}.daily-oto-shortcut>svg{order:5;margin-left:auto}.category-detail-kpis{padding:15px;gap:10px}.category-detail-kpis strong{font-size:25px}.category-share-button>div:first-child>span{font-size:12px}.category-share-button strong,.category-share-button strong small{font-size:11px}.category-detail-list .compact-task{gap:10px}}
@media(max-width:650px){.team-people>.section-title{flex-direction:column;align-items:flex-start;gap:6px}.team-person>summary{display:grid;grid-template-columns:33px 1fr 18px;gap:10px;padding:16px 0}.team-person>summary>.avatar{grid-column:1;grid-row:1}.team-person>summary>strong{grid-column:2;grid-row:1}.team-person>summary>svg{grid-column:3;grid-row:1}.team-person>summary>span:nth-of-type(2){grid-column:1/-1;grid-row:2}.team-person>summary>.team-person-progress{grid-column:1/-1;grid-row:3}}