/* FENIX: station forum v5 — lists, posts, blog and tags. */

body:has(.IndexPage,.DiscussionPage,.TagsPage,.FlarumBlogOverview,.FlarumBlogItem) {
  --fenix-6: linear-gradient(110deg, #b0dfe5, #89c7d2);
  --fenix-24: 0 12px 34px rgba(0,0,0,0.23),inset 0 1px rgba(223,245,255,0.05);
}

body:has(.IndexPage,.TagsPage,.FlarumBlogOverview,.FlarumBlogItem,.DiscussionPage) {
  --body-bg: #080f19;
  --body-bg-shaded: #0e1b29;
  --body-bg-light: #122334;
  --body-bg-faded: rgba(8,15,25,0.96);
  --text-color: #c5d3df;
  --heading-color: #edf4f8;
  --discussion-title-color: #bccbd8;
  --link-color: #9bcfdc;
  --muted-color: #91a6b9;
  --muted-color-light: #748ca3;
  --muted-color-dark: #bfd2df;
  --control-bg: #122335;
  --control-bg-light: #1b3349;
  --control-bg-dark: #0d1b29;
  --control-color: #b2c8d8;
  --primary-color: #87cbd4;
  --primary-color-light: #163c48;
  --primary-color-dark: #b8e6ed;
  --button-bg: #122738;
  --button-color: #b8cddc;
  --button-primary-bg: #a2d7df;
  --button-primary-color: #102b36;
  --hero-bg: #0b1827;
  --hero-color: #d3e2ed;
  --header-bg: #0a1522;
  --header-color: #c4d8e7;
  --header-control-bg: #152b3c;
  --header-control-color: #b3cadb;
  --dropdown-bg: #102131;
  --dropdown-color: #d4e3ed;
  --shadow-color: rgba(0,0,0,0.42);
  background-color: #080f19;
  background-image: radial-gradient(ellipse at 5% 22%, rgba(36,70,105,0.22), transparent 42%),radial-gradient(ellipse at 98% 42%, rgba(54,41,83,0.2), transparent 46%);
  color: #c5d3df;
}

html:has(.IndexPage,.TagsPage,.FlarumBlogOverview,.FlarumBlogItem,.DiscussionPage) {
  background: #080f19;
}

.IndexPage .DiscussionListItem-content,.DiscussionPage .DiscussionPage-list,body .FlarumBlogOverview .BlogScrubber .BlogList-item-content,body:has(.IndexPage,.TagsPage,.FlarumBlogOverview,.FlarumBlogItem,.DiscussionPage) .App-content,body:has(.FlarumBlogOverview,.FlarumBlogItem) .App {
  background: transparent;
}

body:has(.IndexPage,.TagsPage,.FlarumBlogOverview,.FlarumBlogItem,.DiscussionPage) .App-header {
  background: rgba(9,20,33,0.97);
  border-bottom: 1px solid rgba(135,180,208,0.18);
  box-shadow: 0 3px 22px rgba(0,0,0,0.2);
  color: #c4d8e7;
}

body:has(.IndexPage,.TagsPage,.FlarumBlogOverview,.FlarumBlogItem,.DiscussionPage) .Header-title a {
  color: #e1edf4;
  letter-spacing: .09em;
}

body:has(.IndexPage,.TagsPage,.FlarumBlogOverview,.FlarumBlogItem,.DiscussionPage) .App-header .Button--flat,body:has(.IndexPage,.TagsPage,.FlarumBlogOverview,.FlarumBlogItem,.DiscussionPage) .App-header .Button--link {
  color: #bad0e0;
}

body:has(.IndexPage,.TagsPage,.FlarumBlogOverview,.FlarumBlogItem,.DiscussionPage) .Search-input {
  background: #152738;
  color: #d8e7ef;
}

body:has(.IndexPage,.TagsPage,.FlarumBlogOverview,.FlarumBlogItem,.DiscussionPage) .Search-input::placeholder {
  color: #809bae;
}

.IndexPage .WelcomeHero,.TagsPage .WelcomeHero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  text-align: left;
  background-color: #101c2d;
  background-image: linear-gradient(90deg, rgba(5,13,23,0.82) 0%, rgba(6,15,27,0.48) 52%, rgba(6,15,27,0.18) 100%),linear-gradient(0deg, #080f19 0%, rgba(8,15,25,0.15) 54%, rgba(8,15,25,0.1) 100%),url("../images/bridge-desktop.webp");
  background-size: cover;
  background-position: center 43%;
  border-bottom: 1px solid rgba(157,199,224,0.18);
}

.IndexPage .WelcomeHero::before,.TagsPage .WelcomeHero::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -15%;
  pointer-events: none;
  background: radial-gradient(ellipse at 75% 35%, rgba(146,103,205,0.2), transparent 55%);
  animation: fenix-channel-light 24s ease-in-out infinite alternate;
}

