/* [project]/apps/dashboard/app/globals.css [app-client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-border-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
      "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
      "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

@layer components;

@layer utilities {
  .visible {
    visibility: visible;
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .absolute {
    position: absolute;
  }

  .block {
    display: block;
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
}

:root, [data-theme="light"] {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --villa-color-canvas: #f6f8f7;
  --villa-color-surface: #fff;
  --villa-color-surface-raised: #fff;
  --villa-color-surface-muted: #edf2f0;
  --villa-color-text: #14201e;
  --villa-color-text-muted: #5c6b68;
  --villa-color-border: #dce4e1;
  --villa-color-border-strong: #b9c8c3;
  --villa-color-accent: #0f766e;
  --villa-color-accent-hover: #0b5f59;
  --villa-color-accent-contrast: #fff;
  --villa-color-focus: #0d9488;
  --villa-color-danger: #b42318;
  --villa-color-danger-hover: #912018;
  --villa-color-danger-contrast: #fff;
  --villa-font-sans: "Inter", "SF Pro Text", "Segoe UI", sans-serif;
  --villa-font-display: "Manrope", "Inter", "SF Pro Display", sans-serif;
  --villa-text-xs: .75rem;
  --villa-text-sm: .875rem;
  --villa-text-md: 1rem;
  --villa-text-lg: 1.125rem;
  --villa-text-xl: 1.375rem;
  --villa-text-2xl: clamp(1.75rem, 3vw, 2.5rem);
  --villa-leading-tight: 1.15;
  --villa-leading-normal: 1.55;
  --villa-space-1: .25rem;
  --villa-space-2: .5rem;
  --villa-space-3: .75rem;
  --villa-space-4: 1rem;
  --villa-space-5: 1.25rem;
  --villa-space-6: 1.5rem;
  --villa-space-8: 2rem;
  --villa-space-10: 2.5rem;
  --villa-space-12: 3rem;
  --villa-space-16: 4rem;
  --villa-radius-sm: .5rem;
  --villa-radius-md: .75rem;
  --villa-radius-lg: 1rem;
  --villa-radius-round: 999px;
  --villa-shadow-sm: 0 1px 2px #14201e14;
  --villa-shadow-md: 0 12px 32px #14201e1a;
  --villa-shadow-focus: 0 0 0 3px #0d94883d;
  --villa-duration-fast: .12s;
  --villa-duration-normal: .2s;
  --villa-easing-standard: cubic-bezier(.2, 0, 0, 1);
}

[data-theme="dark"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --villa-color-canvas: #0f1716;
  --villa-color-surface: #16211f;
  --villa-color-surface-raised: #1b2926;
  --villa-color-surface-muted: #22312e;
  --villa-color-text: #f2f7f5;
  --villa-color-text-muted: #a9bab5;
  --villa-color-border: #30433f;
  --villa-color-border-strong: #49615b;
  --villa-color-accent: #5eead4;
  --villa-color-accent-hover: #99f6e4;
  --villa-color-accent-contrast: #0f2e2a;
  --villa-color-focus: #5eead4;
  --villa-color-danger: #f97066;
  --villa-color-danger-hover: #fda29b;
  --villa-color-danger-contrast: #3b0d0a;
  --villa-shadow-sm: 0 1px 2px #00000047;
  --villa-shadow-md: 0 16px 40px #00000057;
  --villa-shadow-focus: 0 0 0 3px #5eead447;
}

*, :before, :after {
  box-sizing: border-box;
}

html {
  background: var(--villa-color-canvas);
  color: var(--villa-color-text);
  font-family: var(--villa-font-sans);
  text-rendering: optimizelegibility;
}

body {
  background: var(--villa-color-canvas);
  min-width: 20rem;
  min-height: 100vh;
  margin: 0;
  position: relative;
}

button, input, select, textarea {
  font: inherit;
}

:focus-visible {
  outline: 2px solid var(--villa-color-focus);
  outline-offset: 2px;
}

.villa-app-root {
  isolation: isolate;
  min-height: 100dvh;
}

.villa-skip-link {
  z-index: 1000;
  top: var(--villa-space-3);
  left: var(--villa-space-3);
  border-radius: var(--villa-radius-sm);
  background: var(--villa-color-text);
  color: var(--villa-color-surface);
  padding: var(--villa-space-3) var(--villa-space-4);
  font-weight: 700;
  position: fixed;
  translate: 0 -200%;
}

.villa-skip-link:focus {
  translate: 0;
}

.villa-button {
  justify-content: center;
  align-items: center;
  gap: var(--villa-space-2);
  border-radius: var(--villa-radius-md);
  min-width: 0;
  font-family: var(--villa-font-sans);
  font-size: var(--villa-text-sm);
  white-space: nowrap;
  cursor: pointer;
  transition: background-color var(--villa-duration-fast) var(--villa-easing-standard), border-color var(--villa-duration-fast) var(--villa-easing-standard), color var(--villa-duration-fast) var(--villa-easing-standard), box-shadow var(--villa-duration-fast) var(--villa-easing-standard), transform var(--villa-duration-fast) var(--villa-easing-standard);
  border: 1px solid #0000;
  font-weight: 650;
  line-height: 1;
  display: inline-flex;
}

.villa-button--sm {
  min-height: 2rem;
  padding-inline: var(--villa-space-3);
}

.villa-button--md {
  min-height: 2.5rem;
  padding-inline: var(--villa-space-4);
}

.villa-button--lg {
  min-height: 3rem;
  padding-inline: var(--villa-space-5);
  font-size: var(--villa-text-md);
}

.villa-button--primary {
  background: var(--villa-color-accent);
  color: var(--villa-color-accent-contrast);
}

.villa-button--primary:hover:not([data-disabled]) {
  background: var(--villa-color-accent-hover);
}

.villa-button--secondary {
  border-color: var(--villa-color-border);
  background: var(--villa-color-surface);
  color: var(--villa-color-text);
  box-shadow: var(--villa-shadow-sm);
}

.villa-button--secondary:hover:not([data-disabled]) {
  border-color: var(--villa-color-border-strong);
  background: var(--villa-color-surface-muted);
}

.villa-button--ghost {
  color: var(--villa-color-text);
  background: none;
}

.villa-button--ghost:hover:not([data-disabled]) {
  background: var(--villa-color-surface-muted);
}

.villa-button--danger {
  background: var(--villa-color-danger);
  color: var(--villa-color-danger-contrast);
}

.villa-button--danger:hover:not([data-disabled]) {
  background: var(--villa-color-danger-hover);
}

.villa-button:focus-visible {
  box-shadow: var(--villa-shadow-focus);
  outline: none;
}

.villa-button:active:not([data-disabled]) {
  transform: translateY(1px);
}

.villa-button[data-disabled] {
  cursor: not-allowed;
  opacity: .56;
}

.villa-button__spinner {
  border-radius: var(--villa-radius-round);
  border: 2px solid;
  border-right-color: #0000;
  width: 1em;
  height: 1em;
  animation: .7s linear infinite villa-spin;
}

@keyframes villa-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  *, :before, :after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

:root {
  --dashboard-sidebar: #0d201c;
  --dashboard-sidebar-panel: #17302a;
  --dashboard-sidebar-text: #eef7f3;
  --dashboard-canvas: #f4f7f5;
  --dashboard-highlight: #d7f36b;
  --dashboard-line: #dce6e2;
}

body {
  background: var(--dashboard-canvas);
}

.dashboard-app {
  background: var(--dashboard-canvas);
  color: var(--villa-color-text);
}

.dashboard-shell {
  grid-template-columns: 15.5rem minmax(0, 1fr);
  min-height: 100dvh;
  display: grid;
}

.dashboard-sidebar {
  background: var(--dashboard-sidebar);
  min-width: 0;
  height: 100dvh;
  color: var(--dashboard-sidebar-text);
  padding: var(--villa-space-4);
  flex-direction: column;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.dashboard-brand {
  align-items: center;
  gap: var(--villa-space-3);
  color: #fff;
  font-family: var(--villa-font-display);
  text-decoration: none;
  display: flex;
}

.dashboard-brand > span {
  background: var(--dashboard-highlight);
  width: 2.1rem;
  height: 2.1rem;
  color: var(--dashboard-sidebar);
  border-radius: .7rem;
  place-items: center;
  font-weight: 800;
  display: grid;
}

.dashboard-nav {
  align-content: start;
  gap: var(--villa-space-5);
  margin-top: var(--villa-space-8);
  padding-right: var(--villa-space-1);
  scrollbar-color: #38534c transparent;
  scrollbar-width: thin;
  flex: 1;
  display: grid;
  overflow-y: auto;
}

.dashboard-nav__group {
  gap: var(--villa-space-1);
  display: grid;
}

.dashboard-nav__group > p {
  margin: 0 0 var(--villa-space-1);
  padding-inline: var(--villa-space-3);
  color: #78938b;
  letter-spacing: .11em;
  text-transform: uppercase;
  font-size: .65rem;
  font-weight: 800;
}

.dashboard-nav__group > div {
  gap: .15rem;
  display: grid;
}

.dashboard-nav a {
  border-radius: var(--villa-radius-sm);
  color: #adc0ba;
  min-height: 2.25rem;
  padding: .55rem var(--villa-space-3);
  transition: background-color var(--villa-duration-fast) var(--villa-easing-standard),
    color var(--villa-duration-fast) var(--villa-easing-standard);
  align-items: center;
  gap: .65rem;
  font-size: .82rem;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.dashboard-nav a > span {
  background: #49645d;
  border-radius: 999px;
  flex: none;
  width: .35rem;
  height: .35rem;
}

.dashboard-nav a:hover, .dashboard-nav a[aria-current="page"] {
  background: var(--dashboard-sidebar-panel);
  color: #fff;
}

.dashboard-nav a[aria-current="page"] > span {
  background: var(--dashboard-highlight);
  box-shadow: 0 0 0 .2rem #d7f36b1f;
}

.dashboard-sidebar__footer {
  margin-top: var(--villa-space-4);
  border-radius: var(--villa-radius-md);
  padding: var(--villa-space-3);
  background: #122923;
  border: 1px solid #26413a;
  gap: .65rem;
  display: grid;
}

.dashboard-sidebar__footer p {
  color: #78938b;
  font-size: var(--villa-text-xs);
  margin: 0;
}

.dashboard-sidebar__footer strong {
  color: #fff;
  font-size: var(--villa-text-xs);
  font-weight: 750;
}

.dashboard-mobile-nav {
  display: none;
}

.dashboard-main {
  min-width: 0;
}

.dashboard-topbar {
  z-index: 30;
  border-bottom: 1px solid var(--dashboard-line);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: #ffffffe0;
  justify-content: space-between;
  align-items: center;
  min-height: 4.5rem;
  padding-inline: clamp(1.25rem, 3vw, 2.5rem);
  display: flex;
  position: sticky;
  top: 0;
}

.dashboard-topbar p, .dashboard-topbar strong {
  margin: 0;
}

.dashboard-topbar p {
  color: var(--villa-color-text-muted);
  font-size: var(--villa-text-xs);
}

.dashboard-topbar strong {
  font-family: var(--villa-font-display);
  font-size: var(--villa-text-md);
  letter-spacing: -.02em;
}

.dashboard-topbar__actions {
  align-items: center;
  gap: var(--villa-space-3);
  display: flex;
}

.dashboard-topbar__actions > a {
  border: 1px solid var(--villa-color-border);
  border-radius: var(--villa-radius-round);
  background: var(--villa-color-surface);
  min-height: 2.25rem;
  color: var(--villa-color-text);
  padding-inline: var(--villa-space-4);
  font-size: var(--villa-text-xs);
  align-items: center;
  font-weight: 750;
  text-decoration: none;
  display: inline-flex;
}

.dashboard-avatar {
  border: 1px solid var(--villa-color-border);
  border-radius: var(--villa-radius-round);
  background: var(--villa-color-surface);
  width: 2.25rem;
  height: 2.25rem;
  font-size: var(--villa-text-xs);
  place-items: center;
  font-weight: 750;
  display: grid;
}

.dashboard-content {
  width: min(100% - 3rem, 78rem);
  margin-inline: auto;
  padding-block: clamp(2rem, 4vw, 3.5rem);
}

.dashboard-content--wide {
  width: min(100% - 3rem, 90rem);
}

.dashboard-content--editor {
  width: min(100% - 2.5rem, 76rem);
}

.security-layout {
  max-width: 52rem;
}

.security-enrollment, .security-recovery {
  gap: var(--villa-space-4);
  overflow-wrap: anywhere;
  display: grid;
}

.security-enrollment > code, .security-enrollment details, .security-recovery {
  border: 1px solid var(--villa-color-border);
  border-radius: var(--villa-radius-sm);
  background: var(--villa-color-surface-muted);
  padding: var(--villa-space-4);
}

.security-recovery ul {
  gap: var(--villa-space-2);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.villa-page-heading, .villa-section-form > header, .villa-section-form > footer, .villa-editor-actions, .villa-conflict {
  justify-content: space-between;
  align-items: center;
  gap: var(--villa-space-4);
  display: flex;
}

.villa-page-heading h1, .villa-section-form h1, .villa-section-form h2 {
  font-family: var(--villa-font-display);
  letter-spacing: -.035em;
  margin: 0;
}

.villa-page-heading h1, .villa-section-form h1 {
  font-size: var(--villa-text-2xl);
}

.villa-page-heading p:not(.villa-eyebrow), .villa-section-form header p {
  margin: var(--villa-space-2) 0 0;
  color: var(--villa-color-text-muted);
}

.villa-eyebrow {
  margin: 0 0 var(--villa-space-2);
  color: var(--villa-color-accent);
  font-size: var(--villa-text-xs);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 800;
}

.villa-filters {
  align-items: end;
  gap: var(--villa-space-3);
  margin-top: var(--villa-space-8);
  border: 1px solid var(--villa-color-border);
  border-radius: var(--villa-radius-md);
  background: var(--villa-color-surface);
  padding: var(--villa-space-4);
  grid-template-columns: minmax(15rem, 1fr) minmax(10rem, .35fr) auto;
  display: grid;
}

.villa-filters label, .villa-section-form label, .villa-file-field {
  gap: var(--villa-space-2);
  color: var(--villa-color-text-muted);
  font-size: var(--villa-text-sm);
  font-weight: 650;
  display: grid;
}

.villa-filters input, .villa-filters select, .villa-section-form input, .villa-section-form textarea {
  border: 1px solid var(--villa-color-border-strong);
  border-radius: var(--villa-radius-sm);
  background: var(--villa-color-surface);
  width: 100%;
  color: var(--villa-color-text);
  font: inherit;
  padding: .72rem .8rem;
  font-weight: 500;
}

.villa-filters input:focus-visible, .villa-filters select:focus-visible, .villa-section-form input:focus-visible, .villa-section-form textarea:focus-visible {
  outline: 3px solid var(--villa-color-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .villa-filters input:focus-visible, .villa-filters select:focus-visible, .villa-section-form input:focus-visible, .villa-section-form textarea:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--villa-color-accent) 28%, transparent);
  }
}

.villa-filters input:focus-visible, .villa-filters select:focus-visible, .villa-section-form input:focus-visible, .villa-section-form textarea:focus-visible {
  outline-offset: 1px;
}

.villa-table-frame {
  margin-top: var(--villa-space-5);
  border: 1px solid var(--villa-color-border);
  border-radius: var(--villa-radius-lg);
  background: var(--villa-color-surface);
  box-shadow: var(--villa-shadow-sm);
  overflow-x: auto;
}

.villa-table-frame table {
  border-collapse: collapse;
  text-align: left;
  width: 100%;
}

.villa-table-frame th, .villa-table-frame td {
  border-bottom: 1px solid var(--villa-color-border);
  padding: var(--villa-space-4);
}

.villa-table-frame th {
  color: var(--villa-color-text-muted);
  font-size: var(--villa-text-xs);
  letter-spacing: .04em;
  text-transform: uppercase;
}

.villa-table-frame td {
  font-size: var(--villa-text-sm);
}

.villa-table-frame td strong, .villa-table-frame td > span:not(.villa-status) {
  display: block;
}

.villa-table-frame td > span:not(.villa-status) {
  color: var(--villa-color-text-muted);
  font-size: var(--villa-text-xs);
  margin-top: .2rem;
}

.villa-table-frame a, .villa-section-form footer a {
  color: var(--villa-color-accent);
  font-weight: 750;
}

.villa-status {
  border-radius: var(--villa-radius-round);
  font-size: var(--villa-text-xs);
  padding: .35rem .65rem;
  font-weight: 800;
  display: inline-flex;
}

.villa-status--draft {
  color: #745a00;
  background: #fff5cf;
}

.villa-status--published {
  color: #12633f;
  background: #dff4e9;
}

.villa-status--archived {
  background: var(--villa-color-surface-muted);
  color: var(--villa-color-text-muted);
}

.villa-empty-state {
  justify-items: center;
  gap: var(--villa-space-2);
  padding: var(--villa-space-10);
  color: var(--villa-color-text-muted);
  text-align: center;
  display: grid;
}

.villa-empty-state strong {
  color: var(--villa-color-text);
}

.villa-pagination {
  margin-top: var(--villa-space-4);
  justify-content: flex-end;
  display: flex;
}

.villa-alert, .villa-conflict, .villa-inline-message {
  margin-top: var(--villa-space-5);
  border-radius: var(--villa-radius-md);
  color: #7c2d1d;
  padding: var(--villa-space-4);
  background: #fff5f2;
  border: 1px solid #e7b8ac;
}

.villa-conflict span {
  margin-top: var(--villa-space-1);
  display: block;
}

.villa-inline-message {
  border-color: var(--villa-color-border);
  background: var(--villa-color-surface);
  color: var(--villa-color-text-muted);
}

.reservation-read-model-note {
  border: 1px solid var(--villa-color-border);
  border-radius: var(--villa-radius-round);
  background: var(--villa-color-surface);
  color: var(--villa-color-text-muted);
  font-size: var(--villa-text-xs);
  padding: .55rem .8rem;
  font-weight: 700;
}

.reservation-filters {
  align-items: end;
  gap: var(--villa-space-3);
  margin-top: var(--villa-space-8);
  border: 1px solid var(--villa-color-border);
  border-radius: var(--villa-radius-md);
  background: var(--villa-color-surface);
  padding: var(--villa-space-4);
  grid-template-columns: minmax(13rem, 1.4fr) repeat(2, minmax(9rem, .8fr)) repeat(2, minmax(9rem, .7fr)) auto;
  display: grid;
}

.reservation-filters label, .reservation-transition-card label {
  gap: var(--villa-space-2);
  color: var(--villa-color-text-muted);
  font-size: var(--villa-text-sm);
  font-weight: 650;
  display: grid;
}

.reservation-filters input, .reservation-filters select, .reservation-transition-card input, .reservation-transition-card select, .reservation-transition-card textarea {
  border: 1px solid var(--villa-color-border-strong);
  border-radius: var(--villa-radius-sm);
  background: var(--villa-color-surface);
  width: 100%;
  color: var(--villa-color-text);
  padding: .72rem .8rem;
}

.reservation-status {
  border-radius: var(--villa-radius-round);
  font-size: var(--villa-text-xs);
  white-space: nowrap;
  align-items: center;
  padding: .35rem .65rem;
  font-weight: 800;
  display: inline-flex;
}

.reservation-status--requested, .reservation-status--hold, .reservation-status--draft {
  color: #6b5100;
  background: #fff1bf;
}

.reservation-status--confirmed, .reservation-status--checked_in, .reservation-status--completed {
  color: #12633f;
  background: #dff4e9;
}

.reservation-status--cancelled, .reservation-status--rejected {
  color: #8a2e20;
  background: #fde8e3;
}

.reservation-status--expired {
  background: var(--villa-color-surface-muted);
  color: var(--villa-color-text-muted);
}

.reservation-heading__actions {
  align-items: center;
  gap: var(--villa-space-4);
  display: flex;
}

.reservation-heading__actions a, .reservation-card a {
  color: var(--villa-color-accent);
  font-weight: 700;
}

.reservation-detail-layout {
  align-items: start;
  gap: var(--villa-space-5);
  margin-top: var(--villa-space-6);
  grid-template-columns: minmax(0, 1.55fr) minmax(19rem, .75fr);
  display: grid;
}

.reservation-detail-main, .reservation-detail-aside {
  gap: var(--villa-space-5);
  display: grid;
}

.reservation-detail-aside {
  top: var(--villa-space-5);
  position: sticky;
}

.reservation-card {
  border: 1px solid var(--villa-color-border);
  border-radius: var(--villa-radius-lg);
  background: var(--villa-color-surface);
  min-width: 0;
  padding: clamp(var(--villa-space-4), 3vw, var(--villa-space-6));
  box-shadow: var(--villa-shadow-sm);
}

.reservation-card > header {
  justify-content: space-between;
  align-items: center;
  gap: var(--villa-space-3);
  margin-bottom: var(--villa-space-5);
  display: flex;
}

.reservation-card h2 {
  font-family: var(--villa-font-display);
  font-size: var(--villa-text-lg);
  margin: 0;
}

.reservation-card > header > span, .reservation-muted {
  color: var(--villa-color-text-muted);
  font-size: var(--villa-text-xs);
}

.reservation-price-lines {
  gap: var(--villa-space-2);
  display: grid;
}

.reservation-price-lines > div {
  column-gap: var(--villa-space-4);
  border-bottom: 1px solid var(--villa-color-border);
  padding-block: var(--villa-space-3);
  font-size: var(--villa-text-sm);
  grid-template-columns: minmax(0, 1fr) auto;
  display: grid;
}

.reservation-price-lines small {
  margin-top: var(--villa-space-1);
  color: var(--villa-color-text-muted);
  grid-column: 1 / -1;
}

.reservation-totals, .reservation-metadata {
  margin: var(--villa-space-5) 0 0;
  gap: 0;
  display: grid;
}

.reservation-totals > div, .reservation-metadata > div {
  justify-content: space-between;
  gap: var(--villa-space-4);
  border-bottom: 1px solid var(--villa-color-border);
  min-width: 0;
  padding-block: var(--villa-space-3);
  display: flex;
}

.reservation-totals dt, .reservation-metadata dt {
  color: var(--villa-color-text-muted);
}

.reservation-totals dd, .reservation-metadata dd {
  overflow-wrap: anywhere;
  text-align: right;
  min-width: 0;
  margin: 0;
  font-weight: 700;
}

.reservation-totals__grand {
  color: var(--villa-color-accent);
  font-size: var(--villa-text-md);
  border-bottom: 0 !important;
}

.reservation-note {
  margin-top: var(--villa-space-5);
  border-radius: var(--villa-radius-md);
  background: var(--villa-color-surface-muted);
  padding: var(--villa-space-4);
}

.reservation-note p {
  margin: var(--villa-space-2) 0 0;
  white-space: pre-wrap;
}

.reservation-transition-card form {
  gap: var(--villa-space-4);
  display: grid;
}

.reservation-timeline {
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.reservation-timeline li {
  gap: var(--villa-space-3);
  padding-bottom: var(--villa-space-5);
  grid-template-columns: .8rem minmax(0, 1fr);
  display: grid;
}

.reservation-timeline li > span {
  border: 2px solid var(--villa-color-surface);
  border-radius: var(--villa-radius-round);
  background: var(--villa-color-accent);
  width: .65rem;
  height: .65rem;
  box-shadow: 0 0 0 1px var(--villa-color-accent);
  margin-top: .25rem;
}

.reservation-timeline strong, .reservation-timeline p, .reservation-timeline blockquote {
  margin: 0;
}

.reservation-timeline p {
  margin-top: var(--villa-space-1);
  color: var(--villa-color-text-muted);
  font-size: var(--villa-text-xs);
}

.reservation-timeline blockquote {
  margin-top: var(--villa-space-2);
  border-left: 3px solid var(--villa-color-border-strong);
  padding-left: var(--villa-space-3);
  color: var(--villa-color-text-muted);
}

.villa-section-nav {
  gap: var(--villa-space-2);
  margin-block: var(--villa-space-6);
  padding-bottom: var(--villa-space-2);
  display: flex;
  overflow-x: auto;
}

.villa-section-nav a {
  border: 1px solid var(--villa-color-border);
  border-radius: var(--villa-radius-round);
  background: var(--villa-color-surface);
  color: var(--villa-color-text-muted);
  font-size: var(--villa-text-xs);
  flex: none;
  padding: .45rem .75rem;
  font-weight: 700;
  text-decoration: none;
}

.villa-section-form {
  gap: var(--villa-space-5);
  margin-top: var(--villa-space-5);
  scroll-margin-top: var(--villa-space-5);
  border: 1px solid var(--villa-color-border);
  border-radius: var(--villa-radius-lg);
  background: var(--villa-color-surface);
  box-shadow: var(--villa-shadow-sm);
  padding: clamp(1.25rem, 3vw, 2rem);
  display: grid;
}

.villa-section-form > footer {
  border-top: 1px solid var(--villa-color-border);
  padding-top: var(--villa-space-4);
  color: var(--villa-color-text-muted);
  font-size: var(--villa-text-xs);
}

.villa-form-grid {
  gap: var(--villa-space-4);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.villa-loading {
  min-height: 18rem;
  color: var(--villa-color-text-muted);
  place-items: center;
  display: grid;
}

.sr-only {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.dashboard-heading h1 {
  font-family: var(--villa-font-display);
  font-size: var(--villa-text-2xl);
  letter-spacing: -.04em;
  margin: 0;
}

.dashboard-heading p {
  margin: var(--villa-space-2) 0 0;
  color: var(--villa-color-text-muted);
}

.dashboard-overview {
  gap: var(--villa-space-6);
  display: grid;
}

.dashboard-overview__heading {
  justify-content: space-between;
  align-items: end;
  gap: var(--villa-space-8);
  display: flex;
}

.dashboard-overview__heading h1 {
  max-width: 16ch;
  font-family: var(--villa-font-display);
  letter-spacing: -.065em;
  margin: 0;
  font-size: clamp(2.2rem, 4vw, 4.35rem);
  font-weight: 720;
  line-height: .98;
}

.dashboard-overview__heading > div > p:last-child {
  max-width: 42rem;
  margin: var(--villa-space-4) 0 0;
  color: var(--villa-color-text-muted);
  font-size: var(--villa-text-md);
  line-height: 1.65;
}

.dashboard-overview__eyebrow, .dashboard-focus-card header p, .dashboard-setup-card header p {
  margin: 0 0 var(--villa-space-2);
  color: var(--villa-color-accent);
  font-size: var(--villa-text-xs);
  letter-spacing: .1em;
  text-transform: uppercase;
  font-weight: 800;
}

.dashboard-overview__actions {
  justify-content: flex-end;
  gap: var(--villa-space-2);
  flex-wrap: wrap;
  display: flex;
}

.dashboard-action {
  border: 1px solid var(--villa-color-border-strong);
  border-radius: var(--villa-radius-md);
  background: var(--villa-color-surface);
  min-height: 2.75rem;
  color: var(--villa-color-text);
  padding-inline: var(--villa-space-4);
  font-size: var(--villa-text-sm);
  justify-content: center;
  align-items: center;
  font-weight: 750;
  text-decoration: none;
  display: inline-flex;
}

.dashboard-action--primary {
  border-color: var(--villa-color-accent);
  background: var(--villa-color-accent);
  color: var(--villa-color-accent-contrast);
}

.dashboard-workspace-grid {
  gap: var(--villa-space-3);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  display: grid;
}

.dashboard-workspace-grid article {
  border: 1px solid var(--dashboard-line);
  border-radius: var(--villa-radius-lg);
  background: var(--villa-color-surface);
  min-height: 13rem;
  padding: var(--villa-space-5);
  align-content: start;
  display: grid;
  box-shadow: 0 1px 2px #0d201c0a;
}

.dashboard-workspace-grid article:first-child {
  border-color: var(--dashboard-sidebar);
  background: var(--dashboard-sidebar);
  color: #fff;
}

.dashboard-workspace-grid article > div {
  justify-content: space-between;
  align-items: center;
  gap: var(--villa-space-3);
  display: flex;
}

.dashboard-workspace-grid article > div span, .dashboard-workspace-grid article > div small {
  color: var(--villa-color-text-muted);
  font-size: var(--villa-text-xs);
  font-weight: 750;
}

.dashboard-workspace-grid article:first-child > div span, .dashboard-workspace-grid article:first-child > div small, .dashboard-workspace-grid article:first-child p {
  color: #9db3ac;
}

.dashboard-workspace-grid h2 {
  margin: var(--villa-space-6) 0 0;
  font-family: var(--villa-font-display);
  font-size: var(--villa-text-xl);
  letter-spacing: -.035em;
}

.dashboard-workspace-grid p {
  margin: var(--villa-space-2) 0 var(--villa-space-5);
  color: var(--villa-color-text-muted);
  font-size: var(--villa-text-sm);
  line-height: 1.55;
}

.dashboard-workspace-grid article > a {
  color: inherit;
  font-size: var(--villa-text-xs);
  text-underline-offset: .3rem;
  align-self: end;
  margin-top: auto;
  font-weight: 800;
  text-decoration-thickness: 1px;
}

.dashboard-workspace-grid article:first-child > a {
  color: var(--dashboard-highlight);
}

.dashboard-overview__grid {
  gap: var(--villa-space-4);
  grid-template-columns: minmax(0, 1.45fr) minmax(19rem, .55fr);
  display: grid;
}

.dashboard-focus-card, .dashboard-setup-card {
  border: 1px solid var(--dashboard-line);
  border-radius: var(--villa-radius-lg);
  background: var(--villa-color-surface);
  padding: var(--villa-space-6);
}

.dashboard-focus-card > header {
  justify-content: space-between;
  align-items: start;
  gap: var(--villa-space-4);
  display: flex;
}

.dashboard-focus-card h2, .dashboard-setup-card h2 {
  font-family: var(--villa-font-display);
  font-size: var(--villa-text-xl);
  letter-spacing: -.035em;
  margin: 0;
}

.dashboard-focus-card > header > span {
  border-radius: var(--villa-radius-round);
  background: var(--villa-color-surface-muted);
  color: var(--villa-color-text-muted);
  font-size: var(--villa-text-xs);
  padding: .45rem .7rem;
  font-weight: 750;
}

.dashboard-focus-card ol {
  margin: var(--villa-space-5) 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.dashboard-focus-card li {
  align-items: center;
  gap: var(--villa-space-4);
  border-top: 1px solid var(--dashboard-line);
  padding-block: var(--villa-space-4);
  grid-template-columns: 2rem minmax(0, 1fr) auto;
  display: grid;
}

.dashboard-focus-card li > span {
  color: var(--villa-color-accent);
  font-size: var(--villa-text-xs);
  font-weight: 800;
}

.dashboard-focus-card h3, .dashboard-focus-card li p {
  margin: 0;
}

.dashboard-focus-card h3 {
  font-size: var(--villa-text-md);
}

.dashboard-focus-card li p {
  margin-top: var(--villa-space-1);
  color: var(--villa-color-text-muted);
  font-size: var(--villa-text-sm);
  line-height: 1.5;
}

.dashboard-focus-card li > a {
  color: var(--villa-color-accent);
  font-size: var(--villa-text-sm);
  font-weight: 800;
}

.dashboard-setup-card {
  background: #eff5f2;
  align-content: start;
  display: grid;
}

.dashboard-setup-card > div {
  margin-top: var(--villa-space-5);
  border-top: 1px solid var(--dashboard-line);
  display: grid;
}

.dashboard-setup-card > div a {
  gap: var(--villa-space-1);
  border-bottom: 1px solid var(--dashboard-line);
  color: var(--villa-color-text);
  padding-block: var(--villa-space-3);
  text-decoration: none;
  display: grid;
}

.dashboard-setup-card > div span {
  font-size: var(--villa-text-sm);
  font-weight: 750;
}

.dashboard-setup-card > div small {
  color: var(--villa-color-text-muted);
  font-size: var(--villa-text-xs);
}

.dashboard-setup-card__note {
  margin: var(--villa-space-5) 0 0;
  color: var(--villa-color-text-muted);
  font-size: var(--villa-text-xs);
  line-height: 1.55;
}

.dashboard-empty {
  gap: var(--villa-space-10);
  min-height: 21rem;
  margin-top: var(--villa-space-10);
  border: 1px solid var(--villa-color-border);
  border-radius: var(--villa-radius-lg);
  background: var(--villa-color-surface);
  box-shadow: var(--villa-shadow-sm);
  grid-template-columns: minmax(0, 1.5fr) minmax(15rem, .5fr);
  padding: clamp(1.5rem, 4vw, 3rem);
  display: grid;
}

.dashboard-empty h2 {
  font-family: var(--villa-font-display);
  font-size: var(--villa-text-xl);
  margin: 0;
}

.dashboard-empty p {
  max-width: 38rem;
  color: var(--villa-color-text-muted);
  line-height: var(--villa-leading-normal);
}

.dashboard-empty dl {
  border-top: 1px solid var(--villa-color-border);
  align-self: end;
  margin: 0;
}

.dashboard-empty dl > div {
  justify-content: space-between;
  gap: var(--villa-space-4);
  border-bottom: 1px solid var(--villa-color-border);
  padding-block: var(--villa-space-3);
  font-size: var(--villa-text-sm);
  display: flex;
}

.dashboard-empty dt {
  color: var(--villa-color-text-muted);
}

.dashboard-empty dd {
  margin: 0;
  font-weight: 650;
}

.dashboard-anchor {
  display: block;
}

.dashboard-status {
  min-height: 100dvh;
  padding: var(--villa-space-6);
  text-align: center;
  place-items: center;
  display: grid;
}

.dashboard-status main, .dashboard-status > div {
  max-width: 34rem;
}

.dashboard-status h1 {
  font-family: var(--villa-font-display);
  font-size: var(--villa-text-2xl);
}

.dashboard-status p {
  color: var(--villa-color-text-muted);
  line-height: var(--villa-leading-normal);
}

.dashboard-status a {
  color: var(--villa-color-accent);
  font-weight: 700;
}

.platform-page {
  min-height: 100dvh;
  padding: clamp(1.25rem, 4vw, 4rem);
}

.platform-operations {
  width: min(100%, 78rem);
  margin-inline: auto;
}

.platform-operations > header {
  justify-content: space-between;
  align-items: end;
  gap: var(--villa-space-6);
  display: flex;
}

.platform-operations h1 {
  font-family: var(--villa-font-display);
  font-size: var(--villa-text-2xl);
  margin: 0;
}

.platform-operations header p:not(.platform-eyebrow) {
  margin: var(--villa-space-2) 0 0;
  color: var(--villa-color-text-muted);
}

.platform-eyebrow {
  margin: 0 0 var(--villa-space-2);
  color: var(--villa-color-accent);
  font-size: var(--villa-text-xs);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 800;
}

.platform-security-state, .platform-status {
  border-radius: var(--villa-radius-round);
  font-size: var(--villa-text-xs);
  padding: .35rem .65rem;
  font-weight: 750;
  display: inline-flex;
}

.platform-security-state {
  background: var(--villa-color-surface-muted);
  color: var(--villa-color-accent);
}

.platform-notice, .platform-support-policy {
  margin-top: var(--villa-space-6);
  border: 1px solid var(--villa-color-border);
  border-radius: var(--villa-radius-md);
  background: var(--villa-color-surface);
  padding: var(--villa-space-4);
  color: var(--villa-color-text-muted);
  line-height: var(--villa-leading-normal);
}

.platform-table-frame {
  margin-top: var(--villa-space-6);
  border: 1px solid var(--villa-color-border);
  border-radius: var(--villa-radius-lg);
  background: var(--villa-color-surface);
  box-shadow: var(--villa-shadow-sm);
  overflow-x: auto;
}

.platform-table-frame table {
  border-collapse: collapse;
  text-align: left;
  width: 100%;
}

.platform-table-frame th, .platform-table-frame td {
  border-bottom: 1px solid var(--villa-color-border);
  padding: var(--villa-space-4);
  white-space: nowrap;
}

.platform-table-frame th {
  color: var(--villa-color-text-muted);
  font-size: var(--villa-text-xs);
  text-transform: uppercase;
}

.platform-table-frame td > span:not(.platform-status) {
  margin-top: var(--villa-space-1);
  color: var(--villa-color-text-muted);
  font-size: var(--villa-text-xs);
  display: block;
}

.platform-status--active {
  color: #1b6845;
  background: #dff4e8;
}

.platform-status--suspended, .platform-status--closing {
  color: #81500c;
  background: #fff0d8;
}

.platform-status--provisioning, .platform-status--closed {
  background: var(--villa-color-surface-muted);
  color: var(--villa-color-text-muted);
}

.platform-support-policy strong {
  color: var(--villa-color-text);
}

.platform-support-policy p {
  margin: var(--villa-space-1) 0 0;
}

.billing-operations > header a {
  color: var(--villa-color-accent);
  font-weight: 750;
}

.billing-summary-grid, .billing-command-grid {
  gap: var(--villa-space-4);
  margin-top: var(--villa-space-6);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.billing-summary-grid article, .billing-command-grid form {
  gap: var(--villa-space-3);
  border: 1px solid var(--villa-color-border);
  border-radius: var(--villa-radius-lg);
  background: var(--villa-color-surface);
  padding: var(--villa-space-5);
  display: grid;
}

.billing-summary-grid span, .billing-summary-grid small, .billing-command-grid label {
  color: var(--villa-color-text-muted);
}

.billing-summary-grid strong {
  font-size: var(--villa-text-xl);
}

.billing-command-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.billing-command-grid h2 {
  font-size: var(--villa-text-lg);
  margin: 0;
}

.billing-command-grid label {
  gap: var(--villa-space-2);
  font-size: var(--villa-text-sm);
  font-weight: 650;
  display: grid;
}

.billing-command-grid input, .billing-command-grid select {
  border: 1px solid var(--villa-color-border-strong);
  border-radius: var(--villa-radius-sm);
  background: var(--villa-color-surface);
  width: 100%;
  color: var(--villa-color-text);
  font: inherit;
  padding: .7rem .8rem;
}

.billing-portal-button {
  margin-top: var(--villa-space-4);
}

.owner-shell {
  background: var(--villa-color-background);
  grid-template-columns: 16rem minmax(0, 1fr);
  min-height: 100dvh;
  display: grid;
}

.owner-shell > aside {
  gap: var(--villa-space-7);
  border-right: 1px solid var(--villa-color-border);
  background: var(--villa-color-surface);
  padding: var(--villa-space-7) var(--villa-space-5);
  grid-template-rows: auto auto 1fr;
  display: grid;
}

.owner-brand {
  color: var(--villa-color-text);
  font-family: var(--villa-font-display);
  font-size: var(--villa-text-xl);
  font-weight: 800;
  text-decoration: none;
}

.owner-shell nav {
  gap: var(--villa-space-2);
  display: grid;
}

.owner-shell nav a {
  border-radius: var(--villa-radius-sm);
  color: var(--villa-color-text-muted);
  padding: var(--villa-space-3);
  text-decoration: none;
}

.owner-shell nav a:hover {
  background: var(--villa-color-surface-muted);
  color: var(--villa-color-text);
}

.owner-shell > aside small {
  color: var(--villa-color-text-muted);
  line-height: var(--villa-leading-normal);
  align-self: end;
}

.owner-shell > main, .owner-access-state {
  padding: clamp(1.25rem, 4vw, 4rem);
}

.owner-page {
  width: min(100%, 74rem);
  margin-inline: auto;
}

.owner-page > header p {
  margin: 0 0 var(--villa-space-2);
  color: var(--villa-color-accent);
  font-size: var(--villa-text-xs);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 800;
}

.owner-page > header h1 {
  font-family: var(--villa-font-display);
  font-size: var(--villa-text-2xl);
  margin: 0;
}

.owner-page a, .owner-access-state a {
  color: var(--villa-color-accent);
  font-weight: 700;
}

.owner-metric-grid, .owner-card-grid, .owner-detail-grid {
  gap: var(--villa-space-4);
  margin-top: var(--villa-space-6);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.owner-metric-grid a, .owner-card-grid article, .owner-detail-grid article {
  gap: var(--villa-space-2);
  border: 1px solid var(--villa-color-border);
  border-radius: var(--villa-radius-lg);
  background: var(--villa-color-surface);
  padding: var(--villa-space-5);
  color: var(--villa-color-text);
  text-decoration: none;
  display: grid;
}

.owner-metric-grid span, .owner-card-grid span, .owner-card-grid p, .owner-detail-grid span, .owner-detail-grid small {
  color: var(--villa-color-text-muted);
}

.owner-metric-grid strong, .owner-detail-grid strong {
  font-size: var(--villa-text-xl);
}

.owner-card-grid h2, .owner-card-grid p {
  margin: 0;
}

.owner-notice {
  margin-top: var(--villa-space-6);
  border: 1px solid var(--villa-color-border);
  border-radius: var(--villa-radius-md);
  background: var(--villa-color-surface);
  padding: var(--villa-space-4);
  color: var(--villa-color-text-muted);
}

.owner-table-frame {
  margin-top: var(--villa-space-6);
  border: 1px solid var(--villa-color-border);
  border-radius: var(--villa-radius-lg);
  background: var(--villa-color-surface);
  overflow-x: auto;
}

.owner-table-frame table {
  border-collapse: collapse;
  text-align: left;
  width: 100%;
}

.owner-table-frame th, .owner-table-frame td {
  border-bottom: 1px solid var(--villa-color-border);
  padding: var(--villa-space-4);
  white-space: nowrap;
}

.owner-table-frame th {
  color: var(--villa-color-text-muted);
  font-size: var(--villa-text-xs);
  text-transform: uppercase;
}

.availability-toolbar {
  align-items: end;
  gap: var(--villa-space-3);
  margin-top: var(--villa-space-7);
  border: 1px solid var(--villa-color-border);
  border-radius: var(--villa-radius-lg);
  background: var(--villa-color-surface);
  padding: var(--villa-space-4);
  grid-template-columns: minmax(16rem, 1fr) minmax(8rem, .25fr) minmax(12rem, .35fr);
  display: grid;
}

.availability-toolbar label, .availability-form label {
  gap: var(--villa-space-2);
  color: var(--villa-color-text-muted);
  font-size: var(--villa-text-sm);
  font-weight: 650;
  display: grid;
}

.availability-toolbar select, .availability-form select, .availability-form input, .availability-form textarea {
  border: 1px solid var(--villa-color-border-strong);
  border-radius: var(--villa-radius-sm);
  background: var(--villa-color-surface);
  width: 100%;
  color: var(--villa-color-text);
  font: inherit;
  padding: .7rem .8rem;
}

.availability-toolbar__navigation {
  align-items: center;
  gap: var(--villa-space-3);
  display: flex;
}

.availability-toolbar__navigation strong {
  text-align: center;
  text-transform: capitalize;
  min-width: 11rem;
}

.availability-layout {
  align-items: start;
  gap: var(--villa-space-5);
  margin-top: var(--villa-space-5);
  grid-template-columns: minmax(0, 1fr) 20rem;
  display: grid;
}

.availability-layout--readonly {
  grid-template-columns: minmax(0, 1fr);
}

.availability-grid {
  border: 1px solid var(--villa-color-border);
  border-radius: var(--villa-radius-lg);
  background: var(--villa-color-border);
  box-shadow: var(--villa-shadow-sm);
  grid-template-columns: repeat(7, minmax(8.5rem, 1fr));
  gap: 1px;
  display: grid;
  overflow-x: auto;
}

.availability-day {
  background: var(--villa-color-surface);
  min-width: 8.5rem;
  min-height: 10rem;
}

.availability-grid--week .availability-day {
  min-height: 28rem;
}

.availability-day > header {
  border-bottom: 1px solid var(--villa-color-border);
  padding: var(--villa-space-2) var(--villa-space-3);
  color: var(--villa-color-text-muted);
  font-size: var(--villa-text-xs);
  text-transform: capitalize;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.availability-day > header strong {
  color: var(--villa-color-text);
  font-size: var(--villa-text-sm);
}

.availability-day > div {
  align-content: start;
  gap: var(--villa-space-2);
  padding: var(--villa-space-2);
  display: grid;
}

.availability-block {
  border-left: 3px solid var(--villa-color-accent);
  border-radius: var(--villa-radius-sm);
  background: var(--villa-color-surface-muted);
  padding: var(--villa-space-2);
  font-size: var(--villa-text-xs);
  gap: .15rem;
  display: grid;
}

.availability-block--reservation {
  background: #e7f6ee;
  border-left-color: #12633f;
}

.availability-block--hold {
  background: #fff5d9;
  border-left-color: #9a6512;
}

.availability-block--ical {
  background: #eef0fb;
  border-left-color: #4a5ca8;
}

.availability-block span, .availability-block small, .availability-open {
  color: var(--villa-color-text-muted);
}

.availability-block button {
  color: #8c2f1f;
  padding: var(--villa-space-1) 0 0;
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  justify-self: start;
  font-weight: 750;
  text-decoration: underline;
}

.availability-open {
  padding: var(--villa-space-2);
  font-size: var(--villa-text-xs);
}

.availability-form {
  top: var(--villa-space-5);
  gap: var(--villa-space-4);
  border: 1px solid var(--villa-color-border);
  border-radius: var(--villa-radius-lg);
  background: var(--villa-color-surface);
  padding: var(--villa-space-5);
  box-shadow: var(--villa-shadow-sm);
  display: grid;
  position: sticky;
}

.availability-form h2 {
  font-family: var(--villa-font-display);
  font-size: var(--villa-text-xl);
  margin: 0;
}

.ical-layout {
  gap: var(--villa-space-5);
  display: grid;
}

.ical-panel {
  border: 1px solid var(--villa-color-border);
  border-radius: var(--villa-radius-lg);
  background: var(--villa-color-surface);
  padding: clamp(var(--villa-space-5), 2.5vw, var(--villa-space-6));
  box-shadow: 0 1px 2px #0d201c0a;
}

.ical-panel h2 {
  margin: 0 0 var(--villa-space-4);
  font-family: var(--villa-font-display);
  font-size: var(--villa-text-xl);
  letter-spacing: -.035em;
}

.ical-panel > p {
  margin: calc(var(--villa-space-4) * -.5) 0 var(--villa-space-5);
  color: var(--villa-color-text-muted);
  font-size: var(--villa-text-sm);
  line-height: 1.6;
}

.ical-panel :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea), .content-layout :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  border: 1px solid var(--villa-color-border-strong);
  border-radius: var(--villa-radius-sm);
  background: var(--villa-color-surface);
  width: 100%;
  min-height: 2.75rem;
  color: var(--villa-color-text);
  font: inherit;
  font-size: var(--villa-text-sm);
  padding: .7rem .8rem;
  font-weight: 520;
}

.ical-panel :where(input, select, textarea):focus-visible, .content-layout :where(input, select, textarea):focus-visible {
  border-color: var(--villa-color-accent);
  outline: 3px solid var(--villa-color-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .ical-panel :where(input, select, textarea):focus-visible, .content-layout :where(input, select, textarea):focus-visible {
    outline: 3px solid color-mix(in srgb, var(--villa-color-accent) 18%, transparent);
  }
}

.ical-panel :where(input, select, textarea):focus-visible, .content-layout :where(input, select, textarea):focus-visible {
  outline-offset: 1px;
}

.ical-panel :where(input, textarea)::placeholder, .content-layout :where(input, textarea)::placeholder {
  color: #7b8a86;
  opacity: 1;
}

.ical-panel :where(button), .content-layout :where(button) {
  border: 1px solid var(--villa-color-border-strong);
  border-radius: var(--villa-radius-sm);
  background: var(--villa-color-surface);
  min-height: 2.65rem;
  color: var(--villa-color-text);
  padding: .65rem var(--villa-space-4);
  font: inherit;
  font-size: var(--villa-text-sm);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  font-weight: 750;
  display: inline-flex;
}

.ical-panel :where(button[type="submit"]), .content-layout :where(button[type="submit"]) {
  border-color: var(--villa-color-accent);
  background: var(--villa-color-accent);
  color: var(--villa-color-accent-contrast);
}

.ical-panel :where(button:disabled), .content-layout :where(button:disabled) {
  cursor: not-allowed;
  opacity: .5;
}

.ical-panel fieldset, .content-layout fieldset {
  gap: var(--villa-space-3);
  margin: var(--villa-space-5) 0 0;
  border: 1px solid var(--villa-color-border);
  border-radius: var(--villa-radius-md);
  padding: var(--villa-space-4);
  display: grid;
}

.ical-panel legend, .content-layout legend {
  padding-inline: var(--villa-space-2);
  font-size: var(--villa-text-sm);
  font-weight: 800;
}

.ical-form, .ical-export label {
  gap: var(--villa-space-3);
  display: grid;
}

.ical-form {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: end;
}

.ical-form h2 {
  grid-column: 1 / -1;
}

.ical-form input, .ical-form select, .ical-export select {
  border: 1px solid var(--villa-color-border-strong);
  border-radius: var(--villa-radius-sm);
  background: var(--villa-color-surface);
  width: 100%;
  color: var(--villa-color-text);
  font: inherit;
  padding: .7rem .8rem;
}

.ical-feed-list {
  gap: var(--villa-space-3);
  display: grid;
}

.ical-feed {
  align-items: center;
  gap: var(--villa-space-4);
  border-top: 1px solid var(--villa-color-border);
  padding-top: var(--villa-space-4);
  grid-template-columns: minmax(12rem, 1fr) minmax(14rem, 1fr) auto;
  display: grid;
}

.ical-feed p, .ical-export p {
  margin: var(--villa-space-1) 0 0;
  color: var(--villa-color-text-muted);
}

.ical-actions {
  gap: var(--villa-space-2);
  flex-wrap: wrap;
  display: flex;
}

.member-invite-grid, .member-role-grid {
  gap: var(--villa-space-3);
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
  display: grid;
}

.member-list, .communication-list {
  gap: var(--villa-space-4);
  display: grid;
}

.member-card, .communication-card {
  gap: var(--villa-space-4);
  border-top: 1px solid var(--villa-color-border);
  padding-top: var(--villa-space-4);
  display: grid;
}

.member-card > header, .communication-card, .communication-header {
  justify-content: space-between;
  align-items: start;
  gap: var(--villa-space-4);
  display: flex;
}

.member-card p, .communication-card p, .communication-header p {
  margin: var(--villa-space-1) 0 0;
  color: var(--villa-color-text-muted);
}

.member-card fieldset {
  border: 0;
  padding: 0;
}

.communication-card > div {
  gap: var(--villa-space-2);
  display: grid;
}

.sales-publication-form, .sales-record-card, .sales-record-list {
  gap: var(--villa-space-4);
  display: grid;
}

.sales-record-card {
  border-top: 1px solid var(--villa-color-border);
  padding-top: var(--villa-space-5);
}

.sales-record-card > header, .sales-contact {
  justify-content: space-between;
  gap: var(--villa-space-3);
  flex-wrap: wrap;
  display: flex;
}

.sales-record-card p, .sales-contact p {
  margin: var(--villa-space-1) 0 0;
  color: var(--villa-color-text-muted);
}

.sales-convert {
  gap: var(--villa-space-2);
  grid-template-columns: minmax(12rem, 1fr) auto;
  display: grid;
}

.ical-export {
  gap: var(--villa-space-3);
  display: grid;
}

.ical-export-url {
  overflow-wrap: anywhere;
  border-radius: var(--villa-radius-sm);
  background: var(--villa-color-surface-muted);
  padding: var(--villa-space-3);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}

.content-layout, .content-form {
  gap: var(--villa-space-5);
  display: grid;
}

.content-index > header {
  justify-content: space-between;
  align-items: start;
  gap: var(--villa-space-4);
  display: flex;
}

.content-index > header p {
  margin: var(--villa-space-1) 0 0;
  color: var(--villa-color-text-muted);
}

.content-index__grid {
  gap: var(--villa-space-3);
  margin-top: var(--villa-space-4);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.content-index__grid button {
  gap: var(--villa-space-2);
  border: 1px solid var(--villa-color-border);
  border-radius: var(--villa-radius-md);
  background: var(--villa-color-surface);
  color: var(--villa-color-text);
  padding: var(--villa-space-4);
  text-align: left;
  display: grid;
}

.content-index__grid button[aria-pressed="true"] {
  border-color: var(--villa-color-accent);
  box-shadow: 0 0 0 2px var(--villa-color-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .content-index__grid button[aria-pressed="true"] {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--villa-color-accent) 24%, transparent);
  }
}

.content-index__grid span, .content-form small {
  color: var(--villa-color-text-muted);
  font-size: var(--villa-text-xs);
}

.content-form fieldset {
  gap: var(--villa-space-4);
  border: 1px solid var(--villa-color-border);
  border-radius: var(--villa-radius-md);
  padding: var(--villa-space-4);
  margin: 0;
  display: grid;
}

.content-form legend {
  padding-inline: var(--villa-space-2);
  font-weight: 800;
}

.content-form__grid {
  gap: var(--villa-space-4);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.content-form label {
  align-content: start;
  gap: var(--villa-space-2);
  color: var(--villa-color-text-muted);
  font-size: var(--villa-text-sm);
  font-weight: 650;
  display: grid;
}

.content-form input, .content-form select, .content-form textarea {
  border: 1px solid var(--villa-color-border-strong);
  border-radius: var(--villa-radius-sm);
  background: var(--villa-color-surface);
  width: 100%;
  color: var(--villa-color-text);
  font: inherit;
  padding: .72rem .8rem;
  font-weight: 500;
}

.content-form textarea {
  resize: vertical;
}

.content-form__full, .content-form__actions {
  grid-column: 1 / -1;
}

@media (max-width: 60rem) {
  .content-index__grid, .content-form__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 40rem) {
  .content-index__grid, .content-form__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.pricing-form {
  gap: var(--villa-space-5);
  margin-top: var(--villa-space-6);
  display: grid;
}

.pricing-section {
  gap: var(--villa-space-5);
  border: 1px solid var(--villa-color-border);
  border-radius: var(--villa-radius-lg);
  background: var(--villa-color-surface);
  padding: var(--villa-space-5);
  box-shadow: var(--villa-shadow-sm);
  display: grid;
}

.pricing-section > header, .pricing-save {
  justify-content: space-between;
  align-items: center;
  gap: var(--villa-space-4);
  display: flex;
}

.operation-report-layout {
  gap: var(--villa-space-5);
  display: grid;
}

.operation-report-filters {
  align-items: end;
  gap: var(--villa-space-3);
  padding: var(--villa-space-5);
  border: 1px solid var(--villa-color-border);
  border-radius: var(--villa-radius-md);
  background: var(--villa-color-surface-raised);
  grid-template-columns: repeat(3, minmax(10rem, 1fr)) auto auto;
  display: grid;
}

.operation-report-filters label {
  gap: var(--villa-space-2);
  color: var(--villa-color-text-muted);
  font-size: var(--villa-text-sm);
  font-weight: 650;
  display: grid;
}

.operation-report-filters input, .operation-report-filters select {
  border: 1px solid var(--villa-color-border-strong);
  border-radius: var(--villa-radius-sm);
  min-height: 2.75rem;
  padding: 0 var(--villa-space-3);
  color: var(--villa-color-text);
  background: var(--villa-color-surface);
  font: inherit;
}

.operation-summary-grid {
  gap: var(--villa-space-3);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.operation-summary-grid article {
  gap: var(--villa-space-2);
  padding: var(--villa-space-5);
  border: 1px solid var(--villa-color-border);
  border-radius: var(--villa-radius-md);
  background: var(--villa-color-surface-raised);
  display: grid;
}

.operation-summary-grid span, .operation-export-panel p, .operation-export-list span {
  color: var(--villa-color-text-muted);
  font-size: var(--villa-text-sm);
}

.operation-summary-grid strong {
  font-family: var(--villa-font-display);
  font-size: var(--villa-text-2xl);
}

.operation-summary-grid .operation-summary-card--warning {
  background: #fff8e8;
  border-color: #d59d37;
}

.operation-export-panel {
  gap: var(--villa-space-4);
  padding: var(--villa-space-5);
  border: 1px solid var(--villa-color-border);
  border-radius: var(--villa-radius-md);
  background: var(--villa-color-surface-raised);
  display: grid;
}

.operation-export-panel h2, .operation-export-panel p {
  margin: 0;
}

.operation-export-list {
  gap: var(--villa-space-2);
  display: grid;
}

.operation-export-list article {
  align-items: center;
  gap: var(--villa-space-3);
  padding: var(--villa-space-3);
  border: 1px solid var(--villa-color-border);
  border-radius: var(--villa-radius-sm);
  background: var(--villa-color-surface);
  grid-template-columns: minmax(12rem, 1fr) minmax(10rem, .6fr) auto;
  display: grid;
}

.operation-export-list article > div {
  gap: var(--villa-space-3);
  align-items: baseline;
  display: flex;
}

.pricing-section h2 {
  font-family: var(--villa-font-display);
  font-size: var(--villa-text-xl);
  margin: 0;
}

.pricing-section header p, .pricing-save span, .pricing-empty {
  margin: var(--villa-space-1) 0 0;
  color: var(--villa-color-text-muted);
  font-size: var(--villa-text-sm);
}

.pricing-fields {
  gap: var(--villa-space-3);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.pricing-fields--plan {
  grid-template-columns: minmax(14rem, 1fr) repeat(2, minmax(8rem, .3fr)) auto;
  align-items: end;
}

.pricing-fields label {
  gap: var(--villa-space-2);
  color: var(--villa-color-text-muted);
  font-size: var(--villa-text-sm);
  font-weight: 650;
  display: grid;
}

.pricing-fields input, .pricing-fields select {
  border: 1px solid var(--villa-color-border-strong);
  border-radius: var(--villa-radius-sm);
  background: var(--villa-color-surface);
  width: 100%;
  color: var(--villa-color-text);
  font: inherit;
  padding: .7rem .8rem;
}

.pricing-check, .pricing-flags label {
  align-items: center;
  gap: var(--villa-space-2);
  min-height: 2.75rem;
  color: var(--villa-color-text-muted);
  font-size: var(--villa-text-sm);
  font-weight: 650;
  display: flex;
}

.pricing-rule-list {
  gap: var(--villa-space-3);
  display: grid;
}

.pricing-rule {
  gap: var(--villa-space-3);
  border: 1px solid var(--villa-color-border);
  border-radius: var(--villa-radius-md);
  background: var(--villa-color-surface-muted);
  padding: var(--villa-space-4);
  display: grid;
}

.pricing-flags {
  gap: var(--villa-space-5);
  flex-wrap: wrap;
  display: flex;
}

.pricing-remove {
  color: #8c2f1f;
  font: inherit;
  font-size: var(--villa-text-sm);
  cursor: pointer;
  background: none;
  border: 0;
  justify-self: start;
  padding: 0;
  font-weight: 750;
  text-decoration: underline;
}

.pricing-save {
  border-top: 1px solid var(--villa-color-border);
  padding-top: var(--villa-space-5);
}

.settlement-layout {
  gap: var(--villa-space-5);
  display: grid;
}

.settlement-create {
  align-items: end;
  gap: var(--villa-space-3);
  padding: var(--villa-space-5);
  border: 1px solid var(--villa-color-border);
  border-radius: var(--villa-radius-md);
  background: var(--villa-color-surface-raised);
  grid-template-columns: 1.4fr repeat(3, minmax(9rem, .7fr)) auto;
  display: grid;
}

.settlement-create h2 {
  grid-column: 1 / -1;
  margin: 0;
}

.settlement-create label {
  gap: var(--villa-space-2);
  color: var(--villa-color-text-muted);
  font-size: var(--villa-text-sm);
  font-weight: 650;
  display: grid;
}

.settlement-create input, .settlement-create select {
  border: 1px solid var(--villa-color-border-strong);
  border-radius: var(--villa-radius-sm);
  min-height: 2.75rem;
  padding: 0 var(--villa-space-3);
  color: var(--villa-color-text);
  background: var(--villa-color-surface);
}

.settlement-list {
  gap: var(--villa-space-3);
  display: grid;
}

.settlement-list > h2, .settlement-list > p {
  margin: 0;
}

.settlement-list > article {
  gap: var(--villa-space-4);
  padding: var(--villa-space-5);
  border: 1px solid var(--villa-color-border);
  border-radius: var(--villa-radius-md);
  background: var(--villa-color-surface-raised);
  display: grid;
}

.settlement-list header, .settlement-list header > div, .settlement-actions {
  justify-content: space-between;
  align-items: center;
  gap: var(--villa-space-3);
  display: flex;
}

.settlement-list header > div {
  justify-content: flex-start;
}

.settlement-list header span, .settlement-list summary, .settlement-list li {
  color: var(--villa-color-text-muted);
  font-size: var(--villa-text-sm);
}

.settlement-list dl {
  gap: var(--villa-space-3);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  display: grid;
}

.settlement-list dl > div {
  gap: var(--villa-space-1);
  display: grid;
}

.settlement-list dt {
  color: var(--villa-color-text-muted);
  font-size: var(--villa-text-sm);
}

.settlement-list dd {
  margin: 0;
  font-weight: 750;
}

.settlement-actions {
  justify-content: flex-start;
}

.finance-layout {
  gap: var(--villa-space-5);
  display: grid;
}

.finance-filters, .finance-command-grid > form {
  gap: var(--villa-space-3);
  padding: var(--villa-space-5);
  border: 1px solid var(--villa-color-border);
  border-radius: var(--villa-radius-md);
  background: var(--villa-color-surface-raised);
  display: grid;
}

.finance-filters {
  grid-template-columns: repeat(4, minmax(9rem, 1fr)) repeat(3, auto);
  align-items: end;
}

.finance-filters label, .finance-command-grid label {
  gap: var(--villa-space-2);
  color: var(--villa-color-text-muted);
  font-size: var(--villa-text-sm);
  font-weight: 650;
  display: grid;
}

.finance-filters input, .finance-filters select, .finance-command-grid input, .finance-command-grid select {
  border: 1px solid var(--villa-color-border-strong);
  border-radius: var(--villa-radius-sm);
  min-height: 2.75rem;
  padding: 0 var(--villa-space-3);
  color: var(--villa-color-text);
  background: var(--villa-color-surface);
  font: inherit;
}

.finance-export-link {
  border: 1px solid var(--villa-color-border-strong);
  border-radius: var(--villa-radius-sm);
  min-height: 2.75rem;
  padding: 0 var(--villa-space-3);
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: inline-flex;
}

.finance-summary {
  gap: var(--villa-space-3);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.finance-summary article {
  gap: var(--villa-space-2);
  padding: var(--villa-space-5);
  border: 1px solid var(--villa-color-border);
  border-radius: var(--villa-radius-md);
  background: var(--villa-color-surface-raised);
  display: grid;
}

.finance-summary span, .finance-detail-grid span, .finance-detail-grid code {
  color: var(--villa-color-text-muted);
  font-size: var(--villa-text-sm);
}

.finance-summary strong {
  font-family: var(--villa-font-display);
  font-size: var(--villa-text-xl);
}

.finance-command-grid, .finance-detail-grid {
  gap: var(--villa-space-4);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.finance-command-grid h2, .finance-detail-grid h2 {
  margin: 0;
}

.finance-detail-grid > section {
  align-content: start;
  gap: var(--villa-space-3);
  display: grid;
}

.finance-detail-grid article {
  gap: var(--villa-space-2);
  padding: var(--villa-space-4);
  border: 1px solid var(--villa-color-border);
  border-radius: var(--villa-radius-sm);
  background: var(--villa-color-surface-raised);
  display: grid;
}

.finance-detail-grid article > div {
  justify-content: space-between;
  gap: var(--villa-space-3);
  display: flex;
}

.finance-detail-grid p {
  margin: 0;
}

.subscription-layout {
  gap: var(--villa-space-5);
  display: grid;
}

.subscription-plan, .subscription-usage, .subscription-commands > form {
  border: 1px solid var(--villa-color-border);
  border-radius: var(--villa-radius-md);
  background: var(--villa-color-surface-raised);
}

.subscription-plan {
  justify-content: space-between;
  align-items: end;
  gap: var(--villa-space-5);
  padding: var(--villa-space-6);
  display: flex;
}

.subscription-plan h2, .subscription-plan p, .subscription-plan dl, .subscription-usage h2, .subscription-usage p, .subscription-commands h2, .subscription-commands p {
  margin: 0;
}

.subscription-plan > div > span, .subscription-plan dt, .subscription-usage span, .subscription-commands p {
  color: var(--villa-color-text-muted);
  font-size: var(--villa-text-sm);
}

.subscription-plan dl {
  gap: var(--villa-space-6);
  display: flex;
}

.subscription-plan dl > div {
  gap: var(--villa-space-1);
  display: grid;
}

.subscription-plan dd {
  margin: 0;
  font-weight: 700;
}

.subscription-warning {
  padding: var(--villa-space-4);
  border: 1px solid #b45309;
  margin: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .subscription-warning {
    border: 1px solid color-mix(in srgb, #b45309 35%, var(--villa-color-border));
  }
}

.subscription-warning {
  border-radius: var(--villa-radius-md);
  background: #f59e0b;
}

@supports (color: color-mix(in lab, red, red)) {
  .subscription-warning {
    background: color-mix(in srgb, #f59e0b 12%, var(--villa-color-surface-raised));
  }
}

.subscription-usage {
  gap: var(--villa-space-4);
  padding: var(--villa-space-5);
  display: grid;
}

.subscription-usage > div {
  gap: var(--villa-space-3);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.subscription-usage article {
  gap: var(--villa-space-2);
  padding: var(--villa-space-4);
  border: 1px solid var(--villa-color-border);
  border-radius: var(--villa-radius-sm);
  background: var(--villa-color-surface);
  display: grid;
}

.subscription-usage progress {
  width: 100%;
  accent-color: var(--villa-color-accent);
}

.subscription-commands {
  gap: var(--villa-space-4);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.subscription-commands > form {
  align-content: start;
  gap: var(--villa-space-3);
  padding: var(--villa-space-5);
  display: grid;
}

.subscription-commands label {
  gap: var(--villa-space-2);
  display: grid;
}

.subscription-commands input {
  border: 1px solid var(--villa-color-border-strong);
  border-radius: var(--villa-radius-sm);
  min-height: 2.75rem;
  padding: 0 var(--villa-space-3);
  color: var(--villa-color-text);
  background: var(--villa-color-surface);
}

@media (max-width: 42rem) {
  .platform-operations > header {
    flex-direction: column;
    align-items: start;
  }
}

@media (max-width: 60rem) {
  .owner-shell {
    grid-template-columns: minmax(0, 1fr);
  }

  .owner-shell > aside {
    grid-template-rows: auto auto;
    grid-template-columns: auto 1fr;
  }

  .owner-shell nav {
    display: flex;
    overflow-x: auto;
  }

  .owner-shell > aside small {
    grid-column: 1 / -1;
  }

  .dashboard-shell {
    grid-template-columns: minmax(0, 1fr);
  }

  .dashboard-sidebar {
    z-index: 50;
    height: auto;
    padding: .75rem var(--villa-space-4);
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    display: flex;
    position: sticky;
    top: 0;
    overflow: visible;
  }

  .dashboard-nav, .dashboard-sidebar__footer {
    display: none;
  }

  .dashboard-mobile-nav {
    display: block;
    position: relative;
  }

  .dashboard-mobile-nav summary {
    border-radius: var(--villa-radius-sm);
    min-height: 2.35rem;
    padding-inline: var(--villa-space-3);
    color: #fff;
    font-size: var(--villa-text-xs);
    cursor: pointer;
    border: 1px solid #315047;
    align-items: center;
    font-weight: 750;
    list-style: none;
    display: inline-flex;
  }

  .dashboard-mobile-nav summary::-webkit-details-marker {
    display: none;
  }

  .dashboard-mobile-nav > div {
    z-index: 60;
    gap: var(--villa-space-1);
    border: 1px solid var(--villa-color-border);
    border-radius: var(--villa-radius-md);
    background: var(--villa-color-surface);
    width: min(28rem, 100vw - 2rem);
    max-height: calc(100svh - 5rem);
    padding: var(--villa-space-3);
    box-shadow: var(--villa-shadow-md);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
    position: absolute;
    top: calc(100% + .75rem);
    right: 0;
    overflow-y: auto;
  }

  .dashboard-mobile-nav a {
    border-radius: var(--villa-radius-sm);
    color: var(--villa-color-text-muted);
    font-size: var(--villa-text-xs);
    padding: .7rem;
    font-weight: 700;
    text-decoration: none;
  }

  .dashboard-mobile-nav a[aria-current="page"] {
    background: var(--villa-color-surface-muted);
    color: var(--villa-color-text);
  }

  .dashboard-topbar {
    position: static;
  }

  .dashboard-overview__heading {
    flex-direction: column;
    align-items: start;
  }

  .dashboard-overview__actions {
    justify-content: flex-start;
  }

  .dashboard-workspace-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dashboard-overview__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .villa-filters {
    grid-template-columns: minmax(0, 1fr) minmax(10rem, .45fr) auto;
  }

  .availability-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .reservation-filters {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .reservation-detail-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .reservation-detail-aside, .availability-form {
    position: static;
  }

  .pricing-fields, .pricing-fields--plan, .operation-report-filters, .settlement-create, .finance-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 40rem) {
  .billing-summary-grid, .billing-command-grid, .owner-metric-grid, .owner-card-grid, .owner-detail-grid {
    grid-template-columns: 1fr;
  }

  .dashboard-content {
    width: min(100% - 2rem, 78rem);
  }

  .dashboard-workspace-grid {
    grid-template-columns: 1fr;
  }

  .dashboard-workspace-grid article {
    min-height: 11rem;
  }

  .dashboard-focus-card, .dashboard-setup-card {
    padding: var(--villa-space-5);
  }

  .dashboard-focus-card > header {
    display: grid;
  }

  .dashboard-focus-card > header > span {
    justify-self: start;
  }

  .dashboard-focus-card li {
    grid-template-columns: 1.5rem minmax(0, 1fr);
  }

  .dashboard-focus-card li > a {
    grid-column: 2;
  }

  .dashboard-topbar__actions > a {
    display: none;
  }

  .dashboard-empty {
    grid-template-columns: 1fr;
  }

  .villa-page-heading, .villa-section-form > header, .villa-section-form > footer, .villa-conflict {
    flex-direction: column;
    align-items: stretch;
  }

  .reservation-heading__actions {
    align-items: flex-start;
  }

  .villa-filters, .villa-form-grid, .availability-toolbar, .reservation-filters {
    grid-template-columns: 1fr;
  }

  .pricing-section > header, .pricing-save {
    flex-direction: column;
    align-items: stretch;
  }

  .pricing-fields, .pricing-fields--plan, .operation-report-filters, .operation-summary-grid, .operation-export-list article, .settlement-create, .settlement-list dl, .finance-filters, .finance-summary, .finance-command-grid, .finance-detail-grid {
    grid-template-columns: 1fr;
  }

  .subscription-plan {
    flex-direction: column;
    align-items: stretch;
  }

  .subscription-plan dl, .subscription-usage > div, .subscription-commands {
    grid-template-columns: 1fr;
  }

  .subscription-plan dl {
    display: grid;
  }

  .availability-toolbar__navigation {
    justify-content: space-between;
  }
}

.login-shell {
  min-height: 100svh;
  padding: var(--villa-space-6);
  background: radial-gradient(circle at 10% 10%,
      var(--villa-color-accent),
      transparent 34rem),
    var(--villa-color-surface);
  place-items: center;
  display: grid;
}

@supports (color: color-mix(in lab, red, red)) {
  .login-shell {
    background: radial-gradient(circle at 10% 10%,
      color-mix(in srgb, var(--villa-color-accent) 18%, transparent),
      transparent 34rem),
    var(--villa-color-surface);
  }
}

.login-card {
  gap: var(--villa-space-5);
  width: min(100%, 28rem);
  padding: clamp(var(--villa-space-6), 6vw, var(--villa-space-8));
  border: 1px solid var(--villa-color-border);
  border-radius: var(--villa-radius-lg);
  background: var(--villa-color-surface-raised);
  box-shadow: var(--villa-shadow-md);
  display: grid;
}

.login-card h1 {
  margin: var(--villa-space-2) 0;
  font-family: var(--villa-font-display);
  font-size: var(--villa-text-2xl);
}

.login-eyebrow {
  color: var(--villa-color-accent);
  font-weight: 700;
}

.login-card label {
  gap: var(--villa-space-2);
  font-weight: 650;
  display: grid;
}

.login-card > .villa-button {
  border-radius: var(--villa-radius-md);
  width: 100%;
  min-height: 2.75rem;
  color: var(--villa-color-accent-contrast);
  background: var(--villa-color-accent);
  border: 0;
  font-weight: 750;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

/*# sourceMappingURL=apps_dashboard_app_globals_01zacun.css.map*/