/* Задержка зарплаты (/zaderzhka-zarplaty/), макет _makety/2026-10-14-zarplata/, согласован 14.10.2026.
   Классы zp- поверх p3- страницы проверки. Кегли по шкале DESIGN.md: 13 / 17 / 24 / 36 / 56 / 104. */
.zp-kr{color:var(--krasn)}
.p3-tma .zp-kr{color:#FF5A5F}
.zp-tusk{color:var(--tusk);font-size:17px;max-width:52ch;margin-top:20px}

/* Калькулятор: строки бланка, как ряды указателя */
.zp-kalk{border-top:1px solid var(--liniya-t)}
.zp-pole{display:flex;align-items:center;gap:16px;min-height:72px;border-bottom:1px solid var(--liniya-t);font-size:17px;color:var(--tusk-t)}
.zp-pole>span:first-child{flex:1}
.zp-vvod{display:flex;align-items:baseline;gap:8px;border-bottom:2px solid var(--svet);padding-bottom:2px}
.zp-vvod input{font:inherit;font-size:24px;font-weight:500;color:var(--svet);background:none;border:0;width:7.5em;text-align:right;color-scheme:dark}
.zp-vvod input[type=date]{width:8.2em}
.zp-vvod input:focus{outline:2px solid var(--krasn);outline-offset:4px}
.zp-vvod i{font-style:normal;font-size:24px;color:var(--svet)}
.zp-pere{display:inline-flex;gap:2px}
.zp-pere button{min-height:44px;padding:0 16px;border:1px solid var(--liniya-t)!important;color:var(--tusk-t)}
.zp-pere button[aria-pressed=true]{background:var(--svet);color:var(--tma);font-weight:500}

/* Итог: число и строка, которая не кончается */
.zp-itog{margin-top:40px}
.zp-chislo{font-size:104px;line-height:.95;font-weight:300;letter-spacing:-.04em;margin:12px 0 20px}
.zp-chislo b{font-weight:700}
.zp-stroka{display:flex;align-items:center;height:12px}
.zp-nab{height:12px;background:var(--krasn);flex:none;width:40%;transition:width .4s}
.zp-dal{flex:1;border-bottom:2px dashed var(--tusk-t);margin-left:6px}
.zp-pod{display:flex;justify-content:space-between;gap:16px;margin:14px 0 24px;font-size:17px;color:var(--tusk-t)}
.zp-pod b{color:var(--svet);font-weight:500}
.zp-kak{border-top:1px solid var(--liniya-t);border-bottom:1px solid var(--liniya-t);margin-bottom:16px}
.zp-kak summary{min-height:48px;display:flex;align-items:center;cursor:pointer;font-weight:500}
.zp-kak table{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:12px}
.zp-kak th{text-align:left;font-weight:400;color:var(--tusk-t);padding:6px 0;border-bottom:1px solid var(--liniya-t)}
.zp-kak td{padding:8px 0;border-bottom:1px solid var(--liniya-t)}
.zp-kak th:not(:first-child),.zp-kak td:not(:first-child){text-align:right}
.zp-kak p{font-size:13px;color:var(--tusk-t);margin-bottom:14px;max-width:62ch}

/* Графы 02 и 03 */
.zp-dve{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}
.zp-vopros{padding:28px 0;border-top:1px solid var(--liniya)}
.zp-vopros:last-child{border-bottom:1px solid var(--liniya)}
.zp-vopros strong{display:block;font-size:24px;font-weight:500;margin-bottom:16px}
.zp-pere-s{flex-wrap:wrap;margin-bottom:12px}
.zp-pere-s button{border-color:var(--liniya)!important;color:var(--tma)}
.zp-pere-s button[aria-pressed=true]{background:var(--tma);color:var(--svet)}

/* Пути: ведомость с тремя статусами, различимыми формой */
.zp-puti{background:var(--bumaga)}
.zp-puti h2{margin:20px 0 48px}
.zp-ved{list-style:none;border-top:2px solid var(--tma)}
.zp-ved li{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,5fr) minmax(0,3fr);gap:32px;padding:28px 0;border-bottom:1px solid var(--liniya);color:var(--tusk)}
.zp-ved li.zp-ok{color:var(--tma)}
.zp-v-im{font-size:24px;font-weight:300;letter-spacing:-.01em;line-height:1.2}
.zp-v-im b{font-weight:700}
.zp-v-txt{font-size:17px;max-width:52ch}
.zp-v-st{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.zp-st{font-size:13px;letter-spacing:.06em;text-transform:uppercase;font-weight:500;padding:3px 0}
.zp-st-ok{color:#1B6B4A;box-shadow:inset 0 -2px 0 #1B6B4A}
.zp-st-sp{color:#8A5B14;border-bottom:2px dashed #8A5B14}
.zp-st-ne{color:var(--tusk);outline:1px solid var(--liniya);padding:3px 8px}

/* Срок: шкала года, прошедшее красным, оставшееся пунктиром */
.zp-srok h2{margin:20px 0 48px}
.zp-shk{display:flex;align-items:center;height:12px}
.zp-shk-pr{height:12px;background:var(--krasn)}
.zp-shk-os{flex:1;border-bottom:2px dashed var(--tusk-t);margin-left:6px}
.zp-shk-pod{position:relative;display:flex;justify-content:space-between;font-size:13px;color:var(--tusk-t);margin:12px 0 56px;min-height:36px}
.zp-shk-pod span:nth-child(2){position:absolute;transform:translateX(-50%);text-align:center;color:var(--svet)}
.zp-shk-pod span:last-child{text-align:right}
.zp-srok .p3-cit{margin-bottom:12px}

/* Талон к юристу */
.zp-talon{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:64px;border-top:2px solid var(--tma);padding-top:40px}
.zp-forma{display:flex;flex-direction:column;gap:20px}
.zp-forma label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--tusk)}
.zp-forma input{font:inherit;font-size:17px;min-height:52px;border:0;border-bottom:2px solid var(--tma);background:none}

.zp-vvod input[aria-invalid=true]{outline:2px solid #FF5A5F;outline-offset:4px}
.zp-pole[hidden]{display:none}
.zp .p3-norma{display:block}
.zp-osh{font-size:13px;color:#FF5A5F;min-height:0;margin-top:8px}
.zp-osh:empty{display:none}
.zp-fr:empty{display:none}
.zp-fr{color:var(--tma)}
.zp-ved li:not(.zp-ok) .zp-fr{color:inherit}
.zp-svyaz-p{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--tusk)}
.zp-forma textarea{font:inherit;font-size:17px;border:0;border-bottom:2px solid var(--tma);background:none;resize:vertical;min-height:52px;padding:12px 0}
.zp-forma input:focus,.zp-forma textarea:focus{outline:2px solid var(--krasn);outline-offset:4px}
.zp-forma [aria-invalid=true]{border-bottom-color:var(--krasn)}
.zp-forma label.zp-soglasie{flex-direction:row;align-items:flex-start;gap:10px;font-size:13px}
.zp-soglasie input{min-height:0!important;width:20px;height:20px;flex:none;margin-top:1px}
.zp-otvet{font-size:13px;color:var(--tusk)}
.zp-otvet.zp-oshibka{color:var(--krasn)}
.zp-gotovo{border-top:2px solid var(--tma);padding-top:24px}
.zp-gotovo b{display:block;font-size:24px;font-weight:500;margin-bottom:8px}
.zp-gotovo:focus{outline:none}
@media (max-width:900px){
 .zp-pole{flex-wrap:wrap;gap:8px;padding:14px 0;min-height:0}
 .zp-pole>span:first-child{flex:1 1 100%}
 .zp-vvod{display:inline-flex}
 .zp-vvod input{text-align:left;width:7em}
 .zp-chislo{font-size:56px}
 .zp-pod{flex-direction:column;gap:4px}
 .zp-dve,.zp-talon{grid-template-columns:minmax(0,1fr);gap:28px}
 .zp-ved li{grid-template-columns:minmax(0,1fr);gap:10px;padding:22px 0}
 .zp-v-st{flex-direction:row;flex-wrap:wrap;gap:6px 14px;align-items:center}
 .zp-shk-pod span:nth-child(2){display:none}
}