/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-29as58445k] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 100dvh;
    overflow-x: clip;
}

main[b-29as58445k] {
    flex: 1;
    width: 100%;
    min-width: 0;
}

.content[b-29as58445k] {
    width: 100%;
    min-width: 0;
    padding-bottom: env(safe-area-inset-bottom);
}

.sidebar[b-29as58445k] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
    min-width: 0;
}

.top-row[b-29as58445k] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-29as58445k]  a, .top-row[b-29as58445k]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-29as58445k]  a:hover, .top-row[b-29as58445k]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-29as58445k]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 899.98px) {
    .sidebar[b-29as58445k] {
        position: sticky;
        top: 0;
        z-index: 50;
    }

    main[b-29as58445k],
    article.content[b-29as58445k] {
        width: 100%;
        min-width: 0;
    }

    article.content[b-29as58445k] {
        padding: 0 !important;
    }

    .top-row[b-29as58445k] {
        justify-content: space-between;
    }

    .top-row[b-29as58445k]  a, .top-row[b-29as58445k]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 900px) {
    .page[b-29as58445k] {
        flex-direction: row;
    }

    .sidebar[b-29as58445k] {
        width: 250px;
        flex: 0 0 250px;
        position: fixed;
        inset: 0 auto 0 0;
        z-index: 20;
        height: 100vh;
        height: 100dvh;
    }

    main[b-29as58445k] {
        width: calc(100% - 250px);
        margin-left: 250px;
    }

    .top-row[b-29as58445k] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-29as58445k]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-29as58445k], article[b-29as58445k] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

@media (max-width: 1100px) and (min-width: 900px) {
    .sidebar[b-29as58445k] {
        width: 220px;
        flex-basis: 220px;
    }

    main[b-29as58445k] {
        width: calc(100% - 220px);
        margin-left: 220px;
    }

    .top-row[b-29as58445k], article[b-29as58445k] {
        padding-left: 1.5rem !important;
        padding-right: 1.25rem !important;
    }
}

@media (max-width: 960px) and (min-width: 900px) {
    .sidebar[b-29as58445k] {
        width: 210px;
        flex-basis: 210px;
    }

    main[b-29as58445k] {
        width: calc(100% - 210px);
        margin-left: 210px;
    }

    .top-row[b-29as58445k], article[b-29as58445k] {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

#blazor-error-ui[b-29as58445k] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-29as58445k] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.nav-shell[b-1jtrinyhmy] {
  height: 100vh;
  height: 100dvh;
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  background:
    radial-gradient(
      circle at top left,
      rgba(37, 99, 235, 0.22),
      transparent 32%
    ),
    linear-gradient(180deg, #07101f 0%, #050914 100%);
  border-right: 1px solid #172842;
  color: #dbeafe;
  width: 100%;
  min-width: 0;
}

.brand-row[b-1jtrinyhmy] {
  height: 4.25rem;
  display: flex;
  align-items: center;
  padding: 0 1rem;
  border-bottom: 1px solid #172842;
}

.brand[b-1jtrinyhmy] {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  color: #ffffff;
  text-decoration: none;
  font-weight: 900;
  letter-spacing: 0;
  min-width: 0;
}

.brand:hover[b-1jtrinyhmy] {
  color: #ffffff;
}

.brand-logo[b-1jtrinyhmy] {
  width: 2.4rem;
  height: 2.4rem;
  object-fit: contain;
  flex-shrink: 0;
  display: block;
}

.navbar-toggler[b-1jtrinyhmy] {
  appearance: none;
  cursor: pointer;
  width: 2.75rem;
  min-width: 44px;
  height: 2.75rem;
  position: absolute;
  top: 0.9rem;
  right: 1rem;
  border-radius: 0.75rem;
  border: 1px solid #1d3352;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28191, 219, 254, 0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.3' d='M5 8h20M5 15h20M5 22h20'/%3e%3c/svg%3e")
    no-repeat center/1.45rem #0d1728;
}

.navbar-toggler:checked[b-1jtrinyhmy] {
  background-color: #13233b;
  border-color: #2563eb;
}

.nav-scrollable[b-1jtrinyhmy] {
  display: none;
  flex: 1;
  flex-direction: column;
  padding: 1rem 0.85rem;
  min-width: 0;
  min-height: 0;
}

.navbar-toggler:checked ~ .nav-scrollable[b-1jtrinyhmy] {
  display: flex;
}

.nav-menu[b-1jtrinyhmy] {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  overflow-y: auto;
  padding-right: 0.15rem;
}

.nav-section-title[b-1jtrinyhmy] {
  margin: 1rem 0 0.45rem;
  padding: 0 0.65rem;
  color: #64748b;
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.nav-section-title:first-child[b-1jtrinyhmy] {
  margin-top: 0;
}

[b-1jtrinyhmy] .nav-link {
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.7rem 0.75rem;
  border-radius: 0.85rem;
  color: #9fb1c7;
  text-decoration: none;
  font-size: 0.92rem;
  font-weight: 700;
  border: 1px solid transparent;
  transition:
    background-color 0.18s ease,
    color 0.18s ease,
    border-color 0.18s ease,
    transform 0.18s ease;
}

[b-1jtrinyhmy] .nav-link:hover {
  color: #ffffff;
  background: #0d1728;
  border-color: #1d3352;
  transform: translateX(2px);
}

[b-1jtrinyhmy] .nav-link.active {
  color: #ffffff;
  background: linear-gradient(
    135deg,
    rgba(37, 99, 235, 0.95),
    rgba(29, 78, 216, 0.75)
  );
  border-color: rgba(96, 165, 250, 0.4);
  box-shadow: 0 12px 28px rgba(37, 99, 235, 0.2);
}

.nav-icon[b-1jtrinyhmy] {
  width: 1.65rem;
  height: 1.65rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.6rem;
  background: rgba(148, 163, 184, 0.08);
  color: #93c5fd;
  font-size: 0.9rem;
  flex-shrink: 0;
}

.nav-icon svg[b-1jtrinyhmy] {
  width: 1rem;
  height: 1rem;
  display: block;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

[b-1jtrinyhmy] .nav-link.active .nav-icon {
  background: rgba(255, 255, 255, 0.14);
  color: #ffffff;
}

.nav-bottom-card[b-1jtrinyhmy] {
  margin-top: 0.85rem;
  padding: 1rem;
  border: 1px solid #1d3352;
  border-radius: 1rem;
  background:
    radial-gradient(
      circle at top right,
      rgba(37, 99, 235, 0.18),
      transparent 40%
    ),
    #0d1728;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22);
  flex-shrink: 0;
  min-width: 0;
}

.nav-footer[b-1jtrinyhmy] {
  flex-shrink: 0;
  min-width: 0;
  padding-top: 0.85rem;
  border-top: 1px solid rgba(23, 40, 66, 0.88);
}

.nav-bottom-card p[b-1jtrinyhmy] {
  margin: 0 0 0.75rem;
  color: #c7d7ea;
  font-size: 0.86rem;
  line-height: 1.45;
}

.nav-bottom-card a[b-1jtrinyhmy] {
  display: inline-flex;
  color: #60a5fa;
  font-size: 0.82rem;
  font-weight: 900;
  text-decoration: none;
}

.nav-bottom-card a:hover[b-1jtrinyhmy] {
  color: #93c5fd;
}

@media (min-width: 900px) {
  .navbar-toggler[b-1jtrinyhmy] {
    display: none;
  }

  .nav-scrollable[b-1jtrinyhmy] {
    display: flex;
    height: calc(100vh - 4.25rem);
    height: calc(100dvh - 4.25rem);
  }
}

@media (max-width: 899.98px) {
  .nav-shell[b-1jtrinyhmy] {
    height: auto;
    min-height: auto;
    border-right: none;
    border-bottom: 1px solid #172842;
  }

  .brand-row[b-1jtrinyhmy] {
    height: 4rem;
    padding-right: 4.5rem;
  }

  .nav-scrollable[b-1jtrinyhmy] {
    border-top: 1px solid #172842;
    max-height: calc(100dvh - 4rem);
    overflow-y: auto;
    padding-bottom: max(1rem, env(safe-area-inset-bottom));
    box-shadow: 0 22px 50px rgba(0, 0, 0, 0.38);
  }

  .nav-menu[b-1jtrinyhmy] {
    gap: 0.45rem;
  }

  [b-1jtrinyhmy] .nav-link,
  .notification-trigger[b-1jtrinyhmy] {
    min-height: 48px;
    padding: 0.8rem 0.85rem;
  }

  .nav-bottom-card[b-1jtrinyhmy] {
    margin-top: 1rem;
  }

  .nav-footer[b-1jtrinyhmy] {
    margin-top: 0.85rem;
  }

  .profile-bottom-card[b-1jtrinyhmy] {
    display: none;
  }

  .bottom-card-actions a[b-1jtrinyhmy] {
    min-height: 44px;
    align-items: center;
  }
}

.auth-nav-link[b-1jtrinyhmy] {
  background: #2563eb;
  color: #ffffff !important;
  border-color: rgba(96, 165, 250, 0.45) !important;
  box-shadow: 0 12px 28px rgba(37, 99, 235, 0.2);
}

.nav-form[b-1jtrinyhmy] {
  margin: 0;
  padding: 0;
}

.nav-button[b-1jtrinyhmy] {
  width: 100%;
  border: 1px solid transparent;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
}

.profile-bottom-card[b-1jtrinyhmy] {
  display: block;
  color: inherit;
}

.profile-bottom-card:hover[b-1jtrinyhmy] {
  border-color: #2563eb;
}

.bottom-profile-row[b-1jtrinyhmy] {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  min-width: 0;
}

.bottom-profile-row > div:last-child[b-1jtrinyhmy] {
  min-width: 0;
}

.bottom-avatar[b-1jtrinyhmy] {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 0.85rem;
  overflow: hidden;
  background:
    radial-gradient(
      circle at top right,
      rgba(96, 165, 250, 0.35),
      transparent 42%
    ),
    linear-gradient(135deg, #0f1f36, #08111f);
  border: 1px solid #1d3352;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #60a5fa;
  font-weight: 950;
  flex-shrink: 0;
}

.bottom-avatar img[b-1jtrinyhmy] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.profile-bottom-card p[b-1jtrinyhmy] {
  margin: 0;
  color: #ffffff;
  font-size: 0.88rem;
  font-weight: 900;
}

.profile-bottom-card span[b-1jtrinyhmy] {
  display: block;
  max-width: 100%;
  color: #71849b;
  font-size: 0.74rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.profile-bottom-card small[b-1jtrinyhmy] {
  display: block;
  margin-top: 0.8rem;
  color: #60a5fa;
  font-size: 0.78rem;
  font-weight: 900;
}

.bottom-card-actions[b-1jtrinyhmy] {
  display: flex;
  gap: 0.85rem;
  margin-top: 0.8rem;
  flex-wrap: wrap;
}
/* /Components/Layout/NotificationBell.razor.rz.scp.css */
.notification-bell[b-tbqgo282hz] {
  position: relative;
  min-width: 0;
}

.notification-trigger[b-tbqgo282hz] {
  width: 100%;
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.7rem 0.75rem;
  border: 1px solid transparent;
  border-radius: 0.85rem;
  background: transparent;
  color: #9fb1c7;
  cursor: pointer;
  font: inherit;
  font-size: 0.92rem;
  font-weight: 700;
  text-align: left;
  transition:
    background-color 0.18s ease,
    border-color 0.18s ease,
    color 0.18s ease,
    transform 0.18s ease;
}

.notification-trigger:hover[b-tbqgo282hz],
.notification-trigger[aria-expanded="true"][b-tbqgo282hz] {
  color: #ffffff;
  background: #0d1728;
  border-color: #1d3352;
  transform: translateX(2px);
}

.notification-trigger-icon[b-tbqgo282hz] {
  width: 1.65rem;
  height: 1.65rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 0.6rem;
  background: rgba(148, 163, 184, 0.08);
  color: #93c5fd;
  font-size: 0.88rem;
}

.notification-count[b-tbqgo282hz] {
  margin-left: auto;
  min-width: 1.45rem;
  height: 1.45rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #2563eb;
  color: #ffffff;
  padding: 0 0.42rem;
  font-size: 0.7rem;
  font-weight: 950;
  box-shadow: 0 8px 20px rgba(37, 99, 235, 0.3);
}

.notification-panel[b-tbqgo282hz] {
  margin-top: 0.45rem;
  min-width: 0;
  overflow: hidden;
  border: 1px solid #1d3352;
  border-radius: 14px;
  background: #07101f;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.42);
}

.notification-panel-header[b-tbqgo282hz] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.85rem;
  border-bottom: 1px solid #172842;
  background:
    radial-gradient(
      circle at top right,
      rgba(37, 99, 235, 0.18),
      transparent 42%
    ),
    #0d1728;
}

.notification-panel-header p[b-tbqgo282hz] {
  margin: 0;
  color: #ffffff;
  font-size: 0.88rem;
  font-weight: 950;
}

.notification-panel-header span[b-tbqgo282hz] {
  display: block;
  margin-top: 0.15rem;
  color: #71849b;
  font-size: 0.72rem;
  font-weight: 800;
}

.notification-panel-header button[b-tbqgo282hz] {
  border: 1px solid #1d3352;
  border-radius: 9px;
  background: #08111f;
  color: #93c5fd;
  padding: 0.42rem 0.55rem;
  font-size: 0.72rem;
  font-weight: 950;
  cursor: pointer;
  white-space: nowrap;
}

.notification-panel-header button:hover:not(:disabled)[b-tbqgo282hz] {
  color: #ffffff;
  border-color: #2563eb;
  background: #111e32;
}

.notification-panel-header button:disabled[b-tbqgo282hz] {
  opacity: 0.45;
  cursor: not-allowed;
}

.notification-status[b-tbqgo282hz],
.notification-empty[b-tbqgo282hz] {
  padding: 1rem;
  color: #9fb1c7;
  font-size: 0.84rem;
}

.notification-list[b-tbqgo282hz] {
  max-height: min(340px, 42dvh);
  overflow-y: auto;
}

.notification-item[b-tbqgo282hz] {
  display: grid;
  grid-template-columns: 0.5rem minmax(0, 1fr);
  gap: 0.65rem;
  padding: 0.85rem;
  border-bottom: 1px solid #172842;
  background: #07101f;
  text-decoration: none;
}

.notification-item:hover[b-tbqgo282hz] {
  background: #0d1728;
}

.notification-item.unread[b-tbqgo282hz] {
  background: rgba(37, 99, 235, 0.12);
}

.notification-dot[b-tbqgo282hz] {
  width: 0.45rem;
  height: 0.45rem;
  margin-top: 0.42rem;
  border-radius: 999px;
  background: transparent;
}

.notification-item.unread .notification-dot[b-tbqgo282hz] {
  background: #60a5fa;
  box-shadow: 0 0 0 4px rgba(96, 165, 250, 0.14);
}

.notification-copy[b-tbqgo282hz] {
  min-width: 0;
  overflow-wrap: anywhere;
}

.notification-copy strong[b-tbqgo282hz],
.notification-copy span[b-tbqgo282hz],
.notification-copy small[b-tbqgo282hz] {
  display: block;
}

.notification-copy strong[b-tbqgo282hz] {
  color: #ffffff;
  font-size: 0.82rem;
  font-weight: 950;
}

.notification-copy span[b-tbqgo282hz] {
  margin-top: 0.22rem;
  color: #c7d7ea;
  font-size: 0.78rem;
  line-height: 1.4;
}

.notification-copy small[b-tbqgo282hz] {
  margin-top: 0.35rem;
  color: #64748b;
  font-size: 0.68rem;
  font-weight: 850;
  text-transform: uppercase;
}

.notification-view-all[b-tbqgo282hz] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.85rem;
  background: #0d1728;
  color: #60a5fa;
  font-size: 0.78rem;
  font-weight: 950;
  text-decoration: none;
}

.notification-view-all:hover[b-tbqgo282hz] {
  color: #93c5fd;
}

@media (max-width: 640px) {
  .notification-trigger[b-tbqgo282hz] {
    min-height: 48px;
    padding: 0.8rem 0.85rem;
  }

  .notification-panel[b-tbqgo282hz] {
    width: 100%;
    max-height: min(70dvh, 460px);
    overflow-y: auto;
  }

  .notification-panel-header[b-tbqgo282hz] {
    align-items: flex-start;
    flex-direction: column;
  }

  .notification-panel-header button[b-tbqgo282hz] {
    min-height: 40px;
    width: 100%;
  }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-rke4dmiotg],
.components-reconnect-repeated-attempt-visible[b-rke4dmiotg],
.components-reconnect-failed-visible[b-rke4dmiotg],
.components-pause-visible[b-rke4dmiotg],
.components-resume-failed-visible[b-rke4dmiotg],
.components-rejoining-animation[b-rke4dmiotg] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-rke4dmiotg],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-rke4dmiotg],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-rke4dmiotg],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-rke4dmiotg],
#components-reconnect-modal.components-reconnect-retrying[b-rke4dmiotg],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-rke4dmiotg],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-rke4dmiotg],
#components-reconnect-modal.components-reconnect-failed[b-rke4dmiotg],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-rke4dmiotg] {
    display: block;
}


#components-reconnect-modal[b-rke4dmiotg] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-rke4dmiotg 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-rke4dmiotg 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-rke4dmiotg 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-rke4dmiotg]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-rke4dmiotg 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-rke4dmiotg {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-rke4dmiotg {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-rke4dmiotg {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-rke4dmiotg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-rke4dmiotg] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-rke4dmiotg] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-rke4dmiotg] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-rke4dmiotg] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-rke4dmiotg] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-rke4dmiotg] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-rke4dmiotg 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-rke4dmiotg] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-rke4dmiotg {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/About/About.razor.rz.scp.css */
.about-shell[b-zx0ht1av33] {
  min-height: 100vh;
  padding: 3rem;
  background:
    radial-gradient(
      circle at top center,
      rgba(37, 99, 235, 0.14),
      transparent 30%
    ),
    linear-gradient(180deg, #08111f 0%, #050914 100%);
  color: #e5edf7;
}

.about-hero[b-zx0ht1av33] {
  max-width: 860px;
  margin: 0 auto;
  text-align: center;
  padding: 2.5rem 1rem 2rem;
}

.hero-pill[b-zx0ht1av33] {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0.35rem 0.7rem;
  margin-bottom: 1.25rem;
  background: rgba(37, 99, 235, 0.16);
  color: #93c5fd;
  border: 1px solid rgba(96, 165, 250, 0.25);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.about-hero h1[b-zx0ht1av33] {
  margin: 0;
  font-size: clamp(2.3rem, 5vw, 4.75rem);
  line-height: 0.95;
  font-weight: 950;
  letter-spacing: -0.06em;
  color: #ffffff;
}

.about-hero h1 span[b-zx0ht1av33] {
  color: #60a5fa;
}

.hero-subtitle[b-zx0ht1av33] {
  margin: 1rem auto 0;
  max-width: 720px;
  color: #dbeafe;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.6;
}

.hero-description[b-zx0ht1av33] {
  margin: 1rem auto 0;
  max-width: 720px;
  color: #9fb1c7;
  font-size: 0.98rem;
  line-height: 1.75;
}

.signal-card[b-zx0ht1av33] {
  max-width: 680px;
  height: 150px;
  margin: 2rem auto 0;
  border: 1px solid #1d3352;
  border-radius: 18px;
  background:
    radial-gradient(circle at center, rgba(37, 99, 235, 0.22), transparent 28%),
    #0d1728;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.65rem;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.25);
}

.signal-core[b-zx0ht1av33] {
  width: 2.75rem;
  height: 2.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #08111f;
  border: 1px solid #2563eb;
  color: #60a5fa;
  font-size: 0.78rem;
  font-weight: 950;
  box-shadow: 0 0 30px rgba(37, 99, 235, 0.35);
}

.signal-line[b-zx0ht1av33] {
  width: 3px;
  border-radius: 999px;
  background: #2563eb;
  opacity: 0.75;
  box-shadow: 0 0 18px rgba(96, 165, 250, 0.5);
}

.signal-line.small[b-zx0ht1av33] {
  height: 32px;
}

.signal-line.medium[b-zx0ht1av33] {
  height: 58px;
}

.mission-card[b-zx0ht1av33],
.cta-card[b-zx0ht1av33],
.audience-card[b-zx0ht1av33],
.value-item[b-zx0ht1av33] {
  background: #0d1728;
  border: 1px solid #1d3352;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22);
}

.mission-card[b-zx0ht1av33] {
  max-width: 980px;
  margin: 2rem auto 3rem;
  padding: 1.5rem;
  border-radius: 20px;
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 1.5rem;
  align-items: center;
}

.section-title-row[b-zx0ht1av33] {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-bottom: 0.85rem;
}

.section-icon[b-zx0ht1av33],
.card-icon[b-zx0ht1av33] {
  width: 2rem;
  height: 2rem;
  border-radius: 0.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(37, 99, 235, 0.16);
  color: #60a5fa;
  border: 1px solid rgba(96, 165, 250, 0.25);
  font-weight: 900;
}

.section-title-row h2[b-zx0ht1av33],
.section-heading h2[b-zx0ht1av33],
.cta-card h2[b-zx0ht1av33] {
  margin: 0;
  color: #ffffff;
  font-weight: 950;
  letter-spacing: -0.04em;
}

.mission-main p[b-zx0ht1av33] {
  margin: 0;
  padding-left: 1rem;
  border-left: 3px solid #2563eb;
  color: #dbeafe;
  line-height: 1.7;
}

.mission-chips[b-zx0ht1av33] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}

.mission-chips span[b-zx0ht1av33] {
  border: 1px solid #1d3352;
  border-radius: 12px;
  background: #08111f;
  color: #9fb1c7;
  padding: 0.75rem;
  font-size: 0.82rem;
  font-weight: 800;
}

.audience-section[b-zx0ht1av33],
.values-section[b-zx0ht1av33] {
  max-width: 980px;
  margin: 0 auto 3rem;
}

.section-heading[b-zx0ht1av33] {
  text-align: center;
  margin-bottom: 1.5rem;
}

.section-heading p[b-zx0ht1av33] {
  margin: 0.55rem 0 0;
  color: #9fb1c7;
  line-height: 1.6;
}

.audience-grid[b-zx0ht1av33] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.audience-card[b-zx0ht1av33] {
  border-radius: 18px;
  padding: 1.3rem;
  transition:
    transform 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease;
}

.audience-card:hover[b-zx0ht1av33] {
  transform: translateY(-3px);
  border-color: #2563eb;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
}

.audience-card h3[b-zx0ht1av33] {
  margin: 1rem 0 0.45rem;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 950;
}

.audience-card p[b-zx0ht1av33] {
  margin: 0;
  color: #9fb1c7;
  font-size: 0.9rem;
  line-height: 1.65;
}

.values-grid[b-zx0ht1av33] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.85rem;
}

.value-item[b-zx0ht1av33] {
  border-radius: 14px;
  padding: 1rem;
  color: #c7d7ea;
  font-size: 0.88rem;
  font-weight: 800;
  text-align: center;
}

.cta-card[b-zx0ht1av33] {
  max-width: 980px;
  margin: 0 auto;
  border-radius: 22px;
  padding: 3rem 2rem;
  text-align: center;
  background:
    radial-gradient(
      circle at top right,
      rgba(37, 99, 235, 0.24),
      transparent 36%
    ),
    linear-gradient(135deg, #0d1728 0%, #0a1a30 100%);
}

.cta-card p[b-zx0ht1av33] {
  max-width: 620px;
  margin: 1rem auto 0;
  color: #9fb1c7;
  line-height: 1.7;
}

.cta-actions[b-zx0ht1av33] {
  display: flex;
  justify-content: center;
  gap: 0.85rem;
  flex-wrap: wrap;
  margin-top: 1.5rem;
}

.primary-link[b-zx0ht1av33],
.secondary-link[b-zx0ht1av33] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 145px;
  border-radius: 10px;
  padding: 0.75rem 1rem;
  font-weight: 900;
  font-size: 0.9rem;
  text-decoration: none;
}

.primary-link[b-zx0ht1av33] {
  background: #2563eb;
  color: white;
  box-shadow: 0 12px 28px rgba(37, 99, 235, 0.28);
}

.primary-link:hover[b-zx0ht1av33] {
  background: #1d4ed8;
  color: white;
}

.secondary-link[b-zx0ht1av33] {
  background: #08111f;
  color: #c7d7ea;
  border: 1px solid #1d3352;
}

.secondary-link:hover[b-zx0ht1av33] {
  border-color: #2563eb;
  color: #ffffff;
}

