/* Внутренние страницы: вход, поддержка, конфиденциальность, статус.
   Палитра и шрифты берутся из styles.css — здесь только раскладка документа. */
.page{max-width:900px;margin:0 auto;padding:60px max(20px,5vw) 90px}
.page h1{font-size:clamp(36px,5vw,60px);line-height:1;letter-spacing:-.05em;margin:12px 0 20px}
.page h2{font-size:clamp(24px,3vw,34px);line-height:1.05;letter-spacing:-.03em;margin:44px 0 14px}
.page h3{font-size:19px;margin:26px 0 8px}
.page p,.page li{color:#3d4239;max-width:70ch}
.page ul,.page ol{padding-left:20px}
.page li{margin:7px 0}
.page a{color:var(--green);border-bottom:1px solid #b9d36a}
.page .lead{color:var(--muted);font-size:19px;max-width:70ch}
.page .updated{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}

.panel{background:#fff;border:1px solid var(--line);padding:26px;margin:26px 0}
.panel.dark-panel{background:var(--dark);color:#e7ebe1;border:0}
.panel.dark-panel p,.panel.dark-panel li{color:#b3b8ad}

.field{display:block;margin:0 0 16px}
.field span{display:block;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.field input{width:100%;padding:14px;border:1px solid var(--line);background:#fbfcf8;font-size:16px;border-radius:3px}
.field input:focus{outline:2px solid var(--green);outline-offset:1px}
.form-note{font-size:13px;color:var(--muted)}
.msg{padding:12px 14px;margin:14px 0;font-size:14px;border-left:3px solid var(--green);background:#eef4dd}
.msg.error{border-left-color:#b0402c;background:#f9ebe7;color:#8d3220}
.hidden{display:none}

.integrations{display:grid;gap:12px;margin-top:18px}
.integration{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid var(--line);background:#fff}
.integration b{font-size:17px}
.integration .st{margin-left:auto;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.st.on{color:var(--green)}
.st.off{color:var(--muted)}
.st.soon{color:#9a6b12}

.contact-block{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:22px 0}
.contact-block div{padding:18px;background:#fff;border:1px solid var(--line)}
.contact-block b{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}

.en-block{margin-top:56px;padding-top:34px;border-top:3px solid var(--dark)}
.en-block h2:first-of-type{margin-top:0}

table.spec{width:100%;border-collapse:collapse;margin:18px 0;font-size:15px}
table.spec th,table.spec td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:top}
table.spec th{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13.5px;background:#e9ebe0;padding:2px 6px;border-radius:3px}

/* Страница состояния сервиса (/status/ и /en/status/). Данные тянутся с того же
   /status, что отдаётся партнёрам JSON'ом, — второй проверки тут нет. */
.status-card{display:flex;align-items:center;gap:18px;padding:26px;background:#fff;border:1px solid var(--line);margin:26px 0 10px}
.status-card .dot{width:16px;height:16px;border-radius:50%;background:var(--muted);flex:none}
.status-card.ok .dot{background:#4f8a10}
.status-card.down .dot{background:#b0402c}
.status-card.unknown .dot{background:#9a6b12}
.status-card strong{display:block;font-size:22px;letter-spacing:-.02em}
.status-card .meta{margin-top:4px;font-size:13px;color:var(--muted)}
.status-card button{margin-left:auto;flex:none;padding:10px 16px;border:1px solid var(--line);background:var(--paper);font-size:13px;font-weight:900;border-radius:3px;cursor:pointer}
.status-card button:hover{border-color:var(--green);color:var(--green)}
.comp{display:grid;gap:2px;margin:18px 0}
.comp div{display:flex;align-items:center;gap:14px;padding:14px 18px;background:#fff;border:1px solid var(--line)}
.comp .st{margin-left:auto;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:560px){.status-card{flex-wrap:wrap}.status-card button{margin-left:0;width:100%}}