/* The administrative tools share the same workspace as the customer pages. */
body.workspace-admin {
  background: var(--color-background);
  font-family: var(--font-body);
}

.workspace-admin .admin-dashboard {
  background: transparent;
  min-height: 0;
}

.workspace-admin .main-panel > .container-fluid {
  padding: 0 !important;
}

.workspace-admin .workspace-page-heading {
  color: var(--workspace-heading-text);
}

.workspace-admin .workspace-page-heading > .card-body {
  padding: 0;
}

.workspace-admin .workspace-page-heading h1 {
  font-size: clamp(25px, 2.5vw, 32px);
  line-height: 1.2;
  letter-spacing: -.035em;
  color: var(--workspace-heading-text);
}

.workspace-admin .workspace-page-heading p {
  color: var(--workspace-heading-muted);
  max-width: 680px;
  line-height: 1.6;
  margin-bottom: 0;
}

.workspace-admin .workspace-page-heading .workspace-eyebrow {
  display: block;
  color: var(--workspace-heading-eyebrow);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.workspace-admin .admin-hero .hero-pill,
.workspace-admin .world-map-hero .hero-badge {
  padding: 0;
  background: transparent;
  color: var(--workspace-heading-muted);
  font-size: 12px;
  backdrop-filter: none;
}

.workspace-admin .admin-hero .hero-stat-number {
  font-size: 28px;
  font-variant-numeric: tabular-nums;
  color: var(--workspace-heading-text);
}

.workspace-admin .admin-hero .hero-stat-number.offline {
  color: #fde68a;
}

.workspace-admin .admin-hero .text-muted {
  color: var(--workspace-heading-muted) !important;
}

.workspace-admin .admin-hero .hero-stat-label {
  color: var(--workspace-heading-muted);
  font-size: 12px;
  letter-spacing: 0;
  text-transform: none;
}

.workspace-admin .admin-stat-card,
.workspace-admin .admin-tool-card,
.workspace-admin .admin-filter-card,
.workspace-admin .log-tool-card,
.workspace-admin .log-table-card,
.workspace-admin .terminal-list-card,
.workspace-admin .world-map-card,
.workspace-admin .world-map-sidebar-card,
.workspace-admin .world-map-stat-card,
.workspace-admin .ftp-card,
.workspace-admin .ftp-table-card,
.workspace-admin .ftp-summary-card {
  border: 1px solid var(--color-border);
  border-radius: 14px;
  background: var(--color-surface);
  box-shadow: 0 1px 2px rgba(15, 23, 42, .025);
}

.workspace-admin .admin-stat-card,
.workspace-admin .world-map-stat-card,
.workspace-admin .ftp-summary-card {
  background: #edf4fc;
  border-color: #c5d7ec;
}

.workspace-admin .admin-filter-card,
.workspace-admin .log-tool-card,
.workspace-admin .ftp-card {
  background: var(--color-surface-alt);
}

.workspace-admin .admin-stat-card:hover,
.workspace-admin .admin-tool-card:hover {
  transform: none;
  box-shadow: none;
}

.workspace-admin .admin-tool-card:hover {
  border-color: #a9c0e5;
  background: var(--color-surface-alt);
}

.workspace-admin .admin-tool-card .tool-icon,
.workspace-admin .admin-stat-card .icon-circle {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  font-size: 16px;
  background: #eef4ff;
}

.workspace-admin .admin-filter-card .form-control,
.workspace-admin .admin-filter-card .form-select {
  border-radius: 8px;
}

.workspace-admin .terminal-list-stat {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: 10px;
  min-width: 100px;
  padding: 12px 16px;
}

.workspace-admin .terminal-list-stat .value {
  color: var(--color-text);
  font-variant-numeric: tabular-nums;
  margin-bottom: 6px;
}

.workspace-admin .terminal-list-stat .label {
  color: var(--color-text-muted);
  font-size: 12px;
  text-transform: none;
  letter-spacing: 0;
}

.workspace-admin .log-filter-label,
.workspace-admin .ftp-filter-label,
.workspace-admin .terminal-list-filter-label,
.workspace-admin .terminal-list-table th {
  font-size: 13px;
  letter-spacing: 0;
  text-transform: none;
}

.workspace-admin .log-filter-label,
.workspace-admin .ftp-filter-label {
  display: inline-block;
  margin-bottom: 8px;
}

.workspace-admin .world-map-hero .hero-badges {
  margin-top: 16px;
}

.workspace-admin .world-map-note {
  max-width: 320px;
  flex-shrink: 0;
  border: 1px solid var(--color-border);
  border-radius: 10px;
  background: var(--color-surface);
  color: var(--color-text-muted);
  font-size: 12px;
  line-height: 1.6;
}

.workspace-admin #worldMap {
  height: clamp(320px, 58vh, 620px);
  border-radius: 10px;
}