@media (max-width: 900px) {
  .about-shell[b-zx0ht1av33] {
    padding: 2rem;
  }

  .mission-card[b-zx0ht1av33] {
    grid-template-columns: 1fr;
  }

  .values-grid[b-zx0ht1av33] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .about-shell[b-zx0ht1av33] {
    padding: 1rem;
  }

  .about-hero[b-zx0ht1av33] {
    padding-top: 2rem;
  }

  .signal-card[b-zx0ht1av33] {
    height: 120px;
  }

  .audience-grid[b-zx0ht1av33],
  .values-grid[b-zx0ht1av33],
  .mission-chips[b-zx0ht1av33] {
    grid-template-columns: 1fr;
  }

  .cta-card[b-zx0ht1av33] {
    padding: 2rem 1rem;
  }

  .primary-link[b-zx0ht1av33],
  .secondary-link[b-zx0ht1av33] {
    width: 100%;
  }
}
/* /Components/Pages/Account/SavedArticles.razor.rz.scp.css */
.saved-articles-shell[b-6lvw9v72t5] {
  min-height: 100vh;
  min-height: 100dvh;
  padding: 2rem;
  background:
    radial-gradient(
      circle at top right,
      rgba(37, 99, 235, 0.14),
      transparent 28%
    ),
    linear-gradient(180deg, #08111f 0%, #050914 100%);
  color: #e5edf7;
  overflow-x: hidden;
  padding-bottom: max(2rem, env(safe-area-inset-bottom));
}

.saved-articles-header[b-6lvw9v72t5] {
  max-width: 980px;
  margin: 0 auto 1.5rem;
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
  align-items: flex-start;
}

.breadcrumb[b-6lvw9v72t5] {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin: 0 0 1.5rem;
  color: #71849b;
  font-size: 0.82rem;
}

.breadcrumb a[b-6lvw9v72t5] {
  color: #9fb1c7;
  text-decoration: none;
}

.breadcrumb a:hover[b-6lvw9v72t5] {
  color: #60a5fa;
}

.saved-articles-header h1[b-6lvw9v72t5] {
  margin: 0;
  color: #ffffff;
  font-size: clamp(2rem, 4vw, 3.2rem);
  line-height: 1;
  font-weight: 950;
  letter-spacing: 0;
}

.saved-articles-header p:last-child[b-6lvw9v72t5] {
  margin: 0.55rem 0 0;
  color: #9fb1c7;
}

.browse-button[b-6lvw9v72t5],
.saved-empty-state a[b-6lvw9v72t5],
.read-link[b-6lvw9v72t5] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #3b82f6;
  border-radius: 10px;
  background: #2563eb;
  color: #ffffff;
  padding: 0.75rem 1rem;
  font-weight: 950;
  text-decoration: none;
  min-height: 44px;
}

.browse-button:hover[b-6lvw9v72t5],
.saved-empty-state a:hover[b-6lvw9v72t5],
.read-link:hover[b-6lvw9v72t5] {
  color: #ffffff;
  border-color: #93c5fd;
  background: #1d4ed8;
}

.saved-list[b-6lvw9v72t5],
.saved-status-card[b-6lvw9v72t5],
.saved-empty-state[b-6lvw9v72t5] {
  max-width: 980px;
  margin: 0 auto;
}

.saved-list[b-6lvw9v72t5] {
  display: grid;
  gap: 1rem;
}

.saved-card[b-6lvw9v72t5],
.saved-status-card[b-6lvw9v72t5],
.saved-empty-state[b-6lvw9v72t5] {
  background: #0d1728;
  border: 1px solid #1d3352;
  border-radius: 16px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.25);
}

.saved-card[b-6lvw9v72t5] {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  overflow: hidden;
}

.saved-image-link[b-6lvw9v72t5] {
  min-height: 180px;
  background: #08111f;
  border-right: 1px solid #1d3352;
  color: #93c5fd;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-weight: 950;
}

.saved-image-link img[b-6lvw9v72t5] {
  width: 100%;
  height: 100%;
  min-height: 180px;
  object-fit: cover;
  display: block;
}

.saved-card-body[b-6lvw9v72t5] {
  padding: 1.15rem;
  min-width: 0;
}

.saved-meta-row[b-6lvw9v72t5] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.65rem;
}

.saved-meta-row span[b-6lvw9v72t5] {
  color: #93c5fd;
  font-size: 0.75rem;
  font-weight: 950;
  text-transform: uppercase;
}

.saved-meta-row small[b-6lvw9v72t5] {
  color: #71849b;
  font-size: 0.76rem;
  font-weight: 800;
}

.saved-card h2[b-6lvw9v72t5] {
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.25;
}

.saved-card h2 a[b-6lvw9v72t5] {
  color: #ffffff;
  text-decoration: none;
}

.saved-card h2 a:hover[b-6lvw9v72t5] {
  color: #93c5fd;
}

.saved-card p[b-6lvw9v72t5] {
  margin: 0.75rem 0 1rem;
  color: #9fb1c7;
  line-height: 1.65;
}

.read-link[b-6lvw9v72t5] {
  background: #08111f;
  border-color: #1d3352;
  color: #c7d7ea;
  padding: 0.65rem 0.9rem;
}

.saved-status-card[b-6lvw9v72t5],
.saved-empty-state[b-6lvw9v72t5] {
  padding: 2rem;
}

.saved-status-card[b-6lvw9v72t5] {
  color: #9fb1c7;
}

.saved-empty-state[b-6lvw9v72t5] {
  text-align: center;
}

.saved-empty-state h2[b-6lvw9v72t5] {
  margin: 0;
  color: #ffffff;
}

.saved-empty-state p[b-6lvw9v72t5] {
  max-width: 540px;
  margin: 0.75rem auto 1.25rem;
  color: #9fb1c7;
  line-height: 1.65;
}

@media (max-width: 760px) {
  .saved-articles-shell[b-6lvw9v72t5] {
    padding: 1rem;
  }

  .saved-articles-header[b-6lvw9v72t5] {
    flex-direction: column;
  }

  .browse-button[b-6lvw9v72t5] {
    width: 100%;
  }

  .saved-card[b-6lvw9v72t5] {
    grid-template-columns: 1fr;
  }

  .saved-image-link[b-6lvw9v72t5] {
    border-right: none;
    border-bottom: 1px solid #1d3352;
  }
}
/* /Components/Pages/ArticleCarousel/ArticleCarousel.razor.rz.scp.css */
.article-carousel-section[b-guuohx1aen] {
  padding: 3rem 2rem;
}

.article-carousel-section h2[b-guuohx1aen] {
  text-align: center;
  margin-bottom: 2rem;
}

.article-carousel[b-guuohx1aen] {
  display: flex;
  gap: 1.5rem;
  overflow-x: auto;
  padding-bottom: 1rem;
}

.article-card[b-guuohx1aen] {
  min-width: 280px;
  max-width: 280px;
  background: white;
  border-radius: 14px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  flex-shrink: 0;
}

.article-card img[b-guuohx1aen] {
  width: 100%;
  height: 160px;
  object-fit: cover;
}

.article-card-body[b-guuohx1aen] {
  padding: 1rem;
}

.article-card-body h3[b-guuohx1aen] {
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
}

.article-card-body p[b-guuohx1aen] {
  font-size: 0.95rem;
  color: #555;
}

.article-card-body a[b-guuohx1aen] {
  display: inline-block;
  margin-top: 0.75rem;
  font-weight: 600;
  text-decoration: none;
}
/* /Components/Pages/Articles/Articles.razor.rz.scp.css */
.articles-shell[b-ssb81z29bp] {
  min-height: 100vh;
  min-height: 100dvh;
  padding: 2rem 3rem;
  background:
    radial-gradient(
      circle at top center,
      rgba(37, 99, 235, 0.16),
      transparent 30%
    ),
    linear-gradient(180deg, #08111f 0%, #050914 100%);
  color: #e5edf7;
  overflow-x: hidden;
  padding-bottom: max(2rem, env(safe-area-inset-bottom));
}

.articles-header[b-ssb81z29bp] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 2rem;
  margin-bottom: 1.5rem;
  min-width: 0;
}

.eyebrow[b-ssb81z29bp] {
  color: #60a5fa;
  font-weight: 800;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 0.4rem;
}

.articles-header h1[b-ssb81z29bp] {
  font-size: clamp(2rem, 4vw, 3.75rem);
  line-height: 1;
  margin: 0;
  color: #ffffff;
  font-weight: 900;
  letter-spacing: -0.04em;
}

.articles-header h1 span[b-ssb81z29bp] {
  color: #60a5fa;
}

.header-description[b-ssb81z29bp] {
  max-width: 680px;
  color: #9fb1c7;
  font-size: 1rem;
  line-height: 1.6;
  margin-top: 0.8rem;
}

.header-actions[b-ssb81z29bp] {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  flex-wrap: wrap;
  min-width: 0;
}

.primary-button[b-ssb81z29bp],
.secondary-button[b-ssb81z29bp] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  padding: 0.7rem 1rem;
  font-weight: 800;
  cursor: pointer;
  text-decoration: none;
  min-height: 44px;
  transition:
    background-color 0.18s ease,
    border-color 0.18s ease,
    transform 0.18s ease;
}

.primary-button[b-ssb81z29bp] {
  border: 1px solid #2563eb;
  background: #2563eb;
  color: white;
  box-shadow: 0 12px 28px rgba(37, 99, 235, 0.28);
}

.primary-button:hover[b-ssb81z29bp] {
  background: #1d4ed8;
  border-color: #60a5fa;
  color: white;
  transform: translateY(-1px);
}

.secondary-button[b-ssb81z29bp] {
  background: #0d1728;
  color: #c7d7ea;
  border: 1px solid #1d3352;
}

.secondary-button:hover[b-ssb81z29bp] {
  background: #111e32;
  color: #ffffff;
  border-color: #2563eb;
  transform: translateY(-1px);
}

.articles-toolbar[b-ssb81z29bp] {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  min-width: 0;
}

.filter-panel[b-ssb81z29bp] {
  border: 1px solid #1d3352;
  border-radius: 18px;
  background: #0d1728;
  padding: 1rem;
  margin-bottom: 1.25rem;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.24);
}

.filter-panel-header[b-ssb81z29bp] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1rem;
}

.filter-panel-header h2[b-ssb81z29bp] {
  color: #ffffff;
  font-size: 1.1rem;
  font-weight: 900;
  margin: 0;
}

.filter-panel-header p[b-ssb81z29bp] {
  color: #9fb1c7;
  margin: 0.25rem 0 0;
  font-size: 0.9rem;
}

.panel-close-button[b-ssb81z29bp] {
  border: 1px solid #1d3352;
  border-radius: 10px;
  background: #08111f;
  color: #c7d7ea;
  cursor: pointer;
  font-weight: 800;
  min-height: 40px;
  padding: 0.55rem 0.8rem;
}

.panel-close-button:hover[b-ssb81z29bp],
.panel-close-button:focus-visible[b-ssb81z29bp] {
  border-color: #60a5fa;
  color: #ffffff;
}

.filter-controls[b-ssb81z29bp] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.85rem;
}

.filter-field[b-ssb81z29bp] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  min-width: 0;
}

.filter-field span[b-ssb81z29bp] {
  color: #c7d7ea;
  font-size: 0.78rem;
  font-weight: 900;
}

.filter-field input[b-ssb81z29bp],
.filter-field select[b-ssb81z29bp] {
  width: 100%;
  min-height: 44px;
  border: 1px solid #1d3352;
  border-radius: 10px;
  background: #08111f;
  color: #e5edf7;
  padding: 0.65rem 0.75rem;
  outline: none;
}

.filter-field input[b-ssb81z29bp]::placeholder {
  color: #64748b;
}

.filter-field input:focus[b-ssb81z29bp],
.filter-field select:focus[b-ssb81z29bp] {
  border-color: #60a5fa;
  box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.18);
}

.filter-panel-actions[b-ssb81z29bp] {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  margin-top: 1rem;
  flex-wrap: wrap;
}

.compact-button[b-ssb81z29bp] {
  min-height: 40px;
  padding: 0.55rem 0.85rem;
}

.search-box[b-ssb81z29bp] {
  width: min(720px, 100%);
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0.65rem;
  background: #0d1728;
  border: 1px solid #1d3352;
  border-radius: 999px;
  padding: 0.75rem 1rem;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22);
}

.search-box input[b-ssb81z29bp] {
  width: 100%;
  min-width: 0;
  border: none;
  outline: none;
  font-size: 0.95rem;
  color: #e5edf7;
  background: transparent;
}

.search-box input[b-ssb81z29bp]::placeholder {
  color: #64748b;
}

.topic-pills[b-ssb81z29bp] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-bottom: 1.6rem;
}

.pill[b-ssb81z29bp] {
  border: 1px solid #1d3352;
  background: #0d1728;
  color: #9fb1c7;
  border-radius: 999px;
  padding: 0.5rem 0.85rem;
  font-size: 0.85rem;
  font-weight: 800;
  cursor: pointer;
  min-height: 40px;
  transition:
    background-color 0.18s ease,
    border-color 0.18s ease,
    color 0.18s ease;
}

.pill:hover[b-ssb81z29bp] {
  color: #ffffff;
  border-color: #2563eb;
  background: #111e32;
}

.pill.active[b-ssb81z29bp] {
  background: #2563eb;
  border-color: #60a5fa;
  color: white;
  box-shadow: 0 10px 24px rgba(37, 99, 235, 0.24);
}

.featured-card[b-ssb81z29bp] {
  display: grid;
  grid-template-columns: minmax(280px, 1.15fr) minmax(280px, 1fr);
  gap: 1.5rem;
  background: #0d1728;
  border: 1px solid #1d3352;
  border-radius: 22px;
  padding: 1rem;
  margin-bottom: 1.5rem;
  min-width: 0;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
}

.featured-image-wrap[b-ssb81z29bp],
.article-image-wrap[b-ssb81z29bp] {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  background: #111827;
  border: 1px solid rgba(29, 51, 82, 0.85);
}

.featured-image-wrap img[b-ssb81z29bp] {
  width: 100%;
  height: 360px;
  object-fit: cover;
  display: block;
}

.featured-badge[b-ssb81z29bp] {
  position: absolute;
  top: 1rem;
  left: 1rem;
  background: rgba(5, 9, 20, 0.86);
  color: #e5edf7;
  border: 1px solid rgba(96, 165, 250, 0.25);
  border-radius: 999px;
  padding: 0.35rem 0.7rem;
  font-size: 0.75rem;
  font-weight: 900;
  backdrop-filter: blur(8px);
}

.featured-content[b-ssb81z29bp] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1rem;
  min-width: 0;
}

.category-label[b-ssb81z29bp] {
  color: #60a5fa;
  font-size: 0.78rem;
  font-weight: 900;
  margin-bottom: 0.6rem;
}

.featured-content h2[b-ssb81z29bp] {
  color: #ffffff;
  font-size: clamp(1.7rem, 3vw, 2.5rem);
  line-height: 1.05;
  margin: 0 0 1rem;
  font-weight: 900;
  letter-spacing: -0.04em;
}

.featured-content p[b-ssb81z29bp] {
  color: #9fb1c7;
  line-height: 1.6;
}

.articles-grid[b-ssb81z29bp] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
}

.article-card[b-ssb81z29bp] {
  background: #0d1728;
  border: 1px solid #1d3352;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.24);
  transition:
    transform 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

.article-card:hover[b-ssb81z29bp] {
  transform: translateY(-4px);
  border-color: #2563eb;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.34);
}

.article-image-wrap[b-ssb81z29bp] {
  margin: 0.8rem;
  margin-bottom: 0;
}

.article-image-wrap img[b-ssb81z29bp] {
  width: 100%;
  height: 185px;
  object-fit: cover;
  display: block;
}

.article-card-body[b-ssb81z29bp] {
  padding: 1rem;
}

.article-card-body h3[b-ssb81z29bp] {
  color: #ffffff;
  margin: 0 0 0.65rem;
  font-size: 1.15rem;
  line-height: 1.25;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.article-card-body p[b-ssb81z29bp] {
  color: #9fb1c7;
  line-height: 1.5;
  font-size: 0.92rem;
  margin: 0;
}

.card-footer[b-ssb81z29bp] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-top: 1.25rem;
  font-size: 0.82rem;
  color: #71849b;
}

.card-footer a[b-ssb81z29bp] {
  color: #60a5fa;
  font-weight: 900;
  text-decoration: none;
}

.card-footer a:hover[b-ssb81z29bp] {
  color: #93c5fd;
  text-decoration: underline;
}

.loading-card[b-ssb81z29bp] {
  background: #0d1728;
  border: 1px solid #1d3352;
  border-radius: 16px;
  padding: 2rem;
  color: #9fb1c7;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22);
}

.empty-state[b-ssb81z29bp] {
  background: #0d1728;
  border: 1px solid #1d3352;
  border-radius: 16px;
  padding: 2rem;
  color: #9fb1c7;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22);
}

.empty-state h2[b-ssb81z29bp] {
  color: #ffffff;
  font-size: 1.35rem;
  font-weight: 900;
  margin: 0 0 0.5rem;
}

.empty-state p[b-ssb81z29bp] {
  margin: 0 0 1rem;
}

@media (max-width: 1050px) {
  .articles-shell[b-ssb81z29bp] {
    padding: 1.5rem;
  }

  .filter-controls[b-ssb81z29bp] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .featured-card[b-ssb81z29bp] {
    grid-template-columns: 1fr;
  }

  .articles-grid[b-ssb81z29bp] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .articles-header[b-ssb81z29bp],
  .articles-toolbar[b-ssb81z29bp] {
    flex-direction: column;
    align-items: stretch;
  }

  .topic-pills[b-ssb81z29bp] {
    align-items: stretch;
  }

  .pill[b-ssb81z29bp] {
    flex: 1 1 auto;
  }
}

@media (max-width: 700px) {
  .articles-header[b-ssb81z29bp] {
    flex-direction: column;
  }

  .header-actions[b-ssb81z29bp] {
    width: 100%;
    flex-wrap: wrap;
  }

  .filter-panel-header[b-ssb81z29bp],
  .filter-panel-actions[b-ssb81z29bp] {
    align-items: stretch;
    flex-direction: column;
  }

  .filter-controls[b-ssb81z29bp] {
    grid-template-columns: 1fr;
  }

  .primary-button[b-ssb81z29bp],
  .secondary-button[b-ssb81z29bp] {
    flex: 1 1 10rem;
  }

  .articles-grid[b-ssb81z29bp] {
    grid-template-columns: 1fr;
  }

  .featured-image-wrap img[b-ssb81z29bp] {
    height: 240px;
  }
}

@media (max-width: 480px) {
  .articles-shell[b-ssb81z29bp] {
    padding: 0.85rem;
  }

  .featured-card[b-ssb81z29bp] {
    padding: 0.75rem;
    border-radius: 16px;
  }

  .featured-image-wrap[b-ssb81z29bp],
  .article-image-wrap[b-ssb81z29bp] {
    border-radius: 12px;
  }

  .featured-image-wrap img[b-ssb81z29bp] {
    height: 210px;
  }

  .card-footer[b-ssb81z29bp] {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.55rem;
  }

  .pagination button[b-ssb81z29bp] {
    min-height: 44px;
  }
}

.pagination[b-ssb81z29bp] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.45rem;
  margin: 2rem 0 0;
  flex-wrap: wrap;
}

.pagination button[b-ssb81z29bp] {
  border: 1px solid #1d3352;
  background: #0d1728;
  color: #9fb1c7;
  border-radius: 10px;
  min-width: 2.5rem;
  padding: 0.65rem 0.85rem;
  font-weight: 900;
  cursor: pointer;
  transition:
    background-color 0.18s ease,
    border-color 0.18s ease,
    color 0.18s ease,
    transform 0.18s ease;
}

.pagination button:hover:not(:disabled)[b-ssb81z29bp] {
  color: #ffffff;
  background: #111e32;
  border-color: #2563eb;
  transform: translateY(-1px);
}

.pagination button.active[b-ssb81z29bp] {
  background: #2563eb;
  border-color: #60a5fa;
  color: #ffffff;
  box-shadow: 0 10px 24px rgba(37, 99, 235, 0.24);
}

.pagination button:disabled[b-ssb81z29bp] {
  opacity: 0.45;
  cursor: not-allowed;
}
/* /Components/Pages/Article/Article.razor.rz.scp.css */
.article-detail-shell[b-rq869x4v34] {
  min-height: 100vh;
  min-height: 100dvh;
  padding: 2rem 3rem;
  background:
    radial-gradient(
      circle at top left,
      rgba(37, 99, 235, 0.16),
      transparent 28%
    ),
    linear-gradient(180deg, #08111f 0%, #050914 100%);
  color: #e5edf7;
  overflow-x: hidden;
  padding-bottom: max(2rem, env(safe-area-inset-bottom));
}

.article-layout[b-rq869x4v34] {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 240px;
  gap: 1.5rem;
  align-items: start;
  min-width: 0;
}

.article-main[b-rq869x4v34] {
  max-width: 820px;
  min-width: 0;
}

.breadcrumb[b-rq869x4v34] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  color: #64748b;
  font-size: 0.82rem;
  margin-bottom: 1rem;
}

.breadcrumb a[b-rq869x4v34] {
  color: #60a5fa;
  text-decoration: none;
  font-weight: 700;
}

.breadcrumb a:hover[b-rq869x4v34] {
  text-decoration: underline;
}

.article-label-row[b-rq869x4v34] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}

.article-pill[b-rq869x4v34] {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0.35rem 0.7rem;
  background: rgba(37, 99, 235, 0.16);
  color: #93c5fd;
  border: 1px solid rgba(96, 165, 250, 0.25);
  font-size: 0.78rem;
  font-weight: 900;
}

.article-pill.featured-pill[b-rq869x4v34] {
  background: rgba(37, 99, 235, 0.16);
  color: #bfdbfe;
}

.article-pill.brand-pill[b-rq869x4v34] {
  background: rgba(16, 185, 129, 0.1);
  color: #bbf7d0;
  border-color: rgba(16, 185, 129, 0.24);
}

.article-pill.unpublished-pill[b-rq869x4v34] {
  background: rgba(250, 204, 21, 0.12);
  color: #fde68a;
  border-color: rgba(250, 204, 21, 0.24);
}

.article-pill.status-rejected[b-rq869x4v34] {
  background: rgba(251, 113, 133, 0.12);
  color: #fecdd3;
  border-color: rgba(251, 113, 133, 0.28);
}

.article-pill.status-published[b-rq869x4v34] {
  background: rgba(16, 185, 129, 0.12);
  color: #6ee7b7;
  border-color: rgba(16, 185, 129, 0.25);
}

.article-pill.status-archived[b-rq869x4v34] {
  background: rgba(100, 116, 139, 0.14);
  color: #c7d7ea;
  border-color: rgba(148, 163, 184, 0.22);
}

.article-read-time[b-rq869x4v34] {
  color: #71849b;
  font-size: 0.82rem;
  font-weight: 700;
}

.article-hero[b-rq869x4v34] {
  margin-bottom: 1.5rem;
}

.article-hero h1[b-rq869x4v34] {
  margin: 0;
  color: #ffffff;
  font-size: clamp(2rem, 10vw, 4rem);
  line-height: 0.95;
  letter-spacing: -0.06em;
  font-weight: 950;
}

.article-summary[b-rq869x4v34] {
  max-width: 760px;
  margin: 1rem 0 0;
  color: #9fb1c7;
  font-size: 1rem;
  line-height: 1.7;
}

.article-meta-row[b-rq869x4v34] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: 1.25rem;
  padding-top: 1rem;
  border-top: 1px solid #172842;
}

.author-avatar[b-rq869x4v34],
.comment-avatar[b-rq869x4v34] {
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #2563eb, #60a5fa);
  color: #ffffff;
  font-weight: 900;
  box-shadow: 0 10px 24px rgba(37, 99, 235, 0.22);
}

.author-name[b-rq869x4v34] {
  margin: 0;
  color: #ffffff;
  font-size: 0.88rem;
  font-weight: 900;
}

.article-date[b-rq869x4v34] {
  margin: 0.15rem 0 0;
  color: #71849b;
  font-size: 0.78rem;
}

.meta-spacer[b-rq869x4v34] {
  flex: 1;
}

.meta-chip[b-rq869x4v34] {
  color: #9fb1c7;
  background: #0d1728;
  border: 1px solid #1d3352;
  border-radius: 999px;
  padding: 0.35rem 0.65rem;
  font-size: 0.78rem;
  font-weight: 800;
}

.manage-article-actions[b-rq869x4v34] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-top: 1rem;
}

.manage-article-actions a[b-rq869x4v34],
.manage-article-actions button[b-rq869x4v34] {
  border: 1px solid #1d3352;
  background: #0d1728;
  color: #c7d7ea;
  border-radius: 10px;
  padding: 0.6rem 0.85rem;
  font-weight: 850;
  text-decoration: none;
  cursor: pointer;
  min-height: 44px;
}

.manage-article-actions a:hover[b-rq869x4v34],
.manage-article-actions button:hover[b-rq869x4v34] {
  color: #ffffff;
  border-color: #2563eb;
  background: #111e32;
}

.manage-article-actions button[b-rq869x4v34] {
  border-color: rgba(248, 113, 113, 0.35);
  color: #fecaca;
}

.manage-article-actions button:disabled[b-rq869x4v34] {
  cursor: progress;
  opacity: 0.7;
}

.article-status-banner[b-rq869x4v34] {
  display: grid;
  gap: 0.3rem;
  margin: -0.5rem 0 1.5rem;
  padding: 0.9rem 1rem;
  border: 1px solid rgba(96, 165, 250, 0.24);
  border-radius: 14px;
  background: rgba(37, 99, 235, 0.1);
  color: #bfdbfe;
}

.article-status-banner strong[b-rq869x4v34] {
  color: #ffffff;
  font-size: 0.86rem;
}

.article-status-banner span[b-rq869x4v34] {
  color: #c7d7ea;
  line-height: 1.55;
  font-size: 0.88rem;
}

.article-status-banner.status-draft[b-rq869x4v34] {
  border-color: rgba(148, 163, 184, 0.22);
  background: rgba(148, 163, 184, 0.08);
}

.article-status-banner.status-rejected[b-rq869x4v34] {
  border-color: rgba(251, 113, 133, 0.28);
  background: rgba(251, 113, 133, 0.1);
}

.article-status-banner.status-unpublished[b-rq869x4v34] {
  border-color: rgba(250, 204, 21, 0.26);
  background: rgba(250, 204, 21, 0.1);
}

.article-status-banner.status-archived[b-rq869x4v34] {
  border-color: rgba(148, 163, 184, 0.22);
  background: rgba(100, 116, 139, 0.1);
}

