@import url("https://fonts.googleapis.com/css2?family=Cuprum:ital,wght@0,500;0,700;1,500&family=Montserrat:wght@400;500;600;700&display=swap");
/* «Ринг с нуля»: Cassiopeia + Kunena Aurelia на тёмной основе — графит и уголь, молочный текст, красный и синий углы ринга.
   Шапка — вид на ринг сбоку: по низу три каната, по краям угловые подушки (слева красная, справа синяя), знак — ринг сверху с «нулём»
   в центре. На главной над разделами «два угла» (новичку и тем, кто уже тренируется) и таймер раунда. Разделы — «раунды»
   с номером на ярлыке. Постбит: автор справа (avatarPosition=right) в «углу»: у автора темы угол красный, у отвечающих синий.
   Шрифты: Cuprum (узкий, заголовки, ярлыки, цифры таймера), Montserrat (текст). Префикс классов sr-. */
:root {
  --sr-coal: #16171a; --sr-coal-2: #1c1e22; --sr-coal-3: #23262b; --sr-coal-4: #2b2e34; --sr-line: #34383f; --sr-line-2: #464a52;
  --sr-milk: #efe9dc; --sr-milk-2: #d8d1c2; --sr-muted: #a39d90; --sr-dim: #7d7a73;
  --sr-red: #d8392d; --sr-red-d: #a92a21; --sr-red-l: #f2786b; --sr-red-bg: rgba(216, 57, 45, .14);
  --sr-blue: #2f6fd6; --sr-blue-d: #23519c; --sr-blue-l: #8db3f4; --sr-blue-bg: rgba(47, 111, 214, .16);
  --sr-canvas: #c9c2b2;
  --sr-head: "Cuprum", "Arial Narrow", sans-serif; --sr-text: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
  --cassiopeia-color-primary: #16171a; --cassiopeia-color-link: #8db3f4; --cassiopeia-color-hover: #f2786b;
  --link-color: #8db3f4; --link-hover-color: #f2786b;
  --cassiopeia-font-family-body: var(--sr-text); --cassiopeia-font-family-headings: var(--sr-head);
  --body-bg: #16171a; --body-color: #efe9dc;
  --bs-body-bg: #16171a; --bs-body-color: #efe9dc; --bs-border-color: #34383f; --bs-secondary-color: #a39d90; --bs-emphasis-color: #efe9dc;
  --bs-tertiary-bg: #23262b; --bs-secondary-bg: #23262b;
  color-scheme: dark;
}
html { background: var(--sr-coal); }
body { background: var(--sr-coal); color: var(--sr-milk); font-family: var(--sr-text); font-size: .97rem; line-height: 1.62; }
body .text-muted { color: var(--sr-muted) !important; }
h1, h2, h3, h4, body #kunena.layout h1, body #kunena.layout h2, body #kunena.layout h3 { font-family: var(--sr-head); font-weight: 700; color: var(--sr-milk); letter-spacing: .01em; }
a { color: var(--sr-blue-l); }
a:hover { color: var(--sr-red-l); }
::selection { background: var(--sr-red); color: #fff; }

/* сетка: 78rem по центру */
@supports (display: grid) {
  .site-grid { grid-template-columns: [full-start] minmax(.75rem, 1fr) [main-start] repeat(4, minmax(0, 19.5rem)) [main-end] minmax(.75rem, 1fr) [full-end]; }
}
.container-component { padding-top: .2rem; }

/* шапка: ринг сбоку — тёмный фон, три каната внизу, по краям угловые подушки */
.container-header {
  position: relative; background-color: #101113;
  background-image:
    linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, 0) 55%),
    linear-gradient(var(--sr-red), var(--sr-red)), linear-gradient(rgba(0, 0, 0, .35), rgba(0, 0, 0, .35)),
    linear-gradient(var(--sr-milk-2), var(--sr-milk-2)), linear-gradient(rgba(0, 0, 0, .35), rgba(0, 0, 0, .35)),
    linear-gradient(var(--sr-blue), var(--sr-blue)), linear-gradient(rgba(0, 0, 0, .35), rgba(0, 0, 0, .35));
  background-repeat: no-repeat;
  background-size: 100% 100%, 100% 3px, 100% 1px, 100% 3px, 100% 1px, 100% 3px, 100% 1px;
  background-position: 0 0, 0 calc(100% - 25px), 0 calc(100% - 24px), 0 calc(100% - 15px), 0 calc(100% - 14px), 0 calc(100% - 5px), 0 calc(100% - 4px);
  box-shadow: none; padding-bottom: 34px; border-bottom: 1px solid #000;
}
.container-header::before, .container-header::after { content: ''; position: absolute; bottom: 0; width: 18px; height: 40px; border-radius: 4px 4px 0 0; z-index: 1; }
.container-header::before { left: 0; background: linear-gradient(90deg, var(--sr-red-d), var(--sr-red) 55%, var(--sr-red-d)); }
.container-header::after { right: 0; background: linear-gradient(90deg, var(--sr-blue-d), var(--sr-blue) 55%, var(--sr-blue-d)); }
.container-header .grid-child { width: calc(100% - 1.5rem); max-width: calc(78rem + 3em); margin: 0 auto; padding: 1.5rem 0 .9rem; justify-content: flex-start; }
.container-header .navbar-brand { display: grid; grid-template-columns: 58px auto; column-gap: 1rem; align-items: center; margin: 0; padding: 0; }
.container-header .brand-logo { grid-row: 1 / span 2; display: contents; color: var(--sr-milk); text-decoration: none; }
.container-header .brand-logo::before { content: ''; grid-row: 1 / span 2; width: 58px; height: 58px; background: url("../images/sr-mark.svg") center / contain no-repeat; }
.container-header .brand-logo span { grid-column: 2; font: 700 2.5rem/1 var(--sr-head); text-transform: uppercase; letter-spacing: .05em; color: var(--sr-milk); align-self: end; }
.container-header .navbar-brand .brand-logo:hover span { color: #fff; text-decoration: none; }
.container-header .site-description { grid-column: 2; color: var(--sr-muted); font-size: .92rem; margin-top: .35rem; max-width: 44rem; white-space: normal; letter-spacing: .01em; }

/* навигация форума: тёмная полоса, ярлыки узким шрифтом, активный — красный флажок со срезом */
body #kunena.layout > nav.navbar { background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--sr-line) !important; box-shadow: none !important; border-radius: 0 !important; padding: .25rem 0 .35rem; margin: .5rem 0 1.4rem; }
body #kunena.layout > nav.navbar .container-fluid { padding: 0; gap: 1rem; }
body #kunena.layout > nav.navbar .navbar-nav { gap: .35rem; }
body #kunena.layout > nav.navbar .nav-link { font: 700 1.08rem/1.2 var(--sr-head); text-transform: uppercase; letter-spacing: .06em; color: var(--sr-milk-2); padding: .45rem 1.1rem .4rem .9rem; }
body #kunena.layout > nav.navbar .nav-link:hover { color: #fff; background: var(--sr-coal-3); clip-path: polygon(0 0, 100% 0, calc(100% - 9px) 100%, 0 100%); }
body #kunena.layout > nav.navbar .nav-link.active { background: var(--sr-red); color: #fff; clip-path: polygon(0 0, 100% 0, calc(100% - 9px) 100%, 0 100%); }
body #kunena.layout > nav.navbar .btn-light { background: transparent; border: 1px solid var(--sr-line-2); border-radius: 3px; color: var(--sr-milk-2); font: 600 .85rem var(--sr-text); }
body #kunena.layout > nav.navbar .btn-light:hover, body #kunena.layout > nav.navbar .btn-light:focus { background: var(--sr-coal-3); border-color: var(--sr-blue); color: #fff; }
body #kunena.layout > nav.navbar .navbar-toggler { border-color: var(--sr-line-2); }
body #kunena.layout > nav.navbar .navbar-toggler-icon { filter: invert(1); }
body #kunena.layout .offcanvas { background: var(--sr-coal-2); color: var(--sr-milk); }
body #kunena.layout .offcanvas .btn-close { filter: invert(1); }
body #kunena.layout .dropdown-menu { background: var(--sr-coal-2); border: 1px solid var(--sr-line); color: var(--sr-milk); }
body #kunena.layout .dropdown-menu a { color: var(--sr-blue-l); }
body #kunena.layout .input-group-text { background: var(--sr-coal-3); border-color: var(--sr-line); color: var(--sr-muted); }

/* крошки */
body #kunena.layout .breadcrumb { font-size: .85rem; margin-bottom: .7rem; background: transparent; padding: 0; }
body #kunena.layout .breadcrumb a, body #kunena.layout .breadcrumb span { color: var(--sr-muted); text-decoration: none; }
body #kunena.layout .breadcrumb a:hover span { color: var(--sr-milk); }
body #kunena.layout .breadcrumb .bi-house { color: var(--sr-red); }
body #kunena.layout .breadcrumb { --bs-breadcrumb-divider: '/'; --breadcrumb-divider: '/'; --bs-breadcrumb-divider-color: var(--sr-line-2); }
body #kunena.layout .breadcrumb-item + .breadcrumb-item::before { color: var(--sr-line-2); }

/* «два угла» и таймер раунда на главной (вставляет плагин spbring) */
.sr-corners { display: grid; grid-template-columns: minmax(0, 1fr) 15.5rem minmax(0, 1fr); gap: 1rem; margin: 0 0 2.2rem; }
.sr-corner { position: relative; background: var(--sr-coal-2); border: 1px solid var(--sr-line); padding: 1.05rem 1.3rem 1.1rem 1.6rem; }
.sr-corner::before { content: ''; position: absolute; top: -1px; bottom: -1px; width: 7px; }
.sr-corner--red::before { left: -1px; background: var(--sr-red); }
.sr-corner--blue { padding: 1.05rem 1.6rem 1.1rem 1.3rem; text-align: right; }
.sr-corner--blue::before { right: -1px; background: var(--sr-blue); }
.sr-corner__tag { margin: 0; font: 700 .8rem/1 var(--sr-head); text-transform: uppercase; letter-spacing: .14em; }
.sr-corner--red .sr-corner__tag { color: var(--sr-red-l); }
.sr-corner--blue .sr-corner__tag { color: var(--sr-blue-l); }
.sr-corner__title { margin: .3rem 0 .7rem; font: 700 1.55rem/1.1 var(--sr-head); color: var(--sr-milk); }
.sr-corner ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; }
.sr-corner li { display: flex; flex-direction: column; line-height: 1.3; }
.sr-corner li a { color: var(--sr-milk); font-weight: 600; font-size: .96rem; text-decoration: none; }
.sr-corner--red li a:hover { color: var(--sr-red-l); }
.sr-corner--blue li a:hover { color: var(--sr-blue-l); }
.sr-corner li small { color: var(--sr-muted); font-size: .8rem; }
.sr-bell { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background: var(--sr-coal); border: 1px solid var(--sr-line); padding: 1rem .9rem; }
.sr-bell__tag { margin: 0; font: 700 .8rem/1 var(--sr-head); text-transform: uppercase; letter-spacing: .14em; color: var(--sr-muted); }
.sr-bell__phase { margin: .55rem 0 0; font: 500 1rem/1.1 var(--sr-head); color: var(--sr-milk-2); }
.sr-bell__time { margin: .1rem 0 .55rem; font: 700 3.4rem/1 var(--sr-head); font-variant-numeric: tabular-nums; color: var(--sr-milk); letter-spacing: .02em; }
.sr-bell.is-run .sr-bell__time { color: #fff; }
.sr-bell.is-rest .sr-bell__time, .sr-bell.is-rest .sr-bell__phase { color: var(--sr-blue-l); }
.sr-bell__btns { display: flex; gap: .45rem; }
.sr-bell button { font: 700 .95rem/1 var(--sr-head); text-transform: uppercase; letter-spacing: .08em; border-radius: 3px; padding: .5rem .95rem .45rem; cursor: pointer; }
.sr-bell__go { background: var(--sr-red); border: 1px solid var(--sr-red); color: #fff; }
.sr-bell__go:hover { background: var(--sr-red-d); }
.sr-bell__reset { background: transparent; border: 1px solid var(--sr-line-2); color: var(--sr-milk-2); }
.sr-bell__reset:hover { border-color: var(--sr-milk-2); }
.sr-bell__note { margin: .65rem 0 0; font-size: .74rem; line-height: 1.35; color: var(--sr-dim); }

/* разделы главной — «раунды»: ярлык с номером, красный и синий по очереди */
body #kunena.layout { counter-reset: srround; }
body #kunena.layout .kfrontend.section { counter-increment: srround; background: transparent; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 0 2.1rem; }
body #kunena.layout .kfrontend.section > h2.btn-toolbar { display: none; }
body #kunena.layout .kfrontend.section > h1.card-header { display: flex; align-items: baseline; gap: .8rem; background: transparent; border: 0; border-bottom: 2px solid var(--sr-red); padding: 0 0 .45rem; margin: 0; font-size: 1.7rem; text-transform: uppercase; letter-spacing: .04em; }
body #kunena.layout .kfrontend.section:nth-of-type(even) > h1.card-header { border-bottom-color: var(--sr-blue); }
body #kunena.layout .kfrontend.section > h1.card-header::before { content: 'Раунд ' counter(srround); align-self: center; font: 700 .78rem/1 var(--sr-head); letter-spacing: .12em; color: #fff; background: var(--sr-red); padding: .38rem .7rem .32rem .55rem; clip-path: polygon(0 0, 100% 0, calc(100% - 7px) 100%, 0 100%); }
body #kunena.layout .kfrontend.section:nth-of-type(even) > h1.card-header::before { background: var(--sr-blue); }
body #kunena.layout .kfrontend.section > h1.card-header a { color: var(--sr-milk); text-decoration: none; }
body #kunena.layout .kfrontend.section > h1.card-header a:hover { color: #fff; }
body #kunena.layout .kfrontend.section > h1.card-header small { margin-left: auto; font: 500 .8rem/1 var(--sr-text); text-transform: none; letter-spacing: 0; color: var(--sr-dim); }
body #kunena.layout .kfrontend.section > .collapse { box-shadow: none !important; border-radius: 0 !important; }
body #kunena.layout .kfrontend.section table { margin: 0; border: 0; background: transparent; color: var(--sr-milk); --bs-table-bg: transparent; --bs-table-color: var(--sr-milk); }
body #kunena.layout .kfrontend.section table thead td { border: 0; padding: .55rem 0 .5rem; background: transparent; font: 400 .88rem/1.45 var(--sr-text); text-transform: none; letter-spacing: 0; }
body #kunena.layout .kfrontend.section table thead .bg-faded { padding: 0 !important; color: var(--sr-muted); font-size: .88rem; background: transparent; }
body #kunena.layout .kfrontend.section table > tbody > tr:first-child:not(.category) { display: none; }
body #kunena.layout .kfrontend.section tr.category > td { background: var(--sr-coal-2) !important; border-top: 0; border-bottom: 1px solid var(--sr-coal); padding-top: .85rem; padding-bottom: .85rem; vertical-align: middle; color: var(--sr-milk); }
body #kunena.layout .kfrontend.section tr.category:hover > td { background: var(--sr-coal-3) !important; }
body #kunena.layout .kfrontend.section #kcat-icon { width: 44px; text-align: center; padding-left: .9rem; }
body #kunena.layout .kfrontend.section #kcat-icon svg { display: none; }
body #kunena.layout .kfrontend.section #kcat-icon a { display: inline-block; width: 13px; height: 13px; border-radius: 2px; background: var(--sr-red); box-shadow: 0 0 0 3px var(--sr-red-bg); }
body #kunena.layout .kfrontend.section:nth-of-type(even) #kcat-icon a { background: var(--sr-blue); box-shadow: 0 0 0 3px var(--sr-blue-bg); }
body #kunena.layout .kfrontend.section tr.category h3 { font: 600 1.02rem/1.3 var(--sr-text); margin: 0 0 .2rem; letter-spacing: 0; }
body #kunena.layout .kfrontend.section tr.category h3 > a { color: var(--sr-milk); text-decoration: none; }
body #kunena.layout .kfrontend.section tr.category h3 > a:hover { color: var(--sr-red-l); }
body #kunena.layout .kfrontend.section:nth-of-type(even) tr.category h3 > a:hover { color: var(--sr-blue-l); }
body #kunena.layout .kfrontend.section tr.category h3 small { font: 500 .76rem/1 var(--sr-text); color: var(--sr-dim); margin-left: .45rem; }
body #kunena.layout .kfrontend.section .header-desc { color: var(--sr-muted); font-size: .85rem; line-height: 1.45; max-width: 44rem; }
body #kunena.layout a[type="application/rss+xml"], body #kunena.layout a[href$="type=rss"], body #kunena.layout .large-kicon { display: none !important; }
body #kunena.layout .last-post-message { color: var(--sr-dim); font-size: .84rem; }
body #kunena.layout #kcat-last, body #kunena.layout .lastpostlink, body #kunena.layout .datepost, body #kunena.layout .lastpostby { font-size: .82rem; color: var(--sr-muted); }
body #kunena.layout .lastpostlink a { color: var(--sr-milk-2); text-decoration: none; }
body #kunena.layout .lastpostlink a:hover { color: #fff; }
body #kunena.layout .lastpostby a { color: var(--sr-blue-l); text-decoration: none; }
body #kunena.layout #kcat-avatar img, body #kunena.layout #kcat-avatar span.rounded { width: 36px; height: 36px; border-radius: 3px !important; object-fit: cover; display: grid; place-items: center; background: var(--sr-coal-4); color: var(--sr-dim); }

/* на странице одного раздела номер раунда не нужен */
body:not(.layout-list) #kunena.layout .kfrontend.section > h1.card-header::before { content: none; }
body #kunena.layout .kfrontend.section > .collapse:empty, body #kunena.layout .kfrontend.section table:not(:has(tr.category)) > tbody { display: none; }

/* общие элементы Kunena: таблицы тем, пагинация, кнопки, формы */
body #kunena.layout .card { background: var(--sr-coal-2); border-color: var(--sr-line); color: var(--sr-milk); }
body #kunena.layout table.table { --bs-table-bg: transparent; --bs-table-color: var(--sr-milk); --bs-table-hover-bg: var(--sr-coal-3); --bs-table-striped-bg: transparent; color: var(--sr-milk); background: var(--sr-coal-2); border: 1px solid var(--sr-line); border-radius: 0; }
body #kunena.layout table.table > thead > tr > th, body #kunena.layout table.table > thead > tr > td { background: #111214; color: var(--sr-milk-2); font: 700 .95rem var(--sr-head); text-transform: uppercase; letter-spacing: .06em; border-bottom: 2px solid var(--sr-red); }
body #kunena.layout table.table > tbody > tr > td, body #kunena.layout table.table > tbody > tr > th { background: transparent; border-color: var(--sr-coal); color: var(--sr-milk); }
body #kunena.layout table.table > tbody > tr:hover > td, body #kunena.layout table.table > tbody > tr:hover > th { background: var(--sr-coal-3); }
body #kunena.layout table.table > tfoot { display: none; }
body #kunena.layout tbody.category-item th svg, body #kunena.layout td svg.bi-file-earmark-text, body #kunena.layout .topic-item-unread svg { color: var(--sr-red); }
body #kunena.layout a.topictitle { font: 600 1rem/1.35 var(--sr-text); color: var(--sr-milk); text-decoration: none; }
body #kunena.layout a.topictitle:hover { color: var(--sr-red-l); }
body #kunena.layout .started, body #kunena.layout .replies, body #kunena.layout .views, body #kunena.layout .ktopic-details, body #kunena.layout .text-small { color: var(--sr-muted); font-size: .8rem; }
body #kunena.layout .started a, body #kunena.layout .ktopic-details a { color: var(--sr-blue-l); }
body #kunena.layout .repliesnum, body #kunena.layout .viewsnum { color: var(--sr-milk); font-weight: 600; margin-left: .25rem; }
body #kunena.layout .pagination .page-link { border: 1px solid var(--sr-line); background: var(--sr-coal-2); color: var(--sr-milk-2); border-radius: 2px !important; margin: 0 .12rem; font: 700 .9rem var(--sr-head); }
body #kunena.layout .pagination .page-item.active .page-link { background: var(--sr-red); border-color: var(--sr-red); color: #fff; }
body #kunena.layout .pagination .page-item.disabled .page-link { color: var(--sr-dim); background: transparent; }
body #kunena.layout .btn-primary { background: var(--sr-red); border-color: var(--sr-red); color: #fff; border-radius: 3px; }
body #kunena.layout .btn-primary:hover { background: var(--sr-red-d); border-color: var(--sr-red-d); }
body #kunena.layout .btn-outline-primary { color: var(--sr-blue-l); border-color: var(--sr-line-2); border-radius: 3px; background: transparent; }
body #kunena.layout .btn-outline-primary:hover { background: var(--sr-blue); border-color: var(--sr-blue); color: #fff; }
body #kunena.layout .form-control, body #kunena.layout .form-select, body #kunena.layout select { border-color: var(--sr-line); background: var(--sr-coal-2); color: var(--sr-milk); border-radius: 3px; }
body #kunena.layout .form-control::placeholder { color: var(--sr-dim); }
body #kunena.layout .form-control:focus { border-color: var(--sr-blue); box-shadow: 0 0 0 .2rem var(--sr-blue-bg); }
body #kunena.layout .kunena-search .input-group .form-control { font: 400 .9rem var(--sr-text); }
body #kunena.layout h2.float-end, body #kunena.layout h2.float-start { margin: 0; }
body #kunena.layout .badge.bg-primary, body #kunena.layout .badge.text-bg-primary { background: var(--sr-red) !important; }
body #kunena.layout .bg-light, body #kunena.layout .bg-white { background: var(--sr-coal-2) !important; color: var(--sr-milk); }
body #kunena.layout hr { border-color: var(--sr-line); opacity: 1; }
body #kunena.layout .alert { background: var(--sr-coal-2); border-color: var(--sr-line); color: var(--sr-milk); }

/* тема: заголовок и сообщения */
body #kunena.layout .kunena-topic-item > h1 { font-size: 2rem; line-height: 1.15; margin: .2rem 0 1.1rem; font-weight: 700; }
body #kunena.layout .kunena-topic-item > h1 > svg { display: none; }
body #kunena.layout .topic-item-messages > .row.message { display: flex; flex-wrap: nowrap; gap: .9rem; margin: 0 0 1.1rem; }
body #kunena.layout .topic-item-messages > .row.message > div { padding: 0; box-shadow: none !important; border-radius: 0 !important; }
body #kunena.layout .topic-item-messages > .row.message > .col-md-10 { flex: 1 1 auto; width: auto; min-width: 0; background: var(--sr-coal-2); border: 1px solid var(--sr-line); padding: .75rem 1.35rem 1rem; }
body #kunena.layout .topic-item-messages > .row.message > .col-md-2 { flex: 0 0 12.5rem; width: 12.5rem; position: relative; align-self: flex-start; background: var(--sr-coal-3); border: 1px solid var(--sr-line); border-top: 4px solid var(--sr-blue); padding: .95rem .8rem .8rem; }
body #kunena.layout .topic-item-messages > .row.message:has(.topic-starter) > .col-md-2 { border-top-color: var(--sr-red); }
body #kunena.layout .topic-item-messages > .row.message > .col-md-10 > small.float-end { float: none !important; display: flex; justify-content: flex-end; align-items: center; gap: .4rem; font-size: .78rem; margin: 0 0 .1rem; }
body #kunena.layout .topic-item-messages > .row.message > .col-md-10 > small .text-muted { display: flex; align-items: center; gap: .4rem; }
body #kunena.layout .topic-item-messages > .row.message > .col-md-10 > small a[href^="#"] { font: 700 .82rem var(--sr-head); color: var(--sr-dim); text-decoration: none; background: var(--sr-coal); padding: .12rem .45rem; }
body #kunena.layout .topic-item-messages > .row.message > .col-md-10 > small .d-sm-none { display: none !important; }
body #kunena.layout .topic-item-messages .shadow-none.p-4 { padding: 0 !important; margin: 0 !important; }
body #kunena.layout .mykmsg-header { display: none; }
body #kunena.layout .kmsg { font-family: var(--sr-text); font-size: .97rem; line-height: 1.68; color: var(--sr-milk); background: transparent; padding: .25rem 0 0; }
body #kunena.layout .kmessage-thankyou { font-size: .8rem; color: var(--sr-muted); margin: .7rem 0 0; padding-top: .55rem; border-top: 1px dashed var(--sr-line); }
body #kunena.layout .kmessage-thankyou svg { color: var(--sr-red); margin-right: .3rem; }
body #kunena.layout .kmessage-thankyou a { color: var(--sr-milk-2); text-decoration: none; }
body #kunena.layout .kmessage-thankyou a:hover { color: #fff; }
body #kunena.layout .topic-item-messages .btn-toolbar:not(:has(*)), body #kunena.layout .topic-item-messages p:empty { display: none; }
body #kunena.layout .topic-item-messages .report { padding-bottom: 0 !important; }

/* постбит справа: «угол» автора */
body #kunena.layout .row.message ul.profilebox { list-style: none; margin: 0; padding: 0; text-align: left; display: flex; flex-direction: column; gap: .2rem; }
body #kunena.layout .row.message ul.profilebox > li:first-child { order: 2; }
body #kunena.layout .row.message ul.profilebox > li:first-child strong a { font: 700 1.18rem/1.15 var(--sr-head); color: var(--sr-milk) !important; text-decoration: none; word-break: break-word; }
body #kunena.layout .row.message ul.profilebox > li:first-child strong a:hover { color: #fff !important; }
body #kunena.layout .row.message ul.profilebox > li:nth-child(2) { order: 1; position: relative; margin-bottom: .45rem; }
body #kunena.layout .row.message ul.profilebox > li:nth-child(n+3) { order: 3; }
body #kunena.layout .row.message ul.profilebox img, body #kunena.layout .row.message ul.profilebox span.rounded { width: 76px; height: 76px; border-radius: 3px !important; object-fit: cover; display: grid; place-items: center; background: var(--sr-coal-4); color: var(--sr-dim); font-size: 2.1rem; }
body #kunena.layout .row.message ul.profilebox img[src*="/ranks/"] { width: 72px; height: 14px; border-radius: 0 !important; background: none; display: block; margin: .15rem 0 .1rem; }
body #kunena.layout .row.message .topic-starter { position: absolute; left: 86px; top: 2px; width: max-content; display: inline-block !important; font: 700 .7rem/1 var(--sr-head); text-transform: uppercase; letter-spacing: .1em; color: #fff; background: var(--sr-red); padding: .3rem .5rem .26rem; }
body #kunena.layout .row.message ul.profilebox > li:nth-child(3) { font: 700 .78rem/1.2 var(--sr-head); text-transform: uppercase; letter-spacing: .08em; color: var(--sr-milk-2); margin-top: .25rem; }
body #kunena.layout .row.message ul.profilebox > li:last-child:not(:nth-child(-n+4)) { font-size: .78rem; line-height: 1.35; color: var(--sr-muted); margin-top: .2rem; }
body #kunena.layout .row.message .profile-expand { text-align: left; margin-top: .45rem; padding-top: .45rem; border-top: 1px solid var(--sr-line); }
body #kunena.layout .row.message .profile-expand .heading { display: none !important; }
body #kunena.layout .row.message .profile-expand .content { display: block !important; }
body #kunena.layout .row.message .profile-expand .content ul { list-style: none; margin: 0; padding: 0; font-size: .76rem; color: var(--sr-muted); line-height: 1.5; }
body #kunena.layout .row.message .profile-expand .content li:empty, body #kunena.layout .row.message .profile-expand .content li:has(.kicon-profile) { display: none; }
body #kunena.layout .row.message .profile-expand .content li:not(:has(*)):not(:empty) { display: block; }
body #kunena.layout .row.message .sr-district { color: var(--sr-milk-2); }
body #kunena.layout .row.message .sr-district::before { content: ''; display: inline-block; width: 7px; height: 7px; margin-right: .4rem; background: var(--sr-blue); vertical-align: .08em; }
body #kunena.layout .row.message:has(.topic-starter) .sr-district::before { background: var(--sr-red); }

/* цитаты: те же угловые метки, что у ссылок, только крупнее */
body #kunena.layout .kmsg blockquote { margin: .5rem 0 .9rem; padding: .6rem 1rem .65rem; background-color: var(--sr-coal);
  background-image: linear-gradient(var(--sr-red), var(--sr-red)), linear-gradient(var(--sr-red), var(--sr-red)), linear-gradient(var(--sr-blue), var(--sr-blue)), linear-gradient(var(--sr-blue), var(--sr-blue));
  background-repeat: no-repeat; background-size: 16px 3px, 3px 16px, 16px 3px, 3px 16px; background-position: left top, left top, right bottom, right bottom; border: 0; }
body #kunena.layout .kmsg blockquote .kmsgtext-quote { margin: 0; font-size: .92rem; color: var(--sr-milk-2); font-style: italic; }
body #kunena.layout .kmsg hr.bbcode_hr { border: 0; height: 2px; background: linear-gradient(90deg, var(--sr-red) 0 18px, var(--sr-line) 18px calc(100% - 18px), var(--sr-blue) calc(100% - 18px)); opacity: 1; margin: 1rem 0; }
body #kunena.layout .kmsg .bbcode_code { border: 1px solid var(--sr-line); border-radius: 2px; margin: .5rem 0; overflow: hidden; background: #0f1012; }
body #kunena.layout .kmsg .bbcode_code_head { font: 700 .75rem/1 var(--sr-head) !important; color: var(--sr-muted); background: var(--sr-coal-3); padding: .35rem .7rem; text-transform: uppercase; letter-spacing: .1em; }
body #kunena.layout .kmsg .bbcode_code_body, body #kunena.layout .kmsg pre, body #kunena.layout .kmsg code { font-size: .86rem; color: var(--sr-milk-2); background: #0f1012; }
body #kunena.layout .kmsg ul, body #kunena.layout .kmsg ol { padding-left: 1.3rem; margin: .3rem 0 .7rem; }
body #kunena.layout .kmsg li::marker { color: var(--sr-red); }
body #kunena.layout .kmsg b, body #kunena.layout .kmsg strong { color: #fff; font-weight: 700; }
body #kunena.layout .kmsg img { max-width: 100%; height: auto; }

/* Ссылки в сообщениях: свой стиль форума — «углы ринга». Без подчёркивания и подложки: у ссылки два коротких уголка по диагонали,
   красный снизу слева и синий сверху справа (как красный и синий углы на схеме ринга); четыре linear-gradient по 2px, у каждой
   строки свои уголки (box-decoration-break: clone). При наведении уголки вытягиваются вдоль слова, текст светлеет. Без значка. */
body #kunena.layout .kmsg a:not(.btn):not(.kwho-user), body #kunena.layout .ksignature a, body #kunena.layout a.bbcode_url {
  color: var(--sr-blue-l); font-weight: 600; text-decoration: none; padding: 2px 4px 2px 5px; word-break: break-word;
  -webkit-box-decoration-break: clone; box-decoration-break: clone;
  background-image: linear-gradient(var(--sr-red), var(--sr-red)), linear-gradient(var(--sr-red), var(--sr-red)), linear-gradient(var(--sr-blue), var(--sr-blue)), linear-gradient(var(--sr-blue), var(--sr-blue));
  background-repeat: no-repeat;
  background-size: 8px 2px, 2px 7px, 8px 2px, 2px 7px;
  background-position: left bottom, left bottom, right top, right top;
  transition: background-size .25s ease, color .2s;
}
body #kunena.layout .kmsg a:not(.btn):not(.kwho-user):hover, body #kunena.layout .ksignature a:hover, body #kunena.layout a.bbcode_url:hover {
  color: #fff; background-size: 45% 2px, 2px 9px, 45% 2px, 2px 9px;
}
body #kunena.layout a.bbcode_url::after { content: none !important; }

