/* GlowHost — final dashboard polish / fixed continuous rail (23.06.2026)
   This layer deliberately uses the existing Control Room palette only. */

/* Desktop: the navigation is a single permanent operating rail, never a floating card. */
@media (min-width:1051px){
  .gh-app{
    grid-template-columns:288px minmax(0,1fr)!important;
  }
  .gh-sidebar{
    position:fixed!important;
    inset:0 auto 0 0!important;
    width:288px!important;
    height:100dvh!important;
    min-height:100dvh!important;
    display:flex!important;
    flex-direction:column!important;
    align-self:stretch!important;
    overflow:hidden!important;
    border-radius:0!important;
    padding:20px 13px 14px!important;
    isolation:isolate;
  }
  .gh-sidebar::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:-1;
    background:
      radial-gradient(circle at 112% 5%,rgba(102,87,255,.28),transparent 32%),
      radial-gradient(circle at -30% 74%,rgba(0,184,217,.11),transparent 38%),
      linear-gradient(180deg,var(--gh-rail) 0%,#0c0f16 100%);
  }
  .gh-sidebar::after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:1px;
    height:100%;
    background:linear-gradient(180deg,rgba(102,87,255,.42),rgba(102,87,255,.30) 34%,rgba(0,184,217,.28) 68%,transparent);
    opacity:.78;
    pointer-events:none;
  }
  .gh-main{
    grid-column:2!important;
    min-width:0!important;
    padding:30px clamp(24px,3.1vw,58px) 30px!important;
  }
}

/* Stable sidebar anatomy: only navigation scrolls; brand and utility dock do not. */
.gh-sidebar-top{
  flex:0 0 auto!important;
  padding:2px 4px 14px!important;
  border-bottom:1px solid rgba(255,255,255,.075);
}
.gh-sidebar-scroll{
  display:flex!important;
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  flex-direction:column!important;
  gap:14px!important;
  margin:12px -7px 0!important;
  padding:0 7px 14px!important;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(102,87,255,.30) transparent;
}
.gh-sidebar-scroll::-webkit-scrollbar{width:5px}
.gh-sidebar-scroll::-webkit-scrollbar-track{background:transparent}
.gh-sidebar-scroll::-webkit-scrollbar-thumb{background:rgba(102,87,255,.30);border-radius:999px}
.gh-sidebar-scroll:hover::-webkit-scrollbar-thumb{background:rgba(102,87,255,.42)}
.gh-nav-main{flex:0 0 auto!important;padding-bottom:2px!important}
.gh-sidebar-bottom{
  position:relative!important;
  z-index:1!important;
  flex:0 0 auto!important;
  margin-top:0!important;
  padding:13px 2px 1px!important;
  border-top:1px solid rgba(255,255,255,.075);
  background:linear-gradient(180deg,rgba(12,15,22,0),rgba(12,15,22,.5) 26%,rgba(12,15,22,.96) 100%);
}

/* A more intentional console rhythm, without changing forms or application logic. */
.gh-sidebar .gh-brand::after{
  content:"HOSTING OS";
  display:inline-flex!important;
  align-items:center;
  height:18px;
  padding:0 6px;
  margin-left:4px;
  border:1px solid rgba(102,87,255,.28);
  border-radius:6px;
  color:#dbe3ff;
  background:rgba(102,87,255,.08);
  font-size:.52rem;
  line-height:1;
  font-weight:950;
  letter-spacing:.08em;
  white-space:nowrap;
}
.gh-sidebar-profile{position:relative!important;overflow:hidden!important}
.gh-sidebar-profile::after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:42px;
  height:100%;
  background:linear-gradient(90deg,transparent,rgba(102,87,255,.08));
  pointer-events:none;
}
.gh-nav-title:first-child{margin-top:0!important}
.gh-side-link.active::after{
  content:"";
  position:absolute;
  right:10px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--gh-accent-2);
  box-shadow:0 0 0 4px rgba(102,87,255,.12),0 0 14px rgba(0,184,217,.35);
}
.gh-side-link.active{transform:none!important}
.gh-side-link.active:hover{transform:none!important}
.gh-side-mini{position:relative!important;overflow:hidden!important}
.gh-side-mini::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(102,87,255,.13),transparent 60%);
  opacity:0;
  transition:opacity .16s ease;
}
.gh-side-mini:hover::before{opacity:1}
.gh-side-mini>*{position:relative;z-index:1}