.featured-image-wrap[b-rq869x4v34] {
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid #1d3352;
  background: #111827;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.32);
  margin-bottom: 2rem;
}

.featured-image-wrap img[b-rq869x4v34] {
  width: 100%;
  height: 380px;
  object-fit: cover;
  display: block;
}

.affiliate-recommendation-card[b-rq869x4v34] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin: -0.5rem 0 2rem;
  padding: 1rem;
  border: 1px solid rgba(96, 165, 250, 0.22);
  border-radius: 16px;
  background:
    linear-gradient(135deg, rgba(16, 185, 129, 0.08), rgba(37, 99, 235, 0.08)),
    #0d1728;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
}

.affiliate-recommendation-card div[b-rq869x4v34] {
  min-width: 0;
}

.affiliate-recommendation-card span[b-rq869x4v34] {
  display: inline-flex;
  margin-bottom: 0.35rem;
  color: #93c5fd;
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.affiliate-recommendation-card h2[b-rq869x4v34] {
  margin: 0 0 0.35rem;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 950;
  letter-spacing: -0.01em;
}

.affiliate-recommendation-card p[b-rq869x4v34] {
  max-width: 560px;
  margin: 0;
  color: #9fb1c7;
  font-size: 0.9rem;
  line-height: 1.6;
}

.affiliate-recommendation-card small[b-rq869x4v34] {
  display: block;
  margin-top: 0.55rem;
  color: #71849b;
  font-size: 0.78rem;
  line-height: 1.45;
}

.affiliate-recommendation-card a[b-rq869x4v34] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  max-width: 100%;
  min-height: 44px;
  border: 1px solid rgba(96, 165, 250, 0.5);
  border-radius: 10px;
  background: rgba(37, 99, 235, 0.16);
  color: #dbeafe;
  padding: 0.65rem 0.9rem;
  font-size: 0.86rem;
  font-weight: 900;
  line-height: 1.25;
  text-align: center;
  text-decoration: none;
}

.affiliate-recommendation-card a:hover[b-rq869x4v34],
.affiliate-recommendation-card a:focus-visible[b-rq869x4v34] {
  border-color: #60a5fa;
  background: rgba(37, 99, 235, 0.24);
  color: #ffffff;
}

.content-section[b-rq869x4v34] {
  margin-bottom: 1.75rem;
}

.content-section h2[b-rq869x4v34],
.comments-section h2[b-rq869x4v34],
.related-header h2[b-rq869x4v34] {
  color: #ffffff;
  font-size: 1.15rem;
  font-weight: 900;
  margin: 0 0 0.85rem;
  letter-spacing: -0.02em;
}

.content-section p[b-rq869x4v34] {
  color: #9fb1c7;
  line-height: 1.8;
  margin: 0;
}

.symptom-card[b-rq869x4v34],
.note-card[b-rq869x4v34],
.comment-box[b-rq869x4v34],
.comment-card[b-rq869x4v34],
.article-status-card[b-rq869x4v34] {
  background: #0d1728;
  border: 1px solid #1d3352;
  border-radius: 16px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.2);
}

.symptom-card[b-rq869x4v34] {
  padding: 1rem 1.2rem;
}

.symptom-card ul[b-rq869x4v34] {
  margin: 0;
  padding-left: 1.2rem;
  color: #c7d7ea;
}

.symptom-card li[b-rq869x4v34] {
  margin: 0.55rem 0;
}

.symptom-card li[b-rq869x4v34]::marker {
  color: #60a5fa;
}

.steps-list[b-rq869x4v34] {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}

.step-item[b-rq869x4v34] {
  display: grid;
  grid-template-columns: 2rem 1fr;
  gap: 0.85rem;
  padding: 1rem;
  background: #0d1728;
  border: 1px solid #1d3352;
  border-radius: 16px;
  min-width: 0;
}

.step-number[b-rq869x4v34] {
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #2563eb;
  color: #ffffff;
  font-weight: 950;
  font-size: 0.85rem;
}

.step-item h3[b-rq869x4v34] {
  margin: 0 0 0.35rem;
  color: #ffffff;
  font-size: 0.98rem;
  font-weight: 900;
}

.step-item p[b-rq869x4v34] {
  margin: 0;
  color: #9fb1c7;
  line-height: 1.6;
  font-size: 0.92rem;
}

.step-item p[b-rq869x4v34],
.step-body[b-rq869x4v34] {
  white-space: pre-line;
}

.note-card[b-rq869x4v34] {
  padding: 1rem;
  margin: 1.75rem 0;
  border-left: 4px solid #2563eb;
}

.note-card h3[b-rq869x4v34] {
  margin: 0 0 0.45rem;
  color: #93c5fd;
  font-size: 0.95rem;
  font-weight: 950;
}

.note-card p[b-rq869x4v34] {
  margin: 0;
  color: #9fb1c7;
  line-height: 1.65;
  font-size: 0.92rem;
}

.article-rich-content[b-rq869x4v34] {
  color: #9fb1c7;
  line-height: 1.8;
  min-width: 0;
  overflow-wrap: anywhere;
}

.equipment-brand-list[b-rq869x4v34] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0 0 1rem;
}

.equipment-brand-list span[b-rq869x4v34] {
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(16, 185, 129, 0.24);
  border-radius: 999px;
  background: rgba(16, 185, 129, 0.1);
  color: #bbf7d0;
  padding: 0.35rem 0.7rem;
  font-size: 0.78rem;
  font-weight: 900;
}

.article-rich-content h2[b-rq869x4v34],
.article-rich-content h3[b-rq869x4v34],
.article-rich-content h4[b-rq869x4v34] {
  color: #ffffff;
  margin: 1.4rem 0 0.75rem;
  font-weight: 950;
}

.article-rich-content p[b-rq869x4v34] {
  margin: 0.8rem 0;
}

.article-rich-content ul[b-rq869x4v34],
.article-rich-content ol[b-rq869x4v34] {
  padding-left: 1.4rem;
  margin: 0.85rem 0;
}

.article-rich-content li[b-rq869x4v34] {
  margin: 0.45rem 0;
}

.article-rich-content li[b-rq869x4v34]::marker {
  color: #60a5fa;
}

.article-rich-content a[b-rq869x4v34] {
  color: #60a5fa;
  font-weight: 850;
  text-decoration: none;
}

.article-rich-content a:hover[b-rq869x4v34] {
  color: #93c5fd;
  text-decoration: underline;
}

.article-rich-content blockquote[b-rq869x4v34] {
  border-left: 4px solid #2563eb;
  margin: 1.25rem 0;
  padding: 1rem;
  background: #0d1728;
  border-radius: 14px;
  color: #c7d7ea;
}

.article-rich-content pre[b-rq869x4v34] {
  overflow-x: auto;
  max-width: 100%;
  background: #050914;
  border: 1px solid #1d3352;
  border-radius: 14px;
  padding: 1rem;
  color: #dbeafe;
}

.article-rich-content code[b-rq869x4v34] {
  background: #111e32;
  color: #bfdbfe;
  padding: 0.15rem 0.35rem;
  border-radius: 0.35rem;
}

.article-rich-content pre code[b-rq869x4v34] {
  background: transparent;
  padding: 0;
}

.article-rich-content img[b-rq869x4v34] {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 1.25rem 0;
  border-radius: 16px;
  border: 1px solid #1d3352;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.24);
}

.article-rich-content table[b-rq869x4v34] {
  display: block;
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  margin: 1.25rem 0;
  overflow-x: auto;
  border-radius: 14px;
}

.article-rich-content th[b-rq869x4v34],
.article-rich-content td[b-rq869x4v34] {
  border: 1px solid #1d3352;
  padding: 0.75rem;
}

.article-rich-content th[b-rq869x4v34] {
  color: #ffffff;
  background: #111e32;
}

.article-rich-content .callout-warning[b-rq869x4v34],
.article-rich-content .callout-note[b-rq869x4v34],
.article-rich-content .callout-tip[b-rq869x4v34],
.article-rich-content .equipment-list[b-rq869x4v34] {
  padding: 1rem;
  border-radius: 14px;
  margin: 1.25rem 0;
}

.article-rich-content .callout-warning[b-rq869x4v34] {
  border-left: 4px solid #facc15;
  background: rgba(250, 204, 21, 0.1);
  color: #fde68a;
}

.article-rich-content .callout-note[b-rq869x4v34] {
  border-left: 4px solid #60a5fa;
  background: rgba(96, 165, 250, 0.1);
  color: #bfdbfe;
}

.article-rich-content .callout-tip[b-rq869x4v34] {
  border-left: 4px solid #22c55e;
  background: rgba(34, 197, 94, 0.1);
  color: #bbf7d0;
}

.article-rich-content .equipment-list[b-rq869x4v34] {
  border: 1px solid #1d3352;
  background: #0d1728;
}

.article-actions[b-rq869x4v34] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  padding: 1.25rem 0;
  border-top: 1px solid #172842;
  border-bottom: 1px solid #172842;
  margin-bottom: 1.75rem;
}

.article-actions button[b-rq869x4v34],
.comment-box button[b-rq869x4v34],
.toc-actions button[b-rq869x4v34] {
  border: 1px solid #1d3352;
  background: #0d1728;
  color: #c7d7ea;
  border-radius: 10px;
  padding: 0.6rem 0.85rem;
  font-weight: 850;
  cursor: pointer;
  min-height: 44px;
}

.article-actions button:hover:not(:disabled)[b-rq869x4v34],
.toc-actions button:hover[b-rq869x4v34] {
  color: #ffffff;
  border-color: #2563eb;
  background: #111e32;
}

.article-actions a[b-rq869x4v34] {
  border: 1px solid #1d3352;
  background: #0d1728;
  color: #c7d7ea;
  border-radius: 10px;
  padding: 0.6rem 0.85rem;
  font-weight: 850;
  cursor: pointer;
  text-decoration: none;
  min-height: 44px;
}

.article-actions a:hover[b-rq869x4v34] {
  color: #ffffff;
  border-color: #2563eb;
  background: #111e32;
}

.article-actions button:disabled[b-rq869x4v34] {
  cursor: not-allowed;
  opacity: 0.7;
}

.article-actions button span[b-rq869x4v34],
.article-actions a span[b-rq869x4v34] {
  margin-left: 0.35rem;
  color: #93c5fd;
  font-weight: 950;
}

.article-share-panel[b-rq869x4v34] {
  padding-bottom: 1.5rem;
  margin-top: -0.75rem;
}

.liked-action-button[b-rq869x4v34] {
  border-color: #2563eb !important;
  background: rgba(37, 99, 235, 0.18) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(37, 99, 235, 0.2);
}

.saved-action-button[b-rq869x4v34] {
  border-color: #34d399 !important;
  background: rgba(16, 185, 129, 0.16) !important;
  color: #ecfdf5 !important;
  box-shadow: 0 10px 24px rgba(16, 185, 129, 0.16);
}

.like-status-message[b-rq869x4v34] {
  margin: -1rem 0 1.5rem;
  color: #9fb1c7;
  font-size: 0.88rem;
}

.comments-section[b-rq869x4v34] {
  margin-bottom: 2.25rem;
}

.comments-header[b-rq869x4v34] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

.comments-header h2[b-rq869x4v34] {
  color: #ffffff;
  font-size: 1.15rem;
  font-weight: 950;
  margin: 0;
}

.comment-box[b-rq869x4v34],
.comment-card[b-rq869x4v34],
.comment-login-card[b-rq869x4v34],
.comment-empty-card[b-rq869x4v34] {
  background: #0d1728;
  border: 1px solid #1d3352;
  border-radius: 16px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.2);
}

.comment-box[b-rq869x4v34] {
  position: relative;
  padding: 0.9rem;
  margin-bottom: 1rem;
  background:
    linear-gradient(180deg, rgba(17, 30, 50, 0.78), rgba(13, 23, 40, 0.98)),
    #0d1728;
}

[b-rq869x4v34] .comment-textarea {
  width: 100%;
  min-height: 118px;
  resize: vertical;
  border: 1px solid rgba(96, 165, 250, 0.18);
  border-radius: 14px;
  background:
    radial-gradient(
      circle at top left,
      rgba(37, 99, 235, 0.12),
      transparent 38%
    ),
    #070d18;
  color: #e5edf7;
  outline: none;
  padding: 0.95rem 1rem;
  font: inherit;
  font-size: 0.95rem;
  line-height: 1.65;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.03),
    inset 0 16px 30px rgba(0, 0, 0, 0.16);
  transition:
    background-color 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease;
}

[b-rq869x4v34] .comment-textarea:focus {
  border-color: rgba(96, 165, 250, 0.72);
  background:
    radial-gradient(
      circle at top left,
      rgba(37, 99, 235, 0.18),
      transparent 42%
    ),
    #081120;
  box-shadow:
    0 0 0 4px rgba(37, 99, 235, 0.16),
    0 16px 34px rgba(0, 0, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

[b-rq869x4v34] .comment-textarea::placeholder {
  color: #70849d;
  opacity: 1;
}

[b-rq869x4v34] .comment-textarea::-webkit-resizer {
  background:
    linear-gradient(
      135deg,
      transparent 0 45%,
      rgba(96, 165, 250, 0.45) 46% 54%,
      transparent 55%
    ),
    linear-gradient(
      135deg,
      transparent 0 62%,
      rgba(96, 165, 250, 0.28) 63% 70%,
      transparent 71%
    );
}

.comment-box button[b-rq869x4v34] {
  margin-top: 0.75rem;
  border: 1px solid #2563eb;
  border-radius: 10px;
  background: #2563eb;
  color: #ffffff;
  padding: 0.7rem 1rem;
  font-weight: 950;
  cursor: pointer;
  box-shadow: 0 12px 28px rgba(37, 99, 235, 0.24);
}

.comment-box button:hover:not(:disabled)[b-rq869x4v34] {
  background: #1d4ed8;
  border-color: #60a5fa;
}

.comment-box button:disabled[b-rq869x4v34] {
  cursor: not-allowed;
  opacity: 0.7;
}

.comment-status[b-rq869x4v34] {
  color: #9fb1c7;
  margin: 0.75rem 0 0;
  font-size: 0.86rem;
}

.comment-list[b-rq869x4v34] {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}

.comment-card[b-rq869x4v34] {
  display: grid;
  grid-template-columns: 2.25rem 1fr;
  gap: 0.8rem;
  padding: 1rem;
  min-width: 0;
}

.comment-avatar[b-rq869x4v34] {
  width: 2.25rem;
  height: 2.25rem;
}

.comment-content[b-rq869x4v34] {
  min-width: 0;
}

.comment-header[b-rq869x4v34] {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  color: #ffffff;
  font-size: 0.88rem;
  margin-bottom: 0.45rem;
}

.comment-header strong[b-rq869x4v34] {
  color: #ffffff;
}

.comment-header span[b-rq869x4v34] {
  color: #71849b;
  font-size: 0.76rem;
  white-space: nowrap;
}

.comment-card p[b-rq869x4v34] {
  margin: 0;
  color: #9fb1c7;
  line-height: 1.65;
  font-size: 0.92rem;
}

.comment-actions[b-rq869x4v34] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
  margin-top: 0.65rem;
}

.comment-report-button[b-rq869x4v34],
.comment-delete-button[b-rq869x4v34] {
  margin-top: 0.65rem;
  border: none;
  background: transparent;
  color: #60a5fa;
  padding: 0;
  font-size: 0.78rem;
  font-weight: 900;
  cursor: pointer;
}

.comment-actions .comment-report-button[b-rq869x4v34],
.comment-actions .comment-delete-button[b-rq869x4v34] {
  margin-top: 0;
}

.comment-delete-button[b-rq869x4v34] {
  color: #fecdd3;
}

.comment-report-button:hover[b-rq869x4v34] {
  color: #93c5fd;
  text-decoration: underline;
}

.comment-delete-button:hover:not(:disabled)[b-rq869x4v34] {
  color: #ffffff;
  text-decoration: underline;
}

.comment-delete-button:disabled[b-rq869x4v34] {
  cursor: progress;
  opacity: 0.7;
}

.article-modal-backdrop[b-rq869x4v34] {
  position: fixed;
  inset: 0;
  z-index: 30;
  display: grid;
  place-items: center;
  padding: 1rem;
  padding-bottom: max(1rem, env(safe-area-inset-bottom));
  background: rgba(5, 9, 20, 0.78);
  backdrop-filter: blur(10px);
}

.article-modal[b-rq869x4v34] {
  width: min(100%, 440px);
  max-height: calc(100dvh - 2rem);
  overflow-y: auto;
  padding: 1.4rem;
  background: #0d1728;
  border: 1px solid #1d3352;
  border-radius: 16px;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.36);
}

.article-modal h2[b-rq869x4v34] {
  margin: 0 0 1rem;
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: 950;
}

.report-form[b-rq869x4v34] {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}

.report-form label[b-rq869x4v34] {
  color: #9fb1c7;
  font-size: 0.78rem;
  font-weight: 900;
}

.report-input[b-rq869x4v34] {
  width: 100%;
  border: 1px solid #1d3352;
  border-radius: 12px;
  background: #08111f;
  color: #e5edf7;
  padding: 0.8rem;
  font: inherit;
  font-size: 16px;
  outline: none;
}

.report-textarea[b-rq869x4v34] {
  min-height: 120px;
  resize: vertical;
}

.report-error[b-rq869x4v34] {
  margin: 0;
  color: #fecdd3;
  font-size: 0.84rem;
  font-weight: 850;
}

.article-modal-actions[b-rq869x4v34] {
  display: flex;
  justify-content: flex-end;
  gap: 0.65rem;
  margin-top: 0.4rem;
}

.article-modal-actions button[b-rq869x4v34] {
  border: 1px solid #1d3352;
  border-radius: 10px;
  background: #0d1728;
  color: #c7d7ea;
  padding: 0.65rem 0.85rem;
  font-weight: 900;
  cursor: pointer;
  min-height: 44px;
}

.article-modal-actions button[type="submit"][b-rq869x4v34] {
  border-color: #2563eb;
  background: #2563eb;
  color: #ffffff;
}

.article-modal-actions button.danger[b-rq869x4v34] {
  border-color: rgba(251, 113, 133, 0.4);
  background: rgba(251, 113, 133, 0.12);
  color: #fecdd3;
}

.comment-login-card[b-rq869x4v34],
.comment-empty-card[b-rq869x4v34] {
  padding: 1rem;
  margin-bottom: 1rem;
  color: #9fb1c7;
}

.comment-login-card[b-rq869x4v34] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

.comment-login-card p[b-rq869x4v34],
.comment-empty-card p[b-rq869x4v34] {
  margin: 0;
}

.comment-login-card a[b-rq869x4v34] {
  color: #60a5fa;
  font-weight: 950;
  text-decoration: none;
}

.comment-login-card a:hover[b-rq869x4v34] {
  text-decoration: underline;
}

.validation-message[b-rq869x4v34] {
  display: block;
  color: #fb7185;
  font-size: 0.82rem;
  font-weight: 700;
  margin-top: 0.45rem;
}

.related-section[b-rq869x4v34] {
  margin-bottom: 2rem;
}

.related-header[b-rq869x4v34] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

.related-header a[b-rq869x4v34] {
  color: #60a5fa;
  text-decoration: none;
  font-weight: 900;
  font-size: 0.85rem;
}

.related-grid[b-rq869x4v34] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.related-card[b-rq869x4v34] {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 16px;
  background: #0d1728;
  border: 1px solid #1d3352;
  text-decoration: none;
  transition:
    transform 0.18s ease,
    border-color 0.18s ease;
}

.related-card:hover[b-rq869x4v34] {
  transform: translateY(-3px);
  border-color: #2563eb;
}

.related-card img[b-rq869x4v34] {
  width: 100%;
  height: 130px;
  object-fit: cover;
  display: block;
}

.related-card-body[b-rq869x4v34] {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 0.9rem;
}

.related-card-body span[b-rq869x4v34] {
  color: #60a5fa;
  font-size: 0.72rem;
  font-weight: 900;
}

.related-card-body h3[b-rq869x4v34] {
  margin: 0.45rem 0;
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.25;
}

.related-card-body p[b-rq869x4v34] {
  flex: 1;
  color: #9fb1c7;
  margin: 0;
  font-size: 0.85rem;
  line-height: 1.5;
}

.related-card-body small[b-rq869x4v34] {
  margin-top: 0.75rem;
  color: #93c5fd;
  font-size: 0.78rem;
  font-weight: 900;
}

.toc-card[b-rq869x4v34] {
  position: sticky;
  top: 1.5rem;
  background: #0d1728;
  border: 1px solid #1d3352;
  border-radius: 16px;
  padding: 1rem;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22);
}

.toc-card p[b-rq869x4v34] {
  margin: 0 0 0.75rem;
  color: #ffffff;
  font-weight: 950;
  font-size: 0.9rem;
}

.toc-card a[b-rq869x4v34] {
  display: block;
  padding: 0.5rem 0;
  color: #9fb1c7;
  text-decoration: none;
  font-size: 0.84rem;
  border-bottom: 1px solid rgba(29, 51, 82, 0.6);
}

.toc-card a:hover[b-rq869x4v34] {
  color: #60a5fa;
}

.toc-actions[b-rq869x4v34] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
  margin-top: 1rem;
}

.share-feedback-message[b-rq869x4v34] {
  margin: -1rem 0 1.5rem;
  color: #93c5fd;
  font-size: 0.88rem;
  font-weight: 850;
}

.share-feedback-message[hidden][b-rq869x4v34] {
  display: none;
}

.share-feedback-message input[b-rq869x4v34] {
  display: block;
  width: min(100%, 32rem);
  margin-top: 0.55rem;
  border: 1px solid #1d3352;
  border-radius: 10px;
  background: #08111f;
  color: #e5edf7;
  padding: 0.65rem 0.75rem;
  font: inherit;
  font-size: 16px;
}

.toc-actions .share-feedback-message[b-rq869x4v34] {
  margin: 0.25rem 0 0;
}

.article-status-card[b-rq869x4v34] {
  max-width: 760px;
  margin: 0 auto;
  padding: 2rem;
  color: #9fb1c7;
}

.article-status-card h1[b-rq869x4v34] {
  margin: 0 0 0.6rem;
  color: #ffffff;
  font-weight: 950;
}

.article-status-card a[b-rq869x4v34] {
  display: inline-flex;
  margin-top: 1rem;
  color: #60a5fa;
  font-weight: 900;
  text-decoration: none;
}

.article-status-card a:hover[b-rq869x4v34] {
  color: #93c5fd;
}

@media (max-width: 1050px) {
  .article-detail-shell[b-rq869x4v34] {
    padding: 1.5rem;
  }

  .article-layout[b-rq869x4v34] {
    grid-template-columns: 1fr;
  }

  .toc-card[b-rq869x4v34] {
    display: none;
  }

  .article-main[b-rq869x4v34] {
    max-width: 100%;
  }
}

