/* Tenuta Virgilio — unified luxury dashboard system.
   Presentation only: business data, formulas, filters and actions are untouched. */

:root {
  --lux-forest: #263427;
  --lux-forest-2: #344834;
  --lux-sage: #6f7c65;
  --lux-gold: #ad884b;
  --lux-gold-soft: #dcc9a2;
  --lux-ivory: #f5f0e6;
  --lux-paper: #fffdf8;
  --lux-paper-soft: #faf6ee;
  --lux-ink: #17221b;
  --lux-muted: #697268;
  --lux-line: rgba(75, 72, 52, .14);
  --lux-line-strong: rgba(173, 136, 75, .30);
  --lux-shadow: 0 18px 48px rgba(40, 50, 37, .07);
  --lux-shadow-soft: 0 8px 24px rgba(40, 50, 37, .055);
  --lux-radius-xl: 24px;
  --lux-radius-lg: 18px;
  --lux-radius-md: 12px;
  --lux-serif: Georgia, "Times New Roman", serif;
  --lux-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html {
  color: var(--lux-ink) !important;
  background: var(--lux-ivory) !important;
  scroll-behavior: smooth;
}

body {
  min-height: 100vh !important;
  margin: 0 !important;
  color: var(--lux-ink) !important;
  background:
    radial-gradient(circle at 86% 2%, rgba(218, 199, 158, .20), transparent 28rem),
    linear-gradient(180deg, #f8f4ec 0%, var(--lux-ivory) 54%, #f2ecdf 100%) !important;
  font-family: var(--lux-sans) !important;
  font-size: 14px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

::selection { background: var(--lux-gold-soft); color: var(--lux-forest); }

h1, h2, h3,
.hero-kpi strong, .kpi strong, .metric-value, .kpi-value,
.manager-insight strong, .liquidity-metric strong {
  font-family: var(--lux-serif) !important;
  font-weight: 400 !important;
  letter-spacing: -.025em !important;
}

.eyebrow {
  margin: 0 0 6px !important;
  color: var(--lux-gold) !important;
  font-family: var(--lux-sans) !important;
  font-size: 10px !important;
  font-weight: 760 !important;
  letter-spacing: .18em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

.muted, .table-note, small { color: var(--lux-muted) !important; }

/* Navigation */
.sidebar {
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), transparent 35%),
    linear-gradient(180deg, #31412f 0%, #202b22 100%) !important;
  border-right: 1px solid rgba(220, 201, 162, .22) !important;
  box-shadow: 14px 0 42px rgba(31, 43, 34, .11) !important;
}

.sidebar::after {
  opacity: .28 !important;
  background: linear-gradient(90deg, transparent, rgba(220, 201, 162, .38), transparent) !important;
}

.brand {
  border-bottom: 1px solid rgba(220, 201, 162, .20) !important;
}

.brand-mark {
  border-color: rgba(220, 201, 162, .52) !important;
  background: #efe4cf !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.15) !important;
}

.brand strong {
  color: #f9f3e8 !important;
  font-family: var(--lux-serif) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: .075em !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
}

.nav { gap: 5px !important; }
.nav a {
  min-height: 45px !important;
  padding: 10px 13px !important;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  color: rgba(250, 246, 237, .78) !important;
  font-size: 12px !important;
  font-weight: 620 !important;
  letter-spacing: .025em !important;
  transition: background .18s ease, border-color .18s ease, color .18s ease !important;
}

.nav a span {
  min-width: 25px !important;
  color: rgba(220, 201, 162, .78) !important;
  font-size: 9px !important;
  letter-spacing: .14em !important;
}

.nav a.active, .nav a:hover {
  color: #fffaf0 !important;
  background: rgba(255, 249, 237, .10) !important;
  border-color: rgba(220, 201, 162, .24) !important;
  box-shadow: inset 3px 0 0 var(--lux-gold), 0 10px 28px rgba(0,0,0,.08) !important;
}

/* Page shell and masthead */
.app-shell { color: var(--lux-ink) !important; }

.topbar {
  position: relative !important;
  isolation: isolate;
  overflow: hidden !important;
  color: #fbf7ee !important;
  background:
    radial-gradient(circle at 87% 18%, rgba(218, 201, 162, .18), transparent 20rem),
    linear-gradient(115deg, #243126 0%, #354936 58%, #4d5842 100%) !important;
  border: 1px solid rgba(220, 201, 162, .26) !important;
  border-radius: var(--lux-radius-xl) !important;
  box-shadow: 0 22px 58px rgba(35, 50, 38, .15) !important;
}

.topbar::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: auto -6% -72% 42%;
  height: 185%;
  border: 1px solid rgba(220, 201, 162, .12);
  border-radius: 50%;
  transform: rotate(-11deg);
}

.topbar .eyebrow { color: #d9c393 !important; }
.topbar h1 {
  margin: 0 !important;
  color: #fffaf0 !important;
  font-size: clamp(33px, 3.1vw, 48px) !important;
  line-height: 1.02 !important;
  text-wrap: balance;
}

#sourceMeta {
  margin-top: 10px !important;
  color: rgba(251, 247, 238, .68) !important;
  font-size: 12px !important;
}

.quick-filters {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(130px, 1fr)) !important;
  gap: 9px !important;
  width: min(100%, 350px) !important;
  margin-top: 18px !important;
  padding: 7px !important;
  background: rgba(255, 253, 248, .08) !important;
  border: 1px solid rgba(255, 253, 248, .14) !important;
  border-radius: 15px !important;
  backdrop-filter: blur(12px);
}

.quick-filters label { gap: 4px !important; }
.quick-filters span {
  padding-left: 6px;
  color: rgba(255, 250, 240, .62) !important;
  font-size: 9px !important;
  font-weight: 720 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase;
}

.quick-filters select {
  min-height: 40px !important;
  color: #fffaf0 !important;
  background-color: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 10px !important;
}
.quick-filters select option { color: var(--lux-ink); background: var(--lux-paper); }

.toolbar { gap: 8px !important; }
.toolbar button, .auth-login button, .auth-logout, .file-button {
  min-height: 42px !important;
  padding: 0 16px !important;
  color: var(--lux-forest) !important;
  background: #f6ead3 !important;
  border: 1px solid rgba(220, 201, 162, .62) !important;
  border-radius: 999px !important;
  box-shadow: 0 7px 18px rgba(19, 31, 23, .10) !important;
  font-weight: 720 !important;
}

.auth-status, .auth-pill {
  color: rgba(255, 250, 240, .88) !important;
  background: rgba(255, 255, 255, .08) !important;
  border-color: rgba(255, 255, 255, .14) !important;
}

/* Filters */
.filter-bar {
  gap: 12px !important;
  padding: 16px !important;
  background: rgba(255, 253, 248, .92) !important;
  border: 1px solid var(--lux-line) !important;
  border-radius: var(--lux-radius-lg) !important;
  box-shadow: var(--lux-shadow-soft) !important;
  backdrop-filter: blur(16px);
}

label > span, .filter-bar label > span,
.entry-form label > span, .guided-form label > span {
  color: var(--lux-muted) !important;
  font-size: 10px !important;
  font-weight: 750 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase;
}

input, select, textarea {
  min-height: 43px !important;
  color: var(--lux-ink) !important;
  background: #fffdf9 !important;
  border: 1px solid rgba(76, 84, 72, .18) !important;
  border-radius: 11px !important;
  outline: none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82) !important;
  font: 500 13px/1.2 var(--lux-sans) !important;
}

input:focus, select:focus, textarea:focus {
  border-color: var(--lux-gold) !important;
  box-shadow: 0 0 0 3px rgba(173, 136, 75, .14) !important;
}

button, .summary-pill, .detail-pill, .inline-action {
  font-family: var(--lux-sans) !important;
}

button { transition: transform .16s ease, box-shadow .16s ease, background .16s ease !important; }
button:hover { transform: translateY(-1px); }
button:focus-visible, a:focus-visible { outline: 3px solid rgba(173, 136, 75, .42) !important; outline-offset: 2px; }

#clearSearch, #clearFilters, #showAllFilters,
.detail-pill, .inline-action, .summary-pill {
  min-height: 36px !important;
  padding: 8px 12px !important;
  color: var(--lux-forest-2) !important;
  background: #f3ead9 !important;
  border: 1px solid var(--lux-line-strong) !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

/* Primary KPI hierarchy */
.executive-strip {
  margin-top: 16px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.hero-kpi-grid, .kpi-grid, .kpi-grid.compact {
  align-items: stretch !important;
  gap: 12px !important;
}

.hero-kpi, .kpi,
.hero-kpi-grid > *, .kpi-grid > * {
  position: relative !important;
  overflow: hidden !important;
  min-width: 0 !important;
  background: linear-gradient(145deg, #fffefb 0%, #faf5eb 100%) !important;
  border: 1px solid var(--lux-line) !important;
  border-radius: var(--lux-radius-lg) !important;
  box-shadow: var(--lux-shadow-soft) !important;
}

.hero-kpi::before, .kpi::before,
.hero-kpi-grid > *::before, .kpi-grid > *::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(180deg, var(--lux-gold), rgba(173,136,75,.18));
}

.hero-kpi span, .kpi span,
.hero-kpi-grid [class*="label"], .kpi-grid [class*="label"] {
  color: var(--lux-muted) !important;
  font-size: 10px !important;
  font-weight: 760 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
}

.hero-kpi strong, .kpi strong,
.hero-kpi-grid strong, .kpi-grid strong {
  display: block;
  color: var(--lux-ink) !important;
  font-size: clamp(28px, 2.7vw, 41px) !important;
  line-height: 1 !important;
  font-variant-numeric: tabular-nums;
}

.hero-kpi small, .kpi small,
.hero-kpi-grid small, .kpi-grid small,
.hero-kpi-grid p, .kpi-grid p {
  color: var(--lux-muted) !important;
  font-size: 11px !important;
  line-height: 1.42 !important;
}

.liquidity-metric.available,
.hero-kpi.is-positive, .kpi.is-positive {
  color: #fffaf0 !important;
  background: linear-gradient(145deg, #314432, #253328) !important;
  border-color: rgba(220, 201, 162, .42) !important;
}
.liquidity-metric.available * ,
.hero-kpi.is-positive *, .kpi.is-positive * { color: #fffaf0 !important; }

/* Sections, panels and cards */
.section {
  scroll-margin-top: 20px;
  color: var(--lux-ink) !important;
}

.section.active { animation: luxSectionIn .28s ease-out both; }
@keyframes luxSectionIn { from { opacity: .68; transform: translateY(5px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .section.active { animation: none; } * { scroll-behavior: auto !important; } }

.section-head {
  gap: 16px !important;
  margin-bottom: 16px !important;
  padding: 0 2px 11px !important;
  border-bottom: 1px solid var(--lux-line) !important;
}

.section-head h2 {
  margin: 0 !important;
  color: var(--lux-ink) !important;
  font-size: clamp(29px, 2.8vw, 39px) !important;
  line-height: 1.06 !important;
}

.section-head input, .section-head select { width: min(100%, 300px) !important; }

.panel, .chart-panel, .lucia-panel, .lucia-detail-panel,
.all-costs-panel, .monthly-airbnb-panel, .stay-profit-panel,
.personal-profit-panel, .simulator-panel, .sa-card,
.section-focus-overview, #guestGeographyPanel, #bookingLeadPanel {
  color: var(--lux-ink) !important;
  background: rgba(255, 253, 248, .94) !important;
  border: 1px solid var(--lux-line) !important;
  border-radius: var(--lux-radius-lg) !important;
  box-shadow: var(--lux-shadow-soft) !important;
}

.panel, .chart-panel, .lucia-panel, .lucia-detail-panel,
.monthly-airbnb-panel, .stay-profit-panel, .personal-profit-panel,
.simulator-panel, .sa-card, .section-focus-overview,
#guestGeographyPanel, #bookingLeadPanel { padding: 18px !important; }

.panel-head {
  gap: 12px !important;
  margin-bottom: 13px !important;
  padding-bottom: 11px !important;
  border-bottom: 1px solid var(--lux-line) !important;
}

.panel-head h2, .panel h2, .panel h3,
.lucia-table-grid h3, .lucia-detail-panel h3 {
  margin: 0 !important;
  color: var(--lux-ink) !important;
  font-size: 22px !important;
  line-height: 1.12 !important;
}

.panel-head > span, .panel-actions > span { color: var(--lux-muted) !important; font-size: 11px !important; }

.split, .insight-grid, .alerts-grid, .entry-layout,
.lucia-table-grid, .pricing-grid, .diagnostic-grid { gap: 14px !important; }

.manager-insight, .liquidity-metric, .alert-card,
.insight-card, .pending-counts > *, .pricing-card {
  background: var(--lux-paper-soft) !important;
  border: 1px solid var(--lux-line) !important;
  border-radius: 15px !important;
  box-shadow: none !important;
}

.manager-insight strong, .liquidity-metric strong {
  color: var(--lux-ink) !important;
  font-variant-numeric: tabular-nums;
}

.cost-segment-toggle, .entry-tabs {
  width: fit-content;
  max-width: 100%;
  padding: 4px !important;
  background: #ebe4d7 !important;
  border: 1px solid var(--lux-line) !important;
  border-radius: 13px !important;
}

.cost-segment-toggle button, .entry-tabs button {
  min-height: 36px !important;
  color: var(--lux-muted) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  font-weight: 680 !important;
}

.cost-segment-toggle button.active, .entry-tabs button.active {
  color: #fffaf0 !important;
  background: var(--lux-forest-2) !important;
  box-shadow: 0 5px 12px rgba(38, 52, 39, .18) !important;
}

details.all-costs-panel { overflow: hidden; }
details.all-costs-panel > summary {
  padding: 15px 18px !important;
  color: var(--lux-forest) !important;
  background: #f5ecdc !important;
  border-bottom: 1px solid transparent;
  font-weight: 740 !important;
  cursor: pointer;
}
details.all-costs-panel[open] > summary { border-bottom-color: var(--lux-line); }

/* Tables */
.table-wrap {
  overflow: auto !important;
  background: var(--lux-paper) !important;
  border: 1px solid var(--lux-line) !important;
  border-radius: 14px !important;
  box-shadow: 0 5px 18px rgba(40, 50, 37, .035) !important;
  scrollbar-color: rgba(52,72,52,.35) transparent;
  scrollbar-width: thin;
}

.table-wrap table {
  width: 100% !important;
  min-width: 700px;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  font-variant-numeric: tabular-nums;
}

th {
  position: sticky;
  z-index: 2;
  top: 0;
  padding: 12px 13px !important;
  color: rgba(255,250,240,.92) !important;
  background: #304432 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(220,201,162,.34) !important;
  font-size: 9px !important;
  font-weight: 760 !important;
  letter-spacing: .09em !important;
  line-height: 1.3 !important;
  text-transform: uppercase !important;
  white-space: nowrap;
}

th:first-child { border-top-left-radius: 12px; }
th:last-child { border-top-right-radius: 12px; }

td {
  padding: 12px 13px !important;
  color: #263029 !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(75,72,52,.09) !important;
  font-size: 12px !important;
  line-height: 1.42 !important;
}

tbody tr { background: #fffdf8 !important; }
tbody tr:nth-child(even) { background: #faf6ee !important; }
tbody tr:hover { background: #f1f3e9 !important; }
tbody tr:last-child td { border-bottom: 0 !important; }

.table-wrap button {
  min-height: 32px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
}

.badge, .status-pill, [class*="status-"] {
  border-radius: 999px !important;
  font-size: 10px !important;
  font-weight: 720 !important;
  letter-spacing: .025em !important;
}

/* Charts and data visualizations */
.chart, .revenue-yoy-chart, .sa-bars, .sa-months, .sa-paired-months {
  color: var(--lux-ink) !important;
  background: linear-gradient(180deg, rgba(250,246,238,.55), rgba(255,253,248,.88)) !important;
  border-radius: 13px !important;
}

.donut-legend-row {
  padding: 8px 0 !important;
  border-bottom-color: var(--lux-line) !important;
}
.donut-total strong, .donut-legend-row span, .donut-legend-row strong { color: var(--lux-ink) !important; }

/* Forms and operational areas */
.entry-form, .guided-form { gap: 13px !important; }
textarea { min-height: 108px !important; resize: vertical; }

.entry-preview, .pending-panel, .alert-registry-list { color: var(--lux-ink) !important; }

.alert-card { padding: 15px !important; }
.alert-card.critical, .alert-card.error, .alert-card.warning {
  border-left: 3px solid #a95d42 !important;
  background: #fff8f3 !important;
}

/* Login/auth modal generated at runtime */
.auth-modal, .login-modal, [class*="auth-modal"], [class*="login-card"] {
  color: var(--lux-ink) !important;
  background: rgba(255,253,248,.98) !important;
  border: 1px solid var(--lux-line-strong) !important;
  border-radius: 22px !important;
  box-shadow: 0 30px 90px rgba(28, 40, 31, .22) !important;
}

/* Desktop */
@media (min-width: 1100px) {
  .sidebar { width: 244px !important; padding: 24px 16px !important; }
  .app-shell {
    width: auto !important;
    margin-left: 244px !important;
    padding: 22px 26px 42px !important;
  }
  .topbar {
    min-height: 258px !important;
    padding: 34px 38px !important;
  }
  .hero-copy { max-width: 690px !important; }
  .toolbar { position: absolute !important; top: 28px !important; right: 30px !important; }
  .filter-bar { grid-template-columns: repeat(5, minmax(120px, 1fr)) minmax(180px, 1.4fr) !important; }
  .filter-bar .wide { grid-column: span 2 !important; }
  .hero-kpi-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
  .hero-kpi, .hero-kpi-grid > * { min-height: 134px !important; padding: 19px !important; }
  .section { margin-top: 22px !important; padding: 22px !important; }
  .kpi-grid, .kpi-grid.compact { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
  #executive #kpiGrid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
  #executive .split { grid-template-columns: minmax(0, 1.45fr) minmax(330px, .8fr) !important; }
  .lucia-table-grid { grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr) !important; }
  .entry-layout { grid-template-columns: minmax(0, 1.25fr) minmax(330px, .75fr) !important; }
}

/* Tablet */
@media (min-width: 721px) and (max-width: 1099px) {
  .sidebar { display: none !important; }
  .app-shell { width: 100% !important; margin: 0 !important; padding: 18px 18px 108px !important; }
  .topbar { min-height: 240px !important; padding: 28px !important; }
  .toolbar { position: absolute !important; top: 20px !important; right: 20px !important; }
  .filter-bar { grid-template-columns: repeat(3, minmax(0,1fr)) !important; }
  .filter-bar .wide { grid-column: span 2 !important; }
  .hero-kpi-grid, .kpi-grid, .kpi-grid.compact { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  .section { padding: 20px !important; }
  .split, #executive .split, .lucia-table-grid, .entry-layout { grid-template-columns: minmax(0,1fr) !important; }
}

/* Mobile */
@media (max-width: 720px) {
  body { font-size: 13px; }
  .sidebar { display: none !important; }
  .app-shell { width: 100% !important; margin: 0 !important; padding: 10px 10px calc(96px + env(safe-area-inset-bottom)) !important; }
  .topbar {
    min-height: 0 !important;
    padding: 20px 17px 18px !important;
    border-radius: 20px !important;
  }
  .topbar h1 { max-width: 85%; font-size: 34px !important; }
  #sourceMeta { margin: 8px 0 0 !important; }
  .quick-filters { width: 100% !important; margin-top: 16px !important; }
  .toolbar {
    position: static !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    margin-top: 14px !important;
  }
  .toolbar button { min-height: 39px !important; padding: 0 13px !important; }
  .auth-status { width: 100% !important; }
  .filter-bar.open {
    grid-template-columns: minmax(0, 1fr) !important;
    padding: 14px !important;
    border-radius: 17px !important;
  }
  .executive-strip { margin-top: 10px !important; }
  .hero-kpi-grid, .kpi-grid, .kpi-grid.compact, #executive #kpiGrid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 8px !important;
  }
  .hero-kpi, .kpi, .hero-kpi-grid > *, .kpi-grid > * {
    min-height: 122px !important;
    padding: 13px !important;
    border-radius: 15px !important;
  }
  .hero-kpi strong, .kpi strong, .hero-kpi-grid strong, .kpi-grid strong {
    font-size: clamp(24px, 8vw, 34px) !important;
  }
  .section {
    margin-top: 10px !important;
    padding: 17px 12px 24px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  .section-head { align-items: flex-start !important; padding-bottom: 10px !important; }
  .section-head h2 { font-size: 29px !important; }
  .section-head input, .section-head select { width: 100% !important; }
  .panel, .chart-panel, .lucia-panel, .lucia-detail-panel,
  .monthly-airbnb-panel, .stay-profit-panel, .personal-profit-panel,
  .simulator-panel, .sa-card, .section-focus-overview,
  #guestGeographyPanel, #bookingLeadPanel { padding: 14px !important; border-radius: 16px !important; }
  .panel-head { align-items: flex-start !important; }
  .panel-head h2, .panel h2, .panel h3,
  .lucia-table-grid h3, .lucia-detail-panel h3 { font-size: 20px !important; }
  .split, #executive .split, .insight-grid, .alerts-grid,
  .entry-layout, .lucia-table-grid, .pricing-grid,
  .diagnostic-grid, .guided-form { grid-template-columns: minmax(0,1fr) !important; }
  .table-wrap { width: 100% !important; max-height: 72vh; border-radius: 12px !important; }
  .table-wrap table { min-width: 650px; }
  th { padding: 10px 11px !important; }
  td { padding: 11px !important; font-size: 11px !important; }
  .cost-segment-toggle, .entry-tabs { display: grid !important; width: 100% !important; grid-auto-flow: column; grid-auto-columns: 1fr; }
  .mobile-luxury-nav {
    padding-bottom: env(safe-area-inset-bottom) !important;
    color: #fffaf0 !important;
    background: rgba(32, 43, 34, .97) !important;
    border-top: 1px solid rgba(220, 201, 162, .30) !important;
    box-shadow: 0 -14px 36px rgba(31,43,34,.19) !important;
    backdrop-filter: blur(18px);
  }
  .mobile-luxury-nav a { color: rgba(255,250,240,.76) !important; }
  .mobile-luxury-nav a.active { color: #fffaf0 !important; background: rgba(220,201,162,.13) !important; }
  .mobile-more-panel {
    color: var(--lux-ink) !important;
    background: #fbf7ef !important;
    border-color: var(--lux-line-strong) !important;
  }
}

@media (max-width: 390px) {
  .app-shell { padding-left: 7px !important; padding-right: 7px !important; }
  .topbar { padding-left: 14px !important; padding-right: 14px !important; }
  .topbar h1 { font-size: 30px !important; }
  .quick-filters { grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important; }
  .hero-kpi-grid, .kpi-grid, .kpi-grid.compact, #executive #kpiGrid { grid-template-columns: minmax(0,1fr) !important; }
  .hero-kpi, .kpi, .hero-kpi-grid > *, .kpi-grid > * { min-height: 106px !important; }
}

/* Mobile correction — compact managerial layout approved for Tenuta Virgilio. */
@media (max-width: 900px) {
  body { letter-spacing: 0 !important; }

  .app-shell {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .section {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .panel, .chart-panel, .lucia-panel, .lucia-detail-panel,
  .monthly-airbnb-panel, .stay-profit-panel, .personal-profit-panel,
  .simulator-panel, .sa-card, .section-focus-overview,
  #guestGeographyPanel, #bookingLeadPanel {
    border-radius: 15px !important;
    box-shadow: 0 5px 16px rgba(40, 50, 37, .04) !important;
  }

  /* Guest composition: two headline metrics plus two compact detail rows. */
  #executiveGuestSnapshot {
    margin: 8px 0 10px !important;
    padding: 13px !important;
  }

  #executiveGuestSnapshot .sda5-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
  }

  #executiveGuestSnapshot .sda5-head .eyebrow {
    margin-bottom: 3px !important;
    font-size: 8px !important;
    letter-spacing: .16em !important;
  }

  #executiveGuestSnapshot .sda5-head h2 {
    font-size: 22px !important;
    line-height: 1.05 !important;
  }

  #executiveGuestSnapshot .sda5-action {
    width: auto !important;
    min-width: 78px !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 7px 11px !important;
    color: #fffaf0 !important;
    background: #344834 !important;
    border: 1px solid #344834 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    font-size: 10px !important;
    font-weight: 740 !important;
  }

  #executiveGuestSnapshot .sda5-kpis {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
    margin-top: 10px !important;
    overflow: hidden !important;
    background: #fbf7ef !important;
    border: 1px solid rgba(166, 126, 58, .18) !important;
    border-radius: 12px !important;
  }

  #executiveGuestSnapshot .sda5-kpis > div {
    min-height: 70px !important;
    padding: 10px 11px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  #executiveGuestSnapshot .sda5-kpis > div:nth-child(1) {
    border-right: 1px solid rgba(166, 126, 58, .16) !important;
  }

  #executiveGuestSnapshot .sda5-kpis > div:nth-child(3),
  #executiveGuestSnapshot .sda5-kpis > div:nth-child(4) {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: minmax(88px, .7fr) minmax(0, 1.3fr) !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 52px !important;
    border-top: 1px solid rgba(166, 126, 58, .16) !important;
  }

  #executiveGuestSnapshot .sda5-kpis span {
    font-size: 9px !important;
    line-height: 1.25 !important;
  }

  #executiveGuestSnapshot .sda5-kpis b {
    margin: 3px 0 0 !important;
    color: #2c3b28 !important;
    font-size: 24px !important;
    line-height: 1.05 !important;
  }

  #executiveGuestSnapshot .sda5-kpis > div:nth-child(3) b,
  #executiveGuestSnapshot .sda5-kpis > div:nth-child(4) b {
    margin: 0 !important;
    font-family: var(--lux-sans) !important;
    font-size: 13px !important;
    font-weight: 680 !important;
    line-height: 1.35 !important;
    text-align: right !important;
  }

  /* Nationality panel: remove the double frame/padding visible in the screenshot. */
  #guestGeographyPanel {
    margin-top: 10px !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  #guestGeographyPanel .guest-geo-proposal-a {
    padding: 15px !important;
  }

  #guestGeographyPanel .guest-geo-title-row {
    align-items: center !important;
    gap: 10px !important;
  }

  #guestGeographyPanel .guest-geo-title-row .eyebrow {
    display: none !important;
  }

  #guestGeographyPanel .guest-geo-title-row h2 {
    margin: 0 !important;
    font-size: 23px !important;
    line-height: 1.04 !important;
  }

  #guestGeographyPanel .guest-geo-year {
    margin-top: 2px !important;
    font-size: 17px !important;
    line-height: 1.1 !important;
  }

  #guestGeographyPanel .guest-geo-icon {
    width: 38px !important;
    height: 38px !important;
    flex: 0 0 38px !important;
    font-size: 22px !important;
  }

  #guestGeographyPanel .guest-geo-rule {
    width: 54px !important;
    margin: 11px 0 7px !important;
  }

  #guestGeographyPanel .guest-geo-country-list {
    column-gap: 14px !important;
  }

  #guestGeographyPanel .geo-country-row {
    gap: 6px !important;
    padding: 7px 0 !important;
    font-size: 12px !important;
  }

  #guestGeographyPanel .geo-country-name {
    gap: 6px !important;
    min-width: 0 !important;
  }

  #guestGeographyPanel .geo-country-name b {
    font-size: 16px !important;
  }

  #guestGeographyPanel .geo-country-row strong {
    font-size: 13px !important;
  }

  #guestGeographyPanel .guest-geo-total-card {
    margin-top: 11px !important;
    padding: 10px 12px !important;
  }

  #guestGeographyPanel .guest-geo-manage {
    min-height: 40px !important;
    margin-top: 8px !important;
    color: #fffaf0 !important;
    background: #344834 !important;
    border-color: #344834 !important;
    font-size: 11px !important;
  }

  .mobile-luxury-nav a {
    min-height: 48px !important;
    gap: 2px !important;
    font-size: 10px !important;
  }

  .mobile-luxury-nav .nav-icon {
    font-size: 16px !important;
  }
}