.IndexPage .WelcomeHero .container,.TagsPage .WelcomeHero .container {
  padding-top: 30px;
  padding-bottom: 30px;
}

.IndexPage .WelcomeHero .containerNarrow,.TagsPage .WelcomeHero .containerNarrow {
  width: 100%;
  max-width: 1200px;
}

.IndexPage .WelcomeHero .Hero-title,.TagsPage .WelcomeHero .Hero-title {
  color: #e4f0f8;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: .07em;
  font-weight: 500;
  text-shadow: 0 2px 24px rgba(0,0,0,0.5);
}

.IndexPage .WelcomeHero .Hero-subtitle,.TagsPage .WelcomeHero .Hero-subtitle {
  font-size: 12px;
  margin-top: 16px;
}

.IndexPage .WelcomeHero .Hero-subtitle>div,.TagsPage .WelcomeHero .Hero-subtitle>div {
  max-width: 670px !important;
  margin-left: 0 !important;
  background: rgba(9,22,36,0.84) !important;
  border-color: rgba(137,199,220,0.25) !important;
  border-radius: 10px !important;
  box-shadow: 0 14px 45px rgba(0,0,0,0.25),inset 0 1px rgba(226,242,255,0.05);
}

.IndexPage .WelcomeHero .Hero-close,.TagsPage .WelcomeHero .Hero-close {
  color: #bcd4e4;
  opacity: .8;
}

.IndexPage>.container {
  padding-top: 0;
}

.IndexPage .AfruxWidgets-Widget-content {
  background: rgba(15,30,46,0.96);
  color: #b9cedd;
  border: 1px solid rgba(127,165,192,0.18);
  border-radius: 10px;
  box-shadow: 0 10px 28px rgba(0,0,0,0.14);
}

.IndexPage .AfruxWidgets-Widget-title {
  color: #98b4c8;
}

.IndexPage .station-box,.IndexPage .station-title {
  color: #aac2d5;
}

.IndexPage .station-line {
  color: #6f93af;
}

.IndexPage .station-green {
  color: #72c99e;
}

.IndexPage .station-dot {
  background: #72c99e;
}

.IndexPage .Afrux-NewsWidget-icon {
  color: #86bacd;
}

.IndexPage .phoenix-panel {
  background: transparent !important;
  border-color: transparent !important;
  color: #b0c5d7;
}

.IndexPage .phoenix-grid b {
  color: #d1e5ef;
  letter-spacing: .09em;
  font-size: 11px;
}

.IndexPage .phoenix-log {
  color: #86a6be;
  font-size: 11px;
}

.IndexPage .phoenix-panel a {
  color: #a5d3df;
}

.IndexPage .Afrux-ForumStatsWidget-grid-item-value {
  color: #dceaf2;
}

.IndexPage .Afrux-ForumStatsWidget-grid-item-icon {
  color: #8da7bb;
}

.IndexPage .IndexPage-nav>ul {
  padding: 14px 10px;
  background: rgba(13,26,40,0.92);
  border: 1px solid rgba(128,168,193,0.16);
  border-radius: 11px;
}

.IndexPage .IndexPage-nav>ul>li {
  margin-left: 0;
  margin-right: 0;
}

.IndexPage .IndexPage-nav .item-newDiscussion {
  margin-bottom: 16px;
}

.IndexPage .IndexPage-newDiscussion {
  font-size: 12px;
  padding-left: 8px;
  padding-right: 8px;
  border: 1px solid rgba(191,231,239,0.25);
  background: var(--fenix-6);
  color: #102c38;
  border-radius: 7px;
  font-weight: 650;
  box-shadow: 0 5px 18px rgba(71,152,173,0.12);
}

.IndexPage .IndexPage-nav .Dropdown-menu>li>a,.IndexPage .IndexPage-nav .Dropdown-menu>li>button {
  border-radius: 6px;
  color: #9eb9ce;
}