@media (max-width: 700px) {
  .article-detail-shell[b-rq869x4v34] {
    padding: 1rem;
  }

  .article-meta-row[b-rq869x4v34] {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .meta-spacer[b-rq869x4v34] {
    display: none;
  }

  .article-meta-row .meta-chip[b-rq869x4v34] {
    flex: 1 1 calc(50% - 0.75rem);
    text-align: center;
  }

  .featured-image-wrap img[b-rq869x4v34] {
    height: 240px;
  }

  .related-grid[b-rq869x4v34] {
    grid-template-columns: 1fr;
  }

  .comment-header[b-rq869x4v34] {
    flex-direction: column;
    gap: 0.2rem;
  }

  .comment-header span[b-rq869x4v34] {
    white-space: normal;
  }

  .comment-login-card[b-rq869x4v34] {
    align-items: flex-start;
    flex-direction: column;
  }

  .affiliate-recommendation-card[b-rq869x4v34] {
    align-items: flex-start;
    flex-direction: column;
  }

  .affiliate-recommendation-card a[b-rq869x4v34] {
    width: 100%;
  }

  .article-actions[b-rq869x4v34],
  .manage-article-actions[b-rq869x4v34] {
    align-items: stretch;
  }

  .article-actions button[b-rq869x4v34],
  .article-actions a[b-rq869x4v34],
  .manage-article-actions a[b-rq869x4v34],
  .manage-article-actions button[b-rq869x4v34] {
    flex: 1 1 calc(50% - 0.65rem);
  }

  .step-item[b-rq869x4v34] {
    grid-template-columns: 1fr;
  }

  .step-number[b-rq869x4v34] {
    width: 2.25rem;
    height: 2.25rem;
  }
}

@media (max-width: 480px) {
  .article-detail-shell[b-rq869x4v34] {
    padding: 0.85rem;
  }

  .article-hero h1[b-rq869x4v34] {
    line-height: 1.05;
  }

  .featured-image-wrap img[b-rq869x4v34] {
    height: 210px;
  }

  .article-actions button[b-rq869x4v34],
  .article-actions a[b-rq869x4v34],
  .manage-article-actions a[b-rq869x4v34],
  .manage-article-actions button[b-rq869x4v34],
  .comment-box button[b-rq869x4v34],
  .article-modal-actions button[b-rq869x4v34] {
    width: 100%;
    flex-basis: 100%;
  }

  .comment-card[b-rq869x4v34] {
    grid-template-columns: 1fr;
  }

  .article-modal-actions[b-rq869x4v34] {
    flex-direction: column;
  }

  .article-rich-content blockquote[b-rq869x4v34],
  .article-rich-content .callout-warning[b-rq869x4v34],
  .article-rich-content .callout-note[b-rq869x4v34],
  .article-rich-content .callout-tip[b-rq869x4v34],
  .article-rich-content .equipment-list[b-rq869x4v34] {
    padding: 0.85rem;
  }
}
/* /Components/Pages/ConfirmEmail/CheckEmail.razor.rz.scp.css */
.email-status-shell[b-43dqb8z4il] {
  min-height: 100vh;
  padding: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background:
    radial-gradient(
      circle at top center,
      rgba(37, 99, 235, 0.18),
      transparent 30%
    ),
    linear-gradient(180deg, #08111f 0%, #050914 100%);
  color: #e5edf7;
}

.email-status-card[b-43dqb8z4il] {
  width: min(100%, 520px);
  padding: 2.25rem;
  background: #0d1728;
  border: 1px solid #1d3352;
  border-radius: 24px;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.34);
  text-align: center;
}

.status-brand[b-43dqb8z4il] {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  margin-bottom: 2rem;
  color: #ffffff;
  text-decoration: none;
  font-weight: 950;
}

.status-brand span[b-43dqb8z4il] {
  width: 2rem;
  height: 2rem;
  border-radius: 0.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #2563eb, #60a5fa);
  color: white;
  box-shadow: 0 12px 28px rgba(37, 99, 235, 0.28);
}

.status-icon[b-43dqb8z4il] {
  width: 4.25rem;
  height: 4.25rem;
  margin: 0 auto 1.25rem;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  font-weight: 950;
  border: 1px solid rgba(96, 165, 250, 0.28);
  background:
    radial-gradient(
      circle at top right,
      rgba(96, 165, 250, 0.35),
      transparent 42%
    ),
    #08111f;
  color: #60a5fa;
  box-shadow: 0 0 40px rgba(37, 99, 235, 0.25);
}

.status-eyebrow[b-43dqb8z4il] {
  margin: 0;
  color: #60a5fa;
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

.email-status-card h1[b-43dqb8z4il] {
  margin: 0.7rem 0 0;
  color: #ffffff;
  font-size: clamp(2rem, 5vw, 3.5rem);
  line-height: 0.95;
  font-weight: 950;
  letter-spacing: -0.06em;
}

.status-message[b-43dqb8z4il] {
  max-width: 420px;
  margin: 1rem auto 0;
  color: #9fb1c7;
  line-height: 1.7;
}

.status-tip[b-43dqb8z4il] {
  margin: 1.5rem 0;
  padding: 1rem;
  border-radius: 14px;
  background: #08111f;
  border: 1px solid #1d3352;
  color: #9fb1c7;
  font-size: 0.9rem;
  line-height: 1.5;
}

.status-tip strong[b-43dqb8z4il] {
  color: #ffffff;
}

.status-button[b-43dqb8z4il] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border: 1px solid #3b82f6;
  border-radius: 12px;
  background: linear-gradient(180deg, #3b82f6 0%, #2563eb 100%);
  color: #ffffff;
  padding: 0.85rem 1rem;
  font-weight: 950;
  text-decoration: none;
  box-shadow: 0 14px 30px rgba(37, 99, 235, 0.32);
}

.status-button:hover[b-43dqb8z4il] {
  color: #ffffff;
  border-color: #93c5fd;
  transform: translateY(-1px);
}

@media (max-width: 560px) {
  .email-status-shell[b-43dqb8z4il] {
    padding: 1rem;
  }

  .email-status-card[b-43dqb8z4il] {
    padding: 1.5rem;
  }
}
/* /Components/Pages/ConfirmEmail/ConfirmEmail.razor.rz.scp.css */
.email-status-shell[b-6cn7e4xc0q] {
  min-height: 100vh;
  padding: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background:
    radial-gradient(
      circle at top center,
      rgba(37, 99, 235, 0.18),
      transparent 30%
    ),
    linear-gradient(180deg, #08111f 0%, #050914 100%);
  color: #e5edf7;
}

.email-status-card[b-6cn7e4xc0q] {
  width: min(100%, 520px);
  padding: 2.25rem;
  background: #0d1728;
  border: 1px solid #1d3352;
  border-radius: 24px;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.34);
  text-align: center;
}

.status-brand[b-6cn7e4xc0q] {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  margin-bottom: 2rem;
  color: #ffffff;
  text-decoration: none;
  font-weight: 950;
}

.status-brand span[b-6cn7e4xc0q] {
  width: 2rem;
  height: 2rem;
  border-radius: 0.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #2563eb, #60a5fa);
  color: white;
  box-shadow: 0 12px 28px rgba(37, 99, 235, 0.28);
}

.status-icon[b-6cn7e4xc0q] {
  width: 4.25rem;
  height: 4.25rem;
  margin: 0 auto 1.25rem;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.9rem;
  font-weight: 950;
  border: 1px solid rgba(96, 165, 250, 0.28);
  background: #08111f;
  box-shadow: 0 0 40px rgba(37, 99, 235, 0.25);
}

.status-icon.pending[b-6cn7e4xc0q] {
  color: #60a5fa;
  background:
    radial-gradient(
      circle at top right,
      rgba(96, 165, 250, 0.35),
      transparent 42%
    ),
    #08111f;
}

.status-icon.success[b-6cn7e4xc0q] {
  color: #6ee7b7;
  border-color: rgba(16, 185, 129, 0.35);
  background:
    radial-gradient(
      circle at top right,
      rgba(16, 185, 129, 0.28),
      transparent 42%
    ),
    #08111f;
}

.status-icon.error[b-6cn7e4xc0q] {
  color: #fb7185;
  border-color: rgba(251, 113, 133, 0.35);
  background:
    radial-gradient(
      circle at top right,
      rgba(251, 113, 133, 0.25),
      transparent 42%
    ),
    #08111f;
}

.status-eyebrow[b-6cn7e4xc0q] {
  margin: 0;
  color: #60a5fa;
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

.email-status-card h1[b-6cn7e4xc0q] {
  margin: 0.7rem 0 0;
  color: #ffffff;
  font-size: clamp(2rem, 5vw, 3.5rem);
  line-height: 0.95;
  font-weight: 950;
  letter-spacing: -0.06em;
}

.status-message[b-6cn7e4xc0q] {
  max-width: 420px;
  margin: 1rem auto 0;
  color: #9fb1c7;
  line-height: 1.7;
}

.status-tip[b-6cn7e4xc0q] {
  margin: 1.5rem 0;
  padding: 1rem;
  border-radius: 14px;
  background: #08111f;
  border: 1px solid #1d3352;
  color: #9fb1c7;
  font-size: 0.9rem;
  line-height: 1.5;
}

.status-tip strong[b-6cn7e4xc0q] {
  color: #ffffff;
}

.status-button[b-6cn7e4xc0q] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border: 1px solid #3b82f6;
  border-radius: 12px;
  background: linear-gradient(180deg, #3b82f6 0%, #2563eb 100%);
  color: #ffffff;
  padding: 0.85rem 1rem;
  font-weight: 950;
  text-decoration: none;
  box-shadow: 0 14px 30px rgba(37, 99, 235, 0.32);
}

.status-button:hover[b-6cn7e4xc0q] {
  color: #ffffff;
  border-color: #93c5fd;
  transform: translateY(-1px);
}

@media (max-width: 560px) {
  .email-status-shell[b-6cn7e4xc0q] {
    padding: 1rem;
  }

  .email-status-card[b-6cn7e4xc0q] {
    padding: 1.5rem;
  }
}
/* /Components/Pages/Contact/Contact.razor.rz.scp.css */
.contact-shell[b-165n57ub0v] {
  min-height: 100vh;
  min-height: 100dvh;
  padding: 2.5rem 3rem;
  background:
    radial-gradient(
      circle at top right,
      rgba(37, 99, 235, 0.12),
      transparent 30%
    ),
    linear-gradient(180deg, #08111f 0%, #050914 100%);
  color: #e5edf7;
  overflow-x: hidden;
  padding-bottom: max(2.5rem, env(safe-area-inset-bottom));
}

.contact-header[b-165n57ub0v],
.contact-layout[b-165n57ub0v] {
  max-width: 1120px;
  margin: 0 auto;
}

.contact-header[b-165n57ub0v] {
  margin-bottom: 2rem;
}

.breadcrumb[b-165n57ub0v] {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  color: #71849b;
  font-size: 0.82rem;
  margin: 0 0 1rem;
}

.breadcrumb a[b-165n57ub0v] {
  color: #60a5fa;
  text-decoration: none;
  font-weight: 800;
}

.breadcrumb a:hover[b-165n57ub0v] {
  text-decoration: underline;
}

.contact-header h1[b-165n57ub0v] {
  margin: 0;
  color: #ffffff;
  font-size: clamp(2.3rem, 5vw, 4rem);
  line-height: 1;
  font-weight: 950;
  letter-spacing: -0.06em;
}

.contact-header p:last-child[b-165n57ub0v] {
  max-width: 700px;
  color: #9fb1c7;
  line-height: 1.7;
  margin: 0.9rem 0 0;
}

.contact-layout[b-165n57ub0v] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 1.5rem;
  align-items: start;
  min-width: 0;
}

.contact-card[b-165n57ub0v],
.quick-tip-card[b-165n57ub0v],
.social-card[b-165n57ub0v],
.info-card[b-165n57ub0v] {
  background:
    linear-gradient(180deg, rgba(17, 30, 50, 0.7), rgba(13, 23, 40, 0.98)),
    #0d1728;
  border: 1px solid #1d3352;
  border-radius: 18px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
}

.contact-card[b-165n57ub0v] {
  padding: 1.75rem;
  min-width: 0;
}

.contact-card-header[b-165n57ub0v] {
  margin-bottom: 1.5rem;
}

.contact-card-header h2[b-165n57ub0v] {
  margin: 0;
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: 950;
}

.contact-card-header p[b-165n57ub0v] {
  margin: 0.5rem 0 0;
  color: #9fb1c7;
  font-size: 0.92rem;
}

.contact-form[b-165n57ub0v] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.form-row[b-165n57ub0v] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.form-group[b-165n57ub0v] {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

.form-group label[b-165n57ub0v] {
  color: #9fb1c7;
  font-size: 0.78rem;
  font-weight: 900;
}

.required-indicator[b-165n57ub0v] {
  color: #fb7185;
  font-weight: 950;
  margin-left: 0.18rem;
}

.input-wrap[b-165n57ub0v] {
  position: relative;
}

.input-wrap span[b-165n57ub0v] {
  position: absolute;
  top: 50%;
  left: 0.85rem;
  transform: translateY(-50%);
  color: #71849b;
  font-size: 0.9rem;
  pointer-events: none;
}

[b-165n57ub0v] .contact-input {
  width: 100%;
  min-width: 0;
  border: 1px solid rgba(96, 165, 250, 0.18);
  border-radius: 12px;
  background:
    radial-gradient(
      circle at top left,
      rgba(37, 99, 235, 0.1),
      transparent 38%
    ),
    #070d18;
  color: #e5edf7;
  outline: none;
  padding: 0.88rem 1rem;
  font: inherit;
  font-size: 0.94rem;
  line-height: 1.55;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.03),
    inset 0 16px 30px rgba(0, 0, 0, 0.16);
  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    background-color 0.18s ease;
}

.input-wrap[b-165n57ub0v]  .contact-input {
  padding-left: 2.4rem;
}

[b-165n57ub0v] .contact-input:focus {
  border-color: rgba(96, 165, 250, 0.72);
  background:
    radial-gradient(
      circle at top left,
      rgba(37, 99, 235, 0.18),
      transparent 42%
    ),
    #081120;
  box-shadow:
    0 0 0 4px rgba(37, 99, 235, 0.16),
    0 16px 34px rgba(0, 0, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

[b-165n57ub0v] .contact-input::placeholder {
  color: #70849d;
  opacity: 1;
}

[b-165n57ub0v] .contact-select {
  appearance: none;
  -webkit-appearance: none;
  background:
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2393c5fd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m4 6 4 4 4-4'/%3e%3c/svg%3e")
      right 1rem center / 1rem 0.75rem no-repeat,
    radial-gradient(
      circle at top left,
      rgba(37, 99, 235, 0.1),
      transparent 38%
    ),
    #070d18;
  cursor: pointer;
  padding-right: 3rem;
}

[b-165n57ub0v] .contact-select:focus {
  background:
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2393c5fd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m4 6 4 4 4-4'/%3e%3c/svg%3e")
      right 1rem center / 1rem 0.75rem no-repeat,
    radial-gradient(
      circle at top left,
      rgba(37, 99, 235, 0.18),
      transparent 42%
    ),
    #081120;
}

[b-165n57ub0v] .contact-textarea {
  min-height: 130px;
  resize: vertical;
}

[b-165n57ub0v] .contact-textarea::-webkit-resizer {
  background:
    linear-gradient(
      135deg,
      transparent 0 45%,
      rgba(96, 165, 250, 0.45) 46% 54%,
      transparent 55%
    ),
    linear-gradient(
      135deg,
      transparent 0 62%,
      rgba(96, 165, 250, 0.28) 63% 70%,
      transparent 71%
    );
}

[b-165n57ub0v] .validation-message {
  color: #fb7185;
  font-size: 0.8rem;
  font-weight: 800;
}

.contact-alert[b-165n57ub0v] {
  padding: 0.85rem 1rem;
  border-radius: 12px;
  font-weight: 850;
  font-size: 0.9rem;
}

.contact-alert.success[b-165n57ub0v] {
  color: #bbf7d0;
  background: rgba(34, 197, 94, 0.12);
  border: 1px solid rgba(34, 197, 94, 0.28);
}

.contact-alert.error[b-165n57ub0v] {
  color: #fecdd3;
  background: rgba(251, 113, 133, 0.1);
  border: 1px solid rgba(251, 113, 133, 0.32);
}

.send-button[b-165n57ub0v] {
  width: fit-content;
  margin-top: 0.75rem;
  border: 1px solid #3b82f6;
  border-radius: 12px;
  background: linear-gradient(180deg, #3b82f6 0%, #2563eb 100%);
  color: #ffffff;
  padding: 0.9rem 1.3rem;
  font-weight: 950;
  cursor: pointer;
  box-shadow: 0 14px 30px rgba(37, 99, 235, 0.32);
  transition:
    transform 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease;
}

.send-button:hover:not(:disabled)[b-165n57ub0v] {
  transform: translateY(-1px);
  border-color: #93c5fd;
  box-shadow: 0 18px 40px rgba(37, 99, 235, 0.42);
}

.send-button:disabled[b-165n57ub0v] {
  opacity: 0.7;
  cursor: not-allowed;
}

.contact-side-panel[b-165n57ub0v] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.quick-tip-card[b-165n57ub0v] {
  padding: 1.15rem;
  background:
    radial-gradient(
      circle at top right,
      rgba(37, 99, 235, 0.22),
      transparent 42%
    ),
    #10203a;
  border-color: rgba(96, 165, 250, 0.28);
}

.quick-tip-card h2[b-165n57ub0v] {
  margin: 0;
  color: #60a5fa;
  font-size: 1rem;
  font-weight: 950;
}

.quick-tip-card p[b-165n57ub0v] {
  margin: 0.75rem 0 1rem;
  color: #9fb1c7;
  line-height: 1.55;
  font-size: 0.9rem;
}

.quick-tip-card a[b-165n57ub0v] {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #24476f;
  border-radius: 12px;
  background: #172842;
  color: #ffffff;
  padding: 0.75rem 1rem;
  font-size: 0.88rem;
  font-weight: 950;
  text-decoration: none;
}

.quick-tip-card a:hover[b-165n57ub0v] {
  border-color: #60a5fa;
  background: #1d3352;
}

.social-card[b-165n57ub0v] {
  padding: 1rem;
}

.social-card h2[b-165n57ub0v] {
  margin: 0;
  color: #ffffff;
  font-size: 0.96rem;
  font-weight: 950;
}

.social-link-list[b-165n57ub0v] {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  margin-top: 0.85rem;
}

.social-link-list a[b-165n57ub0v] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
  border: 1px solid #24476f;
  border-radius: 12px;
  background: #070d18;
  color: #e5edf7;
  padding: 0.72rem 0.85rem;
  text-decoration: none;
  transition:
    background-color 0.18s ease,
    border-color 0.18s ease,
    transform 0.18s ease;
}

.social-link-list a:hover[b-165n57ub0v],
.social-link-list a:focus[b-165n57ub0v] {
  border-color: #60a5fa;
  background: #10203a;
  transform: translateY(-1px);
}

.social-link-list i[b-165n57ub0v],
.social-link-list svg[b-165n57ub0v] {
  width: 1.1rem;
  color: #93c5fd;
  font-size: 1.05rem;
  line-height: 1;
  text-align: center;
  flex: 0 0 auto;
}

.social-platform[b-165n57ub0v] {
  color: #ffffff;
  font-size: 0.88rem;
  font-weight: 950;
  min-width: 0;
  overflow-wrap: anywhere;
}

.info-card[b-165n57ub0v] {
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 0.85rem;
  align-items: center;
  padding: 1rem;
}

.info-icon[b-165n57ub0v] {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: #070d18;
  border: 1px solid #1d3352;
  color: #93c5fd;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 950;
}

.info-card h3[b-165n57ub0v] {
  margin: 0;
  color: #ffffff;
  font-size: 0.92rem;
  font-weight: 950;
}

.info-card p[b-165n57ub0v] {
  margin: 0.35rem 0 0;
  color: #9fb1c7;
  font-size: 0.86rem;
  line-height: 1.45;
}

@media (max-width: 980px) {
  .contact-shell[b-165n57ub0v] {
    padding: 1.5rem;
  }

  .contact-layout[b-165n57ub0v] {
    grid-template-columns: 1fr;
  }

  .contact-side-panel[b-165n57ub0v] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .quick-tip-card[b-165n57ub0v] {
    grid-column: 1 / -1;
  }
}

@media (max-width: 640px) {
  .contact-shell[b-165n57ub0v] {
    padding: 1rem;
  }

  .contact-card[b-165n57ub0v] {
    padding: 1.15rem;
  }

  .form-row[b-165n57ub0v],
  .contact-side-panel[b-165n57ub0v] {
    grid-template-columns: 1fr;
  }

  .send-button[b-165n57ub0v] {
    width: 100%;
    min-height: 44px;
  }
}

@media (max-width: 480px) {
  .contact-shell[b-165n57ub0v] {
    padding: 0.85rem;
  }

  .contact-card[b-165n57ub0v],
  .quick-tip-card[b-165n57ub0v],
  .social-card[b-165n57ub0v],
  .info-card[b-165n57ub0v] {
    border-radius: 14px;
  }

  .info-card[b-165n57ub0v] {
    grid-template-columns: 1fr;
  }
}
/* /Components/Pages/CreatePost/CreatePost.razor.rz.scp.css */
.create-post-shell[b-bdmvxfryve] {
  min-height: 100vh;
  min-height: 100dvh;
  padding: 1.5rem 2rem 3rem;
  background:
    radial-gradient(
      circle at top right,
      rgba(37, 99, 235, 0.12),
      transparent 30%
    ),
    linear-gradient(180deg, #08111f 0%, #050914 100%);
  color: #e5edf7;
  overflow-x: hidden;
  padding-bottom: max(3rem, env(safe-area-inset-bottom));
}

.create-post-header[b-bdmvxfryve],
.create-post-form[b-bdmvxfryve] {
  max-width: 1180px;
  margin: 0 auto;
  min-width: 0;
}

.create-post-header[b-bdmvxfryve] {
  margin-bottom: 1.4rem;
}

.breadcrumb[b-bdmvxfryve] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  margin: 0 0 0.5rem;
  color: #71849b;
  font-size: 0.8rem;
}

.breadcrumb a[b-bdmvxfryve] {
  color: #9fb1c7;
  text-decoration: none;
}

.breadcrumb a:hover[b-bdmvxfryve] {
  color: #60a5fa;
}

.create-post-header h1[b-bdmvxfryve] {
  margin: 0;
  color: #ffffff;
  font-size: clamp(1.8rem, 3vw, 2.7rem);
  line-height: 1;
  font-weight: 950;
  letter-spacing: -0.06em;
}

.create-post-header p:last-child[b-bdmvxfryve] {
  max-width: 760px;
  margin: 1.4rem 0 0;
  color: #93c5fd;
  font-size: 1rem;
  line-height: 1.7;
}

.create-post-form[b-bdmvxfryve] {
  display: block;
}

.form-grid[b-bdmvxfryve] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 1.5rem;
  align-items: start;
  min-width: 0;
}

.form-panel[b-bdmvxfryve],
.preview-card[b-bdmvxfryve],
.publish-card[b-bdmvxfryve] {
  background: #0d1728;
  border: 1px solid #1d3352;
  border-radius: 18px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.24);
}

.form-panel[b-bdmvxfryve] {
  padding: 1.5rem;
  min-width: 0;
}

.main-form-column[b-bdmvxfryve],
.side-form-column[b-bdmvxfryve] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-width: 0;
}

.panel-title-row[b-bdmvxfryve],
.panel-title-row > div[b-bdmvxfryve],
.preview-title-row[b-bdmvxfryve] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.panel-title-row[b-bdmvxfryve] {
  margin-bottom: 1.4rem;
}

.panel-title-row > div[b-bdmvxfryve] {
  justify-content: flex-start;
}

.panel-icon[b-bdmvxfryve] {
  width: 2rem;
  height: 2rem;
  border-radius: 0.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(37, 99, 235, 0.16);
  color: #60a5fa;
  border: 1px solid rgba(96, 165, 250, 0.25);
  font-weight: 950;
}

.panel-title-row h2[b-bdmvxfryve] {
  margin: 0;
  color: #ffffff;
  font-size: 1.15rem;
  font-weight: 950;
}

.form-group[b-bdmvxfryve] {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  margin-bottom: 1rem;
}

.form-group label[b-bdmvxfryve],
.steps-header label[b-bdmvxfryve] {
  color: #9fb1c7;
  font-size: 0.76rem;
  font-weight: 900;
}

.form-group label span[b-bdmvxfryve],
.steps-header label span[b-bdmvxfryve] {
  color: #fb7185;
}

[b-bdmvxfryve] .form-control {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  border: 1px solid rgba(96, 165, 250, 0.18);
  border-radius: 14px;
  background:
    radial-gradient(
      circle at top left,
      rgba(37, 99, 235, 0.12),
      transparent 38%
    ),
    #070d18;
  color: #e5edf7;
  outline: none;
  padding: 0.95rem 1rem;
  font: inherit;
  font-size: 0.95rem;
  line-height: 1.65;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.03),
    inset 0 16px 30px rgba(0, 0, 0, 0.16);
  transition:
    background-color 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease;
}

[b-bdmvxfryve] .form-control:focus {
  border-color: rgba(96, 165, 250, 0.72);
  background:
    radial-gradient(
      circle at top left,
      rgba(37, 99, 235, 0.18),
      transparent 42%
    ),
    #081120;
  box-shadow:
    0 0 0 4px rgba(37, 99, 235, 0.16),
    0 16px 34px rgba(0, 0, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

[b-bdmvxfryve] .form-control::placeholder {
  color: #70849d;
  opacity: 1;
}

[b-bdmvxfryve] select.form-control {
  appearance: none;
  -webkit-appearance: none;
  background:
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2393c5fd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m4 6 4 4 4-4'/%3e%3c/svg%3e")
      right 1rem center / 1rem 0.75rem no-repeat,
    radial-gradient(
      circle at top left,
      rgba(37, 99, 235, 0.12),
      transparent 38%
    ),
    #070d18;
  padding-right: 3rem;
}

[b-bdmvxfryve] select.form-control:focus {
  background:
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2393c5fd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m4 6 4 4 4-4'/%3e%3c/svg%3e")
      right 1rem center / 1rem 0.75rem no-repeat,
    radial-gradient(
      circle at top left,
      rgba(37, 99, 235, 0.18),
      transparent 42%
    ),
    #081120;
}

[b-bdmvxfryve] textarea.form-control,
[b-bdmvxfryve] .textarea {
  resize: vertical;
  font-family: inherit;
  line-height: 1.65;
}

[b-bdmvxfryve] .textarea.medium {
  min-height: 120px;
}

.validation-message[b-bdmvxfryve] {
  color: #fb7185;
  font-size: 0.82rem;
  font-weight: 700;
}

.form-alert[b-bdmvxfryve] {
  margin-bottom: 1rem;
  padding: 0.85rem 1rem;
  border-radius: 12px;
  font-weight: 800;
}

.form-alert.error[b-bdmvxfryve] {
  border: 1px solid rgba(251, 113, 133, 0.35);
  background: rgba(251, 113, 133, 0.1);
  color: #fecdd3;
}

.upload-dropzone[b-bdmvxfryve] {
  min-height: 170px;
  border: 1px dashed #1d3352;
  border-radius: 16px;
  background: #08111f;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  padding: 1rem;
  cursor: pointer;
  text-align: center;
  min-width: 0;
  transition:
    border-color 0.18s ease,
    background-color 0.18s ease;
}

.upload-dropzone:hover[b-bdmvxfryve] {
  border-color: #2563eb;
  background: #0b1424;
}

.upload-dropzone input[b-bdmvxfryve] {
  display: none;
}

.upload-icon[b-bdmvxfryve] {
  width: 3rem;
  height: 3rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #172842;
  color: #93c5fd;
  font-size: 1.4rem;
}

.upload-dropzone strong[b-bdmvxfryve] {
  color: #ffffff;
  font-size: 0.9rem;
}

.upload-dropzone small[b-bdmvxfryve],
.upload-file-name[b-bdmvxfryve],
.upload-warning[b-bdmvxfryve] {
  color: #9fb1c7;
  font-size: 0.8rem;
}

.upload-file-name[b-bdmvxfryve] {
  margin: 0.5rem 0 0;
}

.upload-warning[b-bdmvxfryve] {
  margin: 0.65rem 0 0;
  line-height: 1.5;
  color: #c7d7ea;
}

.steps-header[b-bdmvxfryve] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 1.25rem 0 0.75rem;
}

.steps-header span[b-bdmvxfryve] {
  color: #9fb1c7;
  background: #172842;
  border: 1px solid #1d3352;
  border-radius: 999px;
  padding: 0.3rem 0.55rem;
  font-size: 0.72rem;
  font-weight: 900;
}

.steps-list[b-bdmvxfryve] {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.step-editor[b-bdmvxfryve] {
  display: grid;
  grid-template-columns: 2rem 1fr 2rem;
  gap: 0.75rem;
  align-items: start;
  min-width: 0;
}

.step-number[b-bdmvxfryve] {
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  background: #172842;
  border: 1px solid #1d3352;
  color: #93c5fd;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
  font-weight: 950;
}

[b-bdmvxfryve] .step-input {
  min-height: 86px;
  resize: vertical;
}

.remove-step-button[b-bdmvxfryve] {
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid #1d3352;
  border-radius: 9px;
  background: #08111f;
  color: #fb7185;
  cursor: pointer;
  font-weight: 950;
}

.remove-step-button:hover[b-bdmvxfryve] {
  border-color: #fb7185;
}

.add-step-button[b-bdmvxfryve] {
  margin-top: 1rem;
  width: 100%;
  border: 1px solid #1d3352;
  border-radius: 12px;
  background: #08111f;
  color: #93c5fd;
  padding: 0.85rem 1rem;
  font-weight: 950;
  cursor: pointer;
}

.add-step-button:hover[b-bdmvxfryve] {
  color: #ffffff;
  border-color: #2563eb;
  background: #111e32;
}

.guide-sections[b-bdmvxfryve] {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-top: 1.25rem;
}

.guide-section-card[b-bdmvxfryve] {
  background: #08111f;
  border: 1px solid #1d3352;
  border-radius: 16px;
  padding: 1rem;
  min-width: 0;
}

.guide-section-header[b-bdmvxfryve] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.85rem;
}

.guide-section-header span[b-bdmvxfryve] {
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #172842;
  color: #93c5fd;
  border: 1px solid #1d3352;
  font-size: 0.8rem;
  font-weight: 950;
}

.guide-section-header h3[b-bdmvxfryve] {
  margin: 0;
  color: #ffffff;
  font-size: 0.98rem;
  font-weight: 950;
}

.rich-steps-list[b-bdmvxfryve] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.rich-step-editor[b-bdmvxfryve] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.rich-step-header[b-bdmvxfryve] {
  display: grid;
  grid-template-columns: 2.5rem minmax(0, 1fr) 2.5rem;
  gap: 0.75rem;
  align-items: center;
  min-width: 0;
}

.publish-card[b-bdmvxfryve],
.preview-card[b-bdmvxfryve] {
  padding: 1rem;
  min-width: 0;
}

.side-card-label[b-bdmvxfryve],
.preview-title-row p[b-bdmvxfryve] {
  margin: 0 0 1rem;
  color: #9fb1c7;
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.preview-title-row p[b-bdmvxfryve] {
  margin: 0;
  color: #ffffff;
  text-transform: none;
  letter-spacing: 0;
}

.preview-title-row small[b-bdmvxfryve] {
  color: #71849b;
  font-size: 0.68rem;
}

.publish-row[b-bdmvxfryve] {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.75rem;
  color: #9fb1c7;
  font-size: 0.82rem;
}

.publish-row strong[b-bdmvxfryve] {
  color: #ffffff;
}

.draft-badge[b-bdmvxfryve] {
  color: #facc15 !important;
  background: rgba(250, 204, 21, 0.12);
  border: 1px solid rgba(250, 204, 21, 0.22);
  border-radius: 999px;
  padding: 0.2rem 0.45rem;
  font-size: 0.72rem;
}

.publish-button[b-bdmvxfryve],
.draft-button[b-bdmvxfryve] {
  width: 100%;
  border-radius: 12px;
  padding: 0.85rem 1rem;
  font-weight: 950;
  cursor: pointer;
  min-height: 44px;
}

.publish-button[b-bdmvxfryve] {
  margin-top: 0.75rem;
  border: 1px solid #3b82f6;
  background: linear-gradient(180deg, #3b82f6 0%, #2563eb 100%);
  color: white;
  box-shadow: 0 14px 30px rgba(37, 99, 235, 0.32);
}

.publish-button:hover:not(:disabled)[b-bdmvxfryve] {
  border-color: #93c5fd;
  transform: translateY(-1px);
}

.draft-button[b-bdmvxfryve] {
  margin-top: 0.75rem;
  border: 1px solid #1d3352;
  background: #172842;
  color: #c7d7ea;
}

.draft-button:hover:not(:disabled)[b-bdmvxfryve] {
  border-color: #60a5fa;
  background: #111e32;
  color: #ffffff;
}

.publish-button:disabled[b-bdmvxfryve],
.draft-button:disabled[b-bdmvxfryve] {
  opacity: 0.7;
  cursor: not-allowed;
}

.preview-card img[b-bdmvxfryve],
.preview-placeholder[b-bdmvxfryve] {
  width: 100%;
  height: 140px;
  border-radius: 12px;
  border: 1px solid #1d3352;
  background: #172842;
  object-fit: cover;
}

.preview-placeholder[b-bdmvxfryve] {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #71849b;
  font-size: 1.6rem;
}

.preview-card h2[b-bdmvxfryve] {
  margin: 1rem 0 0.45rem;
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 950;
}

.preview-meta[b-bdmvxfryve] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  color: #9fb1c7;
  font-size: 0.72rem;
  margin-bottom: 0.65rem;
}

.preview-card p[b-bdmvxfryve] {
  margin: 0;
  color: #9fb1c7;
  line-height: 1.5;
  font-size: 0.82rem;
}

.preview-steps[b-bdmvxfryve] {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  margin-top: 0.9rem;
}

.preview-steps div[b-bdmvxfryve] {
  display: grid;
  grid-template-columns: 1.35rem 1fr;
  gap: 0.5rem;
  align-items: center;
}

.preview-steps span[b-bdmvxfryve] {
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #172842;
  color: #60a5fa;
  font-size: 0.72rem;
  font-weight: 950;
}

.preview-steps small[b-bdmvxfryve] {
  color: #9fb1c7;
  line-height: 1.35;
  font-size: 0.76rem;
  white-space: pre-line;
}

.preview-steps div:first-child small[b-bdmvxfryve] {
  width: 100%;
}

.preview-steps div:last-child small[b-bdmvxfryve] {
  width: 72%;
}

[b-bdmvxfryve] textarea.form-control::-webkit-resizer,
[b-bdmvxfryve] .step-input::-webkit-resizer {
  background:
    linear-gradient(
      135deg,
      transparent 0 45%,
      rgba(96, 165, 250, 0.45) 46% 54%,
      transparent 55%
    ),
    linear-gradient(
      135deg,
      transparent 0 62%,
      rgba(96, 165, 250, 0.28) 63% 70%,
      transparent 71%
    );
}

@media (max-width: 1050px) {
  .create-post-shell[b-bdmvxfryve] {
    padding: 1rem;
  }

  .form-grid[b-bdmvxfryve] {
    grid-template-columns: 1fr;
  }

  .side-form-column[b-bdmvxfryve] {
    order: 0;
  }
}

@media (max-width: 640px) {
  .create-post-header h1[b-bdmvxfryve] {
    line-height: 1.08;
  }

  .form-panel[b-bdmvxfryve] {
    padding: 1rem;
    border-radius: 14px;
  }

  .panel-title-row[b-bdmvxfryve],
  .steps-header[b-bdmvxfryve],
  .guide-section-header[b-bdmvxfryve],
  .preview-title-row[b-bdmvxfryve] {
    align-items: flex-start;
    flex-direction: column;
  }

  .step-editor[b-bdmvxfryve] {
    grid-template-columns: 2rem 1fr;
  }

  .remove-step-button[b-bdmvxfryve] {
    grid-column: 2;
    width: 100%;
    min-height: 44px;
  }

  .rich-step-header[b-bdmvxfryve] {
    grid-template-columns: 2.5rem minmax(0, 1fr);
  }

  .rich-step-header .remove-step-button[b-bdmvxfryve] {
    grid-column: 2;
  }

  .preview-card[b-bdmvxfryve] {
    display: none;
  }
}

@media (max-width: 480px) {
  .create-post-shell[b-bdmvxfryve] {
    padding: 0.85rem;
    padding-bottom: max(1.5rem, env(safe-area-inset-bottom));
  }

  .guide-section-card[b-bdmvxfryve],
  .publish-card[b-bdmvxfryve] {
    padding: 0.85rem;
    border-radius: 14px;
  }

  .publish-row[b-bdmvxfryve] {
    flex-direction: column;
    gap: 0.25rem;
  }

  .upload-dropzone[b-bdmvxfryve] {
    min-height: 150px;
  }

  .add-step-button[b-bdmvxfryve] {
    min-height: 44px;
  }
}
/* /Components/Pages/EditPost/EditPost.razor.rz.scp.css */
.create-post-shell[b-made3jskps] {
  min-height: 100dvh;
  padding: 1.5rem 2rem 3rem;
  background:
    radial-gradient(circle at top right, rgba(37, 99, 235, 0.12), transparent 30%),
    linear-gradient(180deg, #08111f 0%, #050914 100%);
  color: #e5edf7;
  overflow-x: hidden;
  padding-bottom: max(3rem, env(safe-area-inset-bottom));
}

.create-post-header[b-made3jskps],
.create-post-form[b-made3jskps] {
  max-width: 1180px;
  margin: 0 auto;
  min-width: 0;
}

.breadcrumb[b-made3jskps] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  margin: 0 0 0.5rem;
  color: #71849b;
  font-size: 0.8rem;
}

.breadcrumb a[b-made3jskps] {
  color: #9fb1c7;
  text-decoration: none;
}

.create-post-header[b-made3jskps] {
  margin-bottom: 1.4rem;
}

.create-post-header h1[b-made3jskps] {
  margin: 0;
  color: #ffffff;
  font-size: clamp(1.8rem, 3vw, 2.7rem);
  line-height: 1;
  font-weight: 950;
  letter-spacing: 0;
}

.create-post-header p:last-child[b-made3jskps] {
  max-width: 760px;
  margin: 1.4rem 0 0;
  color: #93c5fd;
  line-height: 1.7;
}

.form-grid[b-made3jskps] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 1.5rem;
  align-items: start;
  min-width: 0;
}

.main-form-column[b-made3jskps],
.side-form-column[b-made3jskps] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-width: 0;
}

.form-panel[b-made3jskps],
.publish-card[b-made3jskps],
.guide-section-card[b-made3jskps] {
  background: #0d1728;
  border: 1px solid #1d3352;
  border-radius: 18px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.24);
  min-width: 0;
}