/* профиль участника */
body #kunena.layout .list-group-item { background: var(--sr-coal-2); border-color: var(--sr-line); color: var(--sr-milk); }
body #kunena.layout .list-group-item strong, body #kunena.layout .sr-format strong { color: var(--sr-milk-2); font-weight: 600; }
body #kunena.layout .nav-tabs { border: 0 !important; border-bottom: 1px solid var(--sr-line) !important; box-shadow: none !important; background: transparent !important; }
body #kunena.layout .nav-tabs .nav-link { color: var(--sr-milk-2); border-radius: 0; font: 700 .95rem var(--sr-head); text-transform: uppercase; letter-spacing: .06em; }
body #kunena.layout .nav-tabs .nav-link:hover { border-color: transparent; color: #fff; }
body #kunena.layout .nav-tabs .nav-link.active { color: #fff; background: var(--sr-coal-2); border-color: var(--sr-line) var(--sr-line) var(--sr-coal-2); box-shadow: inset 0 3px 0 var(--sr-red); }
body #kunena.layout .tabs { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
body #kunena.layout .tabs .nav-tabs, body #kunena.layout .tabs > ul { background: transparent !important; border-radius: 0; }
body #kunena.layout .tab-content { background: var(--sr-coal-2); border: 1px solid var(--sr-line); border-top: 0; padding: 1rem 1rem .6rem; }
body #kunena.layout .tab-pane h1 { font-size: 1.35rem; margin: 0 0 .6rem; }
body #kunena.layout .tab-pane h1 small { font: 500 .8rem var(--sr-text); color: var(--sr-muted); }
body #kunena.layout table.table a:not(.topictitle) { text-decoration: none; }
body #kunena.layout .col-md-12 > blockquote { margin: 1.2rem 0 1.4rem; padding: .8rem 1.1rem; background-color: var(--sr-coal-2); border: 1px solid var(--sr-line);
  background-image: linear-gradient(var(--sr-red), var(--sr-red)), linear-gradient(var(--sr-red), var(--sr-red)), linear-gradient(var(--sr-blue), var(--sr-blue)), linear-gradient(var(--sr-blue), var(--sr-blue));
  background-repeat: no-repeat; background-size: 18px 3px, 3px 18px, 18px 3px, 3px 18px; background-position: left top, left top, right bottom, right bottom; }
