/**
 * hidrologi.net — Prediksi Kekeringan
 * Decision Support Dashboard · Modern v2
 * v2.18.1.18
 */

.kp-prediksi-modern{
    --kpui-bg:#f4f7fb;
    --kpui-card:#ffffff;
    --kpui-line:#e1e8f0;
    --kpui-line-soft:#edf2f6;
    --kpui-ink:#17324a;
    --kpui-text:#526a79;
    --kpui-muted:#7c8d99;
    --kpui-blue:#1479ad;
    --kpui-cyan:#2b9dc7;
    --kpui-orange:#d88731;
    --kpui-green:#2a8f5b;
    --kpui-red:#c74444;
    --kpui-radius:14px;
    --kpui-shadow:0 7px 24px rgba(35,68,92,.045);
    background:var(--kpui-bg)!important;
    color:var(--kpui-text)!important;
}

.kp-prediksi-modern .container{
    width:min(100% - 32px,1180px)!important;
}

/* ---------- Typography ---------- */

.kp-prediksi-modern .kp-breadcrumb{
    margin-bottom:11px!important;
    font-size:11px!important;
}

.kp-prediksi-modern .kp-kicker{
    font-size:10.5px!important;
    line-height:1.35!important;
    letter-spacing:.055em!important;
}

.kp-prediksi-modern .kp-title{
    max-width:760px!important;
    margin:13px 0 10px!important;
    color:var(--kpui-ink)!important;
    font-size:28px!important;
    line-height:1.18!important;
    letter-spacing:-.45px!important;
}

.kp-prediksi-modern .kp-lead{
    max-width:770px!important;
    color:var(--kpui-text)!important;
    font-size:13px!important;
    line-height:1.65!important;
}

.kp-prediksi-modern .display-6{
    color:var(--kpui-ink)!important;
    font-size:22px!important;
    line-height:1.25!important;
}

.kp-prediksi-modern .kp-section-lead{
    font-size:12.5px!important;
    line-height:1.6!important;
}

/* ---------- Hero / workspace ---------- */

.kp-prediksi-modern .kp-hero{
    padding-top:8px!important;
    background:transparent!important;
}

.kp-prediksi-modern .kp-hero>.container{
    padding:22px!important;
    border:1px solid var(--kpui-line)!important;
    border-radius:16px!important;
    background:
        radial-gradient(circle at 95% 7%,rgba(31,146,196,.085),transparent 24%),
        linear-gradient(135deg,#fff,#fbfdff 72%,#f2f8fc)!important;
    box-shadow:var(--kpui-shadow)!important;
}

.kp-prediksi-modern .kp-hero>.container::before{
    width:3px!important;
}

.kp-prediksi-modern .kp-hero .row{
    --bs-gutter-x:20px;
    --bs-gutter-y:16px;
}

/* ---------- Input form ---------- */

.kp-prediksi-modern .kp-form{
    max-width:none!important;
    margin-top:15px!important;
    padding:14px!important;
    border:1px solid var(--kpui-line)!important;
    border-radius:12px!important;
    background:#fbfdff!important;
    box-shadow:none!important;
}

.kp-prediksi-modern .kp-form label{
    display:block!important;
    margin-bottom:5px!important;
    color:#4f6879!important;
    font-size:12px!important;
    line-height:1.3!important;
    font-weight:700!important;
}

.kp-prediksi-modern .kp-input-icon{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
    min-height:42px!important;
    border:1px solid #d5e0e8!important;
    border-radius:9px!important;
    background:#fff!important;
}

.kp-prediksi-modern .kp-input-icon>i{
    position:absolute!important;
    left:12px!important;
    top:50%!important;
    width:18px!important;
    height:18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    transform:translateY(-50%)!important;
    color:#6d91a6!important;
    font-size:14px!important;
    line-height:1!important;
    pointer-events:none!important;
    z-index:3!important;
}

.kp-prediksi-modern .kp-input-icon input{
    width:100%!important;
    min-width:0!important;
    min-height:40px!important;
    padding:8px 12px 8px 40px!important;
    border:0!important;
    border-radius:9px!important;
    outline:none!important;
    background:transparent!important;
    color:#17324a!important;
    box-shadow:none!important;
    font-size:13px!important;
    line-height:1.35!important;
}

.kp-prediksi-modern .kp-input-icon:focus-within{
    border-color:#84bfdc!important;
    box-shadow:0 0 0 3px rgba(20,121,173,.08)!important;
}

.kp-prediksi-modern .kp-search-row{
    display:flex!important;
    align-items:stretch!important;
    gap:8px!important;
}

.kp-prediksi-modern .kp-search-row>.kp-input-icon{
    flex:1 1 auto!important;
}

.kp-prediksi-modern .kp-search-row>.kp-btn{
    flex:0 0 auto!important;
    min-width:76px!important;
}

.kp-prediksi-modern .kp-coordinate-grid{
    gap:10px!important;
}

.kp-prediksi-modern .kp-form-actions{
    gap:8px!important;
}

.kp-prediksi-modern .kp-form-actions .kp-btn,
.kp-prediksi-modern .kp-search-row .kp-btn{
    min-height:40px!important;
    padding:0 14px!important;
    font-size:11px!important;
}

.kp-prediksi-modern .kp-status{
    padding:9px 11px!important;
    border-radius:9px!important;
    font-size:11px!important;
    line-height:1.45!important;
}

.kp-prediksi-modern .kp-form-note{
    margin-top:9px!important;
    font-size:10.5px!important;
    line-height:1.5!important;
}

/* ---------- Compact source panel ---------- */

.kp-prediksi-modern .kp-source-panel{
    height:auto!important;
    min-height:0!important;
    padding:15px!important;
    border-radius:12px!important;
    box-shadow:none!important;
}

.kp-prediksi-modern .kp-source-panel-head{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:10px;
}

.kp-prediksi-modern .kp-source-panel-head .kp-hero-icon{
    flex:0 0 auto;
    width:34px!important;
    height:34px!important;
    border-radius:9px!important;
    font-size:14px!important;
}

.kp-prediksi-modern .kp-source-panel-kicker{
    display:block;
    margin-bottom:2px;
    color:#7b8e9d;
    font-size:9px;
    font-weight:700;
    letter-spacing:.05em;
    text-transform:uppercase;
}

.kp-prediksi-modern .kp-source-panel h2{
    margin:0!important;
    color:var(--kpui-ink);
    font-size:14px!important;
}

.kp-prediksi-modern .kp-source-stack{
    border-top:1px solid var(--kpui-line-soft);
}

.kp-prediksi-modern .kp-source-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    padding:9px 0;
    border-bottom:1px solid var(--kpui-line-soft);
}