.form-panel[b-made3jskps] {
  padding: 1.5rem;
}

.publish-card[b-made3jskps],
.guide-section-card[b-made3jskps] {
  padding: 1rem;
}

.form-group[b-made3jskps],
.guide-sections[b-made3jskps],
.rich-steps-list[b-made3jskps],
.rich-step-editor[b-made3jskps] {
  display: flex;
  flex-direction: column;
}

.form-group[b-made3jskps] {
  gap: 0.45rem;
  margin-bottom: 1rem;
}

.guide-sections[b-made3jskps],
.rich-steps-list[b-made3jskps] {
  gap: 1rem;
}

.guide-section-header[b-made3jskps],
.rich-step-header[b-made3jskps] {
  display: grid;
  grid-template-columns: 2.5rem minmax(0, 1fr) 2.5rem;
  gap: 0.75rem;
  align-items: center;
}

.guide-section-header[b-made3jskps] {
  grid-template-columns: 2rem minmax(0, 1fr);
  margin-bottom: 0.85rem;
}

.guide-section-header span[b-made3jskps],
.step-number[b-made3jskps] {
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #172842;
  color: #93c5fd;
  border: 1px solid #1d3352;
  font-size: 0.8rem;
  font-weight: 950;
}

.guide-section-header h3[b-made3jskps],
.publish-card h3[b-made3jskps] {
  margin: 0;
  color: #ffffff;
  font-weight: 950;
}

[b-made3jskps] .form-control {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  border: 1px solid rgba(96, 165, 250, 0.18);
  border-radius: 14px;
  background: #070d18;
  color: #e5edf7;
  padding: 0.95rem 1rem;
  font: inherit;
  line-height: 1.65;
}

.remove-step-button[b-made3jskps],
.publish-button[b-made3jskps],
.draft-button[b-made3jskps],
.delete-button[b-made3jskps],
.add-step-button[b-made3jskps] {
  min-height: 44px;
}

.remove-step-button[b-made3jskps] {
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid #1d3352;
  border-radius: 9px;
  background: #08111f;
  color: #fb7185;
  cursor: pointer;
  font-weight: 950;
}

.add-step-button[b-made3jskps],
.publish-button[b-made3jskps],
.draft-button[b-made3jskps] {
  width: 100%;
  border-radius: 12px;
  padding: 0.85rem 1rem;
  font-weight: 950;
  cursor: pointer;
}

.add-step-button[b-made3jskps],
.draft-button[b-made3jskps] {
  border: 1px solid #1d3352;
  background: #08111f;
  color: #93c5fd;
}

.publish-button[b-made3jskps] {
  margin-top: 0.75rem;
  border: 1px solid #3b82f6;
  background: linear-gradient(180deg, #3b82f6 0%, #2563eb 100%);
  color: white;
}

.publish-card button + button[b-made3jskps] {
  margin-top: 0.75rem;
}

.publish-row[b-made3jskps] {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin: 0.75rem 0;
  color: #9fb1c7;
  font-size: 0.82rem;
}

.publish-row strong[b-made3jskps],
.review-note-card strong[b-made3jskps] {
  color: #ffffff;
}

.draft-badge[b-made3jskps] {
  border-radius: 999px;
  padding: 0.2rem 0.45rem;
  font-size: 0.72rem;
  font-weight: 950;
}

.draft-badge.status-draft[b-made3jskps] {
  color: #c7d7ea;
  background: rgba(148, 163, 184, 0.1);
  border: 1px solid rgba(148, 163, 184, 0.18);
}

.draft-badge.status-submitted[b-made3jskps] {
  color: #93c5fd;
  background: rgba(37, 99, 235, 0.16);
  border: 1px solid rgba(96, 165, 250, 0.28);
}

.draft-badge.status-published[b-made3jskps] {
  color: #6ee7b7;
  background: rgba(16, 185, 129, 0.12);
  border: 1px solid rgba(16, 185, 129, 0.25);
}

.draft-badge.status-rejected[b-made3jskps] {
  color: #fecdd3;
  background: rgba(251, 113, 133, 0.12);
  border: 1px solid rgba(251, 113, 133, 0.28);
}

.draft-badge.status-unpublished[b-made3jskps] {
  color: #facc15;
  background: rgba(250, 204, 21, 0.12);
  border: 1px solid rgba(250, 204, 21, 0.25);
}

.draft-badge.status-archived[b-made3jskps] {
  color: #c7d7ea;
  background: rgba(100, 116, 139, 0.14);
  border: 1px solid rgba(148, 163, 184, 0.22);
}

.review-note-card[b-made3jskps] {
  display: grid;
  gap: 0.35rem;
  margin: 0.8rem 0;
  padding: 0.85rem;
  border: 1px solid rgba(251, 113, 133, 0.28);
  border-radius: 12px;
  background: rgba(251, 113, 133, 0.1);
  color: #fecdd3;
}

.review-note-card span[b-made3jskps] {
  color: #fecdd3;
  line-height: 1.5;
  font-size: 0.86rem;
}

.delete-button[b-made3jskps] {
  width: 100%;
  margin-top: 0.75rem;
  border: 1px solid rgba(251, 113, 133, 0.4);
  border-radius: 12px;
  background: rgba(251, 113, 133, 0.1);
  color: #fecdd3;
  padding: 0.85rem 1rem;
  font-weight: 950;
  cursor: pointer;
}

.delete-button:hover[b-made3jskps] {
  background: rgba(251, 113, 133, 0.18);
  border-color: #fb7185;
}

.delete-modal-backdrop[b-made3jskps] {
  position: fixed;
  inset: 0;
  z-index: 30;
  display: grid;
  place-items: center;
  padding: 1rem;
  background: rgba(5, 9, 20, 0.78);
  backdrop-filter: blur(10px);
}

.delete-modal[b-made3jskps] {
  width: min(100%, 420px);
  max-height: calc(100dvh - 2rem);
  overflow-y: auto;
  background: #0d1728;
  border: 1px solid #1d3352;
  border-radius: 16px;
  padding: 1.4rem;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.42);
}

.delete-modal h2[b-made3jskps] {
  margin: 0;
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: 950;
}

.delete-modal p[b-made3jskps] {
  margin: 0.8rem 0 1.1rem;
  color: #9fb1c7;
  line-height: 1.6;
}

.delete-modal strong[b-made3jskps] {
  color: #ffffff;
}

.delete-modal-actions[b-made3jskps] {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
}

.cancel-button[b-made3jskps],
.danger-button[b-made3jskps] {
  min-height: 44px;
  border-radius: 10px;
  padding: 0.7rem 0.9rem;
  font-weight: 950;
  cursor: pointer;
}

.cancel-button[b-made3jskps] {
  border: 1px solid #1d3352;
  background: #08111f;
  color: #c7d7ea;
}

.danger-button[b-made3jskps] {
  border: 1px solid rgba(251, 113, 133, 0.4);
  background: rgba(251, 113, 133, 0.12);
  color: #fecdd3;
}

@media (max-width: 1050px) {
  .create-post-shell[b-made3jskps] {
    padding: 1rem;
  }

  .form-grid[b-made3jskps] {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .form-panel[b-made3jskps],
  .guide-section-card[b-made3jskps],
  .publish-card[b-made3jskps] {
    padding: 1rem;
    border-radius: 14px;
  }

  .create-post-header h1[b-made3jskps] {
    line-height: 1.08;
  }

  .rich-step-header[b-made3jskps] {
    grid-template-columns: 2.5rem minmax(0, 1fr);
  }

  .rich-step-header .remove-step-button[b-made3jskps] {
    grid-column: 2;
    width: 100%;
  }
}

@media (max-width: 480px) {
  .create-post-shell[b-made3jskps] {
    padding: 0.85rem;
    padding-bottom: max(1.5rem, env(safe-area-inset-bottom));
  }

  .publish-row[b-made3jskps] {
    flex-direction: column;
    gap: 0.25rem;
  }
}
/* /Components/Pages/Home/Home.razor.rz.scp.css */
.home-shell[b-ni2k5ttzxw] {
  min-height: 100vh;
  min-height: 100dvh;
  padding: 3rem;
  background:
    radial-gradient(
      circle at top center,
      rgba(37, 99, 235, 0.18),
      transparent 28%
    ),
    linear-gradient(180deg, #08111f 0%, #050914 100%);
  color: #e5edf7;
  overflow-x: hidden;
  padding-bottom: max(3rem, env(safe-area-inset-bottom));
}

.hero-section[b-ni2k5ttzxw] {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  padding: 4rem 1rem 3rem;
  min-width: 0;
}

.eyebrow[b-ni2k5ttzxw] {
  color: #60a5fa;
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  margin-bottom: 0.85rem;
}

.hero-section h1[b-ni2k5ttzxw] {
  margin: 0;
  font-size: clamp(2.15rem, 12vw, 5rem);
  line-height: 0.95;
  font-weight: 900;
  color: #ffffff;
}

.hero-section h1 span[b-ni2k5ttzxw] {
  color: #60a5fa;
}

.hero-description[b-ni2k5ttzxw] {
  max-width: 620px;
  margin: 1.25rem auto 0;
  color: #9fb1c7;
  font-size: 1rem;
  line-height: 1.7;
}

.hero-search[b-ni2k5ttzxw] {
  max-width: 620px;
  width: 100%;
  margin: 2rem auto 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: #0d1728;
  border: 1px solid #1f3a5f;
  border-radius: 12px;
  padding: 0.75rem 0.85rem;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);
}

.hero-search input[b-ni2k5ttzxw] {
  flex: 1;
  min-width: 0;
  border: none;
  outline: none;
  background: transparent;
  color: #e5edf7;
  font-size: 0.95rem;
}

.hero-search input[b-ni2k5ttzxw]::placeholder {
  color: #64748b;
}

.hero-search button[b-ni2k5ttzxw] {
  min-height: 44px;
  border: 1px solid #24476f;
  background: #111e32;
  color: #8fb4df;
  border-radius: 8px;
  padding: 0.35rem 0.55rem;
  font-size: 0.78rem;
  font-weight: 700;
}

.hero-tags[b-ni2k5ttzxw] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.55rem;
  flex-wrap: wrap;
  margin-top: 1.1rem;
  color: #7f93ad;
  font-size: 0.8rem;
}

.hero-tags a[b-ni2k5ttzxw] {
  border: 1px solid #1e3a5f;
  background: #0e1a2d;
  color: #c7d7ea;
  border-radius: 999px;
  padding: 0.35rem 0.7rem;
  font-size: 0.78rem;
  text-decoration: none;
}

.featured-section[b-ni2k5ttzxw] {
  max-width: 1180px;
  margin: 0 auto;
  padding-top: 1rem;
}

.section-header[b-ni2k5ttzxw] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

.section-header h2[b-ni2k5ttzxw] {
  margin: 0;
  color: #ffffff;
  font-size: 1.15rem;
  font-weight: 800;
}

.section-header a[b-ni2k5ttzxw] {
  color: #60a5fa;
  text-decoration: none;
  font-size: 0.85rem;
  font-weight: 800;
}

.featured-grid[b-ni2k5ttzxw] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
}

.featured-card[b-ni2k5ttzxw] {
  background: #0d1728;
  border: 1px solid #1d3352;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
  transition:
    transform 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

.featured-card:hover[b-ni2k5ttzxw] {
  transform: translateY(-4px);
  border-color: #2563eb;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
}

.image-wrap[b-ni2k5ttzxw] {
  position: relative;
  margin: 0.75rem;
  margin-bottom: 0;
  border-radius: 12px;
  overflow: hidden;
  background: #111827;
}

.image-wrap img[b-ni2k5ttzxw] {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
}

.card-badge[b-ni2k5ttzxw] {
  position: absolute;
  top: 0.65rem;
  left: 0.65rem;
  background: rgba(5, 9, 20, 0.82);
  color: #e5edf7;
  border: 1px solid rgba(148, 163, 184, 0.25);
  border-radius: 999px;
  padding: 0.25rem 0.55rem;
  font-size: 0.7rem;
  font-weight: 800;
  backdrop-filter: blur(8px);
}

.card-body[b-ni2k5ttzxw] {
  padding: 1rem;
}

.category[b-ni2k5ttzxw] {
  color: #60a5fa;
  font-size: 0.72rem;
  font-weight: 800;
  margin-bottom: 0.55rem;
}

.card-body h3[b-ni2k5ttzxw] {
  color: #ffffff;
  font-size: 1.05rem;
  line-height: 1.25;
  margin: 0 0 0.6rem;
}

.card-body p[b-ni2k5ttzxw] {
  color: #93a7bd;
  font-size: 0.88rem;
  line-height: 1.5;
  margin: 0;
}

.card-footer[b-ni2k5ttzxw] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-top: 1rem;
  color: #71849b;
  font-size: 0.78rem;
}

.card-footer a[b-ni2k5ttzxw] {
  color: #60a5fa;
  text-decoration: none;
  font-weight: 800;
}

.card-footer a:hover[b-ni2k5ttzxw] {
  text-decoration: underline;
}

.status-card[b-ni2k5ttzxw] {
  background: #0d1728;
  border: 1px solid #1d3352;
  border-radius: 16px;
  padding: 2rem;
  color: #9fb1c7;
}

.hero-search-wrap[b-ni2k5ttzxw] {
  position: relative;
  max-width: 620px;
  width: 100%;
  margin: 2rem auto 0;
  z-index: 5;
}

.home-search-dropdown[b-ni2k5ttzxw] {
  margin-top: 0.75rem;
  overflow: hidden;
  background:
    radial-gradient(
      circle at top left,
      rgba(37, 99, 235, 0.14),
      transparent 36%
    ),
    #0d1728;
  border: 1px solid #1d3352;
  border-radius: 18px;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.42);
  text-align: left;
  max-width: 100%;
  max-height: min(58dvh, 520px);
  overflow-y: auto;
}

.dropdown-header[b-ni2k5ttzxw] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 0.85rem 1rem;
  border-bottom: 1px solid #172842;
}

