.financial-sum{color:#172d4b!important}.financial-sum.negative{color:#c42b38!important}.customer-medal{width:28px;height:37px;vertical-align:middle;flex:none}.rank-1{color:#edbb43}.rank-2{color:#bec9d6}.rank-3{color:#cd8849}.ranked-client{display:flex;align-items:center;gap:9px}.delete-action{color:#ad2635!important}.goal-progress{height:6px;background:#e6edf5;border-radius:9px;overflow:hidden;margin:8px 0}.goal-progress span{display:block;background:#2366ce;height:100%}.report-stat small{color:#66758a;font-size:11px}.sidebar .brand img.system-logo{width:100%;height:auto;max-height:75px;object-fit:contain}
[hidden]{display:none!important}
[hidden]{display:none!important}
.row-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
.row-actions>.button{min-height:32px;margin:0;vertical-align:middle}
.quote-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;align-items:stretch}
.quote-actions>.button{min-height:40px;width:100%;margin:0;padding:10px 12px;font-size:12px;white-space:normal;text-align:center}
.value-list-picker>label{margin-bottom:0}
@media(max-width:580px){.quote-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.quote-actions>.button{padding:10px 8px}}
.sidebar{overflow-y:auto}.sidebar-support{margin-top:auto;padding-top:20px}.support-button{width:100%;border:0;background:transparent;text-align:left}.sidebar-support+.sidebar-bottom{margin-top:12px;flex-shrink:0;padding-bottom:2px}.support-fields{margin:22px 0}.support-counter{display:flex;justify-content:space-between;gap:12px}.support-drop{position:relative;display:grid;place-items:center;border:1px dashed #8ab7f5;border-radius:8px;padding:26px 16px;background:#f8fbff;text-align:center;cursor:pointer}.support-drop>input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.support-drop>span{display:grid;justify-items:center;gap:10px;pointer-events:none}.support-drop .icon{width:28px;height:28px;color:#2674f5}.support-drop:focus-within,.support-drop.is-over{outline:2px solid #2674f5;background:#edf4ff}.support-file{display:flex;align-items:center;justify-content:space-between;gap:10px}.support-file>span{overflow-wrap:anywhere;min-width:0}
.support-modal #modal-content{display:flex;flex-direction:column;max-height:calc(90vh - 2px);min-height:0}.support-modal #modal-form{display:flex;flex-direction:column;min-height:0;overflow:hidden}.support-modal .modal-body{overflow-y:auto;min-height:0}.support-modal .modal-heading,.support-modal .modal-footer{flex-shrink:0}

.payment-plan-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end;padding:16px 0;border-bottom:1px solid #e3eaf3}.payment-plan-row .field{min-width:0}.payment-plan-row input,.payment-plan-row select{width:100%;min-width:0}.payment-editor .subtitle{margin:10px 0}.payment-editor #add-payment{margin-top:14px}.payment-plan-total{color:#172d4b;font-weight:600;margin:14px 0}.payment-plan-row .remove-payment{justify-self:end}@media(max-width:520px){.payment-plan-row{grid-template-columns:1fr}.payment-plan-row .remove-payment{justify-self:start}}

.payment-schedule{display:grid;gap:12px;margin-bottom:18px}.payment-card{border:1px solid #e3eaf3;border-radius:8px;padding:16px}.payment-card-heading,.payment-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.payment-card-heading span{color:#7085a5;font-size:12px}.payment-card p{margin:12px 0}.payment-card-footer{border-top:1px solid #e3eaf3;padding-top:12px;line-height:1.7}

/* Dashboard: consistent vector icons with restrained depth. */
.dashboard-metrics .metric{gap:18px;align-items:flex-start}
.dashboard-metrics .metric-symbol{position:relative;isolation:isolate;overflow:hidden;flex:0 0 60px;width:60px;height:60px;border-radius:17px;color:#fff;border:1px solid #ffffff45;box-shadow:inset 0 1px 1px #ffffff65,0 8px 18px var(--metric-glow);background:linear-gradient(145deg,var(--metric-light),var(--metric-dark))}
.dashboard-metrics .metric-symbol:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 20% 0%,#ffffff45,transparent 65%);pointer-events:none}
.dashboard-metrics .metric-symbol .icon{width:32px;height:32px;stroke-width:1.9;filter:drop-shadow(0 1px 1px #00000012)}
.dashboard-metrics .green-bg{--metric-light:#32d993;--metric-dark:#009d82;--metric-glow:#009d8229}
.dashboard-metrics .blue-bg{--metric-light:#35baff;--metric-dark:#0964ed;--metric-glow:#0964ed29}
.dashboard-metrics .red-bg{--metric-light:#ff9b7c;--metric-dark:#ee4c62;--metric-glow:#ee4c6229}
.dashboard-metrics .purple-bg{--metric-light:#b38aff;--metric-dark:#7540e8;--metric-glow:#7540e829}
@media(min-width:1650px){.dashboard-metrics .metric-symbol{flex-basis:68px;width:68px;height:68px;border-radius:19px}.dashboard-metrics .metric-symbol .icon{width:36px;height:36px}}
@media(min-width:901px) and (max-width:1400px){.dashboard-metrics .metric{flex-direction:column;gap:14px}}
@media(max-width:580px){.dashboard-metrics .metric{flex-direction:column;gap:14px}.dashboard-metrics .metric-symbol{flex-basis:48px;width:48px;height:48px;border-radius:14px}.dashboard-metrics .metric-symbol .icon{width:28px;height:28px}}

/* Shared typography for internal headings and financial summaries. */
.panel h2{font-family:inherit;font-size:15px;font-weight:500;line-height:1.5;letter-spacing:0;color:#263b55}
.modal-heading h2{font-family:inherit;font-size:18px;font-weight:600;line-height:1.4;letter-spacing:-.2px}
.form-section{font-family:inherit;font-size:13px;font-weight:500;line-height:1.5;letter-spacing:0;color:#263b55}
.section-summary{font-size:13px;font-weight:400;line-height:1.65;color:#536783;margin:14px 0}
.section-summary b,.section-summary strong{font-weight:500;color:#172d4b}
.payment-plan-total{font-size:13px;font-weight:500;line-height:1.65;overflow-wrap:anywhere}
.payment-card-heading b{font-size:13px;font-weight:500;color:#263b55}
.payment-card p,.payment-card-footer{font-size:13px;line-height:1.65}

.bill-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;white-space:nowrap}
.bill-actions .bill-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;margin:0;padding:0 10px;border:1px solid #dce4ed;border-radius:7px;background:#f8fafc;color:#53677d;white-space:nowrap}
.bill-actions .bill-action svg{width:18px;height:18px;flex-shrink:0}
.bill-actions .danger{background:#fff4f4;border-color:#f5d2d5;color:#bb232c}
.bill-actions .success{background:#f0fbf3;border-color:#d1ecd9;color:#238441}
.bill-category-menu{border:1px solid #d7e3f4;border-radius:6px;background:#fff;color:#193452;min-width:0}
.bill-category-menu summary{cursor:pointer;padding:12px;font-size:13px;list-style-position:inside}
.bill-category-options{display:grid;max-height:210px;overflow-y:auto;border-top:1px solid #e3eaf4;padding:4px}
.bill-category-options button{border:0;background:#fff;color:#193452;text-align:left;padding:10px;border-radius:4px;font:inherit;cursor:pointer}
.bill-category-options button:hover,.bill-category-options button:focus-visible{background:#edf5ff;color:#0875eb}
.field[hidden]{display:none!important}