.trip-ledger{margin-top:28px;padding:18px;border:1px solid rgba(21,231,255,.32);border-radius:18px 4px;background:radial-gradient(circle at 100% 0,rgba(21,231,255,.11),transparent 34%),linear-gradient(145deg,rgba(255,45,149,.07),rgba(7,4,15,.92));overflow:hidden;min-width:0}
.trip-ledger-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.trip-ledger-head h3{margin:2px 0 0;font-size:clamp(20px,5vw,29px);line-height:1.05}.trip-ledger-kicker{color:var(--cyan);font:900 10px "Arial Narrow",Impact,sans-serif;letter-spacing:2px}.trip-ledger-live{flex:none;color:var(--green);font-size:9px;font-weight:1000;letter-spacing:1px}.trip-ledger-live::first-letter{text-shadow:0 0 9px var(--green)}
.tl-gate{display:grid;gap:9px;padding:17px;border:1px dashed rgba(255,255,255,.2);background:rgba(0,0,0,.2);text-align:center}.tl-gate b{color:var(--gold);letter-spacing:1.4px}.tl-gate span{color:var(--mute);font-size:12px}.tl-gate .gbtn{width:100%;min-height:46px;margin-top:3px}
.tl-offline{margin-bottom:10px;padding:9px 11px;border:1px solid rgba(255,210,74,.45);background:rgba(255,210,74,.08);color:#ffeaa0;font-size:10px;font-weight:850;line-height:1.4}
.tl-currency{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px}.tl-currency button{min-height:46px;border:1px solid var(--line);border-radius:10px 2px;background:rgba(255,255,255,.035);color:var(--mute);font:900 12px system-ui;letter-spacing:1px;cursor:pointer}.tl-currency button.on{border-color:var(--cyan);background:rgba(21,231,255,.11);color:#fff;box-shadow:inset 0 -2px var(--cyan)}
.tl-summary{display:grid;grid-template-columns:1fr 1fr;gap:7px}.tl-summary article{min-width:0;padding:12px;border:1px solid var(--line);background:rgba(0,0,0,.22)}.tl-summary article span{display:block;color:var(--mute);font-size:8px;font-weight:900;letter-spacing:1px}.tl-summary article b{display:block;margin-top:3px;overflow-wrap:anywhere;font-family:"Arial Narrow",Impact,system-ui;font-size:23px;line-height:1}.tl-summary .tl-net{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center}.tl-summary .tl-net span,.tl-summary .tl-net small{grid-column:1}.tl-summary .tl-net b{grid-column:2;grid-row:1/3;text-align:right}.tl-summary small{color:var(--mute);font-size:8px;font-weight:800}.tl-negative{color:#ff7a8f!important}.tl-positive{color:var(--green)!important}
.tl-block{margin-top:16px;min-width:0}.tl-block-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px}.tl-block-head h4{margin:0;color:#fff;font-size:10px;letter-spacing:1.4px}.tl-block-head span{color:var(--mute);font-size:8px;font-weight:900;letter-spacing:1px}.tl-block-head .tl-queued{color:var(--gold)}
.tl-suggestions,.tl-activity-list{display:grid;gap:6px}.tl-suggestions article{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:11px;border:1px solid rgba(39,224,166,.22);background:rgba(39,224,166,.055)}.tl-suggestions b,.tl-suggestions span{display:block}.tl-suggestions b{font-size:13px}.tl-suggestions span{color:var(--mute);font-size:9px}.tl-suggestions strong{min-width:0;max-width:92px;color:var(--green);font-size:15px;overflow-wrap:anywhere;text-align:right}.tl-pay{grid-column:1/-1;min-height:44px;border:1px solid var(--green);border-radius:8px 2px;background:rgba(39,224,166,.12);color:#fff;font-size:10px;font-weight:950;letter-spacing:1px;cursor:pointer}.tl-empty{padding:13px;border:1px dashed var(--line);color:var(--mute);font-size:11px;text-align:center}
.tl-add{margin-top:16px;border:1px solid rgba(255,210,74,.38);background:rgba(255,210,74,.04)}.tl-add>summary{min-height:50px;padding:13px 14px;cursor:pointer;color:var(--gold);font-size:12px;font-weight:950;letter-spacing:1px;list-style:none}.tl-add>summary::-webkit-details-marker{display:none}.tl-add>summary span{float:right;color:var(--mute);font-size:8px;line-height:18px}.tl-add[open]>summary{border-bottom:1px solid rgba(255,210,74,.2)}.tl-add form{padding:13px}.tl-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tl-form-grid label,.tl-confirmed label{display:block;color:var(--mute);font-size:9px;font-weight:900;letter-spacing:1px}.tl-form-grid .tl-wide{grid-column:1/-1}.tl-form-grid input,.tl-form-grid select,.tl-confirmed select{display:block;width:100%;min-width:0;min-height:46px;margin-top:5px;padding:10px 11px;border:1px solid var(--line);border-radius:9px 2px;background:#0b0613;color:#fff;font:inherit}.tl-form-grid small{display:block;margin-top:3px;color:var(--mute);font-size:8px}.tl-money-input{display:flex;align-items:center;margin-top:5px;border:1px solid var(--line);border-radius:9px 2px;background:#0b0613;overflow:hidden}.tl-money-input span{padding-left:11px;color:var(--gold);font-weight:900}.tl-money-input input{margin:0;border:0;background:transparent}.tl-add fieldset{min-width:0;margin:14px 0 0;padding:0;border:0}.tl-add legend{color:var(--mute);font-size:9px;font-weight:900;letter-spacing:1px}.tl-pick-tools{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:6px 0}.tl-pick-tools button,.tl-confirmed button{min-height:44px;border:1px solid var(--line);border-radius:8px 2px;background:rgba(255,255,255,.04);color:#fff;font-size:9px;font-weight:900;letter-spacing:.7px;cursor:pointer}.tl-people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.tl-person{position:relative;display:flex;align-items:center;min-width:0;min-height:44px;padding:7px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--mute);font-size:10px;font-weight:800;cursor:pointer}.tl-person:has(input:checked){border-color:rgba(21,231,255,.5);background:rgba(21,231,255,.09);color:#fff}.tl-person input{width:18px;height:18px;margin:0 6px 0 0;accent-color:var(--cyan)}.tl-person span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-confirmed{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-top:12px}.tl-confirmed label{grid-column:1/-1}.tl-confirmed select{margin:0}.tl-confirmed button{padding:7px 10px;color:var(--cyan)}.tl-owner{margin:12px 0 7px;color:var(--mute);font-size:9px;letter-spacing:.5px}.tl-owner b{color:#fff}.tl-submit{width:100%;min-height:50px}.tl-form-status{min-height:17px;margin:7px 0 0;color:var(--gold);font-size:10px;text-align:center}
.tl-activity{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);background:rgba(255,255,255,.025);min-width:0}.tl-activity-icon{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(21,231,255,.28);color:var(--cyan)}.tl-activity b,.tl-activity span{display:block;min-width:0;overflow-wrap:anywhere}.tl-activity b{font-size:11px}.tl-activity span{color:var(--mute);font-size:8px}.tl-activity strong{min-width:0;max-width:82px;font-size:12px;overflow-wrap:anywhere;text-align:right}.tl-activity em{grid-column:3;color:var(--gold);font-size:8px;font-style:normal;font-weight:950;letter-spacing:.6px}.tl-activity.is-pending{border-color:rgba(255,210,74,.3)}.tl-activity.is-voided{opacity:.52}.tl-activity.is-voided b{text-decoration:line-through}.tl-void{grid-column:3;min-width:44px;min-height:32px;border:1px solid rgba(255,122,143,.45);background:transparent;color:#ff9aaa;font-size:8px;font-weight:950;cursor:pointer}.tl-data-warning{margin:10px 0 0;color:#ff9aaa;font-size:9px;text-align:center}
.trip-ledger button:focus-visible,.trip-ledger input:focus-visible,.trip-ledger select:focus-visible,.trip-ledger summary:focus-visible,.trip-ledger label:has(input:focus-visible){outline:3px solid var(--gold);outline-offset:2px}.trip-ledger button:disabled{opacity:.48;cursor:wait}
@media(max-width:520px){.trip-ledger{margin:22px -2px 0;padding:13px 10px}.trip-ledger-head{align-items:center}.trip-ledger-head h3{font-size:21px}.tl-form-grid{grid-template-columns:1fr}.tl-form-grid .tl-wide{grid-column:auto}.tl-people{grid-template-columns:repeat(2,minmax(0,1fr))}.tl-confirmed{grid-template-columns:1fr}.tl-confirmed label{grid-column:auto}.tl-activity{grid-template-columns:28px minmax(0,1fr) auto}.tl-activity-icon{width:28px;height:28px}.tl-add>summary span{float:none;display:block;margin-top:2px}.tl-void{min-height:40px}}
@media(max-width:340px){.trip-ledger{padding:12px 8px}.tl-summary article b{font-size:19px}.tl-suggestions article{grid-template-columns:minmax(0,1fr) auto}.tl-confirmed button{width:100%}.tl-activity{gap:6px;padding:8px}.tl-activity strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){.trip-ledger *{scroll-behavior:auto!important}}