/* Kanokphan Business Dashboard HF05EP; all selectors scoped */
#page-content[data-page="dashboard"]{padding:0!important;background:#f4f7f7}
.kp-dashboard{font-family:inherit;min-height:calc(100vh - 64px);color:#183343;background:radial-gradient(circle at 86% -12%,#dcefe8 0,transparent 38%),#f5f8f8}
.kp-dashboard *{box-sizing:border-box}
.kp-container{max-width:1550px;margin:auto;padding:30px clamp(14px,3vw,42px) 46px}
.kp-header{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:18px}
.kp-eyebrow{display:flex;align-items:center;gap:9px;color:#318775;font-size:11px;font-weight:850;letter-spacing:1.4px}
.kp-live-dot{width:8px;height:8px;border-radius:50%;background:#2ea47d;box-shadow:0 0 0 4px #cdece1}
.kp-header h1{font-size:clamp(26px,3vw,37px);line-height:1.2;letter-spacing:-.7px;color:#152e39;margin:10px 0 7px;font-weight:850}
.kp-header h1 span{color:#138666}
.kp-header p{color:#687d83;font-size:13px;margin:0}
.kp-filters{display:flex;gap:9px;align-items:center;border:1px solid #dfe8e6;padding:7px;border-radius:13px;background:#fff;box-shadow:0 6px 22px #163e4010}
.kp-filters label{font-size:12px;color:#78908b;margin:0 6px 0 8px;white-space:nowrap}
.kp-filters select{height:36px;padding:5px 12px;min-width:126px;color:#184a44;background:#f3f8f6;border:1px solid #e1ebe8;border-radius:8px;font-size:12px;font-weight:750}
.kp-filters button,.kp-secondary{height:36px;padding:7px 15px!important;color:#fff!important;border:0!important;border-radius:8px!important;background:#0b795c!important;font-weight:750!important;white-space:nowrap}
.kp-filters button[disabled]{opacity:.65}
.kp-date-caption{color:#879a9b;font-size:12px;margin:-5px 0 22px}
.kp-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:17px}
.kp-kpi{position:relative;border-radius:16px;border:1px solid #e1ebe8;background:#fff;box-shadow:0 6px 20px #123d3d09;padding:19px 22px 18px;min-width:0;overflow:hidden;min-height:153px}
.kp-kpi.kp-primary{background:linear-gradient(118deg,#08684f,#138969);color:white;border-color:#0b7458}
.kp-kpi-top{display:flex;align-items:center;justify-content:space-between;color:#6e8284;font-size:13px;font-weight:650}
.kp-kpi.kp-primary .kp-kpi-top{color:#d1f2e6}
.kp-kpi-symbol{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#ecf7f2;color:#23866b;font-weight:850;font-size:14px}
.kp-primary .kp-kpi-symbol{background:#ffffff24;color:#fff}
.kp-kpi strong{display:block;margin:13px 0 5px;font-size:clamp(21px,2.1vw,29px);font-weight:850;letter-spacing:-.4px;color:#163b43;font-variant-numeric:tabular-nums;white-space:nowrap}
.kp-primary strong{color:#fff}
.kp-kpi small{color:#819391;font-size:11px}
.kp-primary small{color:#c7eddd}
.kp-kpi-link{position:absolute;bottom:12px;right:16px;background:transparent!important;color:#188569!important;border:0!important;font-size:10px!important;padding:4px!important}
.kp-primary .kp-kpi-link{color:#dcfff1!important}
.kp-summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-bottom:17px;background:#e8f2ef;border:1px solid #d7eae3;border-radius:13px;overflow:hidden}
.kp-summary-strip>div{padding:15px 20px;min-width:0}
.kp-summary-strip>div+div{border-left:1px solid #d4e7df}
.kp-summary-strip small{display:block;font-size:11px;color:#6f8a80}
.kp-summary-strip b{display:block;margin-top:4px;color:#226653;font-size:17px;font-variant-numeric:tabular-nums}
.kp-two-col{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.8fr);gap:17px;margin-bottom:17px}
.kp-card{border-radius:16px;background:#fff;border:1px solid #e0e9e7;box-shadow:0 7px 21px #163e4008;padding:22px;min-width:0}
.kp-section-head{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;margin-bottom:18px}
.kp-section-head h2{font-size:16px;color:#173641;margin:0 0 4px;font-weight:800}
.kp-section-head p{margin:0;color:#829593;font-size:11px}
.kp-pill{background:#e7f4ee;color:#218064;padding:6px 10px;border-radius:50px;font-size:11px;font-weight:750;white-space:nowrap}
.kp-chart-area{height:230px;display:flex;position:relative;padding:5px 15px 5px 58px;border-left:0}
.kp-chart-scale{position:absolute;left:0;top:1px;bottom:25px;display:flex;flex-direction:column;justify-content:space-between;color:#94a8a5;font-size:10px;text-align:right;width:47px}
.kp-bars{flex:1;display:flex;align-items:stretch;gap:5px;border-bottom:1px solid #d6e4de;background:repeating-linear-gradient(to top,transparent,transparent calc(50% - 1px),#eff4f2 50%);min-width:0}
.kp-barcol{display:grid;grid-template-rows:1fr 22px;flex:1;min-width:2px;align-items:end;text-align:center}
.kp-bartrack{height:100%;display:flex;align-items:flex-end;width:100%}
.kp-bartrack i{display:block;width:100%;background:linear-gradient(to top,#0d8c69,#70c6ab);border-radius:5px 5px 0 0;min-height:0;transition:height .3s}
.kp-barcol small{color:#859b98;font-size:9px}
.kp-minirows{margin-top:8px}
.kp-minirow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #eff2f1;color:#6e8684;font-size:12px}
.kp-minirow:last-child{border-bottom:0}
.kp-minirow b{font-size:13px;color:#1d4e48;text-align:right;font-variant-numeric:tabular-nums}
.kp-service-row{margin-bottom:17px}
.kp-service-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.kp-service-list>div{position:relative;background:#f4f8f7;padding:14px;border-radius:10px;min-height:84px;overflow:hidden}
.kp-service-list span{display:block;color:#708982;font-size:11px}
.kp-service-list strong{display:block;font-size:24px;margin-top:6px;color:#194f43}
.kp-service-list i{position:absolute;bottom:0;left:0;height:4px;background:#47b394;border-radius:0 4px 0 0;max-width:100%}
.kp-service-row .kp-secondary{margin-top:15px}
.kp-shortcuts{margin-bottom:17px}
.kp-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.kp-quick{display:flex;align-items:center;gap:11px;text-align:left!important;color:#325d58!important;background:#f4f8f6!important;border:1px solid #e2edeb!important;border-radius:10px!important;padding:11px 12px!important;font-size:12px!important;font-weight:700!important}
.kp-quick:hover{background:#e2f3eb!important;color:#087957!important}
.kp-quick-icon{width:30px;height:30px;display:grid;place-items:center;background:#deefe8;border-radius:9px;color:#13916b;font-size:16px}
.kp-arrow{margin-left:auto;color:#8db1a6}
.kp-empty{color:#829c98;background:#f5f9f8;border:1px dashed #d7e5e0;padding:26px;border-radius:11px;font-size:12px}
.kp-alert{padding:12px 16px;border:1px solid #f6d3b6;background:#fff9f0;color:#9c631d;font-size:12px;border-radius:10px;margin-bottom:15px}
.kp-footnote{font-size:11px;color:#8da19b;line-height:1.8}
@media(max-width:1100px){.kp-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kp-service-list{grid-template-columns:repeat(3,minmax(0,1fr))}.kp-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.kp-header{align-items:flex-start;flex-direction:column}.kp-two-col{grid-template-columns:1fr}.kp-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.kp-summary-strip>div:nth-child(3){border-left:0;border-top:1px solid #d4e7df}.kp-summary-strip>div:nth-child(4){border-top:1px solid #d4e7df}.kp-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:510px){.kp-container{padding:19px 12px 30px}.kp-kpi-grid{grid-template-columns:1fr 1fr;gap:8px}.kp-kpi{padding:15px 13px 24px;min-height:144px}.kp-kpi strong{font-size:19px}.kp-kpi-top{font-size:11px}.kp-kpi small{font-size:10px}.kp-kpi-link{bottom:6px;right:8px}.kp-filters{width:100%}.kp-filters select{flex:1;min-width:0}.kp-service-list{grid-template-columns:repeat(2,minmax(0,1fr))}.kp-quick-grid{grid-template-columns:1fr 1fr}.kp-card{padding:15px}.kp-chart-area{padding-left:43px}.kp-chart-scale{width:35px;font-size:8px}.kp-summary-strip>div{padding:11px}.kp-summary-strip b{font-size:14px}}