/* Financeiro: comissões, salários, despesas e resultado. Prefixo f-. */
.f-page{--f-good:#168660;--f-good-soft:#e8f7ef;--f-bad:#c2414b;--f-bad-soft:#fbecee;--f-warn:#a36a12;--f-warn-soft:#fff4e0;--f-costs:#9aa6b8;--f-net:#1d2733;--f-ease:cubic-bezier(.2,.65,.3,1)}
.f-intro .f-intro-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.f-month{display:flex;align-items:center;gap:2px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:4px;min-height:46px}
.f-month-btn{width:36px;height:36px;border-radius:7px;display:grid;place-items:center;background:transparent;color:var(--ink)}
.f-month-btn .icon{width:18px;height:18px}.f-month-btn:hover:not(:disabled){background:var(--accent-soft);color:var(--accent-dark)}.f-month-btn:disabled{opacity:.3}
.f-month-label{display:flex;flex-direction:column;align-items:center;min-width:156px;padding:0 6px;line-height:1.25}
.f-month-label strong{font-size:13px;display:inline-block}.f-month-label strong::first-letter,.f-chart-tip strong::first-letter{text-transform:uppercase}.f-month-label small{font-size:10px;color:var(--muted);margin-top:2px}

.f-tabs{position:relative;display:flex;gap:4px;border-bottom:1px solid var(--line);margin:0 0 18px;overflow-x:auto;scrollbar-width:none}.f-tabs::-webkit-scrollbar{display:none}
.f-tabs button{display:flex;align-items:center;gap:8px;padding:0 14px;min-height:46px;background:none;color:#6b7383;font-size:13px;font-weight:500;white-space:nowrap;border-radius:7px 7px 0 0;flex-shrink:0}
.f-tabs button .icon{width:17px;height:17px;transition:color .2s}.f-tabs button:hover{color:var(--ink);background:#f1f3f6}
.f-tabs button[aria-selected=true]{color:var(--ink);font-weight:600}.f-tabs button[aria-selected=true] .icon{color:var(--accent)}
.f-tab-indicator{position:absolute;left:0;bottom:0;height:2px;width:0;border-radius:2px;background:var(--accent);transition:transform .38s var(--f-ease),width .38s var(--f-ease)}

.f-view.f-anim{animation:f-enter .38s var(--f-ease) both}.f-view.f-from-right{--f-x:18px}.f-view.f-from-left{--f-x:-18px}
@keyframes f-enter{from{opacity:0;transform:translate3d(var(--f-x,0),8px,0)}to{opacity:1;transform:none}}
@keyframes f-grow-x{from{width:0}}
@keyframes f-rise{from{transform:scaleY(0)}}
@keyframes f-draw{from{stroke-dashoffset:1}}
@keyframes f-pop{from{opacity:0;transform:scale(.3)}}

.f-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.f-kpi{display:flex;gap:13px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:9px;padding:18px 17px;min-width:0;transition:border-color .2s,box-shadow .2s}
.f-kpi:hover{border-color:#d3d7de;box-shadow:0 6px 18px rgba(20,25,35,.05)}
.f-kpi-icon{width:39px;height:39px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;flex-shrink:0}.f-kpi-icon .icon{width:21px;height:21px}
.f-kpi>div{display:flex;flex-direction:column;min-width:0}.f-kpi>div>span{font-size:11px;color:#697283;line-height:1.5}
.f-kpi strong{font-size:25px;font-weight:750;letter-spacing:-1px;line-height:1.25;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.f-kpi small{font-size:11px;color:#8a93a3;margin-top:6px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;line-height:1.4}
.f-kpi-result.positive{border-color:#cde8da;background:linear-gradient(180deg,#f2fbf6,#fff 75%)}.f-kpi-result.positive .f-kpi-icon{background:var(--f-good-soft);color:var(--f-good)}.f-kpi-result.positive strong{color:var(--f-good)}
.f-kpi-result.negative{border-color:#f1d3d6;background:linear-gradient(180deg,#fdf4f5,#fff 75%)}.f-kpi-result.negative .f-kpi-icon{background:var(--f-bad-soft);color:var(--f-bad)}.f-kpi-result.negative strong{color:var(--f-bad)}
.f-delta{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:650;padding:2px 7px 2px 5px;border-radius:999px;white-space:nowrap;line-height:1.5}
.f-delta .icon{width:12px;height:12px;stroke-width:2.3}.f-delta.good{background:var(--f-good-soft);color:var(--f-good)}.f-delta.bad{background:var(--f-bad-soft);color:var(--f-bad)}.f-delta.flat{color:#99a1af;background:#f1f3f6;padding:2px 7px}

.f-panel{background:#fff;border:1px solid var(--line);border-radius:9px;padding:20px;min-width:0}
.f-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}
.f-panel-head h2{font-size:16px;margin:0 0 4px;letter-spacing:-.3px}.f-panel-head p{margin:0;font-size:12px;color:var(--muted);line-height:1.5}
.f-chip{font-size:11px;padding:5px 10px;border-radius:999px;background:#f1f3f6;color:#5d6676;font-weight:550;white-space:nowrap}
.f-muted{color:var(--muted);font-size:12.5px;line-height:1.6;margin:0}
.f-result-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:16px;margin-bottom:16px;align-items:start}.f-side{display:grid;gap:16px;min-width:0}

.f-dre-table{display:flex;flex-direction:column}
.f-dre-row{display:grid;grid-template-columns:minmax(0,1fr) 128px 118px 78px;align-items:center;gap:10px;padding:11px 6px;border-top:1px solid #f0f2f5;font-size:13px}
.f-dre-row>span:first-child{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.f-dre-row>span:last-child{display:flex;justify-content:flex-end}
.f-dre-row strong{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}
.f-col-prev{text-align:right;color:#8a93a3;font-variant-numeric:tabular-nums;white-space:nowrap}
.f-dre-headrow{border-top:0;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#8a93a3;padding-top:0;font-weight:600}.f-dre-headrow span{text-align:right;justify-content:flex-end}.f-dre-headrow span:first-child{text-align:left;justify-content:flex-start}
.f-dre-row.out>span:first-child{color:#4b5464;padding-left:12px}.f-dre-row.out>strong{color:#3b4350;font-weight:550}
.f-dre-row.subtotal{background:#f8f9fb;border-radius:7px;border-top-color:transparent;font-weight:650;margin:2px 0}
.f-dre-row small{font-size:11px;color:#8a93a3;font-weight:500}
.f-dre-row.total{border-top:2px solid var(--ink);font-size:14px;font-weight:700;padding-top:14px;margin-top:4px}.f-dre-row.total strong{font-size:19px;font-weight:800;letter-spacing:-.5px}
.f-dre-row.total.positive strong{color:var(--f-good)}.f-dre-row.total.negative strong{color:var(--f-bad)}
.f-dre-toggle button{display:inline-flex;align-items:center;gap:7px;background:none;padding:0;color:inherit;font-size:13px;margin-left:-20px;border-radius:5px}.f-dre-toggle button:hover{color:var(--ink)}
.f-caret{width:14px!important;height:14px!important;transition:transform .28s var(--f-ease);color:#8a93a3}[aria-expanded=true] .f-caret{transform:rotate(90deg);color:var(--accent)}
.f-dre-more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .34s var(--f-ease)}.f-dre-more[data-open]{grid-template-rows:1fr}.f-dre-more>div{overflow:hidden;min-height:0}
.f-dre-cat{font-size:12px;padding:8px 6px 8px 30px;border-top:1px dashed #eceef2}.f-dre-cat strong{font-weight:550}
.f-dre-empty{padding:10px 30px}
.f-cat-dot{width:24px;height:24px;border-radius:7px;display:inline-grid;place-items:center;background:#f3f4f7;color:#5d6676;font-style:normal;flex-shrink:0}.f-cat-dot .icon{width:14px;height:14px}
.f-dre-cat>span:first-child{flex-wrap:nowrap}.f-cat-name{font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.f-share{flex:0 0 76px;margin-left:auto;height:4px;background:#f0f2f5;border-radius:4px;overflow:hidden}.f-share i{display:block;height:100%;background:var(--accent);border-radius:4px;opacity:.75}
.f-row-warn{display:inline-flex;align-items:center;gap:4px;color:var(--f-warn)!important;font-size:11px;font-weight:600}.f-row-warn .icon{width:13px;height:13px}

.f-be-number{display:flex;align-items:baseline;gap:8px;margin:0 0 4px}.f-be-number strong{font-size:42px;font-weight:800;letter-spacing:-1.6px;color:var(--accent-dark);line-height:1.1}.f-be-number>span{font-size:13px;color:var(--muted)}
.f-breakeven p{font-size:13px;line-height:1.55;margin:0 0 12px;color:#4b5464}
.f-be-track{height:8px;border-radius:8px;background:#f0f2f5;overflow:hidden}.f-be-track i{display:block;height:100%;width:var(--w);background:var(--accent);border-radius:8px}.f-be-track.done i{background:var(--f-good)}
.f-be-foot{display:block;margin-top:9px;font-size:11px;color:#8a93a3;line-height:1.5}
.f-anim .f-be-track i,.f-anim .f-rank-track i{animation:f-grow-x .8s var(--f-ease) .15s backwards}

.f-insights ul{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px}
.f-insight{display:flex;gap:10px;align-items:flex-start;padding:10px 11px;border-radius:8px;background:#f7f8fa}
.f-insight>span{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;background:#fff;color:#5d6676;border:1px solid var(--line)}.f-insight .icon{width:15px;height:15px}
.f-insight p{margin:0;font-size:12.5px;line-height:1.5;color:#3b4350;padding-top:4px}
.f-insight.good>span{color:var(--f-good);background:var(--f-good-soft);border-color:transparent}.f-insight.warn>span{color:var(--f-warn);background:var(--f-warn-soft);border-color:transparent}
.f-anim .f-insight{animation:f-enter .42s var(--f-ease) backwards}.f-anim .f-insight:nth-child(2){animation-delay:.06s}.f-anim .f-insight:nth-child(3){animation-delay:.12s}.f-anim .f-insight:nth-child(4){animation-delay:.18s}.f-anim .f-insight:nth-child(5){animation-delay:.24s}
.f-ask{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:9px;border:1px solid var(--line);background:#fff;text-align:left}
.f-ask:hover{border-color:var(--accent);background:var(--accent-soft)}.f-ask>.icon:first-child{color:var(--accent);width:22px;height:22px}
.f-ask span{display:flex;flex-direction:column;flex:1;min-width:0}.f-ask strong{font-size:13px}.f-ask small{font-size:11px;color:var(--muted)}
.f-ask>.icon:last-child{width:16px;height:16px;color:var(--muted);transition:transform .2s var(--f-ease)}.f-ask:hover>.icon:last-child{transform:translateX(3px);color:var(--accent-dark)}

.f-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;color:#5d6676;padding-top:3px}.f-legend span{display:inline-flex;align-items:center;gap:6px}
.sw-revenue,.sw-costs,.sw-net{display:inline-block;width:10px;height:10px;border-radius:3px;flex-shrink:0}.sw-revenue{background:var(--accent)}.sw-costs{background:var(--f-costs)}.sw-net{height:3px;width:14px;border-radius:2px;background:var(--f-net)}
.f-chart{position:relative}.f-chart svg{width:100%;height:auto;display:block;overflow:visible}
.f-grid{stroke:#eef0f4;stroke-width:1}.f-grid.zero{stroke:#c3c9d2}
.f-axis{font-size:11px;fill:#8a93a3;font-family:var(--font)}.f-month-tick.current{fill:var(--ink);font-weight:700}
.f-bar.revenue{fill:var(--accent)}.f-bar.costs{fill:var(--f-costs)}
.f-group{transition:opacity .2s}.f-group.dim{opacity:.32}
.f-line{fill:none;stroke:var(--f-net);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.f-point{fill:var(--f-net);stroke:#fff;stroke-width:2;pointer-events:none}.f-point.negative{fill:var(--f-bad)}
.f-direct{font-size:11px;font-weight:700;fill:var(--ink);font-family:var(--font);paint-order:stroke;stroke:#fff;stroke-width:3px}
.f-hit{fill:transparent;cursor:crosshair;outline:none}.f-hit:focus-visible{stroke:var(--accent);stroke-width:2;stroke-dasharray:4 3}
.f-anim .f-bar{transform-box:fill-box;transform-origin:50% 100%;animation:f-rise .65s var(--f-ease) backwards;animation-delay:calc(var(--i)*55ms)}
.f-anim .f-line{stroke-dasharray:1;animation:f-draw 1s ease-out .25s backwards}
.f-anim .f-point{transform-box:fill-box;transform-origin:center;animation:f-pop .3s var(--f-ease) backwards;animation-delay:calc(.4s + var(--i)*70ms)}
.f-chart-tip{position:absolute;top:0;transform:translateX(-50%);background:var(--ink);color:#fff;border-radius:8px;padding:9px 11px;font-size:11px;display:grid;gap:4px;min-width:178px;pointer-events:none;box-shadow:0 10px 26px rgba(15,20,30,.2);z-index:2}
.f-chart-tip[hidden]{display:none}.f-chart-tip strong{font-size:12px;display:inline-block;margin-bottom:2px}.f-chart-tip span{display:flex;align-items:center;gap:6px;color:#d7dbe1}.f-chart-tip b{margin-left:auto;padding-left:12px;color:#fff;font-variant-numeric:tabular-nums}.f-chart-tip .sw-net{background:#fff}
.f-chart-table{margin-top:10px;font-size:12px}.f-chart-table summary{cursor:pointer;color:var(--accent-dark);font-size:12px;width:fit-content;border-radius:4px}
.f-chart-table table{width:100%;border-collapse:collapse;margin-top:8px;font-variant-numeric:tabular-nums}.f-chart-table th,.f-chart-table td{text-align:right;padding:7px 6px;border-bottom:1px solid #f0f2f5}.f-chart-table th{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:#8a93a3;font-weight:600}.f-chart-table th:first-child,.f-chart-table td:first-child{text-align:left}

.f-expense-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px;align-items:start}.f-expense-grid.readonly{grid-template-columns:minmax(0,1fr)}
.f-quick{position:sticky;top:16px}.f-quick .m-form-grid{grid-template-columns:1fr 1fr;gap:12px}.f-quick .m-form-grid>.m-field:first-child,.f-quick .m-form-grid>.m-field:last-child{grid-column:1/-1}.f-quick-submit{width:100%;margin-top:14px}
.f-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.f-filter{position:relative;display:inline-flex;align-items:center}.f-filter select{appearance:none;border:1px solid var(--line);border-radius:7px;background:#fff;min-height:38px;padding:0 32px 0 12px;font-size:12px;color:#4b5464;cursor:pointer;max-width:100%}.f-filter select:hover{border-color:#c9ced6}
.f-filter .icon{position:absolute;right:9px;width:15px;height:15px;pointer-events:none;color:#8a93a3}
.f-exp-rows{display:flex;flex-direction:column}
.f-exp-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto 112px 108px 68px;align-items:center;gap:12px;padding:11px 6px;border-top:1px solid #f0f2f5;border-radius:7px;transition:background .15s}.f-exp-row:hover{background:#fafbfc}
.f-cat-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-dark)}.f-cat-icon .icon{width:18px;height:18px}
.f-cat-icon.cat-energy,.f-cat-icon.cat-water,.f-cat-icon.cat-internet{background:#edf3fc;color:#3e68a8}.f-cat-icon.cat-carwash,.f-cat-icon.cat-detailing,.f-cat-icon.cat-maintenance{background:#e9f6f3;color:#1f7a68}
.f-cat-icon.cat-food,.f-cat-icon.cat-cleaning{background:#fff4e2;color:#9a6512}.f-cat-icon.cat-documents,.f-cat-icon.cat-software,.f-cat-icon.cat-taxes{background:#f1eefb;color:#6a55b3}.f-cat-icon.cat-other{background:#f1f3f6;color:#5d6676}
.f-exp-main,.f-comm-main{min-width:0;display:flex;flex-direction:column;gap:2px}.f-exp-main strong,.f-comm-main strong{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.f-exp-main small,.f-comm-main small{font-size:11px;color:#8a93a3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.f-exp-date{font-size:12px;color:#6b7383;display:flex;align-items:center;gap:8px;white-space:nowrap;justify-content:flex-end}
.f-tag{display:inline-flex;align-items:center;gap:4px;font-size:10px;padding:3px 7px;border-radius:999px;background:#eef3fb;color:#3e68a8;font-weight:600}.f-tag .icon{width:11px;height:11px}
.f-exp-amount{text-align:right;font-variant-numeric:tabular-nums;font-size:14px;white-space:nowrap}
.f-status{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:30px;padding:0 11px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid transparent;white-space:nowrap;transition:border-color .15s,background .2s,color .2s}.f-status .icon{width:13px;height:13px;stroke-width:2.3}
.f-status.paid{background:var(--f-good-soft);color:var(--f-good)}.f-status.pending{background:var(--f-warn-soft);color:var(--f-warn)}button.f-status:hover{border-color:currentColor}
.f-row-actions{display:flex;gap:2px;opacity:.5;transition:opacity .15s;justify-content:flex-end}.f-exp-row:hover .f-row-actions,.f-row-actions:focus-within{opacity:1}.f-row-actions .icon-btn{width:32px;height:32px}.f-row-actions .icon{width:16px;height:16px}
.f-exp-total{display:flex;justify-content:space-between;align-items:center;padding:14px 6px 0;margin-top:2px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.f-exp-total strong{color:var(--ink);font-size:16px;font-variant-numeric:tabular-nums}
.f-exp-row.archived{grid-template-columns:38px minmax(0,1fr) auto auto}.f-exp-row.archived .outline-btn{min-height:36px;font-size:12px;gap:6px;padding:0 12px}.f-exp-row.archived .outline-btn .icon{width:15px;height:15px}

.f-cats{border:0;padding:0;margin:0 0 16px;min-width:0}.f-cats legend{font-size:11px;color:#5d697a;font-weight:500;margin-bottom:8px;padding:0}
.f-cats>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:6px}
.f-cat-option{position:relative;cursor:pointer;min-width:0}.f-cat-option input{position:absolute;opacity:0;inset:0;margin:0;pointer-events:none}
.f-cat-option span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px 4px;min-height:70px;border:1px solid var(--line);border-radius:9px;text-align:center;font-size:10.5px;color:#5d6676;line-height:1.25;transition:border-color .15s,background .15s,color .15s,box-shadow .15s}
.f-cat-option .icon{width:19px;height:19px}.f-cat-option:hover span{border-color:#c9ced6;color:var(--ink)}
.f-cat-option input:checked+span{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark);box-shadow:inset 0 0 0 1px var(--accent)}.f-cat-option input:focus-visible+span{outline:3px solid #ffb193;outline-offset:2px}
.f-cat-chosen{display:none}
.f-cats.compact>div{grid-template-columns:repeat(7,minmax(0,1fr))}.f-cats.compact .f-cat-option span{min-height:42px;padding:8px 0}
.f-cats.compact .f-cat-option small{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.f-cats.compact .f-cat-chosen{display:block;font-size:12px;color:var(--accent-dark);font-weight:600;margin:8px 0 0}

.f-team{display:flex;flex-direction:column}
.f-team-row{display:grid;grid-template-columns:minmax(200px,1.7fr) 1fr 1fr 1.35fr 1fr 92px;gap:12px;align-items:center;padding:12px 6px;border-top:1px solid #f0f2f5;font-size:13px;font-variant-numeric:tabular-nums}
.f-team-row>span:last-child{display:flex;justify-content:flex-end}
.f-team-headrow{border-top:0;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#8a93a3;padding-top:0;font-weight:600}
.f-person{display:flex;align-items:center;gap:11px;min-width:0}.f-person>span:last-child{display:flex;flex-direction:column;min-width:0}.f-person strong{font-size:13px}.f-person small{font-size:11px;color:#8a93a3}
.f-team-row em{font-style:normal;color:var(--f-warn);font-size:12px;font-weight:600}.f-team-row small{color:#8a93a3;font-size:10.5px}
.f-team-row.inactive{opacity:.55}.f-team-total{border-top:2px solid var(--ink);font-weight:700;padding-top:14px}
.f-small-btn{min-height:34px;padding:0 12px;font-size:12px;gap:6px}.f-small-btn .icon{width:15px;height:15px}
.f-footnote{font-size:11px;margin:14px 0 0}

.f-commission-settings{margin-bottom:16px;transition:border-color .25s,background .25s}.f-commission-settings.on{border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}
.f-switch-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.f-switch-row h2{font-size:16px;margin:0 0 4px;letter-spacing:-.3px}.f-switch-row p{margin:0;font-size:12.5px;color:var(--muted);line-height:1.5}
.f-switch{position:relative;width:52px;height:30px;border-radius:999px;background:#d5d9e0;flex-shrink:0;transition:background .25s}.f-switch i{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.22);transition:transform .28s var(--f-ease)}
.f-switch[aria-checked=true]{background:var(--accent)}.f-switch[aria-checked=true] i{transform:translateX(22px)}
.f-rule-form{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid #f0f2f5}.f-rule-form .m-form-feedback{flex-basis:100%;margin:0}.f-rule-form .outline-btn{min-height:41px;font-size:12px}
.f-segment{display:inline-flex;border:1px solid var(--line);border-radius:9px;padding:3px;margin:0;gap:2px;background:#f7f8fa;min-width:0;max-width:100%;overflow-x:auto}
.f-segment label{position:relative;flex-shrink:0}.f-segment input{position:absolute;opacity:0;inset:0;margin:0}
.f-segment span{display:block;padding:8px 12px;border-radius:7px;font-size:12px;color:#5d6676;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s;white-space:nowrap}
.f-segment input:checked+span{background:#fff;color:var(--ink);font-weight:600;box-shadow:0 1px 3px rgba(15,20,30,.12)}.f-segment input:focus-visible+span{outline:3px solid #ffb193}
.f-rule-input{display:inline-flex;align-items:center;gap:4px;border:1px solid #dfe4eb;border-radius:7px;background:#fff;padding-left:11px;min-height:41px}.f-rule-input b{font-size:12px;color:#8a93a3;font-weight:600}.f-rule-input input{border:0;width:104px;min-height:39px;padding-left:4px}
.f-commission-grid{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.5fr);gap:16px;align-items:start}
.f-ranking{list-style:none;margin:0;padding:0}.f-ranking li{display:grid;grid-template-columns:22px 36px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 4px;border-top:1px solid #f0f2f5}.f-ranking li:first-child{border-top:0;padding-top:2px}
.f-rank{font-size:11px;color:#a0a7b4;font-weight:700;font-variant-numeric:tabular-nums}.f-ranking .m-person-avatar{width:36px;height:36px;font-size:11px}
.f-ranking div{display:flex;flex-direction:column;min-width:0;gap:2px}.f-ranking strong{font-size:13px}.f-ranking small{font-size:11px;color:#8a93a3}
.f-rank-track{display:block;height:5px;border-radius:5px;background:#f0f2f5;margin-top:5px;overflow:hidden}.f-rank-track i{display:block;height:100%;width:var(--w);background:var(--accent);border-radius:5px}
.f-rank-value{text-align:right;font-weight:700;font-size:14px;display:flex;flex-direction:column;font-variant-numeric:tabular-nums;white-space:nowrap}.f-rank-value small{font-weight:500}
.f-comm-rows{display:flex;flex-direction:column}
.f-comm-row{display:grid;grid-template-columns:50px minmax(0,1fr) minmax(90px,auto) 96px minmax(150px,auto);gap:12px;align-items:center;padding:11px 4px;border-top:1px solid #f0f2f5}.f-comm-row:first-child{border-top:0}
.f-comm-date{font-size:11px;color:#8a93a3;font-weight:600;text-transform:uppercase}.f-comm-rule{font-size:11px;color:#6b7383;white-space:nowrap}
.f-comm-value{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.f-comm-state{display:flex;align-items:center;gap:8px;justify-content:flex-end;flex-wrap:wrap}.f-comm-row.none .f-comm-value,.f-comm-row.none .f-comm-rule{color:#a0a7b4}
.f-status.static{cursor:default}

.f-empty{text-align:center;padding:34px 16px;color:var(--muted)}.f-empty>.icon{width:34px;height:34px;color:var(--accent);margin:0 auto 10px}.f-empty h3{font-size:15px;color:var(--ink);margin:0 0 6px}.f-empty p{font-size:12.5px;margin:0 auto 14px;max-width:380px;line-height:1.6}
.f-locked{max-width:560px;margin:56px auto;text-align:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:44px 32px;animation:f-enter .4s var(--f-ease) both}
.f-locked-icon{width:64px;height:64px;border-radius:18px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;margin:0 auto 18px}.f-locked-icon .icon{width:28px;height:28px}
.f-locked h1{font-size:26px;letter-spacing:-.8px;margin:0 0 12px;line-height:1.2}.f-locked p:not(.eyebrow){color:var(--muted);line-height:1.65;font-size:14px;margin:0 0 22px}
.f-dialog .f-cats>div{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}

/* Relatórios → Resultado do mês */
.f-report-result{margin-bottom:15px;display:grid;grid-template-columns:minmax(190px,.8fr) minmax(0,2.6fr) auto;align-items:center;gap:14px 24px}.f-report-result .o-section-title{margin:0!important}
.f-report-lines{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0}.f-report-lines div{border-left:1px solid var(--line);padding-left:14px;min-width:0}
.f-report-lines dt{font-size:11px;color:var(--muted)}.f-report-lines dd{margin:3px 0 0;font-size:17px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.f-report-lines small{display:block;font-size:10.5px;font-weight:500;color:#8a93a3}
.f-report-lines .positive dd{color:#168660}.f-report-lines .negative dd{color:#c2414b}.f-report-result .text-btn{white-space:nowrap}
@media(max-width:1000px){.f-report-result{grid-template-columns:minmax(0,1fr)}.f-report-lines{grid-template-columns:repeat(2,minmax(0,1fr))}.f-report-result .text-btn{justify-self:start}}
@media(max-width:1250px){.f-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.f-result-grid{grid-template-columns:minmax(0,1fr)}.f-side{grid-template-columns:1fr 1fr}.f-expense-grid,.f-commission-grid{grid-template-columns:minmax(0,1fr)}.f-quick{position:static}}
@media(max-width:760px){
  .f-intro .f-intro-actions{width:100%;justify-content:stretch}#f-month{flex:1 1 100%}.f-month{width:100%}.f-month-label{flex:1;min-width:0}.f-intro .primary-btn{flex:1 1 100%}
  .f-tabs{margin-bottom:14px;gap:0}.f-tabs button{padding:0 11px;font-size:12px;gap:6px}.f-tabs button .icon{display:none}
  .f-side{grid-template-columns:minmax(0,1fr)}.f-kpis{gap:8px;margin-bottom:12px}.f-kpi{padding:13px 12px;gap:8px;flex-direction:column}.f-kpi-icon{width:30px;height:30px;border-radius:8px}.f-kpi-icon .icon{width:17px;height:17px}.f-kpi>div{width:100%}.f-kpi strong{font-size:clamp(16px,4.7vw,20px);letter-spacing:-.6px}.f-kpi small{font-size:10px}
  .f-panel{padding:15px}.f-result-grid{gap:12px;margin-bottom:12px}.f-panel-head{flex-wrap:wrap}
  .f-dre-row{grid-template-columns:minmax(0,1fr) auto 64px;gap:8px;font-size:12px;padding:10px 2px}.f-col-prev{display:none}.f-dre-row.total strong{font-size:16px}.f-dre-cat{padding-left:12px}.f-share,.f-dre-toggle small{display:none}
  .f-exp-row{grid-template-columns:36px minmax(0,1fr) auto;row-gap:6px;padding:12px 2px}.f-cat-icon{width:36px;height:36px}
  .f-exp-row>.f-cat-icon{grid-row:1/span 2}.f-exp-date{grid-column:2;grid-row:2;justify-content:flex-start}.f-exp-amount{grid-column:3;grid-row:1}.f-exp-row>.f-status{grid-column:3;grid-row:2;justify-self:end}.f-row-actions{grid-column:2;grid-row:2;justify-self:end;opacity:1}
  .f-exp-row.archived{grid-template-columns:36px minmax(0,1fr) auto}.f-exp-row.archived .outline-btn{grid-column:2/-1;justify-self:end}
  .f-team-headrow{display:none}.f-team-row{grid-template-columns:1fr 1fr;row-gap:10px;padding:14px 2px}.f-person{grid-column:1/-1}.f-team-row>[data-label]::before{content:attr(data-label);display:block;font-size:9.5px;color:#8a93a3;text-transform:uppercase;letter-spacing:.8px;margin-bottom:2px;font-weight:600}
  .f-team-total{grid-template-columns:1fr auto}.f-team-total>span:not(:first-child){display:none}
  .f-comm-row{grid-template-columns:44px minmax(0,1fr) auto;row-gap:6px}.f-comm-date{grid-row:1/span 2}.f-comm-rule{grid-column:2;grid-row:2;white-space:normal}.f-comm-value{grid-column:3;grid-row:1}.f-comm-state{grid-column:2/-1;grid-row:3;justify-content:flex-end}
  .f-switch-row h2{font-size:15px}.f-rule-form .f-segment{width:100%}.f-segment span{padding:8px 10px;font-size:11.5px}.f-rule-input{flex:1}.f-rule-input input{width:100%}.f-rule-form .outline-btn{flex:1 1 100%}
  .f-dialog .f-cats>div{grid-template-columns:repeat(4,minmax(0,1fr))}.f-dialog .f-cat-option span{min-height:56px;padding:7px 2px;font-size:9.5px}
  .f-locked{margin:24px auto;padding:32px 20px}.f-locked h1{font-size:22px}
}
@media(prefers-reduced-motion:reduce){.f-page,.f-page *,.f-dialog *{animation:none!important;transition:none!important}}
