/* annakotsur.com — мини-проверка сайта (компонент к assets/js/mini-check.js). Токены из site.css. */
.mc{position:relative;display:grid;gap:14px;padding:clamp(22px,3vw,36px);border-radius:var(--r-xl);border:1px solid var(--border-h);background:linear-gradient(170deg,var(--bg-card-2),var(--bg-card) 55%);box-shadow:var(--shadow);max-width:860px;margin-inline:auto}
.mc::before{content:"";position:absolute;top:-1px;left:clamp(22px,3vw,36px);right:clamp(22px,3vw,36px);height:2px;background:var(--grad);border-radius:2px}
.mc-head{display:grid;gap:6px;margin-bottom:4px}
.mc-kicker{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--indigo-t)}
.mc-title{font-size:clamp(22px,2.2vw,28px);font-weight:600;letter-spacing:-.02em;margin:0}
.mc-lead{font-size:16px}

.mc-form{display:flex;gap:10px;flex-wrap:wrap}
.mc-input{flex:1 1 260px;min-width:0;min-height:50px;padding:12px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#0a0a18;color:var(--text);font:500 16.5px var(--font-text);transition:border-color .2s,box-shadow .2s}
.mc-input::placeholder{color:var(--text-3)}
.mc-input:hover{border-color:rgba(165,180,252,.5)}
.mc-input:focus{outline:none;border-color:var(--purple-light);box-shadow:0 0 0 4px var(--indigo-glow)}
.mc-btn{flex:0 0 auto}
.mc-btn[disabled]{opacity:.7;cursor:progress}
.mc-hint{font-size:13.5px;color:var(--text-3);line-height:1.5}
.mc-ts:empty{display:none}
.mc-status{font-size:15px;color:var(--text-2);min-height:0}
.mc-status:empty{display:none}
.mc-status[data-kind="err"]{color:var(--red-t)}

.mc-result{display:grid;gap:14px;margin-top:6px;padding-top:18px;border-top:1px solid var(--border)}
.mc-result[hidden]{display:none}
.mc-res-head{font-size:15px;color:var(--text-2)}
.mc-res-head strong{word-break:break-all}
.mc-list{list-style:none;display:grid;gap:8px}
.mc-row{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start;padding:12px 14px;border-radius:var(--r);background:rgba(255,255,255,.025);border:1px solid var(--border)}
.mc-mark{width:24px;height:24px;margin-top:1px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 13px/1 var(--font-text)}
.mc-row[data-status="ok"] .mc-mark{background:rgba(34,197,94,.14);color:var(--green-t)}
.mc-row[data-status="ok"] .mc-mark::before{content:"✓"}
.mc-row[data-status="warn"] .mc-mark{background:rgba(245,158,11,.14);color:var(--orange-t)}
.mc-row[data-status="warn"] .mc-mark::before{content:"!"}
.mc-row[data-status="bad"] .mc-mark{background:rgba(239,68,68,.15);color:var(--red-t)}
.mc-row[data-status="bad"] .mc-mark::before{content:"×";font-size:16px}
.mc-body{min-width:0}
.mc-row-top{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;color:var(--text)}
.mc-row-title{font-weight:600;font-size:15.5px}
.mc-badge{font-size:12px;font-weight:600;letter-spacing:.02em;padding:1px 8px;border-radius:var(--r-pill);border:1px solid currentColor}
.mc-row[data-status="ok"] .mc-badge{color:var(--green-t)}
.mc-row[data-status="warn"] .mc-badge{color:var(--orange-t)}
.mc-row[data-status="bad"] .mc-badge{color:var(--red-t)}
.mc-row-note{font-size:14.5px;line-height:1.5;margin-top:2px;overflow-wrap:anywhere}

.mc-speed{display:grid;gap:10px;padding:14px;border-radius:var(--r);border:1px solid var(--chip-border);background:var(--chip-bg)}
.mc-speed-title{font-weight:600;color:var(--text);font-size:15.5px}
.mc-speed-wait{font-size:14.5px}
.mc-speed[data-state="wait"] .mc-speed-wait::before{content:"";display:inline-block;width:12px;height:12px;margin-right:8px;vertical-align:-1px;border-radius:50%;border:2px solid var(--purple-light);border-right-color:transparent;animation:mcSpin .8s linear infinite}
.mc-speed-note{font-size:13px;color:var(--text-3)}
.mc-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.mc-metric{display:grid;gap:2px;padding:10px 12px;border-radius:12px;background:rgba(10,10,24,.6);border:1px solid var(--border)}
.mc-metric-name{font-size:12.5px;color:var(--text-3);font-weight:600;letter-spacing:.03em}
.mc-metric-val{font:600 20px/1.2 var(--font-text);color:var(--text);font-variant-numeric:tabular-nums}
.mc-metric[data-empty] .mc-metric-val{font-size:15px;font-weight:500;color:var(--text-3)}
.mc-metric-val small{font-size:12px;color:var(--text-3);font-weight:500;margin-left:2px}
.mc-metric[data-status="ok"] .mc-metric-val{color:var(--green-t)}
.mc-metric[data-status="warn"] .mc-metric-val{color:var(--orange-t)}
.mc-metric[data-status="bad"] .mc-metric-val{color:var(--red-t)}

.mc-honest{font-size:14px;color:var(--text-3);line-height:1.55}
.mc-cta{justify-self:start;text-align:left}
.mc-left{font-size:12.5px;color:var(--text-3)}
.mc-left:empty{display:none}

@keyframes mcSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.mc-speed[data-state="wait"] .mc-speed-wait::before{animation:none}}
@media (max-width:560px){
  .mc-form .mc-btn,.mc-cta{width:100%;justify-self:stretch}
  .mc-metrics{grid-template-columns:1fr 1fr}
}
/* итог над кнопкой */
.mc-verdict{margin-top:6px;padding:14px 16px;border-radius:14px;border:1px solid var(--border-h);background:rgba(99,102,241,.08)}
.mc-verdict[data-kind="bad"]{border-color:rgba(248,113,113,.45);background:rgba(248,113,113,.07)}
.mc-verdict[data-kind="warn"]{border-color:rgba(251,191,36,.4);background:rgba(251,191,36,.06)}
.mc-verdict[data-kind="ok"]{border-color:rgba(34,197,94,.4);background:rgba(34,197,94,.06)}
.mc-verdict-title{margin:0 0 4px;font:600 clamp(17px,1.5vw,20px)/1.3 var(--font-head);color:var(--text)}
.mc-verdict-sub{margin:0;font-size:15px;line-height:1.45;color:var(--text-2,#c7c9e0)}
.mc-honest{font-size:13px}

/* ТЗ-41: общий балл, статус «не удалось проверить», закрытые строки */
.mc-score{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px 24px;padding:16px 20px;border-radius:14px;border:1px solid var(--border-h);background:rgba(255,255,255,.025)}
.mc-score[hidden]{display:none}
.mc-score-num{margin:0;font:600 clamp(52px,7vw,76px)/1 var(--font-head);letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap}
.mc-score-num small{font-size:.36em;letter-spacing:0;font-weight:500;color:var(--text-3);margin-left:2px}
.mc-score-side{display:grid;gap:8px;min-width:0}
.mc-score-label{margin:0;font-weight:600;font-size:15.5px;color:var(--text)}
.mc-score-bar{display:block;height:8px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.mc-score-bar i{display:block;height:100%;border-radius:99px;background:currentColor;transition:width .9s cubic-bezier(.2,.7,.2,1)}
.mc-score-note{margin:0;font-size:13.5px;line-height:1.45;color:var(--text-3)}
.mc-score[data-kind="ok"]{color:var(--green-t);border-color:rgba(34,197,94,.4)}
.mc-score[data-kind="warn"]{color:var(--orange-t);border-color:rgba(251,191,36,.4)}
.mc-score[data-kind="bad"]{color:var(--red-t);border-color:rgba(248,113,113,.45)}
.mc-score-num,.mc-score-bar{color:inherit}
.mc-score-label{color:var(--text)}
.mc-score-note{color:var(--text-3)}

.mc-row[data-status="na"] .mc-mark{background:rgba(255,255,255,.07);color:var(--text-3)}
.mc-row[data-status="na"] .mc-mark::before{content:"?"}
.mc-row[data-status="na"] .mc-badge{color:var(--text-3)}
.mc-row[data-status="na"] .mc-row-note{color:var(--text-3)}
.mc-row[data-status="region"] .mc-mark{background:rgba(255,255,255,.07);color:var(--text-3)}
.mc-row[data-status="region"] .mc-mark::before{content:"-"}
.mc-row[data-status="region"] .mc-badge{color:var(--text-3)}
.mc-row[data-status="region"] .mc-row-note{color:var(--text-3)}
.mc-row-lock{display:flex;align-items:center;gap:8px;margin:3px 0 0;font-size:14px;line-height:1.5;color:var(--text-3)}
.mc-row-lock-ic{flex:none;width:16px;height:16px;color:var(--purple-light);opacity:.9}

.mc-locked-wrap{display:grid;gap:10px}
.mc-locked{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.mc-lock-row{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:center;padding:12px 14px;border-radius:var(--r);border:1px dashed var(--border-h);background:rgba(255,255,255,.015)}
.mc-lock-ic{width:24px;height:24px;color:var(--purple-light);opacity:.9}
.mc-lock-body{min-width:0;display:grid;gap:7px}
.mc-lock-title{margin:0;font-weight:600;font-size:15.5px;color:var(--text-2);opacity:.8}
.mc-lock-blur{display:block;height:9px;width:min(62%,320px);border-radius:6px;background:linear-gradient(90deg,rgba(165,180,252,.42),rgba(165,180,252,.12));filter:blur(3.5px)}
.mc-lock-cap{margin:2px 0 0;font-size:14px;font-weight:600;color:var(--indigo-t);letter-spacing:.01em}
@media (max-width:560px){
  .mc-score{grid-template-columns:1fr;gap:10px}
}