/* หน้า "บริการและ AdjRW" · ใช้เฉพาะคลาสของหน้าเอง */
.ar {
  font-family: var(--font-anthropic-sans);
  font-size: var(--cds-font-size-body);
  color: var(--color-fg);
  display: flex;
  flex-direction: column;
  gap: var(--cds-gap-lg);
  min-width: 0;
}
.ar :is(h1, h2, h3, p, ul) { margin: 0; }
.ar .ar-strong, .ar .ar-prose b { font-weight: var(--cds-font-weight-medium); }

/* หัวหน้า */
.ar-head { display: flex; flex-direction: column; gap: var(--cds-gap-xs); }
.ar-title {
  font-family: var(--font-anthropic-serif);
  font-weight: 400;
  font-size: var(--cds-font-size-title);
  line-height: 1.25;
}
.ar-take { color: var(--color-fg); font-size: clamp(1.0625rem, 0.95rem + 0.45vw, 1.25rem); line-height: 1.55; max-width: 64ch; font-variant-numeric: tabular-nums; min-height: 4.65em; } /* ประโยคสรุปของหน้า (อ่านจากจอประชุม) · จอง 3 บรรทัด: แถบตัวกรองไม่กระโดดเมื่อเปลี่ยนปี */
.ar-take .ar-strong { font-weight: 600; }
.ar-src { font-size: var(--cds-font-size-caption); color: var(--color-fg-muted); line-height: 1.5; max-width: 90ch; }

/* ตัวกรองและปุ่มกลุ่ม */
.ar-bar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--cds-gap-sm) var(--cds-gap-lg); }
.ar-seg {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 2px;
  padding: 2px;
  border: 1px solid var(--color-border-line);
  border-radius: var(--cds-radius);
  background: var(--color-panel);
}
.ar-seg-b {
  font: inherit;
  font-size: var(--cds-font-size-caption);
  color: var(--color-fg-muted);
  background: transparent;
  border: 0;
  border-radius: calc(var(--cds-radius) - 2px);
  padding: var(--cds-pad-xs) var(--cds-pad-sm);
  min-height: 2.25rem;
  cursor: pointer;
  font-variant-numeric: tabular-nums;
}
.ar-seg-b:hover { color: var(--color-fg); }
.ar-seg-b[aria-checked='true'] { background: var(--color-fg); color: var(--color-panel); } /* ทึบ: เห็นปีงบ/ตัววัดที่เลือกจากจอประชุม */
.ar-seg-b:focus-visible, .ar-tabs [role='tab']:focus-visible, .ar-sort:focus-visible, .ar-sel select:focus-visible, .ar-search:focus-visible, .ar-svg-key:focus-visible {
  outline: 2px solid var(--color-fg);
  outline-offset: 2px;
}
.ar-sel { display: inline-flex; align-items: center; gap: var(--cds-gap-sm); min-width: 0; max-width: 100%; font-size: var(--cds-font-size-caption); color: var(--color-fg-muted); }
.ar-sel select { min-width: 0; max-width: 100%; flex: 1 1 auto; text-overflow: ellipsis; }
.ar-sel select, .ar-search {
  font: inherit;
  font-size: var(--cds-font-size-body);
  color: var(--color-fg);
  background: var(--color-panel);
  border: 1px solid var(--color-border-line);
  border-radius: var(--cds-radius);
  padding: var(--cds-pad-xs) var(--cds-pad-sm);
  min-height: 2.25rem;
}

/* แท็บ */
.ar-tabs {
  display: flex;
  gap: var(--cds-gap-xs);
  overflow-x: auto;
  border-bottom: 1px solid var(--color-border-line);
  scrollbar-width: thin;
}
.ar-tabs [role='tab'] {
  font: inherit;
  white-space: nowrap;
  color: var(--color-fg-muted);
  background: transparent;
  border: 0;
  border-bottom: 3px solid transparent;
  padding: var(--cds-pad-sm) var(--cds-pad-md);
  min-height: 2.75rem;
  cursor: pointer;
}
.ar-tabs [role='tab']:hover { color: var(--color-fg); }
.ar-tabs [role='tab'][aria-selected='true'] { color: var(--color-fg); border-bottom-color: var(--color-fg); }