.dropdown-header span[b-ni2k5ttzxw] {
  color: #ffffff;
  font-size: 0.82rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.dropdown-header button[b-ni2k5ttzxw] {
  border: 1px solid #1d3352;
  background: #08111f;
  color: #9fb1c7;
  border-radius: 999px;
  padding: 0.35rem 0.65rem;
  font-size: 0.75rem;
  font-weight: 900;
  cursor: pointer;
}

.dropdown-header button:hover[b-ni2k5ttzxw] {
  color: #ffffff;
  border-color: #2563eb;
}

.dropdown-status[b-ni2k5ttzxw] {
  padding: 1rem;
  color: #9fb1c7;
  font-size: 0.9rem;
  line-height: 1.5;
}

.dropdown-status strong[b-ni2k5ttzxw] {
  color: #ffffff;
}

.dropdown-results[b-ni2k5ttzxw] {
  display: flex;
  flex-direction: column;
}

.dropdown-result-item[b-ni2k5ttzxw] {
  display: grid;
  grid-template-columns: 54px 1fr;
  gap: 0.85rem;
  padding: 0.9rem 1rem;
  border-bottom: 1px solid #172842;
  color: inherit;
  text-decoration: none;
  transition:
    background-color 0.18s ease,
    border-color 0.18s ease;
}

.dropdown-result-item > div:last-child[b-ni2k5ttzxw] {
  min-width: 0;
}

.dropdown-result-item:hover[b-ni2k5ttzxw] {
  background: #111e32;
}

.dropdown-thumb[b-ni2k5ttzxw] {
  width: 54px;
  height: 54px;
  border-radius: 12px;
  overflow: hidden;
  background: #08111f;
  border: 1px solid #1d3352;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #60a5fa;
  font-weight: 950;
}

.dropdown-thumb img[b-ni2k5ttzxw] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dropdown-result-item strong[b-ni2k5ttzxw] {
  display: block;
  color: #ffffff;
  font-size: 0.92rem;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.dropdown-result-item p[b-ni2k5ttzxw] {
  margin: 0.3rem 0;
  color: #9fb1c7;
  font-size: 0.82rem;
  line-height: 1.4;
}

.dropdown-result-item small[b-ni2k5ttzxw] {
  color: #60a5fa;
  font-size: 0.72rem;
  font-weight: 900;
}

.view-all-results[b-ni2k5ttzxw] {
  display: flex;
  justify-content: center;
  padding: 0.9rem 1rem;
  color: #60a5fa;
  text-decoration: none;
  font-size: 0.85rem;
  font-weight: 950;
  background: #08111f;
}

.view-all-results:hover[b-ni2k5ttzxw] {
  color: #ffffff;
  background: #111e32;
}

.home-footer[b-ni2k5ttzxw] {
  max-width: 1120px;
  margin: 3rem auto 0;
  padding-top: 1.5rem;
  border-top: 1px solid #172842;
  text-align: center;
  color: #71849b;
  font-size: 0.8rem;
}

.home-footer div[b-ni2k5ttzxw] {
  display: flex;
  justify-content: center;
  gap: 1.25rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}

.home-footer a[b-ni2k5ttzxw] {
  color: #9fb1c7;
  text-decoration: none;
}

.home-footer a:hover[b-ni2k5ttzxw] {
  color: #60a5fa;
}

@media (max-width: 1000px) {
  .home-shell[b-ni2k5ttzxw] {
    padding: 2rem;
  }

  .featured-grid[b-ni2k5ttzxw] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 840px) {
  .featured-grid[b-ni2k5ttzxw] {
    grid-template-columns: 1fr;
  }

  .image-wrap img[b-ni2k5ttzxw] {
    height: clamp(150px, 46vw, 240px);
  }
}

@media (max-width: 900px) {
  .hero-section[b-ni2k5ttzxw] {
    padding-top: 3rem;
  }
}

@media (max-width: 700px) {
  .home-shell[b-ni2k5ttzxw] {
    padding: 1rem;
  }

  .hero-section[b-ni2k5ttzxw] {
    padding: 3rem 0.5rem 2rem;
  }

  .hero-search[b-ni2k5ttzxw] {
    align-items: stretch;
    flex-direction: column;
    border-radius: 14px;
  }

  .hero-search button[b-ni2k5ttzxw] {
    width: 100%;
  }

  .featured-grid[b-ni2k5ttzxw] {
    grid-template-columns: 1fr;
  }

  .section-header[b-ni2k5ttzxw] {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.5rem;
  }

  .home-search-dropdown[b-ni2k5ttzxw] {
    border-radius: 14px;
  }
}

@media (max-width: 480px) {
  .home-shell[b-ni2k5ttzxw] {
    padding: 0.85rem;
  }

  .hero-section[b-ni2k5ttzxw] {
    padding: 2.25rem 0 1.5rem;
  }

  .hero-description[b-ni2k5ttzxw] {
    font-size: 0.95rem;
  }

  .hero-tags[b-ni2k5ttzxw] {
    justify-content: flex-start;
  }

  .hero-tags a[b-ni2k5ttzxw],
  .dropdown-header button[b-ni2k5ttzxw],
  .view-all-results[b-ni2k5ttzxw] {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }

  .dropdown-header[b-ni2k5ttzxw] {
    align-items: stretch;
    flex-direction: column;
    gap: 0.65rem;
  }

  .dropdown-result-item[b-ni2k5ttzxw] {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.7rem;
    padding: 0.85rem;
  }

  .dropdown-thumb[b-ni2k5ttzxw] {
    width: 44px;
    height: 44px;
    border-radius: 10px;
  }

  .card-footer[b-ni2k5ttzxw] {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.55rem;
  }
}
/* /Components/Pages/Notifications/Notifications.razor.rz.scp.css */
.notifications-shell[b-dcquytb54i] {
  min-height: 100vh;
  min-height: 100dvh;
  padding: 2rem 3rem;
  background:
    radial-gradient(
      circle at top right,
      rgba(37, 99, 235, 0.14),
      transparent 28%
    ),
    linear-gradient(180deg, #08111f 0%, #050914 100%);
  color: #e5edf7;
  overflow-x: hidden;
  padding-bottom: max(2rem, env(safe-area-inset-bottom));
}

.notifications-header[b-dcquytb54i] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}

.breadcrumb[b-dcquytb54i] {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin: 0 0 1.5rem;
  color: #71849b;
  font-size: 0.82rem;
}

.breadcrumb a[b-dcquytb54i] {
  color: #9fb1c7;
  text-decoration: none;
}

.breadcrumb a:hover[b-dcquytb54i] {
  color: #60a5fa;
}

.notifications-eyebrow[b-dcquytb54i] {
  margin: 0 0 0.4rem;
  color: #60a5fa;
  font-size: 0.8rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.notifications-header h1[b-dcquytb54i] {
  margin: 0;
  color: #ffffff;
  font-size: clamp(2rem, 4vw, 3.2rem);
  line-height: 1;
  font-weight: 950;
}

.mark-all-button[b-dcquytb54i],
.notification-row button[b-dcquytb54i],
.notifications-pagination button[b-dcquytb54i] {
  border: 1px solid #1d3352;
  background: #0d1728;
  color: #c7d7ea;
  cursor: pointer;
  font-weight: 950;
  transition:
    background-color 0.18s ease,
    border-color 0.18s ease,
    color 0.18s ease,
    transform 0.18s ease;
}

.mark-all-button[b-dcquytb54i] {
  border-color: #2563eb;
  border-radius: 10px;
  background: #2563eb;
  color: #ffffff;
  padding: 0.78rem 1rem;
  box-shadow: 0 12px 28px rgba(37, 99, 235, 0.24);
}

.mark-all-button:hover:not(:disabled)[b-dcquytb54i],
.notification-row button:hover:not(:disabled)[b-dcquytb54i],
.notifications-pagination button:hover:not(:disabled)[b-dcquytb54i] {
  color: #ffffff;
  border-color: #60a5fa;
  background: #111e32;
  transform: translateY(-1px);
}

.mark-all-button:disabled[b-dcquytb54i],
.notification-row button:disabled[b-dcquytb54i],
.notifications-pagination button:disabled[b-dcquytb54i] {
  opacity: 0.45;
  cursor: not-allowed;
}

.notifications-panel[b-dcquytb54i] {
  overflow: hidden;
  border: 1px solid #1d3352;
  border-radius: 16px;
  background: #0d1728;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
  min-width: 0;
}

.notifications-panel-title[b-dcquytb54i] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.1rem 1.25rem;
  border-bottom: 1px solid #172842;
}

.notifications-panel-title p[b-dcquytb54i] {
  margin: 0 0 0.25rem;
  color: #60a5fa;
  font-size: 0.78rem;
  font-weight: 950;
  text-transform: uppercase;
}

.notifications-panel-title h2[b-dcquytb54i] {
  margin: 0;
  color: #ffffff;
  font-size: 1.05rem;
  font-weight: 950;
}

.notifications-panel-title > span[b-dcquytb54i] {
  color: #71849b;
  font-size: 0.78rem;
  font-weight: 900;
}

.notifications-status[b-dcquytb54i],
.notifications-empty[b-dcquytb54i] {
  padding: 2rem;
  color: #9fb1c7;
}

.notifications-empty[b-dcquytb54i] {
  text-align: center;
}

.notifications-empty h3[b-dcquytb54i] {
  margin: 0;
  color: #ffffff;
  font-size: 1.2rem;
  font-weight: 950;
}

.notifications-empty p[b-dcquytb54i] {
  margin: 0.6rem 0 0;
  color: #9fb1c7;
}

.notifications-list[b-dcquytb54i] {
  display: flex;
  flex-direction: column;
}

.notification-row[b-dcquytb54i] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: center;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid #172842;
  background: #0d1728;
  min-width: 0;
}

.notification-row:last-child[b-dcquytb54i] {
  border-bottom: none;
}

.notification-row.unread[b-dcquytb54i] {
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.16), transparent 48%),
    #0d1728;
}

.notification-row a[b-dcquytb54i] {
  display: grid;
  grid-template-columns: 0.65rem minmax(0, 1fr);
  gap: 0.8rem;
  align-items: flex-start;
  color: inherit;
  text-decoration: none;
}

.notification-row a:hover .notification-main strong[b-dcquytb54i] {
  color: #93c5fd;
}

.notification-state[b-dcquytb54i] {
  width: 0.5rem;
  height: 0.5rem;
  margin-top: 0.42rem;
  border-radius: 999px;
  background: transparent;
}

.notification-row.unread .notification-state[b-dcquytb54i] {
  background: #60a5fa;
  box-shadow: 0 0 0 4px rgba(96, 165, 250, 0.14);
}

.notification-main[b-dcquytb54i] {
  min-width: 0;
  overflow-wrap: anywhere;
}

.notification-main strong[b-dcquytb54i],
.notification-main span[b-dcquytb54i],
.notification-main small[b-dcquytb54i] {
  display: block;
}

.notification-main strong[b-dcquytb54i] {
  color: #ffffff;
  font-size: 0.96rem;
  font-weight: 950;
}

.notification-main span[b-dcquytb54i] {
  margin-top: 0.25rem;
  color: #c7d7ea;
  line-height: 1.5;
}

.notification-main small[b-dcquytb54i] {
  margin-top: 0.45rem;
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 850;
  text-transform: uppercase;
}

.notification-row button[b-dcquytb54i] {
  border-radius: 9px;
  padding: 0.55rem 0.7rem;
  font-size: 0.78rem;
  white-space: nowrap;
  min-height: 40px;
}

.read-label[b-dcquytb54i] {
  color: #64748b;
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.notifications-pagination[b-dcquytb54i] {
  display: flex;
  justify-content: center;
  gap: 0.45rem;
  padding: 1.1rem;
  border-top: 1px solid #172842;
  flex-wrap: wrap;
}

.notifications-pagination button[b-dcquytb54i] {
  min-width: 2.5rem;
  border-radius: 10px;
  padding: 0.62rem 0.8rem;
}

.notifications-pagination button.active[b-dcquytb54i] {
  background: #2563eb;
  border-color: #60a5fa;
  color: #ffffff;
  box-shadow: 0 10px 24px rgba(37, 99, 235, 0.24);
}

@media (max-width: 900px) {
  .notifications-shell[b-dcquytb54i] {
    padding: 1rem;
  }

  .notifications-header[b-dcquytb54i],
  .notification-row[b-dcquytb54i] {
    grid-template-columns: 1fr;
  }

  .notifications-header[b-dcquytb54i] {
    flex-direction: column;
    align-items: stretch;
  }

  .mark-all-button[b-dcquytb54i] {
    width: 100%;
  }

  .notification-row[b-dcquytb54i] {
    align-items: flex-start;
  }

  .notifications-panel-title[b-dcquytb54i] {
    align-items: flex-start;
    flex-direction: column;
  }

  .notification-row button[b-dcquytb54i],
  .notifications-pagination button[b-dcquytb54i] {
    min-height: 44px;
  }
}

@media (max-width: 480px) {
  .notifications-shell[b-dcquytb54i] {
    padding: 0.85rem;
  }

  .notifications-panel[b-dcquytb54i] {
    border-radius: 14px;
  }

  .notification-row[b-dcquytb54i] {
    padding: 0.9rem;
  }

  .notification-row a[b-dcquytb54i] {
    grid-template-columns: 1fr;
  }

  .notification-state[b-dcquytb54i] {
    display: none;
  }

  .notification-row button[b-dcquytb54i] {
    width: 100%;
  }
}
/* /Components/Pages/Profile/Posts/ProfilePosts.razor.rz.scp.css */
.account-posts-shell[b-1pciyot688] {
  min-height: 100vh;
  min-height: 100dvh;
  padding: 2rem;
  background:
    radial-gradient(
      circle at top right,
      rgba(37, 99, 235, 0.14),
      transparent 28%
    ),
    linear-gradient(180deg, #08111f 0%, #050914 100%);
  color: #e5edf7;
  overflow-x: hidden;
  padding-bottom: max(2rem, env(safe-area-inset-bottom));
}

.account-posts-header[b-1pciyot688] {
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
  align-items: flex-start;
  margin-bottom: 1.5rem;
}

.breadcrumb[b-1pciyot688] {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin: 0 0 1rem;
  color: #71849b;
  font-size: 0.82rem;
}

.breadcrumb a[b-1pciyot688] {
  color: #9fb1c7;
  text-decoration: none;
}

.breadcrumb a:hover[b-1pciyot688] {
  color: #60a5fa;
}

.account-posts-header h1[b-1pciyot688] {
  margin: 0;
  color: #ffffff;
  font-size: clamp(2rem, 4vw, 3.2rem);
  line-height: 1;
  font-weight: 950;
  letter-spacing: -0.06em;
}

.account-posts-header p:last-child[b-1pciyot688] {
  margin: 0.6rem 0 0;
  color: #9fb1c7;
}

.create-post-button[b-1pciyot688],
.empty-state-card a[b-1pciyot688] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border: 1px solid #3b82f6;
  border-radius: 12px;
  background: linear-gradient(180deg, #3b82f6 0%, #2563eb 100%);
  color: #ffffff;
  padding: 0.85rem 1rem;
  font-weight: 950;
  text-decoration: none;
  box-shadow: 0 14px 30px rgba(37, 99, 235, 0.32);
}

.create-post-button:hover[b-1pciyot688],
.empty-state-card a:hover[b-1pciyot688] {
  color: white;
  border-color: #93c5fd;
  transform: translateY(-1px);
}

.posts-management-card[b-1pciyot688],
.status-card[b-1pciyot688],
.empty-state-card[b-1pciyot688] {
  background: #0d1728;
  border: 1px solid #1d3352;
  border-radius: 18px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.25);
}

.posts-management-card[b-1pciyot688] {
  padding: 1.25rem;
  min-width: 0;
}

.status-card[b-1pciyot688],
.empty-state-card[b-1pciyot688] {
  padding: 2rem;
  color: #9fb1c7;
}

.empty-state-card[b-1pciyot688] {
  text-align: center;
}

.empty-state-card h2[b-1pciyot688] {
  margin: 0;
  color: #ffffff;
  font-weight: 950;
}

.empty-state-card p[b-1pciyot688] {
  color: #9fb1c7;
  margin: 0.75rem auto 1.25rem;
  max-width: 520px;
  line-height: 1.6;
}

.posts-toolbar[b-1pciyot688] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.25rem;
}

.search-box[b-1pciyot688] {
  width: min(480px, 100%);
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0.65rem;
  background: #08111f;
  border: 1px solid #1d3352;
  border-radius: 999px;
  padding: 0.75rem 1rem;
}

.search-box input[b-1pciyot688] {
  width: 100%;
  min-width: 0;
  border: none;
  outline: none;
  background: transparent;
  color: #e5edf7;
  font-size: 0.9rem;
}

.search-box input[b-1pciyot688]::placeholder {
  color: #64748b;
}

.post-count[b-1pciyot688] {
  color: #9fb1c7;
  font-size: 0.86rem;
  font-weight: 900;
}

.posts-table[b-1pciyot688] {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.posts-table-header[b-1pciyot688],
.posts-table-row[b-1pciyot688] {
  display: grid;
  grid-template-columns: minmax(260px, 1.4fr) 120px 120px 120px 120px 150px 210px;
  gap: 1rem;
  align-items: center;
}

.posts-table-header[b-1pciyot688] {
  padding: 0 0 0.75rem;
  border-bottom: 1px solid #172842;
  color: #71849b;
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.posts-table-row[b-1pciyot688] {
  padding: 1rem 0;
  border-bottom: 1px solid #172842;
  overflow-wrap: anywhere;
}

.title-cell strong[b-1pciyot688] {
  display: block;
  color: #ffffff;
  font-size: 0.95rem;
}

.title-cell span[b-1pciyot688] {
  display: block;
  margin-top: 0.35rem;
  color: #9fb1c7;
  font-size: 0.84rem;
  line-height: 1.45;
}

.title-cell em[b-1pciyot688] {
  display: block;
  margin-top: 0.45rem;
  color: #fecdd3;
  font-size: 0.8rem;
  font-style: normal;
  line-height: 1.45;
}

.date-cell[b-1pciyot688],
.metric-cell[b-1pciyot688] {
  color: #9fb1c7;
  font-size: 0.86rem;
}

.status-badge[b-1pciyot688] {
  display: inline-flex;
  border-radius: 999px;
  padding: 0.35rem 0.6rem;
  font-size: 0.72rem;
  font-weight: 950;
}

.status-badge.published[b-1pciyot688] {
  color: #6ee7b7;
  background: rgba(16, 185, 129, 0.12);
  border: 1px solid rgba(16, 185, 129, 0.22);
}

.status-badge.draft[b-1pciyot688] {
  color: #c7d7ea;
  background: rgba(148, 163, 184, 0.1);
  border: 1px solid rgba(148, 163, 184, 0.18);
}

.status-badge.submitted[b-1pciyot688] {
  color: #93c5fd;
  background: rgba(37, 99, 235, 0.16);
  border: 1px solid rgba(96, 165, 250, 0.28);
}

.status-badge.rejected[b-1pciyot688] {
  color: #fecdd3;
  background: rgba(251, 113, 133, 0.12);
  border: 1px solid rgba(251, 113, 133, 0.28);
}

.status-badge.unpublished[b-1pciyot688] {
  color: #facc15;
  background: rgba(250, 204, 21, 0.12);
  border: 1px solid rgba(250, 204, 21, 0.25);
}

.status-badge.archived[b-1pciyot688] {
  color: #c7d7ea;
  background: rgba(100, 116, 139, 0.14);
  border: 1px solid rgba(148, 163, 184, 0.22);
}

.actions-cell[b-1pciyot688] {
  display: flex;
  gap: 0.45rem;
  flex-wrap: wrap;
}

.actions-cell a[b-1pciyot688],
.actions-cell button[b-1pciyot688] {
  border: 1px solid #1d3352;
  border-radius: 9px;
  background: #08111f;
  color: #c7d7ea;
  padding: 0.45rem 0.6rem;
  font-size: 0.78rem;
  font-weight: 900;
  text-decoration: none;
  cursor: pointer;
  min-height: 40px;
}

.actions-cell a:hover[b-1pciyot688],
.actions-cell button:hover[b-1pciyot688] {
  color: #ffffff;
  border-color: #2563eb;
}

.actions-cell button[b-1pciyot688] {
  color: #fecdd3;
}

.actions-cell button:hover[b-1pciyot688] {
  border-color: #fb7185;
}

.pagination[b-1pciyot688] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.45rem;
  margin: 1.5rem 0 0;
  flex-wrap: wrap;
}

.pagination button[b-1pciyot688] {
  border: 1px solid #1d3352;
  background: #08111f;
  color: #9fb1c7;
  border-radius: 10px;
  min-width: 2.5rem;
  padding: 0.65rem 0.85rem;
  font-weight: 900;
  cursor: pointer;
}

.pagination button:hover:not(:disabled)[b-1pciyot688] {
  color: #ffffff;
  border-color: #2563eb;
  background: #111e32;
}

.pagination button.active[b-1pciyot688] {
  background: #2563eb;
  border-color: #60a5fa;
  color: #ffffff;
}

.pagination button:disabled[b-1pciyot688] {
  opacity: 0.45;
  cursor: not-allowed;
}

.delete-modal-backdrop[b-1pciyot688] {
  position: fixed;
  inset: 0;
  z-index: 20;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  background: rgba(5, 9, 20, 0.78);
  backdrop-filter: blur(10px);
}

.delete-modal[b-1pciyot688] {
  width: min(100%, 420px);
  max-height: calc(100dvh - 2rem);
  overflow-y: auto;
  background: #0d1728;
  border: 1px solid #1d3352;
  border-radius: 18px;
  padding: 1.5rem;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.45);
}

.delete-modal h2[b-1pciyot688] {
  margin: 0;
  color: #ffffff;
  font-weight: 950;
}

.delete-modal p[b-1pciyot688] {
  color: #9fb1c7;
  line-height: 1.6;
}

.delete-modal strong[b-1pciyot688] {
  color: #ffffff;
}

.delete-modal-actions[b-1pciyot688] {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
}

.cancel-button[b-1pciyot688],
.danger-button[b-1pciyot688] {
  border-radius: 10px;
  padding: 0.7rem 0.9rem;
  font-weight: 950;
  cursor: pointer;
}

.cancel-button[b-1pciyot688] {
  border: 1px solid #1d3352;
  background: #08111f;
  color: #c7d7ea;
}

.danger-button[b-1pciyot688] {
  border: 1px solid rgba(251, 113, 133, 0.4);
  background: rgba(251, 113, 133, 0.12);
  color: #fecdd3;
}

.danger-button:hover[b-1pciyot688] {
  border-color: #fb7185;
}

@media (max-width: 1150px) {
  .posts-table-header[b-1pciyot688] {
    display: none;
  }

  .posts-table-row[b-1pciyot688] {
    grid-template-columns: 1fr;
    gap: 0.8rem;
    padding: 1.25rem 0;
    padding: 1rem;
    margin-bottom: 0.85rem;
    border: 1px solid #172842;
    border-radius: 14px;
    background: #08111f;
  }
}

@media (max-width: 720px) {
  .account-posts-shell[b-1pciyot688] {
    padding: 1rem;
  }

  .account-posts-header[b-1pciyot688],
  .posts-toolbar[b-1pciyot688] {
    flex-direction: column;
    align-items: stretch;
  }

  .create-post-button[b-1pciyot688] {
    width: 100%;
  }

  .delete-modal-actions[b-1pciyot688] {
    flex-direction: column;
  }

  .actions-cell a[b-1pciyot688],
  .actions-cell button[b-1pciyot688],
  .pagination button[b-1pciyot688],
  .cancel-button[b-1pciyot688],
  .danger-button[b-1pciyot688] {
    min-height: 44px;
  }
}

@media (max-width: 480px) {
  .account-posts-shell[b-1pciyot688] {
    padding: 0.85rem;
  }

  .posts-management-card[b-1pciyot688],
  .delete-modal[b-1pciyot688] {
    padding: 1rem;
    border-radius: 14px;
  }

  .actions-cell a[b-1pciyot688],
  .actions-cell button[b-1pciyot688] {
    flex: 1 1 calc(50% - 0.45rem);
  }

  .delete-modal-actions button[b-1pciyot688] {
    width: 100%;
  }
}
/* /Components/Pages/Profile/Profile.razor.rz.scp.css */
.profile-dashboard[b-wjri2ijip6] {
  min-height: 100vh;
  min-height: 100dvh;
  padding: 2rem;
  background:
    radial-gradient(
      circle at top right,
      rgba(37, 99, 235, 0.14),
      transparent 28%
    ),
    linear-gradient(180deg, #08111f 0%, #050914 100%);
  color: #e5edf7;
  overflow-x: hidden;
  padding-bottom: max(2rem, env(safe-area-inset-bottom));
}

.profile-page-header[b-wjri2ijip6] {
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
  align-items: flex-start;
  margin-bottom: 1.5rem;
}

.breadcrumb[b-wjri2ijip6] {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin: 0 0 1.5rem;
  color: #71849b;
  font-size: 0.82rem;
}

.breadcrumb a[b-wjri2ijip6] {
  color: #9fb1c7;
  text-decoration: none;
}

.breadcrumb a:hover[b-wjri2ijip6] {
  color: #60a5fa;
}

.profile-page-header h1[b-wjri2ijip6] {
  margin: 0;
  color: #ffffff;
  font-size: clamp(2rem, 4vw, 3.2rem);
  line-height: 1;
  font-weight: 950;
  letter-spacing: -0.06em;
}

.profile-page-header p:last-child[b-wjri2ijip6] {
  margin: 0.55rem 0 0;
  color: #9fb1c7;
}

.profile-header-actions[b-wjri2ijip6] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.create-article-button[b-wjri2ijip6],
.view-public-profile-button[b-wjri2ijip6] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border: 1px solid #3b82f6;
  border-radius: 12px;
  background: linear-gradient(180deg, #3b82f6 0%, #2563eb 100%);
  color: #ffffff;
  padding: 0.9rem 1.1rem;
  font-weight: 950;
  text-decoration: none;
  box-shadow: 0 14px 30px rgba(37, 99, 235, 0.32);
}

.view-public-profile-button[b-wjri2ijip6] {
  border-color: #24476f;
  background: #08111f;
  color: #c7d7ea;
  box-shadow: none;
}

.create-article-button:hover[b-wjri2ijip6],
.view-public-profile-button:hover[b-wjri2ijip6] {
  color: white;
  border-color: #93c5fd;
  transform: translateY(-1px);
}

.view-public-profile-button:hover[b-wjri2ijip6] {
  background: #10203a;
}

.profile-overview-card[b-wjri2ijip6],
.dashboard-card[b-wjri2ijip6],
.profile-status-card[b-wjri2ijip6] {
  background: #0d1728;
  border: 1px solid #1d3352;
  border-radius: 18px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.25);
}

