/* Страница статуса OQ Cloud (ADR 0008). Свои стили: значения размеров, отступов и цветов сняты с оригинала
   (selectel.live, запись 08.11.2026), код стилей StatusPal не копировался. */

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(fonts/manrope-cyrillic-ext.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(fonts/manrope-cyrillic.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(fonts/manrope-latin-ext.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(fonts/manrope-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --accent: #1890ff;
  --header: #232237;
  --c-none: #45b780;
  --c-scheduled: #1890ff;
  --c-minor: #faad14;
  --c-major: #f5222d;
  --tag: #0d92ce;
}

html { position: relative; min-height: 100%; }
body {
  background-color: #f6f7f9;
  font-family: "Manrope", -apple-system, "Segoe UI", sans-serif;
  margin: 0 0 160px;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  color: #000;
}
hr { border: none; border-bottom: 1px solid #dedede; margin: 20px 0; }
textarea, input, button { outline: none; }
a { color: var(--accent); text-decoration: none; }
h1 { margin: 0; font-size: 1.8em; color: #009688; }
h3 { font-size: 1.2em; }
form, ul, table { margin-top: 20px; margin-bottom: 20px; }
p { line-height: 1.6em; }
td { text-align: left; }
*::placeholder { color: #cecece; }

.container { margin: 0 auto; }
.container-fluid { padding: 0; margin: 0 auto; }
.float-right { float: right; }
[hidden] { display: none !important; }
.text-center { text-align: center; }
.text-muted, .timezone-notice { color: gray; }
.timezone-notice { font-size: 12px; }
.m-0 { margin: 0; }
.mb-1 { margin-bottom: 1em; }
.d-lg-flex { display: flex; }
.align-items-center { align-items: center; }
.justify-content-between { justify-content: space-between; }
.row { margin-bottom: 40px; }
.row > *:first-child { margin-top: 0; }
.row > *:last-child { margin-bottom: 0; }
h4 { font-size: 1em; margin: 20px 0 0; font-weight: 600; }
h4.text-muted { margin-top: 0; }

@media (min-width: 768px) { .container { max-width: 760px; } }
@media (max-width: 768px) {
  .container { padding: 0 10px; }
  .hidden-sm { display: none; }
  .d-lg-flex { display: block; }
  body { margin-bottom: 180px; }
}

/* Шапка */
header { padding: 10px 0; margin-bottom: 45px; }
.header-container { background: var(--header); }
.theme-default header { box-shadow: 0 2px 3px #0000001a; }
header .container { display: flex; align-items: center; }
header .brand-name-container { font-size: 20px; display: flex; flex: 1; }
header .brand-name-container a { display: flex; align-items: center; }
header .brand-name-container a img { height: 30px; margin-right: 15px; }
header a, header a:hover { color: #fff; text-decoration: none; }
header .menu-items a { margin-left: 1rem; display: block; }
header a.subscribe { display: block; }

.system-status-container { margin-top: -10px; }
.system-status {
  color: #fff;
  text-align: center;
  padding: 12px;
  border-radius: 5px;
  font-size: 1.3em;
  font-weight: 700;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.system-status .system-status--description { font-weight: 400; flex: 1; }
.system-status .service-status--icon { font-size: 0.8em; padding: 0.2em; display: none; }
.system-status.type-none { background: var(--c-none); }
.system-status.type-scheduled { background: var(--c-scheduled); }
.system-status.type-minor { background: var(--c-minor); }
.system-status.type-major { background: var(--c-major); }
.about { color: #aaa; font-weight: 300; text-align: center; padding: 0 10px; margin-bottom: 20px; }
.about a { color: #aaa; text-decoration: underline; }
.about p { margin: 0; }

/* Дерево сервисов */
.service-search-container { width: 50%; margin-bottom: 1em; }
.service-search-container input { width: 100%; box-sizing: border-box; padding: 0.5rem; font-size: 15px; border: 1px solid #ababab; }
#search-not-found { display: block; margin-top: 0.5em; color: gray; }
@media (max-width: 768px) { .service-search-container { width: 100%; } }
.services-status { margin-bottom: 40px; }
.services-status > .service-status {
  padding: 16px;
  border-left: 1px solid;
  margin-bottom: 15px;
  box-shadow: 0 2px 3px #0000001a;
  background: #fff;
}
.service-status { position: relative; }
.service-status .service-status { padding-left: 25px; margin-top: 10px; }
.service-status .service-status--info { display: flex; align-items: center; line-height: 1em; }
.service-status .service-status--name { font-weight: 600; font-size: 1.1em; flex: 1; }
.service-status .service-status--description { display: block; font-weight: 300; font-size: 1em; }
.service-status .service-status--description.has-children { padding-left: 23px; }
.service-status .service-status--status { font-weight: 600; }
.service-status .service-status--toggle-children {
  margin-right: 10px;
  border: 1px solid;
  border-radius: 2px;
  height: 12px;
  width: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1em;
  position: relative;
  top: 1px;
  color: var(--accent);
  border-color: var(--accent);
}
.service-status .service-status--toggle-children::after { content: "+"; }
.service-status > .service-status--children { margin-top: 10px; display: none; }
.service-status.active > .service-status--children { display: block; }
.service-status.active > .service-status--info .service-status--status,
.service-status.active > .service-status--info .service-status--icon { visibility: hidden; }
.service-status.active > .service-status--info .service-status--toggle-children::after { content: "-"; }
.service-status--icon {
  font-style: normal;
  border: 2px solid;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1em;
  font-weight: 700;
  font-family: arial, sans-serif;
  transform: scaleX(-1) rotate(-45deg);
  margin-left: 10px;
  font-size: 12px;
}
.service-status--icon::before { content: "L"; position: relative; top: -0.02em; right: -0.02em; }
.service-status--icon.not-ok { transform: none; }
.service-status--icon.not-ok::before { content: "\2715"; position: relative; top: 0; right: 0; left: 0.5px; }
.services-status .status-type-major > .service-status--info .service-status--icon,
.services-status .status-type-minor > .service-status--info .service-status--icon,
.services-status .status-type-scheduled > .service-status--info .service-status--icon { transform: none; }
.services-status .status-type-major > .service-status--info .service-status--icon::before,
.services-status .status-type-minor > .service-status--info .service-status--icon::before,
.services-status .status-type-scheduled > .service-status--info .service-status--icon::before { content: "\2715"; position: relative; top: 0; right: 0; left: 0.5px; }
.status-type-major > .service-status--info .service-status--status,
.status-type-major > .service-status--info .service-status--icon { color: var(--c-major); }
.status-type-minor > .service-status--info .service-status--status,
.status-type-minor > .service-status--info .service-status--icon { color: var(--c-minor); }
.status-type-scheduled > .service-status--info .service-status--status,
.status-type-scheduled > .service-status--info .service-status--icon { color: var(--c-scheduled); }
.status-type-none > .service-status--info .service-status--status,
.status-type-none > .service-status--info .service-status--icon { color: var(--c-none); }
.service-status.status-type-major { border-left-color: var(--c-major); }
.service-status.status-type-minor { border-left-color: var(--c-minor); }
.service-status.status-type-scheduled { border-left-color: var(--c-scheduled); }
.service-status.status-type-none { border-left-color: var(--c-none); }

/* Карточки инцидентов, работ и уведомлений */
.incidents-container { padding-top: 20px; }
.incidents-container > .row { margin-bottom: 60px; }
.card, .services-status > .service-status { box-shadow: 0 2px 3px #0003; background: #fff; padding: 20px; margin-bottom: 20px; }
.card.incident { display: flex; padding: 0; color: #000; }
.card.incident:hover, .card.incident:active, .card.incident:focus { text-decoration: none; color: inherit; }
.card.incident .status-column { width: 1px; }
.card.incident .incident--details-column { padding: 15px 0; display: flex; flex-direction: column; width: 100%; }
.card.incident .incident--details-column > div { padding: 0 15px; }
.card.incident .incident--title { font-size: 1.2em; margin-bottom: 1em; color: #676767; }
.card.incident .incident--title .incident--type-name-tag { margin: 0 8px 0 0; font-size: 14px; float: none; }
.card.incident .incident--current-status { margin-bottom: 1em; font-size: 1.1em; font-weight: 300; overflow-wrap: break-word; }
.card.incident .incident--current-status p:first-of-type { display: inline; }
.card.incident .incident--footer {
  padding-top: 10px;
  border-top: 1px solid #eee;
  font-size: 0.9em;
  color: gray;
  font-weight: 300;
  display: flex;
  align-items: center;
}
@media (max-width: 500px) {
  .card.incident .incident--title { display: flex; flex-direction: column; align-items: flex-start; }
  .card.incident .incident--title .incident--type-name-tag { margin-bottom: 0.5em; }
  .card.incident .incident--footer { flex-direction: column; }
  .card.incident .incident--footer .incident--services,
  .card.incident .incident--footer .incident--posted-at { align-self: flex-start; }
  .card.incident .incident--footer .incident--posted-at { margin-top: 15px; }
}
.incident--services { flex: 1; }
.incident--service, .incident--time-elapsed, .incident--type-name-tag {
  border: 1px solid var(--tag);
  padding: 1px 5px;
  border-radius: 7px;
  color: var(--tag);
  margin: 5px 5px 0 0;
  float: left;
}
.incident--type-name-tag.status-type-major { border-color: var(--c-major); color: var(--c-major); }
.incident--type-name-tag.status-type-minor { border-color: var(--c-minor); color: var(--c-minor); }
.incident--type-name-tag.status-type-scheduled { border-color: var(--c-scheduled); color: var(--c-scheduled); }
.incident--type-name-tag.status-type-none { border-color: var(--c-none); color: var(--c-none); }
.status-type-major .status-column { background: var(--c-major); }
.status-type-minor .status-column { background: var(--c-minor); }
.status-type-scheduled .status-column { background: var(--c-scheduled); }
.status-type-none .status-column { background: var(--c-none); }
.previous-incidents { text-decoration: underline; }
@media (min-width: 768px) { .previous-incidents { float: right; } }
@media (max-width: 768px) { .previous-incidents { display: block; text-align: center; margin-bottom: 2rem; } }
.auto-refresh-label { color: #999; font-weight: 300; }
@media (max-width: 768px) { .auto-refresh-label { text-align: center; } }

/* Страницы записи и истории */
.incident--full-page { padding: 0; }
h1.incident-title { display: inline; color: #092433; font-weight: 600; }
.incident--header { display: flex; align-items: center; margin-top: 10px; }
.incident--header .incident--services { display: flex; flex-wrap: wrap; }
.incident--header .incident--service, .incident--header .incident--type-name-tag { float: none; }
@media (max-width: 768px) { .incident--header { flex-direction: column; align-items: flex-start; } }
.activities { background: #fff; border: 1px solid #eaeaea; border-radius: 3px; }
.activities .activity { padding: 15px; display: flex; flex-direction: column; border-bottom: 1px solid #eaeaea; }
.activities .activity .activity--type { width: fit-content; margin-bottom: 10px; display: flex; align-items: center; gap: 5px; }
.activities .activity .activity--type span { color: #000; font-weight: 600; }
.activities .activity .activity--type svg { display: none; color: gray; }
.activities .activity:hover svg { display: block; }
.activities .activity .activity--description { margin-bottom: 10px; overflow-wrap: break-word; }
.activities .activity .activity--description *:first-child { margin-top: 0; }
.activities .activity .activity--description *:last-child { margin-bottom: 0; }
.activities .activity .activity--date { color: gray; font-weight: 300; }
.back-button { font-size: 1rem; display: inline-block; }
.next-link { font-size: 1rem; }
.tab-nav { list-style: none; display: flex; border-bottom: 1px solid #dfdfdf; padding: 0; }
.tab-nav li { padding: 0; }
.tab-nav li a { display: block; padding: 10px 15px; margin-bottom: -1px; color: #888; font-weight: bolder; }
.tab-nav li a.active { color: #555; border: 1px solid #dfdfdf; border-bottom-color: #f6f7f9; border-top-left-radius: 2px; border-top-right-radius: 2px; }
table.incidents-table { width: 100%; padding: 0; border-collapse: collapse; }
table.incidents-table tr td { border-top: none; border-bottom: 1px solid #eaeaea; padding: 15px; }
table.incidents-table tr td:last-child { width: auto; }
.incidents-table a { display: inline; color: #092433; }

/* Markdown обновлений */
.markdown { font-weight: 300; font-size: 14px; color: #000; }
.markdown h1 { font-size: 2em; color: #000; margin: 0.67em 0; font-weight: 700; }
.markdown h2 { font-size: 1.5em; color: #000; margin: 0.83em 0; font-weight: 700; }
.markdown h3 { font-size: 1.2em; margin: 1em 0; font-weight: 700; border-bottom: 1px solid #e6e6e6; padding-bottom: 15px; }
.markdown strong { font-weight: 700; }
.markdown p { margin: 0 0 0.5em; line-height: 1.6em; }
.markdown ul, .markdown ol { margin-top: 0; margin-bottom: 10px; }
.markdown blockquote { padding: 0.5em 0.8em; margin: 0.5em 0; border-left: 5px solid #eee; }
.markdown code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; font-family: monospace; }
.markdown pre { display: block; padding: 9.5px; margin: 0 0 10px; color: #333; font-size: 0.9em; line-height: 1.3em; word-break: break-all; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; font-family: monospace; overflow: auto; }
.markdown pre code { padding: 0; font-size: inherit; color: inherit; background-color: transparent; border-radius: 0; }
.markdown table { width: 100%; max-width: 100%; margin: 0 0 20px; border-spacing: 0; border-collapse: collapse; }
.markdown table th { vertical-align: bottom; border-bottom: 2px solid #ddd; text-align: left; }
.markdown table td { line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; }
.markdown table th, .markdown table td { padding: 8px; }
.markdown img { max-width: 90%; display: block; margin: 0 auto; }
.markdown a { color: #0c91c3; }
.markdown a:hover { text-decoration: underline; }

/* Подвал */
footer { position: absolute; bottom: 0; width: 100%; height: 60px; background-color: #edeff3; display: flex; align-items: center; }
footer .container { width: 90%; display: flex; align-items: center; }
footer a { color: #555; margin-right: 20px; }
footer select { margin-left: auto; padding: 4px 8px; font-family: inherit; border: 1px solid #ccc; background: #fff; }
@media (max-width: 768px) {
  footer { height: 80px; }
  footer .container { width: 100%; justify-content: center; flex-wrap: wrap; }
  footer .container a { margin: 5px 20px; }
  footer select { margin: 5px 20px; }
}

/* Модальное окно подписки */
.modal-backdrop { display: none; position: fixed; z-index: 1; background: #000; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.5; }
.modal { display: none; position: fixed; z-index: 2; background: #fff; width: 580px; top: 150px; left: 50%; transform: translate(-50%); }
.modal .modal-header { text-align: center; border-bottom: 1px solid #ccc; padding: 0.8rem; }
.modal .modal-header h3 { margin: 0; }
.modal .modal-body { text-align: center; }
.modal input { border: 1px solid #ababab; padding: 10px; font-size: 16px; }
.modal button { font-size: 16px; padding: 11px; border: none; background: #000; color: #fff; cursor: pointer; border-radius: 0; }
.modal button:hover, .modal button:focus { background-color: #4d4d4d; }
.modal input, .modal button { margin: 0; -webkit-appearance: unset; appearance: none; border-radius: 0; }
.shown { display: block; }
@media (max-width: 500px) { .modal { width: 90%; } }
.subscribe-modal { position: absolute; margin-bottom: 200px; }
.subscribe-modal form { margin: 0; }
.subscribe-modal .data-info { font-weight: 300; padding: 0 10px; color: gray; }
.subscribe-modal input[type="email"], .subscribe-modal input[type="text"], .subscribe-modal input[type="url"], .subscribe-modal button, .subscribe-modal select {
  width: 100%; max-width: 400px; box-sizing: border-box; margin-bottom: 0.5em; font-size: 15px;
}
.subscribe-modal .calendar-buttons a { display: inline-block; border: 1px solid lightgrey; background: #fff; color: #000; padding: 10px 20px; margin: 0 10px; border-radius: 5px; }
.subscribe-modal .calendar-buttons a:first-child { margin-left: 0; }
.tabs { margin: 1em; }
.tabs a { margin: 0.3rem; padding: 0.1rem 0.4rem; border-radius: 0.3rem; white-space: nowrap; display: inline-block; }
.tabs a.active { background: var(--accent); color: #fff; }
.tab-content { margin: 2em 0.8rem; }
.tab-content > * { display: none; }
.subscribe-modal .tab-content > .shown-tab { display: block; }
.services-selection, .incident-types-selection { width: 400px; text-align: center; margin-right: auto; margin-left: auto; max-width: 100%; }
.incident-types-selection label { display: block; margin: 0.5rem 0 1rem; font-size: 15px; }
.subscription-services-selector { margin-bottom: 1.5rem; }
.subscription-services-selector input[type="checkbox"] { -webkit-appearance: checkbox; appearance: auto; }
.subscription-services-selector input[type="radio"] { -webkit-appearance: radio; appearance: auto; }
.subscription-services-selector .filter-toggle { display: flex; justify-content: center; text-align: left; margin: 1rem 0; }
.subscription-services-selector .filter-toggle label { margin-right: 1rem; }
.services-fields { display: flex; flex-direction: column; max-height: 300px; overflow-y: auto; padding: 5px; border: 1px solid #dee2e6; border-radius: 0.25rem; }
.services-fields label.service { display: flex; cursor: pointer; margin-bottom: 0; padding: 3px 8px; text-align: left; align-items: center; }
.services-fields label.service:hover { background-color: #f9f9f9; }
.services-fields label.service span { font-weight: 400; flex: 1; }
.services-fields label.service.service-level-1 { margin-top: 5px; }
.services-fields label.service:first-child.service-level-1 { margin-top: 0; }
.services-fields label.service.service-level-2 span::before, .services-fields label.service.service-level-3 span::before { content: "\21b3  "; }
.services-fields label.service.service-level-2 span::before { padding-left: 0.5rem; }
.services-fields label.service.service-level-3 span::before { padding-left: 1.5rem; }
.services-fields label.service.service-level-4 span::before { content: "\21b3  "; padding-left: 2.5rem; }
.services-fields label.service.disabled { opacity: 0.5; }
.services-fields::-webkit-scrollbar { width: 5px; }
.services-fields::-webkit-scrollbar-track { background: #f1f1f1; }
.services-fields::-webkit-scrollbar-thumb { background: #888; }
.cap-field { display: flex; justify-content: center; margin-bottom: 10px; }
cap-widget { --cap-widget-width: 100%; }

/* Выбор типов уведомлений (замена select2 classic) */
.ms { position: relative; text-align: left; }
.ms-box { background: #fff; border: 1px solid #aaa; padding: 5px; min-height: 22px; cursor: text; display: flex; flex-wrap: wrap; gap: 5px; box-sizing: border-box; font-size: 15px; }
.ms.open .ms-box { border-color: #5897fb; }
.ms-placeholder { color: #999; padding: 1px 2px; }
.ms-choice { background: #fafafa; border: 1px solid gray; border-radius: 4px; padding: 0 5px; cursor: default; }
.ms-choice b { color: #888; cursor: pointer; margin-right: 2px; font-weight: 700; }
.ms-list { display: none; position: absolute; left: 0; right: 0; z-index: 5; background: #fff; border: 1px solid #aaa; border-top: none; max-height: 200px; overflow-y: auto; }
.ms.open .ms-list { display: block; }
.ms-opt { padding: 6px; cursor: pointer; font-size: 15px; }
.ms-opt:hover { background: #5897fb; color: #fff; }
.ms-opt[aria-selected="true"] { background: #f2f2f2; color: #000; }
.ms select { display: none; }

/* Результаты подписки, ошибки */
.notice-page { text-align: center; padding: 40px 0; }
.notice-page .alert { background: #7c87e4; padding: 15px; margin: 0 auto 20px; color: #fff; max-width: 900px; border-radius: 6px; }
.notice-page .alert.alert-error { background: #d26a6a; }
.notice-page form { margin: 20px 0; }
.btn { display: inline-block; box-sizing: border-box; padding: 0.6rem 1.4rem; font-size: 15px; background: #000; color: #fff; border: none; cursor: pointer; font-family: inherit; }
.btn:hover { background: #4d4d4d; color: #fff; }
.modal .alert { background: #d26a6a; color: #fff; padding: 10px; margin: 10px 0; }

:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.modal .sub-result { margin: 0; padding: 30px 20px; font-size: 16px; }