/* Administration: unified surfaces, hierarchy and responsive navigation. */
body.admin-dashboard {
  --bg:#101017;
  --panel:#191922;
  --line:#2b2b39;
  --text:#f1f1f7;
  --muted:#a6a6bb;
  --gold:var(--custom-accent,#a78bfa);
  --green:#7cddb4;
  --admin-accent:var(--custom-accent,#a78bfa);
  margin:0;
  background:var(--bg)!important;
  background-image:none!important;
  color:var(--text)!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:14px;
  line-height:1.5;
  color-scheme:dark
}

body.admin-dashboard::before {
  display:none!important
}

.admin-dashboard [hidden] {
  display:none!important
}

.admin-dashboard .admin-icon {
  width:19px;
  height:19px;
  flex:none;
  vertical-align:middle
}

.admin-dashboard .admin-skip-link {
  position:fixed;
  left:16px;
  top:-100px;
  z-index:100;
  background:#c4b5fd;
  color:#161322;
  padding:12px 20px;
  border-radius:8px
}

.admin-dashboard .admin-skip-link:focus {
  top:12px
}

.admin-dashboard #app>header {
  position:sticky!important;
  top:0!important;
  margin:0!important;
  height:76px!important;
  min-height:76px!important;
  padding:0 30px!important;
  border:0!important;
  border-bottom:1px solid var(--line)!important;
  border-radius:0!important;
  background:#14141d!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  z-index:40
}

.admin-dashboard #app .wordmark {
  font-size:14px!important;
  gap:12px;
  white-space:normal!important
}

.admin-dashboard #app .wordmark img {
  width:48px!important;
  height:44px!important;
  object-fit:contain!important;
  border:0!important;
  border-radius:0!important
}

.admin-dashboard #app .wordmark small {
  color:#8f8fa5!important;
  font-size:9px!important;
  letter-spacing:.16em!important;
  margin-top:3px
}

.admin-dashboard #app .account {
  gap:20px!important;
  font-size:12px!important
}

.admin-dashboard #app .account>span {
  color:#d0d0df!important
}

.admin-dashboard #app .visit-site {
  color:#a6a6bb!important;
  font-size:12px
}

.admin-dashboard #app .layout {
  display:grid!important;
  grid-template-columns:258px minmax(0,1fr)!important;
  gap:0!important;
  padding:0!important;
  min-height:calc(100vh - 76px)!important
}

.admin-dashboard #app #dashboard-nav {
  position:sticky!important;
  top:76px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  width:258px!important;
  height:calc(100vh - 76px)!important;
  min-height:0!important;
  max-height:calc(100vh - 76px)!important;
  padding:24px 16px!important;
  margin:0!important;
  overflow:auto!important;
  background:#14141d!important;
  border:0!important;
  border-right:1px solid var(--line)!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  white-space:normal!important;
  gap:3px!important;
  scrollbar-width:thin;
  scrollbar-color:#393944 transparent;
  z-index:35
}

.admin-dashboard #app .nav-search {
  position:relative;
  width:100%!important;
  margin:0 0 18px!important;
  flex:none!important
}

.admin-dashboard #app .nav-search>.admin-icon {
  position:absolute;
  left:12px;
  top:12px;
  color:#77778e;
  width:17px;
  height:17px
}

.admin-dashboard #app .nav-search input {
  width:100%!important;
  height:42px!important;
  margin:0!important;
  padding:10px 12px 10px 38px!important;
  font-size:12px!important;
  background:#1d1d27!important;
  border:1px solid #30303e!important;
  border-radius:9px!important
}

.admin-dashboard #app .nav-pinned {
  padding-bottom:17px;
  margin-bottom:9px;
  border-bottom:1px solid var(--line)
}

