.writeoff-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}
.writeoff-pair>.losses-panel{margin:0;width:auto}
.writeoff-pair[hidden]{display:none!important}
.writeoff-pair{container-type:inline-size}
.payroll-panel{width:calc((100% - 12px)/2);box-sizing:border-box}
.payroll-panel[hidden]{display:none!important}
.payroll-panel,.foodcost-panel{position:relative}
.payroll-warning,.payroll-warning:hover,.payroll-warning:focus,.payroll-warning:active{position:absolute;right:12px;top:12px;width:22px;height:22px;padding:0;border:0;border-radius:0;background:transparent;color:transparent;font-size:0;cursor:help;z-index:2;box-shadow:none;text-shadow:none;appearance:none;transform:none}
.payroll-warning::before{content:'';position:absolute;left:10px;top:3px;width:2px;height:10px;border-radius:2px;background:#e7b971}
.payroll-warning::after{content:'';position:absolute;left:10px;top:16px;width:2px;height:2px;border-radius:50%;background:#e7b971}
.payroll-warning:focus-visible{outline:1px solid #e7b971;outline-offset:2px}
.foodcost-refresh,.foodcost-refresh:hover,.foodcost-refresh:focus,.foodcost-refresh:active{position:absolute;right:10px;top:10px;width:26px;height:26px;padding:0;border:0;background:transparent;color:#9bb7c9;box-shadow:none;cursor:pointer;font:400 24px/1 Arial,sans-serif;z-index:3}
.foodcost-refresh>span:first-child{display:block}.foodcost-refresh.is-running>span:first-child{animation:fcRefresh 1.2s linear infinite}
.foodcost-refresh-tooltip{display:none;position:absolute;right:0;top:30px;width:min(270px,65vw);padding:10px 12px;background:#172027;border:1px solid #3c505b;border-radius:8px;color:#d9e5ec;font:400 12px/1.5 Manrope,sans-serif;white-space:pre-line;text-align:left;pointer-events:none}
.foodcost-refresh:hover .foodcost-refresh-tooltip,.foodcost-refresh:focus .foodcost-refresh-tooltip{display:block}
.foodcost-refresh:focus-visible{outline:1px solid #9bb7c9}.foodcost-refresh:disabled{cursor:wait;opacity:1}
@keyframes fcRefresh{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.foodcost-refresh.is-running>span:first-child{animation:none}}
.payroll-warning-tooltip{display:none;position:absolute;right:0;top:28px;width:min(270px,65vw);padding:10px 12px;border:1px solid #645136;border-radius:8px;background:#172027;color:#f5e5c9;font:400 12px/1.5 Manrope,Arial,sans-serif;white-space:pre-line;text-align:left;box-shadow:0 8px 24px #0006;pointer-events:none}
.payroll-warning:hover .payroll-warning-tooltip,.payroll-warning:focus .payroll-warning-tooltip{display:block}
.finance-pair[hidden]{display:none!important}
.finance-pair>.payroll-panel{width:auto}
.foodcost-panel .losses-gauge>strong{font-size:14px}
.payroll-assumptions{font-size:10px;color:#8fa5af;max-width:240px}
.payroll-assumptions summary{cursor:pointer}
.payroll-assumptions small{display:block;padding-top:6px;line-height:1.5}
.payroll-panel .losses-metric{flex-wrap:wrap;gap:10px}
.payroll-panel .losses-gauge>strong{font-size:14px}
.losses-panel{padding:14px 12px;min-width:0}
.writeoff-pair .panel-heading{min-height:0}
.writeoff-pair .losses-metric{gap:10px;flex-wrap:wrap}
.losses-gauge.is-guest{--losses-color:#42dc83}
.losses-panel .panel-heading h2{font-size:16px}
.losses-metric{display:flex;gap:16px;align-items:center;margin-top:6px;min-height:80px}
.losses-gauge{--losses-color:#42dc83;width:80px;height:80px;flex-shrink:0;border-radius:50%;padding:5px;background:conic-gradient(var(--losses-color) var(--losses-progress),#263239 0);display:grid;place-items:center;box-sizing:border-box}
.losses-gauge.is-over{--losses-color:#f27b73}
.losses-gauge>strong{width:70px;height:70px;display:grid;place-items:center;border-radius:50%;background:#10191e;font-size:16px;font-weight:700;color:var(--losses-color)}
.losses-values{display:flex;flex-direction:column;gap:4px;min-width:0}
.losses-values>strong{font-size:23px;line-height:1.15;letter-spacing:-.025em}
.losses-values>span{font-size:12px;color:#a4b7c0}
.losses-values>small{font-size:10px;line-height:1.5;color:#8fa5af}
.losses-values>.finance-delta{font-size:12px;font-weight:700;margin-top:3px}
.losses-values>.finance-delta.is-saving{color:#42dc83}
.losses-values>.finance-delta.is-over{color:#f27b73}
@media(max-width:600px){.writeoff-pair{gap:10px}.writeoff-pair .losses-metric{flex-direction:column;align-items:flex-start}.writeoff-pair .losses-values>strong{font-size:20px}.writeoff-pair .losses-values>span{font-size:11px}}
.writeoff-pair .losses-panel .losses-metric{display:grid;grid-template-columns:80px minmax(0,1fr);align-items:center;gap:10px}
.writeoff-pair .losses-values{max-width:100%}
.writeoff-pair .losses-values>strong{font-size:clamp(19px,1.7vw,23px);overflow-wrap:anywhere}
.writeoff-pair .finance-delta{white-space:normal;overflow-wrap:anywhere}
@container(max-width:480px){
 .writeoff-pair .losses-panel .losses-metric{grid-template-columns:minmax(0,1fr);align-items:start;align-content:start;gap:12px}
 .writeoff-pair .losses-values>strong{font-size:22px}
}