/* Application-owned styles belong here. Nitro Kit is loaded before this file. */

:root,
[data-theme="light"] {
  --nk-color-focus: var(--nk-emerald-700);
  --nk-color-primary: var(--nk-emerald-700);
  --nk-color-primary-foreground: oklch(0.985 0 0);
  --nk-font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --nk-radius-lg: 0.75rem;
  --nk-radius-md: 0.5rem;
  --nk-radius-sm: 0.375rem;
  --nk-radius-xl: 1rem;
  --nk-radius-xs: 0.25rem;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --nk-color-focus: var(--nk-emerald-500);
    --nk-color-primary: var(--nk-emerald-500);
    --nk-color-primary-foreground: oklch(0.141 0.005 285.823);
  }
}

[data-theme="dark"] {
  --nk-color-focus: var(--nk-emerald-500);
  --nk-color-primary: var(--nk-emerald-500);
  --nk-color-primary-foreground: oklch(0.141 0.005 285.823);
}

[data-moster-liveshow="control-plane-content"] {
  padding: calc(var(--nk-space) * 6);
}

[data-slot="app-navigation-header"] > [data-nk="dropdown"],
[data-slot="app-navigation-header"] [data-slot="dropdown-trigger"] {
  inline-size: 100%;
}

[data-slot="app-navigation-header"] [data-slot="dropdown-trigger"] {
  justify-content: space-between;
}

[data-slot="app-navigation-footer"] small {
  color: var(--nk-color-muted-foreground);
  overflow-wrap: anywhere;
}

[data-moster-liveshow="sign-out"] {
  justify-content: flex-start;
}

@media (width <= 48rem) {
  [data-moster-liveshow="pages-table"] [data-pages-column="address"],
  [data-moster-liveshow="sites-table"] [data-sites-column="address"],
  [data-moster-liveshow="sites-table"] [data-sites-column="time-zone"] {
    display: none;
  }
}