/* Header and main area retain their palette while getting a cleaner visual hierarchy. */
.gh-main-frame{position:relative}
.gh-topbar{
  position:relative!important;
  padding-bottom:23px!important;
}
.gh-topbar::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  width:100%;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--gh-accent),var(--gh-accent-2),#38bdf8);
}
.gh-page-path{
  width:max-content;
  max-width:100%;
  padding:5px 8px;
  border:1px solid var(--gh-border);
  border-radius:8px;
  background:var(--gh-card-2);
}
.gh-top-actions{padding-top:0!important}
.gh-topbar-commands .gh-btn,.gh-notify-top-btn{
  box-shadow:0 8px 20px rgba(23,31,48,.045)!important;
}
.gh-card,.gh-form-card,.gh-table-card,.gh-support-list-card,.gh-support-chat-card,.gh-badge-info-card,.gh-hero-card,.gh-server-card,.gh-service-card,.gh-news-card,.gh-doc-item,.gh-notification-card{
  position:relative!important;
}
.gh-card:not(.gh-dashboard-hero .gh-card)::before,
.gh-form-card::before,
.gh-table-card::before,
.gh-server-card::before,
.gh-service-card::before,
.gh-news-card::before{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  top:0;
  height:1px;
  opacity:.78;
  background:linear-gradient(90deg,transparent,var(--gh-accent),var(--gh-accent-2),transparent);
}
.gh-server-card:hover,.gh-service-card:hover,.gh-news-card:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 16px 34px rgba(23,31,48,.09)!important;
}
:root[data-theme="dark"] .gh-server-card:hover,
:root[data-theme="dark"] .gh-service-card:hover,
:root[data-theme="dark"] .gh-news-card:hover{box-shadow:0 18px 38px rgba(0,0,0,.23)!important}