.profile-overview-card[b-wjri2ijip6] {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) 1.45fr;
  gap: 1.5rem;
  align-items: center;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  min-width: 0;
}

.profile-identity[b-wjri2ijip6] {
  display: flex;
  gap: 1rem;
  align-items: center;
  padding-right: 1.5rem;
  border-right: 1px solid #172842;
  min-width: 0;
}

.profile-avatar-large[b-wjri2ijip6] {
  width: 96px;
  height: 96px;
  border-radius: 999px;
  overflow: hidden;
  background:
    radial-gradient(
      circle at top right,
      rgba(96, 165, 250, 0.35),
      transparent 42%
    ),
    linear-gradient(135deg, #0f1f36, #08111f);
  border: 2px solid #2563eb;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #60a5fa;
  font-size: 2rem;
  font-weight: 950;
  flex-shrink: 0;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22);
}

.profile-avatar-large img[b-wjri2ijip6] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.profile-identity h2[b-wjri2ijip6] {
  margin: 0;
  color: #ffffff;
  font-size: 1.55rem;
  font-weight: 950;
  letter-spacing: -0.04em;
}

.profile-identity p[b-wjri2ijip6] {
  margin: 0.25rem 0 0.7rem;
  color: #9fb1c7;
  font-size: 0.9rem;
}

.identity-badges[b-wjri2ijip6] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.role-badge[b-wjri2ijip6],
.joined-badge[b-wjri2ijip6],
.published-badge[b-wjri2ijip6] {
  display: inline-flex;
  border-radius: 999px;
  padding: 0.35rem 0.6rem;
  font-size: 0.72rem;
  font-weight: 900;
}

.role-badge[b-wjri2ijip6] {
  color: #93c5fd;
  background: rgba(37, 99, 235, 0.14);
  border: 1px solid rgba(96, 165, 250, 0.25);
}

.joined-badge[b-wjri2ijip6] {
  color: #9fb1c7;
  background: #08111f;
  border: 1px solid #1d3352;
}

.profile-stats-grid[b-wjri2ijip6] {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1rem;
}

.stat-card[b-wjri2ijip6] {
  min-height: 110px;
  padding: 1rem;
  border-radius: 14px;
  background: #08111f;
  border: 1px solid #1d3352;
  text-align: center;
}

.stat-icon[b-wjri2ijip6] {
  display: inline-flex;
  color: #60a5fa;
  margin-bottom: 0.65rem;
}

.stat-icon.purple[b-wjri2ijip6] {
  color: #a78bfa;
}

.stat-icon.pink[b-wjri2ijip6] {
  color: #f472b6;
}

.stat-icon.green[b-wjri2ijip6] {
  color: #34d399;
}

.stat-icon.reputation[b-wjri2ijip6] {
  color: #facc15;
}

.stat-card strong[b-wjri2ijip6] {
  display: block;
  color: #ffffff;
  font-size: 1.65rem;
  line-height: 1;
  font-weight: 950;
}

.stat-card small[b-wjri2ijip6] {
  display: block;
  margin-top: 0.45rem;
  color: #9fb1c7;
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.profile-content-grid[b-wjri2ijip6] {
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr);
  gap: 1.5rem;
  min-width: 0;
}

.profile-left-column[b-wjri2ijip6],
.profile-main-column[b-wjri2ijip6] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  min-width: 0;
}

.dashboard-card[b-wjri2ijip6] {
  padding: 1.25rem;
}

.card-title-row[b-wjri2ijip6],
.card-title-row > div[b-wjri2ijip6] {
  display: flex;
  align-items: center;
  gap: 0.55rem;
}

.card-title-row[b-wjri2ijip6] {
  justify-content: space-between;
  margin-bottom: 1.2rem;
}

.card-title-row h2[b-wjri2ijip6] {
  margin: 0;
  color: #ffffff;
  font-size: 1.05rem;
  font-weight: 950;
}

.card-title-row span[b-wjri2ijip6] {
  color: #60a5fa;
  font-weight: 950;
}

.card-title-row a[b-wjri2ijip6],
.view-all-posts[b-wjri2ijip6] {
  color: #60a5fa;
  font-size: 0.82rem;
  font-weight: 900;
  text-decoration: none;
}

.card-title-row a:hover[b-wjri2ijip6],
.view-all-posts:hover[b-wjri2ijip6] {
  text-decoration: underline;
}

.small-square-button[b-wjri2ijip6] {
  width: 2rem;
  height: 2rem;
  border: 1px solid #1d3352;
  border-radius: 9px;
  background: #08111f;
  color: #9fb1c7;
}

.profile-form[b-wjri2ijip6] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.profile-form label[b-wjri2ijip6],
.profile-form-label[b-wjri2ijip6] {
  color: #93c5fd;
  font-size: 0.72rem;
  font-weight: 900;
}

.profile-form input[b-wjri2ijip6] {
  width: 100%;
  min-width: 0;
  border: 1px solid #1d3352;
  border-radius: 10px;
  background: #08111f;
  color: #e5edf7;
  padding: 0.78rem 0.85rem;
  outline: none;
  font-size: 0.86rem;
}

.profile-form input:focus[b-wjri2ijip6] {
  border-color: #2563eb;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.18);
}

.profile-form input:disabled[b-wjri2ijip6] {
  opacity: 0.55;
  cursor: not-allowed;
}

.profile-upload-control[b-wjri2ijip6] {
  min-height: 116px;
  border: 1px dashed #1d3352;
  border-radius: 12px;
  background: #08111f;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  padding: 0.9rem;
  cursor: pointer;
  text-align: center;
  color: #e5edf7 !important;
}

.profile-upload-control:hover[b-wjri2ijip6] {
  border-color: #2563eb;
  background: #111e32;
}

.profile-upload-control input[b-wjri2ijip6] {
  display: none;
}

.profile-upload-control span[b-wjri2ijip6] {
  color: #ffffff;
  font-weight: 950;
}

.profile-upload-control small[b-wjri2ijip6],
.profile-upload-name[b-wjri2ijip6],
.profile-upload-warning[b-wjri2ijip6] {
  color: #9fb1c7;
  font-size: 0.8rem;
}

.profile-upload-name[b-wjri2ijip6],
.profile-upload-warning[b-wjri2ijip6] {
  margin: 0;
  line-height: 1.5;
}

.profile-image-preview[b-wjri2ijip6] {
  width: 88px;
  height: 88px;
  border-radius: 999px;
  border: 2px solid #2563eb;
  object-fit: cover;
}

.profile-form button[b-wjri2ijip6] {
  margin-top: 0.35rem;
  border: 1px solid #1d3352;
  border-radius: 10px;
  background: #08111f;
  color: #ffffff;
  padding: 0.8rem 1rem;
  font-weight: 950;
  cursor: pointer;
}

.profile-form button:hover[b-wjri2ijip6] {
  border-color: #2563eb;
  background: #111e32;
}

.profile-form button:disabled[b-wjri2ijip6] {
  opacity: 0.7;
  cursor: not-allowed;
}

.account-security-card[b-wjri2ijip6] {
  display: flex;
  flex-direction: column;
}