.ar-page { display: flex; flex-direction: column; gap: var(--cds-gap-md); min-width: 0; }
.ar-page[hidden] { display: none; }
.ar-sec-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--cds-gap-sm); }
.ar-sec { font-size: var(--cds-font-size-heading); font-weight: var(--cds-font-weight-medium); }

/* การ์ดและกริด */
.ar-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr)); gap: var(--cds-gap-md); align-items: start; }
.ar-card {
  background: var(--color-panel);
  border: 1px solid var(--color-border-line);
  border-radius: var(--cds-radius);
  padding: var(--cds-pad-lg);
  display: flex;
  flex-direction: column;
  gap: var(--cds-gap-sm);
  min-width: 0;
}
.ar-card-h { font-size: var(--cds-font-size-heading); font-weight: var(--cds-font-weight-medium); }
.ar-note { font-size: var(--cds-font-size-caption); color: var(--color-fg-muted); line-height: 1.5; max-width: 72ch; }
/* ข้อความที่โปรแกรมอ่านจออ่านได้แต่ไม่แสดงบนจอ */
.ar-vh { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }

/* ตัวเลขหลัก */
.ar-tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 9.25rem), 1fr)); gap: var(--cds-gap-md); min-height: 7rem; }
.ar-tile {
  background: var(--color-panel);
  border: 1px solid var(--color-border-line);
  border-radius: var(--cds-radius);
  padding: var(--cds-pad-md) var(--cds-pad-lg);
  display: flex;
  flex-direction: column;
  gap: var(--cds-gap-xs);
}
.ar-tile-l { font-size: var(--cds-font-size-caption); color: var(--color-fg-muted); }
.ar-tile-v {
  font-family: var(--font-anthropic-serif);
  font-weight: 400;
  font-size: clamp(var(--cds-font-size-title), 1.4rem + 0.9vw, 2.5rem);
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}
.ar-tile-c { font-size: var(--cds-font-size-caption); color: var(--color-fg-muted); font-variant-numeric: tabular-nums; }
.ar-tile-part { box-shadow: inset 0 0 0 1px var(--color-border-line); }
.ar-part-chip {
  align-self: flex-start;
  font-size: var(--cds-font-size-caption);
  color: var(--color-fg);
  background: color-mix(in srgb, var(--color-fg) 7%, transparent);
  border-radius: var(--cds-radius);
  padding: 2px var(--cds-pad-xs);
  line-height: 1.45;
}

