#employee-quota{--qc-ink:#40566b;--qc-gold:#a17c32;--qc-line:#cbb071;--qc-muted:#657687;color:var(--qc-ink);background:#fff;font:inherit;line-height:1.85}
#employee-quota *{box-sizing:border-box}
#employee-quota .qc-wrap{width:min(1180px,calc(100% - 48px));margin:auto}
#employee-quota .qc-content{max-width:1160px;padding-top:38px;padding-bottom:64px}
#employee-quota .qc-origin{font-size:13px;color:var(--qc-muted);margin:0 0 24px;line-height:1.85}
#employee-quota a{color:#8c6728;text-underline-offset:4px}
#employee-quota .qc-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start;padding:22px 0 32px;scroll-margin-top:115px}
#employee-quota .qc-panel{border:1px solid var(--qc-line);border-radius:16px;overflow:hidden;padding:0}
#employee-quota .qc-panel-head{padding:26px;border-bottom:1px solid #e8e4da}
#employee-quota h2{font-size:22px;line-height:1.45;margin:0 0 18px;font-weight:700;text-wrap:balance}
#employee-quota h3{font-size:21px;line-height:1.5;margin:0 0 8px;font-weight:700}
#employee-quota p{margin:0 0 14px}
#employee-quota .qc-small{font-size:13px;color:var(--qc-muted);line-height:1.85;margin:0}
#employee-quota .qc-form{padding:24px 26px}
#employee-quota .qc-setup{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
#employee-quota label{font-size:16px;display:flex;flex-direction:column;gap:9px;min-width:0;font-weight:600}
#employee-quota :is(input,select){font:inherit;font-weight:400;color:var(--qc-ink);width:100%;min-width:0;border:1px solid #cbd8e5;background:#fff;border-radius:6px;min-height:48px;padding:12px 14px;transition:border-color .18s,box-shadow .18s}
#employee-quota input{font-variant-numeric:tabular-nums}
#employee-quota label small{font-size:13px;font-weight:400;color:var(--qc-muted);line-height:1.7}
#employee-quota .qc-rules{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:20px;padding:13px 16px;border-radius:9px;background:#f6f2e9;font-size:13px}
#employee-quota .qc-rules b{color:#8b6729;margin-left:7px}
#employee-quota .qc-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 0}
#employee-quota button{font:inherit;color:#40566b;background:#fff;border:1px solid #cbb071;border-radius:8px;padding:12px 17px;cursor:pointer;min-height:48px}
#employee-quota button:hover{background:#faf4e6;color:#8a6421;border-color:#a17c32;box-shadow:0 7px 20px #a17c3220;transform:translateY(-2px)}
#employee-quota button:active{background:#eee3ca;transform:translateY(1px)}
#employee-quota :is(input,select):hover{border-color:#b49a64}
#employee-quota :is(button,input,select,a,summary):focus-visible{outline:2px solid #a17c32;outline-offset:4px}
#employee-quota .qc-empty{padding:28px;text-align:center;color:var(--qc-muted);background:#fbfaf8;border-top:1px solid #eee8dc}
#employee-quota .qc-workforce-head{padding:22px 26px 15px;border-top:1px solid #eee8dc}
#employee-quota .qc-row{display:grid;grid-template-columns:minmax(0,1fr) 190px 68px;gap:18px;align-items:center;padding:22px 26px;border-top:1px solid #e8e4da}
#employee-quota .qc-worker-name p{font-size:12px;color:var(--qc-muted);margin:0;line-height:1.6}
#employee-quota .qc-counts{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}
#employee-quota .qc-counts label{font-size:12px;line-height:1.4;font-weight:400}
#employee-quota .qc-counts input{padding:10px 9px;min-height:44px}
#employee-quota .qc-available{display:flex;flex-direction:column;align-items:flex-end;gap:5px;font-size:12px;color:var(--qc-muted)}
#employee-quota .qc-available output{font-size:25px;line-height:1.25;color:#97702a;font-weight:600;font-variant-numeric:tabular-nums}
#employee-quota .qc-summary{position:sticky;top:115px;padding:26px;border:1px solid #cbb071;border-radius:16px}
#employee-quota .qc-main-result{margin:20px 0;padding:22px 0;border-block:1px solid #e8e4da;display:flex;flex-direction:column;gap:9px}
#employee-quota .qc-main-result strong{font-size:48px;line-height:1.15;color:#9c772d;font-weight:600;font-variant-numeric:tabular-nums}
#employee-quota .qc-result-label{font-size:14px;font-weight:600}
#employee-quota .qc-totals{margin:0 0 20px}
#employee-quota .qc-totals>div{display:flex;justify-content:space-between;gap:18px;font-size:14px;padding:8px 0}
#employee-quota .qc-totals dt{color:var(--qc-muted)}
#employee-quota .qc-totals dd{font-weight:600;margin:0;font-variant-numeric:tabular-nums}
#employee-quota .qc-result-note{font-size:13px;line-height:1.7;color:#74684f;background:#f5f0e5;border-radius:9px;padding:14px}
#employee-quota .qc-warning{border:1px solid #dbb6a1;background:#fff6ef;color:#8b3e23;border-radius:10px;padding:16px;margin-top:20px;font-size:14px;line-height:1.7}
#employee-quota .qc-result-status{font-size:13px;color:var(--qc-muted);margin:18px 0 0}
#employee-quota .qc-link-button{display:block;text-align:center;padding:13px 25px;border:1px solid #c8ba9a;border-radius:8px;text-decoration:none;font-size:16px;margin-top:18px;line-height:1.75;white-space:normal}
#employee-quota .qc-help{padding:0;border:0}
#employee-quota .qc-help-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:26px}
#employee-quota .qc-help-card{border:1px solid #cbb071;border-radius:16px;padding:26px}
#employee-quota .qc-help h2{font-size:22px;margin-bottom:18px}
#employee-quota .qc-help :is(p,li){font-size:16px;color:var(--qc-muted);line-height:1.85}
#employee-quota .qc-help ul{padding-left:20px;margin:0}
#employee-quota .qc-formulas{border:1px solid #cbb071;border-radius:14px;padding:0;margin-bottom:26px}
#employee-quota summary{cursor:pointer;font-weight:600;line-height:1.5}
#employee-quota .qc-formulas ol{padding:0 24px 24px 46px;margin:0}
#employee-quota .qc-formulas li{padding:8px 0;font-size:14px;line-height:1.8;overflow-wrap:anywhere}
#employee-quota .qc-sources{font-size:13px;color:var(--qc-muted);display:flex;gap:10px 22px;flex-wrap:wrap;margin-top:24px}
#employee-quota .qc-related{display:flex;gap:14px 24px;flex-wrap:wrap;padding-top:22px;margin-top:26px;border-top:1px solid #e4e1d9;font-size:14px}
#employee-quota [hidden]{display:none!important}
@media(max-width:1100px){#employee-quota .qc-workspace{grid-template-columns:minmax(0,1fr) 285px;gap:20px}#employee-quota .qc-row{grid-template-columns:minmax(0,1fr) 162px 55px;gap:12px;padding:20px}#employee-quota .qc-panel-head,#employee-quota .qc-form,#employee-quota .qc-workforce-head{padding:22px 20px}#employee-quota .qc-summary{padding:22px}}
@media(max-width:900px){#employee-quota .qc-workspace{grid-template-columns:minmax(0,1fr)}#employee-quota .qc-summary{position:static}#employee-quota .qc-help-grid{grid-template-columns:minmax(0,1fr)}#employee-quota .qc-row{grid-template-columns:minmax(0,1fr) 210px 70px}}
@media(max-width:600px){#employee-quota .qc-wrap{width:calc(100% - 36px)}#employee-quota .qc-content{padding-top:26px;padding-bottom:38px}#employee-quota .qc-workspace{padding-top:22px}#employee-quota .qc-setup{grid-template-columns:minmax(0,1fr)}#employee-quota .qc-row{grid-template-columns:minmax(0,1fr) 70px;gap:14px 18px}#employee-quota .qc-worker-name{grid-column:1/-1}#employee-quota .qc-worker-name h3{font-size:18px}#employee-quota .qc-counts{grid-template-columns:1fr 1fr}#employee-quota .qc-panel-head,#employee-quota .qc-form,#employee-quota .qc-workforce-head,#employee-quota .qc-row{padding:20px 18px}#employee-quota .qc-help-card{padding:23px}#employee-quota .qc-formulas ol{padding:0 20px 20px 38px}#employee-quota .qc-main-result strong{font-size:42px}#employee-quota .qc-sources{flex-direction:column;gap:10px}}
@media print{header,footer,.floating,#employee-quota .qc-actions{display:none!important}#employee-quota .qc-workspace{display:block}#employee-quota .qc-summary{position:static;break-inside:avoid}}

.qc-hero .qc-pass,#employee-quota .qc-pass{white-space:nowrap}
@media(prefers-reduced-motion:reduce){#employee-quota :is(button,input,select){transition:none!important;transform:none!important}}

/* Keep MOM's complete English field names visible without repeating long headers. */
html[lang^="en"] #employee-quota .qc-row,
html[lang^="en"] #employee-quota .qc-column-head{grid-template-columns:minmax(0,1fr) 244px 144px}
#employee-quota .qc-column-head{display:grid;gap:18px;padding:18px 26px;background:#faf8f2;border-top:1px solid #e8e4da;font-size:12px;line-height:1.6;font-weight:600;align-items:end}
#employee-quota .qc-column-labels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
@media(min-width:1101px){
 html[lang^="en"] #employee-quota .qc-panel{overflow:clip}
 html[lang^="en"] #employee-quota .qc-column-head{position:sticky;top:105px;z-index:2;box-shadow:0 4px 10px #a17c3210}
}
html[lang^="en"] #employee-quota .qc-counts{align-items:end}
html[lang^="en"] #employee-quota .qc-counts label>span,
html[lang^="en"] #employee-quota .qc-available>span{display:none}
html[lang^="en"] #employee-quota .qc-available output{margin-left:auto}
@media(max-width:1100px){
 #employee-quota .qc-column-head{display:none}
 html[lang^="en"] #employee-quota .qc-row{grid-template-columns:minmax(0,1fr) 144px;gap:18px}
 html[lang^="en"] #employee-quota .qc-worker-name{grid-column:1/-1}
 html[lang^="en"] #employee-quota .qc-counts label>span,
 html[lang^="en"] #employee-quota .qc-available>span{display:block}
 html[lang^="en"] #employee-quota .qc-available>span{text-align:right;line-height:1.6}
}
@media(max-width:600px){
 html[lang^="en"] #employee-quota .qc-row{grid-template-columns:minmax(0,1fr)}
 html[lang^="en"] #employee-quota .qc-worker-name,
 html[lang^="en"] #employee-quota .qc-counts,
 html[lang^="en"] #employee-quota .qc-available{grid-column:1}
 html[lang^="en"] #employee-quota .qc-available{flex-direction:row;justify-content:space-between;align-items:center;gap:18px}
 html[lang^="en"] #employee-quota .qc-available>span{text-align:left;max-width:75%}
}