.IndexPage .IndexPage-nav .Dropdown-menu>li.active>a,.IndexPage .IndexPage-nav .Dropdown-menu>li.active>button {
  background: #193242;
  color: #d9eff6;
  box-shadow: inset 2px 0 #8ecdda;
}

.IndexPage .IndexPage-nav .Dropdown-menu>li>a:hover,.IndexPage .IndexPage-nav .Dropdown-menu>li>button:hover {
  background: #142b3d;
  color: #d4e8f2;
}

.IndexPage .IndexPage-nav .Dropdown-separator {
  border-color: rgba(126,163,193,0.15);
}

.IndexPage .IndexPage-toolbar {
  padding: 10px 12px;
  background: rgba(12,26,40,0.95);
  border: 1px solid rgba(127,167,194,0.17);
  border-radius: 9px;
  margin-bottom: 12px;
}

.IndexPage .IndexPage-toolbar .Button {
  border-radius: 6px;
  color: #bad0df;
}

.IndexPage .DiscussionList-discussions>li {
  margin-bottom: 9px;
}

.IndexPage .DiscussionListItem {
  margin-left: 0;
  margin-right: 0;
  background: rgba(14,28,43,0.97);
  border: 1px solid rgba(127,162,189,0.17);
  border-left: 2px solid var(--item-tag-color, #6c8ba6);
  border-radius: 10px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
  transition: background-color .18s,border-color .18s,box-shadow .18s;
}

.IndexPage .DiscussionListItem:hover {
  background: #13283b;
  border-top-color: rgba(151,198,225,0.35);
  border-right-color: rgba(151,198,225,0.35);
  border-bottom-color: rgba(151,198,225,0.35);
  box-shadow: 0 8px 28px rgba(0,0,0,0.22);
}

.IndexPage .DiscussionListItem--sticky {
  background: linear-gradient(105deg, rgba(22,42,59,0.98), rgba(14,27,43,0.98));
}

.IndexPage .DiscussionListItem.unread {
  box-shadow: inset 0 0 0 1px rgba(127,194,216,0.13);
}

.IndexPage .DiscussionListItem-content:active {
  background: rgba(48,88,119,0.16);
}

.IndexPage .DiscussionListItem-title {
  color: #d4e1ec;
  font-size: 15px;
  line-height: 1.45;
  font-weight: 450;
  text-decoration: none;
}

.IndexPage .DiscussionList:not(.DiscussionList--searchResults) .read .DiscussionListItem-title {
  color: #abc0d2;
}

.IndexPage .DiscussionList:not(.DiscussionList--searchResults) .unread .DiscussionListItem-title {
  color: #edf7fc;
  font-weight: 650;
}

.IndexPage .DiscussionListItem-info {
  color: #879eb3;
  font-size: 11px;
}

.IndexPage .DiscussionListItem-info .username {
  color: #a6c3d6;
}

.IndexPage .DiscussionListItem-info .item-terminalPost time {
  color: #7f97ad;
}

.IndexPage .DiscussionListItem-author .Avatar {
  border-radius: 8px;
  box-shadow: 0 0 0 1px rgba(148,179,204,0.22);
}

.IndexPage .DiscussionListItem-count {
  color: #8ca9bf;
  font-size: 12px;
}

.IndexPage .unread .DiscussionListItem-count {
  color: #b5e4ef;
}

.IndexPage .DiscussionListItem-controls>.Button {
  color: #8eacc0;
}

.IndexPage .DiscussionListItem .TagLabel {
  border-radius: 4px;
  font-size: 10px;
}

.IndexPage .DiscussionList-loadMore {
  padding-top: 14px;
  padding-bottom: 24px;
}

.IndexPage .DiscussionList-loadMore .Button {
  background: #142b3b;
  color: #c3dce9;
  border: 1px solid rgba(149,199,220,0.22);
  border-radius: 7px;
  padding: 12px 25px;
}

.IndexPage .Placeholder {
  color: #9cb6ca;
}

body:has(.IndexPage,.TagsPage,.FlarumBlogOverview,.FlarumBlogItem,.DiscussionPage) .Dropdown-menu,body:has(.IndexPage,.TagsPage,.FlarumBlogOverview,.FlarumBlogItem,.DiscussionPage) .Search-results {
  background: #102031;
  color: #c8dce8;
  border: 1px solid rgba(132,178,207,0.22);
}

body:has(.IndexPage,.TagsPage,.FlarumBlogOverview,.FlarumBlogItem,.DiscussionPage) .Dropdown-menu>li>a,body:has(.IndexPage,.TagsPage,.FlarumBlogOverview,.FlarumBlogItem,.DiscussionPage) .Dropdown-menu>li>button {
  color: #c8dce8;
}

body:has(.IndexPage,.TagsPage,.FlarumBlogOverview,.FlarumBlogItem,.DiscussionPage) .Dropdown-menu>li>a:hover,body:has(.IndexPage,.TagsPage,.FlarumBlogOverview,.FlarumBlogItem,.DiscussionPage) .Dropdown-menu>li>button:hover {
  background: #1a3549;
}

body:has(.IndexPage,.TagsPage,.FlarumBlogOverview,.FlarumBlogItem,.DiscussionPage) .Modal-content {
  background: #112234;
  color: #c9dce7;
}

body:has(.IndexPage,.TagsPage,.FlarumBlogOverview,.FlarumBlogItem,.DiscussionPage) .Modal-header h3 {
  color: #dfedf5;
}

body:has(.IndexPage,.TagsPage,.FlarumBlogOverview,.FlarumBlogItem,.DiscussionPage) .Modal-body,body:has(.IndexPage,.TagsPage,.FlarumBlogOverview,.FlarumBlogItem,.DiscussionPage) .Modal-footer {
  background: #0f1e2d;
  color: #a8c0d1;
}

body:has(.IndexPage,.TagsPage,.FlarumBlogOverview,.FlarumBlogItem,.DiscussionPage) .FormControl {
  background: #182e42;
  color: #dfedf5;
  border-color: rgba(143,186,211,0.25);
}

body:has(.IndexPage,.TagsPage,.FlarumBlogOverview,.FlarumBlogItem,.DiscussionPage) .FormControl::placeholder {
  color: #88a3b9;
}

body:has(.IndexPage,.TagsPage,.FlarumBlogOverview,.FlarumBlogItem,.DiscussionPage) .FormControl:focus {
  border-color: #93d1df;
}

body:has(.IndexPage,.TagsPage,.FlarumBlogOverview,.FlarumBlogItem,.DiscussionPage) .Button:focus-visible,body:has(.IndexPage,.TagsPage,.FlarumBlogOverview,.FlarumBlogItem,.DiscussionPage) a:focus-visible {
  outline: 2px solid #a8dce9;
  outline-offset: 3px;
}

body:has(.IndexPage,.TagsPage,.FlarumBlogOverview,.FlarumBlogItem,.DiscussionPage) #phoenix-footer,body:has(.IndexPage,.TagsPage,.FlarumBlogOverview,.FlarumBlogItem,.DiscussionPage) .forum-footer {
  background: #080f19;
  color: #9cb6c9;
}