.admin-dashboard #app #dashboard-nav button[data-nav] {
  display:flex!important;
  align-items:center;
  gap:11px;
  width:100%!important;
  min-height:41px!important;
  padding:10px 12px!important;
  margin:3px 0!important;
  background:transparent!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
  border-radius:8px!important;
  color:#a9a9bf!important;
  font-size:12px!important;
  font-weight:500!important;
  text-align:left!important;
  line-height:1.4!important;
  white-space:normal!important;
  transform:none!important
}

.admin-dashboard #app #dashboard-nav button:hover {
  background:#22222f!important;
  color:#f1f1f7!important
}

.admin-dashboard #app #dashboard-nav button.active {
  background:color-mix(in srgb,var(--admin-accent) 14%,#191922)!important;
  color:#e4dcff!important;
  border-color:color-mix(in srgb,var(--admin-accent) 24%,transparent)!important;
  font-weight:600!important
}

.admin-dashboard #app #dashboard-nav button .admin-icon {
  width:16px;
  height:16px;
  opacity:.8
}

.admin-dashboard #app #dashboard-nav button[hidden] {
  display:none!important
}

.admin-dashboard #app .nav-group {
  margin:3px 0;
  border:0;
  padding:0
}

.admin-dashboard #app .nav-group>summary {
  position:relative;
  display:block;
  list-style:none;
  padding:12px 24px 12px 12px;
  color:#9292a8!important;
  letter-spacing:.095em;
  font-size:9px!important;
  font-weight:650;
  cursor:pointer;
  line-height:1.5
}

.admin-dashboard #app .nav-group>summary::-webkit-details-marker {
  display:none
}

.admin-dashboard #app .nav-group>summary::after {
  content:'›';
  position:absolute;
  right:12px;
  top:7px;
  font-size:19px;
  font-weight:400;
  transform:rotate(0deg)
}

.admin-dashboard #app .nav-group[open]>summary::after {
  transform:rotate(90deg)
}

.admin-dashboard #app .nav-group>summary:hover {
  color:#d9d3f3!important
}

.admin-dashboard #app .aside-links {
  display:grid!important;
  gap:12px!important;
  margin:22px 12px 16px!important;
  padding:18px 0 0!important;
  border-top:1px solid var(--line);
  font-size:11px!important
}

.admin-dashboard #app .aside-links a {
  color:#9898ae!important
}

.admin-dashboard #app .aside-foot {
  display:block!important;
  margin-top:auto!important;
  padding:18px 12px 0!important;
  border:0!important;
  background:none!important;
  font-size:10px!important;
  line-height:1.8
}

.admin-dashboard #app .aside-foot strong {
  font-weight:500;
  color:#89899e
}

.admin-dashboard #app .aside-foot small {
  display:block;
  font-size:8px;
  letter-spacing:.1em;
  color:#6c6c83
}

.admin-dashboard #app #nav-function-results:not([hidden]) {
  position:static!important;
  width:100%!important;
  margin:0 0 16px!important;
  padding:8px!important;
  background:#1d1d28!important;
  border:1px solid var(--line)!important;
  box-shadow:none!important;
  border-radius:9px!important
}

.admin-dashboard #app #nav-function-results button {
  width:100%;
  text-align:left;
  padding:10px!important;
  display:flex;
  flex-direction:column;
  align-items:start;
  gap:3px
}

.admin-dashboard #app main.content {
  width:100%!important;
  max-width:1500px!important;
  margin:0 auto!important;
  min-width:0;
  padding:32px clamp(24px,3vw,52px) 48px!important;
  background:none!important
}

.admin-dashboard #app .pagehead {
  position:relative;
  padding:28px 0 0!important;
  display:flex;
  align-items:center!important;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:14px;
  margin-bottom:26px!important;
  border:0!important
}

.admin-dashboard #app .admin-breadcrumb {
  position:absolute;
  top:0;
  left:0;
  color:#8c8ca2;
  font-size:11px;
  display:flex;
  gap:10px;
  align-items:center
}

.admin-dashboard #app .admin-breadcrumb>span:last-child {
  color:#c5c0d9
}

