/* CodeStack Site Monitor — вкладка «Мои сайты» + кнопка на странице аудита.
   Минималистично, нейтральные цвета, без внешних зависимостей. */
.csm-wrap{}
.csm-warn{background:#fff3cd;border:1px solid #ffc107;color:#856404;padding:12px 16px;border-radius:6px;margin-bottom:16px;font-size:14px;}
.csm-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px;}
.csm-select{flex:1;min-width:200px;padding:8px;border:1px solid #ccc;border-radius:6px;font-size:14px;}
.csm-btn{padding:8px 14px;border:none;border-radius:6px;background:#0073aa;color:#fff;font-size:14px;cursor:pointer;}
.csm-btn:hover{background:#005a85;}
.csm-btn:disabled{background:#b7b7b7;cursor:not-allowed;}
.csm-btn-ghost{background:#eef1f4;color:#0073aa;border:1px solid #cfe0ee;}
.csm-add-form{border:1px solid #e1e4e8;border-radius:8px;padding:14px;margin-bottom:16px;background:#fafbfc;}
.csm-add-row{margin-bottom:10px;}
.csm-input{width:100%;max-width:420px;padding:8px;border:1px solid #ccc;border-radius:6px;font-size:14px;}
.csm-add-hint{font-size:12.5px;color:#666;margin:0 0 10px;}
.csm-status{padding:10px 14px;border-radius:6px;margin:10px 0;font-size:14px;}
.csm-status.csm-ok{background:#e8f5e9;border:1px solid #28a745;color:#1e7e34;}
.csm-status.csm-err{background:#fdecea;border:1px solid #dc3545;color:#b02a37;}
.csm-sr{position:absolute;left:-9999px;}
.csm-note{background:#fff;border:1px solid #e1e4e8;border-radius:8px;padding:16px;margin-bottom:16px;}
.csm-note-empty{color:#888;font-size:14px;padding:20px 0;text-align:center;}
.csm-note-title{margin:0 0 4px;font-size:18px;}
.csm-note-page{font-size:12.5px;color:#666;margin-bottom:12px;word-break:break-all;}
.csm-note-page code{background:#f3f4f6;padding:2px 6px;border-radius:4px;color:#005a85;}
.csm-score-card{background:#0b3d5c;color:#fff;border-radius:8px;padding:14px 16px;margin-bottom:16px;}
.csm-score-big{font-size:26px;font-weight:700;}
.csm-score-sub{font-size:12.5px;opacity:.8;margin-top:6px;}
.csm-score-delta{font-size:13px;font-weight:600;}
.csm-h4{margin:18px 0 8px;font-size:15px;color:#222;}
.csm-diff-table{width:100%;border-collapse:collapse;font-size:13.5px;}
.csm-diff-table th,.csm-diff-table td{padding:7px 10px;border-bottom:1px solid #eef1f4;text-align:left;vertical-align:top;}
.csm-diff-table th{background:#f6f8fa;font-weight:600;color:#444;}
.csm-diff-table .csm-k{width:46%;}
.csm-diff-table .csm-v{font-variant-numeric:tabular-nums;}
.csm-up{color:#00ff45;}
.csm-down{color:#e17777;}
.csm-flat{color:#888;}
.csm-metrics{display:grid;gap:14px;}
@media(min-width:720px){.csm-metrics{}}
.csm-mgroup{border:1px solid #eef1f4;border-radius:8px;padding:12px;background:#fcfcfd;}
.csm-mg-h{margin:0 0 8px;font-size:13.5px;color:#555;text-transform:uppercase;letter-spacing:.02em;}
.csm-mrow{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;padding:3px 0;border-bottom:1px dashed #f0f0f0;}
.csm-mrow:last-child{border-bottom:none;}
.csm-mk{color:#666;}
.csm-mv{font-weight:600;font-variant-numeric:tabular-nums;}
.csm-history{width:100%;border-collapse:collapse;font-size:13px;}
.csm-history td{padding:6px 10px;border-bottom:1px solid #eef1f4;}

/* Кнопка удаления: обычный красный + «взведённый» вид */
.csm-btn-danger{background:#b02a37;}
.csm-btn-danger:hover{background:#8f1f2b;}
.csm-btn-danger:disabled{background:#d8b3b7;cursor:not-allowed;}
.csm-btn-danger.csm-btn-armed{background:#8f1f2b;box-shadow:0 0 0 3px rgba(176,42,55,.35);}

/* График динамики рейтинга */
.csm-chart{border:1px solid #eef1f4;border-radius:8px;padding:8px 10px 4px;background:#fcfcfd;}
.csm-chart svg{display:block;}
.csm-chart-ax{font-size:10px;fill:#8a9099;}
.csm-chart-val{font-size:11px;font-weight:600;fill:#0b3d5c;}
.csm-chart-hint{font-size:12px;color:#888;padding:6px 2px 2px;}

/* Кнопка на странице результатов аудита */
.csm-audit-wrap{margin-top:16px;padding:14px;background:#f2f8fc;border:1px solid #cfe0ee;border-radius:8px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;}
.csm-audit-btn{padding:9px 16px;border:none;border-radius:6px;background:#0073aa;color:#fff;font-size:14px;cursor:pointer;}
.csm-audit-btn:disabled{opacity:.7;}
.csm-audit-msg{font-size:13px;color:#444;}
.csm-audit-guest{margin-top:12px;padding:12px 14px;background:#fff3cd;border:1px solid #ffc107;color:#856404;border-radius:8px;font-size:13.5px;}
/* ── Модальный оверлей «Идёт анализ…» (блокирует клики во время долгого запроса) ── */
.csm-modal{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;background:rgba(20,30,40,.55);text-align:center;}
.csm-modal-box{background:#fff;border-radius:12px;padding:28px 34px;box-shadow:0 10px 40px rgba(0,0,0,.25);max-width:420px;}
.csm-modal-spin{width:38px;height:38px;margin:0 auto 14px;border:4px solid #d8e2ec;border-top-color:#0073aa;border-radius:50%;animation:csm-spin 1s linear infinite;}
@keyframes csm-spin{to{transform:rotate(360deg);}}
.csm-modal-title{font-size:16px;font-weight:600;color:#1d2733;margin-bottom:6px;}
.csm-modal-sub{font-size:13px;color:#5b6b7b;}
/* Словесный diff «Было → Стало» */
.csm-change{font-size:13.5px;color:#243;line-height:1.5;padding:2px 0;}
.csm-change .csm-old{color:#b02a37;text-decoration:line-through;}
.csm-change .csm-new{color:#1e7e34;font-weight:600;}

html.csm-no-scroll,html.csm-no-scroll body{overflow:hidden;}
/* Блок «Заключение ИИ» */
.csm-ai-note{margin-bottom:16px;padding:14px 16px;border:1px solid #d7e3ef;border-radius:8px;background:#f6fafd;}
.csm-ai-note .csm-h4{margin:0 0 10px;}
.csm-ai-out{white-space:pre-wrap;word-wrap:break-word;line-height:1.55;color:#1c2833;margin-bottom:10px;}
.csm-ai-badge{font-size:12px;color:#5a6b7b;margin-bottom:8px;}
.csm-ai-warn{font-size:13px;color:#b02a37;margin-top:6px;}