body:has(.IndexPage,.TagsPage,.FlarumBlogOverview,.FlarumBlogItem,.DiscussionPage) .forum-footer {
  opacity: 1;
  border-top-color: rgba(153,187,210,0.15);
}

body:has(.IndexPage,.TagsPage,.FlarumBlogOverview,.FlarumBlogItem,.DiscussionPage) #phoenix-footer a,body:has(.IndexPage,.TagsPage,.FlarumBlogOverview,.FlarumBlogItem,.DiscussionPage) .forum-footer a {
  color: #91bfce;
}

body:has(.IndexPage,.TagsPage,.FlarumBlogOverview,.FlarumBlogItem,.DiscussionPage) .footer-copy {
  color: #7894aa;
}

@keyframes fenix-channel-light {
  from {
    transform: translate3d(-3%, 0, 0);
    opacity: .4;
  }
  to {
    transform: translate3d(3%, 2%, 0);
    opacity: .85;
  }
}

@media (min-width:768px) {
  .IndexPage .IndexPage-nav>ul {
    width: 190px;
  }
  .IndexPage .DiscussionListItem-content {
    padding-left: 62px;
    padding-right: 78px;
  }
  .IndexPage .DiscussionListItem-main {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .IndexPage .DiscussionListItem-author {
    margin-left: -49px;
  }
  .IndexPage .DiscussionListItem-title {
    margin-right: 0;
    padding-right: 0;
  }
  .IndexPage .DiscussionListItem-info>.item-tags {
    position: static;
    display: block;
    margin: 3px 0 4px;
    max-width: none;
    overflow: visible;
    white-space: normal;
    -webkit-mask-image: none;
    mask-image: none;
  }
  .IndexPage .DiscussionListItem-info>.item-tags .TagsLabel {
    white-space: normal;
  }
  .IndexPage .DiscussionListItem-count {
    margin-top: 25px;
  }
}

@media (max-width:1000px) {
  .IndexPage .WelcomeHero .Hero-title,.TagsPage .WelcomeHero .Hero-title {
    font-size: 17px;
  }
  .IndexPage .WelcomeHero .Hero-subtitle>div,.TagsPage .WelcomeHero .Hero-subtitle>div {
    max-width: 560px !important;
  }
}

@media (max-width:767px) {
  body:has(.IndexPage,.TagsPage,.FlarumBlogOverview,.FlarumBlogItem) .App-drawer {
    background: #0f1f30;
    color: #c0d5e2;
  }
  .IndexPage .WelcomeHero,.TagsPage .WelcomeHero {
    background-position: 66% center;
  }
  .IndexPage .WelcomeHero .container,.TagsPage .WelcomeHero .container {
    padding-top: 23px;
    padding-bottom: 23px;
  }
  .IndexPage .WelcomeHero .Hero-title,.TagsPage .WelcomeHero .Hero-title {
    font-size: 16px;
    letter-spacing: .035em;
    padding-right: 22px;
  }
  .IndexPage .WelcomeHero .Hero-subtitle,.TagsPage .WelcomeHero .Hero-subtitle {
    font-size: 11px;
    margin-top: 12px;
  }
  .IndexPage .WelcomeHero .Hero-subtitle>div,.TagsPage .WelcomeHero .Hero-subtitle>div {
    padding: 13px 12px !important;
    width: auto;
  }
  .IndexPage .IndexPage-nav>ul {
    padding: 9px;
    width: auto;
    margin-top: 16px;
  }
  .IndexPage .IndexPage-nav .Dropdown-menu {
    background: #112234;
  }
  .IndexPage .IndexPage-toolbar {
    padding: 8px;
    margin-bottom: 10px;
  }
  .IndexPage .DiscussionList-discussions>li {
    margin-bottom: 8px;
  }
  .IndexPage .DiscussionListItem {
    border-radius: 8px;
  }
  .IndexPage .DiscussionListItem-title {
    font-size: 14px;
    line-height: 1.4;
    margin-right: 0;
    white-space: normal;
  }
  .IndexPage .DiscussionListItem-main {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .IndexPage .DiscussionListItem-info>.item-tags {
    position: static;
    display: block;
    max-width: none;
    margin: 5px 0;
    white-space: normal;
    -webkit-mask-image: none;
    mask-image: none;
    overflow: visible;
  }
  .IndexPage .DiscussionListItem-info>.item-tags .TagsLabel {
    white-space: normal;
  }
  .IndexPage .DiscussionListItem-content {
    padding-left: 55px;
    padding-right: 45px;
  }
  .IndexPage .DiscussionListItem-count {
    margin-top: 14px;
    margin-right: -34px;
  }
  .IndexPage .AfruxWidgets-topWidgetSection {
    margin-top: 16px;
  }
  .IndexPage .phoenix-panel {
    padding: 8px 4px !important;
    font-size: 11px !important;
  }
  .IndexPage .phoenix-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px 8px;
  }
  .IndexPage .phoenix-grid>div {
    overflow-wrap: anywhere;
  }
  .IndexPage .phoenix-grid b {
    font-size: 9px;
  }
  .IndexPage .phoenix-log {
    font-size: 9px;
    line-height: 1.6;
  }
}

@media (prefers-reduced-motion:reduce) {
  .IndexPage .WelcomeHero::before,.TagsPage .WelcomeHero::before {
    animation: none;
  }
  .IndexPage .DiscussionListItem {
    transition: none;
  }
}

@media (max-width:767px) {
  body:has(.DiscussionPage) .App-drawer {
    background: #0f1f30;
    color: #c0d5e2;
  }
}

body:has(.DiscussionPage) {
  --code-bg: #081522;
  --code-color: #badde8;
  --muted-more-color: #7e9caf;
  --control-danger-bg: #392330;
  --control-danger-color: #efb7bf;
}

.DiscussionPage .DiscussionHero {
  background: radial-gradient(ellipse at 85% 20%, rgba(84,65,128,0.25), transparent 60%),linear-gradient(110deg, #0c1a2a, #142a3e);
  color: #d3e5f0;
  border-bottom: 1px solid rgba(142,184,211,0.22);
}

.DiscussionPage .DiscussionHero .Hero-title {
  color: #e2eff7;
  line-height: 1.4;
  font-weight: 550;
}

.DiscussionPage .DiscussionHero .TagsLabel {
  margin-bottom: 12px;
}

.DiscussionPage .PostStream {
  padding-top: 6px;
}

.DiscussionPage .PostStream-item {
  border: 0;
  margin-bottom: 14px;
}

.DiscussionPage .Post {
  background: rgba(14,28,43,0.97);
  border: 1px solid rgba(134,171,196,0.19);
  border-radius: 11px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.13);
  margin-bottom: 0;
}

.DiscussionPage .Post-body {
  color: #c7d7e3;
  font-size: 15px;
  line-height: 1.75;
}

.DiscussionPage .Post-body h1,.DiscussionPage .Post-body h2,.DiscussionPage .Post-body h3,.DiscussionPage .Post-body h4,.DiscussionPage .Post-body h5 {
  color: #e3eff7;
}

.DiscussionPage .Post-header,.DiscussionPage .Post-header a {
  color: #93aec4;
}

.DiscussionPage .PostUser h3,.DiscussionPage .PostUser h3 a {
  color: #c3dfe9;
}

.DiscussionPage .PostUser .Avatar {
  box-shadow: 0 0 0 1px rgba(146,185,208,0.23);
}

.DiscussionPage .Post-body a {
  color: #a0d6e2;
  border-bottom-color: rgba(146,205,225,0.35);
}

.DiscussionPage .Post-body a:hover {
  color: #d2edf5;
  border-bottom-color: #a4d8e4;
}

.DiscussionPage .Post-body blockquote {
  background: #142a3d;
  color: #b6cddd;
  border-left: 3px solid #78b4c7;
  border-radius: 0 7px 7px 0;
}

.DiscussionPage .Post-body code,.DiscussionPage .Post-body pre,body .FlarumBlogItem .Post-body code,body .FlarumBlogItem .Post-body pre {
  background: #081522;
  color: #badde8;
}

.DiscussionPage .Post-body hr {
  border-color: rgba(132,173,199,0.2);
}

.DiscussionPage .Post-body table {
  color: #c3d6e4;
  background: #102334;
}

.DiscussionPage .Post-body th {
  background: #182f43;
  color: #d9e8f1;
}

.DiscussionPage .Post-body th,.DiscussionPage .Post-body td {
  border-color: rgba(130,170,195,0.28);
}

.DiscussionPage .Post-body img,.DiscussionPage .DiscussionPage-nav .Button {
  border-radius: 7px;
}

.DiscussionPage .Post-footer,.DiscussionPage .Post-actions,.DiscussionPage .Post-actions .Button--link {
  color: #9bbace;
}

.DiscussionPage .EventPost {
  background: rgba(12,25,38,0.75);
  color: #99b2c5;
  box-shadow: none;
}

.DiscussionPage .PostStream-timeGap {
  color: #88a9bf;
}

.DiscussionPage .ReplyPlaceholder {
  background: rgba(16,34,50,0.85);
  color: #a8cbdc;
  border: 1px dashed rgba(139,185,211,0.35);
}

.DiscussionPage .DiscussionPage-nav .Button--primary {
  font-size: 12px;
  padding-left: 4px;
  padding-right: 4px;
  background: var(--fenix-6);
  color: #102c38;
}

.DiscussionPage .Scrubber {
  color: #9ebace;
}

.DiscussionPage .Scrubber-bar {
  background: #8ac6d4;
}

body:has(.DiscussionPage) .App-composer {
  background: #102031;
  border-top: 1px solid rgba(139,181,207,0.25);
}

body:has(.DiscussionPage) .Composer {
  background: #102031;
  color: #c5dbe8;
}

body:has(.DiscussionPage) .ComposerBody-header,body:has(.DiscussionPage) .ComposerBody-header h3,body:has(.DiscussionPage) .ComposerBody-header h3 a {
  color: #d0e4ef;
}

body:has(.DiscussionPage) .TextEditor-editor {
  background: #0d1c2c;
  color: #d1e1ec;
  border-color: rgba(137,180,205,0.25);
}

body:has(.DiscussionPage) .TextEditor-editor::placeholder {
  color: #8ba9bf;
}

body:has(.DiscussionPage) .TextEditor-controls {
  color: #a3bfd2;
}

body:has(.DiscussionPage) .TextEditor-preview .Post-body {
  color: #c7d7e3;
}

@media (max-width:767px) {
  .DiscussionPage .DiscussionHero .Hero-title {
    font-size: 21px;
  }
  .DiscussionPage .PostStream-item:not(:last-child) {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .DiscussionPage .Post {
    border-radius: 8px;
  }
  .DiscussionPage .Post-body {
    font-size: 14px;
    line-height: 1.7;
  }
  .DiscussionPage .PostStream-timeGap {
    margin-left: 0;
    margin-right: 0;
  }
}

.IndexPage .WelcomeHero,.TagsPage .WelcomeHero {
  background-color: transparent;
  background-image: linear-gradient(90deg, rgba(5,13,23,0.58), rgba(6,15,27,0.2));
}

.IndexPage .AfruxWidgets-Widget-title {
  color: #cadfe9;
  text-shadow: 0 1px 8px #07101b;
}

body:has(.IndexPage,.DiscussionPage,.TagsPage,.FlarumBlogOverview,.FlarumBlogItem) {
  position: relative;
  isolation: isolate;
  background: #07101b;
}

body:has(.IndexPage,.DiscussionPage,.TagsPage,.FlarumBlogOverview,.FlarumBlogItem)::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-color: #07101b;
  background-image: linear-gradient(90deg, rgba(5,13,23,0.2), rgba(5,13,23,0.06) 52%, rgba(5,13,23,0.18)),linear-gradient(0deg, rgba(5,12,22,0.2), rgba(6,15,27,0.08)),url("../images/bridge-desktop.webp");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

body:has(.IndexPage,.DiscussionPage,.TagsPage,.FlarumBlogOverview,.FlarumBlogItem)::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(ellipse at 82% 20%, rgba(116,90,193,0.17), transparent 57%);
  animation: fenix-ambient-glow 28s ease-in-out infinite alternate;
}

body:has(.IndexPage,.DiscussionPage,.TagsPage,.FlarumBlogOverview,.FlarumBlogItem) .App-header {
  background: rgba(7,18,31,0.9);
  border-bottom-color: rgba(140,197,225,0.26);
  box-shadow: 0 4px 24px rgba(0,0,0,0.25);
}

body:has(.IndexPage,.DiscussionPage,.TagsPage,.FlarumBlogOverview,.FlarumBlogItem) .App-pane {
  background: rgba(7,19,32,0.97);
  border-color: rgba(140,184,209,0.25);
}

.DiscussionPage .DiscussionHero {
  position: relative;
  background: linear-gradient(110deg, rgba(7,19,33,0.81), rgba(16,35,54,0.55));
  border-bottom-color: rgba(142,190,219,0.31);
  box-shadow: inset 0 -1px rgba(160,218,236,0.07);
}

.DiscussionPage .DiscussionHero::before {
  content: "КАНАЛ СВЯЗИ · ФЕНИКС";
  display: block;
  padding-top: 21px;
  margin-bottom: -12px;
  color: #a6d4df;
  font-family: ui-monospace,SFMono-Regular,Consolas,monospace;
  font-size: 10px;
  letter-spacing: .22em;
}

.DiscussionPage .Post {
  position: relative;
  background: linear-gradient(125deg, rgba(13,30,46,0.94), rgba(7,18,31,0.9));
  border-color: rgba(154,199,224,0.31);
  border-radius: 12px;
  box-shadow: 0 16px 44px rgba(0,0,0,0.26),inset 0 1px rgba(223,245,255,0.07);
}

.DiscussionPage .CommentPost::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 24px;
  width: 56px;
  height: 2px;
  border-radius: 2px;
  background: #a0d7e7;
  box-shadow: 0 0 13px rgba(130,202,225,0.4);
}

