/* LIKE home: reference dashboard composition, using the existing local shell. */
#overview-view.home-view{display:block;height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:5px;scrollbar-width:thin;scrollbar-color:#bcc9b2 transparent}
.home-view h2,.home-view h3{font-weight:600}
.home-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:3px 0 24px}
.home-eyebrow{display:block;color:#a7874e;font-size:9px;letter-spacing:2.2px;font-weight:600;line-height:1.5}
.home-heading h2{font-size:26px;letter-spacing:-.5px;margin:9px 0 7px}
.home-heading p{font-size:12px;color:#819078}
.home-heading-actions{display:flex;align-items:center;gap:8px}
.home-heading-actions>span{font-size:11px;color:#87957f;margin-right:9px}
.home-heading-actions button{min-height:37px;font-size:12px}
.home-banner{display:flex;align-items:center;position:relative;isolation:isolate;min-height:129px;border:1px solid #d7e1ce;border-radius:9px;background:#eaf0e3;padding:24px 28px;margin-bottom:24px;overflow:hidden}
.home-banner h3{font-family:'Songti SC','SimSun',Georgia,serif;font-size:24px;letter-spacing:2px;font-weight:400;margin:7px 0 11px;color:#345846}
.home-banner p{font-size:11px;color:#8b9a80}
.home-banner-copy{position:relative;z-index:2}
.home-banner-visual{position:absolute;inset:0 0 0 auto;width:min(58%,820px);z-index:0;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 18%)}
.home-banner-visual img{position:absolute;top:0;height:100%;object-fit:cover;object-position:center 54%}
.home-banner-visual .home-banner-diamonds{left:0;width:55%;object-position:center 47%;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}
.home-banner-gold{right:0;width:54%;mask-image:linear-gradient(90deg,transparent,#000 20%)}
.home-banner::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#eaf0e3 0%,#eaf0e3 33%,#eaf0e3e6 43%,#eaf0e300 65%)}
.home-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid var(--line);border-radius:10px;padding:26px 0;margin-bottom:24px}
.home-metric{min-width:0;padding:0 26px;border-right:1px solid #e3e8dc}
.home-metric:last-child{border-right:0}
.home-metric>div{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#7e8e73;font-size:12px}
.home-metric .lucide{color:#a0af93;width:17px;height:17px}
.home-metric>.pending-metric{display:block;color:#83977c;font-size:24px;font-weight:400;letter-spacing:2px;margin:19px 0 10px;font-family:'Songti SC','SimSun',Georgia,serif}
.home-metric small{display:block;font-size:10px;color:#a0aa95;line-height:1.6}
.home-charts{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:22px;margin-bottom:22px}
.home-panel{border:1px solid var(--line);border-radius:10px;background:white;min-width:0}
.home-panel h3{font-size:15px;color:#2e4c3d}
.home-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:23px 23px 13px}
.home-panel-heading p{font-size:10px;color:#8b9880;margin-top:5px;line-height:1.6}
.home-chart-controls{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.home-chart-controls select,.home-inline-controls select,.home-category-copy select{font-size:10px;min-height:28px;padding:4px 7px;background:#fcfdf9;border-color:#d9e2d0}
.home-trend-panel{height:394px;display:flex;flex-direction:column}
.home-trend-numbers{display:flex;align-items:center;gap:56px;padding:8px 23px 13px}
.home-trend-numbers>div:not(.home-trend-filter){display:flex;flex-direction:column;gap:8px}
.home-trend-numbers>div>span{display:flex;align-items:center;gap:6px;font-size:10px;color:#829077}
.home-trend-numbers strong{font-family:Georgia,'Songti SC','SimSun',serif;font-size:23px;color:#345242;letter-spacing:-.4px;font-weight:400;line-height:1}
.green-dot,.gold-dot{display:inline-block;width:7px;height:7px;border-radius:2px;background:#245747;flex-shrink:0}
.gold-dot{background:#bca16a}
.home-trend-filter{display:flex;align-items:center;gap:2px;border:1px solid #e1e8da;padding:3px;border-radius:6px;margin-left:auto}
.home-trend-filter button{font-size:10px;min-height:25px;padding:4px 7px;border:0;background:transparent;border-radius:4px;color:#8c9981}
.home-trend-filter button.active{background:#eaf1e5;color:#315d45}
.home-trend-canvas{position:relative;flex:1;min-height:140px;margin:0 19px 4px}
.home-chart-foot{display:flex;align-items:center;gap:6px;padding:10px 23px 13px;min-height:37px;font-size:9px;color:#98a28e;line-height:1.5}
.home-chart-foot>.lucide{width:12px;height:12px}
.home-chart-foot>span{flex:1}
.home-date-menu{flex-shrink:0}
.home-date-menu>summary{font-size:9px;border:0;min-height:21px;padding:2px 0;color:#5d7a50;background:transparent;gap:3px}
.home-date-menu>summary .lucide{width:12px;height:12px}
.home-date-menu .menu-popover{top:auto;bottom:calc(100% + 5px);width:280px;max-height:260px;overflow:auto;padding:10px}
#home-trend-dates>div{display:flex;align-items:center;gap:5px;border-bottom:1px solid #edf0e8;padding:3px 0}
#home-trend-dates>div:last-child{border:0}
#home-trend-dates>div>span{font-size:10px;color:#748a66;margin-right:auto;white-space:nowrap}
#home-trend-dates button{font-size:10px;width:auto;min-height:26px;padding:4px 6px}
.home-distribution-panel{height:394px;display:flex;flex-direction:column}
.home-distribution-panel .text-button{border:0;background:transparent;font-size:10px;min-height:25px;padding:2px;color:#5e7a51;gap:3px}
.home-distribution-panel .text-button .lucide{width:13px;height:13px}
.home-warehouse-block{padding:4px 23px 12px;border-bottom:1px solid #e6ebdf;flex:1;min-height:125px}
.home-subheading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#667e5c}
.home-inline-controls{display:flex;align-items:center;gap:8px;font-size:9px;color:#94a188}
.home-inline-controls>span{display:flex;align-items:center;gap:4px}
.home-inline-controls b{width:5px;height:5px}
.home-inline-controls select{min-height:23px;padding:2px 5px;font-size:9px}
.home-warehouse-scroll{max-height:116px;overflow:auto;scrollbar-width:thin}
#home-warehouse-canvas-wrap{position:relative;height:92px;margin-top:3px;min-width:0}
.home-category-block{display:flex;align-items:center;gap:21px;min-height:160px;padding:20px 23px 22px}
.home-donut-wrap{width:112px;height:112px;position:relative;flex-shrink:0}
.home-donut-wrap.is-empty:before{content:'';position:absolute;inset:0;border:12px solid #edf1e8;border-radius:50%}
.home-donut-center{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;pointer-events:none}
.home-donut-center strong{font:29px/1 Georgia,serif;color:#315b44}
.home-donut-center small{font-size:9px;color:#94a289}
.home-category-copy{flex:1;min-width:0}
.home-category-copy .home-subheading{margin-bottom:12px}
.home-category-copy select{min-height:23px;padding:2px 5px;font-size:9px}
#home-category-legend{display:flex;flex-direction:column;gap:9px}
#home-category-legend>div{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px}
#home-category-legend>div>span{display:flex;align-items:center;gap:6px;color:#8c9a80;min-width:0}
#home-category-legend b{width:6px;height:6px;display:inline-block;flex-shrink:0;border-radius:2px}
#home-category-legend strong{font-weight:500;color:#355c45;white-space:nowrap}
#home-category-legend small{font-size:9px;color:#9ca88f;font-weight:400}
.home-empty{font-size:10px;line-height:1.7;color:#9aa78e;padding:20px 0;text-align:center}
.home-tasks-panel{display:flex;align-items:center;padding:23px;margin-bottom:24px;gap:25px}
.home-tasks-intro{flex:0 0 155px}
.home-tasks-intro h3{font-size:13px;margin-bottom:7px}
.home-tasks-intro p{font-size:9px;color:#97a38b;line-height:1.5}
.home-tasks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;flex:1;min-width:0}
.home-task>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.home-task>div:first-child>span{display:flex;align-items:center;gap:6px;font-size:10px;color:#819474}
.home-task .lucide{width:13px;height:13px;color:#9fb091}
.home-task strong{font:23px/1 Georgia,serif;color:#355b43;white-space:nowrap}
.home-task strong small{font:9px 'Segoe UI','Microsoft YaHei',sans-serif;color:#95a488}
.home-progress-track{height:5px;border-radius:4px;background:#f0f3eb;overflow:hidden}
.home-progress-track>span{display:block;height:100%;background:#8ba887;border-radius:4px}
.home-task-links{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:7px}
.home-task-links button{border:0;background:transparent;padding:2px 4px 2px 0;min-height:21px;font-size:9px;color:#809573;gap:3px}
.home-task-links button .lucide{width:10px;height:10px}
.home-task-links button:hover{color:#204e40;text-decoration:underline}
.home-records-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 16px}
.home-records-heading h3{font-size:14px;margin-bottom:6px}
.home-records-heading p{font-size:10px;color:#8e9d82;line-height:1.6}
.home-records-heading>div:last-child{display:flex;gap:7px;align-items:center}
.home-records-heading button{font-size:11px;min-height:32px;padding:6px 10px}
.home-records-heading button>span{font:12px Georgia,serif;background:#eef3e9;padding:2px 5px;border-radius:4px}
.home-raw-records{margin:0 0 14px;border:1px solid var(--line);border-radius:8px;background:white}
.home-raw-records>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;font-size:11px;color:#5d7851;list-style:none}
.home-raw-records>summary::-webkit-details-marker{display:none}
.home-raw-records>summary>span{display:flex;align-items:center;gap:7px}
.home-raw-records>summary>span:last-child{font-size:10px;color:#93a086}
.home-raw-records>summary .lucide{width:14px;height:14px}
.home-raw-records[open]>summary{border-bottom:1px solid var(--line)}
.home-raw-records[open]>summary>span:last-child .lucide{transform:rotate(180deg)}
.home-raw-actions{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;font-size:10px;color:#8a9a7e}
.home-raw-actions button{font-size:10px;min-height:29px;padding:4px 8px}
.home-view .overview-tables{height:660px;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1.2fr);padding:0 14px 14px;gap:14px}
.home-view .overview-tables .grid-caption{min-height:39px;padding:8px 13px}
.home-source-note{font-size:9px;color:#97a38d;padding:0 0 12px;line-height:1.7}
@media(min-width:1800px){.home-heading{margin-bottom:26px}.home-banner{min-height:137px}.home-metrics{padding:28px 0}.home-metric{padding:0 27px}.home-metric>.pending-metric{font-size:27px}.home-trend-panel,.home-distribution-panel{height:410px}.home-category-block{min-height:170px}.home-warehouse-scroll{max-height:125px}.home-trend-canvas{min-height:170px}}
@media(max-width:1300px){.home-heading-actions>span{display:none}.home-charts{gap:15px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.home-metric{padding:0 16px}.home-panel-heading{padding:18px 17px 11px}.home-panel-heading h3{font-size:14px}.home-chart-controls{gap:4px}.home-chart-controls select{font-size:9px;padding:4px}.home-trend-numbers{padding:6px 17px 10px;gap:22px}.home-trend-numbers strong{font-size:22px}.home-chart-foot{padding:9px 17px;flex-wrap:wrap}.home-warehouse-block{padding:4px 17px 10px}.home-category-block{padding:16px 17px;gap:13px}.home-donut-wrap{width:94px;height:94px}.home-category-copy .home-subheading{margin-bottom:9px}.home-tasks-panel{padding:18px;gap:18px}.home-tasks-intro{flex-basis:128px}.home-tasks{gap:18px}}
@media(max-width:1050px){.home-banner{padding:22px}.home-banner h3{font-size:21px}.home-banner-visual{width:63%}.home-charts{grid-template-columns:minmax(0,1fr)}.home-trend-panel{height:370px}.home-distribution-panel{height:380px}.home-warehouse-block{min-height:145px}.home-category-block{min-height:160px}.home-donut-wrap{width:112px;height:112px}.home-tasks-panel{align-items:flex-start;flex-direction:column;gap:17px}.home-tasks-intro{flex-basis:auto}.home-tasks{width:100%}.home-records-heading{flex-wrap:wrap;gap:12px}.home-metric>div{font-size:11px}.home-metric small{font-size:9px}.home-metric>.pending-metric{font-size:22px;letter-spacing:1px}}
@media(max-width:650px){#overview-view.home-view{height:auto;overflow:visible;padding-right:0;min-height:0}.home-heading{align-items:flex-start;gap:10px;margin:2px 0 17px}.home-heading h2{font-size:23px}.home-eyebrow{font-size:8px;letter-spacing:1.6px}.home-heading p{font-size:10px;max-width:180px;line-height:1.6}.home-heading-actions{gap:4px}.home-heading-actions button{font-size:10px;padding:6px;min-height:30px}.home-heading-actions #home-refresh{font-size:0;padding:6px}.home-heading-actions .lucide{width:14px;height:14px}.home-banner{min-height:138px;padding:17px;margin-bottom:16px}.home-banner h3{font-size:19px;letter-spacing:1px;max-width:210px;line-height:1.7}.home-banner p{font-size:9px;max-width:190px;line-height:1.7}.home-banner-visual{width:76%;opacity:.65}.home-banner::after{background:linear-gradient(90deg,#eaf0e3 0%,#eaf0e3f2 36%,#eaf0e3b3 57%,#eaf0e300 85%)}.home-metrics{grid-template-columns:1fr 1fr;padding:0;margin-bottom:16px}.home-metric{padding:17px 14px;border-bottom:1px solid #e3e8dc}.home-metric:nth-child(2){border-right:0}.home-metric:nth-child(n+3){border-bottom:0}.home-metric>.pending-metric{font-size:23px;margin:14px 0 8px}.home-metric .lucide{width:15px;height:15px}.home-charts{gap:16px;margin-bottom:16px}.home-panel-heading{padding:17px 14px 9px;gap:9px}.home-chart-controls{gap:3px}.home-trend-panel{height:350px}.home-trend-numbers{padding:7px 14px 10px;gap:20px}.home-trend-numbers strong{font-size:21px}.home-trend-filter button{font-size:9px;padding:4px 5px}.home-trend-canvas{margin:0 8px 4px}.home-chart-foot{padding:8px 14px;gap:5px;font-size:8px}.home-date-menu .menu-popover{right:-5px;width:260px}.home-distribution-panel{height:385px}.home-category-block{padding:18px 14px}.home-warehouse-block{padding:4px 14px 12px}.home-tasks-panel{padding:17px 14px;margin-bottom:17px}.home-tasks{grid-template-columns:1fr 1fr;gap:20px}.home-task strong{font-size:25px}.home-task-links button{font-size:10px}.home-records-heading h3{font-size:13px}.home-records-heading p{font-size:9px}.home-records-heading>div:last-child{flex-wrap:wrap;gap:5px}.home-records-heading button{font-size:10px;padding:5px 7px}.home-raw-records>summary{padding:12px;font-size:10px}.home-raw-records>summary>span:last-child{font-size:0;gap:0}.home-raw-actions{gap:8px;padding:10px;font-size:9px}.home-raw-actions>span{flex:1}.home-view .overview-tables{height:720px;padding:0 9px 9px;gap:10px}.home-source-note{font-size:8px}}