#ledger-view{max-width:850px;margin:auto;color:hsl(var(--palette-hue, 32) 18.6% 23.1%)}#ledger-view h1{font-size:23px;margin:5px 0 22px}#ledger-view .top{display:flex;justify-content:space-between;align-items:center;gap:12px}#ledger-view .switch{display:flex;background:hsl(var(--palette-hue, 32) 22.2% 92.9%);padding:4px;border-radius:9px}#ledger-view button,.ledger-dialog button{font:inherit;cursor:pointer;border:1px solid hsl(var(--palette-hue, 32) 20.8% 89.6%);background:white;border-radius:7px;padding:8px 12px;color:hsl(var(--palette-hue, 32) 12.5% 40.8%);font-size:13px}#ledger-view button:disabled{cursor:default;opacity:.4}#ledger-view .switch button{border:0;background:transparent}#ledger-view .switch button.active{background:white;color:hsl(var(--palette-hue, 32) 25.5% 43.1%)}#ledger-view .primary,.ledger-dialog .primary{background:hsl(var(--palette-hue, 32) 31.7% 49.4%);color:white;border:0;width:auto;margin:0;font-weight:500}#ledger-view .hint{font-size:12px;color:hsl(var(--palette-hue, 32) 9.6% 57.1%);line-height:1.7;margin:14px 0 22px}#ledger-view .filter{display:flex;gap:20px;align-items:center;border-bottom:1px solid hsl(var(--palette-hue, 32) 20.0% 90.2%);margin:20px 0}#ledger-view .filter button{background:none;border:0;border-radius:0;padding:0 0 12px}#ledger-view .filter .active{color:hsl(var(--palette-hue, 32) 31.7% 49.4%);border-bottom:2px solid hsl(var(--palette-hue, 32) 31.7% 49.4%)}#ledger-view .filter input{width:190px;margin:0 0 10px auto;font-size:13px;background:white}#ledger-view .card{background:white;border:1px solid hsl(var(--palette-hue, 32) 20.8% 90.6%);border-radius:12px;margin:18px 0;overflow:hidden}#ledger-view .card-head{padding:20px 24px 15px;display:flex;justify-content:space-between;gap:12px}#ledger-view h2{font-size:18px;margin:0 0 7px}#ledger-view small{font-size:11px;color:hsl(var(--palette-hue, 32) 10.1% 61.2%)}#ledger-view .status-stack{display:flex;flex-direction:column;gap:7px;align-items:flex-end}#ledger-view .pill,#ledger-view .ship-status{font-size:11px;padding:5px 8px;border-radius:5px;background:hsl(var(--palette-hue, 32) 50.0% 96.1%);color:hsl(var(--palette-hue, 32) 25.0% 51.4%);white-space:nowrap}#ledger-view .ship-status{background:#faf4e9;color:#9a8052}#ledger-view .sent,#ledger-view .paid{background:hsl(var(--palette-hue, 32) 28.6% 94.5%);color:hsl(var(--palette-hue, 32) 20.0% 42.2%)}#ledger-view .table{padding:0 24px}#ledger-view .row{display:grid;grid-template-columns:1.3fr .7fr 90px;gap:8px;align-items:center;min-height:53px;border-bottom:1px solid hsl(var(--palette-hue, 32) 20.0% 95.1%);font-size:14px}#ledger-view .row>:nth-child(2){text-align:center}#ledger-view .row>:last-child{text-align:right}#ledger-view .row.head{font-size:12px;color:hsl(var(--palette-hue, 32) 10.1% 61.2%);min-height:34px}#ledger-view .row button{font-size:12px;padding:6px 10px}#ledger-view em{font-size:12px;font-style:normal;color:hsl(var(--palette-hue, 32) 8.7% 54.9%)}#ledger-view .private-line{font-size:12px;color:hsl(var(--palette-hue, 32) 14.9% 53.9%);padding:10px 0 13px;display:flex;gap:9px;align-items:baseline;border-bottom:1px solid hsl(var(--palette-hue, 32) 20.0% 95.1%)}#ledger-view .private-line>span:nth-child(2){flex:1;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere}#ledger-view .private-label{font-size:10px;color:hsl(var(--palette-hue, 32) 26.8% 56.1%);flex-shrink:0}#ledger-view .private-line button{font-size:11px;padding:4px 7px}#ledger-view .card-foot{padding:16px 24px;display:flex;justify-content:space-between;gap:12px;align-items:flex-start;background:hsl(var(--palette-hue, 32) 33.3% 99.4%);font-size:12px;color:hsl(var(--palette-hue, 32) 8.4% 58.0%)}#ledger-view .card-foot>span{overflow-wrap:anywhere;min-width:0;line-height:1.7}#ledger-view .actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}#ledger-view .actions button{font-size:12px;white-space:nowrap}#ledger-view .freight{display:flex;gap:25px;margin:15px 24px 0;padding:13px 15px;border:1px solid hsl(var(--palette-hue, 32) 25.0% 92.2%);background:hsl(var(--palette-hue, 32) 40.0% 98.0%);border-radius:8px}#ledger-view .freight span{font-size:12px;color:hsl(var(--palette-hue, 32) 9.4% 58.4%);display:block}#ledger-view .freight strong{font-size:17px;font-weight:550;display:block;color:hsl(var(--palette-hue, 32) 25.5% 43.1%);margin-top:5px}#ledger-view .freight-note{margin:6px 24px 12px;font-size:11px;color:hsl(var(--palette-hue, 32) 10.7% 61.4%)}.ledger-dialog{width:min(94vw,570px);color:hsl(var(--palette-hue, 32) 18.6% 23.1%)}.ledger-dialog .editrow{display:grid;grid-template-columns:1.5fr 1fr 30px;gap:7px;margin:8px 0;align-items:center}.ledger-dialog input,.ledger-dialog select,.ledger-dialog textarea{color:hsl(var(--palette-hue, 32) 18.6% 23.1%);background:white}.ledger-dialog textarea{height:auto;min-height:100px;resize:vertical}.ledger-dialog .editrow button{padding:4px;border:0;color:#aa7783}.ledger-dialog .buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.ledger-dialog .note{background:hsl(var(--palette-hue, 32) 28.6% 97.3%);padding:10px 12px;font-size:12px;color:hsl(var(--palette-hue, 32) 10.8% 54.7%);border-radius:6px}.ledger-dialog .sub{font-size:12px;color:hsl(var(--palette-hue, 32) 10.1% 61.2%)}.ledger-dialog input:disabled{background:hsl(var(--palette-hue, 32) 21.7% 95.5%)}#ledger-load-error,#ledger-error,#ledger-registration-error,#ledger-shipping-error{font-size:13px;color:#b35050}#ledger-view .empty{border-color:hsl(var(--palette-hue, 32) 20.7% 88.6%);color:hsl(var(--palette-hue, 32) 8.6% 61.4%)}@media(max-width:600px){#ledger-view .filter{gap:15px}#ledger-view .filter input{width:135px}#ledger-view .card-head{padding:18px 16px 12px}#ledger-view .table{padding:0 16px}#ledger-view .row{grid-template-columns:1.3fr .7fr 80px;font-size:13px}#ledger-view .card-foot{padding:14px 16px;flex-direction:column}#ledger-view .actions{justify-content:flex-start}#ledger-view .freight{margin:14px 16px 0;gap:22px}#ledger-view .freight-note{margin-left:16px;margin-right:16px}}
#ledger-view .plan-summary{cursor:pointer;list-style:none;padding:18px 22px;position:relative;padding-right:100px}#ledger-view .plan-summary::-webkit-details-marker{display:none}#ledger-view .plan-summary h2{font-size:17px;font-weight:650;margin:0;overflow-wrap:anywhere}#ledger-view .expand-label{position:absolute;right:18px;top:21px;color:hsl(var(--palette-hue, 32) 12.6% 59.6%);font-size:11px}#ledger-view .plan-remark{white-space:pre-wrap;overflow-wrap:anywhere;background:hsl(var(--palette-hue, 32) 44.4% 96.5%);border-left:3px solid hsl(var(--palette-hue, 32) 29.7% 64.3%);padding:9px 11px;margin:10px 0 0;font-size:13px;line-height:1.7;color:hsl(var(--palette-hue, 32) 25.9% 37.1%)}#ledger-view .plan-remark strong{display:block;font-size:11px;color:hsl(var(--palette-hue, 32) 22.4% 54.5%);margin-bottom:3px}#ledger-view details[open]>.plan-summary{border-bottom:1px solid hsl(var(--palette-hue, 32) 28.6% 94.5%)}.qty-stepper{display:flex;align-items:center;min-width:0}.ledger-dialog .qty-stepper button,#ledger-view .qty-stepper button{flex-shrink:0;width:32px;height:36px;padding:0;border:1px solid hsl(var(--palette-hue, 32) 25.0% 89.0%);background:hsl(var(--palette-hue, 32) 37.5% 96.9%);border-radius:6px}.ledger-dialog .qty-stepper input,#ledger-view .qty-stepper input{text-align:center;padding:5px 2px;min-height:36px;width:55px;margin:0 4px;appearance:textfield}.qty-stepper input::-webkit-inner-spin-button{appearance:none}.ledger-dialog .editrow{grid-template-columns:minmax(0,1fr) auto 24px}.personal-editor #ledger-members{margin-top:20px}.personal-editor .self-label{font-size:14px;font-weight:600;color:hsl(var(--palette-hue, 32) 25.5% 43.1%)}#ledger-view .row{grid-template-columns:minmax(65px,1fr) 113px 80px}#ledger-view .inline-qty input{width:39px;font-size:14px}#ledger-view .inline-qty button{width:29px}#ledger-view .card-foot:has(>span:empty)>span{display:none}@media(max-width:600px){#ledger-view .plan-summary{padding:17px 16px 17px;padding-right:85px}#ledger-view .expand-label{right:12px;top:20px;font-size:10px}#ledger-view .row{grid-template-columns:minmax(60px,1fr) 106px 75px;gap:5px}#ledger-view .inline-qty input{width:34px}.ledger-dialog .editrow{grid-template-columns:minmax(0,1fr) auto 20px}.ledger-dialog .qty-stepper input{width:44px}}

