/* home and history, matching the bill page */
.ohero.hhero{padding:18px 18px 20px;display:flex;flex-direction:column;gap:6px}
.ohero.hhero .big{font-size:30px;line-height:1.12;max-width:15ch;position:relative;z-index:1}
.ohero.hhero .big em{font-style:normal;background:var(--pink);color:#fff;padding:0 6px;border-radius:8px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.ohero.hhero p{max-width:min(34ch,54%);position:relative;z-index:1}
.ohero.hhero .actions{margin-top:8px;position:relative;z-index:1}
.ohero.hhero .actions .btn{padding:13px 22px;font-size:16.5px}
.ohero.hhero img{width:clamp(176px,48%,220px);right:-6px;bottom:-16px;transform:rotate(-10deg)}
.tipcard{background:var(--card);border:1.5px solid var(--line);border-radius:18px;padding:12px 14px;box-shadow:var(--shadow)}
.tipcard summary{font-weight:800;font-size:14.5px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}
.tipcard summary::-webkit-details-marker{display:none}
.tipcard summary::after{content:"+";font-size:20px;line-height:1;color:var(--muted)}
.tipcard[open] summary::after{content:"\2212"}
.tipcard .tips{margin-top:8px}
#scanstate:empty{display:none}
.receipt-thumb{background:var(--card);border:1.5px solid var(--line);border-radius:18px;padding:12px 14px;box-shadow:var(--shadow)}
#form .fgroup{background:var(--card);border:1.5px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:16px 18px 18px}
.fgroup{display:flex;flex-direction:column;gap:16px}
#editform .fgroup+.fgroup{border-top:1.5px dashed var(--line2);padding-top:18px}
#mine{display:flex;flex-direction:column;gap:10px}
a.prow{text-decoration:none;color:var(--ink)}
.ohero.oweh{background:var(--pink);color:#fff}
.ohero.oweh p{opacity:.9}
.ohero.calm{background:var(--bananasoft)}
.ohero.calm .big{font-size:32px}
.hist{gap:12px;background:var(--card)}
.hist.closed{box-shadow:none;background:transparent;border-style:dashed;border-color:var(--line2)}
.hist a{gap:3px}
.hist a b{font-size:16px;overflow-wrap:anywhere}
.hist .who{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);font-weight:600;line-height:1.35}
.hist .r{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}
.hist .amt{font-size:16px}
.avs{display:flex;padding-right:8px;flex-shrink:0}
.av.sm.more{background:var(--soft);color:var(--muted)}
.savecard{scroll-margin-top:16px}
/* Stand-ins: picks made for someone without the app wait for the organizer's OK */
.sq .tag.pend{background:var(--banana);color:var(--ink)}
.av.pend{opacity:.55;border-style:dashed}
.prow.addsi{width:100%;justify-content:flex-start;text-align:left;border-radius:18px;padding:12px 14px;font-weight:400;color:var(--ink);cursor:pointer}
.prow.addsi .n>span{-webkit-line-clamp:3}
.sechead button.link{margin-top:4px;font-size:13.5px;color:var(--muted)}
.gear{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;color:var(--muted);text-decoration:none}
.gear:hover,.gear:focus-visible{color:var(--ink);background:var(--soft)}
/* Split page, "Type it in": its own screen, in the Scan screen's look (bhead, lede, hairline cards). */
body.typing #top,body.typing #feed{display:none}
.newsplit{display:flex;flex-direction:column;gap:14px}
.newsplit .ty-sub{margin:-4px 0 0}
.newsplit .ty-ways{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.ty-ways .eyebrow,.sc-opts .eyebrow{margin:4px 0 -2px}
.newsplit #scanstate:empty{display:none}
/* Upload photos: a drop box in the Scan viewfinder's look, then the form once Peelz has read them */
.newsplit .ty-up{display:flex;flex-direction:column;gap:14px}
.newsplit .ty-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;min-height:340px;padding:28px 22px;border-radius:16px;background:var(--soft);border:1.5px dashed var(--line2)}
.newsplit .ty-drop::before{content:"";width:92px;height:92px;background:url(/logo.svg) center/contain no-repeat;transform:rotate(-8deg);margin-bottom:4px}
.newsplit .ty-drop b{font-weight:700;font-size:20px;line-height:1.15;letter-spacing:-.02em}
.newsplit .ty-drop p{margin:0;color:var(--muted);font-size:14.5px;max-width:32ch}
.newsplit .ty-drop .btn{margin-top:8px;cursor:pointer;padding:13px 22px;font-size:16px}
.newsplit .btn.y{background:var(--banana);border-color:var(--banana);color:var(--onbanana,#2B1B10)}
body.uploading .dock{display:none}
.billdel{text-align:center;margin:6px 0 18px}.billdel button.link{font-size:13.5px}