/* กราฟ */
.ar-chart { position: relative; min-height: 260px; }
.ar-chart.ar-html { min-height: 12rem; }
.ar-chart svg { display: block; overflow: visible; }
.ar-tick { font-size: var(--cds-font-size-caption); fill: var(--color-fg-muted); font-variant-numeric: tabular-nums; }
.ar-tick-on { fill: var(--color-fg); font-weight: var(--cds-font-weight-medium); }
.ar-end { font-size: var(--cds-font-size-caption); font-variant-numeric: tabular-nums; fill: var(--color-fg); }
.ar-gl line { stroke: var(--cds-chart-grid); stroke-width: 1; }
.ar-axis { stroke: var(--cds-chart-axis); stroke-width: 1; }
.ar-sep { stroke: var(--cds-chart-reference); stroke-width: 1; stroke-dasharray: 3 3; }
.ar-fy-band { fill: var(--color-fg); opacity: 0.08; }
.ar-hatch { stroke: var(--color-panel); stroke-width: 2.5; }
.ar-part { opacity: 0.9; }
.ar-part-t { fill: var(--color-fg); }
.ar-low { fill: none; stroke: var(--color-fg); stroke-width: 1; stroke-dasharray: 3 2; }
.ar-svg-key { outline-offset: 4px; border-radius: 2px; }
.ar-hover { fill: var(--color-fg); }
.ar-line { fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

.ar-legend { display: flex; flex-wrap: wrap; gap: var(--cds-gap-xs) var(--cds-gap-md); font-size: var(--cds-font-size-caption); color: var(--color-fg-muted); }
.ar-legend:empty { display: none; }
.ar-legend-i { display: inline-flex; align-items: center; gap: var(--cds-gap-xs); }
.ar-legend-i i, .ar-tip-r i { width: 0.625rem; height: 0.625rem; border-radius: 2px; flex: none; }

.ar-tip {
  position: absolute;
  z-index: 2;
  pointer-events: none;
  background: var(--cds-surface-popover);
  border: 1px solid var(--cds-border);
  border-radius: var(--cds-radius);
  box-shadow: var(--cds-shadow-popover);
  padding: var(--cds-pad-xs) var(--cds-pad-sm);
  font-size: var(--cds-font-size-caption);
  font-variant-numeric: tabular-nums;
  min-width: 10rem;
  max-width: 18rem;
}
.ar-tip[hidden] { display: none; }
.ar-tip-h { color: var(--cds-text-secondary); margin-bottom: 2px; }
.ar-tip-r { display: flex; align-items: center; gap: var(--cds-gap-xs); }
.ar-tip-r span { flex: 1; }
.ar-tip-r strong { font-weight: var(--cds-font-weight-medium); }

/* แถบแนวนอน แถบซ้อน พีระมิด (HTML) */
.ar-hb, .ar-sr, .ar-py { display: flex; flex-direction: column; gap: 6px; font-size: var(--cds-font-size-caption); font-variant-numeric: tabular-nums; }
.ar-hb-r { display: grid; grid-template-columns: minmax(6rem, 40%) 1fr auto; align-items: center; gap: var(--cds-gap-sm); }
.ar-hb-l, .ar-sr-l { overflow-wrap: anywhere; }
.ar-hb-t, .ar-sr-t, .ar-py-t { position: relative; height: 0.875rem; display: flex; }
.ar-hb-b, .ar-py-b { height: 100%; border-radius: 4px; }
.ar-hb-v, .ar-sr-v, .ar-py-v { color: var(--color-fg-muted); text-align: right; min-width: 4.5rem; }
.ar-sr .ar-legend { margin-bottom: var(--cds-gap-xs); }
.ar-sr-r { display: grid; grid-template-columns: 5.5rem 1fr auto; align-items: center; gap: var(--cds-gap-sm); }
.ar-sr-t { height: 1.25rem; border-radius: 4px; overflow: hidden; gap: 1px; }
.ar-sr-s { height: 100%; min-width: 1px; }
.ar-py-r { display: grid; grid-template-columns: 4.5rem 1fr 4rem 1fr 4.5rem; align-items: center; gap: var(--cds-gap-sm); }
.ar-py-head { color: var(--color-fg-muted); }
.ar-py-l { text-align: center; color: var(--color-fg-muted); }
.ar-py-tl { justify-content: flex-end; }
.ar-py-v:first-child { text-align: right; }
.ar-py-r > .ar-py-v:last-child { text-align: left; }
.ar-hb-r:hover .ar-hb-b, .ar-sr-s:hover, .ar-py-r:hover .ar-py-b { filter: brightness(1.12); }
.ar-hb-muted { color: var(--color-fg-muted); border-top: 1px dashed var(--color-border-line); padding-top: 6px; }
.ar-hb-muted .ar-hb-v { min-width: 0; }

/* เส้นเล็กหนึ่งรูปต่อสิทธิ์ */
.ar-mult { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 12.5rem), 1fr)); gap: var(--cds-gap-md); }
.ar-mult-c { margin: 0; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.ar-mult-h { display: flex; align-items: center; gap: var(--cds-gap-xs); font-size: var(--cds-font-size-caption); color: var(--color-fg-muted); }
.ar-mult-h i { width: 0.625rem; height: 0.625rem; border-radius: 2px; flex: none; }
.ar-mult-v { font-family: var(--font-anthropic-serif); font-size: var(--cds-font-size-heading); font-variant-numeric: tabular-nums; }
.ar-mult-s { font-size: var(--cds-font-size-caption); color: var(--color-fg-muted); font-variant-numeric: tabular-nums; }
.ar-mult-p { margin-top: var(--cds-gap-xs); }
.ar-mult-x { display: flex; justify-content: space-between; font-size: var(--cds-font-size-caption); color: var(--color-fg-muted); margin-top: var(--cds-gap-sm); }

/* ตาราง */
.ar-tbl-tools { display: flex; flex-wrap: wrap; align-items: center; gap: var(--cds-gap-sm); }
.ar-tbl-tools .ar-search { flex: 1 1 14rem; max-width: 24rem; }
.ar-count { font-size: var(--cds-font-size-caption); color: var(--color-fg-muted); margin-left: auto; }
.ar-tbl-box { overflow: auto; min-height: 6rem; max-width: 100%; }
.ar-tbl { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; font-size: var(--cds-font-size-body); }
.ar-tbl th, .ar-tbl td { padding: var(--cds-pad-xs) var(--cds-pad-sm); border-bottom: 1px solid var(--color-border-line); text-align: left; vertical-align: top; }
.ar-tbl thead th { position: sticky; top: 0; background: var(--color-panel); z-index: 1; font-size: var(--cds-font-size-caption); color: var(--color-fg-muted); font-weight: var(--cds-font-weight-medium); white-space: nowrap; }
.ar-tbl .ar-num { text-align: right; white-space: nowrap; }
.ar-sort { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; text-align: inherit; min-width: 2.75rem; }
.ar-sort::after { content: ''; display: inline-block; width: 0.75em; }
th[aria-sort='ascending'] .ar-sort::after { content: '↑'; }
th[aria-sort='descending'] .ar-sort::after { content: '↓'; }
th[aria-sort='ascending'], th[aria-sort='descending'] { color: var(--color-fg); }
.ar-cell-bar { position: relative; display: inline-flex; justify-content: flex-end; min-width: 7rem; width: 100%; }
.ar-cell-bar i { position: absolute; left: 0; top: 15%; bottom: 15%; background: var(--cds-chart-muted); opacity: 0.35; border-radius: 3px; }
.ar-cell-bar span { position: relative; }
.ar-report tbody th { font-weight: 400; text-align: left; }
.ar-report tr.ar-sub th { padding-left: var(--cds-pad-lg); color: var(--color-fg-muted); }
.ar-report .ar-col-on { background: color-mix(in srgb, var(--color-fg) 5%, transparent); }
.ar-tbl tr.ar-pin td { color: var(--color-fg-muted); border-top: 1px dashed var(--color-border-line); }
.ar-foot { margin-top: var(--cds-gap-xs); }
.ar-report thead th.ar-col-on { color: var(--color-fg); }

.ar-prose ul { padding-left: 1.1rem; display: flex; flex-direction: column; gap: var(--cds-gap-xs); line-height: 1.55; }

/* สถานะของข้อมูล */
.ar [data-dash-source-state='refreshing'] { opacity: 0.5; }
@media (prefers-reduced-motion: no-preference) {
  .ar [data-dash-source-state='refreshing'] { transition: opacity var(--cds-dur-slow); }
}

/* เป้าสัมผัส 44px บนจอสัมผัส */
@media (pointer: coarse) {
  .ar-seg-b, .ar-sel select, .ar-search { min-height: 2.75rem; }
  .ar-sort { min-height: 2.75rem; padding-block: var(--cds-pad-xs); }
}
.ar [data-dash-source-state='empty'] { color: transparent; }

/* โหมดคอนทราสต์สูงของ Windows: แถบ จุดสี และส่วนของกราฟ HTML ใช้พื้นหลังเป็นสี จึงต้องคงสีไว้ */
@media (forced-colors: active) {
  .ar-hb-b, .ar-sr-s, .ar-py-b, .ar-legend-i i, .ar-tip-r i, .ar-mult-h i, .ar-fy-list i, .ar-cell-bar i { forced-color-adjust: none; }
}

/* เอกสารประชุม (A4): ซ่อนตัวควบคุม · ตารางพิมพ์ครบทุกแถว · การ์ดไม่ขาดกลางหน้า · กราฟวาดใหม่ตามความกว้างกระดาษ (app.js) */
@media print {
  @page { size: A4; margin: 12mm; }
  .ar { gap: var(--cds-gap-md); }
  .ar-tabs, .ar-bar, .ar-tbl-tools, .ar-los-tools, .ar-los-reset, .ar-sec-head .ar-seg, .ar-fy-close { display: none !important; }
  .ar-print-meta { display: block !important; }
  .ar-tbl-box { max-height: none !important; overflow: visible !important; }
  .ar-tbl thead th { position: static !important; }
  .ar-card, .ar-tile, .ar-mult-c, .ar-fy-detail { break-inside: avoid; }
  .ar-chart svg { max-width: 100%; height: auto; }
  .ar-tip { display: none !important; }
}
.ar-print-meta { display: none; font-size: var(--cds-font-size-caption); color: var(--color-fg-muted); }
.ar-failed {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--cds-gap-xs);
  min-height: inherit;
  height: 100%;
  font-size: var(--cds-font-size-caption);
  color: var(--color-fg-muted);
}
.ar-failed i { width: 0.375rem; height: 0.375rem; border-radius: 50%; background: var(--color-bad); }

