/* Дошкольный каталог использует те же карточки, интервалы и окно портфолио, что школьный раздел. */
#preschoolTree .preschool-tree-nested{margin-left:15px}
#preschoolTree .preschool-tree-nested[hidden],#preschoolTree[hidden]{display:none!important}
#preschoolTree .section-toggle{font-size:13px}
#preschoolTree .topic-btn{width:100%;text-align:left}
#preschoolView{padding-bottom:60px}
#preschoolView .preschool-filters{display:flex;align-items:center;gap:12px}
#preschoolView .preschool-filters .search-wrap{flex:1 1 320px;min-width:250px}
#preschoolView .preschool-filters .search-wrap input{height:50px}
#preschoolView .preschool-age-field{flex:0 0 238px;min-width:0;display:flex;align-items:center}
#preschoolView .preschool-age-field select{height:50px;width:100%;min-width:0}
#preschoolView .preschool-subbar{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}
#preschoolView .preschool-subbar h2{margin:0;font-size:clamp(22px,2vw,28px)}
#preschoolView .preschool-subbar span{color:var(--muted);font-size:13px}
#preschoolView .preschool-educator-guidance{margin:0 0 17px;font-size:13px;line-height:1.55;color:var(--muted);max-width:980px}
#preschoolView .preschool-educator-guidance[hidden]{display:none!important}
#preschoolView .preschool-educator-guidance a{color:var(--area);text-underline-offset:2px}
#preschoolView .preschool-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
#preschoolView .preschool-method{min-width:0}
#preschoolView .preschool-method .head{display:flex;align-items:flex-start}
#preschoolView .preschool-method .head>div:last-child{min-width:0}
#preschoolView .preschool-method .glyph{flex:none}
#preschoolView .preschool-method .tags{margin-top:13px}
#preschoolView .preschool-method p.method-card-summary{margin:7px 0 16px}
#preschoolView .preschool-method .actions{margin-top:auto}
#preschoolView .preschool-method .actions .btn{max-width:100%}
#preschoolView .preschool-empty{padding:25px;border:1px dashed var(--area-border);border-radius:14px;grid-column:1/-1}
#modal.psy-main-tabs.psy-preschool-current .modalfoot #bottomProcessing:not([hidden]){position:static!important;right:auto!important;left:auto!important;bottom:auto!important;top:auto!important;margin-left:auto!important;transform:none!important;flex:0 0 auto!important;max-width:100%!important}
#modal.psy-preschool-current .psy-preschool-shared-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0;width:100%}
#modal.psy-preschool-current .psy-preschool-shared-footer #bottomProcessing{margin-left:auto;white-space:normal}
#modal.psy-preschool-current .psy-preschool-footer-state{font:700 12px/1.4 system-ui;border-radius:100px;padding:8px 12px;white-space:nowrap}
#modal.psy-preschool-current .psy-preschool-footer-state.pending{background:#fff0d7;color:#985d0c}
#modal.psy-preschool-current .psy-preschool-footer-state.complete{background:#e0f3e6;color:#246a43}
#modal.psy-preschool-current .psy-preschool-guide h3{color:var(--green)}
#modal.psy-preschool-current .psy-preschool-calc{max-width:100%;margin:0 auto}
#modal.psy-preschool-current .preschool-results-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:0 0 18px}
#modal.psy-preschool-current .preschool-results-head h3{margin:0}
#modal.psy-preschool-current .preschool-results-head p{margin:5px 0 0;color:var(--muted)}
#modal.psy-preschool-current .preschool-status{border-radius:100px;padding:8px 13px;font:700 12px/1.4 system-ui}
#modal.psy-preschool-current .preschool-status.pending{background:#fff0d7;color:#985d0c}
#modal.psy-preschool-current .preschool-status.complete{background:#e0f3e6;color:#246a43}
#modal.psy-preschool-current .preschool-answer-list{display:grid;gap:9px}
#modal.psy-preschool-current .preschool-answer{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,215px);align-items:center;gap:13px;padding:12px 15px;border:1px solid var(--line);border-radius:12px;font-size:14px}
#modal.psy-preschool-current .preschool-answer select{width:100%;min-height:42px;border:1px solid var(--line);border-radius:10px;padding:8px 12px;background:var(--paper);color:var(--ink);font:inherit}
#modal.psy-preschool-current .preschool-note-label{display:block;margin-top:16px;font-weight:700;font-size:13px}
#modal.psy-preschool-current .preschool-note-label textarea{display:block;margin-top:8px;padding:12px 14px;width:100%;min-height:95px;resize:vertical;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);font:400 14px/1.5 system-ui}
#modal.psy-preschool-current .preschool-summary{margin-top:18px;padding:17px 19px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}
#modal.psy-preschool-current .preschool-summary p{overflow-wrap:anywhere;font-size:14px}
#modal.psy-preschool-current .preschool-result-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin:18px 0}
#modal.psy-preschool-current .preschool-result-actions button:disabled{opacity:.55;cursor:not-allowed}
#modal.psy-preschool-current .preschool-table{border-collapse:collapse;width:100%;table-layout:fixed;margin:18px 0;font-size:13px}
#modal.psy-preschool-current .preschool-table td,#modal.psy-preschool-current .preschool-table th{border:1px solid var(--line);padding:10px;overflow-wrap:anywhere;vertical-align:top}
#modal.psy-preschool-current .preschool-table th:first-child{width:62%}
#modal.psy-preschool-current .preschool-table td:not(:first-child),#modal.psy-preschool-current .preschool-table th:not(:first-child){text-align:center}
#modal.psy-preschool-current .preschool-paper-lines{overflow-wrap:anywhere}
#modal.psy-preschool-current .psy-preschool-shared-footer [hidden]{display:none!important}
html.dark #modal.psy-preschool-current .psy-preschool-footer-state.pending,html.dark #modal.psy-preschool-current .preschool-status.pending{background:#51432e;color:#ffd18b}
html.dark #modal.psy-preschool-current .psy-preschool-footer-state.complete,html.dark #modal.psy-preschool-current .preschool-status.complete{background:#234d35;color:#a5ebbb}

