:root{color-scheme:light;--bg:#f8f7f4;--paper:#fffefa;--text:#252039;--muted:#686376;--border:#e9e5ec;--purple:#3a2b58;--primary:#3d2d62;--on-primary:#fff;--soft:#eee7fb;--lime:#e7efa9;--sidebar:#292138;--navtext:#fff;--shadow:0 2px 3px #28213908;--curve:22px;--glass:#f8f7f4e8;font-family:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",sans-serif;font-synthesis:none}
:root[data-theme=dark]{color-scheme:dark;--bg:#181520;--paper:#211c2b;--text:#f6f1ff;--muted:#bab1c8;--border:#393244;--purple:#e2d3ff;--primary:#d9c6ff;--on-primary:#24183b;--soft:#372c4d;--sidebar:#241d31;--shadow:0 2px 4px #07040b50;--glass:#211c2be8}
*,*::before,*::after{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8d68d9;outline-offset:3px}button[disabled]{opacity:.48;cursor:not-allowed}img{max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.039em}small,.muted{color:var(--muted)}.hide{display:none!important}.icon{width:19px;height:19px;flex:none;vertical-align:middle}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:var(--sidebar);color:var(--navtext);z-index:4;display:flex;flex-direction:column;padding:30px 21px 24px}.brand{display:flex;align-items:center;align-self:flex-start;border:0;background:#f8f3ff;border-radius:12px;padding:0}.brand img{display:block;width:150px;height:auto}.side-label{font-size:10px;letter-spacing:.14em;font-weight:750;color:#b5abc7;margin:44px 0 12px 11px}.side-nav{display:grid;gap:5px}.side-btn{display:flex;align-items:center;gap:12px;width:100%;border:0;color:#d7cde5;background:none;padding:13px 11px;text-align:left;border-radius:11px;font-size:14px;font-weight:580}.side-btn:hover{background:#fff1}.side-btn.active{background:#463758;color:#fff}.side-btn.active .icon{color:#dfd2ff}.side-bottom{margin-top:auto}.side-bottom .side-btn{font-size:13px}.side-foot{margin:13px 8px 0;border-top:1px solid #ffffff22;padding-top:17px;font-size:11px;color:#b5abc7}.main{margin-left:238px}.topbar{height:75px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:var(--paper)}.crumb{display:flex;gap:9px;align-items:center;font-size:13px;color:var(--muted)}.crumb b{color:var(--text);font-weight:650}.top-actions{display:flex;gap:14px;align-items:center}.top-actions .avatar{border:0;cursor:pointer}.mobile-brand{display:none}.content{max-width:1320px;margin:auto;padding:38px 42px 46px}.title-row,.section-head,.spread{display:flex;align-items:center;justify-content:space-between;gap:14px}.title-row{margin-bottom:27px}.eyebrow{font-size:10px;letter-spacing:.17em;text-transform:uppercase;font-weight:800;color:var(--muted);display:flex;align-items:center;gap:6px;margin-bottom:8px}.eyebrow .icon{width:14px;height:14px}.title-row h1{font-size:clamp(34px,4vw,50px);line-height:1.05}.title-row p{color:var(--muted);font-size:14px;margin-top:8px;line-height:1.45}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;min-height:43px;border-radius:11px;border:1px solid var(--border);background:var(--paper);color:var(--text);font-weight:680;font-size:13px;text-decoration:none;white-space:nowrap}.btn:hover{border-color:#a993c7}.btn.primary{background:var(--primary);color:var(--on-primary);border-color:transparent;box-shadow:0 2px 3px #24193425}.btn.soft{background:var(--soft);border-color:transparent;color:var(--purple)}.btn.clear{border-color:transparent;background:none;box-shadow:none}.btn.iconbtn{padding:0;width:43px}.btn .icon{width:17px;height:17px}.hero{min-height:242px;border-radius:var(--curve);position:relative;overflow:hidden;display:flex;align-items:center;background:#ede6fa;color:#2d2240;border:1px solid #e9e1f7;isolation:isolate}.hero::after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(110deg,#f0eafa 31%,#e9dff9 71%,#e8ddfa)}.hero-art{position:absolute;right:0;top:50%;width:min(56%,520px);transform:translateY(-50%);z-index:-1}.hero-copy{padding:27px 32px;max-width:55%}.hero-tag{background:#fff9;border:1px solid #fff;border-radius:25px;padding:6px 10px;font-size:10px;font-weight:800;display:inline-flex;gap:6px;align-items:center;margin-bottom:11px;letter-spacing:.08em}.hero-tag .icon{width:13px;height:13px}.hero h2{font-size:clamp(26px,3.2vw,40px);line-height:1.01;letter-spacing:-.062em}.hero p{color:#554a67;margin:11px 0 15px;font-size:13px;line-height:1.5}.hero .btn{color:#302545;background:#fcf9ff;border-color:#fff;font-size:12px;min-height:35px;padding:7px 12px}.overview{margin-top:32px;display:grid;grid-template-columns:minmax(0,1fr) minmax(258px,31%);gap:24px;align-items:start}.section-head{margin-bottom:14px}.section-head h2,.card h2{font-size:23px}.section-head p{margin-top:5px;font-size:13px;color:var(--muted)}.tabs{display:flex;gap:5px;padding:4px;border:1px solid var(--border);border-radius:11px;background:var(--paper);width:max-content;max-width:100%;margin-bottom:13px}.tabs button{border:0;background:none;color:var(--muted);border-radius:7px;padding:8px 10px;min-height:33px;white-space:nowrap;font-size:12px;font-weight:650}.tabs button.active{background:var(--soft);color:var(--purple)}.card,.trip-card{background:var(--paper);border:1px solid var(--border);border-radius:17px;box-shadow:var(--shadow)}.card{padding:20px}.trip-list{display:grid;gap:12px}.trip-card{display:block;width:100%;text-align:left;color:var(--text);padding:16px;transition:transform .18s ease,border-color .18s ease}.trip-card:hover{transform:translateY(-2px);border-color:#bbabd6}.trip-top{display:flex;align-items:center;gap:12px}.tile{display:grid;place-items:center;width:49px;height:49px;flex:none;border-radius:13px;background:#eee4fb;color:#5d4778}.tile .icon{width:23px;height:23px}.tile.travel{background:#e8edfc;color:#42568b}.tile.outing{background:#e6efca;color:#3d5b36}.trip-title{min-width:0;flex:1}.trip-title strong{display:block;font-size:16px;letter-spacing:-.024em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trip-title small{display:block;font-size:12px;margin-top:4px}.trip-top>.icon{width:16px;color:var(--muted)}.trip-bottom{border-top:1px solid var(--border);margin-top:12px;padding-top:11px;display:flex;align-items:center;justify-content:space-between;gap:8px}.trip-bottom>div{display:flex;align-items:center;gap:8px}.pill{border-radius:30px;padding:5px 8px;background:var(--soft);font-size:10px;font-weight:730;white-space:nowrap;color:var(--purple);display:inline-flex;align-items:center;gap:5px}.pill.live{background:#eaf0d1;color:#435426}.pill.live::before{content:"";width:6px;height:6px;border-radius:100%;background:#829b4a}.pill.done{background:var(--soft)}.avatar{--avatar:#e1d4f7;display:inline-grid;place-items:center;width:32px;height:32px;flex:none;border-radius:50%;color:#332542;background:var(--avatar);font-weight:800;font-size:12px;border:2px solid var(--paper);text-transform:uppercase}.avatars{display:flex;padding-left:0}.avatars .avatar{width:25px;height:25px;font-size:9px;margin-left:-4px}.avatars .avatar:first-child{margin-left:0}.amount{font-variant-numeric:tabular-nums;font-weight:750;white-space:nowrap}.guide{padding:18px}.guide h2{font-size:17px;margin:8px 0 4px}.guide>p{font-size:12px;color:var(--muted);line-height:1.5;margin-bottom:12px}.guide-list{display:grid;gap:10px}.guide-row{display:grid;grid-template-columns:32px 1fr;align-items:center;gap:9px}.guide-row .tile{width:32px;height:32px;border-radius:9px}.guide-row .tile .icon{width:16px;height:16px}.guide-row b,.guide-row small{display:block;font-size:12px}.guide-row small{margin-top:2px;font-size:11px}.guide .btn{width:100%;margin-top:14px}.mini-note{margin-top:12px;display:flex;gap:8px;align-items:center;font-size:11px;color:var(--muted);line-height:1.35}.mini-note .icon{width:15px;height:15px}.footer{margin-top:33px;border-top:1px solid var(--border);padding-top:17px;display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px}.footer b{color:var(--text)}.bottom-nav{display:none}
.stack{display:grid;gap:12px}.split-page{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr);gap:22px;align-items:start}.line-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--border)}.line-row:last-child{border-bottom:0}.line-row>div:first-child{flex:1;min-width:0}.line-row b,.line-row small{display:block}.line-row small{margin-top:4px;font-size:12px}.person-strip{display:flex;gap:7px;overflow:auto;padding:2px 0 9px}.person-chip{padding:5px 10px 5px 5px;display:flex;gap:6px;align-items:center;min-height:42px;flex:none;border:1px solid var(--border);background:var(--paper);color:var(--text);border-radius:30px;font-weight:650;font-size:13px}.person-chip.active{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);background:var(--soft)}.person-chip .avatar{width:29px;height:29px}.receipt-desk{background:#ece7f3;border:1px solid #e4deed;border-radius:18px;padding:24px 14px;display:grid;justify-items:center;gap:16px}.receipt{width:min(100%,470px);background:#fffdf7;color:#2f2934;padding:25px 17px;box-shadow:0 4px 14px #2b21442b;position:relative;font-family:ui-monospace,monospace;clip-path:polygon(0 0,100% 0,100% 99%,98% 100%,96% 99%,94% 100%,92% 99%,90% 100%,88% 99%,86% 100%,84% 99%,82% 100%,80% 99%,78% 100%,76% 99%,74% 100%,72% 99%,70% 100%,68% 99%,66% 100%,64% 99%,62% 100%,60% 99%,58% 100%,56% 99%,54% 100%,52% 99%,50% 100%,48% 99%,46% 100%,44% 99%,42% 100%,40% 99%,38% 100%,36% 99%,34% 100%,32% 99%,30% 100%,28% 99%,26% 100%,24% 99%,22% 100%,20% 99%,18% 100%,16% 99%,14% 100%,12% 99%,10% 100%,8% 99%,6% 100%,4% 99%,2% 100%,0 99%)}.receipt-head{text-align:center;margin-bottom:15px}.receipt-head small,.receipt small{color:#6e6477}.receipt-head b{display:block;font-size:18px;margin-bottom:6px;text-transform:uppercase}.receipt-rows{border-block:1px dashed #a199a8;padding:7px 0;margin:12px 0}.receipt-line{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:6px 7px;border:0;border-radius:5px;background:var(--highlight,transparent);color:#282232;text-align:left;font-family:inherit;font-size:12px}.receipt-line:hover,.receipt-line:focus-visible{box-shadow:inset 0 0 0 1px #a39ab0}.receipt-price{display:flex;align-items:center;gap:6px}.receipt-price .avatar{border-color:#fff9;width:22px;height:22px;font-size:9px}.receipt .spread{gap:6px}.receipt-photo{position:relative;width:min(100%,600px);line-height:0}.receipt-photo img{width:100%;display:block;border-radius:3px}.overlay{position:absolute;border:0;border-radius:4px;background:var(--highlight,#e5d3fc55);opacity:.78;min-height:15px;display:flex;justify-content:end;align-items:center;padding:0 3px;line-height:1}.overlay:hover,.overlay:focus-visible{opacity:1;outline:2px solid #744ba9}.overlay .avatar{width:21px;height:21px;font-size:9px}.summary-card .amount{font-size:22px}.summary-card .line-row .amount{font-size:14px}.ticket-sticky{position:sticky;bottom:15px;z-index:3;background:var(--glass);backdrop-filter:blur(15px);border:1px solid var(--border);border-radius:14px;padding:10px 13px;display:flex;justify-content:space-between;align-items:center;gap:12px;box-shadow:0 5px 23px #251e4020;margin-top:14px}.ticket-sticky strong{font-size:17px}.alert{background:#f7e9ce;color:#59411e;border:1px solid #ecd5af;border-radius:12px;padding:11px 13px;line-height:1.5;font-size:13px}.empty{padding:28px 19px;text-align:center;color:var(--muted)}.empty h3{color:var(--text);margin-bottom:6px}.empty .btn{margin-top:12px}.detail-tabs{margin:0 0 20px}.status-amount{margin-top:10px;font-size:30px;letter-spacing:-.055em}.status-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:16px}.status-cards .card{padding:16px}.bignum{font-size:24px;letter-spacing:-.045em;margin-top:5px;font-weight:780}.backline{margin:-9px 0 13px}.backline button{padding-left:0}.balance-row{display:flex;gap:10px;align-items:center;padding:13px 0;border-top:1px solid var(--border)}.balance-row>div{flex:1;min-width:0}.balance-row .amount{font-size:13px}.balance-row p{font-size:13px;line-height:1.4}.balance-row small{display:block;margin-top:3px;font-size:11px}.demo-label{margin-left:5px}.expense-row{width:100%;display:flex;align-items:center;gap:11px;text-align:left;color:var(--text);border:0;background:none;padding:10px 0}.expense-row>span:nth-child(2){flex:1}.expense-row b,.expense-row small{display:block}.expense-row small{font-size:12px;margin-top:3px}.expense-row:not(:first-child){border-top:1px solid var(--border)}.day h3{font-size:17px;margin-bottom:6px}.day .balance-row{padding-block:8px}.join{max-width:520px;margin:35px auto;display:grid;gap:18px}.join .person-chip{width:100%;justify-content:start;border-radius:12px;padding:7px}.join .person-chip .icon{margin-left:auto}.setting-block h3{margin-bottom:9px}
dialog{color:var(--text);background:var(--paper);border:1px solid var(--border);border-radius:23px;width:min(560px,calc(100% - 32px));max-height:min(88vh,840px);padding:0;box-shadow:0 24px 100px #1f163c55}dialog::backdrop{background:#21183077;backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--glass);backdrop-filter:blur(16px);z-index:2}.modal-head h2{font-size:22px}.modal-body{padding:18px 20px 22px;display:grid;gap:13px}.modal-body p{line-height:1.5;font-size:14px}.modal-body .full{width:100%}.form-grid{display:grid;gap:11px}.form-grid label{font-size:12px;font-weight:680;display:grid;gap:5px}.form-grid input,.form-grid select{width:100%;border:1px solid var(--border);border-radius:9px;background:var(--bg);color:var(--text);padding:10px 9px;min-width:0;min-height:42px;font-size:14px}.form-grid input[type=checkbox]{min-height:auto;width:auto;accent-color:var(--primary)}.form-grid .pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.form-grid .pair>label{grid-template-columns:minmax(0,1fr)}.form-grid input[type=date]{appearance:none}.form-grid .line-field{display:grid;grid-template-columns:minmax(0,1fr) 64px 78px 38px;gap:5px;align-items:center}.form-grid .line-field .btn{width:38px}.form-grid .choices{display:flex;gap:8px;flex-wrap:wrap}.form-grid .choices label{display:flex;align-items:center;gap:5px;padding:5px 7px;border-radius:9px;background:var(--soft);min-height:34px}.hint{color:var(--muted);font-size:12px!important}.pay-method{display:grid;gap:7px;padding:12px;background:var(--bg);border:1px solid var(--border);border-radius:13px}.pay-method .spread{flex-wrap:wrap}.pay-method>strong{font-size:14px}.qr-img{display:block;width:100%;background:#fff}.toast-show{visibility:visible!important;opacity:1!important;transform:translate(-50%,0)!important}#toast{visibility:hidden;opacity:0;position:fixed;bottom:26px;left:50%;transform:translate(-50%,12px);transition:.2s;max-width:calc(100% - 34px);z-index:20;background:#302440;color:#fff;border-radius:12px;padding:11px 16px;font-size:13px;box-shadow:0 3px 15px #0003}body:has(dialog[open]) #toast{z-index:20}
@media(max-width:1050px){.sidebar{width:198px;padding-inline:17px}.main{margin-left:198px}.content,.topbar{padding-inline:27px}.overview{gap:17px}.hero-copy{padding-left:25px}.hero-art{right:-12px;width:60%}}
@media(max-width:760px){.sidebar{display:none}.main{margin-left:0}.topbar{height:59px;padding:0 16px}.topbar .crumb{display:none}.mobile-brand{display:flex;align-self:center}.mobile-brand img{width:126px}.top-actions{gap:8px}.top-actions .btn.iconbtn{min-height:36px;width:36px}.content{padding:24px 15px 98px}.title-row{margin-bottom:18px;align-items:end}.title-row h1{font-size:34px}.title-row p{font-size:12px}.title-row>.btn{font-size:12px;padding:9px;min-height:39px}.eyebrow{font-size:9px}.hero{min-height:212px}.hero-copy{max-width:65%;padding:16px}.hero h2{font-size:28px}.hero p{font-size:12px}.hero-art{width:58%;right:-31px;top:55%}.hero-tag{font-size:8px;padding:4px 6px}.overview{display:grid;grid-template-columns:1fr;margin-top:24px;gap:17px}.section-head h2{font-size:22px}.card{padding:15px}.footer{margin-top:20px}.bottom-nav{display:flex;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;z-index:5;background:var(--glass);backdrop-filter:blur(16px);border-top:1px solid var(--border);padding:5px 4px max(6px,env(safe-area-inset-bottom));box-shadow:0 -4px 16px #38265d09}.bottom-nav button{border:0;background:none;color:var(--muted);display:grid;justify-items:center;gap:3px;padding:5px 9px;border-radius:9px;min-width:60px;font-size:10px;font-weight:660}.bottom-nav button.active{color:var(--purple);background:var(--soft)}.bottom-nav .icon{width:20px;height:20px}.split-page{grid-template-columns:1fr}.receipt-desk{padding:13px 7px}.ticket-sticky{position:fixed;bottom:calc(62px + env(safe-area-inset-bottom));left:10px;right:10px;margin:0}.status-cards{grid-template-columns:1fr 1fr}.status-cards .card:last-child{grid-column:span 2}.bignum{font-size:20px}.balance-row{flex-wrap:wrap}.title-row.detail{align-items:center}.join{margin:0 auto}#toast{bottom:130px}}
@media(max-width:365px){.hero h2{font-size:23px}.hero-copy{max-width:72%}.hero-art{right:-47px}.title-row h1{font-size:30px}.status-cards{grid-template-columns:1fr}.status-cards .card:last-child{grid-column:auto}.pill{font-size:9px}.trip-bottom>div{gap:4px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.expense-row>span:nth-child(2),.advance-person{min-width:0;overflow-wrap:anywhere}
.expense-payer{display:block;margin-top:4px;font-size:13px;color:var(--text)}
.expense-advance{display:flex;align-items:center;gap:9px;margin:0 0 14px;padding:9px 12px;border-radius:12px;background:var(--soft);color:var(--text);font-size:14px}
.advance-person{flex:1}
.pay-method[hidden]{display:none}

html,dialog{touch-action:pan-x pan-y}
.participant-field{display:flex;align-items:end;gap:8px}
.participant-field label{flex:1;min-width:0}
#people-fields:not(:has(> :nth-child(3))) [data-action="remove-person"]{display:none}

.profile-trip-name{display:block;margin-top:4px}
.trip-people{margin:0 0 17px;min-height:42px;flex-wrap:wrap}
.trip-people .avatars{flex-wrap:wrap}
.potes-stamp{display:inline-block;margin:3px 8px;padding:4px 11px;border:3px double currentColor;border-radius:6px;color:var(--purple);font-size:19px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;transform:rotate(-12deg)}
.trip-delete{display:flex;justify-content:flex-end;margin-top:16px}
.btn.danger{color:#a72f47;background:var(--paper);border-color:currentColor}
:root[data-theme=dark] .btn.danger{color:#ffa8b8}

.sharing-people{min-width:0;margin:0;padding:10px;border:1px solid var(--border);border-radius:10px}
.sharing-people label{max-width:100%;overflow-wrap:anywhere}
.sharing-people legend{padding:0 4px;font-size:12px;font-weight:680}
.sharing-people[hidden],[data-tip-people][hidden]{display:none}
.ticket-sharing{margin-bottom:16px}
.ticket-sharing p{margin:6px 0;overflow-wrap:anywhere}
.receipt-line:disabled,.overlay:disabled{opacity:1;cursor:default}
.overview>section,.overview>aside,.trip-list,.trip-card{min-width:0}
.section-head{flex-wrap:wrap}
.swipe-trip{position:relative;overflow:hidden;border-radius:17px;background:#ba3547;isolation:isolate;min-width:0}
.swipe-surface{position:relative;z-index:1;touch-action:pan-y;transition:transform .2s ease}
.swipe-trip.is-open .swipe-surface{transform:translateX(-96px)}
.swipe-trip.is-dragging .swipe-surface{transition:none;user-select:none}
.swipe-trip .trip-card:hover{transform:none}
.swipe-trip .trip-top{padding-right:28px}
.swipe-remove{position:absolute;inset:0 0 0 auto;width:96px;border:0;background:#ba3547;color:white;font-weight:700}
.swipe-remove:disabled{visibility:hidden}
.swipe-options{position:absolute;right:10px;top:14px;min-width:38px;min-height:38px;border:0;border-radius:10px;background:var(--paper);color:var(--muted);font-size:22px;font-weight:800}
.swipe-options:focus-visible,.swipe-remove:focus-visible{outline:2px solid currentColor;outline-offset:-4px}
@media(prefers-reduced-motion:reduce){.swipe-surface{transition:none}}
.scan-preview{margin:12px 0;border:1px solid var(--border);border-radius:12px;padding:12px;max-width:100%}
.scan-preview summary{cursor:pointer;font-size:13px;font-weight:650}
.scan-preview img{display:block;max-width:100%;height:auto;margin-top:12px}
.receipt-check{display:grid;gap:10px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--soft);min-width:0}
.receipt-check .spread{flex-wrap:wrap;font-size:13px}
.actions{display:flex;gap:8px;flex-wrap:wrap}
.activity-banner{margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.activity-banner p{font-size:12px;margin-top:6px}
.notice-row{display:grid;gap:6px;text-align:left;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--paper);color:var(--text)}
.notice-row small{color:var(--muted)}
.event-image img{display:block;width:100%;height:auto;max-width:900px;margin:auto}
.expense-swipe-hint{margin:-6px 0 12px}
.expense-entry:not(:first-child){border-top:1px solid var(--border)}
.expense-entry .expense-row{border-top:0;min-width:0}
.swipe-expense{border-radius:10px;background:var(--paper)}
.swipe-expense .swipe-surface{display:flex;align-items:stretch;background:var(--paper)}
.swipe-expense .expense-row{flex:1}
.swipe-expense .swipe-options{position:static;align-self:center;flex:none;min-width:30px;padding:4px;margin-left:4px}
.swipe-expense .swipe-remove{font-size:13px}
.settlement-stamp{display:inline-block;flex:none;padding:6px 10px;border:3px double currentColor;border-radius:7px;transform:rotate(-9deg);font-size:15px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;background:transparent;white-space:nowrap}
.settlement-stamp.potes{color:#317444}
.settlement-stamp.pending{color:#936b00}
.settlement-stamp.late{color:#b52c40}
:root[data-theme=dark] .settlement-stamp.potes{color:#b4e6bc}
:root[data-theme=dark] .settlement-stamp.pending{color:#ffdf83}
:root[data-theme=dark] .settlement-stamp.late{color:#ff929a}
.wallet-card .trip-top{gap:10px}
.wallet-card .trip-title{min-width:0;overflow-wrap:anywhere}
.wallet-card .tile{width:35px;height:35px;border-radius:10px}
.wallet-card .settlement-stamp{font-size:12px;padding:5px 7px;margin:0 3px}
.wallet-sync,.balance-review-alert{margin-bottom:14px}
.balance-summary{margin-top:16px}
.ticket-validation{margin-bottom:16px}
.ticket-validation h2{font-size:20px}
.ticket-validation>.hint{margin-top:10px}
.approval-list{margin:12px 0}
.approval-row{display:flex;gap:10px;align-items:center;padding:8px 0}
.approval-row>div{min-width:0;flex:1}
.approval-row small{display:block;font-size:12px;margin-top:4px;overflow-wrap:anywhere}
.comment-form{margin:16px 0}
.form-grid textarea{font:inherit;width:100%;min-width:0;max-width:100%;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);resize:vertical}
.audit-entry{padding:16px 0;border-top:1px solid var(--border);overflow-wrap:anywhere}
.audit-entry>small{display:block;margin-top:5px}
.audit-entry p{margin:10px 0;font-size:14px}
.ticket-comment{white-space:pre-wrap;background:var(--soft);border-radius:10px;padding:12px}
.audit-entry details{margin-top:12px}
.audit-entry summary{cursor:pointer;font-weight:650;font-size:14px}
.audit-entry h3{margin-top:15px}
.audit-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px}
.audit-line small{grid-column:1/-1}