/* HelloU: jasny, ciepły motyw panelu (krem, ciemny brąz, brąz-złoto) */
:root{
  --bg:#F6F0E6; --side:#EFE5D5; --panel:#FFFDF9; --panel2:#F2E9DB; --line:#E2D4BE; --line2:#C9AE84;
  --fg:#2B1E14; --mut:#76654F; --gold:#94662A; --ink:#FFFDF9; --bad:#B03A2E; --ok:#3B7A47;
  --serif:'Bodoni Moda',Georgia,serif; --sans:'Jost',system-ui,sans-serif;
  color-scheme:light;
}
body{font-size:15.5px}
h1{font-weight:500;letter-spacing:-.01em}
h2{font-weight:500}
.side{border-right-color:var(--line)}
.brand{display:block;padding:2px 12px 18px}
.brand img{display:block;height:38px;width:auto}
.login .brand{padding:0 0 10px}
.login .brand img{height:104px}
.btn.ghost,.nav .gl,.tabs.inline button.on,.tile.hero{border-color:var(--line2)}
.btn:hover:not(:disabled){filter:brightness(1.08)}
.card{box-shadow:0 1px 2px rgba(60,40,20,.05)}
input,select,textarea{background:#FFFFFF;border-color:var(--line)}
input:focus,select:focus,textarea:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px rgba(148,102,42,.15)}
.nav button[aria-current=page]{background:var(--panel);color:var(--gold);box-shadow:0 1px 2px rgba(60,40,20,.06)}
.nav button:hover{background:rgba(255,253,249,.7)}
.ov{background:rgba(43,30,20,.42)}
.tile.hero{background:linear-gradient(180deg,#FFFDF9,#F5EADA)}
.cal th.today,.cal td.today{background:rgba(148,102,42,.08)}
.cal td.cal-c.free.sel{background:rgba(148,102,42,.22)}
.cal tr.drop td{background:rgba(148,102,42,.1)}
.bar .rz:hover{background:rgba(148,102,42,.35)}
.bar.in{background:#F4E4C6;border-color:var(--gold);color:#6E4A1C}
.bar.dragging{box-shadow:0 8px 24px rgba(60,40,20,.25)}
.dot.warn{background:#C07A1E}.dot.info{background:#3F78B5}
.msg.g{background:var(--panel2)}
.toast{box-shadow:0 6px 20px rgba(60,40,20,.2)}
.tw td{white-space:nowrap}
.xbk{display:flex;flex-direction:column;gap:10px}
.xbk.on{border-color:var(--gold)}
.xbk-l{display:flex;gap:18px;flex-wrap:wrap}
.er-hero{display:flex;flex-direction:column;gap:8px;padding:24px;background:linear-gradient(180deg,#FFFDF9,#F5EADA);border-color:var(--line2)}
.er-big{font-family:var(--serif);font-size:56px;line-height:1.05;color:var(--fg)}
.er-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-top:10px;padding-top:14px;border-top:1px solid var(--line)}
.er-split div{display:flex;flex-direction:column;gap:2px}
.er-split b{font-size:20px;font-weight:500}