body #kunena.layout .col-md-12 > blockquote span:first-child { font: 700 .8rem var(--sr-head); text-transform: uppercase; letter-spacing: .12em; color: var(--sr-red-l); }
body #kunena.layout .col-md-12 > blockquote br { display: none; }
body #kunena.layout .col-md-12 > blockquote span:last-child { display: block; font-size: 1.02rem; color: var(--sr-milk); margin-top: .2rem; }
body #kunena.layout img.rounded, body #kunena.layout img.rounded-circle, body #kunena.layout .kavatar img { border-radius: 3px !important; }
body #kunena.layout .kwho-user { color: var(--sr-blue-l); }
body #kunena.layout a.kwho-user:hover { color: #fff; }
body #kunena.layout .kwho-admin { color: var(--sr-red-l) !important; }

/* страница ошибки */
.error_site, body.error_site { background: var(--sr-coal); color: var(--sr-milk); }
.error_site .card { background: var(--sr-coal-2); border: 1px solid var(--sr-line); border-radius: 0; color: var(--sr-milk); }
.error_site .page-header { font-family: var(--sr-head); color: var(--sr-milk); text-transform: uppercase; letter-spacing: .04em; }
.error_site .btn-secondary { background: var(--sr-red); border-color: var(--sr-red); color: #fff; border-radius: 3px; }
.error_site .badge.bg-secondary { background: var(--sr-blue) !important; }

/* подвал: канаты сверху, оговорка про тренера и врача */
.container-footer { margin-top: 2.6rem; background-color: #0e0f11; color: var(--sr-muted); position: relative;
  background-image: linear-gradient(var(--sr-red), var(--sr-red)), linear-gradient(var(--sr-milk-2), var(--sr-milk-2)), linear-gradient(var(--sr-blue), var(--sr-blue));
  background-repeat: no-repeat; background-size: 100% 2px; background-position: 0 0, 0 6px, 0 12px; padding-top: 14px; }
.container-footer .grid-child { width: calc(100% - 1.5rem); max-width: calc(78rem + 3em); margin: 0 auto; padding: 1.3rem 0 1.6rem; }
.sr-foot { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .7rem 2rem; align-items: center; width: 100%; font-size: .84rem; }
.sr-foot__note { margin: 0; max-width: 48rem; line-height: 1.55; }
.sr-foot__links { margin: 0; display: flex; gap: 1.3rem; }
.sr-foot__links a { color: var(--sr-milk); text-decoration: none; font: 700 .95rem var(--sr-head); text-transform: uppercase; letter-spacing: .07em; }
.sr-foot__links a:hover { color: var(--sr-red-l); }

/* планшет и телефон */
@media (max-width: 991.98px) {
  .sr-corners { grid-template-columns: 1fr 1fr; }
  .sr-bell { grid-column: 1 / -1; grid-row: 1; flex-direction: row; flex-wrap: wrap; gap: .3rem 1rem; padding: .8rem 1rem; }
  .sr-bell__phase, .sr-bell__time { margin: 0; }
  .sr-bell__time { font-size: 2.6rem; }
  .sr-bell__note { flex-basis: 100%; margin-top: .2rem; }
}
@media (max-width: 767.98px) {
  body #kunena.layout .topic-item-messages > .row.message > .col-md-2 { flex-basis: 10.5rem; width: 10.5rem; }
}
@media (max-width: 575.98px) {
  .container-header { padding-bottom: 30px; }
  .container-header::before, .container-header::after { width: 12px; height: 34px; }
  .container-header .grid-child { padding: 1.05rem 1.1rem .7rem; }
  .container-header .navbar-brand { grid-template-columns: 44px auto; column-gap: .75rem; }
  .container-header .brand-logo::before { width: 44px; height: 44px; }
  .container-header .brand-logo span { font-size: 1.85rem; }
  .container-header .site-description { font-size: .8rem; line-height: 1.4; }
  body #kunena.layout > nav.navbar .nav-link { font-size: 1rem; padding: .4rem .7rem; }
  .sr-corners { grid-template-columns: 1fr; gap: .7rem; }
  .sr-corner, .sr-corner--blue { padding: .85rem 1rem .9rem 1.25rem; text-align: left; }
  .sr-corner--blue::before { right: auto; left: -1px; }
  .sr-corner__title { font-size: 1.3rem; }
  .sr-corner li small { display: none; }
  .sr-corner ul { gap: .35rem; }
  body #kunena.layout .kfrontend.section > h1.card-header { font-size: 1.35rem; flex-wrap: wrap; }
  body #kunena.layout .kfrontend.section > h1.card-header small { display: none; }
  body #kunena.layout .kfrontend.section tr.category > td { padding-left: .8rem; padding-right: .8rem; }
  body #kunena.layout .kunena-topic-item > h1 { font-size: 1.55rem; }
  /* постбит на телефоне: автор строкой над сообщением */
  body #kunena.layout .topic-item-messages > .row.message { flex-direction: column; gap: 0; }
  body #kunena.layout .topic-item-messages > .row.message > .col-md-2.d-none { display: block !important; order: -1; width: auto; flex: none; align-self: stretch; border-top-width: 3px; border-bottom: 0; padding: .55rem .75rem; }
  body #kunena.layout .row.message ul.profilebox { display: grid; grid-template-columns: 46px auto; column-gap: .7rem; align-items: center; }
  body #kunena.layout .row.message ul.profilebox > li { grid-column: 2; }
  body #kunena.layout .row.message ul.profilebox > li:nth-child(2) { grid-column: 1; grid-row: 1 / span 3; margin: 0; }
  body #kunena.layout .row.message ul.profilebox img, body #kunena.layout .row.message ul.profilebox span.rounded { width: 46px; height: 46px; font-size: 1.4rem; }
  body #kunena.layout .row.message ul.profilebox img[src*="/ranks/"] { display: none; }
  body #kunena.layout .row.message .topic-starter { position: static; display: none !important; }
  body #kunena.layout .row.message .profile-expand { display: none; }
  body #kunena.layout .topic-item-messages > .row.message > .col-md-10 { padding: .6rem .9rem .85rem; border-top: 0; }
}