/* Симптом-Чекер — общие стили (токены и компоненты из макетов СЧ-01…СЧ-07) */
:root{
  --ink:#171B18;--mut:#5B6A5E;--bg:#F2F6F2;--mint:#E5F2E7;
  --acc:#22C55E;--deep:#15803D;--line:#DCE7DD;
  --err:#D64545;--amber:#B97D0A;
}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Onest',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--deep);text-decoration:none}
a:hover{color:var(--acc)}
::selection{background:var(--acc);color:#fff}
button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--deep);outline-offset:2px}
input::placeholder{color:#A9B6AB}
button{font-family:'Onest',sans-serif}
h1,h2,h3,p{margin:0}

.sc-root{min-height:100vh;background:var(--bg);display:flex;flex-direction:column}

/* ─── Шапка ─── */
.sc-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.sc-header-inner{margin:0 auto;padding:0 20px;height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.sc-logo{display:flex;align-items:center;gap:9px;min-width:0;color:var(--ink)}
.sc-logo span{font-weight:800;font-size:16px;letter-spacing:-0.02em;white-space:nowrap}
.sc-nav{display:flex;align-items:center;gap:6px}
.sc-pill{background:none;border:none;border-radius:999px;padding:9px 18px;font:500 14.5px 'Onest',sans-serif;color:var(--ink);cursor:pointer;display:inline-block}
.sc-pill:hover{background:var(--bg);color:var(--ink)}
.sc-pill--active{background:var(--mint);color:var(--deep);font-weight:600;cursor:default}
.sc-pill--active:hover{background:var(--mint);color:var(--deep)}
.sc-pill--mut{color:var(--mut)}
.sc-burger{background:none;border:none;padding:10px;margin-right:-10px;cursor:pointer;display:none}
.sc-burger:hover{opacity:.7}
.sc-mobile-menu{background:#fff;border-top:1px solid var(--line);padding:8px 12px 14px;display:none;flex-direction:column;gap:4px}
.sc-mobile-menu .sc-pill{border-radius:12px;padding:13px 16px;font-size:15px;text-align:left;width:100%;box-sizing:border-box}
.sc-header.is-mobile .sc-nav{display:none}
.sc-header.is-mobile .sc-burger{display:flex}
.sc-header.is-mobile.is-open .sc-mobile-menu{display:flex}
.sc-back{background:none;border:none;display:flex;align-items:center;gap:6px;font:500 14.5px 'Onest',sans-serif;color:var(--mut);cursor:pointer;padding:8px 0}
.sc-back:hover{color:var(--ink)}

/* ─── Контент ─── */
.sc-main{flex:1;width:100%;margin:0 auto;padding:28px 20px 48px;box-sizing:border-box}
.sc-step-label{font-size:13px;font-weight:700;color:var(--deep);letter-spacing:.05em}
.sc-h1{font-size:clamp(26px,6vw,34px);font-weight:800;letter-spacing:-0.025em;margin:0}
.sc-h1-step{font-size:clamp(24px,6vw,30px);font-weight:800;letter-spacing:-0.025em;margin:6px 0 0}
.sc-lead{font-size:14.5px;color:var(--mut);line-height:1.55;margin:8px 0 24px}
.sc-disclaimer{font-size:12.5px;line-height:1.55;color:var(--mut);margin:20px 0 0}

/* ─── Карточки ─── */
.sc-card{background:#fff;border-radius:22px;padding:24px 20px}
.sc-card-lg{background:#fff;border-radius:22px;padding:28px 24px}

/* ─── Кнопки ─── */
.sc-btn{border:none;border-radius:14px;padding:16px 0;font:600 16px 'Onest',sans-serif;cursor:pointer;background:var(--acc);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:9px;box-sizing:border-box}
.sc-btn:hover{background:#1CB554}
.sc-btn:active{background:#18A04B}
.sc-btn:disabled,.sc-btn.is-disabled{background:#DFE8E0;color:#8FA093;cursor:default}
.sc-btn:disabled:hover,.sc-btn.is-disabled:hover{background:#DFE8E0}
.sc-btn--ghost{background:none;border:1.5px solid var(--ink);color:var(--ink);padding:15px 0;font-size:15.5px}
.sc-btn--ghost:hover{background:var(--mint)}
.sc-btn--outline{background:none;border:1.5px solid var(--acc);color:var(--deep);border-radius:12px;padding:10px 18px;font:600 14px 'Onest',sans-serif;white-space:nowrap}
.sc-btn--outline:hover{background:var(--mint)}
.sc-btn--outline:disabled{border-color:var(--line);color:#A9B6AB;cursor:default}
.sc-btn--outline:disabled:hover{background:none}
.sc-btn--danger{background:var(--err)}
.sc-btn--danger:hover{background:#C03A3A}
.sc-btn--danger:active{background:#A83232}
.sc-btn-row{display:flex;gap:12px}
.sc-btn-row .sc-btn{flex:2}
.sc-btn-row .sc-btn--ghost{flex:1}

/* Спиннер внутри кнопки */
.sc-btn .sc-spin-ic{animation:sc-spin 1s linear infinite;flex-shrink:0}

/* ─── Формы ─── */
.sc-field{margin-bottom:0}
.sc-field label{display:block;font-size:13.5px;font-weight:600;margin-bottom:6px}
.sc-input{width:100%;box-sizing:border-box;border:1.5px solid var(--line);border-radius:14px;padding:14px 16px;font:400 16px 'Onest',sans-serif;background:#fff;color:var(--ink)}
.sc-input.is-error{border-color:var(--err)}
.sc-err-text{font-size:12.5px;color:var(--err);margin-top:5px}
.sc-consent{display:flex;align-items:flex-start;gap:11px;cursor:pointer;margin-top:2px}
.sc-consent input{width:19px;height:19px;margin:1px 0 0;accent-color:var(--acc);cursor:pointer;flex-shrink:0}
.sc-consent span{font-size:13.5px;line-height:1.5;color:var(--mut)}

/* ─── Заметки / баннеры ─── */
.sc-note{display:flex;align-items:flex-start;gap:10px;border-radius:14px;padding:14px 16px}
.sc-note svg{flex-shrink:0;margin-top:1px}
.sc-note span{font-size:13.5px;line-height:1.5;font-weight:500}
.sc-note--mint{background:var(--mint)}
.sc-note--mint span{color:var(--deep);font-size:12.5px;line-height:1.55}
.sc-note--amber{background:#FBEED3}
.sc-note--amber span{color:#7A5406}
.sc-note--green{background:#DCF3E3}
.sc-note--green span{color:#116234}
.sc-note--sm{padding:13px 16px}
.sc-note-text-sm span{font-size:12.5px;line-height:1.55}

/* ─── Прогресс шагов ─── */
.sc-progress{display:flex;gap:6px;margin-top:12px}
.sc-progress i{flex:1;height:4px;border-radius:2px;background:var(--line)}
.sc-progress i.is-on{background:var(--acc)}

/* ─── Степпер и слайдер (Шаг 2) ─── */
.sc-stepper{display:flex;align-items:center;justify-content:center;gap:18px}
.sc-stepper-btn{width:48px;height:48px;border-radius:50%;border:1.5px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;padding:0}
.sc-stepper-btn:hover{background:var(--mint);border-color:var(--acc)}
.sc-stepper-btn:active{background:var(--mint)}
.sc-stepper-val{display:flex;align-items:baseline;gap:8px}
.sc-stepper-input{width:110px;border:none;border-bottom:2px solid var(--line);background:none;font:800 44px 'Onest',sans-serif;letter-spacing:-0.02em;text-align:center;color:var(--ink);padding:0 0 4px}
.sc-stepper-unit{font-size:17px;font-weight:600;color:var(--mut)}
.sc-range-wrap{margin-top:28px}
.sc-range-minmax{display:flex;justify-content:space-between;font-size:12.5px;color:var(--mut);margin-top:8px}
input[type=range].sc-range{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:var(--line);accent-color:var(--acc);outline-offset:4px}
input[type=range].sc-range::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:var(--acc);border:4px solid #fff;box-shadow:0 1px 6px rgba(23,27,24,.25);cursor:pointer}
input[type=range].sc-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--acc);border:4px solid #fff;box-shadow:0 1px 6px rgba(23,27,24,.25);cursor:pointer}

/* Карточки выбора пола */
.sc-gender-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sc-gender-card{background:#fff;border:2px solid var(--line);border-radius:20px;padding:28px 12px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer}
.sc-gender-card:hover{border-color:var(--acc)}
.sc-gender-card.is-sel{background:var(--mint);border-color:var(--acc)}
.sc-gender-card span{font-size:16px;font-weight:700;color:var(--ink)}

/* ─── Модель тела (Шаг 3) ─── */
.zone{cursor:pointer}
.zone path{fill:transparent;transition:fill .12s}
.zone:hover path{fill:rgba(34,197,94,.32)}
.zone.is-active path{fill:rgba(34,197,94,.5)}
.zone.is-active:hover path{fill:rgba(34,197,94,.62)}
.sc-body-lines{pointer-events:none}
.sc-body-lines path,.sc-body-lines circle{fill:var(--deep)}
.sc-body-card{background:#fff;border-radius:22px;padding:20px;position:relative}
.sc-body-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.sc-body-title{font-size:14px;font-weight:700}
.sc-rotate-btn{background:var(--mint);border:none;border-radius:999px;padding:9px 15px;display:flex;align-items:center;gap:7px;font:600 13.5px 'Onest',sans-serif;color:var(--deep);cursor:pointer}
.sc-rotate-btn:hover{background:#D6ECDA}
.sc-body-hint{font-size:12.5px;color:var(--mut);text-align:center;margin-top:6px}

/* Попап зоны */
.sc-zone-overlay{position:absolute;inset:0;background:rgba(23,27,24,.3);border-radius:22px;z-index:5}
.sc-zone-pop{position:absolute;left:12px;right:12px;top:50%;transform:translateY(-50%);background:#fff;border-radius:18px;padding:18px;z-index:6;box-shadow:0 16px 48px rgba(23,27,24,.22)}
.sc-zone-pop-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.sc-zone-pop-title{font-size:16px;font-weight:800}
.sc-zone-list{max-height:240px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}
.sc-zone-item{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--bg);border:none;border-radius:12px;padding:12px 14px;font:500 14.5px 'Onest',sans-serif;color:var(--ink);text-align:left;cursor:pointer;width:100%;box-sizing:border-box}
.sc-zone-item:hover{background:var(--mint)}
.sc-zone-item.is-sel{background:var(--mint)}

/* Поиск с автокомплитом */
.sc-search{position:relative}
.sc-search-ic{position:absolute;left:15px;top:50%;transform:translateY(-50%);pointer-events:none}
.sc-search .sc-input{padding:13px 15px 13px 42px;font-size:15.5px}
.sc-drop{position:absolute;left:0;right:0;top:100%;margin-top:-8px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 40px rgba(23,27,24,.14);z-index:10;overflow:hidden}
.sc-drop-hint{padding:16px;font-size:14px;color:var(--mut)}
.sc-drop-list{max-height:230px;overflow-y:auto}
.sc-drop-item{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:none;padding:12px 16px;font:500 14.5px 'Onest',sans-serif;color:var(--ink);text-align:left;cursor:pointer;width:100%;box-sizing:border-box}
.sc-drop-item:hover{background:var(--mint)}
.sc-drop-item.is-sel{background:var(--mint)}

/* Чипы выбранных симптомов */
.sc-chips{display:flex;flex-direction:column;gap:6px}
.sc-chip{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--mint);border-radius:12px;padding:11px 14px}
.sc-chip span{font-size:14.5px;font-weight:500}
.sc-chip-x{background:none;border:none;padding:5px;margin:-5px;cursor:pointer;display:flex}
.sc-chip-x:hover{opacity:.6}

/* Иконка закрытия */
.sc-x-btn{background:none;border:none;padding:6px;margin:-6px;cursor:pointer;display:flex}
.sc-x-btn:hover{opacity:.6}
.sc-x-round{background:var(--bg);border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;padding:0;margin:0}
.sc-x-round:hover{background:var(--mint)}

/* ─── Прелоадер ─── */
@keyframes sc-spin{to{transform:rotate(360deg)}}
.sc-loader{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;min-height:420px}
.sc-loader svg{animation:sc-spin 1s linear infinite}
.sc-loader-title{font-size:17px;font-weight:700;margin-top:22px}
.sc-loader-sub{font-size:14px;color:var(--mut);margin-top:6px}

/* ─── Отчёт (Шаг 4) ─── */
.sc-ring{flex-shrink:0}
.sc-disease{background:#fff;border-radius:18px;padding:18px 20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.sc-disease-body{flex:1;min-width:150px}
.sc-disease-name{font-size:16.5px;font-weight:700}
.sc-disease-icd{font-size:12.5px;font-weight:500;color:var(--mut)}
.sc-disease-level{font-size:13.5px;font-weight:600;margin-top:3px}
.sc-disease-short{font-size:13.5px;color:var(--mut);line-height:1.5;margin-top:5px}
.sc-sym-ol{margin:0;padding:0 0 0 20px;display:flex;flex-direction:column;gap:8px}
.sc-sym-ol li{font-size:14.5px;line-height:1.4}
.sc-lvl-low{color:var(--deep)}
.sc-lvl-medium{color:#7A5406}
.sc-lvl-high{color:var(--err)}

/* Модалка (оверлей fixed — исправление макета) */
.sc-modal-overlay{position:fixed;inset:0;background:rgba(23,27,24,.42);z-index:40}
.sc-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 32px);max-width:600px;max-height:82vh;background:#fff;border-radius:22px;z-index:41;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 70px rgba(23,27,24,.3)}
.sc-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:22px 24px 14px}
.sc-modal-title{font-size:20px;font-weight:800;letter-spacing:-0.02em}
.sc-modal-sub{font-size:13px;color:var(--mut);margin-top:3px}
.sc-modal-body{overflow-y:auto;padding:0 24px 24px;display:flex;flex-direction:column;gap:18px}
.sc-modal-desc{font-size:14.5px;line-height:1.6;color:var(--mut)}
.sc-sec-label{font-size:13px;font-weight:800;letter-spacing:.05em;color:var(--deep);margin-bottom:8px}
.sc-tags{display:flex;gap:7px;flex-wrap:wrap}
.sc-tag{background:var(--mint);border-radius:999px;padding:7px 13px;font-size:13.5px;font-weight:500}
.sc-tag--line{background:none;border:1.5px solid var(--line)}
.sc-list-ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}
.sc-list-ul li{font-size:14px;line-height:1.5}
.sc-treat{display:flex;flex-direction:column;gap:8px}
.sc-treat div{font-size:14px;line-height:1.5}

/* ─── История ─── */
.sc-hist-table{background:#fff;border-radius:20px;overflow:hidden}
.sc-hist-head,.sc-hist-row{display:grid;grid-template-columns:130px 1fr 150px 130px;gap:16px;padding:14px 24px;align-items:center}
.sc-hist-head{border-bottom:1px solid var(--line);font-size:12.5px;font-weight:700;color:var(--mut);letter-spacing:.06em;text-transform:uppercase}
.sc-hist-row{padding:18px 24px;border-bottom:1px solid var(--bg)}
.sc-hist-row:last-child{border-bottom:none}
.sc-hist-date{font-size:14.5px;color:var(--mut)}
.sc-hist-title{font-size:15px;font-weight:600}
.sc-hist-cards{display:none;flex-direction:column;gap:12px}
.sc-hist-card{background:#fff;border-radius:18px;padding:18px 20px}
.sc-hist-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.sc-hist-card-title{font-size:16px;font-weight:700;margin-top:8px}
.sc-badge{border-radius:999px;padding:6px 13px;font-size:13px;font-weight:600;white-space:nowrap;display:inline-block}
.sc-badge--sm{padding:5px 12px;font-size:12.5px}
.sc-badge--completed{background:#DCF3E3;color:#116234}
.sc-badge--in_progress{background:#FBEED3;color:#7A5406}
.sc-badge--not_completed{background:#EDEFED;color:#5B6A5E}

/* Пустое состояние */
.sc-empty{background:#fff;border-radius:22px;padding:48px 24px;text-align:center}
.sc-empty-title{font-size:18px;font-weight:700;margin-top:16px}
.sc-empty-sub{font-size:14.5px;color:var(--mut);margin-top:6px}

/* ─── Кабинет ─── */
.sc-hello{font-size:15px;color:var(--mut)}
.sc-limit{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 15px;margin-top:16px}
.sc-limit-dot{width:8px;height:8px;border-radius:50%}
.sc-limit span:last-child{font-size:13.5px;font-weight:600}
.sc-cta{background:var(--mint);border-radius:22px;padding:28px 24px;margin-top:24px;position:relative;overflow:hidden}
.sc-cta-circle{position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:var(--acc);opacity:.12}
.sc-cta-inner{position:relative;max-width:520px}
.sc-cta h2{font-size:clamp(21px,5vw,26px);font-weight:800;letter-spacing:-0.02em;margin:0;line-height:1.15}
.sc-cta p{font-size:15px;line-height:1.55;color:var(--mut);margin:10px 0 0}
.sc-cta .sc-btn{margin-top:20px;width:100%;max-width:320px;padding:15px 26px}
.sc-cta-lock{display:flex;align-items:flex-start;gap:10px;background:#fff;border-radius:14px;padding:14px 16px;margin-top:20px}
.sc-cta-lock svg{flex-shrink:0;margin-top:1px}
.sc-cta-lock span{font-size:14.5px;line-height:1.5;color:#7A5406;font-weight:500}
.sc-how{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:16px}
.sc-how-card{background:#fff;border-radius:18px;padding:20px}
.sc-how-step{font-weight:800;color:var(--deep);font-size:13px;margin-bottom:8px}
.sc-how-text{font-size:14.5px;line-height:1.5}

/* ─── Документ (Шаг 5 / печать) ─── */
.sc-doc{background:#fff;border-radius:18px;padding:36px 32px;box-shadow:0 10px 34px rgba(23,27,24,.08)}
.sc-doc-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:2px solid var(--ink);padding-bottom:16px}
.sc-doc-brand{display:flex;align-items:center;gap:9px}
.sc-doc-brand span{font-weight:800;font-size:15px}
.sc-doc-date{font-size:12.5px;color:var(--mut)}
.sc-doc-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.sc-doc-row:last-child{border-bottom:none}
.sc-doc-foot{font-size:11.5px;color:var(--mut);line-height:1.55;margin-top:24px}
.sc-doc-ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}
.sc-doc-ol li{font-size:14px;line-height:1.45}

/* ─── Подвал (фирменный стиль, своё проектирование) ─── */
.sc-footer{background:#fff;border-top:1px solid var(--line)}
.sc-footer-inner{max-width:960px;margin:0 auto;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:8px 20px;flex-wrap:wrap}
.sc-footer-note{font-size:12.5px;line-height:1.5;color:var(--mut)}
.sc-footer-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.sc-footer-links a{font-size:12.5px;color:var(--mut)}
.sc-footer-links a:hover{color:var(--deep)}

/* ─── Вспомогательное ─── */
.sc-hidden{display:none!important}
.sc-center{text-align:center}
.sc-muted{color:var(--mut)}

/* ─── Адаптив: мобайл <768px ─── */
@media (max-width:767px){
  .sc-grid-body{grid-template-columns:1fr!important}
  .sc-grid-report{grid-template-columns:1fr!important}
  .sc-hist-table{display:none}
  .sc-hist-cards{display:flex}
  .sc-atable{display:none}
  .sc-acards{display:flex}
}

/* ─── Админка ─── */
.sc-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 20px}
.sc-toolbar .sc-search{flex:1;min-width:220px}
.sc-toolbar .sc-select--auto{flex-shrink:0}
@media (max-width:767px){
  .sc-toolbar{flex-direction:column;align-items:stretch;gap:12px}
  .sc-toolbar .sc-search{min-width:0}
  .sc-toolbar .sc-select--auto{width:100%;min-width:0}
  .sc-toolbar .sc-btn{width:100%}
}
.sc-atable{background:#fff;border-radius:20px;overflow:hidden}
.sc-atable-head,.sc-atable-row{display:grid;gap:16px;padding:14px 24px;align-items:center}
.sc-atable-head{border-bottom:1px solid var(--line);font-size:12.5px;font-weight:700;color:var(--mut);letter-spacing:.06em;text-transform:uppercase}
.sc-atable-row{padding:16px 24px;border-bottom:1px solid var(--bg)}
.sc-atable-row:last-child{border-bottom:none}
.sc-acards{display:none;flex-direction:column;gap:12px}
@media (max-width:767px){
  .sc-atable{display:none}
  .sc-acards{display:flex}
}
.sc-acard{background:#fff;border-radius:18px;padding:18px 20px}
.sc-acard-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.sc-cell-title{font-size:15px;font-weight:600}
.sc-cell-sub{font-size:13px;color:var(--mut);margin-top:2px;line-height:1.45}
.sc-cell-num{font-size:14.5px;font-weight:600}
.sc-select{width:100%;box-sizing:border-box;border:1.5px solid var(--line);border-radius:14px;padding:13px 40px 13px 16px;font:400 15px 'Onest',sans-serif;background-color:#fff;color:var(--ink);-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235B6A5E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;cursor:pointer}
.sc-select--auto{width:auto;min-width:180px}
/* Блок с доступами (логин/пароль после создания/сброса) */
.sc-cred{background:var(--bg);border-radius:14px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.sc-cred-label{font-size:12px;font-weight:700;color:var(--mut);letter-spacing:.05em;text-transform:uppercase;margin-bottom:3px}
.sc-cred-val{font:700 17px 'Onest',sans-serif;letter-spacing:.02em;word-break:break-all}
.sc-copy-btn{background:none;border:1.5px solid var(--acc);color:var(--deep);border-radius:10px;padding:7px 13px;font:600 12.5px 'Onest',sans-serif;cursor:pointer;white-space:nowrap;flex-shrink:0}
.sc-copy-btn:hover{background:var(--mint)}
.sc-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
@media (max-width:767px){
  .sc-actions{flex-direction:column}
  .sc-actions .sc-btn{width:100%}
}
.sc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:640px){
  .sc-form-grid{grid-template-columns:1fr}
}

/* ─── Печать (страница отчёта) ─── */
@media print{
  .sc-header,.sc-footer,.sc-doc-actions,.sc-loader{display:none!important}
  body{background:#fff}
  .sc-main{padding:0;max-width:none}
  .sc-doc{box-shadow:none;border-radius:0;padding:0}
}