@media (max-width: 40rem) {
  .ar-hb-r { grid-template-columns: minmax(5rem, 38%) 1fr auto; }
  .ar-py-r { grid-template-columns: 3.5rem 1fr 3rem 1fr 3.5rem; }
  .ar-hb-v, .ar-sr-v, .ar-py-v { min-width: 3.5rem; }
}

/* หน้า "วันนอนเทียบเกณฑ์": แถบความหมาย A–D เรียงตามแกนวันนอน · เส้นอ้างอิงและวงของแผนภาพ DRG */
.ar-los-take { margin: 0; }
.ar-los-key { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 11rem), 1fr)); gap: 4px; font-size: var(--cds-font-size-caption); }
.ar-los-key li { display: flex; align-items: baseline; gap: var(--cds-gap-xs); padding: var(--cds-gap-xs) var(--cds-gap-sm); border-radius: calc(var(--cds-radius) - 2px); background: color-mix(in oklab, var(--k) 10%, var(--color-panel)); line-height: 1.45; }
/* สีของกลุ่มตั้งจาก los.js (CLASS) ที่เดียว */
.ar-los-key li::before { content: ''; flex: none; width: 0.625rem; height: 0.625rem; border-radius: 2px; background: var(--k); align-self: center; }
.ar-los-ref { stroke: var(--color-fg-muted); stroke-width: 1; stroke-dasharray: 4 3; }
.ar-los-pt { fill-opacity: 0.4; stroke-width: 1.25; cursor: pointer; }
.ar-los-pt.ar-los-sel { fill-opacity: 0.85; stroke-width: 2.5; stroke: var(--color-fg); }
.ar-los-zone { fill: color-mix(in oklab, var(--color-fg) 5%, transparent); }
.ar-los-zone-t { font-size: var(--cds-font-size-caption); fill: var(--color-fg-muted); }
.ar-los-pt:hover { fill-opacity: 0.8; }
.ar-los-pt.ar-los-dim { fill-opacity: 0.07; stroke-opacity: 0.22; }
.ar-los-pt.ar-los-on { fill-opacity: 0.75; stroke-width: 2; stroke: var(--color-fg); }
/* ตัวกรองของแผนภาพ DRG */
.ar-los-tools { gap: var(--cds-gap-sm) var(--cds-gap-md); }
.ar-los-tools .ar-search { flex: 1 1 12rem; max-width: 20rem; }
.ar-check { display: inline-flex; align-items: center; gap: var(--cds-gap-xs); min-height: 2.75rem; font-size: var(--cds-font-size-caption); color: var(--color-fg-muted); cursor: pointer; }
.ar-check input { width: 1.1rem; height: 1.1rem; accent-color: var(--color-fg); }
.ar-los-reset { font: inherit; font-size: var(--cds-font-size-caption); color: var(--color-fg); background: transparent; border: 1px solid var(--color-border-line); border-radius: var(--cds-radius); padding: var(--cds-pad-xs) var(--cds-pad-sm); min-height: 2.75rem; cursor: pointer; }
.ar-los-reset:hover { background: var(--color-bg); }
.ar-los-reset:focus-visible, .ar-los-chip:focus-visible, .ar-check input:focus-visible { outline: 2px solid var(--color-fg); outline-offset: 2px; }
.ar-los-fsum { margin: 0; min-height: 1.5em; font-variant-numeric: tabular-nums; }
/* ควรดูก่อน */
.ar-los-hints { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 13.5rem), 1fr)); gap: var(--cds-gap-md); min-height: 8rem; }
.ar-los-hint { display: flex; flex-direction: column; gap: var(--cds-gap-xs); min-width: 0; padding: var(--cds-pad-sm) var(--cds-pad-md); border-radius: var(--cds-radius); background: var(--color-bg); }
.ar-los-hint-h { font-size: var(--cds-font-size-body); font-weight: var(--cds-font-weight-medium); line-height: 1.4; }
.ar-los-hint-l { list-style: none; margin: var(--cds-gap-xs) 0 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.ar-los-chip { font: inherit; font-size: var(--cds-font-size-caption); width: 100%; min-height: 2.75rem; display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: 'code val' 'name name'; align-items: baseline; row-gap: 0; gap: var(--cds-gap-sm); text-align: left; color: var(--color-fg); background: var(--color-panel); border: 1px solid var(--color-border-line); border-radius: calc(var(--cds-radius) - 2px); padding: var(--cds-pad-xs) var(--cds-pad-sm); cursor: pointer; font-variant-numeric: tabular-nums; }
.ar-los-chip:hover { border-color: var(--color-fg-muted); }
.ar-los-chip b { grid-area: code; }
/* ชื่อเต็มขึ้นบรรทัดใหม่ได้ 2 บรรทัด (ไม่ตัดชื่อในบรรทัดเดียวกับรหัส) */
.ar-los-chip-n { grid-area: name; color: var(--color-fg-muted); line-height: 1.4; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; overflow-wrap: anywhere; }
.ar-los-chip-n:empty { display: none; }
.ar-los-chip-v { grid-area: val; font-weight: var(--cds-font-weight-medium); }
.ar-sub-h { font-size: var(--cds-font-size-caption); font-weight: var(--cds-font-weight-medium); margin: var(--cds-gap-sm) 0 0; }
#los-econ .ar-chart.ar-html { min-height: 0; }
.ar-los-lab { paint-order: stroke; stroke: var(--color-panel); stroke-width: 3px; stroke-linejoin: round; }
/* DRG ที่เลือกจากแผนภาพหรือข้อเสนอแนะ */
.ar-los-pick { display: grid; gap: var(--cds-gap-xs); padding: var(--cds-pad-sm) var(--cds-pad-md); border-radius: var(--cds-radius); background: var(--color-bg); font-size: var(--cds-font-size-caption); font-variant-numeric: tabular-nums; }
.ar-los-pick[hidden] { display: none; }
.ar-los-pick-h { font-size: var(--cds-font-size-body); font-weight: var(--cds-font-weight-medium); line-height: 1.4; }
.ar-los-pick dl { margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 9rem), 1fr)); gap: var(--cds-gap-xs) var(--cds-gap-md); }
.ar-los-pick dt { color: var(--color-fg-muted); }
.ar-los-pick dd { margin: 0; font-weight: var(--cds-font-weight-medium); }
.ar-los-pick-a { display: flex; flex-wrap: wrap; gap: var(--cds-gap-sm); }
/* ตัวกรองที่ใช้อยู่ (บอกในการ์ดที่ได้รับผลด้วย) */
.ar-los-scope { display: flex; flex-wrap: wrap; align-items: center; gap: var(--cds-gap-xs) var(--cds-gap-sm); margin: 0; font-size: var(--cds-font-size-caption); color: var(--color-fg); }
.ar-los-scope[hidden] { display: none; }
.ar-los-scope .ar-los-reset { min-height: 2.75rem; }

