:root{--h107-primary:#0b8f6a;--h107-dark:#14253d}
.sidebar{background:var(--h107-dark)!important}.primary,.quick .saleIcon,.hq-save{background:var(--h107-primary)!important;color:#fff}.sidebar nav button.active{background:color-mix(in srgb,var(--h107-primary) 35%,var(--h107-dark))!important}.brandLogo{max-height:120px;object-fit:contain;background:#fff}.listHead>div>p,.greeting,.metric .green{color:var(--h107-primary)}
.metric[role=button]{cursor:pointer}.metric[role=button]:hover{box-shadow:0 3px 16px #0002}.metric[role=button]:focus-visible{outline:3px solid var(--h107-primary);outline-offset:3px}
.h107-layer{position:fixed;inset:0;z-index:100000;background:#102030b8;display:grid;place-items:center;padding:16px}.h107-dialog{width:min(100%,760px);max-height:90dvh;overflow:auto;background:#fff;color:#172033;border-radius:18px;box-shadow:0 15px 55px #0004;font:16px/1.45 Arial,sans-serif}.h107-dialog>header{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--h107-dark);color:#fff;padding:18px 22px}.h107-dialog h2{font-size:22px;margin:0}.h107-dialog header button{background:transparent;color:#fff;font-size:30px;border:0;cursor:pointer}.h107-body{padding:22px}.h107-body input{font:inherit;padding:10px;display:block;max-width:100%}.h107-total{font-size:28px;font-weight:800;color:var(--h107-primary)}.h107-breakdown p{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #e6edef;padding:10px 0}.h107-note{color:#4b5a64}.h107-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.h107-actions button{font:inherit;padding:12px 18px;border-radius:9px;border:1px solid #bccdcc;cursor:pointer;flex:1}.h107-actions button:disabled{opacity:.5;cursor:default}.h107-table-wrap{overflow:auto}.h107-dialog table{width:100%;border-collapse:collapse}.h107-dialog td,.h107-dialog th{padding:12px 8px;border-bottom:1px solid #e2e9ec;text-align:left}.h107-dialog td:last-child{white-space:nowrap}.h107-price-list section{padding:14px;margin:10px 0;background:#fff5dd;border:1px solid #dfb354;border-radius:9px}.h107-price-list p{margin-bottom:0}.h107-brand-fields{border:1px solid #d3dedc;border-radius:12px;padding:16px;margin-bottom:20px}.h107-brand-fields legend{font-weight:700}.h107-brand-fields small{display:block;line-height:1.5;margin:10px 0}.h107-logo-preview{max-width:200px;max-height:100px;object-fit:contain;background:#fff}.h107-brand-fields input[type=file]{width:100%;font-size:14px}.h107-brand-fields label{margin-top:16px}
@media(max-width:600px){.h107-layer{padding:8px}.h107-body{padding:16px}.h107-dialog>header{padding:15px}.h107-dialog h2{font-size:19px}.h107-total{font-size:24px}}
/* Every clickable indicator gets a visible action cue, also on touch screens. */
.metric[role=button]{--indicator-accent:var(--h107-primary);border:1px solid var(--indicator-accent);background:#f2faf7;background:color-mix(in srgb,var(--indicator-accent) 6%,white);transition:box-shadow .15s,border-color .15s}
.metric[role=button] h2,.metric[role=button] p,.metric[role=button] h2 small{color:#075e48;color:color-mix(in srgb,var(--indicator-accent) 80%,black)}
.metric[role=button] .h107-indicator-link{display:inline-block;margin-top:12px;padding:7px 12px;border-radius:7px;background:#075e48;background:color-mix(in srgb,var(--indicator-accent) 80%,black);color:#fff;font-size:14px;font-weight:700;line-height:1.4}
.metric[role=button]:hover .h107-indicator-link{text-decoration:underline}
.metric[role=button]:focus-visible{outline:3px solid var(--indicator-accent);outline-offset:3px}
.metric.h107-credit-unpaid{--indicator-accent:#8a4b08}.metric.h107-credit-partial{--indicator-accent:#1d4ed8}
.creditOverview[hidden]{display:none!important}
.h107-total small{display:block;font-size:15px;font-weight:600;color:#4b5a64;margin-bottom:5px}
.h107-credit-row{border:1px solid #dbe5e7;border-radius:12px;padding:16px;margin-top:14px;overflow-wrap:anywhere}
.h107-credit-row h3{margin:0 0 6px;font-size:18px}.h107-credit-row p{margin:5px 0}.h107-credit-reference{color:#4b5a64;font-size:14px}
.h107-credit-row dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 0}
.h107-credit-row dt{font-size:13px;color:#4b5a64}.h107-credit-row dd{margin:4px 0 0;font-weight:700}
.h107-credit-balance{color:var(--h107-primary)}
@media(max-width:540px){.h107-credit-row dl{grid-template-columns:1fr}.h107-credit-row dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.h107-credit-row dd{text-align:right}.h107-breakdown p{flex-wrap:wrap}.metric[role=button] .h107-indicator-link{font-size:13px;padding:6px 9px}}