.DiscussionPage .Post-header {
  border-bottom: 1px solid rgba(130,180,208,0.15);
  padding-bottom: 13px;
}

.DiscussionPage .Post-body {
  color: #d1dfe8;
}

.DiscussionPage .Post-body blockquote {
  background: rgba(21,43,62,0.94);
}

.DiscussionPage .Post-body pre,.DiscussionPage .Post-body code {
  background: rgba(5,17,29,0.94);
}

.DiscussionPage .EventPost {
  background: rgba(8,22,36,0.84);
}

.DiscussionPage .ReplyPlaceholder {
  background: rgba(10,26,41,0.91);
}

.DiscussionPage .PostStreamScrubber .Dropdown-menu {
  background: rgba(8,23,38,0.89);
  border: 1px solid rgba(144,193,220,0.3);
  border-radius: 9px;
  box-shadow: 0 10px 28px rgba(0,0,0,0.23);
}

.DiscussionPage .PostStream-timeGap {
  color: #bdd5e4;
  text-shadow: 0 1px 8px #07101b;
}

.IndexPage .DiscussionListItem {
  background: linear-gradient(120deg, rgba(14,31,47,0.95), rgba(7,20,34,0.89));
  border-top-color: rgba(151,196,222,0.29);
  border-right-color: rgba(151,196,222,0.29);
  border-bottom-color: rgba(151,196,222,0.29);
  box-shadow: 0 10px 26px rgba(0,0,0,0.22),inset 0 1px rgba(226,246,255,0.04);
}

