:root {
  --bg: #ffffff;           /* white */
  --card: #ffffff;         /* white */
  --muted: #294025;        /* slate-400 */
  --text: #294025;         /* green */
  --accent: #294025;       /* white */
  --danger: #ef4444;       /* red-500 */
  --border: #1f2937;       /* gray-800 */
}
* { box-sizing: border-box; }
body { margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"; background: var(--bg); color: var(--text);}
header { position: sticky; top:0; z-index:10; background: #0b1220; border-bottom:1px solid var(--border); }
header .wrap { max-width: 1000px; margin: 0 auto; padding: 16px; display:flex; align-items:center; justify-content:space-between; }
header h1 { font-size: 20px; margin:0; letter-spacing: .2px; }

/*.container { max-width: 1000px; margin: 24px auto; padding: 0 16px 48px; display:grid; grid-template-columns: 1fr; gap: 16px; }
@media (min-width: 900px) { .container { grid-template-columns: 1fr 1fr; } }*/

.container { max-width: 1000px; margin: 24px auto; padding: 0 16px 48px;  display: flex !important; flex-direction: column !important; gap: 16px;  }
@media (min-width: 900px) { .container {  flex-direction: row; } }


.card { background: var(--card); padding: 18px; }
.card h2 { margin: 0 0 12px; font-size: 16px; color: var(--muted); font-weight: 600; }

.grid { display:grid; grid-template-columns: 1fr; gap: 10px; }
.row { display:grid; grid-template-columns: 1fr 160px; gap: 10px; align-items:center; }
.row label { font-size: 14px; color: var(--text); opacity:.9; }
.row small { color: var(--muted); }

input[type="number"], input[type="text"], select { width:100%; padding: 10px 12px; border-radius: 10px; border:1px solid var(--border); color: var(--text); font-size:14px; }
input[type="number"]:invalid { border-color: var(--danger); }

.muted { color: var(--muted); font-size: 12px; }

.kpi { display:flex; align-items:baseline; justify-content:space-between; padding:10px 0; border-bottom:1px dashed var(--border); }
.kpi:last-child { border-bottom:none; }
.kpi .label { color: var(--muted); font-size: 13px; }
.kpi .value { font-variant-numeric: tabular-nums; font-weight:600; }

.footerNote { margin-top: 8px; font-size: 20px; color: var(--card); background: #a69024; padding: 10px;}
.pill { display:inline-block; padding:2px 8px; border-radius:999px; border:1px solid var(--border); margin-left:6px; font-size:12px; color:var(--muted); }
.tagline { color: var(--muted); font-size:13px; }
.accent { color: var(--accent); font-weight: 600; }
.danger { color: var(--danger); font-weight: 600; }
.inline { display:inline; }
.row .unit { text-align:right; color: var(--muted); font-size: 13px; }