html.ui-v2 .admin-page {
  width: 100%;
  max-width: none;
  color: var(--ui-text);
}

html.ui-v2 .admin-page .page-header {
  align-items: end;
}

html.ui-v2 .admin-page-subtitle,
html.ui-v2 .admin-page :is(.section-header p, .partner-company-admin-heading p, .territory-intro-card p) {
  color: var(--ui-text-secondary);
}

html.ui-v2 .admin-page :is(.card, .table-wrapper) {
  border-color: var(--ui-border-subtle);
  border-radius: var(--ui-radius-panel);
  background: var(--ui-surface);
  box-shadow: var(--ui-shadow-panel);
  color: var(--ui-text);
}

html.ui-v2 .admin-page :is(.btn-secondary, .btn-ghost) {
  border-color: var(--ui-border-strong);
  background: var(--ui-surface-raised);
  color: var(--ui-text);
}

html.ui-v2 .admin-page .btn-primary {
  border-color: var(--ui-accent);
  background: var(--ui-accent);
  color: var(--ui-on-accent);
}

html.ui-v2 .admin-page :is(.input-field, .select-input) {
  border-color: var(--ui-border-strong);
  background: var(--ui-surface-raised);
  color: var(--ui-text);
}

html.ui-v2 .admin-tab-bar {
  display: flex;
  min-width: 0;
  gap: var(--ui-space-1);
  margin: 0 0 var(--ui-space-4);
  border: 0;
  border-bottom: 1px solid var(--ui-border-subtle);
  background: transparent;
  overflow-x: auto;
  scrollbar-width: thin;
}

html.ui-v2 .admin-tab-bar .tab-btn {
  min-height: var(--ui-control-height);
  flex: 0 0 auto;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  color: var(--ui-text-secondary);
  padding: 0 var(--ui-space-4);
  white-space: nowrap;
}

html.ui-v2 .admin-tab-bar .tab-btn:hover {
  background: var(--ui-surface-hover);
  color: var(--ui-text);
}

html.ui-v2 .admin-tab-bar .tab-btn.active {
  border-bottom-color: var(--ui-accent);
  background: var(--ui-surface-hover);
  color: var(--ui-text);
}

html.ui-v2 .admin-page .tab-content {
  min-width: 0;
}

html.ui-v2 .admin-page .section-header {
  align-items: end;
  margin-bottom: var(--ui-space-3);
}

html.ui-v2 .admin-page .section-header .section-title {
  margin-bottom: 2px;
  color: var(--ui-text);
}

html.ui-v2 .admin-users-table-wrap {
  max-width: 100%;
  overflow: auto;
}

html.ui-v2 .admin-users-table-wrap .data-table {
  min-width: 1120px;
}

html.ui-v2 .admin-page .data-table th {
  position: sticky;
  z-index: 2;
  top: 0;
  border-color: var(--ui-border-subtle);
  background: var(--ui-surface-raised);
  color: var(--ui-text-muted);
  font-size: var(--font-xs);
}

html.ui-v2 .admin-page .data-table td {
  border-color: var(--ui-border-subtle);
  background: var(--ui-surface);
  color: var(--ui-text);
  font-size: var(--font-sm);
}

html.ui-v2 .admin-page .data-table tbody tr:hover td {
  background: var(--ui-surface-hover);
}

html.ui-v2 .admin-page .data-table td:last-child > div {
  display: flex !important;
  flex-wrap: wrap;
  gap: var(--ui-space-2) !important;
}

html.ui-v2 .admin-page .field-hint {
  color: var(--ui-text-muted);
}

html.ui-v2 .admin-page .data-table .admin-user-created {
  color: var(--ui-text-muted);
}

html.ui-v2 .partner-company-admin,
html.ui-v2 .territory-intro-card {
  border: 1px solid var(--ui-border-subtle);
  padding: var(--ui-space-4);
}

html.ui-v2 .partner-company-sharing-grid,
html.ui-v2 .territory-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--ui-space-3);
}

html.ui-v2 .partner-company-sharing-card,
html.ui-v2 .territory-card {
  min-width: 0;
  border: 1px solid var(--ui-border-subtle);
  border-radius: var(--ui-radius-panel);
  background: var(--ui-surface-raised);
  color: var(--ui-text);
  padding: var(--ui-space-4);
}

html.ui-v2 .partner-company-sharing-copy :is(span, small),
html.ui-v2 .territory-card-header p,
html.ui-v2 .territory-empty {
  color: var(--ui-text-muted);
}

html.ui-v2 .partner-company-sharing-toggle {
  border-color: var(--ui-border-subtle);
  background: var(--ui-surface);
  color: var(--ui-text-secondary);
}

html.ui-v2 .territory-chip {
  border-color: var(--ui-border);
  background: var(--ui-surface);
  color: var(--ui-text-secondary);
}

html.ui-v2 .territory-remove-btn {
  color: var(--ui-danger);
}

html.ui-v2 .territory-add-form {
  border-color: var(--ui-border-subtle);
}

html.ui-v2 .sla-rules-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--ui-space-3);
}

html.ui-v2 .sla-rule-card,
html.ui-v2 .sla-section {
  border-color: var(--ui-border-subtle);
  background: var(--ui-surface);
}

html.ui-v2 .sla-rule-card span,
html.ui-v2 .sla-event span {
  color: var(--ui-text-muted);
}

html.ui-v2 .sla-event {
  border-color: var(--ui-border-subtle);
  background: var(--ui-surface-raised);
  color: var(--ui-text);
}

html.ui-v2 .sla-event:hover {
  border-color: var(--ui-border);
  background: var(--ui-surface-hover);
}

@media (max-width: 1024px) {
  html.ui-v2 .partner-company-sharing-grid,
  html.ui-v2 .territory-grid {
    grid-template-columns: 1fr;
  }

  html.ui-v2 .sla-rules-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  html.ui-v2 .admin-page .page-header,
  html.ui-v2 .admin-page .section-header,
  html.ui-v2 .partner-company-admin-heading,
  html.ui-v2 .territory-intro-card {
    align-items: stretch;
    flex-direction: column;
  }

  html.ui-v2 .admin-page .page-header .btn,
  html.ui-v2 .admin-page .section-header .btn {
    width: 100%;
  }
}

@media (max-width: 430px) {
  html.ui-v2 .admin-tab-bar .tab-btn {
    min-height: var(--ui-touch-height);
    padding-inline: var(--ui-space-3);
  }

  html.ui-v2 .sla-rules-grid {
    grid-template-columns: 1fr;
  }

  html.ui-v2 .territory-add-row,
  html.ui-v2 .partner-company-sharing-title {
    align-items: stretch;
    flex-direction: column;
  }
}