.admin-dashboard #app .pagehead h1 {
  font-size:30px!important;
  font-weight:650!important;
  letter-spacing:-.035em!important;
  line-height:1.2;
  margin:7px 0 7px
}

.admin-dashboard #app .pagehead>div:not(.actions)>.eyebrow {
  display:none
}

.admin-dashboard #app .pagehead p {
  font-size:13px!important;
  color:var(--muted)!important
}

.admin-dashboard #app .eyebrow {
  color:#a6a0bc!important;
  font-size:9px!important;
  font-weight:650;
  letter-spacing:.14em!important;
  margin:0 0 8px
}

.admin-dashboard #app h2 {
  font-size:17px;
  font-weight:600;
  letter-spacing:-.02em
}

.admin-dashboard #app h3 {
  font-size:14px
}

.admin-dashboard #app :is(.card,.feature-card,.module-card,.module-toolbar,.command-card,.setup-card,.member-card,.ticket-editor,.module-section,.module-settings-card,.team-frame-wrap,.editor-preview) {
  background:var(--panel)!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  transform:none!important;
  min-width:0
}

.admin-dashboard #app .card {
  padding:24px!important
}

.admin-dashboard #app :is(.card,.feature-card,.module-card) p {
  color:var(--muted)
}

.admin-dashboard #app .muted {
  color:var(--muted)!important;
  line-height:1.7
}

.admin-dashboard #app button,.admin-dashboard #app a.primary {
  font-size:12px;
  font-weight:550;
  border-radius:8px!important;
  padding:10px 14px;
  background:#252532;
  color:#e4e4ef;
  border:1px solid #393949;
  box-shadow:none!important;
  transform:none!important;
  min-height:38px
}

.admin-dashboard #app button:hover {
  background:#303041;
  border-color:#55546b
}

.admin-dashboard #app button.primary,.admin-dashboard #app a.primary {
  background:var(--admin-accent)!important;
  border-color:transparent!important;
  color:#171323!important;
  box-shadow:none!important
}

.admin-dashboard #app button:disabled {
  cursor:not-allowed
}

.admin-dashboard #app .text-button {
  background:transparent;
  border:0!important;
  padding:7px 0!important;
  color:#c4b5fd!important;
  min-height:32px;
  font-size:11px
}

.admin-dashboard #app button.danger {
  color:#ffacb9!important;
  background:#38222d!important;
  border-color:#66303e!important
}

.admin-dashboard :is(button,a,input,select,textarea,summary):focus-visible {
  outline:2px solid #c4b5fd!important;
  outline-offset:3px!important
}

.admin-dashboard #app :is(input:not([type=checkbox]):not([type=radio]),select,textarea) {
  background:#12121b!important;
  border:1px solid #393949!important;
  color:#efeff5!important;
  border-radius:8px!important;
  font-size:13px;
  box-shadow:none!important;
  max-width:100%
}

.admin-dashboard #app select option {
  background:#191922!important
}

.admin-dashboard #app input[type=checkbox] {
  accent-color:var(--admin-accent)
}

.admin-dashboard #app .badge {
  border:1px solid #3a364b!important;
  border-radius:6px!important;
  background:#252131!important;
  color:#c7bfda;
  font-size:10px;
  padding:5px 9px;
  white-space:normal
}

.admin-dashboard #app .badge.good {
  border-color:#2e5948!important;
  color:#a3e4c6;
  background:#182f28!important
}

.admin-dashboard #app .section {
  margin-top:24px
}

.admin-dashboard #app .section-head {
  gap:14px;
  align-items:center;
  margin-bottom:16px;
  flex-wrap:wrap
}

.admin-dashboard #app .section-head h2 {
  margin:0
}

.admin-dashboard #app .overview-intro {
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px;
  padding:26px 28px!important;
  min-height:130px!important;
  background:linear-gradient(110deg,#262039,#1c1a29)!important;
  border:1px solid #423550!important;
  position:relative;
  overflow:hidden
}