/* ปุ่มปีงบใต้กราฟรายเดือน + แผงรายละเอียดปีงบ */
.ar-fy-btn { cursor: pointer; outline: none; }
.ar-fy-btn rect { fill: transparent; stroke: none; }
.ar-fy-btn text { text-decoration: underline dotted; text-underline-offset: 3px; }
.ar-fy-btn:hover rect { fill: var(--color-fg); fill-opacity: 0.06; }
.ar-fy-btn:focus-visible rect { stroke: var(--color-fg); stroke-width: 2; }
.ar-fy-btn-on rect { fill: var(--color-fg); fill-opacity: 0.1; }
.ar-fy-btn-on text { fill: var(--color-fg); font-weight: var(--cds-font-weight-medium); text-decoration: none; }
.ar-fy-detail { margin-top: var(--cds-gap-md); padding: var(--cds-pad-md); border-radius: var(--cds-radius); background: var(--color-bg); display: grid; gap: var(--cds-gap-md); }
.ar-fy-head { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: var(--cds-gap-sm); }
.ar-fy-msg { margin: 0; flex: 1 1 16rem; max-width: 72ch; font-size: var(--cds-font-size-caption); color: var(--color-fg-muted); line-height: 1.55; }
.ar-fy-msg strong { color: var(--color-fg); font-weight: var(--cds-font-weight-medium); }
.ar-fy-body { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr)); gap: var(--cds-gap-lg); align-items: start; }
.ar-fy-h { margin: 0 0 var(--cds-gap-xs); font-size: var(--cds-font-size-body); font-weight: var(--cds-font-weight-medium); }
.ar-fy-pie-fig { display: flex; flex-wrap: wrap; align-items: center; gap: var(--cds-gap-md); }
.ar-fy-pie-fig svg { flex: none; overflow: visible; }
.ar-fy-pie-t { font-family: var(--font-anthropic-serif); font-size: var(--cds-font-size-heading); fill: var(--color-fg); font-variant-numeric: tabular-nums; }
.ar-fy-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.35rem; flex: 1 1 12rem; min-width: 0; font-size: var(--cds-font-size-caption); font-variant-numeric: tabular-nums; }
.ar-fy-list li { display: grid; grid-template-columns: 0.625rem minmax(0, 1fr) auto auto; align-items: center; gap: var(--cds-gap-xs) var(--cds-gap-sm); }
.ar-fy-list i { width: 0.625rem; height: 0.625rem; border-radius: 2px; }
.ar-fy-list strong { font-weight: var(--cds-font-weight-medium); text-align: right; }
.ar-fy-pct { color: var(--color-fg-muted); text-align: right; min-width: 3.2rem; }
.ar-fy-chart { min-height: 260px; }