@import '_content/LicenseHub.Admin/LicenseHub.Admin.bundle.scp.css';

:root {
  --app-radius-sm: 4px;
  --app-radius-md: 4px;
  --app-border: #d7e0e8;
  --app-bg: #f3f6f9;
  --app-primary: var(--mud-palette-primary, #0e3a5b);
  --app-appbar-text: var(--mud-palette-appbar-text, #f8fbfd);
}

html, body {
  font-family: "Segoe UI", Tahoma, sans-serif;
  background: var(--app-bg);
}

.app-page,
.app-card {
  border-radius: var(--app-radius-md) !important;
  border-color: var(--app-border) !important;
  box-shadow: none !important;
}

.app-btn {
  border-radius: var(--app-radius-sm) !important;
  min-height: 36px;
  padding-inline: 14px;
  font-weight: 600;
  text-transform: none;
}

.app-culture-switcher {
  --app-culture-border: color-mix(in srgb, var(--app-appbar-text) 36%, transparent);
  --app-culture-border-hover: color-mix(in srgb, var(--app-appbar-text) 62%, transparent);
  --app-culture-bg: color-mix(in srgb, var(--app-appbar-text) 12%, transparent);
  --app-culture-bg-hover: color-mix(in srgb, var(--app-appbar-text) 20%, transparent);
  --app-culture-active-bg: var(--app-appbar-text);
  --app-culture-active-text: var(--app-primary);
  display: inline-flex;
  gap: 2px;
  padding: 2px;
  border: 1px solid var(--app-culture-border);
  border-radius: 7px;
  background: var(--app-culture-bg);
}

.app-culture-button.mud-button-root,
.app-culture-button.mud-button-root.mud-button-outlined {
  min-width: 34px;
  height: 28px;
  min-height: 28px;
  padding-inline: .55rem;
  border: 1px solid var(--app-culture-border) !important;
  border-radius: 5px;
  background: transparent !important;
  color: var(--app-appbar-text) !important;
  -webkit-text-fill-color: var(--app-appbar-text) !important;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  text-transform: uppercase;
  opacity: 1 !important;
}

.app-culture-button.mud-button-root:hover {
  border-color: var(--app-culture-border-hover) !important;
  background: var(--app-culture-bg-hover) !important;
}

.app-culture-button.mud-button-root .mud-button-label {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

.app-culture-button.mud-button-root:disabled,
.app-culture-button.mud-button-root.mud-disabled {
  color: var(--app-appbar-text) !important;
  -webkit-text-fill-color: var(--app-appbar-text) !important;
  opacity: 1 !important;
}

.app-culture-button.is-active.mud-button-root,
.app-culture-button.is-active.mud-button-root:disabled,
.app-culture-button.is-active.mud-button-root.mud-disabled {
  border-color: var(--app-culture-active-bg) !important;
  background: var(--app-culture-active-bg) !important;
  color: var(--app-culture-active-text) !important;
  -webkit-text-fill-color: var(--app-culture-active-text) !important;
  opacity: 1 !important;
}

.app-culture-button.is-active.mud-button-root .mud-button-label {
  color: var(--app-culture-active-text) !important;
  -webkit-text-fill-color: var(--app-culture-active-text) !important;
}

.app-input .mud-input-slot,
.app-input .mud-input-root,
.app-input .mud-input-control {
  border-radius: var(--app-radius-sm) !important;
}

.mud-table-root,
.mud-table-container,
.mud-table {
  border-radius: var(--app-radius-sm) !important;
}