.admin-dashboard #app .overview-intro::after {
  display:none!important
}

.admin-dashboard #app .overview-intro h2 {
  font-size:24px!important;
  margin:0 0 6px!important;
  color:#f3efff;
  font-weight:600
}

.admin-dashboard #app .overview-intro p:not(.eyebrow) {
  font-size:12px;
  margin:0;
  color:#b8b1c9
}

.admin-dashboard #app .overview-intro .badge {
  align-self:center!important;
  background:#3b2d4e!important;
  color:#d8c5f6;
  border-color:#604c76!important
}

.admin-dashboard #app .overview-metrics {
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  margin-bottom:0
}

.admin-dashboard #app .metric-card {
  text-align:left;
  display:flex;
  flex-direction:column;
  gap:0;
  min-height:158px!important;
  padding:21px!important;
  background:#191922!important
}

.admin-dashboard #app .metric-card:hover {
  border-color:#6e5c90!important;
  background:#1f1e2b!important
}

.admin-dashboard #app .metric-heading {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px
}

.admin-dashboard #app .card-label {
  color:#a5a5bc!important;
  font-size:11px
}

.admin-dashboard #app .metric-heading>.admin-icon {
  color:#a698cb;
  width:18px;
  height:18px
}

.admin-dashboard #app .metric {
  display:block;
  margin:18px 0 12px!important;
  font-size:32px!important;
  font-weight:600!important;
  letter-spacing:-.045em;
  color:#f4f2fc!important;
  line-height:1.1
}

.admin-dashboard #app .metric-online {
  color:#96dfbb!important;
  font-size:26px!important
}

.admin-dashboard #app .metric-offline {
  color:#f5a9b6!important;
  font-size:26px!important
}

.admin-dashboard #app .metric-detail {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
  font-size:10px;
  color:#a0a0b6;
  font-weight:400;
  margin-top:auto
}

.admin-dashboard #app .metric-detail .admin-icon {
  width:14px;
  height:14px;
  color:#b2a2d0
}

.admin-dashboard #app .overview-workspace {
  display:grid;
  grid-template-columns:1.25fr 1fr;
  gap:20px;
  align-items:stretch
}

.admin-dashboard #app .overview-tasks {
  display:flex;
  flex-direction:column
}

.admin-dashboard #app .count-pill {
  display:inline-grid;
  place-items:center;
  min-width:24px;
  height:23px;
  padding:0 6px;
  margin-left:6px;
  background:#2c263e;
  color:#c4b5fd;
  border-radius:6px;
  font-size:11px;
  vertical-align:middle
}

.admin-dashboard #app .overview-task {
  padding:19px 0;
  display:flex;
  gap:13px;
  align-items:center;
  border-top:1px solid #2b2b39;
  margin:0
}

.admin-dashboard #app .overview-task>div {
  flex:1;
  min-width:0;
  overflow-wrap:anywhere
}

.admin-dashboard #app .overview-task strong {
  font-size:12px;
  font-weight:500;
  color:#e6e3f1
}

.admin-dashboard #app .overview-task p {
  font-size:10px!important;
  margin:5px 0 0
}

.admin-dashboard #app .overview-task .badge {
  flex-shrink:0;
  font-size:9px
}

.admin-dashboard #app .task-marker {
  width:7px;
  height:7px;
  flex:none;
  background:#9984cb;
  border-radius:50%
}

.admin-dashboard #app .task-marker.high {
  background:#f2b37b
}

.admin-dashboard #app .overview-task-footer {
  margin-top:auto;
  padding-top:18px;
  border-top:1px solid var(--line)
}

.admin-dashboard #app .overview-task-footer button {
  display:flex;
  gap:12px;
  align-items:center;
  font-size:11px
}

.admin-dashboard #app .admin-shortcut-list {
  display:grid;
  gap:3px
}

