/* Expenses and Finance: the look agreed in the preview (tables, switches, cards, dialogs). */
.fx .secs button[aria-pressed=true]{background:var(--wine);color:#fff}
.bar2{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:0 0 12px}
.seg{display:inline-flex;gap:4px;background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:3px;flex-wrap:wrap}.seg button{all:unset;cursor:pointer;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600;color:var(--muted)}.seg button[aria-pressed=true]{background:var(--wine);color:#fff}
.fx .two{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:14px;align-items:start;margin-top:14px}@media(max-width:980px){.fx .two{grid-template-columns:1fr}}
.fx .card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.fx .card>h3{margin:0 0 8px;font:600 15px var(--body);display:flex;justify-content:space-between;align-items:center;gap:8px}.fx .card>h3 small{font-weight:400;color:var(--muted);font-size:12.5px}
.att{all:unset;box-sizing:border-box;width:100%;cursor:pointer;display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 4px;border-top:1px solid var(--line);font-size:13.5px}.att:first-of-type{border-top:0}.att:hover b{color:var(--wine)}.att i{width:8px;height:8px;border-radius:50%;background:var(--warn)}.att i.bad{background:var(--bad)}.att i.ok{background:var(--ok)}.att small{display:block;color:var(--muted);font-size:12.5px}
.kv2{display:flex;justify-content:space-between;gap:10px;padding:6px 0;font-size:13.5px;border-top:1px solid var(--line)}.kv2:first-of-type{border-top:0}.kv2 span:last-child{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.kv2.t{font-weight:700}
.tl{width:100%;border-collapse:collapse;font-size:13.5px;background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden}.tl th{text-align:left;font-size:12px;color:var(--muted);font-weight:600;padding:9px 10px;border-bottom:1px solid var(--line)}.tl td{padding:9px 10px;border-top:1px solid var(--line);vertical-align:top}.tl tr.rk{cursor:pointer}.tl tr.rk:hover td{background:#fbf6f3}.tl td.n,.tl th.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.tl small{display:block;color:var(--muted);font-size:12px}
.tw{overflow-x:auto;border-radius:12px}
@media(max-width:760px){.tl .hm{display:none}}
.fx .acc{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) 130px;gap:10px;align-items:center;padding:11px 12px;border-top:1px solid var(--line);cursor:pointer}.fx .acc:hover{background:#fbf6f3}.fx .acc small{display:block;color:var(--muted);font-size:12.5px}.fx .acc b.n{font-variant-numeric:tabular-nums;text-align:right;font-size:15px}
.grp{background:var(--paper);border:1px solid var(--line);border-radius:14px;margin-bottom:12px;overflow:hidden}.grp>h3{margin:0;padding:10px 12px;font:600 13px var(--body);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;display:flex;justify-content:space-between}
.meter{height:8px;border-radius:999px;background:#efe7df;overflow:hidden}.meter i{display:block;height:100%;background:var(--wine);border-radius:999px}
.pvw-unused{position:fixed;right:14px;bottom:14px;z-index:12;background:#fff;border:1px dashed var(--wine);border-radius:12px;padding:6px 10px;font-size:12px;color:var(--muted);display:grid;gap:2px;max-width:240px;box-shadow:0 6px 20px rgba(40,10,20,.12)}.pvw-unused select{border:1px solid var(--line);border-radius:8px;padding:4px;font-size:12.5px}.pvw-unused small{font-size:10.5px}@media (max-width:600px){.pvw-unused small{display:none}}
.choice{all:unset;cursor:pointer;display:grid;gap:3px;border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:#fff;margin-bottom:8px;box-sizing:border-box;width:100%}.choice:hover{border-color:var(--wine);background:var(--wine-soft)}.choice b{color:var(--wine)}.choice span{font-size:13px}
.fx .kpi{padding:10px 14px;cursor:default}.kic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#efe9e4;color:#5d5457;flex:none}.kic.hl{background:var(--wine-soft);color:var(--wine)}.fx .kpi b.wine{color:var(--wine)}.ekpi:hover{border-color:var(--wine)}.fx .kpi b{font-size:24px}.fx .kpi small{font-size:12px;color:var(--muted)}.dlg.wide{max-width:680px}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}@media(max-width:560px){.g2,.g3{grid-template-columns:1fr}}
.tbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 10px}.fpanel{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:10px 12px;margin:0 0 10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.fpanel[hidden],.tbar[hidden]{display:none}.fpanel .f{margin:0}.tbar small{background:var(--wine);color:#fff;border-radius:999px;padding:0 6px;margin-left:5px;font-size:11px}
.ro{font-size:12.5px;background:#efe9e4;color:#5d5457;border-radius:10px;padding:8px 12px;margin:0 0 12px}
.kpi2{border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:grid;gap:2px;background:#fff}.kpi2 span{font-size:12.5px;color:var(--muted)}.kpi2 b{font:600 20px var(--display)}.kpi2 small{font-size:12px;color:var(--muted)}.bd2{display:inline-block;min-width:16px;padding:0 5px;border-radius:999px;background:var(--wine);color:#fff;font-size:11px;line-height:16px;text-align:center}
.subt{display:flex;gap:6px;margin:0 0 10px;flex-wrap:wrap}.subt button{all:unset;cursor:pointer;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600;color:var(--muted);border:1px solid transparent}.subt button[aria-pressed=true]{color:var(--wine);border-color:var(--wine);background:#fff}
.amt{font-variant-numeric:tabular-nums}.pos{color:var(--ok)}.neg{color:var(--bad)}
.splitrow{display:grid;grid-template-columns:110px 90px minmax(0,1fr);gap:8px;align-items:center;font-size:13.5px;margin-bottom:6px}
.chart{position:relative}.chart svg{display:block;width:100%;height:auto}.chart .tip{position:absolute;pointer-events:none;background:var(--ink,#221a1c);color:#fff;font-size:12.5px;border-radius:8px;padding:6px 9px;white-space:nowrap;transform:translate(-50%,-100%);opacity:0;transition:opacity .1s}.chart .tip.on{opacity:1}
.lg{display:flex;gap:14px;font-size:12.5px;color:var(--muted);margin:0 0 6px;flex-wrap:wrap}.lg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.fc{display:grid;grid-template-columns:62px minmax(0,1fr) 100px 110px;gap:8px;font-size:13px;padding:6px 0;border-top:1px solid var(--line);align-items:center}.fc:first-of-type{border-top:0}.fc span:nth-child(3),.fc span:nth-child(4){text-align:right;font-variant-numeric:tabular-nums}
.age{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}.age button{all:unset;cursor:pointer;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:8px 12px;font-size:12.5px;color:var(--muted)}.age button b{display:block;font-size:16px;color:var(--ink)}.age button[aria-pressed=true]{border-color:var(--wine)}
.cl{display:grid;grid-template-columns:minmax(0,1.4fr) 120px 120px 150px;gap:10px;align-items:center;padding:10px 12px;border-top:1px solid var(--line);font-size:13.5px}.cl:first-of-type{border-top:0}.cl span:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.cl small{display:block;color:var(--muted);font-size:12px}
@media(max-width:700px){.cl{grid-template-columns:1fr 1fr}.cl span:first-child{grid-column:1/-1}.fc{grid-template-columns:52px 1fr 90px}.fc span:nth-child(4){display:none}}
.fx .tabs small{margin-left:6px}
.pvbox{background:#f1ecf6;border-radius:12px;padding:10px 12px;margin:0 0 12px;font-size:13.5px}.pvbox b{display:block}
.fx{min-width:0;max-width:100%}.fx>*,.fx .card,.fx .two>*{min-width:0}.tw{max-width:100%}#view{min-width:0}
/* deliveries */
.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:start}
@media (max-width:1100px){.board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.board{grid-template-columns:1fr}}
.col{background:#efe7df55;border:1px solid var(--line);border-radius:14px;padding:8px;display:grid;gap:8px}.col>h3{margin:2px 4px 2px;font:600 12px/1 var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);display:flex;justify-content:space-between}
.dc{all:unset;box-sizing:border-box;cursor:pointer;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;display:grid;gap:4px;font-size:13.5px}.dc:hover{border-color:var(--wine)}.dc b{font-size:14px}.dc small{color:var(--muted);font-size:12.5px}
.dc .rw{display:flex;justify-content:space-between;gap:6px;align-items:center;flex-wrap:wrap}
.cod{font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--warn-soft);color:var(--warn)}
.choice{all:unset;cursor:pointer;display:grid;gap:3px;border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:#fff;margin-bottom:8px;box-sizing:border-box;width:100%}.choice:hover{border-color:var(--wine);background:var(--wine-soft)}.choice b{color:var(--wine)}.choice span{font-size:13px}
.fr{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-top:1px solid rgba(0,0,0,.08)}.fr:first-of-type{margin-top:6px}.fa{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}@media(max-width:640px){.fr{flex-direction:column;align-items:stretch}.fa{justify-content:flex-start}}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.tl input.ci{border:1px solid var(--line);border-radius:8px;padding:6px 8px;font:inherit;width:100%;box-sizing:border-box}.tl input.ci.n{text-align:right;max-width:110px}