/*
Theme Name: СбойМетр Minimal
Theme URI: https://sboimetr.ru/
Author: СбойМетр
Description: Минимальная адаптивная тема для мониторинга сервисов. Без шрифтов и конструкторов.
Version: 2.3.0
Requires PHP: 8.0
Text Domain: sboimetr-minimal
*/
:root{color-scheme:light;--ink:#14212a;--sub:#667680;--line:#e3e8ea;--accent:#176e84}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#f8fafb;font:16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:var(--accent)}.header{background:white;border-bottom:1px solid var(--line)}.wrap{max-width:1100px;margin:auto;padding:0 16px}.header .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:72px}.logo{text-decoration:none;color:var(--ink);font-size:23px;font-weight:800;white-space:nowrap}.logo i{font-style:normal;color:var(--accent)}nav{display:flex;flex-wrap:wrap;gap:16px}nav a{text-decoration:none;color:var(--ink);font-size:14px}nav a:hover{color:var(--accent)}main{min-height:65vh}.hero{padding:54px 0 25px}.hero h1{font-size:clamp(30px,5vw,46px);line-height:1.15;letter-spacing:-.025em;margin:0 0 14px}.hero p{max-width:750px;color:var(--sub);margin:0}.section{padding:24px 0 48px}.section h2{font-size:24px}.article{max-width:860px;background:white;margin:36px auto;padding:32px;border:1px solid var(--line);border-radius:12px}.article h1{line-height:1.25}.article time{font-size:13px;color:var(--sub)}.site-footer{border-top:1px solid var(--line);padding:25px 0;color:var(--sub);font-size:13px;background:#fff}.wp-block-image img{max-width:100%;height:auto}@media(max-width:650px){.header .wrap{align-items:flex-start;flex-direction:column;padding-top:14px;padding-bottom:14px;gap:8px}.hero{padding-top:32px}.article{margin:15px auto;padding:20px}}

.sbm-live{background:#fff;border:1px solid #e3e8ea;border-radius:12px;padding:20px}.sbm-live-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px}.sbm-live-head h2{margin:0 0 16px}.sbm-live-head>span{font-size:13px;color:#667680}.sbm-rank{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:9px}.sbm-rank-item{border:1px solid #e3e8ea;border-radius:8px;padding:12px;text-decoration:none;color:#14212a;display:flex;justify-content:space-between;gap:8px;align-items:center}.sbm-rank-item:hover{border-color:#176e84}.sbm-rank-item strong{display:block}.sbm-rank-item small{display:block;color:#667680;font-size:12px}.sbm-rank-count{font-size:13px;white-space:nowrap;color:#176e84;font-weight:700}.sbm-issues{margin-top:20px;border-top:1px solid #e3e8ea;padding-top:12px}.sbm-issues ul{margin-left:18px;padding:0}


/* 1.6 */
.sbm16-service-head{background:#fff;border:1px solid #dce5e8;border-radius:18px;padding:22px;margin:22px 0 18px;display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:18px;box-shadow:0 4px 24px rgba(9,32,44,.04)}
.sbm16-service-head.is-red{border-color:#f0c8c8;background:linear-gradient(180deg,#fff,#fff7f7)}
.sbm16-service-head.is-orange{border-color:#ecd8ac;background:linear-gradient(180deg,#fff,#fffbf2)}
.sbm16-service-head.is-green{border-color:#c8e5d1;background:linear-gradient(180deg,#fff,#f7fff9)}
.sbm16-service-head.is-gray{border-color:#d9e0e4;background:linear-gradient(180deg,#fff,#fafcfc)}
.sbm16-service-main{display:flex;gap:16px;align-items:flex-start}.sbm16-logo-wrap .sbm-logo{width:56px;height:56px;border-radius:14px}.sbm16-logo-wrap .sbm-logo-img{width:44px;height:44px}.sbm16-kicker{margin:0 0 6px;color:#627786;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.sbm16-title-wrap h1{margin:0 0 10px;font-size:clamp(28px,4vw,42px);line-height:1.12}.sbm16-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.sbm16-soft{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:#f1f5f7;color:#435560;font-size:13px}.sbm16-lead{margin:0;color:#40535f;max-width:760px}.sbm16-side{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.sbm16-link{font-size:14px;text-decoration:none}.sbm16-metrics{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sbm16-metrics div{background:#f5f8fa;border-radius:12px;padding:14px 16px}.sbm16-metrics dt{font-size:13px;color:#60727d}.sbm16-metrics dd{margin:6px 0 0;font-size:24px;line-height:1.1;font-weight:800}
.sbm16-legend,.sbm16-section{background:#fff;border:1px solid #dce5e8;border-radius:14px;padding:20px;margin:20px 0}.sbm16-legend h2,.sbm16-section h2{margin:0 0 12px;font-size:24px}.sbm16-legend-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sbm16-legend-card{border-radius:12px;padding:14px;border:1px solid #e5eaed}.sbm16-legend-card strong{display:block;margin-bottom:6px}.sbm16-legend-card p{margin:0;font-size:14px;line-height:1.5}.sbm16-legend-card.is-green{background:#ecfaf1;border-color:#cae5d5}.sbm16-legend-card.is-orange{background:#fff8e6;border-color:#ecd6a1}.sbm16-legend-card.is-red{background:#fff0ef;border-color:#efc4c4}.sbm16-legend-card.is-gray{background:#f2f5f6;border-color:#d8e0e3}
.sbm16-comments{display:grid;gap:12px}.sbm16-comment{border:1px solid #e5ebee;border-radius:12px;padding:14px;background:#fbfcfd}.sbm16-comment-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:8px}.sbm16-comment-head span{font-size:12px;color:#647783}.sbm16-comment p{margin:0;color:#31414b}.sbm16-steps{padding-left:20px}.sbm16-steps li{margin:8px 0}.sbm-grid-related .sbm-card{min-height:inherit}
.sbm15-status-panel{border-width:2px}.sbm15-status-panel h2{font-size:24px}.sbm-data-panel h2,.sbm-diagnostics h2{font-size:22px}
@media (max-width:980px){.sbm16-service-head{grid-template-columns:1fr}.sbm16-metrics,.sbm16-legend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.sbm16-service-main{flex-direction:column}.sbm16-metrics,.sbm16-legend-grid{grid-template-columns:1fr}.sbm16-title-wrap h1{font-size:31px}.sbm16-service-head,.sbm16-legend,.sbm16-section{padding:16px}.sbm16-comment-head{flex-direction:column;align-items:flex-start}}

/* 1.7: SEO design, clear service heading */
.sbm-service-article{max-width:1120px;padding:24px}.sbm-service-article .sbm16-service-head{margin-top:0}.sbm-service-article .sbm16-section,.sbm-service-article .sbm-data-panel,.sbm-service-article .sbm-diagnostics{max-width:none}@media(max-width:650px){.sbm-service-article{padding:12px}}


/* СбойМетр 2.1 — compact wide responsive layout */
:root{--ink:#14232e;--sub:#566874;--line:#e1e8ec;--accent:#126b88}
html{scroll-padding-top:72px}
body{font-size:14px;line-height:1.47;background:#f4f7f9}
.wrap,.sbm-container{width:min(100% - 32px,1520px);max-width:1520px;margin-inline:auto;padding-inline:0}
.header{position:relative;z-index:30;box-shadow:0 1px 8px #142c370b}
.header .wrap{min-height:58px;gap:18px;flex-direction:row;align-items:center;padding-top:0;padding-bottom:0}
.logo{font-size:22px;letter-spacing:-.035em}
.header nav{display:flex;flex-direction:row;flex-wrap:wrap;gap:3px;align-items:center;justify-content:flex-end}
.header nav a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 12px;border-radius:9px;font-weight:600;font-size:13px;line-height:1.2;white-space:nowrap}
.header nav a:hover,.header nav a:focus-visible{color:#075975;background:#eaf5f9;outline:0}
.header nav a.sbm-nav-report{background:#126b88;color:white;margin-left:5px}
.header nav a.sbm-nav-report:hover{background:#075571;color:white}
.sbm-menu-toggle{display:none;align-items:center;gap:7px;border:1px solid #d8e4eb;border-radius:9px;background:#f4f8fa;padding:8px 12px;color:#123747;font:700 13px/1.2 system-ui;cursor:pointer}
.sbm-menu-toggle svg{height:18px;width:18px}
.hero{padding:26px 0 14px}
.hero h1{font-size:clamp(26px,3vw,38px);margin-bottom:8px}
.hero p{max-width:1020px;font-size:14px}
.section{padding:12px 0 18px}
.section h2{font-size:20px;line-height:1.25;margin:0 0 12px}
.section>p{margin:5px 0 10px}
.sbm-live{padding:14px;border-radius:11px}
.sbm-live-head h2{margin:0 0 10px}
.sbm-rank{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:7px}
.sbm-rank-item{padding:9px 11px}
.sbm-grid{grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:9px}
.sbm-card{padding:12px;gap:7px;border-radius:10px;min-height:unset}
.sbm-search{margin:11px 0 12px}
.sbm-search input{padding:9px 11px}
.sbm16-legend,.sbm16-section,.sbm-data-panel,.sbm-diagnostics,.sbm14-help,.sbm14-history,.sbm15-status-panel{margin:0;padding:15px;border-radius:12px}
.sbm16-legend h2,.sbm16-section h2,.sbm-data-panel h2,.sbm-diagnostics h2,.sbm15-status-panel h2{font-size:19px;line-height:1.25;margin:0 0 10px}
.sbm16-legend-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.sbm16-legend-card{padding:11px}
.sbm16-legend-card p{font-size:13px}
.article{max-width:1150px;margin:17px auto;padding:20px}
.sbm-service-article{max-width:none;width:100%;margin:14px auto;padding:12px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:12px;background:transparent;border:0;border-radius:0}
.sbm-service-article>*{min-width:0;grid-column:span 6}
.sbm-service-article>.sbm16-service-head{grid-column:1/-1}
.sbm-service-article>.sbm-data-panel{grid-column:span 8}
.sbm-service-article>.sbm-diagnostics{grid-column:span 4}
.sbm-service-article>.sbm16-legend{grid-column:1/-1}
.sbm-service-article>.sbm-guide{grid-column:1/-1;background:white;border:1px solid var(--line);border-radius:12px;padding:16px;margin:0}
.sbm-service-article>.sbm16-section:has(.sbm-grid-related){grid-column:1/-1}
.sbm-service-article>.sbm16-section:has(.sbm16-comments){grid-column:span 7}
.sbm-service-article>.sbm16-section:has(.sbm16-steps){grid-column:span 5}
.sbm-service-article>.sbm14-history{grid-column:1/-1}
.sbm-service-article>.sbm14-help{grid-column:span 6}
.sbm-service-article>.sbm15-status-panel{grid-column:span 6}
.sbm-service-article>.sbm-map-section,.sbm-service-article>.sbm-region-map,.sbm-service-article>[data-sbm-map]{grid-column:1/-1}
.sbm16-service-head{margin:0!important;padding:17px;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.sbm16-service-main{gap:12px}
.sbm16-title-wrap h1{font-size:clamp(26px,2.6vw,35px);margin-bottom:7px}
.sbm16-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:4px}
.sbm16-metrics div{padding:10px 12px}
.sbm16-metrics dd{font-size:20px;margin-top:4px}
.sbm16-lead{font-size:13px}
.sbm16-badges{margin-bottom:8px}
.sbm16-logo-wrap .sbm-logo{width:46px;height:46px}
.sbm16-logo-wrap .sbm-logo-img{width:36px;height:36px}
.sbm-periods button{padding:6px 9px;font-size:12px}
.sbm-chart{margin-top:5px}
.sbm-graph-summary{padding-top:7px;gap:10px}
.sbm-diagnostics h2:not(:first-child),.sbm-guide h2:not(:first-child){margin-top:17px}
.sbm-breakdown-row{margin:8px 0}
.sbm16-comment{padding:10px 12px}
.sbm16-comments{gap:8px}
.sbm16-section p,.sbm-guide p{margin:8px 0}
.sbm-guide{line-height:1.53}
.sbm-guide h2{font-size:19px;margin:14px 0 8px}
.sbm-guide li,.sbm16-steps li{margin:5px 0}
.sbm16-section:has(.sbm-grid-related) .sbm-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.site-footer{padding:14px 0;font-size:12px}
@media(max-width:1100px){
 .sbm-service-article>.sbm-data-panel{grid-column:span 7}
 .sbm-service-article>.sbm-diagnostics{grid-column:span 5}
 .sbm16-service-head{grid-template-columns:1fr}
 .sbm16-legend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
 .header .wrap{min-height:55px}
 .sbm-menu-toggle{display:inline-flex;margin-left:auto}
 .header nav{display:none;position:absolute;left:0;right:0;top:100%;background:white;border-bottom:1px solid var(--line);box-shadow:0 12px 18px #0e35401a;padding:9px max(12px,calc((100vw - 1520px)/2));display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .header nav.is-open{display:grid}
 .header nav a{justify-content:flex-start;min-height:41px;padding:10px 12px;background:#f3f7f9;border-radius:9px}
 .header nav a.sbm-nav-report{margin:0}
 .sbm-service-article>.sbm-data-panel,.sbm-service-article>.sbm-diagnostics{grid-column:1/-1}
 .sbm-service-article>.sbm16-section:has(.sbm16-comments),.sbm-service-article>.sbm16-section:has(.sbm16-steps){grid-column:1/-1}
}
@media(max-width:600px){
 body{font-size:13.5px;line-height:1.43}
 .wrap,.sbm-container{width:calc(100% - 20px)}
 .header .wrap{min-height:49px;gap:8px}
 .logo{font-size:20px}
 .sbm-menu-toggle{padding:7px 10px}
 .header nav{padding:9px 10px}
 .hero{padding:17px 0 8px}
 .hero h1{font-size:25px;margin-bottom:6px}
 .hero p{font-size:13px}
 .section{padding:8px 0 12px}
 .section h2{font-size:18px;margin-bottom:9px}
 .sbm-live{padding:10px}
 .sbm-rank{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .sbm-rank-item{padding:8px;align-items:flex-start;flex-direction:column;gap:3px}
 .sbm-rank-count{white-space:normal}
 .sbm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .sbm-card{padding:10px;gap:6px}
 .sbm-card-title{gap:6px;min-height:29px}
 .sbm-card-title strong{font-size:13px;overflow-wrap:anywhere}
 .sbm-logo{width:29px;height:29px;border-radius:7px}
 .sbm-logo-img{width:24px;height:24px}
 .sbm-card .sbm-status{font-size:11px;padding:3px 6px}
 .sbm-card small{font-size:11px}
 .sbm-service-article{padding:0;margin:8px auto;gap:8px;display:flex;flex-direction:column}
 .sbm-service-article>*{width:100%}
 .sbm16-service-head{padding:12px!important;gap:10px;display:grid;grid-template-columns:1fr}
 .sbm16-service-main{flex-direction:row;gap:8px}
 .sbm16-logo-wrap .sbm-logo{width:38px;height:38px}
 .sbm16-logo-wrap .sbm-logo-img{width:30px;height:30px}
 .sbm16-title-wrap h1{font-size:25px;margin-bottom:5px}
 .sbm16-lead{font-size:12.5px}
 .sbm16-side{flex-direction:row;flex-wrap:wrap;align-items:center}
 .sbm16-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .sbm16-metrics div{padding:8px 9px}
 .sbm16-metrics dd{font-size:18px}
 .sbm16-legend,.sbm16-section,.sbm-data-panel,.sbm-diagnostics,.sbm14-help,.sbm14-history,.sbm15-status-panel,.sbm-guide{padding:11px!important;margin:0!important}
 .sbm16-legend h2,.sbm16-section h2,.sbm-data-panel h2,.sbm-diagnostics h2,.sbm15-status-panel h2{font-size:17px;margin-bottom:8px}
 .sbm16-legend-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .sbm16-legend-card{padding:8px}
 .sbm16-legend-card p{font-size:11.5px}
 .sbm14-numbers{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
 .sbm14-numbers>div{padding:8px}
 .sbm14-numbers dd{font-size:17px}
 .sbm-chart{margin-top:3px}
 .sbm-service-article>.sbm16-section:has(.sbm-grid-related) .sbm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .article:not(.sbm-service-article){padding:13px;margin:9px auto}
 .site-footer{padding:10px 0}
}
@media(max-width:360px){.sbm-rank,.sbm-grid{grid-template-columns:1fr}.sbm16-legend-grid{grid-template-columns:1fr}}


/* СбойМетр 2.2: закрываем незаполненные области сетки на сервисных страницах */
@media (min-width: 901px) {
 .sbm-service-article{
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-auto-flow:row dense;
  gap:10px;
  align-items:stretch;
 }
 .sbm-service-article>.sbm16-service-head{grid-area:1 / 1 / 2 / -1;}
 .sbm-service-article>.sbm14-help{grid-area:2 / 1 / 4 / 9;}
 .sbm-service-article>.sbm15-status-panel{grid-area:2 / 9 / 3 / -1;}
 .sbm-service-article>.sbm14-history{grid-area:3 / 9 / 4 / -1;}
 .sbm-service-article>.sbm16-legend{grid-area:4 / 1 / 5 / -1;}
 .sbm-service-article>.sbm-data-panel{grid-area:5 / 1 / 6 / 9;}
 .sbm-service-article>.sbm-diagnostics{grid-area:5 / 9 / 6 / -1;}
 .sbm-service-article>.sbm16-section:has(.sbm16-comments){grid-column:span 7;}
 .sbm-service-article>.sbm16-section:has(.sbm16-steps){grid-column:span 5;}
 .sbm-service-article>.sbm16-section:has(.sbm-grid-related){grid-column:1/-1;}
 .sbm-service-article>.sbm-guide{grid-column:1/-1;}
 .sbm-service-article>p:not([class]){grid-column:1/-1;margin:0;padding:2px 0;}
 .sbm-service-article>.sbm14-help,.sbm-service-article>.sbm15-status-panel,
 .sbm-service-article>.sbm14-history{margin:0;}
 .sbm14-help h3{margin:11px 0 5px;font-size:14px}
 .sbm14-help ol{margin:5px 0;padding-left:18px}
 .sbm14-help li{margin:3px 0}
 .sbm14-history{min-height:100%;}
 .sbm15-status-panel{min-height:100%;}
}
@media (min-width: 601px) and (max-width: 900px){
 .sbm-service-article{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .sbm-service-article>.sbm16-service-head,
 .sbm-service-article>.sbm14-help,
 .sbm-service-article>.sbm16-legend,
 .sbm-service-article>.sbm-data-panel,
 .sbm-service-article>.sbm-diagnostics,
 .sbm-service-article>.sbm-guide,
 .sbm-service-article>.sbm16-section:has(.sbm16-comments),
 .sbm-service-article>.sbm16-section:has(.sbm16-steps),
 .sbm-service-article>.sbm16-section:has(.sbm-grid-related){grid-column:1/-1}
 .sbm-service-article>.sbm14-history,.sbm-service-article>.sbm15-status-panel{grid-column:span 1;grid-row:auto}
 .sbm-service-article>p{grid-column:1/-1}
}
@media(max-width:600px){
 .sbm-service-article{display:flex;flex-direction:column;align-items:stretch;gap:7px}
 .sbm-service-article>*{grid-area:auto!important;grid-column:auto!important;grid-row:auto!important;min-width:0;width:100%}
 .sbm-service-article>.sbm14-help{order:2}
 .sbm-service-article>.sbm14-history{order:3}
 .sbm-service-article>.sbm16-service-head{order:1}
 .sbm-service-article>.sbm15-status-panel{order:4}
 .sbm-service-article>.sbm16-legend{order:5}
 .sbm-service-article>.sbm-data-panel{order:6}
 .sbm-service-article>.sbm-diagnostics{order:7}
 .sbm-service-article>.sbm16-section{order:9}
 .sbm-service-article>.sbm-guide{order:10}
 .sbm-service-article>p{order:11}
 .sbm-service-article>.sbm-map-section{order:8}
}

/* 2.3: переставляем независимые блоки, не растягиваем содержимое */
@media (min-width: 901px) {
 .sbm-service-article{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:row;align-items:start;gap:10px}
 .sbm-service-article>.sbm16-service-head{grid-area:1 / 1 / 2 / -1}
 .sbm-service-article>.sbm14-help{grid-area:2 / 1 / 3 / 7;align-self:start;min-height:0}
 .sbm-service-article>.sbm16-legend{grid-area:2 / 7 / 3 / -1;align-self:start;min-height:0}
 .sbm-service-article>.sbm15-status-panel{grid-area:3 / 1 / 4 / 7;align-self:start;min-height:0}
 .sbm-service-article>.sbm14-history{grid-area:3 / 7 / 4 / -1;align-self:start;min-height:0}
 .sbm-service-article>.sbm-data-panel{grid-area:4 / 1 / 5 / 9;align-self:start;min-height:0}
 .sbm-service-article>.sbm-diagnostics{grid-area:4 / 9 / 5 / -1;align-self:start;min-height:0}
 .sbm-service-article>.sbm14-history,.sbm-service-article>.sbm15-status-panel,
 .sbm-service-article>.sbm14-help,.sbm-service-article>.sbm16-legend{height:auto;min-height:0}
 .sbm-service-article>.sbm16-legend .sbm16-legend-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .sbm-service-article>.sbm16-legend .sbm16-legend-card{padding:10px}
 .sbm-service-article>.sbm16-legend .sbm16-legend-card p{font-size:12px}
}
