.health-cost-input{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid var(--line,#d8d1c5);border-radius:12px;overflow:hidden;background:var(--field-bg,rgba(255,255,255,.82))}
.health-cost-input input{border:0!important;border-radius:0!important;background:transparent!important;margin:0!important;min-width:0}
.health-cost-input span{padding:0 13px;font-weight:800;color:var(--muted,#6c6257);border-left:1px solid var(--line,#d8d1c5)}
.health-cost-bulk{margin:14px 0;padding:14px;border:1px solid rgba(183,138,42,.42);border-radius:14px;background:rgba(183,138,42,.08)}
.health-cost-line{display:flex;gap:8px;align-items:center;color:var(--gold-dark,#72561d)!important}
.health-cost-shortcut{margin-bottom:12px}
.health-cost-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:10px;align-items:end}
.health-cost-filters label{margin-top:0}
.health-cost-hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}
.health-cost-hero article{padding:18px;border:1px solid rgba(183,138,42,.44);border-radius:18px;background:linear-gradient(135deg,rgba(255,252,241,.96),rgba(241,229,194,.88));box-shadow:0 10px 25px rgba(43,34,21,.08)}
.health-cost-hero span,.health-cost-hero small{display:block;color:#685d4d}
.health-cost-hero b{display:flex;flex-wrap:wrap;gap:5px;margin:7px 0;font:800 clamp(24px,5vw,36px) Georgia,serif;color:#6e5118}
.health-cost-hero b span{color:inherit}
.health-cost-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.health-cost-category-grid article{display:grid;grid-template-columns:auto 1fr auto;gap:4px 10px;align-items:center;padding:14px;border:1px solid var(--line,#ddd3c7);border-radius:15px;background:var(--card-bg,rgba(255,255,255,.85))}
.health-cost-category-grid i{grid-row:1/3;font-style:normal;font-size:24px;color:#a77921}
.health-cost-category-grid span{font-weight:700}
.health-cost-category-grid b{display:flex;flex-direction:column;align-items:flex-end;color:#6e5118}
.health-cost-category-grid small{text-align:right;color:var(--muted,#6b6259)}
.health-cost-table-wrap{overflow-x:auto;border:1px solid var(--line,#ddd3c7);border-radius:14px;background:var(--card-bg,rgba(255,255,255,.88))}
.health-cost-table{width:100%;min-width:850px;border-collapse:collapse;font-size:12px}
.health-cost-table th,.health-cost-table td{padding:9px;border-bottom:1px solid var(--line,#e2d9ce);text-align:right;vertical-align:top}
.health-cost-table thead th{position:sticky;top:0;background:rgba(183,138,42,.13);color:var(--text,#2c2721)}
.health-cost-table th:first-child{text-align:left}
.health-cost-table tbody tr.selected{background:rgba(183,138,42,.12)}
.health-cost-table tbody th button{border:0;background:transparent;padding:0;color:inherit;font-weight:800;cursor:pointer}
.health-cost-table td span{display:block;white-space:nowrap}
.health-cost-total-cell{font-weight:800;color:#6e5118}
.health-cost-horse-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.health-cost-horse-list button{display:grid;grid-template-columns:1fr auto;gap:4px 12px;text-align:left;padding:13px;border:1px solid var(--line,#ddd3c7);border-radius:13px;background:var(--card-bg,rgba(255,255,255,.88));color:inherit}
.health-cost-horse-list button>span{font-weight:800}
.health-cost-horse-list button>b{display:flex;flex-direction:column;align-items:flex-end;color:#6e5118}
.health-cost-horse-list button>small{grid-column:1/3;color:var(--muted,#6b6259)}
.health-cost-entry-list{border:1px solid var(--line,#ddd3c7);border-radius:14px;overflow:hidden;background:var(--card-bg,rgba(255,255,255,.88))}
.health-cost-entry-list>div{display:grid;grid-template-columns:95px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border-bottom:1px solid var(--line,#e2d9ce)}
.health-cost-entry-list>div:last-child{border-bottom:0}
.health-cost-entry-list time{color:var(--muted,#6b6259)}
.health-cost-entry-list span b,.health-cost-entry-list span small{display:block}
.health-cost-entry-list span small{margin-top:3px;color:var(--muted,#6b6259)}
.health-cost-entry-list strong{white-space:nowrap;color:#6e5118}
.health-cost-rule{display:flex;gap:10px;align-items:flex-start;margin-top:16px}
.health-cost-rule>b{display:grid;place-items:center;min-width:24px;height:24px;border-radius:50%;background:#b78a2a;color:white}
.health-cost-rule p{margin:2px 0}

[data-theme="dark"] .health-cost-hero article{background:linear-gradient(135deg,rgba(40,55,43,.96),rgba(68,61,39,.9));border-color:rgba(213,177,92,.55)}
[data-theme="dark"] .health-cost-hero span,[data-theme="dark"] .health-cost-hero small{color:#d8d0c2}
[data-theme="dark"] .health-cost-hero b,[data-theme="dark"] .health-cost-category-grid b,[data-theme="dark"] .health-cost-total-cell,[data-theme="dark"] .health-cost-horse-list button>b,[data-theme="dark"] .health-cost-entry-list strong,[data-theme="dark"] .health-cost-line{color:#efcc75!important}
[data-theme="dark"] .health-cost-input{background:rgba(15,25,18,.72);border-color:rgba(239,204,117,.25)}

@media(max-width:760px){
  .health-cost-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .health-cost-filters button{grid-column:1/3}
  .health-cost-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .health-cost-entry-list>div{grid-template-columns:1fr auto}
  .health-cost-entry-list time{grid-column:1/3;font-size:11px}
}
@media(max-width:480px){
  .health-cost-hero,.health-cost-category-grid,.health-cost-horse-list{grid-template-columns:1fr}
  .health-cost-horse-list button>small{grid-column:1/3}
  .health-cost-entry-list>div{gap:5px 10px}
}