/* High-contrast action system.
   Runtime panels used to inherit white text from the base button style while
   keeping a pale background. Every visible action now has one explicit pair. */
#clearSearch,
#clearFilters,
#showAllFilters,
.detail-pill,
.inline-action,
.summary-pill,
.sda5-action,
.guest-geo-manage,
.search-empty button,
.search-result-summary button,
.expense-group-actions button,
.expense-groups-panel .inline-action,
.entry-buttons button,
button[data-airbnb-action] {
  color: #fffaf0 !important;
  -webkit-text-fill-color: #fffaf0 !important;
  background: #304432 !important;
  border-color: #9f7b3f !important;
  box-shadow: 0 7px 16px rgba(38, 52, 39, .16) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

#clearSearch:hover,
#clearFilters:hover,
#showAllFilters:hover,
.detail-pill:hover,
.inline-action:hover,
.summary-pill:hover,
.sda5-action:hover,
.guest-geo-manage:hover,
.search-empty button:hover,
.search-result-summary button:hover,
.expense-group-actions button:hover,
.expense-groups-panel .inline-action:hover,
.entry-buttons button:hover,
button[data-airbnb-action]:hover {
  color: #fffdf8 !important;
  -webkit-text-fill-color: #fffdf8 !important;
  background: #223326 !important;
  border-color: #c39a55 !important;
}

#clearSearch:disabled,
#clearFilters:disabled,
#showAllFilters:disabled,
.detail-pill:disabled,
.inline-action:disabled,
.summary-pill:disabled,
.sda5-action:disabled,
.guest-geo-manage:disabled,
.entry-buttons button:disabled,
button[data-airbnb-action]:disabled {
  color: #4f5851 !important;
  -webkit-text-fill-color: #4f5851 !important;
  background: #e1ddd3 !important;
  border-color: #b8b2a6 !important;
  box-shadow: none !important;
  opacity: 1 !important;
}