.IndexPage .DiscussionListItem--sticky {
  background: linear-gradient(120deg, rgba(26,48,65,0.94), rgba(9,25,41,0.9));
}

.IndexPage .DiscussionListItem:hover {
  background: linear-gradient(120deg, rgba(21,43,61,0.97), rgba(10,28,45,0.95));
}

.IndexPage .IndexPage-nav>ul,.IndexPage .IndexPage-toolbar,.IndexPage .AfruxWidgets-Widget-content {
  background: rgba(8,23,38,0.9);
  border-color: rgba(148,195,222,0.28);
  box-shadow: 0 12px 34px rgba(0,0,0,0.24),inset 0 1px rgba(226,246,255,0.04);
}

body:has(.IndexPage,.DiscussionPage,.TagsPage,.FlarumBlogOverview,.FlarumBlogItem) #phoenix-footer,body:has(.IndexPage,.DiscussionPage,.TagsPage,.FlarumBlogOverview,.FlarumBlogItem) .forum-footer {
  background: rgba(5,14,24,0.91);
  border-top: 1px solid rgba(145,187,215,0.22);
}

@keyframes fenix-ambient-glow {
  from {
    opacity: .3;
  }
  to {
    opacity: .85;
  }
}

@media (max-width:767px) {
  body:has(.IndexPage,.DiscussionPage,.TagsPage,.FlarumBlogOverview,.FlarumBlogItem)::before {
    background-position: 64% center;
  }
  .DiscussionPage .DiscussionHero::before {
    font-size: 9px;
    letter-spacing: .14em;
    padding-top: 18px;
  }
  .DiscussionPage .PostStream {
    padding-top: 9px;
  }
  .DiscussionPage .PostStream-item:not(:last-child) {
    margin-left: 0;
    margin-right: 0;
  }
  .DiscussionPage .Post {
    margin-left: 8px;
    margin-right: 8px;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 10px;
  }
  .DiscussionPage .CommentPost::before {
    left: 18px;
    width: 42px;
  }
  .DiscussionPage .Post-header {
    padding-bottom: 10px;
  }
}

