:root{--parade-chart-track:#E7EBDF}
/* V4 multi-sale portfolio: shares the Nestly-inspired foundations. */
.portfolio-period{display:flex;align-items:center;gap:8px;background:#FFFFFFB8;border:1px solid white;border-radius:999px;padding:5px 14px;flex-shrink:0}.portfolio-period select{font:400 12px Manrope,sans-serif;border:0;background:transparent;min-height:40px;color:#354126}.portfolio-top{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);gap:16px}.portfolio-main{min-width:0;display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}.portfolio-focus{height:100%;min-height:475px}.portfolio-focus .editorial-photo{object-position:50% 0}.portfolio-focus .glass-caption{bottom:16px;padding:20px}.portfolio-focus h3{font-size:25px;font-weight:400;letter-spacing:-.8px;margin:10px 0;color:white}.focus-date{font-size:10px;color:#F4F5EC}.focus-open{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:18px;background:#FFFFFFEF;color:#354126;border:1px solid white;font-size:12px}.portfolio-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.portfolio-kpi{padding:19px 21px;min-width:0}.portfolio-kpi>div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#656A5E}.portfolio-kpi strong{display:block;font-weight:400;font-size:36px;line-height:1.1;letter-spacing:-1px;margin:14px 0 10px}.portfolio-kpi small{display:block;font-size:10px;color:#656A5E;line-height:1.5}.portfolio-kpi .ph-light{color:#79876A}.portfolio-chart{padding:20px;min-width:0}.portfolio-chart h3,.sales-history h3,.portfolio-summary h3,.archive-explanation h3{font-weight:400;font-size:20px;letter-spacing:-.5px;margin:0 0 6px}.portfolio-chart .panel-title{margin-bottom:8px}.portfolio-canvas{height:150px;position:relative;min-width:0;max-width:100%}.portfolio-canvas canvas{max-width:100%}.portfolio-bottom{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);gap:16px;margin-top:16px}.sales-history{padding:22px;min-width:0}.sales-history .panel-title{align-items:center}.text-action{display:inline-flex;align-items:center;gap:8px;min-height:44px;border:0;background:transparent;font:400 11px Manrope,sans-serif;color:#485634;cursor:pointer}.sales-table{width:100%}.sales-table-head,.sale-row{display:grid;grid-template-columns:minmax(0,2.1fr) .6fr .9fr .8fr;gap:12px;align-items:center}.sales-table-head{border-radius:12px;padding:12px 10px;}.sale-row{cursor:pointer;min-height:56px;padding:8px 10px;border-bottom:1px solid #E1E4DB;font-size:12px;transition:background-color 140ms ease}.sale-row:hover,.sale-row:focus-within{background:var(--parade-chart-track)}.sale-row:focus-within{outline:1px solid #A6B583;outline-offset:-1px}@media(prefers-reduced-motion:reduce){.sale-row{transition:none}}.sale-row:last-child{border:0}.sale-row strong{font-weight:500;display:block;font-size:12px}.sale-row small{display:block;font-size:10px;color:#656A5E;margin-top:1px}.sale-upcoming{background:#DCE5CC}.portfolio-summary{padding:24px;display:flex;flex-direction:column;min-width:0}.portfolio-summary p{font-size:12px;line-height:1.7;color:#656A5E}.portfolio-summary .eyebrow{font-size:9px;letter-spacing:.1em;color:#485634;margin:0 0 13px}.finance-total{font-size:29px;font-weight:400;letter-spacing:-1px;margin:18px 0 0;line-height:1.2;overflow-wrap:anywhere}.finance-average{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #E1E4DB;padding-top:16px;margin-top:auto;font-size:11px}.finance-average strong{font-weight:500;white-space:nowrap}.portfolio-summary>small{margin-top:14px;font-size:9px;color:#656A5E;line-height:1.6}.sales-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.sales-tools .segmented{background:#E9EDDF;flex-shrink:0}.sales-tools .segmented button{font-size:11px;min-height:44px}.sales-tools .segmented button[aria-pressed=true]{background:#485634}.sales-tools .search-field{max-width:260px;background:#FFF;border-color:#E1E4DB;border-radius:999px}.sales-empty{padding:44px 20px;text-align:center}.sales-empty h4{font-weight:400;font-size:20px;margin:0}.sales-empty p{font-size:12px;color:#656A5E}.sale-context{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 22px;padding-bottom:12px;border-bottom:1px solid #FFFFFFB5}.sale-context>.text-action:first-child .ph-light{transform:rotate(180deg)}.sale-context label{display:flex;align-items:center;gap:10px;color:#656A5E;font-size:11px}.sale-context select{font:400 12px Manrope,sans-serif;background:#FFFFFFC9;border:1px solid white;border-radius:999px;min-height:44px;padding:8px 12px;color:#354126;max-width:100%}.sale-context>.text-action:last-child{margin-left:auto}.archive-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.archive-explanation{padding:26px}.archive-explanation p{font-size:13px;line-height:1.8;color:#656A5E}.archive-explanation .button{margin-top:22px}.mobile-cell-label{display:none}.no-sales{padding:30px}.portfolio-kpis+.portfolio-bottom{margin-bottom:16px}
@media(max-width:1100px){.portfolio-bottom{grid-template-columns:minmax(0,1fr)}.portfolio-summary{display:block}.finance-average{margin-top:20px}.portfolio-focus h3{font-size:22px}.sale-context label{margin-left:auto}.sale-context>.text-action:last-child{margin-left:0}}
@media(max-width:760px){.portfolio-top{grid-template-columns:minmax(0,1fr)}.portfolio-focus{height:460px;min-height:0}.portfolio-main{gap:16px}.sales-tools{flex-wrap:wrap}.sales-tools .search-field{max-width:none;width:100%}.sales-history{padding:18px}.sale-context label{margin-left:0;flex-wrap:wrap}.sale-context select{max-width:260px}.sale-context{gap:6px 12px}.archive-kpis{grid-template-columns:minmax(0,1fr)}.portfolio-period{align-self:flex-start}.portfolio-canvas{height:190px}}
@media(max-width:600px){.portfolio-focus{height:425px}.portfolio-kpi{padding:18px 14px}.portfolio-kpi>div{font-size:11px;min-height:32px;align-items:flex-start}.portfolio-kpi .ph-light{font-size:18px}.portfolio-kpi strong{font-size:33px}.portfolio-kpi small{font-size:10px}.portfolio-kpis{gap:12px}.portfolio-chart{padding:20px 14px}.portfolio-chart .panel-title{flex-wrap:wrap}.portfolio-chart h3{font-size:20px}.sales-table-head{display:none}.sale-row{grid-template-columns:1fr 1fr;gap:8px;padding:12px 10px}.sale-row>div:first-child{grid-column:1/3}.sale-row>span:nth-child(4){grid-column:1/3;grid-row:3}.sale-row>span:nth-child(2),.sale-row>span:nth-child(3){grid-row:2}.sale-row strong{font-size:13px}.sale-numeric{font-size:18px}.mobile-cell-label{display:block;font-size:9px;color:#656A5E;margin-bottom:4px}.sales-tools .segmented{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-radius:18px}.sales-tools .segmented button{padding:7px 4px;font-size:10px}.sales-history .panel-title{flex-wrap:wrap;gap:8px}.sale-context label{display:block;width:100%}.sale-context select{display:block;width:100%;max-width:none;margin-top:6px}.sale-context>.text-action:last-child{margin-left:auto}.portfolio-summary{padding:24px}.finance-total{font-size:30px}.app-title h3{overflow-wrap:normal}.sale-context .dot-badge{margin-top:6px}}

/* Logo RingUp enlarged at user request, 27 October 2026. */
.app-bar{grid-template-columns:180px minmax(0,1fr) 148px}.app-bar .app-brand img{width:168px;max-height:64px}
@media(max-width:1100px) and (min-width:901px){.app-bar{grid-template-columns:156px minmax(0,1fr) 142px}.app-bar .app-brand img{width:150px;max-height:58px}}
@media(max-width:900px){.app-bar{grid-template-columns:1fr auto}.app-bar .app-brand img{width:152px;max-height:58px}}
@media(max-width:600px){.app-bar .app-brand img{width:148px;max-height:56px}}

/* V9 — shared sale context across operational pages. */
.shared-sale-filter{padding:14px 18px;border:1px solid #ffffffb5;border-radius:22px;background:#ffffff40;gap:10px 16px;flex-wrap:wrap}.shared-sale-filter label{margin:0;min-width:0}.shared-sale-filter .sale-filter-date{font-size:11px;color:#656A5E}.shared-sale-filter>.text-action .ph-light{transform:none}.shared-sale-filter select:focus-visible{outline:2px solid #485634;outline-offset:3px}
@media(max-width:600px){.shared-sale-filter{padding:12px}.shared-sale-filter label{width:100%}.shared-sale-filter label>.ph-light{margin-right:6px}.shared-sale-filter .text-action{font-size:11px}.shared-sale-filter select{width:100%;max-width:100%;box-sizing:border-box}}

/* Table footer shares the header surface and spacing. */
.sales-table-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:8px 10px;background:#F1F2ED;color:#656A5E;border-radius:12px;font-size:13px;line-height:1.4}
.sales-page-controls{display:flex;align-items:center;gap:12px;white-space:nowrap}#app-preview .sales-page-controls .icon-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;min-width:36px;height:36px;min-height:36px;border-radius:50%;padding:0;background:#fff;border:1px solid #E1E4DB;color:#485634}.sales-page-controls .icon-button:hover:not(:disabled){background:#E5EAD9}.sales-page-controls .icon-button:disabled{opacity:.35;cursor:default}.sales-page-controls .icon-button .ph-light{font-size:18px;transform:rotate(-90deg)}.sales-page-controls .sales-page-previous .ph-light{transform:rotate(90deg)}
@media(max-width:600px){.sales-table-footer{flex-wrap:wrap;gap:8px}.sales-page-controls{margin-left:auto}#app-preview .sales-page-controls .icon-button{flex-basis:44px;width:44px;min-width:44px;height:44px;min-height:44px}}

/* Sale statuses share geometry, with distinct semantic colours. */