:root.demo-document{--demo-cream:#fbf7ee;--demo-beige:#ede3d2;--demo-warm-border:#d9cdb8;--demo-warm-ink:#4f493f}.demo-document .demo-money-in{--money-flow-bg:var(--pine-soft);--money-flow-ink:var(--pine);--money-flow-border:#c2d8c9}.demo-document .demo-money-out{--money-flow-bg:#f7e6e3;--money-flow-ink:#773b34;--money-flow-border:#e3c2bc}.demo-document .cal-pill.demo-money-in,.demo-document .cal-pill.demo-money-out,.demo-document .cal-pin.demo-money-in,.demo-document .cal-pin.demo-money-out{background:var(--money-flow-bg);color:var(--money-flow-ink);border:1px solid var(--money-flow-border)}.demo-document .demo-expense-detail .demo-action-card-header{background:var(--money-flow-bg);color:var(--money-flow-ink)}.demo-document .demo-expense-detail .demo-action-card-header h2{color:var(--money-flow-ink)}.demo-document :is(.demo-money-in,.demo-money-out)>.demo-action-card-header,.demo-document :is(.demo-money-in,.demo-money-out)>.wr-view-head,.demo-document .demo-money-section-heading,.demo-document .demo-money-flow-chip{background:var(--money-flow-bg);color:var(--money-flow-ink)}.demo-document :is(.demo-money-in,.demo-money-out)>.demo-action-card-header :is(h2,h3,h4),.demo-document :is(.demo-money-in,.demo-money-out)>.wr-view-head h1,.demo-document .demo-money-section-heading :is(h2,h3,h4){color:var(--money-flow-ink)}.demo-document :is(.demo-money-in,.demo-money-out)>.wr-view-head{border-radius:12px;gap:12px;padding:14px 16px}.demo-document .demo-money-section-heading{border-radius:12px;min-width:0;padding:14px 16px}.demo-document .demo-money-section-heading :is(h2,h3,h4,p){margin:0}.demo-document .demo-money-section-heading p{margin-top:6px}.demo-document .demo-money-flow-group{border:1px solid var(--money-flow-border);background:var(--money-flow-bg);border-radius:12px;min-width:0;padding:14px}.demo-document .demo-money-flow-group>strong{color:var(--money-flow-ink);margin-bottom:10px;font-size:14px;display:block}.demo-document .demo-money-flow-links{flex-wrap:wrap;align-items:stretch;gap:8px;min-width:0;display:flex}.demo-document .demo-money-flow-links>a{white-space:normal;flex:auto;justify-content:center;align-items:center;min-width:0;max-width:100%;min-height:44px;display:flex}.demo-document .demo-money-flow-actions{grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:12px;display:grid}.demo-document .demo-money-actions .demo-money-flow-shared,.demo-document .demo-money-flow-actions .demo-money-flow-shared{grid-column:1/-1;justify-self:start;min-height:44px}.demo-document .demo-money-flow-chip{border-radius:8px;max-width:100%;padding:6px 10px;font-size:14px;font-weight:600;display:inline-block}.demo-document .wr-kpi.demo-money-in,.demo-document .wr-kpi.demo-money-out{background:var(--money-flow-bg)}.demo-document .wr-kpi.demo-money-in>span,.demo-document .wr-kpi.demo-money-out>span{color:var(--money-flow-ink)}.demo-document .wr-kpi.demo-money-neutral{background:var(--surface-2)}.demo-document :is(.wr-pair,.wr-key) i{background:var(--pine-soft);box-shadow:inset 0 0 0 1px var(--pine)}.demo-document :is(.wr-pair,.wr-key) i[data-out]{background:#f7e6e3;box-shadow:inset 0 0 0 1px #773b34}.demo-document .demo-billing-disclosure{border-top:1px solid var(--hair);min-width:0;padding-block:8px}.demo-document .demo-billing-disclosure>summary{cursor:pointer;overflow-wrap:anywhere;min-height:44px;padding:12px 8px;font-weight:600}.demo-document .demo-billing-disclosure[open]>summary{margin-bottom:12px}.demo-document .demo-client-billing :is(h2,h3,p,a,button){overflow-wrap:anywhere}.demo-document .demo-bill-row{border:1px solid var(--money-flow-border);background:var(--surface);overflow-wrap:anywhere;border-radius:10px;min-width:0;padding:14px 16px}.demo-document .demo-bill-row+.demo-bill-row{margin-top:10px}.demo-document .demo-bill-row>p{margin:6px 0}.demo-document .demo-bill-row h3{margin:0;font-size:16px}.demo-document .demo-bill-row-body p{margin:6px 0}.demo-document .demo-bill-row .row-between{flex-wrap:wrap;gap:6px 12px}.demo-document .demo-bill-row>.demo-action-card-actions{padding:8px 0 0}.demo-document .demo-money-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.demo-document .demo-money-actions>.demo-money-flow-shared{grid-column:1/-1}.demo-document .demo-money-overview>.demo-action-card-header{background:var(--demo-beige)}.demo-document .demo-money-overview>.demo-action-card-header h2{color:var(--demo-warm-ink)}.demo-document .demo-bill-summary{border:1px solid var(--demo-warm-border);background:var(--demo-cream);border-radius:14px;min-width:0;margin-block:24px}.demo-document .demo-bill-summary-head{border-bottom:1px solid var(--demo-warm-border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px;display:flex}.demo-document .demo-bill-summary-head>div{min-width:0;max-width:100%}.demo-document .demo-bill-summary-head h2{color:var(--ink);overflow-wrap:anywhere;margin:0;font-size:24px;line-height:1.3}.demo-document .demo-bill-client{color:var(--demo-warm-ink);margin:0 0 6px}.demo-document .demo-bill-balance{font-variant-numeric:tabular-nums;gap:4px;display:grid}.demo-document .demo-bill-balance strong{font:600 28px/1.2 var(--font-display);overflow-wrap:anywhere}.demo-document .demo-bill-balance span{color:var(--demo-warm-ink);font-size:13px}.demo-document .demo-bill-summary-body{gap:18px;min-width:0;padding:20px;display:grid}.demo-document .demo-bill-summary-body>:is(p,ul,dl,details){min-width:0;margin:0}.demo-document .demo-bill-status{color:var(--demo-warm-ink)}.demo-document .demo-bill-facts{border-block:1px solid var(--demo-warm-border);grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-block:16px;display:grid}.demo-document .demo-bill-facts>div{min-width:0}.demo-document .demo-bill-facts dt{color:var(--demo-warm-ink);font-size:13px}.demo-document .demo-bill-facts dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:6px 0 0;font-weight:600}.demo-document .demo-bill-summary-actions{flex-wrap:wrap;gap:12px;padding:0 20px 20px;display:flex}.demo-document .demo-reminder-summary{gap:16px;min-width:0;margin-block:20px;display:grid}.demo-document .demo-reminder-summary-head h3{color:var(--ink);margin:0;font-size:21px}.demo-document .demo-reminder-summary-head p{margin:8px 0}.demo-document .demo-reminder-summary>.demo-reminder-contact-link{margin:0}.demo-document .demo-message-panel{background:var(--sheet);border-color:var(--demo-warm-border);margin:0}.demo-document .demo-message-panel-head{background:var(--demo-beige);border-bottom:1px solid var(--demo-warm-border);color:var(--demo-warm-ink);border-radius:13px 13px 0 0;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;padding:16px;display:flex}.demo-document .demo-message-panel-head h3{color:var(--demo-warm-ink);margin:0;font-size:18px}.demo-document .demo-message-panel>.demo-action-card-actions{border-color:var(--demo-warm-border)}.demo-document .demo-bill-explanation{background:var(--demo-cream);border:1px solid var(--demo-warm-border);border-radius:10px;margin:0;padding:16px}.demo-document .demo-bill-history{border-top:1px solid var(--demo-warm-border);margin-block:20px;padding-block:12px}.demo-document :is(.demo-bill-summary,.demo-bill-history,.demo-bill-reference) summary{cursor:pointer;min-height:44px;padding-block:10px;font-weight:600}.demo-document :is(.demo-bill-summary,.demo-bill-history,.demo-reminder-summary) a{overflow-wrap:anywhere;align-items:center;max-width:100%;min-height:44px;display:inline-flex}.demo-document :is(.demo-bill-summary,.demo-bill-history,.demo-reminder-summary) :is(a,button,summary):focus-visible{outline:3px solid var(--pine);outline-offset:3px}@media (max-width:600px){.demo-document .demo-money-actions{grid-template-columns:minmax(0,1fr)}.demo-document .demo-bill-summary-head,.demo-document .demo-bill-summary-body{padding:16px}.demo-document .demo-bill-summary-actions{padding-inline:16px}}.demo-document .demo-money-overview .demo-money-flow-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.demo-document .demo-money-overview .demo-money-flow-group{flex-direction:column;gap:10px;padding:12px;display:flex}.demo-document .demo-money-overview .demo-money-flow-group>strong{margin:0}.demo-document .demo-money-overview .demo-money-flow-links{flex:1;align-items:stretch}.demo-document .demo-money-overview .demo-money-flow-links>a{width:100%;min-height:64px;padding-inline:8px}.demo-document .demo-money-overview .demo-totals{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-document .demo-money-overview .demo-totals>div:last-child{grid-column:1/-1}.demo-document .demo-money-overview .demo-totals dd{overflow-wrap:anywhere}.demo-document .demo-money-dashboard .wr-kpis{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}.demo-document .demo-money-dashboard .wr-kpi{color:var(--ink);flex-direction:column;gap:10px;text-decoration:none;display:flex}.demo-document .demo-money-dashboard .wr-kpi>span{flex:1}.demo-document .demo-money-dashboard .wr-kpi b{overflow-wrap:anywhere;margin:0}.demo-document .demo-money-dashboard .wr-kpi small{color:var(--ink);font-size:12px}.demo-document .demo-money-dashboard .wr-kpi:focus-visible{outline:3px solid var(--pine);outline-offset:3px}.demo-document .demo-money-dashboard .wr-mgrid{grid-template-columns:minmax(0,1fr)}.demo-document .demo-money-trend{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.demo-document .demo-money-trend>li{min-width:0}.demo-document .demo-money-trend h5{color:var(--ink);margin:0 0 14px;font-size:16px}.demo-document .demo-money-trend dl{gap:16px;margin:0;display:grid}.demo-document .demo-money-trend dl>div{min-width:0}.demo-document .demo-money-trend dt{color:var(--money-flow-ink);font-size:13px}.demo-document .demo-money-trend dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:4px 0 8px;font-weight:600}.demo-document .demo-money-trend p{color:var(--muted);font-size:13px}.demo-document .demo-money-bar{background:var(--surface-2);border-radius:3px;height:12px}.demo-document .demo-money-bar i{background:var(--money-flow-ink);border-radius:3px;height:100%;display:block}.demo-document .demo-money-detail{border:1px solid var(--demo-warm-border);background:var(--demo-cream);border-radius:12px;min-width:0;padding:20px}.demo-document .demo-money-detail h3{margin:0 0 12px}.demo-document .demo-money-detail ul{margin:16px 0 0;padding:0;list-style:none}.demo-document .demo-money-detail li{border-top:1px solid var(--demo-warm-border);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;padding-block:12px;display:flex}.demo-document .demo-money-detail li>div{min-width:0}.demo-document .demo-money-detail li span{margin-top:4px;font-size:13px;display:block}.demo-document .demo-money-detail a{overflow-wrap:anywhere;align-items:center;min-height:44px;display:inline-flex}.demo-document .demo-money-detail strong{font-variant-numeric:tabular-nums}.demo-document .demo-money-dashboard :is(section,details)[id]{scroll-margin-top:24px}.demo-document .demo-net-breakdown{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.demo-document .demo-net-breakdown dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:8px 0 0;font-weight:600}@media (max-width:1100px){.demo-document .demo-money-dashboard .wr-kpis,.demo-document .demo-money-trend{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:460px){.demo-document .demo-money-trend,.demo-document .demo-net-breakdown{grid-template-columns:minmax(0,1fr)}.demo-document .demo-money-detail{padding:16px}}.demo-document .demo-money-detail>summary{cursor:pointer;min-height:44px;padding-block:8px;font-size:18px;font-weight:600}.demo-document .demo-money-detail ul{overscroll-behavior-y:contain;max-height:22rem;overflow-y:auto}.demo-document .demo-money-detail :is(summary,a,ul):focus-visible{outline:3px solid var(--pine);outline-offset:3px}.demo-document .demo-money-overview .demo-totals dt small{color:var(--muted);margin-top:4px;font-size:11px;display:block}
.demo-document .demo-multi-select{gap:8px;min-width:0;max-width:100%;display:grid}.demo-document .demo-multi-select-label{font-weight:600}.demo-document .demo-multi-select-trigger{text-align:left;justify-content:space-between;gap:12px;width:100%;min-height:44px;display:flex}.demo-document .demo-multi-select-panel{border:1px solid var(--hair);background:var(--sheet);border-radius:10px;gap:12px;min-width:0;padding:12px;display:grid}.demo-document .demo-multi-select-panel>.field{gap:6px;min-width:0;display:grid}.demo-document .demo-multi-select-panel input[type=search]{box-sizing:border-box;width:100%;min-width:0;min-height:44px;font:16px/1.5 var(--font);border:1px solid var(--hair);background:var(--panel);color:var(--ink);border-radius:8px;padding:10px 12px}.demo-document .demo-multi-select-options{overscroll-behavior:contain;min-width:0;max-height:min(280px,40vh);overflow-y:auto}.demo-document .demo-multi-select-option{cursor:pointer;align-items:flex-start;gap:12px;min-width:0;min-height:44px;padding:10px 4px;display:flex}.demo-document .demo-multi-select-option+.demo-multi-select-option{border-top:1px solid var(--hair)}.demo-document .demo-multi-select-option input{width:22px;height:22px;accent-color:var(--pine);flex:none;margin:1px 0 0}.demo-document .demo-multi-select-option>span{overflow-wrap:anywhere;gap:2px;min-width:0;display:grid}.demo-document .demo-multi-select-option small{color:var(--muted);font-size:13px}.demo-document .demo-multi-select-count{margin:0;font-size:13px}.demo-document .demo-multi-select-selected{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.demo-document .demo-multi-select-chip{border:1px solid var(--hair);background:var(--pine-soft);border-radius:10px;align-items:center;gap:4px;min-width:0;max-width:100%;padding-left:10px;display:inline-flex}.demo-document .demo-multi-select-chip>span{overflow-wrap:anywhere;gap:2px;min-width:0;display:grid}.demo-document .demo-multi-select-chip small{color:var(--muted);font-size:12px}.demo-document .demo-multi-select-chip>button{width:44px;min-width:44px;height:44px;min-height:44px;color:var(--pine);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;padding:0;font-size:22px}.demo-document .demo-multi-select-more{font-size:13px}.demo-document .demo-multi-select :is(button,input){max-width:100%}.demo-document .demo-multi-select :is(button,input):focus-visible{outline:3px solid var(--pine);outline-offset:3px}
.demo-document .demo-client-form>form{gap:0;min-width:0;margin:0;display:grid}.demo-document .demo-client-form-body{min-width:0;padding:20px;line-height:1.5}.demo-document .demo-client-form .demo-client-form-body fieldset{min-width:0;border:0;gap:16px;min-inline-size:0;margin:0;padding:0;display:grid}.demo-document .demo-client-form .demo-client-form-body legend{margin:0 0 12px;padding:0;font-weight:600}.demo-document .demo-client-form .demo-client-form-body>fieldset>fieldset{border-top:1px solid var(--hair);padding-top:16px}.demo-document .demo-client-form .demo-client-form-body p{margin:0;line-height:1.5}.demo-document .demo-client-form .field{gap:6px;min-width:0;display:grid}.demo-document .demo-client-services{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:8px 16px;min-width:0;display:grid}.demo-document .demo-client-services>label{align-items:flex-start;gap:10px;min-height:44px;padding-block:8px;display:flex}.demo-document .demo-client-form>form>.demo-action-card-actions{border-top:1px solid var(--hair);min-width:0;padding:16px 20px}.demo-document .demo-client-form :is(input,textarea,button,a){max-width:100%}.demo-document .demo-client-form :is(button,a){white-space:normal;min-height:44px}.demo-document .demo-calendar-context .demo-lines li{grid-template-columns:minmax(0,1fr);gap:6px;display:grid}.demo-document .demo-calendar-context .demo-lines li>p{overflow-wrap:anywhere;min-width:0;margin:0}