.admin-dashboard #app .admin-shortcut-list>button {
  display:flex;
  align-items:center;
  gap:13px;
  text-align:left;
  background:transparent;
  border:1px solid transparent;
  padding:12px 6px;
  min-width:0
}

.admin-dashboard #app .admin-shortcut-list>button:hover {
  background:#242232;
  border-color:#383246
}

.admin-dashboard #app .shortcut-icon {
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border:1px solid #3c334f;
  border-radius:9px;
  background:#292237;
  color:#b6a0dd;
  flex:none
}

.admin-dashboard #app .admin-shortcut-list strong {
  display:block;
  font-size:12px;
  font-weight:500;
  color:#e6e3f1
}

.admin-dashboard #app .admin-shortcut-list small {
  display:block;
  font-size:10px;
  font-weight:400;
  color:#a0a0b6;
  margin-top:3px
}

.admin-dashboard #app .admin-shortcut-list>button>.admin-icon {
  margin-left:auto;
  width:15px;
  height:15px;
  color:#9f92b2
}

.admin-dashboard #app .attention-row {
  display:flex;
  width:100%;
  gap:12px;
  align-items:center;
  text-align:left;
  padding:14px 0;
  background:transparent;
  border:0;
  border-top:1px solid var(--line);
  border-radius:0!important
}

.admin-dashboard #app .attention-row>span:nth-child(2) {
  flex:1
}

.admin-dashboard #app .attention-row strong {
  display:block;
  font-size:12px;
  font-weight:500
}

.admin-dashboard #app .attention-row small {
  display:block;
  font-size:11px;
  color:var(--muted);
  margin-top:4px;
  overflow-wrap:anywhere
}

.admin-dashboard #app .attention-dot {
  width:7px;
  height:7px;
  background:#f2b37b;
  border-radius:50%;
  flex:none
}

.admin-dashboard #app .attention-row.red .attention-dot {
  background:#f093a6
}

.admin-dashboard #app .admin-empty {
  padding:35px 20px;
  text-align:center;
  color:#9c9cb3;
  margin:auto
}

.admin-dashboard #app .admin-empty>.admin-icon {
  display:block;
  margin:0 auto 14px;
  color:#a8d8bb;
  width:28px;
  height:28px
}

.admin-dashboard #app .admin-empty strong {
  font-size:13px;
  color:#d8d3e5
}

.admin-dashboard #app .admin-empty p {
  font-size:11px
}

.admin-dashboard #app .tablewrap {
  border:1px solid var(--line)!important;
  border-radius:10px!important;
  overflow:auto
}

.admin-dashboard #app table {
  background:var(--panel)!important;
  font-size:12px
}

.admin-dashboard #app th {
  background:#22222e!important;
  color:#ada8c3!important;
  padding:14px 16px;
  font-size:11px;
  font-weight:500
}

.admin-dashboard #app td {
  border-color:var(--line)!important;
  padding:16px;
  line-height:1.7
}

.admin-dashboard #app tbody tr:hover {
  background:#20202b
}

.admin-dashboard #app .module-toolbar,.admin-dashboard #app .command-toolbar {
  grid-template-columns:minmax(0,1fr) minmax(180px,260px) 160px;
  gap:18px;
  padding:24px
}

.admin-dashboard #app .feature-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px
}

.admin-dashboard #app .feature-card {
  padding:22px;
  min-height:190px
}

.admin-dashboard #app .feature-card:hover {
  border-color:#665878!important
}

.admin-dashboard #app .feature-card p {
  font-size:12px;
  color:var(--muted)!important;
  line-height:1.7
}

.admin-dashboard #app .feature-status {
  font-size:10px;
  white-space:normal
}

.admin-dashboard #app .status-dot {
  border-radius:50%
}

.admin-dashboard #app .module-category {
  margin:18px 0
}