/* v25: compact status row and freight beside the remark heading. */
#ledger-view .card-head{align-items:center;padding-top:12px;padding-bottom:12px;flex-wrap:wrap;gap:8px}#ledger-view .status-stack{flex-direction:row;align-items:center;gap:6px;flex-wrap:wrap}#ledger-view .pill,#ledger-view .ship-status{padding:4px 7px;font-size:11px}#ledger-view .plan-summary{padding-right:22px}#ledger-view .plan-summary h2{padding-right:76px}#ledger-view .plan-remark{white-space:normal}#ledger-view .remark-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}#ledger-view .remark-head strong{margin:0}#ledger-view .freight-compact{display:inline-flex;gap:7px;flex-wrap:wrap;font-size:11px;font-weight:400;line-height:1.6;color:hsl(var(--palette-hue, 32) 15.5% 53.1%);font-variant-numeric:tabular-nums}#ledger-view .remark-text{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:4px}@media(max-width:600px){#ledger-view .plan-summary{padding-right:16px}#ledger-view .card-head{padding:10px 16px}#ledger-view .remark-head{gap:3px 9px}}

/* v27: personal quantity beside title; total quantity as a status badge. */
#ledger-view .plan-title{display:flex;align-items:center;gap:9px;flex-wrap:wrap}#ledger-view .plan-title>span:first-child{min-width:0;overflow-wrap:anywhere}#ledger-view .my-quantity{display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:25px;padding:0 6px;border:1px solid #e4b791;border-radius:6px;background:#fff0df;color:#984c12;font-size:13px;font-weight:700;line-height:1;flex-shrink:0;font-variant-numeric:tabular-nums}#ledger-view .total-quantity{background:hsl(var(--palette-hue, 32) 57.1% 94.5%);color:hsl(var(--palette-hue, 32) 33.6% 44.3%);border:1px solid hsl(var(--palette-hue, 32) 47.4% 88.8%);font-weight:600}#ledger-view .card-head{justify-content:flex-start;gap:7px}

/* v28: match the title size and align the personal quantity on the same row. */
#ledger-view .plan-title{align-items:center;flex-wrap:nowrap;gap:9px;line-height:1.45}#ledger-view .plan-title>span:first-child{flex:0 1 auto;min-width:0}#ledger-view .my-quantity{font-size:inherit;line-height:1;font-weight:700;height:1.65em;min-width:1.65em;padding:0 .35em;align-self:center;border:1px solid hsl(var(--palette-hue, 32) 54.3% 79.4%);border-radius:6px;background:hsl(var(--palette-hue, 32) 100.0% 94.7%);color:hsl(var(--palette-hue, 32) 52.7% 39.8%);box-shadow:none}

/* Compact shipping filters follow the user's selected palette. */
#ledger-view .shipping-filter{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}
#ledger-view .shipping-filter button{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:13px;line-height:1.4}
#ledger-view .shipping-filter button.active{background:hsl(var(--palette-hue,32) 45% 92%);border-color:hsl(var(--palette-hue,32) 30% 68%);color:var(--green);font-weight:600}
#ledger-view .shipping-filter span{font-size:11px;min-width:17px;text-align:center;font-variant-numeric:tabular-nums;opacity:.8}