.kp-prediksi-modern .kp-source-item span{
    color:#718491;
    font-size:11px;
}

.kp-prediksi-modern .kp-source-item span i{
    width:17px;
    color:#4e91b6;
}

.kp-prediksi-modern .kp-source-item strong{
    color:#314d60;
    font-size:11px;
    text-align:right;
}

.kp-prediksi-modern .kp-source-panel-note{
    margin-top:9px!important;
    color:#8797a3;
    font-size:10px;
    line-height:1.5;
}

/* ---------- Results ---------- */

.kp-prediksi-modern .kp-results>.container{
    padding-top:28px!important;
    padding-bottom:32px!important;
}

.kp-prediksi-modern .kp-result-head{
    align-items:center!important;
    margin-bottom:12px!important;
}

.kp-prediksi-modern #kpLocationLabel{
    margin-top:4px!important;
    color:#688091!important;
    font-size:12px!important;
    font-weight:600!important;
}

.kp-prediksi-modern .kp-confidence{
    padding:7px 10px!important;
    font-size:10.5px!important;
}

.kp-prediksi-modern .kp-btn-pdf{
    min-height:38px!important;
    padding:0 12px!important;
    font-size:10.5px!important;
}

/* ---------- Three-layer status hierarchy ---------- */

.kp-prediksi-modern .kp-status-overview{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin:12px 0;
}

.kp-prediksi-modern .kp-status-card{
    position:relative;
    overflow:hidden;
    min-height:92px;
    padding:13px 14px 12px;
    border:1px solid var(--kpui-line);
    border-radius:11px;
    background:#fff;
}

.kp-prediksi-modern .kp-status-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:3px;
    background:#94a3b8;
}

.kp-prediksi-modern .kp-status-card.is-meteorological::before{
    background:#2f8fbc;
}

.kp-prediksi-modern .kp-status-card.is-official::before{
    background:#d88731;
}

.kp-prediksi-modern .kp-status-card.is-outlook::before{
    background:#2a8f5b;
}

.kp-prediksi-modern .kp-status-card>span{
    display:block;
    margin-bottom:5px;
    color:#7f8f9d;
    font-size:10px;
    font-weight:700;
    letter-spacing:.035em;
    text-transform:uppercase;
}