.admin-dashboard #app .module-category>summary {
  padding:17px 0;
  font-size:12px;
  font-weight:600;
  color:#c4b5dd;
  cursor:pointer
}

.admin-dashboard #app .dashboard-status {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  background:var(--panel)!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  overflow:hidden
}

.admin-dashboard #app .dashboard-status>div {
  background:transparent!important;
  padding:24px;
  border-color:var(--line)!important
}

.admin-dashboard #app .dashboard-status strong {
  font-size:25px
}

.admin-dashboard #app .module-savebar {
  background:#20202ef5!important;
  border:1px solid #50425f!important;
  border-radius:10px!important;
  box-shadow:0 8px 24px #0004!important
}

.admin-dashboard #app .team-frame-wrap {
  padding:16px!important
}

.admin-dashboard #app .footerline {
  padding-top:22px;
  margin-top:30px;
  color:#9090a7!important;
  border-top:1px solid var(--line)!important;
  font-size:10px;
  gap:12px
}

.admin-dashboard #app .dashboard-menu {
  display:none!important
}

.admin-dashboard #toast {
  z-index:80;
  background:#292435;
  border:1px solid #76618e;
  color:#f4edff;
  border-radius:10px;
  font-size:13px
}

.admin-dashboard #app .login {
  min-height:0!important;
  width:min(500px,calc(100% - 36px))!important;
  margin:10vh auto!important;
  padding:40px!important;
  background:#1b1926!important;
  border:1px solid #40354f!important;
  border-radius:16px!important;
  box-shadow:0 24px 80px #0005!important;
  backdrop-filter:none!important
}

.admin-dashboard #app .login-logo {
  width:110px!important;
  height:75px!important;
  object-fit:contain!important;
  border:0!important;
  border-radius:0!important;
  margin-bottom:24px
}

.admin-dashboard #app .login h1 {
  font-size:34px!important;
  letter-spacing:-.035em!important;
  line-height:1.15!important
}

.admin-dashboard #app .login p {
  font-size:13px!important;
  color:#b7adc8!important
}

.admin-dashboard #app .login-backdrop {
  background:radial-gradient(ellipse at 50% 10%,#49316344,transparent 65%)!important
}

.admin-dashboard #app .login-backdrop::after {
  display:none
}

@media(max-width:1180px) {
  .admin-dashboard #app .overview-metrics {
    grid-template-columns:repeat(2,minmax(0,1fr))!important
  }

  .admin-dashboard #app .feature-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .admin-dashboard #app .module-toolbar,.admin-dashboard #app .command-toolbar {
    grid-template-columns:1fr 1fr
  }

  .admin-dashboard #app .module-toolbar>div,.admin-dashboard #app .command-toolbar>div {
    grid-column:1/-1
  }

  .admin-dashboard #app .overview-workspace {
    grid-template-columns:1fr
  }

}

@media(max-width:900px) {
  .admin-dashboard #app .layout {
    display:block!important
  }

  .admin-dashboard #app #dashboard-nav {
    display:none!important;
    position:relative!important;
    top:auto!important;
    width:100%!important;
    height:auto!important;
    max-height:60vh!important;
    padding:16px 20px!important;
    border-right:0!important;
    border-bottom:1px solid var(--line)!important
  }

  .admin-dashboard #app #dashboard-nav.is-open {
    display:flex!important
  }

  .admin-dashboard #app .dashboard-menu {
    display:block!important;
    width:calc(100% - 40px)!important;
    margin:16px 20px 0!important;
    background:#23202f!important
  }

  .admin-dashboard #app main.content {
    padding:24px 20px 40px!important
  }

  .admin-dashboard #app>header {
    padding:0 20px!important;
    height:68px!important;
    min-height:68px!important
  }

  .admin-dashboard #app .aside-foot {
    display:none!important
  }

  .admin-dashboard #app .overview-workspace {
    grid-template-columns:1fr 1fr
  }

  .admin-dashboard #app .account .visit-site {
    display:none!important
  }

}

