.count-dailyinfo{max-width:1250px;margin:0 auto;padding:18px}.daily-hero{display:flex;justify-content:space-between;gap:16px;align-items:center;background:linear-gradient(135deg,#153b5c,#2f769c);color:#fff;border-radius:16px;padding:22px 24px;margin-bottom:12px}.daily-hero>div>span{font-size:10px;font-weight:900;letter-spacing:.12em;opacity:.75}.daily-hero h1{color:#fff!important;margin:5px 0!important;font-size:27px!important}.daily-hero p{margin:0;opacity:.84}.daily-actions{display:flex;gap:8px;flex-wrap:wrap}.daily-actions button{border:1px solid rgba(255,255,255,.2);background:#fff;color:#173c5c;border-radius:9px;padding:9px 11px;font-weight:800;cursor:pointer}.daily-actions button:last-child{background:rgba(255,255,255,.13);color:#fff}
.daily-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.daily-card{background:#fff;border:1px solid #e0e8ed;border-radius:13px;padding:14px;min-width:0}.daily-card.span-2{grid-column:1/-1}.daily-head{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-bottom:9px;border-bottom:1px solid #edf1f4;margin-bottom:10px}.daily-head h2{font-size:14px!important;color:#173c5c!important;margin:0!important}.daily-head span{font-size:9px;color:#758a98}
.weather-main{display:flex;align-items:center;gap:14px}.weather-temp{font-size:36px;font-weight:900;color:#173c5c}.weather-desc strong{display:block;color:#173c5c}.weather-desc small{color:#758a98}.weather-meta,.fx-grid,.prayer-times{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.weather-meta div,.fx-grid div,.prayer-times div{background:#f6f9fb;border-radius:8px;padding:8px}.weather-meta small,.fx-grid small,.prayer-times small{display:block;color:#7b8d99;font-size:8px;text-transform:uppercase;font-weight:800}.weather-meta strong,.fx-grid strong,.prayer-times strong{display:block;color:#173c5c;margin-top:2px;font-size:11px}.prayer-next{background:#edf7f1;border:1px solid #d7eee0;border-radius:9px;padding:10px;color:#1d6a42}.prayer-next strong{display:block;font-size:15px}
.news-list,.sports-list{display:flex;flex-direction:column}.news-list a,.sports-row{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:8px 0;border-bottom:1px solid #eef2f4;text-decoration:none}.news-list a:last-child,.sports-row:last-child{border-bottom:0}.news-list time{font-size:9px;color:#80929e}.news-list strong{font-size:11px;color:#173c5c;line-height:1.35}.news-list span{font-size:9px;color:#2b719d}.sports-row .league{font-size:9px;font-weight:900;color:#2c668c;background:#eaf3f8;border-radius:999px;padding:4px 7px}.sports-row strong{font-size:10px;color:#173c5c}.sports-row small{display:block;color:#7d8f9b;font-size:9px}.sports-row .score{font-size:11px;font-weight:900;color:#173c5c}.daily-loading,.daily-error{padding:18px;text-align:center;color:#728694;font-size:11px}.daily-error{background:#fff4f4;color:#a65050;border-radius:8px}.daily-footnote{font-size:9px;color:#81919b;text-align:center;margin:10px 0 0}
@media(max-width:800px){.daily-hero{flex-direction:column;align-items:flex-start}.daily-grid{grid-template-columns:1fr}.daily-card.span-2{grid-column:auto}.daily-actions{width:100%}.daily-actions button{flex:1}.weather-meta,.fx-grid,.prayer-times{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:480px){.count-dailyinfo{padding:10px}.weather-meta,.fx-grid,.prayer-times{grid-template-columns:1fr 1fr}.news-list a{grid-template-columns:1fr}.news-list time,.news-list span{display:none}}

/* v0.2.0 Sports Center */
.sports-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 10px}
.sports-tabs button{border:1px solid #dce7ed;background:#f7fafc;color:#456477;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:800;cursor:pointer}
.sports-tabs button.active{background:#173c5c;color:#fff;border-color:#173c5c}
.sports-match{display:grid;grid-template-columns:145px minmax(0,1fr) 120px minmax(0,1fr);align-items:center;gap:10px;padding:10px 6px;border-bottom:1px solid #edf1f4}
.sports-match:last-child{border-bottom:0}
.sports-date b{display:block;font-size:8px;color:#2f7399;letter-spacing:.06em}.sports-date small{display:block;font-size:9px;color:#7c8e99;margin-top:2px}
.sports-team{display:flex;align-items:center;gap:7px;font-size:11px;color:#173c5c}.sports-team img{width:24px;height:24px;object-fit:contain}.sports-team.home{justify-content:flex-end;text-align:right}.sports-team.away{justify-content:flex-start}
.sports-score{text-align:center;background:#f2f6f8;border-radius:8px;padding:7px 5px;font-size:10px;font-weight:900;color:#173c5c}
.sports-empty{padding:20px;text-align:center;background:#f7fafc;border-radius:9px;color:#718592;font-size:11px}
@media(max-width:700px){.sports-match{grid-template-columns:1fr 64px 1fr}.sports-date{grid-column:1/-1;text-align:center}.sports-team{font-size:9px}.sports-team img{width:20px;height:20px}.sports-score{font-size:9px;padding:6px 3px}}

/* v0.3.0 source indicator */
.sports-date em{display:inline-block;margin-top:4px;padding:2px 5px;border-radius:999px;background:#edf4f7;color:#567687;font-size:7px;font-style:normal;font-weight:800;letter-spacing:.04em}

/* v0.4.0 Live Score */
.sports-live-badge{display:inline-block;margin-left:5px;padding:2px 6px;border-radius:999px;background:#b42318;color:#fff;font-size:7px;font-weight:900;letter-spacing:.05em;animation:countLivePulse 1.4s ease-in-out infinite}
@keyframes countLivePulse{0%,100%{opacity:1}50%{opacity:.55}}
.sports-match:has(.sports-live-badge){background:#fff8f7;border-radius:9px;padding-left:7px;padding-right:7px}

/* v0.4.1 Sports tabs */
[data-sport-tab]{cursor:pointer;transition:.16s ease}
[data-sport-tab].active,[data-sport-tab][aria-selected="true"]{font-weight:800;box-shadow:0 0 0 2px rgba(15,74,119,.16) inset;transform:translateY(-1px)}

/* v0.4.2 unmistakable active sports tab */
.sports-tabs [data-sport-tab].active,
.sports-tabs [data-sport-tab][aria-selected="true"]{
  background:#123e66!important;
  color:#fff!important;
  border-color:#123e66!important;
}


/* v0.5.0 TV schedule card */
.tv-channel-picker{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px;align-items:center;margin:10px 0 12px}
.tv-channel-picker label{font-size:11px;font-weight:800;color:#45657a}
.tv-channel-picker select{width:100%;min-height:42px;border:1px solid #cbd9e3;border-radius:9px;background:#fff;padding:8px 10px;font-size:14px;color:#123e66}
.tv-empty{padding:18px;border:1px dashed #cbd9e3;border-radius:10px;background:#f8fbfd;color:#6e8291;text-align:center}
.tv-schedule-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px 10px;background:#f4f8fb;border-radius:9px;margin-bottom:8px}
.tv-schedule-meta strong{font-size:14px;color:#123e66}
.tv-schedule-meta span{font-size:10px;color:#718696}
.tv-program-list{max-height:380px;overflow:auto;border:1px solid #e0e8ee;border-radius:10px}
.tv-program{display:grid;grid-template-columns:82px minmax(0,1fr);gap:10px;align-items:center;padding:9px 10px;border-bottom:1px solid #edf1f4;background:#fff}
.tv-program:last-child{border-bottom:0}
.tv-program time{font-size:11px;font-weight:800;color:#507088}
.tv-program strong{display:block;font-size:12px;color:#173d5b}
.tv-program.is-live{background:#fff7f5;border-left:4px solid #b42318;padding-left:6px}
.tv-live{display:inline-block;margin-top:4px;padding:2px 7px;border-radius:999px;background:#b42318;color:#fff;font-size:8px;font-weight:900;letter-spacing:.04em}
.tv-source{display:block;margin-top:8px;color:#7b8d99;font-size:9px}
@media(max-width:640px){
  .tv-channel-picker{grid-template-columns:1fr}
  .tv-channel-picker select{font-size:16px}
  .tv-program{grid-template-columns:74px minmax(0,1fr)}
  .tv-schedule-meta{align-items:flex-start;flex-direction:column;gap:3px}
}

/* v0.6.0 Gold & Silver card */
.metals-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.metal-box{padding:13px;border:1px solid #e1e9ee;border-radius:11px;background:#f8fbfd;min-width:0}
.metal-title{font-size:11px;font-weight:900;color:#173d5b;margin-bottom:8px}
.metal-trend{float:right;padding:2px 6px;border-radius:999px;font-size:8px}
.metal-trend.up{background:#eaf7ef;color:#18733b}.metal-trend.down{background:#fff0ee;color:#b42318}.metal-trend.flat{background:#edf2f5;color:#657b89}
.metal-main{font-size:18px;font-weight:900;color:#123e66}.metal-main small,.metal-idr small{font-size:9px;font-weight:600;color:#728797}
.metal-idr{margin-top:5px;font-size:14px;font-weight:900;color:#173d5b}.metal-oz{margin-top:3px;font-size:9px;color:#718696}
.metals-foot{margin-top:9px;font-size:9px;color:#718696;line-height:1.45}
@media(max-width:520px){.metals-grid{grid-template-columns:1fr}}


/* v0.7.0 FX calculator + Rupiah metal prices */
.fx-calculator{display:grid;grid-template-columns:minmax(110px,.65fr) minmax(170px,1fr) 42px minmax(170px,1fr) auto;gap:8px;align-items:end;margin-top:14px;padding-top:13px;border-top:1px solid #e7edf1}
.fx-field{min-width:0}.fx-field label{display:block;margin-bottom:5px;font-size:9px;font-weight:900;color:#60798b;text-transform:uppercase}
.fx-field input,.fx-field select{width:100%;min-height:42px;border:1px solid #cbd9e3;border-radius:9px;background:#fff;padding:8px 10px;color:#173d5b;font-size:13px;box-sizing:border-box}
.fx-swap,.fx-calc-btn{min-height:42px;border:0;border-radius:9px;cursor:pointer;font-weight:900}
.fx-swap{font-size:20px;background:#edf4f8;color:#174a70}.fx-calc-btn{padding:0 15px;background:#123e66;color:#fff;white-space:nowrap}
.fx-result{margin-top:10px;padding:11px 12px;border-radius:10px;background:#f5f8fa;color:#637b8b;font-size:11px}
.fx-result.success{background:#edf8f1;color:#175f35;display:flex;gap:7px;align-items:baseline;flex-wrap:wrap}
.fx-result.success b{font-size:18px}.fx-result.success small{flex-basis:100%;font-size:9px;color:#5d7969}
.fx-result.error{background:#fff1ef;color:#a92b20}.fx-result.loading{background:#f2f6f9}
.metal-idr-main{font-size:20px;font-weight:900;color:#123e66}.metal-idr-main small,.metal-idr-oz small{font-size:9px;font-weight:600;color:#728797}
.metal-idr-oz{margin-top:6px;font-size:12px;font-weight:800;color:#4d687a}
@media(max-width:900px){.fx-calculator{grid-template-columns:1fr 1fr 42px}.fx-calc-btn{grid-column:1/-1}.fx-field:first-child{grid-column:1/-1}}
@media(max-width:560px){.fx-calculator{grid-template-columns:1fr}.fx-field:first-child,.fx-calc-btn{grid-column:auto}.fx-swap{width:100%}.fx-field input,.fx-field select{font-size:16px}}


/* v0.7.1 FX layout polish - prevents calculator overflow in half-width card */
.fx-card{overflow:hidden}
.fx-calculator{
  display:grid!important;
  grid-template-columns:minmax(92px,.62fr) minmax(145px,1fr) 42px minmax(145px,1fr)!important;
  gap:8px!important;
  align-items:end!important;
}
.fx-calculator .fx-field{min-width:0!important}
.fx-calculator .fx-field input,
.fx-calculator .fx-field select{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
.fx-calculator .fx-swap{width:42px!important;min-width:42px!important;padding:0!important}
.fx-calculator .fx-calc-btn{
  grid-column:1/-1!important;
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  margin-top:2px!important;
}
.fx-result{width:100%;box-sizing:border-box;overflow-wrap:anywhere}
@media(min-width:1180px){
  .fx-calculator{grid-template-columns:minmax(90px,.55fr) minmax(140px,1fr) 42px minmax(140px,1fr)!important}
}
@media(max-width:760px){
  .fx-calculator{grid-template-columns:1fr 42px 1fr!important}
  .fx-calculator .fx-field:first-child{grid-column:1/-1!important}
  .fx-calculator .fx-calc-btn{grid-column:1/-1!important}
}
@media(max-width:480px){
  .fx-calculator{grid-template-columns:1fr!important}
  .fx-calculator .fx-field:first-child,.fx-calculator .fx-calc-btn{grid-column:auto!important}
  .fx-calculator .fx-swap{width:100%!important}
}


/* v0.8.0 Complete BMKG card */
.bmkg-card{grid-column:1/-1}
.bmkg-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:10px}
.bmkg-kpi{padding:10px;border:1px solid #e1e9ee;border-radius:10px;background:#f7fafc;min-width:0}
.bmkg-kpi span,.bmkg-kpi small{display:block;font-size:9px;color:#718696}
.bmkg-kpi b{display:block;margin:3px 0;font-size:17px;color:#123e66}
.bmkg-kpi small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bmkg-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}
.bmkg-tabs button{min-height:34px;padding:6px 10px;border:1px solid #cbd9e3;border-radius:8px;background:#fff;color:#173d5b;font-size:10px;font-weight:800;cursor:pointer}
.bmkg-tabs button.active{background:#123e66;color:#fff;border-color:#123e66}
.bmkg-location-tools{display:grid;grid-template-columns:180px 1fr;gap:7px 10px;align-items:center;padding:10px;border-radius:10px;background:#f5f8fa;margin-bottom:10px}
.bmkg-location-tools label{font-size:10px;font-weight:900;color:#466578}
.bmkg-location-tools>div{display:flex;gap:7px}
.bmkg-location-tools input{flex:1;min-width:0;min-height:38px;border:1px solid #cbd9e3;border-radius:8px;padding:7px 9px;font-size:12px}
.bmkg-location-tools button{min-height:38px;border:0;border-radius:8px;background:#123e66;color:#fff;padding:0 12px;font-size:10px;font-weight:900;cursor:pointer}
.bmkg-location-tools small{grid-column:2;font-size:8px;color:#7b8d99}
.bmkg-pane{border:1px solid #e1e9ee;border-radius:10px;background:#fff;overflow:hidden}
.bmkg-earthquake-main{display:grid;grid-template-columns:95px minmax(0,1fr);gap:14px;align-items:center;padding:14px}
.bmkg-mag{display:grid;place-items:center;min-height:82px;border-radius:50%;background:#fff0ee;color:#b42318;font-size:23px;font-weight:900}
.bmkg-earthquake-main h3{margin:0 0 5px;font-size:15px;color:#123e66}.bmkg-earthquake-main p{margin:3px 0;font-size:10px;color:#60798b}
.bmkg-note,.bmkg-felt{display:inline-block;margin-top:6px;margin-right:5px;padding:5px 8px;border-radius:7px;font-size:9px;font-weight:800}
.bmkg-note{background:#fff4e8;color:#9a5700}.bmkg-felt{background:#edf5fb;color:#174a70}
.bmkg-list-row{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;padding:10px;border-bottom:1px solid #edf1f4}
.bmkg-list-row:last-child{border-bottom:0}.bmkg-list-mag{font-size:15px;font-weight:900;color:#b42318}
.bmkg-list-row strong,.bmkg-list-row small,.bmkg-list-row em{display:block}.bmkg-list-row strong{font-size:11px;color:#173d5b}.bmkg-list-row small{font-size:9px;color:#718696}.bmkg-list-row em{margin-top:3px;font-size:9px;color:#174a70;font-style:normal}
.bmkg-warning-list article{padding:11px;border-bottom:1px solid #edf1f4}.bmkg-warning-list article:last-child{border-bottom:0}
.bmkg-warning-title{font-size:11px;font-weight:900;color:#9a5700}.bmkg-warning-list p{margin:5px 0;font-size:9px;line-height:1.55;color:#516c7d}.bmkg-warning-list small{font-size:8px;color:#82919b}
.bmkg-safe{padding:15px;background:#edf8f1;color:#17603a;font-size:11px;font-weight:800}
.bmkg-forecast-head{display:flex;justify-content:space-between;gap:12px;padding:10px;background:#f5f8fa}.bmkg-forecast-head strong{font-size:11px;color:#123e66}.bmkg-forecast-head span{font-size:9px;color:#718696}
.bmkg-forecast-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:9px}
.bmkg-forecast-item{padding:9px;border:1px solid #e4ebef;border-radius:9px;background:#fff;min-width:0}
.bmkg-forecast-item time,.bmkg-forecast-item b,.bmkg-forecast-item span,.bmkg-forecast-item small{display:block}
.bmkg-forecast-item time{font-size:8px;color:#718696}.bmkg-forecast-item b{margin:4px 0;font-size:10px;color:#173d5b}.bmkg-forecast-item span{font-size:9px;font-weight:800;color:#315a72}.bmkg-forecast-item small{margin-top:3px;font-size:8px;color:#718696}
.bmkg-source{margin-top:8px;font-size:8px;color:#7b8d99}
@media(max-width:800px){.bmkg-forecast-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bmkg-location-tools{grid-template-columns:1fr}.bmkg-location-tools small{grid-column:auto}}
@media(max-width:520px){.bmkg-summary{grid-template-columns:1fr}.bmkg-earthquake-main{grid-template-columns:70px minmax(0,1fr)}.bmkg-mag{min-height:64px;font-size:18px}.bmkg-forecast-grid{grid-template-columns:1fr}.bmkg-location-tools>div{flex-direction:column}.bmkg-location-tools input{font-size:16px}}


/* v0.8.1 Rain information */
.rain-head{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px;background:#f3f8fb;border-bottom:1px solid #e4ebef}
.rain-head strong{font-size:12px;color:#123e66}.rain-head span{font-size:9px;color:#718696}
.rain-daily-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:9px}
.rain-day{padding:11px;border:1px solid #e1e9ee;border-radius:10px;background:#fff}
.rain-day span,.rain-day small{display:block;font-size:9px;color:#718696}.rain-day b{display:block;margin:4px 0;font-size:18px;color:#174a70}
.rain-hourly{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;padding:0 9px 9px}
.rain-hour{padding:8px;border-radius:8px;background:#f7fafc;border:1px solid #e6edf1;text-align:center}
.rain-hour time,.rain-hour b,.rain-hour span{display:block}.rain-hour time{font-size:8px;color:#718696}.rain-hour b{margin:3px 0;font-size:12px;color:#174a70}.rain-hour span{font-size:9px;font-weight:800;color:#517084}
.rain-disclaimer{margin:0 9px 9px;padding:8px;border-radius:8px;background:#fff8e9;color:#7a5a16;font-size:8px;line-height:1.5}
@media(max-width:850px){.rain-hourly{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.rain-head{align-items:flex-start;flex-direction:column}.rain-daily-grid{grid-template-columns:1fr}.rain-hourly{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* v0.9.0 Cheerful Daily Info UI
   Soft category colors, still professional/readable. */
.daily-card{
  position:relative;
  overflow:hidden;
  border-color:#dfe8ef;
  box-shadow:0 5px 16px rgba(25,61,86,.055);
  transition:transform .18s ease,box-shadow .18s ease;
}
.daily-card:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(25,61,86,.085)}
.daily-card::before{
  content:"";position:absolute;left:0;right:0;top:0;height:4px;
  background:linear-gradient(90deg,#55b9ff,#7c72ff);
}
.daily-card .daily-head{margin:-1px -1px 10px;padding:10px 12px;border-radius:10px 10px 8px 8px}
.daily-card .daily-head h2{letter-spacing:-.1px}

/* Weather: sky blue */
.weather-card{background:linear-gradient(145deg,#fff 52%,#eef9ff)}
.weather-card::before{background:linear-gradient(90deg,#35a7ff,#74d7ff)}
.weather-card .daily-head{background:linear-gradient(90deg,#edf8ff,#f7fcff)}
.weather-card .daily-head h2{color:#0878bb}

/* Prayer: emerald/turquoise */
.prayer-card{background:linear-gradient(145deg,#fff 52%,#effcf8)}
.prayer-card::before{background:linear-gradient(90deg,#19b884,#59d8bd)}
.prayer-card .daily-head{background:linear-gradient(90deg,#edf9f5,#f8fffc)}
.prayer-card .daily-head h2{color:#08785b}

/* FX: violet/indigo */
.fx-card{background:linear-gradient(145deg,#fff 55%,#f4f2ff)}
.fx-card::before{background:linear-gradient(90deg,#6759e8,#a17af4)}
.fx-card .daily-head{background:linear-gradient(90deg,#f1efff,#fbfaff)}
.fx-card .daily-head h2{color:#5142c8}
.fx-calc-btn{background:linear-gradient(90deg,#5142c8,#725ee7)!important}
.fx-swap{background:#eeeaff!important;color:#5142c8!important}
.fx-result.success{background:#effbf4!important;border:1px solid #cdeed9}

/* Metals: warm gold + silver */
.metals-card{background:linear-gradient(145deg,#fff 50%,#fff9e9)}
.metals-card::before{background:linear-gradient(90deg,#f1b82d,#f7d768,#aab8c4)}
.metals-card .daily-head{background:linear-gradient(90deg,#fff8df,#f8fafc)}
.metals-card .daily-head h2{color:#9b6900}
.metal-box:first-child{background:linear-gradient(145deg,#fffdf6,#fff4c8);border-color:#f1dfa3}
.metal-box:nth-child(2){background:linear-gradient(145deg,#fff,#eef3f6);border-color:#d9e2e8}
.metal-idr-main{color:#8d6200}

/* TV: coral/pink */
.tv-card{background:linear-gradient(145deg,#fff 55%,#fff1f4)}
.tv-card::before{background:linear-gradient(90deg,#ff5f78,#ff8fa2)}
.tv-card .daily-head{background:linear-gradient(90deg,#fff0f3,#fffafb)}
.tv-card .daily-head h2{color:#c93e58}

/* BMKG: blue-teal safety palette */
.bmkg-card{background:linear-gradient(145deg,#fff 60%,#eefaff)}
.bmkg-card::before{background:linear-gradient(90deg,#1677d2,#22b8b0,#63d2ff)}
.bmkg-card .daily-head{background:linear-gradient(90deg,#eaf5ff,#effcfb)}
.bmkg-card .daily-head h2{color:#116ba9}
.bmkg-kpi:nth-child(1){background:#fff3f1;border-color:#ffd8d2}
.bmkg-kpi:nth-child(1) b{color:#b42318}
.bmkg-kpi:nth-child(2){background:#eef8ff;border-color:#d1e9f8}
.bmkg-kpi:nth-child(2) b{color:#126caa}
.bmkg-kpi:nth-child(3){background:#fff8e9;border-color:#f5e2ad}
.bmkg-kpi:nth-child(3) b{color:#9a6500}
.bmkg-tabs button{transition:.15s ease;background:#f7fbfd}
.bmkg-tabs button:nth-child(1){border-color:#f1b7ae}
.bmkg-tabs button:nth-child(2){border-color:#b9ddf5}
.bmkg-tabs button:nth-child(3){border-color:#f1d290}
.bmkg-tabs button:nth-child(4){border-color:#c4b7f5}
.bmkg-tabs button:nth-child(5){border-color:#9edfcf}
.bmkg-tabs button:nth-child(6){border-color:#8fcde9}
.bmkg-tabs button.active{background:linear-gradient(90deg,#126db0,#199baf)!important;border-color:transparent!important;color:#fff!important}
.rain-day:nth-child(1){background:#eef8ff}.rain-day:nth-child(2){background:#f1fbf7}.rain-day:nth-child(3){background:#f7f2ff}
.rain-hour{background:linear-gradient(180deg,#f4fbff,#edf7fc)}

/* News: orange */
.news-card{background:linear-gradient(145deg,#fff 55%,#fff7ed)}
.news-card::before{background:linear-gradient(90deg,#ff9d3d,#ffc25e)}
.news-card .daily-head{background:linear-gradient(90deg,#fff4e7,#fffaf4)}
.news-card .daily-head h2{color:#b9650b}

/* Sports: lively green */
.sports-card{background:linear-gradient(145deg,#fff 55%,#f0faee)}
.sports-card::before{background:linear-gradient(90deg,#36a852,#7acb55)}
.sports-card .daily-head{background:linear-gradient(90deg,#edf9ed,#f8fff7)}
.sports-card .daily-head h2{color:#267d37}

/* Generic chips/cards get a little depth */
.daily-card [class*="-item"],.daily-card [class*="-box"],.daily-card [class*="-row"]{
  transition:background .15s ease,border-color .15s ease;
}

/* Preserve clean mobile feel */
@media(max-width:600px){
  .daily-card{box-shadow:0 3px 12px rgba(25,61,86,.05)}
  .daily-card:hover{transform:none}
  .daily-card .daily-head{padding:9px 10px}
}


/* v1.0.0 Commodity prices card */
.commodity-card{grid-column:1/-1;background:linear-gradient(145deg,#fff 58%,#fff8ea)}
.commodity-card::before{background:linear-gradient(90deg,#ff9f1c,#ffd166,#43aa8b)}
.commodity-card .daily-head{background:linear-gradient(90deg,#fff5df,#f2fbf7)}
.commodity-card .daily-head h2{color:#a85d00}
.commodity-toolbar{display:grid;grid-template-columns:190px minmax(180px,1fr) auto;gap:8px;margin-bottom:9px}
.commodity-toolbar select,.commodity-toolbar input{min-height:40px;border:1px solid #d7e2e8;border-radius:9px;background:#fff;padding:7px 10px;box-sizing:border-box;color:#294f66}
.commodity-toolbar button{min-height:40px;border:0;border-radius:9px;padding:0 13px;background:linear-gradient(90deg,#e98617,#f5ad2d);color:#fff;font-weight:900;cursor:pointer}
.commodity-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:9px}
.commodity-meta span{padding:5px 8px;border-radius:999px;background:#fff8e8;border:1px solid #f1dfae;color:#7b5a16;font-size:9px;font-weight:800}
.commodity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.commodity-item{display:grid;grid-template-columns:42px minmax(0,1fr);gap:9px;padding:10px;border:1px solid #e5ebee;border-radius:10px;background:#fff}
.commodity-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#fff6df;font-size:22px}
.commodity-body{min-width:0}.commodity-body strong{display:block;font-size:10px;color:#294f66;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.commodity-price{margin-top:5px;font-size:15px;font-weight:900;color:#174a70}.commodity-price small{font-size:8px;font-weight:700;color:#748995}
.commodity-na{font-size:9px;color:#8a9aa4;font-weight:700}
.commodity-trend{display:inline-block;margin-top:4px;padding:2px 6px;border-radius:999px;font-size:8px;font-weight:900}
.commodity-trend.up{background:#fff0ee;color:#b42318}.commodity-trend.down{background:#edf8f1;color:#19733c}.commodity-trend.flat{background:#f0f4f6;color:#60798b}
.commodity-source{margin-top:9px;padding:8px;border-radius:8px;background:#f7fafc;color:#718696;font-size:8px;line-height:1.5}
.commodity-empty{padding:16px;text-align:center;color:#718696;background:#f7fafc;border-radius:9px}
@media(max-width:850px){.commodity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.commodity-toolbar{grid-template-columns:1fr}.commodity-grid{grid-template-columns:1fr}.commodity-toolbar select,.commodity-toolbar input{font-size:16px}}


/* v1.0.1 Como 1907 Flashscore supplement/live */
.sports-fs-live{
  display:inline-block;margin-left:5px;padding:2px 6px;border-radius:999px;
  background:#e8ffef;color:#16803d;font-size:7px;font-weight:900;letter-spacing:.25px
}


/* v1.0.4 commodity source status */
.commodity-mode.live{background:#eaf8ef!important;border-color:#bfe8cc!important;color:#18763a!important}
.commodity-mode.cache{background:#fff8df!important;border-color:#efdca0!important;color:#85610e!important}
.commodity-mode.seed{background:#fff0e3!important;border-color:#f3cda9!important;color:#9a4f0d!important}

/* v1.1.0 fruit commodity expansion */
.commodity-item:hover{transform:translateY(-1px);box-shadow:0 5px 13px rgba(44,88,69,.07)}
.commodity-na{display:inline-block;padding:3px 6px;border-radius:6px;background:#f4f7f8}

/* v1.2.0 */
.tv-day-tabs{display:flex;gap:8px;margin:10px 0 14px}.tv-day-tabs button{border:1px solid #d8e3ea;background:#fff;border-radius:999px;padding:8px 16px;font-weight:700;cursor:pointer}.tv-day-tabs button.active{background:#163b67;color:#fff;border-color:#163b67}.fruit-source{display:block;margin-top:4px;color:#6d7d86;font-size:11px}.commodity-item:has(.fruit-source){border-color:#dcefdc}


/* v1.3.0 Tender Pemerintah */
.tender-card{background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)}
.tender-toolbar{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;gap:10px;align-items:center;margin:10px 0}
.tender-tabs{display:flex;gap:6px}.tender-tabs button{border:1px solid #d9e3ef;background:#fff;border-radius:9px;padding:8px 12px;font-weight:700}.tender-tabs button.active{background:#163c67;color:#fff;border-color:#163c67}
.tender-toolbar input{width:100%;border:1px solid #d9e3ef;border-radius:9px;padding:9px 11px}.tender-open{padding:9px 12px;border-radius:9px;background:#eef5ff;text-decoration:none;font-weight:700;white-space:nowrap}
.tender-meta{font-size:12px;color:#66778a;margin:7px 0}.tender-scroll{max-height:420px;overflow-y:auto;padding-right:5px;scrollbar-width:thin}
.tender-item{display:flex;justify-content:space-between;gap:12px;padding:13px 10px;border-bottom:1px solid #e8edf3}.tender-main{min-width:0}.tender-main>strong{display:block;line-height:1.35}.tender-agency{font-size:12px;color:#64748b;margin-top:5px}.tender-agency span{margin-left:8px}.tender-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.tender-tags span{font-size:11px;background:#edf4fb;padding:3px 7px;border-radius:999px}.tender-item>a{align-self:center;white-space:nowrap;font-weight:700;text-decoration:none}.tender-empty{text-align:center;padding:30px 15px;color:#66778a}
@media(max-width:720px){.tender-toolbar{grid-template-columns:1fr}.tender-tabs{width:100%}.tender-tabs button{flex:1}.tender-scroll{max-height:360px}.tender-item{align-items:flex-start}.tender-agency span{display:block;margin:3px 0 0}}

/* v1.4.0 Tender Intelligence */
.tender-tabs{flex-wrap:wrap}.tender-title-row{display:flex;gap:10px;align-items:flex-start}.tender-title-row>strong{flex:1}.prospect{font-size:10px;padding:4px 7px;border-radius:999px;white-space:nowrap;background:#eef2f7}.p-tinggi{background:#fee2e2;color:#991b1b}.p-menengah{background:#fef3c7;color:#92400e}.p-umum{background:#e0f2fe;color:#075985}.tender-status{display:inline-block;padding:3px 7px;border-radius:999px;font-weight:800;margin-right:6px}.tender-status.is-live{background:#dcfce7;color:#166534}.tender-status.is-cache{background:#fef3c7;color:#92400e}@media(max-width:720px){.tender-title-row{display:block}.prospect{display:inline-block;margin-top:6px}}

.tender-empty small{display:block;margin:8px 0;color:#7b8794;font-size:11px;overflow-wrap:anywhere}