/* Bit&Byte · Paper / Forest. Load AFTER existing styles. No application JS. */
:root,html[data-theme="light"]{
 --green-deep:#142d25;--green:#244f3d;--green-soft:#32654f;
 --cream-bg:#f5f2e9;--cream-card:#fffdf7;--line:#d9d6c9;
 --brass:#967440;--brass-soft:#d8c39a;--ink:#24352c;--muted:#686b5f;
 --ok:#316845;--warn:#805d18;--bad:#a04430;
 --on-action:#fffdf7;--action:#244f3d;--action-hover:#32654f;
 --ok-bg:#e9f0e5;--warn-bg:#f7edd7;--bad-bg:#f8e6de;--neutral-bg:#eeece3;
 --bg:var(--cream-bg);--card:var(--cream-card);--brand:var(--green);--brand-light:#e4ebdf;
 --bg2:var(--cream-bg);--surface:var(--cream-card);--surface2:var(--neutral-bg);
 --gold:var(--brass);--gold2:var(--brass);--gold3:var(--green);--muted2:var(--muted);
 --r:16px;--shadow:0 10px 30px rgba(18,40,32,.07);color-scheme:light;
}
html[data-theme="dark"]{
 --green-deep:#101f19;--green:#b6d1b8;--green-soft:#c8dfca;
 --cream-bg:#14211c;--cream-card:#1c2d25;--line:#425349;
 --brass:#d5b582;--brass-soft:#e1c99e;--ink:#f2efe4;--muted:#b6bcac;
 --ok:#a4cfac;--warn:#edcc85;--bad:#f1b09b;
 --action:#c1d6bd;--action-hover:#d6e5cf;--on-action:#142d25;
 --ok-bg:#253d2b;--warn-bg:#3c3321;--bad-bg:#442c25;--neutral-bg:#304137;
 --bg:var(--cream-bg);--card:var(--cream-card);--brand:var(--green);--brand-light:#354d3b;color-scheme:dark;
}
@media screen{
body{background:var(--bg);color:var(--ink);font-family:Manrope,system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,.serif,.stable-title,.horse-head-name,.auth-logo{font-family:Prata,Georgia,serif;font-weight:400;letter-spacing:-.025em}
button,input,select,textarea{font-family:inherit}
button,.btn,html[data-theme="dark"] button{min-height:44px;border-radius:10px;background:var(--action);color:var(--on-action);white-space:normal;line-height:1.4}
button:hover,.btn.primary:hover,html[data-theme="dark"] button:hover{background:var(--action-hover)}
button.ghost,.btn.ghost,html[data-theme="dark"] button.ghost{background:transparent;border:1px solid var(--line);color:var(--brand)}
button.danger,html[data-theme="dark"] button.danger{background:transparent;color:var(--bad);border:1px solid var(--bad)}
button:disabled{opacity:.5;cursor:not-allowed}
input,select,textarea,html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:10px;min-height:44px;font-size:16px;max-width:100%}
input[type=checkbox],input[type=radio]{min-height:auto;width:auto;accent-color:var(--action)}
::placeholder{color:var(--muted);opacity:1}
:focus-visible{outline:2px solid var(--brass);outline-offset:3px}
.card,.horse-card,.mk-card,.vcard,.form{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:none;padding:24px}
.card h2{color:var(--brand)}
header{background:var(--green-deep);border-bottom:2px solid var(--brass);color:#fffdf7}
header button,html[data-theme="dark"] header button{background:transparent;color:#fffdf7;border:1px solid var(--brass-soft)}
.tabs{gap:8px;flex-wrap:wrap}
.tabs button,html[data-theme="dark"] .tabs button{background:transparent;color:var(--muted);border:1px solid var(--line);min-height:44px}
.tabs button.active,html[data-theme="dark"] .tabs button.active{background:var(--action);color:var(--on-action);border-color:var(--action)}
.pill{font-size:12px;padding:5px 10px;border-radius:999px}
.pill.ok,html[data-theme="dark"] .pill.ok{background:var(--ok-bg);color:var(--ok)}
.pill.warn,html[data-theme="dark"] .pill.warn{background:var(--warn-bg);color:var(--warn)}
.pill.bad,html[data-theme="dark"] .pill.bad{background:var(--bad-bg);color:var(--bad)}
.pill.neutral,html[data-theme="dark"] .pill.neutral{background:var(--neutral-bg);color:var(--muted)}
.warn-box,html[data-theme="dark"] .warn-box{background:var(--warn-bg);color:var(--warn);border-color:var(--warn)}
.bad-box,html[data-theme="dark"] .bad-box{background:var(--bad-bg);color:var(--bad);border-color:var(--bad)}
.day-cell,.supp,html[data-theme="dark"] .day-cell{background:var(--card)}
.msg.them,html[data-theme="dark"] .msg.them{background:var(--neutral-bg);color:var(--ink)}
.msg.me,html[data-theme="dark"] .msg.me{background:var(--action);color:var(--on-action)}
.toast.ok{background:var(--action);color:var(--on-action)}
.toast.err{background:var(--bad-bg);color:var(--bad)}
label,th{font-size:12px;letter-spacing:.06em;color:var(--muted)}
th,td{padding:15px 12px;text-align:left;border-bottom:1px solid var(--line)}
.bar-wrap{background:var(--neutral-bg)}
@media(max-width:640px){header{flex-wrap:wrap;padding:12px;gap:8px}main{padding:16px}.card,.horse-card{padding:18px}table{display:block;max-width:100%;overflow-x:auto}td,th{min-width:100px}.hnav{flex-wrap:wrap}.row>*{min-width:0}button{max-width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
}