@media(max-width:650px) {
  .admin-dashboard #app .overview-workspace,.admin-dashboard #app .grid.two,.admin-dashboard #app .formgrid,.admin-dashboard #app .editor-grid,.admin-dashboard #app .feature-grid,.admin-dashboard #app .setup-grid,.admin-dashboard #app .command-grid {
    grid-template-columns:1fr!important
  }

  .admin-dashboard #app .overview-metrics {
    gap:10px!important
  }

  .admin-dashboard #app .metric-card {
    padding:16px!important;
    min-height:145px!important
  }

  .admin-dashboard #app .metric {
    font-size:29px!important
  }

  .admin-dashboard #app .metric-heading>.admin-icon {
    display:none
  }

  .admin-dashboard #app .card-label {
    font-size:10px
  }

  .admin-dashboard #app .metric-detail {
    font-size:9px
  }

  .admin-dashboard #app .overview-intro {
    padding:22px!important;
    align-items:flex-start!important;
    flex-direction:column!important;
    min-height:0!important
  }

  .admin-dashboard #app .overview-intro h2 {
    font-size:22px!important
  }

  .admin-dashboard #app .overview-intro .badge {
    align-self:flex-start!important
  }

  .admin-dashboard #app .card {
    padding:20px!important
  }

  .admin-dashboard #app .account>span {
    display:none!important
  }

  .admin-dashboard #app .account {
    gap:8px!important
  }

  .admin-dashboard #app .wordmark {
    font-size:12px!important
  }

  .admin-dashboard #app .wordmark img {
    width:34px!important;
    height:34px!important
  }

  .admin-dashboard #app .wordmark small {
    font-size:8px!important
  }

  .admin-dashboard #app .pagehead h1 {
    font-size:27px!important;
    overflow-wrap:anywhere
  }

  .admin-dashboard #app .dashboard-status {
    grid-template-columns:1fr!important
  }

  .admin-dashboard #app .module-toolbar,.admin-dashboard #app .command-toolbar {
    display:block;
    padding:20px
  }

  .admin-dashboard #app .module-toolbar label,.admin-dashboard #app .command-toolbar label {
    margin-top:16px
  }

  .admin-dashboard #app .footerline {
    flex-direction:column;
    gap:5px
  }

  .admin-dashboard #app .ticket-panel-form .formgrid,.admin-dashboard #app .security-rule {
    grid-template-columns:1fr!important
  }

  .admin-dashboard #app .login {
    padding:30px!important
  }

  .admin-dashboard #app .login h1 {
    font-size:29px!important
  }

}

@media(prefers-reduced-motion:reduce) {
  .admin-dashboard * {
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important
  }

}

/* Normalize remaining legacy button and hero overrides. */
.admin-dashboard #app button {
  background:#252532!important;
  border-color:#393949!important
}

.admin-dashboard #app button:hover {
  background:#303041!important;
  border-color:#55546b!important
}

.admin-dashboard #app .text-button {
  background:transparent!important;
  border-color:transparent!important
}

.admin-dashboard #app .admin-shortcut-list>button {
  background:transparent!important;
  border-color:transparent!important
}

.admin-dashboard #app .admin-shortcut-list>button:hover {
  background:#242232!important;
  border-color:#383246!important
}

.admin-dashboard #app .attention-row {
  background:transparent!important;
  border:0!important;
  border-top:1px solid var(--line)!important
}

.admin-dashboard #app .attention-row:hover {
  background:#23212e!important
}

.admin-dashboard #app .card.overview-intro {
  background:linear-gradient(110deg,#262039,#1c1a29)!important
}

.admin-dashboard #app .metric-card {
  background:#191922!important;
  border-color:var(--line)!important
}

.admin-dashboard #app .metric-card:hover {
  background:#1f1e2b!important;
  border-color:#6e5c90!important
}