.kp-prediksi-modern .kp-status-card>strong{
    display:block;
    color:var(--kpui-ink);
    font-size:17px;
    line-height:1.25;
}

.kp-prediksi-modern .kp-status-card>small{
    display:block;
    margin-top:5px;
    color:#6f8391;
    font-size:10.5px;
    line-height:1.4;
}

/* concise summary */
.kp-prediksi-modern .kp-alert{
    margin-top:0!important;
    padding:11px 13px!important;
    border-radius:10px!important;
}

.kp-prediksi-modern .kp-alert strong{
    font-size:12.5px!important;
}

.kp-prediksi-modern .kp-alert span{
    margin-top:3px!important;
    font-size:11px!important;
    line-height:1.5!important;
}

/* ---------- BMKG ---------- */

.kp-prediksi-modern .kp-bmkg-panel{
    margin-top:10px!important;
    border-radius:12px!important;
}

.kp-prediksi-modern .kp-bmkg-layout{
    gap:12px!important;
    padding:14px!important;
}

.kp-prediksi-modern .kp-bmkg-icon{
    width:38px!important;
    height:38px!important;
    border-radius:9px!important;
    font-size:16px!important;
}

.kp-prediksi-modern .kp-bmkg-eyebrow{
    font-size:9.5px!important;
}

.kp-prediksi-modern .kp-bmkg-heading-row h3{
    font-size:13px!important;
}

.kp-prediksi-modern .kp-bmkg-badge{
    padding:4px 8px!important;
    font-size:9.5px!important;
}

.kp-prediksi-modern .kp-bmkg-description{
    font-size:11px!important;
    line-height:1.55!important;
}

.kp-prediksi-modern .kp-bmkg-meta{
    gap:10px!important;
    margin-top:7px!important;
    font-size:10px!important;
}

.kp-prediksi-modern .kp-bmkg-official-link{
    font-size:10px!important;
}

/* ---------- Metrics: 3 x 2 ---------- */

.kp-prediksi-modern .kp-results .row.g-3.g-lg-4{
    --bs-gutter-x:10px;
    --bs-gutter-y:10px;
}

.kp-prediksi-modern .kp-metric{
    min-height:94px!important;
    padding:13px 14px!important;
    border-radius:10px!important;
    box-shadow:none!important;
}

.kp-prediksi-modern .kp-metric span{
    font-size:10.5px!important;
}

.kp-prediksi-modern .kp-metric strong{
    margin-top:5px!important;
    font-size:20px!important;
}

.kp-prediksi-modern .kp-metric small{
    margin-top:5px!important;
    font-size:10px!important;
}

/* ---------- Shared panels ---------- */

.kp-prediksi-modern .kp-results .row.gy-4,
.kp-prediksi-modern .kp-results .row.gx-lg-4{
    --bs-gutter-x:12px;
    --bs-gutter-y:12px;
}

.kp-prediksi-modern .kp-panel{
    padding:14px!important;
    border-radius:12px!important;
    box-shadow:none!important;
}

.kp-prediksi-modern .kp-panel.mt-3,
.kp-prediksi-modern .kp-panel.mt-4{
    margin-top:12px!important;
}

.kp-prediksi-modern .kp-panel-head{
    margin-bottom:10px!important;
}

.kp-prediksi-modern .kp-panel-head h3{
    font-size:14.5px!important;
}

.kp-prediksi-modern .kp-panel-head p{
    margin-top:3px!important;
    font-size:11px!important;
    line-height:1.5!important;
}

.kp-prediksi-modern .kp-chip{
    padding:4px 7px!important;
    font-size:9.5px!important;
}

.kp-prediksi-modern .kp-chart-wrap{
    height:275px!important;
    min-height:275px!important;
}

.kp-prediksi-modern .kp-map{
    height:275px!important;
    min-height:275px!important;
    border-radius:9px!important;
}

.kp-prediksi-modern .kp-map-note{
    margin-top:7px!important;
    font-size:9.5px!important;
}

/* ---------- Historical windows / horizons ---------- */

.kp-prediksi-modern .kp-window-grid-wide{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
}

.kp-prediksi-modern .kp-horizon-grid-wide{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
}

.kp-prediksi-modern .kp-window-grid,
.kp-prediksi-modern .kp-horizon-grid{
    gap:8px!important;
}

