/* ТРЗ — ведомост за заплати (src/16-payroll.js) */
.oabg-root .pr-disc{display:flex;gap:8px;align-items:flex-start;margin:0 0 14px}
.oabg-root .pr-disc svg{flex:none;margin-top:2px}
.oabg-root .pr-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;white-space:nowrap}
.oabg-root .pr-list .n,.oabg-root .pr-nap .n{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.oabg-root .pr-list tfoot td{border-top:1px solid var(--line);background:var(--panel-2)}
.oabg-root .pr-nap tfoot td{border-top:2px solid var(--line);padding-top:12px;background:var(--panel-2)}
.oabg-root .pr-nap .pr-big{font-size:18px;font-weight:800;color:var(--ink)}
.oabg-root .pr-nap td{padding:9px 12px}

/* trend bars */
.oabg-root .pr-trend{display:flex;align-items:flex-end;gap:10px;height:190px;padding-top:6px;overflow-x:auto}
.oabg-root .pr-tb{flex:1 0 42px;max-width:78px;display:flex;flex-direction:column;align-items:center;height:100%;color:var(--muted);font-size:11.5px;text-decoration:none}
.oabg-root .pr-tb-v{font-size:10.5px;font-weight:600;color:var(--ink-2);margin-bottom:4px;font-variant-numeric:tabular-nums}
.oabg-root .pr-tb-s{flex:1;width:70%;display:flex;flex-direction:column;justify-content:flex-end;border-radius:7px 7px 3px 3px;overflow:hidden;background:var(--panel-2)}
.oabg-root .pr-tb-s i{display:block;width:100%;transition:filter .15s}
.oabg-root .pr-tb:hover .pr-tb-s i{filter:brightness(1.08) saturate(1.1)}
.oabg-root .pr-tb span{margin-top:6px;white-space:nowrap}

/* toolbar + kpis in editor */
.oabg-root .pr-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.oabg-root .pr-out{gap:6px;flex-wrap:wrap}
.oabg-root .pr-dirty{color:#d97706;font-weight:600}
.oabg-root .pr-kpis2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.oabg-root .pr-kpi{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px;position:relative;overflow:hidden}
.oabg-root .pr-kpi::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--c)}
.oabg-root .pr-kpi .l{font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.4px}
.oabg-root .pr-kpi .v{font-size:23px;font-weight:800;letter-spacing:-.5px;color:var(--ink);margin-top:4px;font-variant-numeric:tabular-nums}
.oabg-root .pr-kpi .s{font-size:12px;color:var(--muted);margin-top:2px}
.oabg-root .pr-params{margin-bottom:14px}
.oabg-root .pr-params summary{gap:8px;justify-content:flex-start;flex-wrap:wrap}
.oabg-root .pr-params summary::after{margin-left:auto}
.oabg-root .pr-params summary .oa-small{font-weight:400}
.oabg-root .oa-sec-b .oa-form.pr-pform{grid-template-columns:repeat(4,minmax(0,1fr))}

