.gangway-dialog{border:0;border-radius:28px;max-width:min(520px,calc(100vw - 28px));width:100%;padding:24px;color:var(--ink,#102c40);background:var(--paper,#fff);box-shadow:0 20px 80px #001c3980}
.gangway-dialog::backdrop{background:#08283ecc;backdrop-filter:blur(4px)}
#crewToast{pointer-events:none}#crewToastClose{pointer-events:auto}
.gangway-dialog img{width:100px;height:100px;object-fit:contain;display:block;margin:0 auto 14px}.gangway-dialog h2{font-size:25px;line-height:1.2}.gangway-dialog p{line-height:1.55}.gangway-dialog .btn{margin-top:10px}.gangway-invalid{outline:3px solid #c16653!important;outline-offset:2px}
.ledger-steps{display:flex;gap:5px;margin:18px 0}.ledger-steps span{height:5px;flex:1;background:#cad9df;border-radius:3px}.ledger-steps .done{background:#69cdb9}.ledger-payment{border:1px solid #cadae1;border-radius:18px;padding:18px;margin-bottom:12px}.ledger-payment .row{align-items:end}.ledger-note{padding:15px;border-radius:15px;background:#e8f6f0;color:#28566a;line-height:1.5;margin:14px 0}.ledger-history{border-top:2px solid #cddfe6;margin-top:30px;padding-top:22px}.ledger-history p{font-size:14px;line-height:1.5}.ledger-actions{display:flex;gap:8px;flex-wrap:wrap}.ledger-actions .btn{flex:1;min-width:90px}.ledger-deleted{opacity:.7}.ledger-review .split b{text-align:right}.ledger-field-group{margin-bottom:20px}.ledger-pay-actions{display:flex;gap:8px}.ledger-pay-actions button{flex:1}.ledger-row-label{font-size:15px;font-weight:700;margin-bottom:10px}
html[data-appearance="dark"] .gangway-dialog{background:#112f42;color:#f1f8fa}html[data-appearance="dark"] .ledger-note{background:#173f47;color:#d2f5ec}

/* Familiar record typography: figures remain readable without oversized activity cards. */
#paydayList{display:block}#paydayList .payday-card{margin-bottom:18px}
#paydayList .split b,.ledger-timeline .split b{font-weight:600}
.ledger-timeline .timeline-entry>div:last-child{min-width:0;width:100%}
.ledger-timeline h3{font-size:17px;font-weight:650}
#paydayList .ledger-actions,.ledger-timeline .ledger-actions{margin-top:14px;justify-content:flex-start}
#paydayList .ledger-actions .btn,.ledger-timeline .ledger-actions .btn{flex:0 1 auto;width:auto;min-width:80px;padding:10px 16px;font-size:11px;margin:0}
.ledger-history{grid-column:1/-1}.ledger-history h2{font-size:20px}.ledger-history .card{box-shadow:none}.ledger-history pre{font-size:12px}

#paydays .screen-body .small,#logbook .screen-body .small{color:#566c7b}
html[data-appearance="dark"] #paydays .screen-body .small,html[data-appearance="dark"] #logbook .screen-body .small{color:#bdcfd9}

.ledger-activity-card .money{font-size:18px;font-weight:600}.ledger-activity-card h3{font-size:17px;font-weight:650}

#paydayList .split,.ledger-timeline .split{font-size:14px;line-height:1.6}