.kp-prediksi-modern .kp-window-grid>div,
.kp-prediksi-modern .kp-horizon-grid>div{
    min-height:92px;
    padding:11px!important;
    border-radius:9px!important;
}

.kp-prediksi-modern .kp-window-grid span,
.kp-prediksi-modern .kp-horizon span{
    font-size:10.5px!important;
}

.kp-prediksi-modern .kp-window-grid strong,
.kp-prediksi-modern .kp-horizon strong{
    margin:5px 0!important;
    font-size:17px!important;
}

.kp-prediksi-modern .kp-window-grid small,
.kp-prediksi-modern .kp-horizon small{
    font-size:10px!important;
    line-height:1.45!important;
}

/* ---------- TRMM baseline ---------- */

.kp-prediksi-modern .kp-trmm-panel{
    margin-top:12px!important;
}

.kp-prediksi-modern .kp-trmm-titlebar{
    padding-bottom:10px!important;
}

.kp-prediksi-modern .kp-trmm-meta{
    gap:8px!important;
    margin-top:10px!important;
}

.kp-prediksi-modern .kp-trmm-meta>div{
    padding:11px!important;
    border-radius:8px!important;
}

.kp-prediksi-modern .kp-trmm-meta span{
    font-size:9.5px!important;
}

.kp-prediksi-modern .kp-trmm-meta strong{
    margin-top:4px!important;
    font-size:11.5px!important;
    line-height:1.4!important;
}

.kp-prediksi-modern .kp-trmm-chart-card,
.kp-prediksi-modern .kp-trmm-summary-card{
    padding:13px!important;
    border-radius:10px!important;
}

.kp-prediksi-modern .kp-trmm-subhead h4,
.kp-prediksi-modern .kp-trmm-section-head h4{
    font-size:12.5px!important;
}

.kp-prediksi-modern .kp-trmm-subhead p,
.kp-prediksi-modern .kp-trmm-section-head p,
.kp-prediksi-modern .kp-trmm-chart-caption,
.kp-prediksi-modern .kp-trmm-note{
    font-size:10px!important;
    line-height:1.5!important;
}

.kp-prediksi-modern .kp-trmm-monthly-chart-wrap{
    height:270px!important;
    margin-top:9px!important;
}

.kp-prediksi-modern .kp-trmm-climatology-summary{
    gap:8px!important;
    margin-top:9px!important;
}

.kp-prediksi-modern .kp-trmm-summary-item{
    padding:10px!important;
    border-radius:8px!important;
}

.kp-prediksi-modern .kp-trmm-summary-item span{
    font-size:9px!important;
}

.kp-prediksi-modern .kp-trmm-summary-item strong{
    margin:4px 0!important;
    font-size:15px!important;
}

.kp-prediksi-modern .kp-trmm-summary-item small{
    font-size:9.5px!important;
}

.kp-prediksi-modern .kp-trmm-section-head{
    margin-top:13px!important;
    padding-bottom:8px!important;
}

.kp-prediksi-modern .kp-trmm-grid{
    gap:8px!important;
}

.kp-prediksi-modern .kp-trmm-grid>div{
    padding:11px!important;
}

.kp-prediksi-modern .kp-baseline-progress{
    position:relative;
    width:100%;
    height:5px;
    margin:8px 0 7px;
    overflow:hidden;
    border-radius:999px;
    background:#e9eef3;
}

.kp-prediksi-modern .kp-baseline-progress-bar{
    display:block;
    height:100%;
    border-radius:999px;
    background:#c74444;
}

.kp-prediksi-modern .kp-trmm-card.is-normal .kp-baseline-progress-bar,
.kp-prediksi-modern .kp-trmm-card.is-di-atas-baseline .kp-baseline-progress-bar{
    background:#2a8f5b;
}

.kp-prediksi-modern .kp-trmm-card.is-mendekati-baseline .kp-baseline-progress-bar{
    background:#d8a133;
}

.kp-prediksi-modern .kp-trmm-hth{
    gap:8px!important;
}

.kp-prediksi-modern .kp-trmm-hth>div{
    padding:11px!important;
}

/* ---------- Forecast grouped ---------- */

.kp-prediksi-modern .kp-forecast-group + .kp-forecast-group{
    padding-top:12px;
    border-top:1px solid var(--kpui-line-soft);
}

.kp-prediksi-modern .kp-forecast-group-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:10px;
    margin-bottom:9px;
}

