/* Employee home styles only its content. Navigation and topbar use the shared shell. */
.employee-home{--eh-text:#183541;--eh-muted:#7c8f9e;--eh-line:#e2ecee;--eh-accent:#098578;--eh-soft:#e8f5f1;color:var(--eh-text);padding:28px;font:12px/1.6 "Microsoft YaHei","PingFang SC",system-ui,sans-serif;font-variant-numeric:tabular-nums;max-width:2200px;margin:auto}
.employee-home *, .eh-dialog *{box-sizing:border-box}.employee-home h1,.employee-home h2,.employee-home p{margin:0}.employee-home button,.employee-home select,.eh-dialog button,.eh-dialog select,.eh-dialog input,.eh-dialog textarea{font:inherit}
.employee-home button,.employee-home a,.eh-dialog button{touch-action:manipulation}.employee-home button{cursor:pointer}.employee-home button:disabled{cursor:default;opacity:.6}
.employee-home button:focus-visible,.employee-home a:focus-visible,.eh-dialog button:focus-visible{outline:2px solid #0c8c7d;outline-offset:3px}
.eh-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.eh-eyebrow{font-size:11px;letter-spacing:2px;color:var(--eh-accent);font-weight:650}.employee-home h1{font-size:27px;line-height:1.5;font-weight:650;margin:5px 0 4px}.eh-subtitle{font-size:12px;color:var(--eh-muted)}
.eh-controls{display:flex;gap:10px;align-items:center;padding-top:9px}.eh-period{display:flex;border:1px solid var(--eh-line);border-radius:8px;background:#fff;padding:3px;white-space:nowrap}.eh-period button{background:none;border:0;padding:6px 12px;color:var(--eh-muted);border-radius:5px}.eh-period button[aria-pressed=true]{background:var(--eh-accent);color:#fff}.eh-shop-select{background:#fff;border:1px solid var(--eh-line);border-radius:7px;padding:8px 12px;max-width:220px;color:var(--eh-text)}
.eh-section-label{display:flex;justify-content:space-between;margin-bottom:8px;gap:12px;font-size:11px;font-weight:600}.eh-section-label span{font-size:10px;font-weight:400;color:var(--eh-muted)}
.eh-shortcuts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:17px}.eh-shortcut{display:flex;gap:11px;align-items:center;text-decoration:none;color:var(--eh-text);min-width:0;padding:13px 15px;background:#fff;border:1px solid var(--eh-line);border-radius:10px;min-height:63px;font-size:13px}.eh-shortcut:hover{border-color:#9bcabd;background:#fafffd}.eh-shortcut[aria-disabled=true]{cursor:default;color:#8d9ba3}.eh-shortcut .eh-arrow{margin-left:auto;font-size:12px;color:#99a9ae}.eh-site-icon{display:grid;place-items:center;background:var(--eh-soft);color:#079586;border-radius:10px;width:33px;height:33px;flex:none;font-size:14px}.eh-site-icon.china{background:#fff0ef;color:#df6672}.eh-site-icon.translate{background:#efeffb;color:#7c76b9}.eh-shortcut-name{white-space:nowrap}.eh-short-name{display:none}
.eh-context{display:flex;justify-content:space-between;gap:12px;color:var(--eh-muted);font-size:10px;margin:0 0 15px}.eh-context b{color:#446370;font-weight:500}.eh-source-dot{display:inline-block;width:6px;height:6px;background:var(--eh-accent);border-radius:50%;margin-right:5px}.eh-source-dot.partial{background:#d9a078}
.eh-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}.eh-kpi{position:relative;min-width:0;min-height:142px;background:#fff;border:1px solid var(--eh-line);border-radius:11px;padding:15px 16px;text-align:left;color:var(--eh-text);display:flex;flex-direction:column;align-items:flex-start}
.eh-kpi:first-child{background:#0c8276;color:#fff;border-color:#0c8276}.eh-kpi:first-child .eh-note,.eh-kpi:first-child .eh-definition{color:#d8f5ec}.eh-kpi:hover{box-shadow:0 4px 18px #1f484b0b;border-color:#a2ccc3}.eh-kpi-label{font-size:12px;padding-right:10px;white-space:nowrap}.eh-kpi .eh-arrow{position:absolute;right:16px;top:16px;color:#92b8b3}.eh-number{display:flex;align-items:baseline;gap:4px;margin:12px 0 3px;min-height:37px}.eh-number strong{font-size:30px;letter-spacing:-1px;line-height:1.2;font-weight:650;white-space:nowrap}.eh-number small{font-size:11px;letter-spacing:0}.eh-note{font-size:10px;color:var(--eh-muted);line-height:1.65}.eh-definition{font-size:10px;color:var(--eh-muted);margin-top:auto;line-height:1.6}.eh-state{font-size:9px;color:#a36f3f;margin-left:5px;white-space:nowrap}.eh-kpi:first-child .eh-state{color:#d3e8ce}
.eh-middle,.eh-bottom{display:grid;gap:18px;margin-bottom:18px;align-items:stretch}.eh-middle,.eh-bottom{grid-template-columns:minmax(0,1fr)}.eh-panel{background:#fff;border:1px solid var(--eh-line);border-radius:11px;padding:18px 19px;min-width:0}.eh-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.eh-panel h2{font-size:13px;font-weight:650;line-height:1.5}.eh-caption{color:var(--eh-muted);font-size:10px;margin-top:3px!important}.eh-link{background:none;border:0;color:var(--eh-accent);padding:0;cursor:pointer;white-space:nowrap;font-size:11px!important;text-decoration:none}.eh-tabs{display:flex;gap:14px}.eh-tabs button{padding:4px 0 6px;color:var(--eh-muted);background:none;border:0;font-size:11px;border-bottom:2px solid transparent}.eh-tabs button[aria-pressed=true]{color:var(--eh-accent);border-bottom-color:var(--eh-accent)}
.eh-trend-summary{display:flex;align-items:baseline;gap:10px;font-size:10px;color:var(--eh-muted);margin:12px 0 5px}.eh-trend-summary strong{font-size:20px;color:var(--eh-text);font-weight:550}.eh-chart{width:100%;height:164px;display:block;overflow:visible}.eh-chart text{fill:#8195a1;font-size:10px;font-family:inherit}.eh-chart .eh-bar{fill:#78b8ad;cursor:pointer}.eh-chart .eh-bar:last-of-type{fill:var(--eh-accent)}.eh-chart .eh-bar:hover{fill:#0c8d7d}.eh-chart .eh-gap{fill:#f0f3f4}
.eh-table-wrap{overflow-x:auto}.eh-table{width:100%;border-collapse:collapse;font-size:11px;white-space:nowrap}.eh-table th{font-size:10px;color:var(--eh-muted);font-weight:400;background:#f5f8f8;padding:9px 8px;text-align:right}.eh-table th:first-child{text-align:left}.eh-table td{padding:14px 8px;border-bottom:1px solid var(--eh-line);text-align:right}.eh-table td:first-child{text-align:left}.eh-store-name{display:flex;align-items:center;gap:9px}.eh-store-icon{width:28px;height:29px;border-radius:8px;background:var(--eh-soft);display:grid;place-items:center;color:var(--eh-accent);flex:none}.eh-store-meta{font-size:9px;color:var(--eh-muted)}.eh-shop-foot{display:flex;justify-content:space-between;color:var(--eh-muted);font-size:10px;gap:12px;margin-top:10px}
.eh-tools{display:flex;gap:16px;border-top:1px solid var(--eh-line);padding-top:13px;align-items:center;font-size:11px;flex-wrap:wrap}.eh-tools>span{color:var(--eh-muted)}.eh-tools button{border:0;padding:0;background:none;color:var(--eh-text);font-size:11px}.eh-tools .eh-footnote{margin-left:auto;font-size:10px}.eh-empty{display:grid;place-items:center;min-height:135px;padding:20px;color:var(--eh-muted);font-size:11px;text-align:center}.eh-alert{padding:10px 14px;background:#fff6ed;border:1px solid #f0dcc4;border-radius:8px;color:#947344;margin-bottom:15px;font-size:11px}.eh-status-line{display:flex;align-items:center;gap:9px}.eh-loading{opacity:.6;pointer-events:none}.eh-error-view{padding:60px 20px;text-align:center}.eh-error-view h1{font-size:20px}.eh-error-view p{margin:14px;color:var(--eh-muted)}
.eh-dialog{border:1px solid #dce8e6;border-radius:14px;padding:0;width:min(1060px,calc(100vw - 48px));max-height:84vh;color:#183541;box-shadow:0 20px 80px #18303426;font:12px/1.6 "Microsoft YaHei",system-ui,sans-serif}.eh-dialog::backdrop{background:#142e3d66}.eh-dialog-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;border-bottom:1px solid #e2ecee;position:sticky;top:0;background:#fff;z-index:1}.eh-dialog h2{font-size:18px;margin:0}.eh-dialog p{color:#7c8f9e;margin:5px 0 0;font-size:11px}.eh-dialog-close{background:#f1f5f5;border:0;border-radius:6px;padding:5px 12px;font-size:18px!important;cursor:pointer}.eh-dialog-content{padding:18px 24px;overflow:auto}.eh-dialog .eh-table td{max-width:280px;white-space:normal;word-break:break-word}.eh-dialog .eh-table th{white-space:nowrap}.eh-dialog-footer{display:flex;justify-content:space-between;padding:15px 24px;border-top:1px solid #e2ecee}.eh-dialog button.eh-action{border:1px solid #dbe8e4;border-radius:5px;background:#fff;color:#087b6d;padding:5px 9px;cursor:pointer;white-space:nowrap;margin:2px}.eh-dialog-note{padding:10px 12px;background:#f2f8f6;border-radius:7px;color:#5e7c77;margin-bottom:15px;font-size:11px}
@media(max-width:1600px){.employee-home{padding:24px}.eh-kpi{padding:14px 12px}.eh-number strong{font-size:27px}.eh-kpi-label{font-size:11px}.eh-shortcut{padding:12px 10px;gap:8px;font-size:11px}.eh-site-icon{width:29px;height:30px}.eh-middle,.eh-bottom{gap:14px}.eh-panel{padding:16px}}
@media(max-width:1439px){.eh-kpi{min-height:132px}.eh-number strong{font-size:29px}.eh-full-name{display:none}.eh-short-name{display:inline}.eh-shortcut .eh-arrow{display:none}.eh-heading{gap:12px}.eh-controls{gap:7px}.employee-home h1{font-size:24px}.eh-context{flex-wrap:wrap}}
@media(min-width:768px) and (max-width:1100px){.eh-bottom{grid-template-columns:1fr}.eh-middle{grid-template-columns:1fr}.eh-shortcuts{gap:7px}.eh-shortcut{padding:9px 6px;gap:5px;font-size:10px}.eh-site-icon{width:24px;height:26px}.eh-controls{flex-wrap:wrap;justify-content:flex-end}.eh-heading{align-items:flex-start}.eh-shop-select{max-width:165px}.employee-home{padding:20px}}
.employee-home .eh-chart{fill:none;stroke:none;stroke-width:0}.employee-home .eh-chart text{stroke:none;font-weight:400}.employee-home .eh-chart rect{stroke:none}.employee-home .eh-chart line{stroke:#e4ecee;stroke-width:1}
@media(max-width:767px){.employee-home{padding:20px 14px}.eh-heading{flex-direction:column}.eh-controls{padding-top:0;width:100%;justify-content:space-between}.eh-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.eh-shortcut{padding:11px 8px;min-height:53px}.eh-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.eh-kpi{min-height:140px;padding:12px}.eh-kpi-label{white-space:normal}.eh-number strong{font-size:25px}.eh-middle,.eh-bottom{grid-template-columns:1fr}.eh-context{flex-direction:column;gap:5px}.eh-panel{padding:16px 13px}.eh-tools .eh-footnote{width:100%;margin:0}.eh-table{min-width:520px}.eh-dialog{width:calc(100vw - 20px);max-height:92vh}.eh-dialog-content{padding:14px}.eh-dialog-header{padding:16px}.eh-full-name{display:none}.eh-short-name{display:inline}}
.eh-update-note{font-size:11px;color:#876339;background:#fff8eb;border:1px solid #f1dfbe;padding:8px 12px;border-radius:7px;margin:0 0 12px;overflow-wrap:anywhere}.eh-missing{font-size:10px;color:#9b7154;margin-top:4px;line-height:1.5}.eh-skeleton{height:140px;margin-top:20px;border-radius:10px;background:linear-gradient(100deg,#e5efed 20%,#f5f9f8 40%,#e5efed 60%);background-size:250% 100%;animation:eh-pulse 1.3s linear infinite}@keyframes eh-pulse{to{background-position:-160% 0}}@media(prefers-reduced-motion:reduce){.eh-skeleton{animation:none}}

.eh-middle,.eh-bottom{grid-template-columns:minmax(0,1fr)}.eh-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.eh-kpi .eh-note{overflow-wrap:anywhere}.eh-data-status{font-size:10px;color:#087f72;background:#e7f5f0;padding:4px 8px;border-radius:5px}.eh-data-status.partial{color:#9a7343;background:#fff5e7}
@media(max-width:1199px) and (min-width:768px){.eh-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.eh-kpi:first-child{grid-column:span 2}}
@media(max-width:767px){.eh-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.eh-kpi:first-child{grid-column:1 / -1}.eh-kpi:first-child .eh-number strong{font-size:30px}}

/* Six independent daily/monthly metrics: information cards have no button behavior. */
.employee-home{font-size:15px}
.employee-home .eh-subtitle{font-size:14px}
.employee-home .eh-section-label{font-size:14px}.employee-home .eh-section-label span{font-size:12px}
.employee-home .eh-shortcut{font-size:15px}
.employee-home .eh-context{font-size:12px;flex-wrap:wrap}
.employee-home .eh-kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.employee-home .eh-kpi,.employee-home .eh-kpi:first-child{grid-column:auto;min-height:218px;padding:17px 16px;cursor:default;user-select:text}
.employee-home .eh-kpi:hover{box-shadow:none;border-color:var(--eh-line)}
.employee-home .eh-kpi:first-child:hover{border-color:#0c8276}
.employee-home .eh-kpi-label{font-size:16px;white-space:normal;line-height:1.5;min-height:48px;padding:0;font-weight:600;overflow-wrap:anywhere}
.employee-home .eh-date-pill{font-size:12px;line-height:1.6;border-radius:12px;padding:2px 9px;background:#edf3f5;color:#536c78;margin-top:8px}
.employee-home .eh-kpi:first-child .eh-date-pill{background:#ffffff24;color:#f1fffb}
.employee-home .eh-number{margin:13px 0 10px;gap:5px;min-height:43px}
.employee-home .eh-number strong{font-size:34px;letter-spacing:-.8px}.employee-home .eh-number small{font-size:15px}
.employee-home .eh-note{font-size:13px;color:#526d7b;line-height:1.65}
.employee-home .eh-state{display:block;font-size:12px;color:#92632d;margin:7px 0 0;white-space:normal}
.employee-home .eh-panel{padding:20px 22px}.employee-home .eh-caption{font-size:13px;color:#596f7b}
.employee-home .eh-tabs button{font-size:15px}.employee-home .eh-link{font-size:14px!important}
.employee-home .eh-trend-summary{font-size:14px;flex-wrap:wrap}.employee-home .eh-trend-summary strong{font-size:27px}
.employee-home .eh-trend-summary small{font-size:15px}
.employee-home .eh-chart{height:240px}.employee-home .eh-chart text{font-size:12px;fill:#586f7e}
.employee-home .eh-chart .eh-trend-line{fill:none;stroke:#098578;stroke-width:2;pointer-events:none}
.employee-home .eh-chart .eh-trend-dot{fill:#098578;stroke:#fff;stroke-width:1;pointer-events:none}
.employee-home .eh-chart .eh-partial-bar{fill:#cedbd8}.employee-home .eh-chart .eh-chart-gap{fill:#9b754c;font-size:10px}
.employee-home .eh-table{font-size:15px}.employee-home .eh-table th{font-size:13px;color:#526b79;padding:12px 10px}
.employee-home .eh-table td{padding:18px 10px}.employee-home .eh-store-meta{font-size:12px;color:#617985;margin-top:4px}
.employee-home .eh-data-status{font-size:12px}.employee-home .eh-shop-foot{font-size:12px;color:#617985}
.employee-home .eh-pending-mark{font-size:12px;color:#92632d}
.employee-home .eh-tools,.employee-home .eh-tools button{font-size:13px}.employee-home .eh-tools .eh-footnote{font-size:12px}
.employee-home .eh-empty,.employee-home .eh-alert,.employee-home .eh-update-note{font-size:14px}
.eh-dialog{font-size:14px}.eh-dialog .eh-table{font-size:14px}.eh-dialog .eh-table th{font-size:13px}
@media(max-width:1699px) and (min-width:1200px){.employee-home .eh-kpi{padding:15px 12px}.employee-home .eh-number strong{font-size:30px}.employee-home .eh-kpi-label{font-size:15px}}
@media(max-width:1439px) and (min-width:768px){.employee-home .eh-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.employee-home .eh-kpi,.employee-home .eh-kpi:first-child{grid-column:auto;min-height:205px}.employee-home .eh-number strong{font-size:34px}.employee-home .eh-kpi-label{font-size:16px}.employee-home .eh-shortcut{font-size:12px}}
@media(max-width:767px){.employee-home .eh-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.employee-home .eh-kpi,.employee-home .eh-kpi:first-child{grid-column:auto;padding:14px 12px;min-height:225px}.employee-home .eh-kpi-label{font-size:15px;min-height:68px}.employee-home .eh-number strong,.employee-home .eh-kpi:first-child .eh-number strong{font-size:27px}.employee-home .eh-number small{font-size:13px}.employee-home .eh-date-pill{font-size:12px;padding:2px 5px}.employee-home .eh-note{font-size:12px}.employee-home .eh-shortcut{font-size:12px}.employee-home .eh-panel{padding:18px 13px}.employee-home .eh-table{min-width:700px}.employee-home .eh-status-line{flex-wrap:wrap}.employee-home .eh-chart{height:215px}}
@media(max-width:359px){.employee-home .eh-kpis{grid-template-columns:1fr}.employee-home .eh-kpi-label{min-height:0}}

.employee-home .eh-kpi{container-type:inline-size}
.employee-home .eh-kpi .eh-number strong{font-size:min(34px,calc(160cqi / var(--eh-digits,10)))}
@media(min-width:768px) and (max-width:959px){.employee-home .eh-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.employee-home .eh-kpi .eh-number strong{font-size:min(30px,calc(160cqi / var(--eh-digits,10)))}}