/* Mobile: it remains an overlay, but now still has the same fixed head / scroll / footer construction. */
@media(max-width:1050px){
  .gh-sidebar{
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  .gh-sidebar-scroll{margin-top:12px!important}
  .gh-sidebar-bottom{padding-bottom:2px!important}
  .gh-sidebar .gh-brand::after{display:none}
}
@media(max-width:470px){
  .gh-sidebar-top{padding-bottom:11px!important}
  .gh-sidebar-scroll{gap:11px!important;padding-bottom:10px!important}
}

/* Force the uploaded GlowHost avatar into every brand mark.
   This must live in the last-loaded stylesheet because the dashboard rail has
   more specific logo rules than the base UI stylesheet. */
.gh-sidebar .gh-logo,
.gh-public-nav .gh-logo,
.gh-auth-side .gh-logo{
  background:#ffffff url('gh-brand-avatar.png') center/cover no-repeat !important;
  overflow:hidden !important;
}
.gh-sidebar .gh-logo i,
.gh-public-nav .gh-logo i,
.gh-auth-side .gh-logo i{
  display:none !important;
}


/* GlowHost layout bug fixes — gaps / mobile menu / spacing (23.06.2026) */
html,body,.gh-app,.gh-main,.gh-main-frame,.gh-page-content{max-width:100%!important}
body,.gh-app,.gh-main,.gh-main-frame,.gh-page-content{overflow-x:hidden!important}
.gh-page-content > *,
.gh-page-content > * > *,
.gh-section,
.gh-section > *,
.gh-topbar,
.gh-card,
.gh-form-card,
.gh-table-card,
.gh-news-card,
.gh-service-card,
.gh-server-card,
.gh-services-hero,
.gh-services-hero-main,
.gh-services-hero-side,
.gh-services-info-grid,
.gh-news-list,
.gh-doc-layout,
.gh-support-layout,
.gh-table-wrap,
.gh-doc-table-wrap{box-sizing:border-box!important;min-width:0!important;max-width:100%!important}

/* Remove awkward empty area before the first block on pages */
.gh-page-content > :first-child{margin-top:0!important}
.gh-page-content > .gh-section:first-child{padding-top:0!important}
.gh-page-content > .gh-dashboard-hero:first-child,
.gh-page-content > .gh-services-hero:first-child,
.gh-page-content > .gh-doc-hero:first-child,
.gh-page-content > .gh-news-hero:first-child{margin-top:0!important}

/* Tighten header so pages do not show a big blank cap */
.gh-topbar{align-items:flex-start!important;min-height:0!important}
.gh-page-heading{display:grid!important;gap:6px!important;align-content:start!important}
.gh-page-path{margin-bottom:4px!important}
.gh-page-title{margin:0!important}
.gh-page-sub{margin-top:0!important}

/* Prevent left/right white slivers on dense grids */
.gh-services-grid,.gh-services-info-grid,.gh-server-grid,.gh-news-list,.gh-panel-grid,.gh-top-grid,.gh-public-services-grid{align-items:stretch!important}

@media(max-width:1050px){
  .gh-main{padding:12px 10px 18px!important}
  .gh-main-frame{min-height:0!important}
  .gh-topbar{padding:14px 14px 12px!important;margin-bottom:12px!important;gap:12px!important;border-radius:18px!important}
  .gh-page-content{padding-top:0!important}
  .gh-section{padding:12px 0!important}
  .gh-page-content > .gh-section:first-child{padding-top:4px!important}
  .gh-mobile-toggle{display:grid!important;place-items:center!important;z-index:95!important}
  .gh-sidebar{z-index:96!important}
}

@media(max-width:760px){
  .gh-main{padding:10px 8px 16px!important}
  .gh-topbar{padding:12px 12px 10px!important;margin-bottom:10px!important;gap:10px!important;border-radius:16px!important}
  .gh-page-path{font-size:.68rem!important;margin-bottom:2px!important}
  .gh-page-title{font-size:1.45rem!important;line-height:1.05!important}
  .gh-page-sub{font-size:.80rem!important;line-height:1.45!important}
  .gh-card,.gh-form-card,.gh-table-card,.gh-news-card,.gh-service-card,.gh-server-card,.gh-services-hero-main,.gh-support-list-card,.gh-support-chat-card{border-radius:16px!important}
  .gh-section{padding:10px 0!important}
}

@media(max-width:470px){
  .gh-main{padding:8px 6px 14px!important}
  .gh-topbar{padding:11px 11px 9px!important;border-radius:14px!important}
  .gh-page-title{font-size:1.34rem!important}
  .gh-page-sub{font-size:.77rem!important}
  .gh-section{padding:8px 0!important}
}


/* GlowHost full-width accent lines (23.06.2026) */
.gh-card:not(.gh-dashboard-hero .gh-card)::before,
.gh-form-card::before,
.gh-table-card::before,
.gh-server-card::before,
.gh-service-card::before,
.gh-news-card::before{
  left:0 !important;
  right:0 !important;
  top:0 !important;
  height:2px !important;
  opacity:1 !important;
  background:linear-gradient(90deg,var(--gh-accent),var(--gh-accent-2),#38bdf8) !important;
}


/* GlowHost topbar full gradient line (23.06.2026) */
.gh-topbar::after{
  left:0 !important;
  right:0 !important;
  width:100% !important;
  background:linear-gradient(90deg,var(--gh-accent),var(--gh-accent-2),#38bdf8) !important;
}


/* GlowHost remove duplicate page lines (23.06.2026) */
.gh-card:not(.gh-dashboard-hero .gh-card)::before,
.gh-form-card::before,
.gh-table-card::before,
.gh-server-card::before,
.gh-service-card::before,
.gh-news-card::before{
  content:none !important;
  display:none !important;
}
.gh-services-hero::before,
.gh-doc-hero::before,
.gh-news-hero::before,
.gh-dashboard-hero > .gh-card::before{
  content:none !important;
  display:none !important;
}


/* GlowHost auth heading crop fix (23.06.2026) */
.gh-auth-side h1{
  line-height:1.03 !important;
  overflow:visible !important;
}
.gh-auth-side .gh-gradient-text{
  display:inline-block !important;
  padding-right:.12em !important;
  margin-right:.02em !important;
  overflow:visible !important;
}
@media(max-width:760px){
  .gh-auth-side .gh-gradient-text{padding-right:.08em !important}
}

/* GlowHost account settings (23.06.2026) */
.gh-account-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin:0 0 16px;padding:20px;border:1px solid var(--gh-border);border-radius:18px;background:linear-gradient(135deg,var(--gh-card),var(--gh-card-2));box-shadow:var(--gh-shadow-soft)}
.gh-account-avatar{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gh-accent),var(--gh-accent-2));color:#fff;font-weight:950;font-size:1.35rem;box-shadow:0 14px 28px rgba(102,87,255,.22)}
.gh-account-summary-copy{min-width:0}.gh-account-summary-copy .gh-kicker{margin-bottom:8px}.gh-account-summary-copy h2{margin:0;color:var(--gh-text);font-size:1.35rem;letter-spacing:-.04em}.gh-account-summary-copy p{margin:4px 0 0;color:var(--gh-muted);overflow-wrap:anywhere}
.gh-account-summary-meta{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.gh-account-summary-meta span{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--gh-border);border-radius:9px;background:var(--gh-card);padding:7px 9px;color:var(--gh-muted);font-size:.75rem;font-weight:900}.gh-account-summary-meta i{color:var(--gh-accent)}
.gh-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.gh-account-email-card{grid-column:1 / -1}.gh-account-card{display:flex;flex-direction:column;gap:17px}.gh-account-card-head{display:flex;gap:12px;align-items:flex-start}.gh-account-card-head .gh-card-icon{flex:0 0 auto;margin:0!important}.gh-account-card-head h2{margin:0;color:var(--gh-text);font-size:1.08rem;letter-spacing:-.035em}.gh-account-card-head p{margin:4px 0 0;color:var(--gh-muted);font-size:.82rem;line-height:1.5}.gh-account-card-head p b{color:var(--gh-text);font-weight:900}
.gh-account-pending{display:grid;gap:5px;border:1px solid rgba(102,87,255,.25);border-radius:13px;background:rgba(102,87,255,.07);padding:13px}.gh-account-pending>div{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.gh-account-pending b{color:var(--gh-text);font-size:.87rem}.gh-account-pending span{color:var(--gh-accent);font-weight:900;overflow-wrap:anywhere}.gh-account-pending small{display:flex;align-items:center;gap:6px;color:var(--gh-muted);font-size:.76rem;line-height:1.45}.gh-account-pending i{color:var(--gh-accent-2)}
.gh-account-code{font-size:1.25rem!important;letter-spacing:.3em!important;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;text-align:center!important}.gh-account-inline-actions{display:flex;gap:8px;flex-wrap:wrap}.gh-account-inline-actions form{display:inline-flex;margin:0}.gh-account-security-note{display:flex;gap:12px;align-items:flex-start;margin-top:16px;border:1px solid rgba(6,182,212,.24);border-radius:16px;background:rgba(6,182,212,.06);padding:15px;color:var(--gh-text)}.gh-account-security-note>i{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:0 0 auto;background:rgba(6,182,212,.12);color:#0891b2;font-size:1.1rem}.gh-account-security-note b{display:block;font-size:.88rem}.gh-account-security-note span{display:block;margin-top:3px;color:var(--gh-muted);font-size:.8rem;line-height:1.55}
:root[data-theme="dark"] .gh-account-summary{background:linear-gradient(135deg,var(--gh-card),var(--gh-card-2)}:root[data-theme="dark"] .gh-account-pending{background:rgba(129,140,248,.13);border-color:rgba(129,140,248,.30)}:root[data-theme="dark"] .gh-account-security-note{background:rgba(34,211,238,.08);border-color:rgba(34,211,238,.22)}
@media(max-width:900px){.gh-account-grid{grid-template-columns:1fr}.gh-account-email-card{grid-column:auto}.gh-account-summary{grid-template-columns:auto minmax(0,1fr)}.gh-account-summary-meta{grid-column:1 / -1;justify-content:flex-start}}
@media(max-width:560px){.gh-account-summary{padding:15px;gap:12px;border-radius:16px}.gh-account-avatar{width:48px;height:48px;border-radius:14px;font-size:1.15rem}.gh-account-summary-copy h2{font-size:1.12rem}.gh-account-summary-copy p{font-size:.82rem}.gh-account-summary-meta{display:grid;grid-template-columns:1fr 1fr;width:100%}.gh-account-summary-meta span{justify-content:center;font-size:.68rem;padding:7px 6px}.gh-account-inline-actions{display:grid;grid-template-columns:1fr}.gh-account-inline-actions form,.gh-account-inline-actions .gh-btn{width:100%}.gh-account-security-note{border-radius:14px;padding:13px}.gh-account-security-note span{font-size:.76rem}}


/* GlowHost manage-server hero polish (23.06.2026) */
.gh-ms-hero{
  gap:24px !important;
  align-items:start !important;
}
.gh-ms-profile{
  align-items:flex-start !important;
  min-width:0 !important;
}
.gh-ms-profile > div{
  min-width:0 !important;
  flex:1 1 auto !important;
}
.gh-ms-title{
  line-height:1.02 !important;
  margin:12px 0 10px !important;
}
.gh-ms-desc{
  line-height:1.56 !important;
}
.gh-ms-hero-actions{
  margin-top:18px !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  align-items:stretch !important;
  max-width:820px !important;
  isolation:isolate;
}
.gh-ms-hero-actions form{
  display:contents !important;
  margin:0 !important;
}
.gh-ms-hero-actions .gh-btn{
  position:relative !important;
  box-shadow:0 6px 16px rgba(15,23,42,.08) !important;
  white-space:nowrap !important;
}
.gh-ms-hero-actions .gh-btn::after{content:none !important;display:none !important}
.gh-ms-hero-actions .gh-btn-ghost{
  background:rgba(255,255,255,.98) !important;
}
.gh-ms-status{
  height:100% !important;
}
.gh-ms-status-row{
  padding:0 0 12px !important;
}
@media(max-width:860px){
  .gh-ms-hero-actions{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;max-width:none !important}
  .gh-ms-hero-actions .gh-btn{width:100% !important;justify-content:center !important}
}
@media(max-width:560px){
  .gh-ms-hero-actions{grid-template-columns:1fr !important}
}


/* GlowHost seven-day server renewal warning (23.06.2026) */
.gh-expiry-warning-stack{
  display:grid;
  gap:12px;
  margin:0 0 16px;
}
.gh-expiry-warning{
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  padding:15px 16px;
  border:1px solid rgba(245,158,11,.38);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(255,247,237,.98),rgba(255,251,235,.96));
  box-shadow:0 12px 30px rgba(180,83,9,.07);
}
.gh-expiry-warning.is-expired{
  border-color:rgba(225,29,72,.36);
  background:linear-gradient(135deg,rgba(255,241,242,.98),rgba(255,247,237,.96));
  box-shadow:0 12px 30px rgba(190,24,93,.08);
}
.gh-expiry-warning-icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:14px;
  background:rgba(245,158,11,.13);
  color:#b45309;
  font-size:1.35rem;
}
.gh-expiry-warning.is-expired .gh-expiry-warning-icon{
  background:rgba(225,29,72,.11);
  color:#be123c;
}
.gh-expiry-warning-copy{min-width:0}
.gh-expiry-warning-topline{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:5px;
}
.gh-expiry-warning-tag{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:4px 8px;
  background:rgba(245,158,11,.12);
  color:#9a5b00;
  font-size:.70rem;
  line-height:1;
  font-weight:950;
}
.gh-expiry-warning.is-expired .gh-expiry-warning-tag{
  background:rgba(225,29,72,.10);
  color:#be123c;
}
.gh-expiry-warning-date{
  color:var(--gh-muted);
  font-size:.75rem;
  font-weight:850;
}
.gh-expiry-warning h2{
  margin:0;
  color:var(--gh-text);
  font-size:1rem;
  line-height:1.25;
  letter-spacing:-.025em;
}
.gh-expiry-warning p{
  margin:5px 0 0;
  color:var(--gh-muted);
  font-size:.82rem;
  line-height:1.5;
}
.gh-expiry-warning-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.gh-expiry-warning-actions .gh-btn{white-space:nowrap!important}
:root[data-theme="dark"] .gh-expiry-warning{
  border-color:rgba(245,158,11,.34);
  background:linear-gradient(135deg,rgba(74,49,17,.38),rgba(42,31,19,.32));
  box-shadow:none;
}
:root[data-theme="dark"] .gh-expiry-warning.is-expired{
  border-color:rgba(251,113,133,.36);
  background:linear-gradient(135deg,rgba(80,25,42,.38),rgba(50,23,31,.33));
}
:root[data-theme="dark"] .gh-expiry-warning h2{color:var(--gh-text)}
:root[data-theme="dark"] .gh-expiry-warning-date,:root[data-theme="dark"] .gh-expiry-warning p{color:var(--gh-muted)}
@media(max-width:820px){
  .gh-expiry-warning{grid-template-columns:46px minmax(0,1fr);align-items:start}
  .gh-expiry-warning-actions{grid-column:1 / -1;justify-content:stretch}
  .gh-expiry-warning-actions .gh-btn,.gh-expiry-warning-actions form{flex:1 1 auto!important}
  .gh-expiry-warning-actions .gh-btn{width:100%!important;justify-content:center!important}
}
@media(max-width:520px){
  .gh-expiry-warning{grid-template-columns:1fr;padding:13px}
  .gh-expiry-warning-icon{width:42px;height:42px;border-radius:13px}
  .gh-expiry-warning-actions{grid-column:auto;display:grid;grid-template-columns:1fr}
  .gh-expiry-warning-actions form{display:block!important;width:100%}
}


/* GlowHost manage-server status readability fix (23.06.2026) */
.gh-ms-hero .gh-ms-status{
  background:rgba(255,255,255,.96) !important;
  border-color:rgba(148,163,184,.22) !important;
  color:#0f172a !important;
}
.gh-ms-hero .gh-ms-status *{
  color:inherit;
}
.gh-ms-hero .gh-ms-status .gh-ms-status-row{
  border-bottom:1px solid rgba(148,163,184,.26) !important;
}
.gh-ms-hero .gh-ms-status .gh-ms-label{
  color:#111827 !important;
  font-weight:900 !important;
}
.gh-ms-hero .gh-ms-status .gh-ms-value,
.gh-ms-hero .gh-ms-status code,
.gh-ms-hero .gh-ms-status a{
  color:#475569 !important;
  font-weight:900 !important;
}
.gh-ms-hero .gh-ms-status code{
  background:rgba(241,245,249,.96) !important;
  border:1px solid rgba(148,163,184,.24) !important;
  border-radius:10px !important;
  padding:4px 7px !important;
}
.gh-ms-hero .gh-ms-status .gh-ms-badge{
  background:#ffffff !important;
  border:1px solid rgba(148,163,184,.24) !important;
  color:#64748b !important;
  box-shadow:none !important;
}
.gh-ms-hero .gh-ms-status a.gh-ms-badge{
  color:#64748b !important;
}
.gh-ms-hero .gh-ms-status .gh-ms-badge i{
  color:inherit !important;
}
:root[data-theme="dark"] .gh-ms-hero .gh-ms-status{
  background:rgba(15,23,42,.82) !important;
  border-color:rgba(148,163,184,.18) !important;
  color:#e5eefc !important;
}
:root[data-theme="dark"] .gh-ms-hero .gh-ms-status .gh-ms-status-row{
  border-bottom:1px solid rgba(148,163,184,.18) !important;
}
:root[data-theme="dark"] .gh-ms-hero .gh-ms-status .gh-ms-label{
  color:#f8fafc !important;
}
:root[data-theme="dark"] .gh-ms-hero .gh-ms-status .gh-ms-value,
:root[data-theme="dark"] .gh-ms-hero .gh-ms-status code,
:root[data-theme="dark"] .gh-ms-hero .gh-ms-status a{
  color:#cbd5e1 !important;
}
:root[data-theme="dark"] .gh-ms-hero .gh-ms-status code{
  background:rgba(15,23,42,.84) !important;
  border-color:rgba(148,163,184,.18) !important;
}
:root[data-theme="dark"] .gh-ms-hero .gh-ms-status .gh-ms-badge{
  background:rgba(15,23,42,.84) !important;
  border-color:rgba(148,163,184,.18) !important;
  color:#cbd5e1 !important;
}