.kp-prediksi-modern .kp-forecast-group-kicker{
    display:block;
    margin-bottom:2px;
    color:#7a8d9a;
    font-size:9px;
    font-weight:700;
    letter-spacing:.05em;
    text-transform:uppercase;
}

.kp-prediksi-modern .kp-forecast-group-head h4{
    margin:0;
    color:var(--kpui-ink);
    font-size:12.5px;
}

.kp-prediksi-modern .kp-forecast-grid{
    gap:8px!important;
}

.kp-prediksi-modern .kp-forecast-card{
    min-height:126px!important;
    padding:11px!important;
    border-radius:9px!important;
}

.kp-prediksi-modern .kp-forecast-card-head>strong{
    font-size:11.5px!important;
}

.kp-prediksi-modern .kp-rain-badge{
    padding:4px 6px!important;
    font-size:8.5px!important;
}

.kp-prediksi-modern .kp-forecast-card-rain{
    margin:9px 0 3px!important;
    font-size:19px!important;
}

.kp-prediksi-modern .kp-forecast-card p{
    font-size:10.5px!important;
    line-height:1.45!important;
}

.kp-prediksi-modern .kp-forecast-card small{
    margin-top:5px!important;
    font-size:9.5px!important;
}

/* ---------- Interpretation ---------- */

.kp-prediksi-modern .kp-outlook-pair{
    gap:8px!important;
    margin-bottom:11px!important;
}

.kp-prediksi-modern .kp-outlook-pair>div{
    padding:10px!important;
    border-radius:8px!important;
}

.kp-prediksi-modern .kp-outlook-pair span{
    font-size:9.5px!important;
}

.kp-prediksi-modern .kp-outlook-pair strong{
    margin-top:4px!important;
    font-size:13px!important;
}

.kp-prediksi-modern .kp-summary{
    max-width:980px;
    color:var(--kpui-text)!important;
    font-size:11.5px!important;
    line-height:1.65!important;
}

.kp-prediksi-modern .kp-factors{
    gap:8px!important;
}

/* ---------- Horizontal field report CTA ---------- */

.kp-prediksi-modern .kp-report-strip{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
    padding:13px 14px;
    border:1px solid #eddcc8;
    border-radius:12px;
    background:#fffaf4;
}

.kp-prediksi-modern .kp-report-strip-icon{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border-radius:10px;
    background:#fff0dc;
    color:#bf7425;
    font-size:16px;
}

.kp-prediksi-modern .kp-report-strip-copy strong{
    display:block;
    margin-bottom:2px;
    color:#533e2c;
    font-size:12.5px;
}

.kp-prediksi-modern .kp-report-strip-copy span{
    display:block;
    color:#816a57;
    font-size:10.5px;
    line-height:1.45;
}

.kp-prediksi-modern .kp-report-strip-actions{
    display:flex;
    align-items:center;
    gap:8px;
}

.kp-prediksi-modern .kp-report-link{
    margin-top:0!important;
    font-size:10.5px!important;
}

/* ---------- Limitations ---------- */

.kp-prediksi-modern .kp-limitations{
    padding-left:18px!important;
    font-size:10.5px!important;
    line-height:1.6!important;
}

.kp-prediksi-modern .kp-limitations li+li{
    margin-top:4px!important;
}

/* ---------- Methodology ---------- */

.kp-prediksi-modern .kp-soft{
    background:#f6f9fc!important;
}

.kp-prediksi-modern .kp-soft>.container{
    padding-top:32px!important;
    padding-bottom:32px!important;
}

.kp-prediksi-modern .kp-soft .row.justify-content-center.text-center{
    margin-bottom:17px!important;
}

.kp-prediksi-modern .kp-soft .display-6{
    margin-bottom:6px!important;
    font-size:20px!important;
}

.kp-prediksi-modern .kp-step{
    min-height:108px!important;
    padding:13px 13px 13px 48px!important;
    border-radius:10px!important;
}

.kp-prediksi-modern .kp-step>span{
    left:12px!important;
    top:12px!important;
    width:26px!important;
    height:26px!important;
    border-radius:7px!important;
    font-size:9px!important;
}

.kp-prediksi-modern .kp-step h3{
    margin-bottom:4px!important;
    font-size:12px!important;
}

.kp-prediksi-modern .kp-step p{
    font-size:10.5px!important;
    line-height:1.55!important;
}

/* ---------- FAQ ---------- */

.kp-prediksi-modern #pertanyaan-umum>.container{
    padding-top:32px!important;
    padding-bottom:40px!important;
}