/* the spreadsheet */
.oabg-root .pr-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--panel);max-height:72vh;box-shadow:var(--shadow)}
.oabg-root .pr-tbl{border-collapse:separate;border-spacing:0;font-size:13px;min-width:100%;font-variant-numeric:tabular-nums}
.oabg-root .pr-tbl th,.oabg-root .pr-tbl td{border-right:1px solid var(--line-2);border-bottom:1px solid var(--line-2);padding:0;height:44px;white-space:nowrap}
.oabg-root .pr-tbl thead th{position:sticky;top:0;z-index:2;background:var(--panel-2);color:var(--muted);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.35px;padding:8px 8px;text-align:right;white-space:normal;line-height:1.2;min-width:84px;max-width:110px;vertical-align:bottom;height:auto}
.oabg-root .pr-tbl thead th.ed{color:var(--brand)}
.oabg-root .pr-tbl thead th.pay{background:#dcfce7;color:#166534}
.oabg-root .pr-tbl .pr-name{position:sticky;left:0;z-index:1;background:var(--panel);text-align:left;padding:6px 14px;min-width:210px;max-width:240px;border-right:2px solid var(--line);font-weight:400}
.oabg-root .pr-tbl thead .pr-name{z-index:4;background:var(--panel-2);text-align:left;vertical-align:bottom}
.oabg-root .pr-nm{font-weight:700;color:var(--ink);cursor:pointer;overflow:hidden;text-overflow:ellipsis;font-size:13.5px}
.oabg-root .locked .pr-nm,.oabg-root .pr-nm:hover{color:var(--brand)}
.oabg-root .pr-sub{font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;display:flex;gap:4px;align-items:center;flex-wrap:nowrap}
.oabg-root .pr-tag{display:inline-block;font-size:10px;font-weight:700;padding:1px 5px;border-radius:5px;background:var(--panel-2);border:1px solid var(--line);color:var(--ink-2);line-height:1.3}
.oabg-root .pr-tag.civ{background:#e0f2fe;color:#075985;border-color:transparent}
.oabg-root .pr-tag.f76{background:#dcfce7;color:#166534;border-color:transparent}
.oabg-root .pr-tag.warn{background:#fef3c7;color:#92400e;border-color:transparent}
.oabg-root .pr-tbl td.pr-in input{width:100%;min-width:92px;height:43px;border:0;background:transparent;text-align:right;padding:0 10px;font:inherit;color:var(--ink);outline:none;-moz-appearance:textfield}
.oabg-root .pr-tbl td.pr-in.d input{min-width:60px}
.oabg-root .pr-tbl td.pr-in input::-webkit-outer-spin-button,.oabg-root .pr-tbl td.pr-in input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.oabg-root .pr-tbl td.pr-in{background:color-mix(in srgb,var(--brand) 4%,var(--panel))}
.oabg-root .pr-tbl td.pr-in:focus-within{box-shadow:inset 0 0 0 2px var(--brand);background:var(--panel)}
.oabg-root .pr-tbl td.pr-in input:disabled{color:var(--ink-2);cursor:not-allowed}
.oabg-root .pr-tbl td.pr-in input.warn{color:#dc2626;font-weight:700}
.oabg-root .locked .pr-tbl td.pr-in{background:transparent}
.oabg-root .pr-tbl td.pr-c{text-align:right;padding:0 10px;color:var(--ink-2)}
.oabg-root .pr-tbl td.pr-c.b{font-weight:700;color:var(--ink)}
.oabg-root .pr-tbl td.pr-c.pay{font-weight:800;color:#15803d;background:color-mix(in srgb,#22c55e 8%,var(--panel))}
.oabg-root .pr-tbl td.pr-c.neg{color:#dc2626}
.oabg-root .pr-tbl td .z{color:var(--line)}
.oabg-root .pr-tbl tbody tr:hover td,.oabg-root .pr-tbl tbody tr:hover th,.oabg-root .pr-tbl tbody tr.hl td,.oabg-root .pr-tbl tbody tr.hl th{background-color:color-mix(in srgb,var(--brand) 7%,var(--panel))}
.oabg-root .pr-tbl tfoot td,.oabg-root .pr-tbl tfoot th{position:sticky;bottom:0;z-index:2;background:var(--panel-2);font-weight:800;color:var(--ink);text-align:right;padding:0 10px;border-top:2px solid var(--line)}
.oabg-root .pr-tbl tfoot .pr-name{z-index:4;text-align:left;padding:0 14px}
.oabg-root .pr-tbl tfoot td.pay{color:#15803d}
.oabg-root .pr-legend{display:flex;flex-wrap:wrap;gap:6px 18px}
.oabg-root .pr-legend i.ed{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:-2px;background:color-mix(in srgb,var(--brand) 12%,var(--panel));border:1px solid color-mix(in srgb,var(--brand) 40%,transparent)}

/* payslip list + preview */
.oabg-root .pr-sliplist{display:flex;flex-direction:column;gap:2px}
.oabg-root .pr-sl{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line-2)}
.oabg-root .pr-sl:last-of-type{border-bottom:0}
.oabg-root .pr-sl .oa-row{gap:8px;flex-wrap:nowrap;white-space:nowrap}
.oa-overlay .pr-slip-prev{background:#fff;padding:12px;border-radius:10px;color:#111827}
.oa-overlay .pr-slip-prev .pr-slip{height:auto!important}
.oabg-root .pr-rules li{margin:6px 0;line-height:1.5}

@media (max-width:1100px){.oabg-root .pr-kpis2{grid-template-columns:repeat(2,minmax(0,1fr))}.oabg-root .oa-sec-b .oa-form.pr-pform{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .oabg-root .pr-kpis2{grid-template-columns:1fr 1fr;gap:8px}
  .oabg-root .pr-kpi{padding:10px 12px}.oabg-root .pr-kpi .v{font-size:17px}.oabg-root .pr-kpi .s{display:none}
  .oabg-root .pr-tbl .pr-name{min-width:130px;max-width:140px;padding:4px 8px}
  .oabg-root .pr-sub{display:none}
  .oabg-root .pr-wrap{max-height:none}
  .oabg-root .oa-sec-b .oa-form.pr-pform{grid-template-columns:1fr}
  .oabg-root .pr-out .oa-btn{flex:1 1 auto}
}
.oabg-root.oa-dark .pr-tbl thead th.pay,.oa-dark .pr-tbl thead th.pay{background:#052e16;color:#86efac}
.oa-dark .pr-tag.civ{background:#082f49;color:#7dd3fc}.oa-dark .pr-tag.f76{background:#052e16;color:#86efac}.oa-dark .pr-tag.warn{background:#3b2a05;color:#fcd34d}
.oa-dark .pr-tbl td.pr-c.pay,.oa-dark .pr-tbl tfoot td.pay{color:#4ade80}
.oabg-root .pr-list td,.oabg-root .pr-list th{padding-left:10px;padding-right:10px}