/* ARFM v0.30.0 — Analisis Kelahiran vs Kematian Anak */
#arfm-root .an-eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--arfm-muted)}
#arfm-root .an-card{margin-bottom:18px}
#arfm-root .an-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
#arfm-root .an-card-head h3{margin:2px 0 0}
#arfm-root .an-mini-kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 6px}
#arfm-root .an-mini-kpi>div{border:1px solid var(--arfm-line);border-radius:12px;padding:10px 12px}
#arfm-root .an-mini-kpi b{display:block;font-size:22px;line-height:1.1;color:var(--arfm-text)}
#arfm-root .an-mini-kpi span{font-size:12px;color:var(--arfm-muted)}#arfm-root .an-mini-kpi small{display:block;font-size:11px;color:var(--arfm-muted)}
#arfm-root .an-open-bottom{display:none}
#arfm-root .an-mini-chart{overflow:hidden;cursor:pointer}
#arfm-root .an-mini-chart svg{display:block;max-width:100%;height:auto}
#arfm-root .an-skel,#arfm-root .an-empty{color:var(--arfm-muted);padding:14px 0;margin:0}
#arfm-root .an-note,#arfm-root .an-foot{font-size:12.5px;color:var(--arfm-muted);margin:8px 0 0;line-height:1.45}
#arfm-root .an-foot{margin:18px 0 6px}
#arfm-root .an-bad b,#arfm-root .an-bad-t{color:var(--arfm-danger)}
#arfm-root .an-good b{color:var(--arfm-accent)}
#arfm-root .an-head p{margin:4px 0 0;color:var(--arfm-muted)}
#arfm-root .an-actions{display:flex;flex-wrap:wrap;gap:8px}
#arfm-root .an-filters{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 16px}
#arfm-root .an-filters label{display:grid;gap:5px;font-size:13px;font-weight:650;min-width:150px}
#arfm-root .an-filters select{min-height:42px;border:1px solid var(--arfm-line);border-radius:10px;padding:8px 10px;background:var(--arfm-card);color:var(--arfm-text);font:inherit}
#arfm-root .an-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}
#arfm-root .an-kpi{background:var(--arfm-card);border:1px solid var(--arfm-line);border-radius:14px;padding:14px 16px}
#arfm-root .an-kpi span{display:block;font-size:12.5px;color:var(--arfm-muted);font-weight:650}
#arfm-root .an-kpi b{display:block;font-size:28px;line-height:1.15;margin:4px 0;color:var(--arfm-text)}
#arfm-root .an-kpi small{color:var(--arfm-muted);font-size:12px}
#arfm-root .an-kpi.an-bad{border-color:color-mix(in srgb,var(--arfm-danger) 45%,var(--arfm-line))}
#arfm-root .an-seg{display:inline-flex;border:1px solid var(--arfm-line);border-radius:11px;padding:3px;gap:3px;margin-bottom:10px;max-width:100%;overflow-x:auto}
#arfm-root .an-seg button{border:0;background:transparent;color:var(--arfm-muted);font:inherit;font-size:13px;font-weight:700;padding:8px 12px;border-radius:8px;cursor:pointer;white-space:nowrap;min-height:38px}
#arfm-root .an-seg button[aria-selected="true"]{background:var(--arfm-accent);color:#fff}
#arfm-root .an-legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12.5px;color:var(--arfm-text);margin:0 0 8px}
#arfm-root .an-legend span{display:inline-flex;align-items:center;gap:6px}
#arfm-root .an-sw{width:14px;height:11px;border-radius:2px;display:inline-block}
#arfm-root .an-sw.an-j{background:#d1342f}#arfm-root .an-sw.an-b{background:#f2b31b}
#arfm-root .an-sw.an-h{background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.5) 0 1.4px,transparent 1.4px 4px);outline:1px solid rgba(0,0,0,.35);outline-offset:-1px}
#arfm-root .an-ln{width:20px;height:0;border-top:2.5px solid #1f2a37;display:inline-block;position:relative}
#arfm-root .an-ln::after{content:"";position:absolute;left:6px;top:-5.5px;width:8px;height:8px;border-radius:50%;background:#1f2a37}
#arfm-root .an-ln.an-tg{border-top:2px dashed var(--arfm-danger)}#arfm-root .an-ln.an-tg::after{display:none}
#arfm-root .an-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -4px;padding:0 4px}
#arfm-root .an-chart svg{display:block}
#arfm-root .an-chart .an-month.an-sel .an-hit{fill:color-mix(in srgb,var(--arfm-accent) 10%,transparent)}
#arfm-root .an-chart .an-month:hover .an-hit{fill:color-mix(in srgb,var(--arfm-accent) 6%,transparent)}
#arfm-root .an-chart-panel{transition:opacity .2s}#arfm-root .an-busy{opacity:.5;pointer-events:none}
#arfm-root .an-table summary,#arfm-root .an-settings summary{cursor:pointer;font-weight:700;margin-top:10px}
#arfm-root .an-dt td,#arfm-root .an-dt th{text-align:right;white-space:nowrap}#arfm-root .an-dt th:first-child{text-align:left}
#arfm-root .an-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}
#arfm-root .an-grid h3,#arfm-root .an-dq h3{margin-top:0}
#arfm-root .an-hbars{display:grid;gap:9px}
#arfm-root .an-hbar{display:grid;grid-template-columns:minmax(90px,38%) 1fr auto 38px;align-items:center;gap:8px;font-size:13px}
#arfm-root .an-hl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#arfm-root .an-ht{height:10px;background:color-mix(in srgb,var(--arfm-line) 70%,transparent);border-radius:6px;overflow:hidden}
#arfm-root .an-ht i{display:block;height:100%;background:var(--arfm-accent);border-radius:6px}
#arfm-root .an-hbar small{color:var(--arfm-muted);text-align:right}
#arfm-root .an-month-panel{margin:0 0 16px;border-left:4px solid var(--arfm-accent)}
#arfm-root .an-mp-head{display:flex;justify-content:space-between;align-items:center}
#arfm-root .an-mp-head h3{margin:0}
#arfm-root .an-x{border:0;background:transparent;color:var(--arfm-muted);font-size:18px;min-width:44px;min-height:44px;cursor:pointer}
#arfm-root .an-mp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:8px 0 12px}
#arfm-root .an-mp-grid>div{border:1px solid var(--arfm-line);border-radius:12px;padding:10px 12px}
#arfm-root .an-mp-grid span{display:block;font-size:12px;color:var(--arfm-muted)}
#arfm-root .an-mp-grid b{display:block;font-size:22px;color:var(--arfm-text)}
#arfm-root .an-mp-grid small{color:var(--arfm-muted);font-size:12px}
#arfm-root .an-month-panel h4{margin:16px 0 8px}
#arfm-root .an-id{border:0;background:transparent;color:var(--arfm-accent);font:inherit;font-weight:700;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
#arfm-root .an-dq ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}
#arfm-root .an-dq li{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:9px;background:color-mix(in srgb,var(--arfm-warn) 12%,transparent)}
#arfm-root .an-dq h3 small,#arfm-root .an-settings summary small{font-weight:500;color:var(--arfm-muted);font-size:12px;margin-left:6px}
#arfm-root .an-ok{color:var(--arfm-accent);margin:0}
#arfm-root .an-set-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 4px}
#arfm-root .an-set-grid label{display:grid;gap:5px;font-size:13px;font-weight:650}
#arfm-root .an-set-grid input{min-height:42px;border:1px solid var(--arfm-line);border-radius:10px;padding:8px 10px;font:inherit}
#arfm-root .an-settings .arfm-btn{margin-top:10px}
html[data-arfm-theme="dark"] #arfm-root .an-sw.an-j{background:#e0645f}
html[data-arfm-theme="dark"] #arfm-root .an-sw.an-b{background:#f2c14e}
html[data-arfm-theme="dark"] #arfm-root .an-ln{border-top-color:#e2ebe5}
html[data-arfm-theme="dark"] #arfm-root .an-ln::after{background:#e2ebe5}
#arfm-root .an-body{display:flex;flex-direction:column}
@media(max-width:800px){
  #arfm-root .an-body .an-chart-panel{order:-1;margin-bottom:12px}
  #arfm-root .an-actions{gap:6px}
  #arfm-root .arfm-view .an-actions .arfm-btn{min-height:40px;padding:6px 11px;font-size:12.5px}
  #arfm-root .an-filters{grid-template-columns:repeat(3,minmax(0,1fr));display:grid;gap:8px;margin-bottom:12px}
  #arfm-root .an-filters label{font-size:11.5px}
  #arfm-root .an-filters select{min-height:40px;padding:6px 8px;font-size:13px}
  #arfm-root .an-head p{font-size:13px}
  #arfm-root .an-kpis{grid-template-columns:1fr 1fr;gap:10px}
  #arfm-root .an-kpi{padding:12px}
  #arfm-root .an-kpi b{font-size:22px}
  #arfm-root .an-grid{grid-template-columns:1fr}
  #arfm-root .an-mp-grid{grid-template-columns:1fr 1fr}
  #arfm-root .an-filters label{min-width:0}
  #arfm-root .an-head{flex-direction:column;gap:10px}
  #arfm-root .an-head h2{font-size:21px}
  #arfm-root .an-legend{font-size:11.5px;gap:4px 12px}
  #arfm-root .an-mini-kpi b{font-size:19px}
  #arfm-root .an-card-head .an-open{display:none}
  #arfm-root .an-open-bottom{display:block;width:100%;margin-top:12px}
  #arfm-root .an-mini-kpi{gap:8px}#arfm-root .an-mini-kpi>div{padding:9px 10px}
  #arfm-root .an-set-grid{grid-template-columns:1fr}
}
@media print{#arfm-root .an-actions,#arfm-root .an-filters,#arfm-root .an-seg,#arfm-root .an-settings{display:none!important}#arfm-root .an-scroll{overflow:visible}}
/* Kad analisis kekal kelihatan di Utama telefon untuk semua peranan (panel lain disembunyikan untuk bukan-admin) */
#arfm-root:not(.arfm-m-admin) .arfm-view:has(.arfm-mobile-home)>.arfm-panel.an-card{display:block}
#arfm-root .an-swipe{display:none}#arfm-root .an-chart-panel:has(.an-scrollable) .an-swipe{display:inline}
/* v0.31.0 — tab, belum cukup data, Fasa 1 */
#arfm-root .an-tabs{display:flex;gap:6px;overflow-x:auto;margin:0 0 16px;padding-bottom:2px;border-bottom:1px solid var(--arfm-line)}
#arfm-root .an-tabs button{border:0;background:transparent;color:var(--arfm-muted);font:inherit;font-weight:700;font-size:14px;padding:10px 14px;min-height:44px;border-bottom:3px solid transparent;white-space:nowrap;cursor:pointer}
#arfm-root .an-tabs button[aria-selected="true"]{color:var(--arfm-accent);border-bottom-color:var(--arfm-accent)}
#arfm-root .an-insuf{border:1px dashed color-mix(in srgb,var(--arfm-warn) 70%,var(--arfm-line));background:color-mix(in srgb,var(--arfm-warn) 9%,var(--arfm-card));border-radius:14px;padding:14px 16px;margin:0 0 16px}
#arfm-root .an-insuf h3{margin:0 0 6px;font-size:16px}
#arfm-root .an-insuf p{margin:0 0 8px;font-size:13.5px;line-height:1.5}
#arfm-root .an-insuf ul{list-style:none;padding:0;margin:0 0 4px;display:grid;gap:5px}
#arfm-root .an-insuf li{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;padding:6px 10px;border-radius:8px;background:var(--arfm-card)}
#arfm-root .an-hint{font-weight:600}
#arfm-root .an-insuf-mini{margin:6px 0 0;padding:8px 10px;border-radius:9px;font-size:13px;background:color-mix(in srgb,var(--arfm-warn) 12%,transparent)}
#arfm-root .an-lown{display:block;font-style:normal;color:var(--arfm-warn);font-weight:600}
#arfm-root .an-kpis-6{grid-template-columns:repeat(3,minmax(0,1fr))}
#arfm-root .an-bridge{display:grid;gap:8px}
#arfm-root .an-br{display:grid;grid-template-columns:minmax(110px,40%) 1fr auto;gap:8px;align-items:center;font-size:13px}
#arfm-root .an-br-base{font-weight:700}#arfm-root .an-br-base .an-ht i{background:var(--arfm-text)}
#arfm-root .an-br-out span:first-child{color:var(--arfm-danger)}
#arfm-root .an-pyr{display:grid;gap:6px}
#arfm-root .an-pyr-h,#arfm-root .an-pyr-r{display:grid;grid-template-columns:1fr 78px 1fr;gap:6px;align-items:center;font-size:12.5px}
#arfm-root .an-pyr-h{color:var(--arfm-muted);font-weight:700}#arfm-root .an-pyr-h span:first-child{text-align:right}
#arfm-root .an-pm{text-align:center;color:var(--arfm-muted)}
#arfm-root .an-pl,#arfm-root .an-pr{display:flex;align-items:center;gap:6px;height:18px}
#arfm-root .an-pl{flex-direction:row-reverse}
#arfm-root .an-pl i,#arfm-root .an-pr i{display:block;height:14px;border-radius:4px;min-width:2px}
#arfm-root .an-pl i{background:#d1342f}#arfm-root .an-pr i{background:#f2b31b}
#arfm-root .an-pl b,#arfm-root .an-pr b{font-size:12px}
@media(max-width:800px){#arfm-root .an-kpis-6{grid-template-columns:1fr 1fr}#arfm-root .an-tabs{margin:0 -4px 12px}}
#arfm-root .an-warn-t{color:var(--arfm-warn);font-weight:700}#arfm-root .an-ok-t{color:var(--arfm-accent);font-weight:700}#arfm-root .an-bad-t{font-weight:700}#arfm-root .an-sub{font-weight:500;color:var(--arfm-muted);font-size:12px}
#arfm-root .an-kpi.an-kpi-text b{font-size:17px;line-height:1.3}