.kp-prediksi-modern #pertanyaan-umum .row.justify-content-center.text-center{
    margin-bottom:17px!important;
}

.kp-prediksi-modern #pertanyaan-umum .display-6{
    font-size:20px!important;
}

.kp-prediksi-modern .kp-faq .accordion-item{
    margin-bottom:7px!important;
    border-radius:9px!important;
}

.kp-prediksi-modern .kp-faq .accordion-button{
    min-height:44px!important;
    padding:11px 13px!important;
    font-size:11.5px!important;
    line-height:1.4!important;
    font-weight:700!important;
}

.kp-prediksi-modern .kp-faq .accordion-body{
    padding:11px 13px!important;
    color:var(--kpui-text)!important;
    font-size:11px!important;
    line-height:1.6!important;
}

/* ---------- Map picker ---------- */

.kp-prediksi-modern .kp-map-picker-dialog{
    border-radius:14px!important;
}

.kp-prediksi-modern .kp-map-picker-header{
    padding:13px 15px!important;
}

.kp-prediksi-modern .kp-map-picker-header h2{
    font-size:17px!important;
}

.kp-prediksi-modern .kp-map-picker-header p{
    font-size:11px!important;
}

.kp-prediksi-modern .kp-map-picker-body{
    padding:13px 15px!important;
}

.kp-prediksi-modern .kp-map-picker-footer{
    padding:11px 15px 13px!important;
}

/* ---------- Responsive ---------- */

@media(max-width:991.98px){
    .kp-prediksi-modern .container{
        width:min(100% - 24px,1180px)!important;
    }

    .kp-prediksi-modern .kp-title{
        font-size:26px!important;
    }

    .kp-prediksi-modern .kp-hero>.container{
        padding:19px!important;
    }

    .kp-prediksi-modern .kp-status-overview{
        grid-template-columns:1fr 1fr 1fr;
    }

    .kp-prediksi-modern .kp-window-grid-wide{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }

    .kp-prediksi-modern .kp-horizon-grid-wide{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }

    .kp-prediksi-modern .kp-report-strip{
        grid-template-columns:auto minmax(0,1fr);
    }

    .kp-prediksi-modern .kp-report-strip-actions{
        grid-column:2;
        justify-content:flex-start;
    }
}

@media(max-width:620px){
    .kp-prediksi-modern .container{
        width:min(100% - 18px,1180px)!important;
    }

    .kp-prediksi-modern .kp-hero>.container{
        padding:16px!important;
        border-radius:13px!important;
    }

    .kp-prediksi-modern .kp-title{
        font-size:24px!important;
    }

    .kp-prediksi-modern .kp-lead{
        font-size:12px!important;
    }

    .kp-prediksi-modern .kp-search-row{
        flex-direction:column!important;
    }

    .kp-prediksi-modern .kp-search-row>.kp-btn{
        width:100%!important;
    }

    .kp-prediksi-modern .kp-coordinate-grid{
        grid-template-columns:1fr!important;
    }

    .kp-prediksi-modern .kp-input-icon{
        min-height:44px!important;
    }

    .kp-prediksi-modern .kp-input-icon input{
        min-height:42px!important;
        padding-left:42px!important;
        font-size:14px!important;
    }

    .kp-prediksi-modern .kp-status-overview{
        grid-template-columns:1fr!important;
    }

    .kp-prediksi-modern .kp-window-grid-wide,
    .kp-prediksi-modern .kp-horizon-grid-wide{
        grid-template-columns:1fr 1fr!important;
    }

    .kp-prediksi-modern .kp-chart-wrap,
    .kp-prediksi-modern .kp-map{
        height:230px!important;
        min-height:230px!important;
    }

    .kp-prediksi-modern .kp-forecast-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }

    .kp-prediksi-modern .kp-report-strip{
        grid-template-columns:1fr!important;
    }

    .kp-prediksi-modern .kp-report-strip-icon{
        display:none;
    }

    .kp-prediksi-modern .kp-report-strip-actions{
        grid-column:auto;
        flex-wrap:wrap;
    }
}

@media(max-width:420px){
    .kp-prediksi-modern .kp-window-grid-wide,
    .kp-prediksi-modern .kp-horizon-grid-wide,
    .kp-prediksi-modern .kp-forecast-grid{
        grid-template-columns:1fr!important;
    }

    .kp-prediksi-modern .kp-forecast-card{
        min-height:0!important;
    }
}