.workspace-admin .live-page,
body.workspace-admin.live-dark .live-page {
  background: var(--live-bg);
}

body.workspace-admin.live-dashboard:not(.live-dark) {
  --live-bg: var(--color-background);
  --live-border: var(--color-border);
  --live-success: #147d5a;
  --live-danger: #b42332;
  --live-warning: #9a6700;
}

.workspace-admin .live-hero {
  color: var(--workspace-heading-text);
}

.workspace-admin .live-hero h1 {
  color: var(--workspace-heading-text);
}

.workspace-admin .live-hero p,
.workspace-admin .live-hero .workspace-eyebrow,
.workspace-admin .live-hero .refresh-meta {
  color: var(--workspace-heading-muted);
}

.workspace-admin .live-hero__actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.workspace-admin .live-hero__actions .refresh-meta {
  flex-basis: 100%;
  text-align: right;
  font-size: 12px;
}

.workspace-admin .countdown-pill {
  padding: 0;
  margin-right: 4px;
  border-radius: 0;
  background: transparent;
  color: var(--workspace-heading-muted);
  font-size: 12px;
  font-weight: 400;
}

.workspace-admin .countdown-pill strong {
  color: var(--workspace-heading-text);
  font-size: 13px;
}

.workspace-admin .live-button {
  min-height: 40px;
  padding: 8px 14px;
  border: 1px solid var(--live-border);
  border-radius: 8px;
  box-shadow: none;
  font-size: 13px;
}

.workspace-admin .live-button:hover {
  transform: none;
  box-shadow: none;
}

.workspace-admin .live-button--primary {
  background: #2563eb;
  color: #fff;
  border-color: #2563eb;
}

.workspace-admin .live-button--secondary {
  background: rgba(255, 255, 255, 0.07);
  border-color: #91b3d0;
  color: var(--workspace-heading-text);
}

.workspace-admin .live-button--secondary:hover {
  background: rgba(255, 255, 255, 0.16);
}

.workspace-admin .stat-card,
.workspace-admin .live-card {
  border-radius: 14px;
  border-color: var(--live-border);
  box-shadow: none;
}

body.workspace-admin.live-dashboard:not(.live-dark) .stat-card {
  background: #edf4fc;
}

body.workspace-admin.live-dashboard:not(.live-dark) .stat-card--success {
  background: #edf8f3;
  border-color: #c5e2d5;
}

body.workspace-admin.live-dashboard:not(.live-dark) .stat-card--danger {
  background: #fff1f2;
  border-color: #efccd2;
}

body.workspace-admin.live-dashboard:not(.live-dark) .stat-card--warning {
  background: #fff8eb;
  border-color: #eddbb7;
}

.workspace-admin .stat-card__label {
  font-size: 13px;
  text-transform: none;
  letter-spacing: 0;
}

.workspace-admin .stat-card__value {
  font-variant-numeric: tabular-nums;
}

.workspace-admin .live-button:focus-visible {
  outline: 3px solid var(--live-accent);
  outline-offset: 3px;
}

@media (max-width: 767px) {
  .workspace-admin .world-map-note {
    max-width: none;
    width: 100%;
  }
  .workspace-admin .terminal-list-stat {
    min-width: 85px;
    padding: 10px 12px;
  }
  .workspace-admin .live-hero__actions .refresh-meta {
    text-align: left;
  }
}

@media print {
  .workspace-admin .admin-hero .hero-stat-number.offline {
    color: #805515;
  }
}
