/* Shared readability pass. Existing semantic colors and dark-mode tokens remain authoritative. */
body{font-size:16px;line-height:1.65}
input,select,textarea{font-size:16px;line-height:1.5}
button,.btn{font-size:14px;line-height:1.5;min-height:40px}
small,.small,.tiny,.muted{color:var(--muted,#53647d)}
small,.tiny{font-size:13px;line-height:1.6}
.admin-shell .admin-primary-nav.side-nav .navigation-center a,
.admin-shell .sidebar .nav-item,.customer-sidebar .customer-nav-links a{font-size:14px;line-height:1.5}
.navigation-tree-tools button,.navigation-center>summary small{font-size:13px}
.admin-shell .eyebrow{font-size:13px;letter-spacing:.1em}
.admin-shell .admin-head h1{font-size:clamp(26px,2.6vw,34px);line-height:1.3}
.panel>header,.panel-head,.panel>header h2{font-size:17px;line-height:1.5}
table{font-size:14px;line-height:1.6}
th{font-size:13px;line-height:1.5;color:var(--muted,#53647d)}
td small{font-size:13px;line-height:1.6}
.notice,.field>span,.check,.page-section-nav a{font-size:14px;line-height:1.65}
.field small,.form-grid small,.admin-shell .panel small{font-size:13px}
.audit-detail{font-size:13px;line-height:1.65;overflow-wrap:anywhere}
button:disabled,.btn[aria-disabled=true]{cursor:not-allowed}
.primary:disabled{opacity:1;background:#5b6f98;border-color:#5b6f98;color:#fff}
:root[data-theme=dark] .primary:disabled{background:#3b4a67;border-color:#3b4a67;color:#d7e0f0}
button,.btn,a,input,select,textarea,summary{transition:background-color 150ms ease,border-color 150ms ease,box-shadow 150ms ease}
button:not(:disabled):active,.btn:not([aria-disabled=true]):active{transform:translateY(1px)}
input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 3px var(--accent-soft,#eaf0ff)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent,#235ce4);outline-offset:3px}
details>summary{cursor:pointer}
details[open]>summary{color:var(--accent,#235ce4)}
dialog[open]{animation:readability-dialog-in 140ms ease-out}
@keyframes readability-dialog-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.group-sync-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}
.group-sync-grid>.panel{margin:0;min-width:0}
.group-sync-grid .panel-body{display:flex;flex-direction:column;gap:10px}
.group-sync-grid .panel-body>p{margin:0}
.group-sync-grid .actions{margin-top:auto;flex-wrap:wrap}
.upstream-sync-mode{margin-block:8px 12px;max-width:320px}
.group-filter-bar{display:grid;grid-template-columns:minmax(160px,1fr) minmax(180px,1fr) minmax(180px,1fr) auto;gap:12px;align-items:end;padding:18px}
.group-filter-bar .field{margin:0;min-width:0}
.group-filter-bar input,.group-filter-bar select{width:100%;min-height:44px}
.group-filter-count{padding:0 18px;margin:0 0 12px;color:var(--muted,#53647d);font-size:14px}
.group-model-controls{list-style:none;padding:0;margin:8px 0;max-height:360px;overflow-y:auto;overscroll-behavior:contain}
.group-model-controls li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--border,#d7e0ec)}
.group-model-controls li>span{overflow-wrap:anywhere}
.group-model-controls button{flex-shrink:0}
.group-row-actions{display:flex;flex-wrap:wrap;gap:8px;max-width:380px}
.station-embedded body{font-size:16px;line-height:1.6}
.station-embedded :is(.text-xs,[data-slot=table-head]){font-size:13px;line-height:1.6}
.station-embedded :is(.text-sm,[data-slot=table-cell],[data-slot=label]){font-size:14px;line-height:1.6}
.station-embedded :is([data-slot=input],[data-slot=textarea],[data-slot=select-trigger]){font-size:16px}
@media(max-width:900px){.group-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.group-sync-grid{grid-template-columns:minmax(0,1fr)}.admin-top>.actions{gap:8px;flex-wrap:wrap}}
@media(max-width:520px){.group-filter-bar{grid-template-columns:minmax(0,1fr);padding:14px}.group-row-actions{max-width:260px}}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  button:not(:disabled):active,.btn:active{transform:none}
}

/* The embedded core uses --muted / --accent for surfaces, not text colors. */
.station-embedded :is(small,.small,.tiny,.muted,th){color:var(--muted-foreground,#65748a)}
.station-embedded :is(a,button,input,select,textarea,summary):focus-visible{outline-color:var(--ring,#235ce4);box-shadow:none}

.customer-front .btn,.customer-front button{font-size:14px}

/* Preserve the newer consumption view's layout/data logic while making its text readable. */
.customer-front .customer-usage :is(small,time,label,summary,legend,.usage-statistics b,.usage-date-range>span,.usage-type,.usage-stream,.usage-token-count,.model-badge){font-size:13px}
.customer-front .customer-usage :is(td,button){font-size:14px}
.customer-front .customer-usage .usage-fee.usage-detail-trigger{font-size:14px}
.customer-front .customer-usage th{font-size:13px}
.customer-front .customer-usage .field :is(input,select){font-size:16px;min-height:40px;height:40px}

.group-table-hint{display:none;color:var(--muted);font-size:13px;padding:0 18px;margin:0 0 10px}
.group-mapping-table>table{min-width:1040px}
.group-mapping-table th:first-child,.group-mapping-table td:first-child{position:sticky;left:0;z-index:1;background:var(--surface);min-width:220px;max-width:260px}
.group-mapping-table th:first-child{background:var(--surface2);z-index:2}
@media(max-width:800px){.group-table-hint{display:block}.group-mapping-table th:first-child,.group-mapping-table td:first-child{box-shadow:3px 0 6px #1728420a}}