@media (prefers-reduced-motion:reduce) {
  body:has(.IndexPage,.DiscussionPage,.TagsPage,.FlarumBlogOverview,.FlarumBlogItem)::after {
    animation: none;
    opacity: .45;
  }
}

/* ФЕНИКС: компактная мобильная лента */
@media (max-width: 767px) {
  .IndexPage .AfruxWidgets-topWidgetSection,
  .IndexPage .AfruxWidgets-startTop,
  .IndexPage .AfruxWidgets-startBottom,
  .IndexPage .Afrux-NewsWidget,
  .IndexPage .WelcomeHero {
    display: none !important;
  }

  /* Убираем пустую рамку под верхними блоками */
  .IndexPage .IndexPage-nav > ul {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
  }

  .IndexPage .IndexPage-nav .item-newDiscussion {
    margin-bottom: 0 !important;
  }

  .IndexPage > .container {
    padding-top: 0 !important;
  }
}

/* Форма ответа: поле внутри границ редактора */
.Composer .ComposerBody,
.Composer .TextEditor {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
}

.Composer .TextEditor-editor {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-wrap: anywhere;
}

.Composer textarea.TextEditor-editor {
  resize: vertical;
}

@media (max-width: 767px) {
  .Composer .TextEditor-controls {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    max-width: 100%;
  }
}

/* Выравниваем блок «Написать ответ» с сообщениями */
@media (max-width: 767px) {
  .DiscussionPage .PostStream-item:last-child {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .DiscussionPage .ReplyPlaceholder {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}