.studio-tab{border:1px solid #d9dde4;background:#fff;color:#4c5565;white-space:nowrap}.studio-tab.active{background:#101722;color:#fff;border-color:#101722}.studio-tab.deduction-tab.active{background:linear-gradient(135deg,#b60718,#df1329);border-color:#b60718}
.deduction-shell{height:calc(100vh - 104px);min-height:0;padding:28px;background:linear-gradient(145deg,#f5f6f8,#fff8f3 58%,#f1f3f6);color:#111827;overflow:auto}.deduction-shell[hidden]{display:none}.deduction-hero{max-width:1600px;margin:0 auto 18px;padding:28px 32px;border-radius:22px;background:radial-gradient(circle at 90% 0,rgba(225,6,24,.28),transparent 35%),linear-gradient(125deg,#0b111a 0%,#182231 58%,#520913 100%);color:#fff;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;box-shadow:0 20px 50px rgba(17,24,39,.16)}
.deduction-hero .eyebrow{color:#ff8993}.deduction-hero h1{font-size:clamp(28px,3vw,48px);line-height:1.1;margin:8px 0}.deduction-hero p{margin:0;color:#ccd4df;max-width:850px}.hero-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.hero-badges span{font-size:12px;font-weight:700;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);padding:9px 12px;border-radius:999px;white-space:nowrap}
.deduction-summary{max-width:1600px;margin:0 auto 14px;display:grid;grid-template-columns:repeat(3,minmax(120px,1fr)) 2fr;gap:10px}.deduction-summary>div{border:1px solid #e2e5e9;background:#fff;border-radius:16px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 22px rgba(17,24,39,.04)}.deduction-summary small{color:#697386}.deduction-summary strong{font-size:25px}.deduction-summary .draft-warning{background:#fff4df;border-color:#efc67e}.draft-warning b{font-size:12px;color:#9b5e00;letter-spacing:.08em}.draft-warning span{font-size:12px;color:#765321}
.deduction-flow{max-width:1600px;margin:0 auto 14px;display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;padding:12px;background:#fff;border:1px solid #e2e5e9;border-radius:14px}.deduction-flow span{font-size:12px;font-weight:800;padding:7px 11px;background:#f3f5f7;border-radius:999px}.deduction-flow i{color:#c70b1d;font-style:normal}
.deduction-layout{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:340px minmax(0,1fr);gap:14px;align-items:start}.deduction-library,.deduction-editor,.payroll-play{border-radius:20px;padding:20px;border:1px solid #dfe3e8;background:#fff}.deduction-library{position:sticky;top:16px}.panel-copy{color:#697386;font-size:13px;line-height:1.55;margin:0 0 14px}.deduction-cards{display:flex;flex-direction:column;gap:9px;margin:14px 0;max-height:600px;overflow:auto;padding-right:3px}.deduction-card{width:100%;text-align:left;border:1px solid #e0e4e9;border-radius:14px;background:#fff;padding:13px;display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;cursor:pointer}.deduction-card:hover{border-color:#cf7983}.deduction-card.selected{border-color:#c80a1e;background:#fff7f7;box-shadow:inset 4px 0 #c80a1e}.deduction-card span:nth-child(2){min-width:0}.deduction-card b,.deduction-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deduction-card small{font-size:11px;color:#778190;margin-top:3px}.deduction-order{font-size:11px;font-weight:800;color:#9a2430;background:#f9e7e9;border-radius:9px;padding:8px 4px;text-align:center}.deduction-card em{font-style:normal;font-size:10px;font-weight:800;border-radius:999px;padding:5px 7px}.deduction-card em.ready{background:#e8f8f1;color:#057a55}.deduction-card em.warning{background:#fff0d9;color:#9b5e00}.empty-list{color:#7b8491;text-align:center;padding:30px 10px}
.deduction-editor{min-height:650px}.deduction-editor-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:16px;border-bottom:1px solid #e4e7eb}.deduction-editor-head h2{margin:5px 0 2px}.deduction-editor-head>div:last-child{display:flex;gap:8px}.danger-button{background:#fff;color:#b30b1d;border:1px solid #efc8cd}.deduction-section{padding:19px 0;border-bottom:1px solid #e7e9ed}.deduction-section h3{display:flex;align-items:center;gap:9px;margin:0 0 13px;font-size:16px}.deduction-section h3 i{font-style:normal;width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#101722;color:#fff;font-size:11px}.deduction-grid{display:grid;gap:12px}.deduction-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.deduction-grid label,.wide-label,.play-grid label,.exception-grid label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:#4d5766}.deduction-grid input,.deduction-grid select,.wide-label textarea,.play-grid input,.play-grid select,.exception-grid input,.exception-grid select,.band-row input{width:100%;min-height:42px;border:1px solid #d8dde4;background:#fff;border-radius:10px;padding:9px 11px;color:#111827;font:inherit}.deduction-grid input:focus,.deduction-grid select:focus,.wide-label textarea:focus,.play-grid input:focus,.exception-grid input:focus{outline:2px solid rgba(201,10,30,.15);border-color:#c90a1e}.wide-label{margin-top:12px}.span-two{grid-column:span 2}.check-label{flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;padding-top:25px}.check-label input{width:18px!important;min-height:18px!important;accent-color:#c90a1e}
.bands-editor{margin-top:14px;background:#f7f8fa;border:1px solid #dde2e8;border-radius:14px;padding:13px}.table-title,.section-title-row{display:flex;justify-content:space-between;align-items:center;gap:14px}.bands-head,.band-row{display:grid;grid-template-columns:1fr 1fr 1fr 36px;gap:8px;align-items:center}.bands-head{font-size:10px;text-transform:uppercase;color:#7d8693;padding:11px 7px 5px}.band-row{margin-top:6px}.band-row button,.exception-head button{border:0;background:#f0f2f4;border-radius:8px;width:34px;height:34px;cursor:pointer;color:#a31221;font-size:18px}
.section-title-row p{font-size:12px;color:#788291;margin:4px 0 0}.exception-card{border:1px solid #efd3a4;background:linear-gradient(180deg,#fffaf1,#fff);border-radius:15px;padding:14px;margin-top:12px}.exception-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.exception-head b{font-size:10px;color:#986016;letter-spacing:.12em}.exception-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.exception-note{font-size:11px;color:#6e5b3f;margin:10px 0 0;padding:9px 11px;background:#fff4df;border-radius:8px}.exception-end.is-hidden{display:none}.no-exception{padding:20px;border:1px dashed #cfd5dd;border-radius:13px;text-align:center;color:#697386}.no-exception b,.no-exception span{display:block}.no-exception span{font-size:12px;margin-top:4px}
.deduction-footer{padding:18px 0 0;display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:end}.deduction-footer>div:first-child{min-width:0}.deduction-footer span{font-size:11px;color:#778190}.deduction-footer strong{float:right}.deduction-footer p{font-size:11px;color:#9c5d03;margin:8px 0 0;line-height:1.45}.deduction-footer p.complete{color:#087854}.mini-progress{clear:both}.deduction-footer .button{min-width:150px}
.payroll-play{max-width:1600px;margin:14px auto 0}.play-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.play-head h2{margin:5px 0}.play-head p{color:#6d7785;margin:0;font-size:13px}.play-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:16px;padding:15px;background:#f7f8fa;border-radius:14px}.payroll-result{margin-top:14px}.result-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.result-kpis>div{padding:17px;background:#151b25;color:#fff;border-radius:13px}.result-kpis .net{background:linear-gradient(135deg,#a90719,#d50c23)}.result-kpis small,.result-kpis strong{display:block}.result-kpis small{color:#cbd2dc;font-size:11px}.result-kpis strong{font-size:25px;margin-top:6px}.result-lines{margin-top:10px;border:1px solid #e1e4e8;border-radius:13px;overflow:hidden}.result-row{display:grid;grid-template-columns:45px minmax(140px,1fr) 2fr auto;gap:10px;padding:12px 14px;border-bottom:1px solid #e7e9ec;align-items:center}.result-row:last-child{border-bottom:0}.result-row span{font-size:11px;color:#a10a1a;font-weight:800}.result-row small{color:#657080}.result-row em{font-size:10px;font-style:normal;padding:5px 8px;background:#fff0d9;color:#8c5800;border-radius:999px}.result-row.hold{background:#fff5e6}.result-hold{border:1px solid #efc37a;background:#fff5e5;border-radius:13px;padding:16px;color:#7b4a00;display:flex;gap:12px;align-items:center}.result-hold b{color:#9d2600}.result-hold small{margin-left:auto}.empty-object{color:#bd0b1d}
@media(max-width:1200px){.deduction-layout{grid-template-columns:280px minmax(0,1fr)}.play-grid{grid-template-columns:repeat(3,1fr)}.exception-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.deduction-shell{padding:14px}.deduction-hero{align-items:flex-start;flex-direction:column;padding:22px}.hero-badges{justify-content:flex-start}.deduction-summary{grid-template-columns:repeat(2,1fr)}.deduction-summary .draft-warning{grid-column:span 2}.deduction-layout{grid-template-columns:1fr}.deduction-library{position:static}.deduction-grid.three,.play-grid{grid-template-columns:1fr 1fr}.deduction-footer{grid-template-columns:1fr}.exception-grid{grid-template-columns:1fr}.span-two{grid-column:auto}.play-head{align-items:flex-start;flex-direction:column}.result-kpis{grid-template-columns:1fr}.result-row{grid-template-columns:40px 1fr}.result-row small{grid-column:2}.studio-tab{font-size:11px;padding-inline:10px}}