html.commandlink-self-signup-admin [data-signup-admin-page="true"] {
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 28px 30px 34px !important;
  background: color-mix(in srgb, var(--card) 92%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--primary) 28%, var(--border)) !important;
  border-radius: 22px !important;
  box-shadow: 0 22px 70px rgba(0,0,0,.2) !important;
}

html.commandlink-self-signup-admin [data-signup-admin-heading="true"] {
  margin-top: 18px !important;
  padding-bottom: 4px !important;
}

html.commandlink-self-signup-admin [data-signup-admin-heading="true"] h1 {
  margin: 0 !important;
  font-size: 30px !important;
  letter-spacing: -.02em;
}

html.commandlink-self-signup-admin [data-signup-admin-description="true"] {
  margin: 4px 0 22px !important;
  font-size: 15px !important;
}

html.commandlink-self-signup-admin [data-signup-admin-toolbar="true"] {
  display: grid !important;
  grid-template-columns: auto auto minmax(260px, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
  margin: 0 0 18px !important;
  padding: 14px !important;
  border: 1px solid var(--border) !important;
  border-radius: 14px !important;
  background: color-mix(in srgb, var(--muted) 58%, transparent) !important;
}

html.commandlink-self-signup-admin [data-signup-admin-filter] {
  min-height: 44px !important;
  padding: 0 16px !important;
  border-radius: 10px !important;
  border: 1px solid var(--border) !important;
  background: var(--card) !important;
  color: var(--foreground) !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}

html.commandlink-self-signup-admin [data-signup-admin-filter][data-active="true"] {
  background: linear-gradient(135deg,#0369a1,#0891b2) !important;
  border-color: #0891b2 !important;
  color: white !important;
  box-shadow: 0 8px 20px rgba(8,145,178,.22) !important;
}

html.commandlink-self-signup-admin [data-signup-admin-search="true"] {
  max-width: none !important;
  width: 100% !important;
}

html.commandlink-self-signup-admin [data-signup-admin-search="true"] input {
  min-height: 44px !important;
  border-radius: 10px !important;
  background: var(--background) !important;
}

html.commandlink-self-signup-admin [data-signup-admin-list="true"] {
  min-height: 260px !important;
  border: 1px solid var(--border) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background: color-mix(in srgb, var(--card) 96%, transparent) !important;
}

html.commandlink-self-signup-admin [data-signup-admin-list="true"] > div:not([data-signup-admin-empty="true"]) {
  transition: background .12s ease;
}

html.commandlink-self-signup-admin [data-signup-admin-list="true"] > div:not([data-signup-admin-empty="true"]):hover {
  background: color-mix(in srgb, var(--primary) 7%, var(--card)) !important;
}

html.commandlink-self-signup-admin [data-signup-admin-empty="true"] {
  min-height: 258px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 10px;
  padding: 34px;
  color: var(--muted-foreground);
}

html.commandlink-self-signup-admin [data-signup-admin-empty="true"] strong {
  color: var(--foreground);
  font-size: 18px;
  letter-spacing: .02em;
}

html.commandlink-self-signup-admin [data-signup-admin-empty="true"] span {
  max-width: 470px;
  line-height: 1.55;
}

html.commandlink-self-signup-admin .signup-admin-empty-icon {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  margin-bottom: 4px;
  background: color-mix(in srgb, #0891b2 14%, var(--card));
  border: 1px solid color-mix(in srgb, #0891b2 42%, var(--border));
  color: #22d3ee;
  font-size: 26px;
  font-weight: 900;
}

html.commandlink-self-signup-admin [data-signup-admin-overlay="true"] {
  padding: 18px !important;
  align-items: center !important;
}

html.commandlink-self-signup-admin [data-signup-admin-modal="true"] {
  width: min(920px, calc(100vw - 36px)) !important;
  max-width: 920px !important;
  max-height: 88vh !important;
  padding: 22px !important;
  border-radius: 20px !important;
  border: 1px solid color-mix(in srgb, var(--primary) 30%, var(--border)) !important;
  box-shadow: 0 28px 90px rgba(0,0,0,.36) !important;
  scrollbar-width: thin;
}

html.commandlink-self-signup-admin [data-signup-admin-modal="true"] h2 {
  font-size: 24px !important;
  line-height: 1.15 !important;
}

html.commandlink-self-signup-admin [data-signup-admin-modal="true"] h3 {
  font-size: 18px !important;
}

html.commandlink-self-signup-admin [data-signup-admin-modal="true"] > div[style*="border-radius: 12px"],
html.commandlink-self-signup-admin [data-signup-admin-modal="true"] > div[style*="border-radius:12px"] {
  margin-top: 12px !important;
  padding: 14px 18px !important;
  border-radius: 14px !important;
}

html.commandlink-self-signup-admin [data-signup-admin-modal="true"] button {
  min-height: 42px;
  border-radius: 10px;
  border: 1px solid var(--border);
  padding: 9px 14px;
  font-weight: 800;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: transform .12s ease, box-shadow .12s ease, opacity .12s ease, background .12s ease;
}

html.commandlink-self-signup-admin [data-signup-admin-modal="true"] button:hover:not(:disabled) {
  transform: translateY(-1px);
}

html.commandlink-self-signup-admin [data-signup-admin-pdf-row="true"] {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
  margin-bottom: 4px;
}

html.commandlink-self-signup-admin [data-signup-admin-action="print-download-application-pdf"] {
  background: linear-gradient(135deg,#0f172a,#334155) !important;
  border-color: #475569 !important;
  color: white !important;
  box-shadow: 0 9px 22px rgba(15,23,42,.24);
}

html.commandlink-self-signup-admin [data-signup-admin-action="approve-create-account"] {
  background: linear-gradient(135deg,#16a34a,#22c55e) !important;
  border-color: #16a34a !important;
  color: white !important;
  box-shadow: 0 9px 22px rgba(34,197,94,.22);
}

html.commandlink-self-signup-admin [data-signup-admin-action="request-more-information"] {
  background: linear-gradient(135deg,#d97706,#f59e0b) !important;
  border-color: #d97706 !important;
  color: #111827 !important;
}

html.commandlink-self-signup-admin [data-signup-admin-action="reject"] {
  background: linear-gradient(135deg,#dc2626,#ef4444) !important;
  border-color: #dc2626 !important;
  color: white !important;
}

html.commandlink-self-signup-admin [data-signup-admin-action="close"],
html.commandlink-self-signup-admin [data-signup-admin-action="cancel-edit"] {
  background: var(--muted) !important;
  color: var(--foreground) !important;
}

html.commandlink-self-signup-admin [data-signup-admin-action="save-changes"] {
  background: linear-gradient(135deg,#2563eb,#3b82f6) !important;
  border-color: #2563eb !important;
  color: white !important;
}

html.commandlink-self-signup-admin [data-signup-admin-modal="true"] button:disabled {
  opacity: .45 !important;
  cursor: not-allowed !important;
  transform: none !important;
  box-shadow: none !important;
}

html.commandlink-self-signup-admin [data-signup-admin-action-area="true"] {
  gap: 10px !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}

html.commandlink-self-signup-admin [data-signup-admin-modal="true"]::-webkit-scrollbar {
  width: 10px;
}
html.commandlink-self-signup-admin [data-signup-admin-modal="true"]::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--primary) 60%, transparent);
  border-radius: 999px;
}

@media (max-width: 820px) {
  html.commandlink-self-signup-admin [data-signup-admin-page="true"] {
    padding: 18px !important;
    border-radius: 16px !important;
  }
  html.commandlink-self-signup-admin [data-signup-admin-toolbar="true"] {
    grid-template-columns: 1fr 1fr !important;
  }
  html.commandlink-self-signup-admin [data-signup-admin-search="true"] {
    grid-column: 1 / -1;
  }
}

@media (max-width: 720px) {
  html.commandlink-self-signup-admin [data-signup-admin-overlay="true"] { padding: 8px !important; }
  html.commandlink-self-signup-admin [data-signup-admin-modal="true"] {
    width: calc(100vw - 16px) !important;
    max-height: 94vh !important;
    padding: 16px !important;
    border-radius: 14px !important;
  }
  html.commandlink-self-signup-admin [data-signup-admin-modal="true"] button {
    width: 100%;
  }
  html.commandlink-self-signup-admin [data-signup-admin-pdf-row="true"] {
    justify-content: stretch;
  }
}

@media (max-width: 520px) {
  html.commandlink-self-signup-admin [data-signup-admin-toolbar="true"] {
    grid-template-columns: 1fr !important;
  }
  html.commandlink-self-signup-admin [data-signup-admin-search="true"] {
    grid-column: auto;
  }
}