.account-security-links[b-wjri2ijip6] {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.account-security-links a[b-wjri2ijip6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #1d3352;
  border-radius: 10px;
  background: #08111f;
  color: #e5edf7;
  padding: 0.8rem 0.85rem;
  font-size: 0.86rem;
  font-weight: 950;
  text-decoration: none;
}

.account-security-links a[b-wjri2ijip6]::after {
  content: ">";
  color: #60a5fa;
}

.account-security-links a:hover[b-wjri2ijip6] {
  border-color: #2563eb;
  background: #111e32;
  color: #ffffff;
}

.status-message[b-wjri2ijip6] {
  margin: 0.5rem 0 0;
  padding: 0.75rem;
  border-radius: 10px;
  background: rgba(37, 99, 235, 0.14);
  border: 1px solid rgba(96, 165, 250, 0.25);
  color: #c7d7ea;
  font-size: 0.85rem;
  font-weight: 800;
}

.liked-list[b-wjri2ijip6] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.liked-item[b-wjri2ijip6] {
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 0.75rem;
  padding: 0.75rem;
  border: 1px solid #1d3352;
  border-radius: 12px;
  background: #08111f;
  text-decoration: none;
}

.liked-item:hover[b-wjri2ijip6] {
  border-color: #2563eb;
}

.liked-icon[b-wjri2ijip6] {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #0d1728;
  border: 1px solid #1d3352;
  color: #60a5fa;
}

.liked-item strong[b-wjri2ijip6] {
  display: block;
  color: #ffffff;
  font-size: 0.86rem;
}

.liked-item span[b-wjri2ijip6] {
  display: block;
  margin-top: 0.25rem;
  color: #71849b;
  font-size: 0.72rem;
  text-transform: uppercase;
  font-weight: 900;
}

.posts-table[b-wjri2ijip6] {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.posts-table-header[b-wjri2ijip6],
.posts-table-row[b-wjri2ijip6] {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) 120px 120px 120px;
  gap: 1rem;
  align-items: center;
}

.posts-table-header[b-wjri2ijip6] {
  padding: 0 0 0.7rem;
  border-bottom: 1px solid #172842;
  color: #71849b;
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.posts-table-row[b-wjri2ijip6] {
  padding: 1rem 0;
  border-bottom: 1px solid #172842;
  overflow-wrap: anywhere;
}

.post-title-cell strong[b-wjri2ijip6] {
  display: block;
  color: #ffffff;
  font-size: 0.92rem;
}

.post-title-cell span[b-wjri2ijip6] {
  display: block;
  margin-top: 0.25rem;
  color: #9fb1c7;
  font-size: 0.82rem;
}

.post-title-cell small[b-wjri2ijip6] {
  display: block;
  margin-top: 0.35rem;
  color: #64748b;
  font-size: 0.72rem;
}

.published-badge[b-wjri2ijip6] {
  color: #6ee7b7;
  background: rgba(16, 185, 129, 0.12);
  border: 1px solid rgba(16, 185, 129, 0.22);
}

.published-badge.draft[b-wjri2ijip6] {
  color: #c7d7ea;
  background: rgba(148, 163, 184, 0.1);
  border-color: rgba(148, 163, 184, 0.18);
}

.published-badge.submitted[b-wjri2ijip6] {
  color: #93c5fd;
  background: rgba(37, 99, 235, 0.16);
  border-color: rgba(96, 165, 250, 0.28);
}

.published-badge.rejected[b-wjri2ijip6] {
  color: #fecdd3;
  background: rgba(251, 113, 133, 0.12);
  border-color: rgba(251, 113, 133, 0.28);
}

.published-badge.unpublished[b-wjri2ijip6] {
  color: #facc15;
  background: rgba(250, 204, 21, 0.12);
  border-color: rgba(250, 204, 21, 0.25);
}

.published-badge.archived[b-wjri2ijip6] {
  color: #c7d7ea;
  background: rgba(100, 116, 139, 0.14);
  border-color: rgba(148, 163, 184, 0.22);
}

.post-stats[b-wjri2ijip6] {
  display: flex;
  gap: 0.65rem;
  color: #9fb1c7;
  font-size: 0.82rem;
}

.post-actions[b-wjri2ijip6] {
  display: flex;
  gap: 0.45rem;
  flex-wrap: wrap;
}

.post-actions a[b-wjri2ijip6],
.post-actions button[b-wjri2ijip6] {
  width: 2.5rem;
  height: 2.5rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #1d3352;
  border-radius: 8px;
  background: #08111f;
  color: #9fb1c7;
  text-decoration: none;
  cursor: pointer;
}

.post-actions a:hover[b-wjri2ijip6],
.post-actions button:hover[b-wjri2ijip6] {
  color: #ffffff;
  border-color: #2563eb;
}

.view-all-posts[b-wjri2ijip6] {
  display: block;
  text-align: center;
  margin-top: 1rem;
}

.activity-list[b-wjri2ijip6] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.activity-item[b-wjri2ijip6] {
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 0.75rem;
}

.activity-icon[b-wjri2ijip6] {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: #08111f;
  border: 1px solid #1d3352;
  display: flex;
  align-items: center;
  justify-content: center;
}

.activity-item strong[b-wjri2ijip6] {
  color: #ffffff;
  font-size: 0.9rem;
}

.activity-item a[b-wjri2ijip6] {
  color: #60a5fa;
  text-decoration: none;
}

.activity-item a:hover[b-wjri2ijip6] {
  text-decoration: underline;
}

.activity-item p[b-wjri2ijip6] {
  margin: 0.35rem 0 0;
  color: #9fb1c7;
  font-size: 0.86rem;
  line-height: 1.5;
}

.activity-item span[b-wjri2ijip6] {
  display: block;
  margin-top: 0.35rem;
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
}

.empty-text[b-wjri2ijip6] {
  color: #9fb1c7;
  margin: 0;
  line-height: 1.6;
}

.empty-state[b-wjri2ijip6] {
  padding: 2rem;
  border: 1px dashed #1d3352;
  border-radius: 14px;
  text-align: center;
}

.empty-state h3[b-wjri2ijip6] {
  margin: 0;
  color: #ffffff;
}

.empty-state p[b-wjri2ijip6] {
  color: #9fb1c7;
}

.empty-state a[b-wjri2ijip6] {
  color: #60a5fa;
  font-weight: 900;
}

.profile-status-card[b-wjri2ijip6] {
  max-width: 720px;
  margin: 0 auto;
  padding: 2rem;
  color: #9fb1c7;
}

.profile-modal-backdrop[b-wjri2ijip6] {
  position: fixed;
  inset: 0;
  z-index: 30;
  display: grid;
  place-items: center;
  padding: 1rem;
  background: rgba(5, 9, 20, 0.78);
  backdrop-filter: blur(10px);
}

.profile-modal[b-wjri2ijip6] {
  width: min(100%, 420px);
  max-height: calc(100dvh - 2rem);
  overflow-y: auto;
  padding: 1.4rem;
  background: #0d1728;
  border: 1px solid #1d3352;
  border-radius: 16px;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.42);
}

.profile-modal h2[b-wjri2ijip6] {
  margin: 0;
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: 950;
}

.profile-modal p[b-wjri2ijip6] {
  margin: 0.8rem 0 1.1rem;
  color: #9fb1c7;
  line-height: 1.6;
}

.profile-modal strong[b-wjri2ijip6] {
  color: #ffffff;
}

.profile-modal-actions[b-wjri2ijip6] {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
}

.profile-modal-actions button[b-wjri2ijip6] {
  min-height: 44px;
  border: 1px solid #1d3352;
  border-radius: 10px;
  background: #08111f;
  color: #c7d7ea;
  padding: 0.7rem 0.9rem;
  font-weight: 950;
  cursor: pointer;
}

.profile-modal-actions .danger[b-wjri2ijip6] {
  border-color: rgba(251, 113, 133, 0.4);
  background: rgba(251, 113, 133, 0.12);
  color: #fecdd3;
}

@media (max-width: 1150px) {
  .profile-overview-card[b-wjri2ijip6],
  .profile-content-grid[b-wjri2ijip6] {
    grid-template-columns: 1fr;
  }

  .profile-stats-grid[b-wjri2ijip6] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .profile-identity[b-wjri2ijip6] {
    border-right: none;
    border-bottom: 1px solid #172842;
    padding-right: 0;
    padding-bottom: 1.25rem;
  }
}

@media (max-width: 850px) {
  .profile-dashboard[b-wjri2ijip6] {
    padding: 1rem;
  }

  .profile-page-header[b-wjri2ijip6] {
    flex-direction: column;
  }

  .profile-header-actions[b-wjri2ijip6],
  .create-article-button[b-wjri2ijip6],
  .view-public-profile-button[b-wjri2ijip6] {
    width: 100%;
  }

  .profile-stats-grid[b-wjri2ijip6] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .posts-table-header[b-wjri2ijip6] {
    display: none;
  }

  .posts-table-row[b-wjri2ijip6] {
    grid-template-columns: 1fr;
    gap: 0.8rem;
    padding: 1rem;
    margin-bottom: 0.85rem;
    border: 1px solid #172842;
    border-radius: 14px;
    background: #08111f;
  }
}

@media (max-width: 560px) {
  .profile-identity[b-wjri2ijip6] {
    flex-direction: column;
    align-items: flex-start;
  }

  .profile-stats-grid[b-wjri2ijip6] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dashboard-card[b-wjri2ijip6],
  .profile-overview-card[b-wjri2ijip6] {
    padding: 1rem;
    border-radius: 14px;
  }

  .profile-page-header h1[b-wjri2ijip6] {
    line-height: 1.08;
  }

  .post-actions a[b-wjri2ijip6],
  .post-actions button[b-wjri2ijip6] {
    flex: 1 1 calc(50% - 0.45rem);
    width: auto;
    min-height: 44px;
  }
}
/* /Components/Pages/Terms/Terms.razor.rz.scp.css */
.terms-shell[b-zr4ln4dhnl] {
  min-height: 100vh;
  min-height: 100dvh;
  padding: 2rem 3rem;
  background:
    radial-gradient(
      circle at top right,
      rgba(37, 99, 235, 0.14),
      transparent 30%
    ),
    linear-gradient(180deg, #08111f 0%, #050914 100%);
  color: #e5edf7;
  overflow-x: hidden;
  padding-bottom: max(2rem, env(safe-area-inset-bottom));
}

.terms-layout[b-zr4ln4dhnl] {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 260px;
  gap: 1.5rem;
  align-items: start;
  min-width: 0;
}

.terms-main[b-zr4ln4dhnl] {
  min-width: 0;
}

.terms-header[b-zr4ln4dhnl] {
  margin-bottom: 1.5rem;
}

.breadcrumb[b-zr4ln4dhnl] {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin: 0 0 0.8rem;
  color: #71849b;
  font-size: 0.82rem;
}

.breadcrumb a[b-zr4ln4dhnl] {
  color: #60a5fa;
  text-decoration: none;
  font-weight: 800;
}

.breadcrumb a:hover[b-zr4ln4dhnl] {
  text-decoration: underline;
}

.terms-badge[b-zr4ln4dhnl] {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 0.9rem;
  border-radius: 999px;
  padding: 0.35rem 0.7rem;
  background: rgba(37, 99, 235, 0.16);
  color: #93c5fd;
  border: 1px solid rgba(96, 165, 250, 0.25);
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.terms-header h1[b-zr4ln4dhnl] {
  margin: 0;
  color: #ffffff;
  font-size: clamp(2.3rem, 5vw, 4rem);
  line-height: 0.95;
  font-weight: 950;
  letter-spacing: -0.06em;
}

.terms-header p[b-zr4ln4dhnl] {
  max-width: 760px;
  margin: 0.9rem 0 0;
  color: #9fb1c7;
  line-height: 1.7;
}

.terms-meta[b-zr4ln4dhnl] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1rem;
}

.terms-meta span[b-zr4ln4dhnl] {
  border: 1px solid #1d3352;
  background: #0d1728;
  color: #9fb1c7;
  border-radius: 999px;
  padding: 0.4rem 0.7rem;
  font-size: 0.78rem;
  font-weight: 850;
}

.terms-card[b-zr4ln4dhnl],
.toc-card[b-zr4ln4dhnl],
.support-card[b-zr4ln4dhnl] {
  background:
    linear-gradient(180deg, rgba(17, 30, 50, 0.76), rgba(13, 23, 40, 0.98)),
    #0d1728;
  border: 1px solid #1d3352;
  border-radius: 18px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.26);
}

.terms-card[b-zr4ln4dhnl] {
  padding: 1.75rem;
  min-width: 0;
}

.terms-section[b-zr4ln4dhnl] {
  scroll-margin-top: 1.5rem;
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid rgba(29, 51, 82, 0.7);
}

.terms-section:last-child[b-zr4ln4dhnl] {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}

.terms-section h2[b-zr4ln4dhnl] {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  margin: 0 0 0.85rem;
  color: #ffffff;
  font-size: 1.2rem;
  line-height: 1.25;
  font-weight: 950;
  letter-spacing: -0.02em;
}

.terms-section h2[b-zr4ln4dhnl]::before {
  content: "";
  width: 0.35rem;
  height: 1.35rem;
  border-radius: 999px;
  background: #2563eb;
  box-shadow: 0 0 20px rgba(37, 99, 235, 0.45);
}

.terms-section p[b-zr4ln4dhnl] {
  margin: 0.75rem 0;
  color: #9fb1c7;
  line-height: 1.8;
  font-size: 0.96rem;
  overflow-wrap: anywhere;
}

.terms-section ul[b-zr4ln4dhnl] {
  margin: 0.8rem 0 0.8rem;
  padding-left: 1.15rem;
  color: #c7d7ea;
}

.terms-section li[b-zr4ln4dhnl] {
  margin: 0.55rem 0;
  line-height: 1.65;
}

.terms-section li[b-zr4ln4dhnl]::marker {
  color: #60a5fa;
}

.warning-card[b-zr4ln4dhnl] {
  margin: 1rem 0;
  padding: 1rem;
  border-radius: 14px;
  background: rgba(250, 204, 21, 0.1);
  border: 1px solid rgba(250, 204, 21, 0.25);
}

.warning-card strong[b-zr4ln4dhnl] {
  display: block;
  color: #fde68a;
  margin-bottom: 0.4rem;
}

.warning-card p[b-zr4ln4dhnl] {
  margin: 0;
  color: #f8e7aa;
}

.contact-card-inline[b-zr4ln4dhnl] {
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 0.85rem;
  align-items: center;
  margin-top: 1rem;
  padding: 1rem;
  background: #08111f;
  border: 1px solid #1d3352;
  border-radius: 14px;
}

.contact-card-inline span[b-zr4ln4dhnl] {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: rgba(37, 99, 235, 0.16);
  border: 1px solid rgba(96, 165, 250, 0.25);
  color: #93c5fd;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact-card-inline strong[b-zr4ln4dhnl] {
  display: block;
  color: #ffffff;
  font-size: 0.9rem;
}

.contact-card-inline a[b-zr4ln4dhnl] {
  display: inline-flex;
  margin-top: 0.25rem;
  color: #60a5fa;
  font-weight: 850;
  text-decoration: none;
}

.contact-card-inline a:hover[b-zr4ln4dhnl] {
  color: #93c5fd;
  text-decoration: underline;
}

.terms-sidebar[b-zr4ln4dhnl] {
  position: sticky;
  top: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.toc-card[b-zr4ln4dhnl] {
  padding: 1rem;
}

.toc-card p[b-zr4ln4dhnl] {
  margin: 0 0 0.75rem;
  color: #ffffff;
  font-size: 0.9rem;
  font-weight: 950;
}

.toc-card a[b-zr4ln4dhnl] {
  display: block;
  padding: 0.55rem 0;
  color: #9fb1c7;
  font-size: 0.84rem;
  text-decoration: none;
  border-bottom: 1px solid rgba(29, 51, 82, 0.65);
}

.toc-card a:last-child[b-zr4ln4dhnl] {
  border-bottom: none;
}

.toc-card a:hover[b-zr4ln4dhnl] {
  color: #60a5fa;
}

.support-card[b-zr4ln4dhnl] {
  padding: 1rem;
  background:
    radial-gradient(
      circle at top right,
      rgba(37, 99, 235, 0.22),
      transparent 40%
    ),
    #10203a;
  border-color: rgba(96, 165, 250, 0.28);
}

.support-icon[b-zr4ln4dhnl] {
  width: 2.4rem;
  height: 2.4rem;
  margin-bottom: 0.85rem;
  border-radius: 999px;
  background: rgba(37, 99, 235, 0.16);
  color: #93c5fd;
  border: 1px solid rgba(96, 165, 250, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 950;
}

.support-card h2[b-zr4ln4dhnl] {
  margin: 0;
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.3;
  font-weight: 950;
}

.support-card p[b-zr4ln4dhnl] {
  margin: 0.75rem 0 1rem;
  color: #9fb1c7;
  line-height: 1.55;
  font-size: 0.88rem;
}

.support-card a[b-zr4ln4dhnl] {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #3b82f6;
  border-radius: 12px;
  background: linear-gradient(180deg, #3b82f6 0%, #2563eb 100%);
  color: #ffffff;
  padding: 0.75rem 1rem;
  font-size: 0.86rem;
  font-weight: 950;
  text-decoration: none;
  box-shadow: 0 14px 30px rgba(37, 99, 235, 0.28);
}

.support-card a:hover[b-zr4ln4dhnl] {
  border-color: #93c5fd;
  color: #ffffff;
}

@media (max-width: 1050px) {
  .terms-shell[b-zr4ln4dhnl] {
    padding: 1.5rem;
  }

  .terms-layout[b-zr4ln4dhnl] {
    grid-template-columns: 1fr;
  }

  .terms-sidebar[b-zr4ln4dhnl] {
    position: static;
    order: -1;
  }

  .toc-card[b-zr4ln4dhnl] {
    display: none;
  }
}

@media (max-width: 640px) {
  .terms-shell[b-zr4ln4dhnl] {
    padding: 1rem;
  }

  .terms-card[b-zr4ln4dhnl] {
    padding: 1.15rem;
  }

  .terms-meta[b-zr4ln4dhnl] {
    flex-direction: column;
    align-items: flex-start;
  }

  .contact-card-inline[b-zr4ln4dhnl] {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .terms-shell[b-zr4ln4dhnl] {
    padding: 0.85rem;
  }

  .terms-card[b-zr4ln4dhnl],
  .support-card[b-zr4ln4dhnl] {
    border-radius: 14px;
  }

  .support-card a[b-zr4ln4dhnl] {
    min-height: 44px;
  }
}
/* /Components/Shared/CompactPagination.razor.rz.scp.css */
.pagination[b-39a5bsuh2p],
.admin-pagination[b-39a5bsuh2p],
.notifications-pagination[b-39a5bsuh2p] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.45rem;
  flex-wrap: wrap;
}

.pagination-ellipsis[b-39a5bsuh2p] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  min-height: 2.5rem;
  color: #71849b;
  font-weight: 900;
  user-select: none;
}

.pagination button[b-39a5bsuh2p],
.admin-pagination button[b-39a5bsuh2p],
.notifications-pagination button[b-39a5bsuh2p] {
  border: 1px solid #1d3352;
  border-radius: 10px;
  background: #0d1728;
  color: #9fb1c7;
  min-width: 2.5rem;
  padding: 0.65rem 0.85rem;
  font-weight: 900;
  cursor: pointer;
  transition:
    background-color 0.18s ease,
    border-color 0.18s ease,
    color 0.18s ease,
    transform 0.18s ease;
}

.pagination button:hover:not(:disabled)[b-39a5bsuh2p],
.admin-pagination button:hover:not(:disabled)[b-39a5bsuh2p],
.notifications-pagination button:hover:not(:disabled)[b-39a5bsuh2p] {
  color: #ffffff;
  background: #111e32;
  border-color: #2563eb;
  transform: translateY(-1px);
}

.pagination button.active[b-39a5bsuh2p],
.admin-pagination button.active[b-39a5bsuh2p],
.notifications-pagination button.active[b-39a5bsuh2p] {
  background: #2563eb;
  border-color: #60a5fa;
  color: #ffffff;
  box-shadow: 0 10px 24px rgba(37, 99, 235, 0.24);
}

.pagination button:disabled[b-39a5bsuh2p],
.admin-pagination button:disabled[b-39a5bsuh2p],
.notifications-pagination button:disabled[b-39a5bsuh2p] {
  opacity: 0.45;
  cursor: not-allowed;
}

.admin-pagination button[b-39a5bsuh2p] {
  background: #0d1728;
  color: #c7d7ea;
  padding: 0.6rem 0.8rem;
  font-size: 0.82rem;
}

@media (max-width: 480px) {
  .pagination[b-39a5bsuh2p],
  .admin-pagination[b-39a5bsuh2p],
  .notifications-pagination[b-39a5bsuh2p] {
    gap: 0.35rem;
  }

  .pagination-ellipsis[b-39a5bsuh2p] {
    min-width: 1.35rem;
  }

  .pagination button[b-39a5bsuh2p],
  .admin-pagination button[b-39a5bsuh2p],
  .notifications-pagination button[b-39a5bsuh2p] {
    min-height: 44px;
  }
}
/* /Components/Shared/PostEditing/BrandSelector.razor.rz.scp.css */
.brand-selector[b-h58k0olo6f] {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  min-width: 0;
}

.brand-input-wrap[b-h58k0olo6f] {
  position: relative;
}

.brand-suggestions[b-h58k0olo6f] {
  position: absolute;
  z-index: 12;
  top: calc(100% + 0.35rem);
  left: 0;
  right: 0;
  display: grid;
  max-height: 18rem;
  overflow-y: auto;
  border: 1px solid #1d3352;
  border-radius: 12px;
  background: #08111f;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34);
}

.brand-suggestions button[b-h58k0olo6f],
.brand-suggestion-empty[b-h58k0olo6f] {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #172842;
  background: transparent;
  color: #e5edf7;
  padding: 0.75rem 0.9rem;
  text-align: left;
  font: inherit;
  font-size: 0.9rem;
}

.brand-suggestions button[b-h58k0olo6f] {
  cursor: pointer;
}

.brand-suggestions button:hover[b-h58k0olo6f],
.brand-suggestions button:focus-visible[b-h58k0olo6f] {
  background: #111e32;
  color: #ffffff;
  outline: none;
}

.brand-suggestion-empty[b-h58k0olo6f] {
  color: #9fb1c7;
}

.brand-pill-list[b-h58k0olo6f] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.brand-pill[b-h58k0olo6f] {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  max-width: 100%;
  border: 1px solid rgba(96, 165, 250, 0.25);
  border-radius: 999px;
  background: rgba(37, 99, 235, 0.16);
  color: #bfdbfe;
  padding: 0.35rem 0.45rem 0.35rem 0.7rem;
  font-size: 0.82rem;
  font-weight: 900;
}

.brand-pill button[b-h58k0olo6f] {
  width: 1.35rem;
  height: 1.35rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(96, 165, 250, 0.22);
  border-radius: 999px;
  background: #08111f;
  color: #dbeafe;
  font: inherit;
  font-size: 0.8rem;
  font-weight: 950;
  line-height: 1;
  cursor: pointer;
}

.brand-pill button:hover[b-h58k0olo6f],
.brand-pill button:focus-visible[b-h58k0olo6f] {
  border-color: #fb7185;
  color: #fecdd3;
  outline: none;
}
/* /Components/Shared/PostEditing/EquipmentInvolvedPicker.razor.rz.scp.css */
.equipment-picker[b-wzj944xkz8] {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  min-width: 0;
}

.equipment-input-wrap[b-wzj944xkz8] {
  position: relative;
}

.equipment-suggestions[b-wzj944xkz8] {
  position: absolute;
  z-index: 12;
  top: calc(100% + 0.35rem);
  left: 0;
  right: 0;
  display: grid;
  max-height: 18rem;
  overflow-y: auto;
  border: 1px solid #1d3352;
  border-radius: 12px;
  background: #08111f;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34);
}

.equipment-suggestions button[b-wzj944xkz8],
.equipment-suggestion-empty[b-wzj944xkz8] {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #172842;
  background: transparent;
  color: #e5edf7;
  padding: 0.75rem 0.9rem;
  text-align: left;
  font: inherit;
  font-size: 0.9rem;
}

.equipment-suggestions button[b-wzj944xkz8] {
  cursor: pointer;
}

.equipment-suggestions button:hover[b-wzj944xkz8],
.equipment-suggestions button:focus-visible[b-wzj944xkz8] {
  background: #111e32;
  color: #ffffff;
  outline: none;
}

.equipment-suggestion-empty[b-wzj944xkz8] {
  color: #9fb1c7;
}

.equipment-pill-list[b-wzj944xkz8] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.equipment-pill[b-wzj944xkz8] {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  max-width: 100%;
  border: 1px solid rgba(96, 165, 250, 0.25);
  border-radius: 999px;
  background: rgba(37, 99, 235, 0.16);
  color: #bfdbfe;
  padding: 0.35rem 0.45rem 0.35rem 0.7rem;
  font-size: 0.82rem;
  font-weight: 900;
}

.equipment-pill button[b-wzj944xkz8] {
  width: 1.35rem;
  height: 1.35rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(96, 165, 250, 0.22);
  border-radius: 999px;
  background: #08111f;
  color: #dbeafe;
  font: inherit;
  font-size: 0.8rem;
  font-weight: 950;
  line-height: 1;
  cursor: pointer;
}

.equipment-pill button:hover[b-wzj944xkz8],
.equipment-pill button:focus-visible[b-wzj944xkz8] {
  border-color: #fb7185;
  color: #fecdd3;
  outline: none;
}
/* /Components/Shared/PostEditing/PostImageUpload.razor.rz.scp.css */
.form-group[b-lv6mjdgw4c] {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  margin-bottom: 1rem;
}

.form-group label[b-lv6mjdgw4c] {
  color: #9fb1c7;
  font-size: 0.76rem;
  font-weight: 900;
}

.current-image-preview[b-lv6mjdgw4c] {
  overflow: hidden;
  border: 1px solid #1d3352;
  border-radius: 14px;
  background: #08111f;
}

.current-image-preview img[b-lv6mjdgw4c] {
  display: block;
  width: 100%;
  max-height: 260px;
  object-fit: cover;
}

.upload-dropzone[b-lv6mjdgw4c] {
  min-height: 170px;
  border: 1px dashed #1d3352;
  border-radius: 16px;
  background: #08111f;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  padding: 1rem;
  cursor: pointer;
  text-align: center;
  min-width: 0;
  transition:
    border-color 0.18s ease,
    background-color 0.18s ease;
}

.upload-dropzone:hover[b-lv6mjdgw4c] {
  border-color: #2563eb;
  background: #0b1424;
}

.upload-dropzone input[b-lv6mjdgw4c] {
  display: none;
}

.upload-icon[b-lv6mjdgw4c] {
  width: 3rem;
  height: 3rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #172842;
  color: #93c5fd;
  font-size: 1.4rem;
}

.upload-dropzone strong[b-lv6mjdgw4c] {
  color: #ffffff;
  font-size: 0.9rem;
}

.upload-dropzone small[b-lv6mjdgw4c],
.upload-file-name[b-lv6mjdgw4c],
.upload-warning[b-lv6mjdgw4c] {
  color: #9fb1c7;
  font-size: 0.8rem;
}

.upload-file-name[b-lv6mjdgw4c] {
  margin: 0.5rem 0 0;
}

.upload-warning[b-lv6mjdgw4c] {
  margin: 0.65rem 0 0;
  line-height: 1.5;
  color: #c7d7ea;
}

@media (max-width: 480px) {
  .upload-dropzone[b-lv6mjdgw4c] {
    min-height: 150px;
  }
}
/* /Components/Shared/PostEditing/StepsToResolveEditor.razor.rz.scp.css */
.steps-header[b-rnw5mlhaue] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 1.25rem 0 0.75rem;
}

.steps-header label[b-rnw5mlhaue] {
  color: #9fb1c7;
  font-size: 0.76rem;
  font-weight: 900;
}

.steps-header label span[b-rnw5mlhaue] {
  color: #fb7185;
}

.steps-header > span[b-rnw5mlhaue] {
  color: #9fb1c7;
  background: #172842;
  border: 1px solid #1d3352;
  border-radius: 999px;
  padding: 0.3rem 0.55rem;
  font-size: 0.72rem;
  font-weight: 900;
}

.steps-list[b-rnw5mlhaue] {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.step-editor[b-rnw5mlhaue] {
  display: grid;
  grid-template-columns: 2rem 1fr 2rem;
  gap: 0.75rem;
  align-items: start;
  min-width: 0;
}

.step-number[b-rnw5mlhaue] {
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  background: #172842;
  border: 1px solid #1d3352;
  color: #93c5fd;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
  font-weight: 950;
}

[b-rnw5mlhaue] .step-input {
  min-height: 86px;
  resize: vertical;
}

.remove-step-button[b-rnw5mlhaue] {
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid #1d3352;
  border-radius: 9px;
  background: #08111f;
  color: #fb7185;
  cursor: pointer;
  font-weight: 950;
}

.remove-step-button:hover[b-rnw5mlhaue] {
  border-color: #fb7185;
}

.add-step-button[b-rnw5mlhaue] {
  margin-top: 1rem;
  width: 100%;
  border: 1px solid #1d3352;
  border-radius: 12px;
  background: #08111f;
  color: #93c5fd;
  padding: 0.85rem 1rem;
  font-weight: 950;
  cursor: pointer;
}

.add-step-button:hover[b-rnw5mlhaue] {
  color: #ffffff;
  border-color: #2563eb;
  background: #111e32;
}

[b-rnw5mlhaue] textarea.form-control::-webkit-resizer,
[b-rnw5mlhaue] .step-input::-webkit-resizer {
  background:
    linear-gradient(
      135deg,
      transparent 0 45%,
      rgba(96, 165, 250, 0.45) 46% 54%,
      transparent 55%
    ),
    linear-gradient(
      135deg,
      transparent 0 62%,
      rgba(96, 165, 250, 0.28) 63% 70%,
      transparent 71%
    );
}

@media (max-width: 640px) {
  .steps-header[b-rnw5mlhaue] {
    align-items: flex-start;
    flex-direction: column;
  }

  .step-editor[b-rnw5mlhaue] {
    grid-template-columns: 2rem 1fr;
  }

  .remove-step-button[b-rnw5mlhaue] {
    grid-column: 2;
    width: 100%;
    min-height: 44px;
  }
}

@media (max-width: 480px) {
  .add-step-button[b-rnw5mlhaue] {
    min-height: 44px;
  }
}
/* /Components/Shared/RichTextEditor/RichTextEditor.razor.rz.scp.css */
.rich-editor-shell[b-fpjzxx5721] {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  border: 1px solid #1d3352;
  border-radius: 16px;
  overflow: hidden;
  background: #070d18;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.03),
    0 18px 40px rgba(0, 0, 0, 0.2);
}

.rich-editor-label[b-fpjzxx5721] {
  display: inline-flex;
  gap: 0.3rem;
  margin: 0 0 0.45rem;
  color: #dbeafe;
  font-size: 0.82rem;
  font-weight: 900;
}

.rich-editor-label span[aria-hidden="true"][b-fpjzxx5721] {
  color: #fca5a5;
}

/* TinyMCE root */
[b-fpjzxx5721] .tox.tox-tinymce,
[b-fpjzxx5721] .tox-tinymce {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  border: none !important;
  background: #070d18 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}

/* Editor header / toolbar containers */
[b-fpjzxx5721] .tox .tox-editor-header,
[b-fpjzxx5721] .tox .tox-toolbar-overlord,
[b-fpjzxx5721] .tox .tox-toolbar,
[b-fpjzxx5721] .tox .tox-toolbar__primary,
[b-fpjzxx5721] .tox .tox-toolbar__overflow,
[b-fpjzxx5721] .tox .tox-menubar,
[b-fpjzxx5721] .tox .tox-statusbar {
  background: #0d1728 !important;
  border-color: #1d3352 !important;
  box-shadow: none !important;
}

[b-fpjzxx5721] .tox .tox-toolbar__group {
  border-color: rgba(29, 51, 82, 0.85) !important;
  padding: 0.25rem 0.35rem !important;
  flex-wrap: wrap !important;
}

/* Standard toolbar buttons */
[b-fpjzxx5721] .tox .tox-tbtn,
[b-fpjzxx5721] .tox .tox-mbtn {
  min-width: 36px !important;
  min-height: 36px !important;
  margin: 0 0.1rem !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #c7d7ea !important;
  cursor: pointer !important;
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease,
    box-shadow 0.15s ease !important;
}

[b-fpjzxx5721] .tox .tox-tbtn__select-label,
[b-fpjzxx5721] .tox .tox-mbtn__select-label,
[b-fpjzxx5721] .tox .tox-tbtn__select-chevron,
[b-fpjzxx5721] .tox .tox-mbtn__select-chevron,
[b-fpjzxx5721] .tox .tox-mbtn__select-chevron svg {
  color: #c7d7ea !important;
  fill: #c7d7ea !important;
}

[b-fpjzxx5721] .tox .tox-tbtn svg,
[b-fpjzxx5721] .tox .tox-mbtn svg {
  fill: #c7d7ea !important;
}

/* Hover/focus states */
[b-fpjzxx5721] .tox .tox-tbtn:hover,
[b-fpjzxx5721] .tox .tox-mbtn:hover,
[b-fpjzxx5721] .tox .tox-tbtn:focus,
[b-fpjzxx5721] .tox .tox-mbtn:focus {
  background: #172842 !important;
  border-color: #27456d !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

[b-fpjzxx5721] .tox .tox-tbtn:hover svg,
[b-fpjzxx5721] .tox .tox-mbtn:hover svg,
[b-fpjzxx5721] .tox .tox-tbtn:focus svg,
[b-fpjzxx5721] .tox .tox-mbtn:focus svg {
  fill: #ffffff !important;
}

/* Active/toggled states */
[b-fpjzxx5721] .tox .tox-tbtn--enabled,
[b-fpjzxx5721] .tox .tox-tbtn--enabled:hover,
[b-fpjzxx5721] .tox .tox-mbtn--active,
[b-fpjzxx5721] .tox .tox-mbtn--active:hover {
  background: rgba(59, 130, 246, 0.18) !important;
  border-color: #3b82f6 !important;
  color: #dbeafe !important;
}

[b-fpjzxx5721] .tox .tox-tbtn--enabled svg,
[b-fpjzxx5721] .tox .tox-tbtn--enabled:hover svg,
[b-fpjzxx5721] .tox .tox-mbtn--active svg,
[b-fpjzxx5721] .tox .tox-mbtn--active:hover svg {
  fill: #dbeafe !important;
}

/* Select/dropdown buttons like Paragraph */
[b-fpjzxx5721] .tox .tox-tbtn--select,
[b-fpjzxx5721] .tox .tox-split-button {
  background: #101b2d !important;
  border: 1px solid #1d3352 !important;
  color: #e5edf7 !important;
  border-radius: 10px !important;
}

[b-fpjzxx5721] .tox .tox-tbtn--select:hover,
[b-fpjzxx5721] .tox .tox-split-button:hover {
  background: #172842 !important;
  border-color: #27456d !important;
}

/* Disabled states */
[b-fpjzxx5721] .tox .tox-tbtn:disabled,
[b-fpjzxx5721] .tox .tox-tbtn--disabled,
[b-fpjzxx5721] .tox .tox-mbtn:disabled,
[b-fpjzxx5721] .tox .tox-mbtn--disabled {
  opacity: 0.42 !important;
  background: transparent !important;
  border-color: transparent !important;
  color: #64748b !important;
}

[b-fpjzxx5721] .tox .tox-tbtn:disabled svg,
[b-fpjzxx5721] .tox .tox-tbtn--disabled svg {
  fill: #64748b !important;
}

/* Edit area */
[b-fpjzxx5721] .tox .tox-edit-area,
[b-fpjzxx5721] .tox .tox-edit-area__iframe {
  background: #070d18 !important;
}

/* Separator lines */
[b-fpjzxx5721] .tox .tox-edit-area::before {
  border-color: #1d3352 !important;
}

/* Popups/dropdowns/dialogs */
[b-fpjzxx5721] .tox .tox-collection,
[b-fpjzxx5721] .tox .tox-menu,
[b-fpjzxx5721] .tox .tox-dialog,
[b-fpjzxx5721] .tox .tox-pop,
[b-fpjzxx5721] .tox .tox-pop__dialog,
[b-fpjzxx5721] .tox .tox-dialog__header,
[b-fpjzxx5721] .tox .tox-dialog__body,
[b-fpjzxx5721] .tox .tox-dialog__footer {
  background: #0d1728 !important;
  border-color: #1d3352 !important;
  color: #e5edf7 !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.38) !important;
  max-width: calc(100vw - 2rem) !important;
}

[b-fpjzxx5721] .tox .tox-dialog__title,
[b-fpjzxx5721] .tox .tox-label,
[b-fpjzxx5721] .tox .tox-collection__item,
[b-fpjzxx5721] .tox .tox-collection__item-label,
[b-fpjzxx5721] .tox .tox-collection__item-accessory {
  color: #e5edf7 !important;
}

[b-fpjzxx5721] .tox .tox-collection__item:hover,
[b-fpjzxx5721] .tox .tox-collection__item--active {
  background: #172842 !important;
}

/* Dialog inputs */
[b-fpjzxx5721] .tox input,
[b-fpjzxx5721] .tox textarea,
[b-fpjzxx5721] .tox select,
[b-fpjzxx5721] .tox .tox-textfield,
[b-fpjzxx5721] .tox .tox-textarea,
[b-fpjzxx5721] .tox .tox-listboxfield .tox-listbox--select {
  background: #08111f !important;
  color: #e5edf7 !important;
  border: 1px solid #1d3352 !important;
  border-radius: 10px !important;
  max-width: 100% !important;
}

[b-fpjzxx5721] .tox input:focus,
[b-fpjzxx5721] .tox textarea:focus,
[b-fpjzxx5721] .tox select:focus,
[b-fpjzxx5721] .tox .tox-textfield:focus,
[b-fpjzxx5721] .tox .tox-textarea:focus {
  border-color: #3b82f6 !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.18) !important;
}

@media (max-width: 640px) {
  .rich-editor-shell[b-fpjzxx5721] {
    border-radius: 12px;
  }

  [b-fpjzxx5721] .tox.tox-tinymce,
  [b-fpjzxx5721] .tox-tinymce {
    border-radius: 12px !important;
    max-height: 360px !important;
  }

  [b-fpjzxx5721] .tox .tox-editor-container,
  [b-fpjzxx5721] .tox .tox-edit-area,
  [b-fpjzxx5721] .tox .tox-edit-area__iframe {
    min-width: 0 !important;
  }

  [b-fpjzxx5721] .tox .tox-toolbar,
  [b-fpjzxx5721] .tox .tox-toolbar__primary,
  [b-fpjzxx5721] .tox .tox-toolbar__overflow {
    overflow-x: auto !important;
  }

  [b-fpjzxx5721] .tox .tox-tbtn,
  [b-fpjzxx5721] .tox .tox-mbtn {
    min-width: 40px !important;
    min-height: 40px !important;
  }

  [b-fpjzxx5721] .tox .tox-tbtn__select-label,
  [b-fpjzxx5721] .tox .tox-mbtn__select-label {
    max-width: 5.5rem !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  [b-fpjzxx5721] .tox .tox-dialog {
    width: calc(100vw - 2rem) !important;
    max-height: calc(100dvh - 2rem) !important;
    overflow-y: auto !important;
  }
}

@media (max-width: 480px) {
  [b-fpjzxx5721] .tox.tox-tinymce,
  [b-fpjzxx5721] .tox-tinymce {
    height: 240px !important;
  }
}
/* /Components/Shared/SearchBox/SearchBox.razor.rz.scp.css */
.search-component[b-om6ujw1chd] {
  width: min(720px, 100%);
  max-width: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0.65rem;
  background: #0d1728;
  border: 1px solid #1d3352;
  border-radius: 999px;
  padding: 0.75rem 0.85rem;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22);
  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    background-color 0.18s ease;
}

.search-component:focus-within[b-om6ujw1chd] {
  border-color: rgba(96, 165, 250, 0.72);
  background:
    radial-gradient(
      circle at top left,
      rgba(37, 99, 235, 0.14),
      transparent 38%
    ),
    #0d1728;
  box-shadow:
    0 0 0 4px rgba(37, 99, 235, 0.16),
    0 18px 40px rgba(0, 0, 0, 0.28);
}

.search-icon[b-om6ujw1chd] {
  color: #93c5fd;
  font-size: 0.95rem;
  flex-shrink: 0;
}

.search-component input[b-om6ujw1chd] {
  width: 100%;
  min-width: 0;
  border: none;
  outline: none;
  background: transparent;
  color: #e5edf7;
  font-size: 0.95rem;
}

.search-component input[b-om6ujw1chd]::placeholder {
  color: #64748b;
}

.clear-button[b-om6ujw1chd],
.shortcut-button[b-om6ujw1chd] {
  border: 1px solid #24476f;
  background: #111e32;
  color: #8fb4df;
  border-radius: 999px;
  font-weight: 900;
  cursor: pointer;
  flex-shrink: 0;
}

.clear-button[b-om6ujw1chd] {
  width: 1.8rem;
  height: 1.8rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  font-size: 1rem;
}

.shortcut-button[b-om6ujw1chd] {
  padding: 0.35rem 0.6rem;
  font-size: 0.76rem;
}

.clear-button:hover[b-om6ujw1chd],
.shortcut-button:hover[b-om6ujw1chd] {
  color: #ffffff;
  border-color: #2563eb;
  background: #172842;
}

@media (max-width: 640px) {
  .shortcut-button[b-om6ujw1chd] {
    display: none;
  }

  .search-component[b-om6ujw1chd] {
    border-radius: 14px;
    min-height: 48px;
    padding: 0.75rem;
  }
}

@media (max-width: 480px) {
  .clear-button[b-om6ujw1chd] {
    width: 2.25rem;
    height: 2.25rem;
  }
}
/* /Components/Shared/ShareButtons.razor.rz.scp.css */
.share-buttons[b-9zjeoj2u5m] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  align-items: center;
}

.share-button[b-9zjeoj2u5m] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.45rem;
  border: 1px solid #1d3352;
  border-radius: 10px;
  background: #0d1728;
  color: #c7d7ea;
  padding: 0.58rem 0.82rem;
  font: inherit;
  font-size: 0.84rem;
  font-weight: 850;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  transition:
    background-color 0.18s ease,
    border-color 0.18s ease,
    color 0.18s ease,
    transform 0.18s ease;
}

.share-button:hover:not(:disabled)[b-9zjeoj2u5m],
.share-button:focus-visible[b-9zjeoj2u5m] {
  color: #ffffff;
  border-color: #60a5fa;
  background: #111e32;
  transform: translateY(-1px);
}

.copy-button[b-9zjeoj2u5m] {
  border-color: rgba(96, 165, 250, 0.38);
  color: #dbeafe;
}

.share-button:disabled[b-9zjeoj2u5m] {
  cursor: not-allowed;
  opacity: 0.62;
}

.share-status[b-9zjeoj2u5m] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  align-items: center;
  min-width: min(100%, 18rem);
  color: #93c5fd;
  font-size: 0.82rem;
  font-weight: 850;
}

.share-status[hidden][b-9zjeoj2u5m] {
  display: none;
}

.share-status input[b-9zjeoj2u5m] {
  width: min(100%, 24rem);
  border: 1px solid #1d3352;
  border-radius: 10px;
  background: #08111f;
  color: #e5edf7;
  padding: 0.58rem 0.7rem;
  font: inherit;
  font-size: 16px;
}

@media (max-width: 480px) {
  .share-button[b-9zjeoj2u5m],
  .share-status[b-9zjeoj2u5m] {
    width: 100%;
  }
}