/* Approved dashboard refinement. Preserve live data, permissions and utilities. */
:root{--preview-ink:#203d2e;--preview-muted:#5b6d62;--preview-border:#dfe8e2;background:#f3f6f4}
.content{padding-top:24px}
.welcome{padding-bottom:4px}.welcome h1{font-size:34px;letter-spacing:-.045em}.welcome .muted{font-size:14px}#dashboard-view .welcome .primary{min-height:46px;padding:13px 20px;border-radius:10px;box-shadow:0 4px 10px #185c431a}#dashboard-view .welcome .primary:hover{background:#104d36}
#dashboard-view .metrics{gap:18px;margin-bottom:24px}#dashboard-view .metrics article{--card-accent:#236b4c;--card-tint:#edf5ef;position:relative;min-height:164px;padding:24px;border:1px solid #dbe6de;border-top:3px solid var(--card-accent);border-radius:15px;background:linear-gradient(115deg,#fff 45%,var(--card-tint));box-shadow:0 4px 14px #143e2908;gap:8px;overflow:hidden}#dashboard-view .metrics article:nth-child(2){--card-accent:#9b6c1c;--card-tint:#fbf5e8}#dashboard-view .metrics article:nth-child(3){--card-accent:#356f96;--card-tint:#edf4f9}#dashboard-view .metrics article:after{display:block;content:"";position:absolute;width:112px;height:112px;right:-39px;bottom:-53px;border:19px solid var(--card-accent);border-radius:50%;opacity:.075;pointer-events:none}#dashboard-view .metrics article:before{content:"";position:absolute;width:152px;height:152px;right:-59px;bottom:-73px;border:1px solid var(--card-accent);opacity:.12;border-radius:50%;pointer-events:none}#dashboard-view .metrics article>*{position:relative;z-index:1}#dashboard-view .metrics article>p{font-size:13px;font-weight:600;color:#486052}#dashboard-view .metrics strong{font-size:42px;letter-spacing:-.045em;color:#203d2e}#dashboard-view .metrics small{font-size:12px;color:#5b6d62}#dashboard-view .metrics .metric-icon{width:44px;height:44px;border:1px solid #ffffffc0;border-radius:12px;background:var(--card-tint);color:var(--card-accent);box-shadow:0 2px 6px #163d2910}#dashboard-view .metric-icon svg{width:23px;height:23px}
#dashboard-view .dashboard-grid{gap:22px;grid-template-columns:minmax(0,1.4fr) minmax(300px,.85fr);align-items:stretch}#dashboard-view .panel{padding:24px;border-radius:15px;border:1px solid #dfe7e1;box-shadow:0 4px 16px #163d2906}#dashboard-view .panel-head{padding-bottom:18px;border-bottom:1px solid #e9eee9}#dashboard-view .panel-head h2{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:650;color:#203d2e}#dashboard-view .panel-head h2:before{content:"";width:4px;height:17px;border-radius:4px;background:#3c8060}#dashboard-view .panel-head p{font-size:13px;line-height:1.6;margin-top:7px;color:#5b6d62}#dashboard-view .dashboard-sales-list{margin-top:16px;max-height:338px;padding-right:5px;scrollbar-width:thin;scrollbar-color:#c1d2c6 #f6f8f6}#dashboard-view .dashboard-sales-head,#dashboard-view .dashboard-sales-row{grid-template-columns:minmax(120px,1fr) repeat(3,minmax(64px,.45fr));padding:14px 12px;gap:10px}#dashboard-view .dashboard-sales-head{font-size:11px;background:#eef4ef;color:#4f6858;border-radius:8px;font-weight:650;z-index:2}#dashboard-view .dashboard-sales-row{min-height:52px;font-size:14px;border-top:1px solid #edf1ee;background:white}#dashboard-view .dashboard-sales-row:nth-child(odd){background:#fafcfb}#dashboard-view .dashboard-sales-row strong{font-size:13px;font-weight:600;letter-spacing:.01em}#dashboard-view .dashboard-sales-row span{font-size:14px;font-weight:600;color:#294e39}#dashboard-view .dashboard-sales-row span:last-child{color:#5b6d62}#dashboard-view .dashboard-sales-row:hover{background:#f0f6f2}
#dashboard-view .workflow-panel .steps{margin-top:23px;grid-template-columns:34px minmax(0,1fr);gap:0 14px}#dashboard-view .workflow-panel .steps>span{width:34px;height:34px;min-width:34px;background:#edf5ef;border:1px solid #cfdfd4;box-shadow:0 0 0 4px #f7faf7;color:#276041;font-size:12px;font-weight:700}#dashboard-view .workflow-panel .steps>p{min-width:0;padding-top:2px;gap:5px}#dashboard-view .workflow-panel .steps b{font-size:14px;line-height:1.4;font-weight:600}#dashboard-view .workflow-panel .steps small{font-size:12px;line-height:1.6;color:#5b6d62}#dashboard-view .workflow-panel .steps>i{height:22px;margin:6px 0 6px 16px!important;background:#cfdfd4}
@media(max-width:1150px){#dashboard-view .dashboard-grid{grid-template-columns:1fr}}
@media(max-width:760px){#dashboard-view .welcome h1{font-size:28px}#dashboard-view .welcome .muted{font-size:13px}#dashboard-view .metrics{gap:12px}#dashboard-view .metrics article{padding:17px;min-height:145px;border-radius:13px;gap:8px}#dashboard-view .metrics article:first-child{min-height:138px}#dashboard-view .metrics article>p{font-size:12px}#dashboard-view .metrics strong{font-size:36px}#dashboard-view .metrics small{font-size:11px}#dashboard-view .metrics .metric-icon{width:36px;height:36px}#dashboard-view .metric-icon svg{width:20px;height:20px}#dashboard-view .metrics article:after{width:78px;height:78px;right:-31px;bottom:-36px;border-width:13px}#dashboard-view .metrics article:before{width:110px;height:110px;right:-47px;bottom:-52px}#dashboard-view .panel{padding:19px}#dashboard-view .panel-head h2{font-size:17px}#dashboard-view .panel-head p{font-size:12px}#dashboard-view .dashboard-sales-list{max-height:360px;padding-right:3px}#dashboard-view .dashboard-sales-row{grid-template-columns:repeat(3,minmax(0,1fr));padding:13px;gap:9px;margin-bottom:10px;border:1px solid #e2eae4;background:#fafcfb}#dashboard-view .dashboard-sales-row span{font-size:17px}#dashboard-view .dashboard-sales-row strong{font-size:13px}#dashboard-view .dashboard-sales-row span:before{font-size:10px}#dashboard-view .workflow-panel .steps b{font-size:14px}#dashboard-view .workflow-panel .steps small{font-size:12px}}