/* Подлинные дошкольные диагностические методики – наследуют оформление школьных вкладок */
#modal.psy-preschool-current .pv-preview-mittens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:660px;margin:14px auto 20px}
#modal.psy-preschool-current .pv-preview-mittens>div{display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--paper);padding:12px;border-radius:13px}
#modal.psy-preschool-current .pv-preview-mittens svg{display:block;height:min(230px,39vw);width:100%;max-width:260px}
#modal.psy-preschool-current .pv-secret-setup{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin:16px 0}
#modal.psy-preschool-current .pv-secret-setup label{display:grid;gap:6px;font-size:13px;font-weight:700}
#modal.psy-preschool-current .pv-secret-setup input{width:180px;height:43px;border:1px solid var(--line);border-radius:10px;padding:9px 12px;background:var(--paper);color:var(--ink);font:inherit}
#modal.psy-preschool-current .pv-secret-rows{display:grid;gap:9px;margin-bottom:17px}
#modal.psy-preschool-current .pv-secret-row{display:grid;grid-template-columns:48px minmax(145px,1.3fr) repeat(3,minmax(90px,1fr));gap:8px;align-items:center;padding:10px;background:var(--paper);border:1px solid var(--line);border-radius:11px;min-width:0}
#modal.psy-preschool-current .pv-secret-row strong{text-align:center;font-size:13px;white-space:nowrap}
#modal.psy-preschool-current .pv-secret-row select{width:100%;min-width:0;max-width:100%;font:inherit;font-size:12px;color:var(--ink);background:var(--paper);padding:10px 7px;border:1px solid var(--line);border-radius:9px}
#modal.psy-preschool-current .pv-secret-row select:disabled{opacity:.42}
#modal.psy-preschool-current .pv-calc .preschool-summary{overflow-x:auto}
#modal.psy-preschool-current .pv-calc .preschool-table th:first-child{width:auto}
#modal.psy-preschool-current .pv-calc .preschool-table{width:100%;min-width:530px;font-variant-numeric:tabular-nums}
#modal.psy-preschool-current .pv-calc .preschool-table td{padding:7px}
#modal.psy-preschool-current .pv-calc [data-psy-verified-print]:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:780px){
 #modal.psy-preschool-current .pv-secret-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 #modal.psy-preschool-current .pv-secret-row strong{grid-column:1}
 #modal.psy-preschool-current .pv-secret-row [data-pv-secret-status]{grid-column:2 / 4}
 #modal.psy-preschool-current .pv-secret-row select{font-size:12px;padding:10px 5px}
}

@media(max-width:1050px){
 #preschoolView .preschool-cards{grid-template-columns:1fr}
}
@media(max-width:700px){
 #preschoolView .preschool-filters{gap:10px}
 #preschoolView .preschool-filters .search-wrap{flex:1 1 100%;min-width:0}
 #preschoolView .preschool-age-field{flex:1 1 100%;min-width:0}
 #modal.psy-preschool-current .psy-preschool-shared-footer{gap:9px;flex-wrap:wrap}
 #modal.psy-preschool-current .psy-preschool-footer-state{font-size:11px}
 #modal.psy-preschool-current .preschool-answer{grid-template-columns:1fr}
 #modal.psy-preschool-current .preschool-table td,#modal.psy-preschool-current .preschool-table th{padding:7px 6px;font-size:12px}
 #modal.psy-preschool-current .preschool-table th:first-child{width:55%}
}