/* mappa — Calculadora de salário líquido. Usa as cores da página (.mappa-page) com alternativas. */
.mcs{--g:var(--green,#628474);--gs:var(--green-soft,#91AFA1);--bg:var(--bg-light,#EFF7F3);--ink:var(--ink,#233029);--mu:var(--muted,#5c6b62);--ln:var(--line,#e2ebe4);
  max-width:980px;margin:0 auto;color:var(--ink);font-size:15px}
.mcs *{box-sizing:border-box}
.mcs .mcs-grelha{display:grid;grid-template-columns:minmax(0,560px);justify-content:center;gap:22px}
.mcs .mcs-grelha.dois{grid-template-columns:repeat(2,minmax(0,1fr))}
.mcs .mcs-card{background:#fff;border:1px solid var(--ln);border-radius:14px;padding:24px 22px;display:flex;flex-direction:column;gap:14px}
.mcs .mcs-card[hidden],.mcs .mcs-cab[hidden],.mcs .mcs-bloco[hidden],.mcs .mcs-jovem[hidden]{display:none!important}
.mcs .mcs-nome{width:100%;border:0;border-bottom:2px solid var(--ln);font:700 18px/1.3 var(--font-display,Georgia,serif);color:var(--ink);padding:4px 0;background:transparent}
.mcs .mcs-nome:focus{outline:none;border-color:var(--g)}
.mcs .mcs-f{display:flex;flex-direction:column;gap:6px;min-width:0}
.mcs .mcs-f span{font-size:13px;font-weight:600;color:var(--mu)}
.mcs input:not([type=checkbox]),.mcs select{width:100%;min-width:0;border:1.5px solid var(--ln);border-radius:9px;padding:11px 12px;font:inherit;font-size:15px;color:var(--ink);background:#fff}
.mcs input:focus,.mcs select:focus{outline:none;border-color:var(--g)}
.mcs .mcs-dois{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mcs .mcs-chk{display:flex!important;align-items:center;gap:10px;font-size:14.5px;font-weight:600;cursor:pointer}
.mcs .mcs-chk input{width:18px;height:18px;accent-color:var(--g);flex:none}
.mcs .mcs-jovem{display:grid!important;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:-4px}
.mcs .mcs-jovem button{border:1.5px solid var(--ln);background:#fff;border-radius:9px;padding:8px 2px;font:600 12.5px/1.2 inherit;color:var(--ink);cursor:pointer}
.mcs .mcs-jovem button small{display:block;font-weight:400;font-size:11px;color:var(--mu);margin-top:2px}
.mcs .mcs-jovem button.on{background:var(--g);border-color:var(--g);color:#fff}
.mcs .mcs-jovem button.on small{color:#e4ede8}
.mcs .mcs-mais summary{cursor:pointer;font-size:13.5px;font-weight:600;color:var(--g);padding:4px 0}
.mcs .mcs-mais[open]{display:flex;flex-direction:column;gap:10px}
.mcs .mcs-res{margin-top:4px}
.mcs .mcs-vazio{background:var(--bg);border-radius:10px;padding:16px;font-size:14px;color:var(--mu);text-align:center}
.mcs .mcs-liq{background:var(--g);color:#fff;border-radius:12px;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.mcs .mcs-liq span{font-size:13.5px;font-weight:600;opacity:.92}
.mcs .mcs-liq strong{font:700 28px/1 var(--font-display,Georgia,serif)}
.mcs .mcs-linhas{margin-top:10px}
.mcs .mcs-linhas div{display:flex!important;align-items:baseline;justify-content:space-between;gap:10px;padding:8px 2px;border-bottom:1px solid var(--ln);font-size:14px}
.mcs .mcs-linhas .neg{color:#9a4b3f}
.mcs .mcs-linhas div>span:last-child{white-space:nowrap}
.mcs .mcs-info{margin-top:10px;font-size:12.5px;color:var(--mu)}
.mcs .mcs-comparar{display:flex!important;align-items:flex-start;gap:10px;max-width:760px;margin:22px auto 0;font-size:14.5px;font-weight:600;cursor:pointer;justify-content:center;text-align:left}
.mcs .mcs-comparar input{width:18px;height:18px;accent-color:var(--g);flex:none;margin-top:2px}
.mcs .mcs-bloco{background:var(--bg);border-radius:14px;padding:22px;margin:22px auto 0;max-width:980px}
.mcs .mcs-bloco:empty{display:none}
.mcs .mcs-bloco h3{font:700 19px/1.2 var(--font-display,Georgia,serif);margin:0 0 12px}
.mcs .mcs-tab>div{display:grid!important;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:8px;padding:9px 4px;border-bottom:1px solid #d9e6df;font-size:14px;align-items:center}
.mcs .mcs-tab.um>div{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.mcs .mcs-tab>div>span:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}
.mcs .mcs-tab .cab{font-size:12.5px;font-weight:700;color:var(--mu)}
.mcs .mcs-tab .tot{font-weight:700;border-bottom:0}
.mcs .mcs-tab .pos{color:#2f7a52}.mcs .mcs-tab .neg{color:#9a4b3f}
.mcs .mcs-pdf{display:inline-block;margin:0;background:var(--g);color:#fff;border:0;border-radius:10px;padding:14px 30px;font:600 15px/1 inherit;cursor:pointer}
.mcs .mcs-pdf:hover{opacity:.92}
.mcs .mcs-nota{max-width:760px;margin:8px auto 0;font-size:12.5px;line-height:1.55;color:var(--mu);text-align:center}
@media(max-width:760px){
.mcs .mcs-grelha.dois{grid-template-columns:minmax(0,1fr)}
.mcs .mcs-card{padding:20px 16px}
.mcs .mcs-bloco{padding:18px 14px}
.mcs .mcs-tab>div{grid-template-columns:repeat(3,minmax(0,1fr));font-size:13px;gap:2px 8px}
.mcs .mcs-tab>div>span:first-child{grid-column:1/-1;font-weight:600}
.mcs .mcs-tab .cab>span:first-child{display:none}
.mcs .mcs-tab>div>span:not(:first-child){white-space:nowrap}
.mcs .mcs-tab.um>div{grid-template-columns:minmax(0,1fr) auto}
.mcs .mcs-tab.um>div>span:first-child{grid-column:auto;font-weight:400}
.mcs .mcs-tab.um .tot>span:first-child{font-weight:700}
.mcs .mcs-tab .cab{font-size:11px}
}
@media(max-width:380px){.mcs .mcs-dois{grid-template-columns:1fr}.mcs .mcs-jovem{grid-template-columns:repeat(2,1fr)}}
.mcs .mcs-atual{max-width:760px;margin:18px auto 0;font-size:13px;font-weight:600;color:var(--g);text-align:center}
.mcs .mcs-acoes{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 20px;margin:24px auto 0}
.mcs .mcs-limpar{background:none;border:0;padding:8px 4px;font:600 14px/1.2 inherit;color:var(--mu);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.mcs .mcs-limpar:hover{color:var(--g)}