/* Banana Split's own look (Oct 2026): flat hairline cards, rounded-square shapes, underlined tabs, Bricolage type. Loaded after app.css and pages.css. */
:root{--bg:#FBF8F2;--line:#EAE1D2;--line2:#DCD0BD;--soft:#F4EEE3;--shadow:none;--lift:0 -1px 0 var(--line);
--sans:"Bricolage Grotesque","Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif}
body{font-weight:400}
h1,h2,h3{font-weight:700;letter-spacing:-.02em}
h1{font-weight:700}
b,strong{font-weight:700}

/* surfaces: flat white, hairline edge, no shadow */
.card,.item,.prow,.tipcard,.receipt-thumb,#form .fgroup,.hist,.tile,.bd,.bills a,.pick button{border-width:1px;border-radius:16px;box-shadow:none}
.prow.ghosts,.hist.closed{border-width:1px}
.item.on{border-width:1.5px;padding:12.5px 13.5px}
.banner{border-radius:12px}

/* buttons: rounded squares, not pills */
button,.btn{border-radius:12px;border-width:1px;font-weight:700}
.sharepill{border-radius:10px}
.prow .r button,.prow .r .btn{border-radius:9px}
.chips button{border-radius:9px}
.pill,.chip{border-radius:7px;font-weight:700}
.toast{border-radius:12px}

/* type: lighter than before */
.lbl{color:var(--muted);font-weight:700}
.eyebrow{font-weight:700}
.item .nm,.item .pr,.prow .n b,.prow .amt,.hist .amt,.hist a b,.tipcard summary{font-weight:700}
.ohero small{font-weight:700}
.ohero .big,.dockcard .big,.tile span{font-weight:700;letter-spacing:-.03em}
.ohero.hhero .big{max-width:none}
.ohero.hhero .big em{border-radius:7px;display:table;white-space:nowrap;margin-top:3px}
@media (max-width:340px){.ohero.hhero .big{font-size:26px}}
.prow .n b .you,.sq .tag{border-radius:5px;font-weight:700}

/* initials: rounded squares */
.av{border-radius:30%;font-weight:700}
.av.sm{border-radius:7px}
.item .chk{border-radius:8px;border-width:1.5px}

/* hero cards */
.ohero{border-radius:18px}
.ohero .bar{height:6px;border-radius:3px}

/* Items / People: underlined tabs instead of the pill switch */
.tabs{background:none;border-radius:0;padding:0;gap:0;border-bottom:1px solid var(--line)}
.tabs button{border-radius:0;color:var(--muted);padding:10px 0 11px;margin-bottom:-1px;border-bottom:2px solid transparent}
.tabs button[aria-selected="true"]{background:none;box-shadow:none;color:var(--ink);border-bottom-color:var(--ink)}
.tabs button[role][aria-selected="true"]{background:none}

/* bottom bar: full width, hairline on top */
.dock{padding:0;background:none}
.dock>div{max-width:none}
.toast{margin-inline:16px}
@media (min-width:560px){.toast{margin-inline:auto}}
.dockcard{border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;padding:12px max(16px,calc((100% - 528px)/2)) calc(14px + env(safe-area-inset-bottom,0px))}

/* forms */
input,select{border-width:1px;border-radius:10px}
.seg button{border-radius:14px}
.segsm button{border-radius:12px}
.drop{border-radius:14px;border-width:1.5px}
.receipt-thumb img{border-radius:8px;border-width:1px}
.item .step button{border-radius:9px;border-width:1px}

/* sheets */
.sheet{border-radius:20px 20px 0 0;box-shadow:0 -1px 0 var(--line)}
.sheet .x{border-radius:10px}
code,.savecard code{border-radius:8px}