/* Integração visual do Kinetra Design System com o AdminJS. */
body {
  background:
    radial-gradient(circle at 85% -10%, color-mix(in srgb, var(--k-accent) 12%, transparent), transparent 32rem),
    var(--k-app-background) !important;
  font-family: var(--k-font-sans) !important;
}

[data-css="sidebar"] {
  border-right: 1px solid var(--k-app-border-color) !important;
  background: var(--k-app-background-sunken) !important;
  box-shadow: 12px 0 32px rgb(0 0 0 / 18%);
}

[data-css="sidebar-logo"] {
  min-height: 5.5rem;
  justify-content: flex-start !important;
  border-bottom: 1px solid var(--k-app-border-color);
  padding: var(--k-space-4) var(--k-space-6) !important;
}

[data-css="sidebar-logo"] img {
  width: 9.75rem;
  max-width: 100%;
}

[data-css="topbar"] {
  border-bottom: 1px solid var(--k-app-border-color) !important;
  background: color-mix(in srgb, var(--k-app-surface) 92%, transparent) !important;
  backdrop-filter: blur(12px);
}

[data-css="default-dashboard"] {
  border: 1px solid var(--k-app-border-color) !important;
  border-radius: var(--k-radius-lg);
  background: var(--k-surface-2-grad) !important;
  box-shadow: var(--k-shadow-lg);
}

.login__Wrapper {
  background:
    radial-gradient(circle at 20% 20%, color-mix(in srgb, var(--k-accent) 20%, transparent), transparent 30rem),
    var(--k-app-background-sunken) !important;
}

.login__Wrapper > div {
  overflow: hidden;
  border: 1px solid var(--k-app-border-color-strong);
  border-radius: var(--k-radius-lg);
  background: var(--k-app-surface) !important;
  box-shadow: var(--k-shadow-lg) !important;
}

.login__Wrapper form img {
  width: 12rem;
}

input,
textarea,
select,
button {
  border-radius: var(--k-radius-sm) !important;
}

table {
  font-variant-numeric: tabular-nums;
}

a,
button {
  transition:
    color var(--k-duration-fast) var(--k-ease),
    background-color var(--k-duration-fast) var(--k-ease),
    border-color var(--k-duration-fast) var(--k-ease) !important;
}