/* Spacious compositions over BoardUI primitives. Fine rules group related data
   without turning every metric into a separate tile. */
.owner-page-header { padding-block: 8px 20px; border-bottom: 1px solid var(--color-separator-border); }
.owner-page-context { padding-block: 10px 18px; }
#owner-main #content { padding-bottom: 32px; }

/* Reservations: one framed calendar, then a quiet summary and ledger. */
.owner-calendar .oc-grid-surface { border: 1px solid var(--color-separator-border); border-radius: var(--radius-3xl); padding: 12px; }
.owner-calendar .oc-day { box-shadow: none; }
.owner-calendar .oc-rate { font-size:14px; line-height:18px; font-weight:700; font-variant-numeric:tabular-nums; }
.owner-calendar .oc-airbnb-rate { display:inline-flex; align-items:center; flex-wrap:wrap; max-width:100%; gap:2px 4px; color:var(--color-calendar-airbnb-estimate); font-size:14px; line-height:18px; font-weight:700; font-variant-numeric:tabular-nums; }
.owner-calendar .oc-airbnb-rate > span:last-child { white-space:nowrap; }
.owner-calendar .oc-airbnb-symbol { display:inline-block; flex-shrink:0; width:13px; height:14px; background:var(--color-calendar-airbnb-estimate); mask:url('/channel-logos/airbnb.svg') center / contain no-repeat; }
.owner-calendar .oc-airbnb-legend .oc-airbnb-symbol { width:14px; height:16px; }
@media(min-width:640px) and (max-width:1099px) {
  .owner-calendar [data-airbnb-estimates] .oc-day { min-height:calc(152px + var(--oc-lane-extra,0px)); }
}
.owner-calendar .oc-month-summary { gap: 0; padding-block: 12px; border-block: 1px solid var(--color-separator-border); }
.owner-calendar .oc-month-summary article { border-radius: 0; background: transparent; padding-inline: 20px; }
.owner-calendar .oc-month-summary article + article { border-inline-start: 1px solid var(--color-separator-border); }
.owner-calendar .oc-month-summary strong { font-variant-numeric: tabular-nums; font-size: var(--text-title-2-medium); line-height: 1.2; letter-spacing: -.025em; }
.owner-calendar .oc-owner-stay { margin-top: 16px; border: 1px solid var(--color-separator-border); background: transparent; padding: 24px; }
.owner-calendar .oc-daily-insights, .owner-calendar .oc-stay-details { border-radius: 0; border-bottom: 1px solid var(--color-separator-border); background: transparent; padding-inline: 0; }
.owner-reservation-list { padding-top: 24px; border-top: 1px solid var(--color-separator-border); }
.oc-performance-insights > summary { padding-inline:2px; }
.owner-calendar .oc-performance-card { padding:24px; border:1px solid var(--color-performance-border); border-radius:16px; background:var(--color-performance-surface); }
.oc-performance-hero { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-bottom:24px; }
.oc-performance-badge { display:inline-block; margin-bottom:14px; padding:6px 12px; border-radius:999px; background:var(--color-performance-blue); color:var(--color-text-primary); font-size:13px; line-height:18px; font-weight:600; }
.oc-performance-greeting { font-size:24px; line-height:34px; overflow-wrap:anywhere; }
.oc-performance-greeting strong { font-weight:700; }
.oc-performance-occupancy { color:var(--color-performance-accent); }
.owner-calendar .oc-performance-link { flex-shrink:0; min-height:48px; padding:12px 20px; border-radius:10px; background:var(--color-performance-action); color:var(--color-performance-action-text); border-color:transparent; white-space:nowrap; }
.owner-calendar .oc-performance-link:hover { background:var(--color-performance-action-hover); }
.owner-calendar .oc-performance-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:0; padding-top:20px; padding-bottom:0; border-top:1px solid var(--color-performance-border); border-bottom:0; }
.oc-performance-metric { display:flex; align-items:flex-start; gap:12px; min-width:0; padding:20px; border-radius:12px; background:var(--color-performance-blue); }
.oc-performance-metric-1 { background:var(--color-performance-mint); }
.oc-performance-metric-2 { background:var(--color-performance-lavender); }
.oc-performance-icon { flex-shrink:0; width:26px; height:26px; color:var(--color-performance-accent); }
.oc-performance-metric dt { font-size:14px; line-height:20px; color:var(--color-text-secondary); }
.oc-performance-metric dd { margin:6px 0 0; font-size:30px; line-height:36px; font-weight:700; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.oc-performance-note { margin-top:16px; font-size:12px; line-height:18px; color:var(--color-text-secondary); }
@media(max-width:767px) {
  .owner-calendar .oc-performance-card { padding:16px; }
  .oc-performance-hero { flex-direction:column; align-items:stretch; gap:16px; padding-bottom:16px; }
  .oc-performance-greeting { font-size:20px; line-height:28px; }
  .owner-calendar .oc-performance-link { align-self:flex-start; }
  .owner-calendar .oc-performance-metrics { grid-template-columns:1fr; gap:10px; padding-top:16px; }
  .oc-performance-metric { padding:14px 16px; }
  .oc-performance-metric dd { font-size:26px; line-height:32px; }
}

/* Overview: figures sit on a shared baseline rather than individual cards. */
[data-native-overview] { gap: 28px; }
.owner-overview-summary { gap: 0; border: 1px solid var(--color-separator-border); border-radius: var(--radius-3xl); }
.owner-overview-summary > section { border-radius: 0; background: transparent; }
.owner-overview-summary > section + section { border-top: 1px solid var(--color-separator-border); }
.owner-overview-summary [data-owner-upcoming] > .grid > button { border: 1px solid var(--color-separator-border); box-shadow: none; }
.owner-overview-summary [data-owner-occupancy] { padding: 24px; }
.owner-overview-summary [data-owner-occupancy] .shadow-card { background: transparent; box-shadow: none; }
[data-native-overview] [data-boardui-charts] { border: 1px solid var(--color-separator-border); border-radius: var(--radius-3xl); padding: 8px; }
[data-native-overview] [data-owner-metrics] { border-block: 1px solid var(--color-separator-border); }
[data-native-overview] [data-owner-metrics] > div { gap: 0; }
[data-native-overview] .owner-stat-card { height: auto; min-height: 112px; justify-content: center; border-radius: 0; background: transparent; padding: 24px; }
[data-native-overview] .owner-stat-card > span { display: none; }
[data-native-overview] .owner-stat-card + .owner-stat-card { border-inline-start: 1px solid var(--color-separator-border); }

/* Results: the graph and booked-night calendar share one ruled composition. */
.owner-detail.owner-results { gap: 28px; }
.owner-results .owner-boardui-performance { gap: 20px; border: 1px solid var(--color-separator-border); border-radius: var(--radius-3xl); padding: 24px; }
.owner-results .owner-performance-heading { flex-direction: row; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 24px; }
.owner-results .owner-boardui-chart-grid { gap: 0; border: 1px solid var(--color-separator-border); border-radius: var(--radius-xl); }
.owner-results .owner-boardui-chart-grid > .owner-metric-plot + .owner-metric-plot { border-top: 1px solid var(--color-separator-border); }
.owner-results .owner-metric-plot > .owner-boardui-chart, .owner-results .owner-metric-plot > .owner-booked-calendar { border: 0; border-radius: 0; background: transparent; padding: 24px; }
.owner-results .owner-booked-calendar .grid { gap: 4px; }
.owner-results [data-revenue-chart] .text-title-1-medium, .owner-results .owner-booked-calendar .text-title-1-medium { font-size: var(--text-large-title-medium); line-height: 1.15; letter-spacing: -.035em; }
.owner-results .owner-boardui-performance .owner-chart-data { padding: 0; border-top: 1px solid var(--color-separator-border); border-radius: 0; background: transparent; }
.owner-detail.owner-results .market-comparison-panel { border: 1px solid var(--color-separator-border); border-radius: var(--radius-3xl); padding: 24px; background: transparent; }
.owner-results .owner-comparison-windows { gap: 0; }
.owner-results .owner-comparison-window { border-radius: 0; background: transparent; padding: 0; }
.owner-results .owner-comparison-window + .owner-comparison-window { border-top: 1px solid var(--color-separator-border); padding-top: 16px; }
.owner-results .owner-comparison-window .comparison-window-card { border-radius: 0; background: transparent; }
.owner-results .market-basis-warning { margin-block: 12px 20px; border-inline-start: 2px solid var(--color-separator-border); border-radius: 0; background: transparent; padding: 8px 16px; }
.owner-results .source-disclosure, .owner-results .owner-data-sources { border-top: 1px solid var(--color-separator-border); border-radius: 0; background: transparent; padding-inline: 0; }

/* Pricing: one continuous report with an open rate headline and chart. */
.owner-detail .pricing-view { gap: 0; align-items: stretch; border: 1px solid var(--color-separator-border); border-radius: var(--radius-3xl); }
.owner-detail .pricing-view > .panel { padding: 28px; border: 0; border-radius: 0; background: transparent; }
.owner-detail .pricing-view > .recommended-rate-trend { border-top: 1px solid var(--color-separator-border); }
.owner-detail .pricing-view > .rate-calendar-panel, .owner-detail .pricing-view > .pricing-strategy { border-top: 1px solid var(--color-separator-border); }
.owner-detail .pricing-view > .source-disclosure { padding: 12px 28px; border-top: 1px solid var(--color-separator-border); border-radius: 0; background: transparent; }
.owner-detail .pricing-view .pricing-market { border-top: 1px solid var(--color-separator-border); border-radius: 0; padding: 28px; background: transparent; }
.owner-detail .pricing-view .owner-rate-horizon { border-bottom: 1px solid var(--color-separator-border); border-radius: 0; background: transparent; padding: 16px 0; }
.owner-detail .pricing-view .owner-pricing-chart { border: 0; border-radius: 0; background: transparent; padding: 20px; }
.owner-detail .pricing-view .owner-rate-plot { height: 260px; }
.owner-detail .pricing-view .pricing-market-composition { gap: 24px; }
.owner-detail .pricing-view .pricing-market-composition .comparison-window-card { padding: 20px; border-radius: 0; background: transparent; }
.owner-detail .pricing-view .pricing-market-index { border-top: 1px solid var(--color-separator-border); border-radius: 0; background: transparent; padding: 24px 0 0; }
.owner-detail .pricing-view [data-pricing-mpi] { font-size: var(--text-large-title-medium); line-height: 1.15; letter-spacing: -.035em; }
.owner-detail .pricing-view .rate-day { border: 0; border-bottom: 1px solid var(--color-separator-border); border-radius: 0; background: transparent; }

/* Private records retain one quiet frame. */
.owner-account .owner-account__card { background: transparent; border-color: var(--color-separator-border); }
.owner-account .owner-account__card-head { padding: 24px; }
.owner-account .owner-account__summary dl > div { border-radius: 0; background: transparent; padding-inline: 0; }

@container owner-results-charts (min-width:640px) {
  .owner-results .owner-boardui-chart-grid > .owner-metric-plot + .owner-metric-plot { border-top: 0; border-inline-start: 1px solid var(--color-separator-border); }
}
@media(min-width:960px) {
  .owner-detail .pricing-view > .recommended-rate-trend { border-top: 0; border-inline-start: 1px solid var(--color-separator-border); }
}
@media(min-width:1024px) {
  .owner-results .owner-comparison-window + .owner-comparison-window { border-top: 0; border-inline-start: 1px solid var(--color-separator-border); padding-top: 0; padding-inline-start: 16px; }
  .owner-detail .pricing-view .pricing-market-index { border-top: 0; border-inline-start: 1px solid var(--color-separator-border); padding: 16px 0 16px 24px; }
}
@media(min-width:1280px) {
  .owner-overview-summary > section + section { border-top: 0; border-inline-start: 1px solid var(--color-separator-border); }
}
@media(max-width:1023px) {
  [data-native-overview] .owner-stat-card:nth-child(3) { border-inline-start: 0; }
  [data-native-overview] .owner-stat-card:nth-child(n+3) { border-top: 1px solid var(--color-separator-border); }
}
/* The inset surface is separate from the full-height, keyboard/touch target. */
.owner-calendar .oc-reservation-bar { --oc-bar-background:var(--color-calendar-booking-background); --oc-bar-text:var(--color-calendar-booking-text); --oc-bar-border:var(--color-calendar-booking-border); position:relative; isolation:isolate; margin-inline:3px; padding-inline:9px; gap:6px; border-radius:10px; background:transparent; color:var(--oc-bar-text); }
.owner-calendar .oc-reservation-bar::before { content:""; position:absolute; z-index:-1; inset:4px 0; border:1px solid var(--oc-bar-border); border-radius:inherit; background:var(--oc-bar-background); }
.owner-calendar [data-calendar-bar-status="owner-stay"] { --oc-bar-background:var(--color-calendar-bar-owner); --oc-bar-text:var(--color-text-white); --oc-bar-border:transparent; }
.owner-calendar [data-calendar-bar-status="other-owner-stay"] { --oc-bar-background:var(--color-calendar-bar-other-owner); --oc-bar-text:var(--color-text-white); --oc-bar-border:transparent; }
.owner-calendar :is([data-calendar-bar-status="requested"],[data-calendar-bar-status="hold"]) { --oc-bar-background:var(--color-calendar-bar-requested); --oc-bar-text:var(--color-text-primary); --oc-bar-border:transparent; }
.owner-calendar :is([data-calendar-bar-status="blocked"],[data-calendar-bar-status="unavailable"]) { --oc-bar-background:var(--color-calendar-bar-blocked); --oc-bar-text:var(--color-text-primary); --oc-bar-border:transparent; }
.owner-calendar .oc-reservation-channel { display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; padding:3px; overflow:hidden; border-radius:50%; background:var(--color-text-white); color:var(--color-neutral-900); font-size:11px; font-weight:600; }
.owner-calendar .oc-reservation-channel img { display:block; width:100%; height:100%; object-fit:contain; }
@media(max-width:639px) {
  .owner-page-header { padding-block: 0 16px; }
  .owner-page-context { padding-block: 4px 12px; }
  .owner-calendar .oc-grid-surface { padding: 6px; }
  .owner-calendar .oc-month-summary article { padding-inline: 10px; }
  .owner-calendar .oc-month-summary strong { font-size: var(--text-title-3-medium); }
  .owner-results .owner-boardui-performance, .owner-detail.owner-results .market-comparison-panel { padding: 16px; }
  .owner-results .owner-metric-plot > .owner-boardui-chart, .owner-results .owner-metric-plot > .owner-booked-calendar { padding: 16px 12px; }
  .owner-results [data-revenue-chart] .text-title-1-medium, .owner-results .owner-booked-calendar .text-title-1-medium { font-size: var(--text-title-1-medium); }
  .owner-detail .pricing-view > .panel, .owner-detail .pricing-view .pricing-market { padding: 20px 16px; }
  .owner-detail .pricing-view > .source-disclosure { padding-inline: 16px; }
  .owner-detail .pricing-view .owner-pricing-chart { padding: 20px; }
  [data-native-overview] .owner-stat-card { padding: 20px 16px; }
}

/* 21st.dev hover-rail theme: flush edges, thin rules, quiet neutral rows. */
#portal .owner-hover-sidebar a[data-view], #portal .owner-hover-sidebar nav[aria-label="Help"] a { min-width: 44px; }
#portal .owner-hover-sidebar button[aria-label="Account menu"] { min-width: 44px; min-height: 44px; border: 0; border-radius: var(--radius-lg); background: transparent; padding: 4px; }
#portal .owner-hover-sidebar button[aria-label="Account menu"]:hover { background: var(--color-background-primary-hover); }
.owner-hover-sidebar [data-owner-identity] { min-width: 0; }
.owner-hover-sidebar [data-owner-identity] > span:last-child { overflow: hidden; text-overflow: ellipsis; }
:is(.owner-period-disclosure,.owner-history-period) > summary:not([hidden]),
.owner-calendar :is(.oc-daily-insights, .oc-stay-details > details, .oc-calendar-guide, .oc-instructions) > summary:not([hidden]),
.owner-calendar .oc-daily-insights details > summary:not([hidden]) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 44px;
  padding-block: 10px;
  list-style: none;
  cursor: pointer;
  border-radius: 4px;
  transition: color 160ms ease;
}
:is(.owner-period-disclosure,.owner-history-period) > summary:not([hidden])::after,
.owner-calendar :is(.oc-daily-insights, .oc-stay-details > details, .oc-calendar-guide, .oc-instructions) > summary:not([hidden])::after,
.owner-calendar .oc-daily-insights details > summary:not([hidden])::after {
  content: '';
  flex: 0 0 7px;
  width: 7px;
  height: 7px;
  margin-inline: 3px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg);
  transition: transform 220ms cubic-bezier(.22, 1, .36, 1);
  opacity: .6;
}
:is(.owner-period-disclosure, .owner-history-period, .owner-calendar details)[open]:not([data-disclosure-state="closing"]) > summary:not([hidden])::after {
  transform: rotate(225deg);
}
@media (prefers-reduced-motion: reduce) {
  :is(.owner-period-disclosure,.owner-history-period) > summary:not([hidden]),
  :is(.owner-period-disclosure,.owner-history-period) > summary:not([hidden])::after,
  .owner-calendar details > summary:not([hidden]),
  .owner-calendar details > summary:not([hidden])::after { transition: none; }
}

/* Desktop density: compact composition without shrinking touch targets or data. */
.oc-calendar-toolbar { display: flex; flex-direction: column; gap: 10px; }
.oc-month-selectors { max-width: 260px; margin-inline: auto; }
html, #owner-main { scrollbar-gutter: stable; }
#owner-main { overflow-anchor: none; }
@media (min-width: 1024px) {
  #owner-main { padding: 12px 24px 16px; }
  .owner-page-header { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 2px 12px; padding-block: 0 8px; }
  .owner-title-row { display: contents; }
  .owner-title-row > div:first-child { grid-column: 1; grid-row: 1; }
  .owner-title-row > div:last-child { grid-column: 2; grid-row: 1; align-self: center; }
  #page-title, .owner-calendar .oc-calendar-header h1 { font-size: 20px; line-height: 28px; }
  .owner-page-context { padding-block: 2px 6px; }
  body[data-owner-section="bookings"] #page-subtitle { display: none; }
  .owner-page-context #preview-banner, .owner-page-context #last-updated { font-size: 12px; line-height: 18px; }
  .owner-period-disclosure { width: 216px; }
  .owner-calendar { gap: 6px; }
  .oc-calendar-toolbar { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: center; gap: 6px 16px; }
  .oc-calendar-header { display: contents; }
  .oc-calendar-header > div:first-child { grid-column: 1; grid-row: 1; }
  .oc-calendar-actions { grid-column: 3; grid-row: 1; justify-self: end; }
  .oc-calendar-header > .group { grid-column: 1 / -1; grid-row: 2; }
  .oc-month-navigation { grid-column: 2; grid-row: 1; grid-template-columns: 44px 260px 44px; }
  .owner-calendar .oc-grid-surface { padding: 6px; }
  .owner-calendar .oc-demand-legend { padding-block: 0; }
  .oc-month-grid { --oc-day-size: clamp(86px, calc((100dvh - 290px) / var(--oc-week-count)), 104px); gap: 4px; }
  .oc-week-rows { gap: 4px; }
  .oc-week[data-calendar-padding-week] { display: none; }
  .owner-calendar .oc-day { min-height: calc(var(--oc-day-size) + var(--oc-lane-extra,0px)); padding: 3px 6px; gap: 2px; }
  .owner-calendar [data-airbnb-estimates] .oc-day { min-height:calc(max(var(--oc-day-size), 108px) + var(--oc-lane-extra,0px)); }
  .owner-calendar .oc-day > span:first-child, .owner-calendar .oc-day > span:first-child > span:first-child { font-size: 12px; line-height: 16px; }
  .oc-weekdays > div { padding-block: 4px; }
  .oc-reservation-lanes { top: 21px; }
  .owner-results .owner-boardui-performance, .owner-detail.owner-results .market-comparison-panel { padding: 20px; }
  .owner-detail .pricing-view > .panel, .owner-detail .pricing-view .pricing-market { padding: 20px; }
  .owner-results .owner-metric-plot > .owner-boardui-chart, .owner-results .owner-metric-plot > .owner-booked-calendar { padding: 20px; }
}
[data-market-body] { overflow-anchor: none; }
#content[data-owner-view-loading] > * { visibility: hidden; }
::view-transition-old(root), ::view-transition-new(root) { animation: none; mix-blend-mode: normal; }
/* Keep atomic view capture without the browser's invisible 250ms group hold. */
html[data-owner-navigating]::view-transition-group(root) { animation: none; }

.owner-history-period { display: none; }
@media (min-width:1024px) {
  body[data-owner-section="bookings"]:has(.owner-history-period) .owner-page-context .owner-period-disclosure { display: none; }
  .owner-ledger-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }
  .owner-history-period { display:block; width:216px; }
  .owner-history-period > summary { min-height:44px; align-content:center; cursor:pointer; }
  #history-period-label { display:block; font-size:13px; color:var(--color-text-secondary); }
}

/* The former Overview metric banner now leads Results. */
.owner-results-summary { border-block: 1px solid var(--color-separator-border); }
.owner-results-summary > div { gap: 0; }
.owner-results-summary .owner-stat-card { height:auto; min-height:112px; justify-content:center; border-radius:0; background:transparent; padding:24px; }
.owner-results-summary .owner-stat-card > span { display:none; }
.owner-results-summary .owner-stat-card + .owner-stat-card { border-inline-start:1px solid var(--color-separator-border); }
@media(max-width:1023px) {
 .owner-results-summary .owner-stat-card { padding:20px 16px; }
 .owner-results-summary .owner-stat-card:nth-child(odd) { border-inline-start:0; }
 .owner-results-summary .owner-stat-card:nth-child(n+3) { border-top:1px solid var(--color-separator-border); }
}

/* Neutral is the fallback when PriceLabs did not supply a demand level. */
.owner-calendar .oc-day-in-month:not([data-owner-range]) { background-color:#eff0f2; }
.owner-calendar .oc-day-outside:not([data-owner-range]) { background-color:#f8f8fa; }
.dark .owner-calendar .oc-day-in-month:not([data-owner-range]) { background-color:#292b30; }
.dark .owner-calendar .oc-day-outside:not([data-owner-range]) { background-color:#1c1e22; }
.owner-calendar [data-calendar-demand="low"] { --oc-demand-surface:var(--color-calendar-demand-low); }
.owner-calendar [data-calendar-demand="normal"] { --oc-demand-surface:var(--color-calendar-demand-normal); }
.owner-calendar [data-calendar-demand="good"] { --oc-demand-surface:var(--color-calendar-demand-good); }
.owner-calendar [data-calendar-demand="high"] { --oc-demand-surface:var(--color-calendar-demand-high); }
/* A selected owner-stay range retains its existing selection fill and rings. */
.owner-calendar .oc-day[data-calendar-demand]:not([data-owner-range]),
.owner-calendar .oc-demand-swatch[data-calendar-demand] { background-color:var(--oc-demand-surface); }
.owner-calendar .oc-day[data-calendar-demand]:not([data-owner-range]) .text-text-secondary { color:var(--color-calendar-demand-text); }
.owner-calendar .oc-demand-swatch { box-shadow:inset 0 0 0 1px #0002; }
.dark .owner-calendar .oc-demand-swatch { box-shadow:inset 0 0 0 1px #fff3; }
.owner-calendar .oc-demand-unavailable { background-color:#eff0f2; }
.dark .owner-calendar .oc-demand-unavailable { background-color:#292b30; }
.owner-calendar .oc-owner-stay { margin-top:12px; padding:20px 0 8px; border-inline:0; border-bottom:0; border-radius:0; gap:12px; }
/* Quiet, neutral stay actions within the calendar's otherwise minimal portal UI. */
.owner-calendar .oc-stay-actions .oc-stay-cta{position:relative;min-height:44px;padding-inline:18px;border:1px solid #cfd2d6;border-radius:8px;background:#34383d!important;background-image:none!important;color:#fff;font-weight:600;box-shadow:none!important;transition:background-color 140ms ease,opacity 140ms ease,transform 140ms ease}
.owner-calendar .oc-stay-actions .oc-stay-cta::before,.owner-calendar .oc-stay-actions .oc-stay-cta::after{content:none!important;display:none!important}
.owner-calendar .oc-stay-actions .oc-stay-cta:hover:not(:disabled){background:#292d32!important;transform:translateY(-1px)}
.owner-calendar .oc-stay-actions .oc-stay-cta:focus-visible{outline:3px solid #8db6f2;outline-offset:3px}
.owner-calendar .oc-stay-actions .oc-stay-cta:disabled{opacity:.55;background:#34383d!important;background-image:none!important;box-shadow:none!important}
.dark .owner-calendar .oc-stay-actions .oc-stay-cta{border-color:#555b63;background:#3b4047!important;color:#fff}
.dark .owner-calendar .oc-stay-actions .oc-stay-cta:hover:not(:disabled){background:#454b53!important}
.dark .owner-calendar .oc-stay-actions .oc-stay-cta:disabled{background:#3b4047!important;background-image:none!important}
@media(prefers-reduced-motion:reduce){.owner-calendar .oc-stay-actions .oc-stay-cta{transition:none!important;transform:none!important}}

.oc-stay-planner { display:grid; grid-template-columns:minmax(0,1fr); justify-items:start; align-items:start; gap:16px; }
.oc-stay-dates { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:16px; margin:0; }
.oc-stay-dates > dl { margin:0; min-width:0; padding:12px 0; border-bottom:1px solid var(--color-border-button-default); }
.oc-stay-dates > dl[data-active] { border-bottom-color:var(--color-calendar-reservation-booked); }
.oc-stay-dates dt { font-size:var(--text-body-2-regular); color:var(--color-text-secondary); margin-bottom:4px; }
.oc-stay-dates dd { margin:0; font-size:var(--text-body-medium); color:var(--color-text-primary); font-variant-numeric:tabular-nums; }
.oc-stay-dates dd > button { justify-content:flex-start; min-height:44px; width:100%; padding:8px; margin-left:-8px; text-align:left; white-space:normal; }
.oc-stay-arrow { color:var(--color-text-tertiary); }
.oc-stay-guidance { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:0 24px; }
.oc-stay-guidance details { max-width:60ch; }
@media(max-width:639px) { .oc-stay-planner { grid-template-columns:minmax(0,1fr); gap:16px; } .oc-stay-dates { gap:12px; } .oc-stay-guidance { display:block; } .oc-stay-actions > button { flex:1; } }

/* One full-width monthly comparison, followed by the existing daily calendar. */
.owner-results .owner-boardui-chart-grid.owner-monthly-composition { grid-template-columns:minmax(0,1fr); }
.owner-results .owner-monthly-composition > .owner-metric-plot + .owner-metric-plot { border-inline-start:0; border-top:1px solid var(--color-separator-border); }
.owner-monthly-combo .recharts-tooltip-wrapper { max-width:calc(100vw - 40px); z-index:3; }
.owner-month-tooltip { min-width:220px; max-width:100%; }
.owner-month-pinned .owner-month-tooltip { box-shadow:none; }
@media(max-width:639px) { .owner-monthly-plot { height:260px; } }

/* Legacy report controls and cards follow the same dark semantic surfaces. */
.dark .owner-detail :is(.button,.channel-refresh) { background:var(--color-background-primary-default); color:var(--color-text-primary); border-color:var(--color-border-button-default); }
.dark .owner-detail :is(.button,.channel-refresh):hover { background:var(--color-background-primary-hover); }
.dark .owner-detail :is(.button,.channel-refresh):active { background:var(--color-background-primary-active); }
.dark .owner-channels { --channel-ink:var(--color-text-primary); --channel-muted:var(--color-text-secondary); --channel-line:var(--color-separator-border); }
.dark .owner-detail :is(.channel-summary,.channel-item,.channel-unavailable,.channel-notice,.channel-sample-badge,.highlight-card) { background:var(--color-background-primary-default); color:var(--color-text-primary); border-color:var(--color-separator-border); box-shadow:none; }
.dark .owner-detail .channel-error { background:var(--color-background-tertiary-error); color:var(--color-text-error-primary); }
.dark .owner-detail :is(.channel-eyebrow,.channel-source summary,.highlight-stars) { color:var(--color-text-secondary); }
.dark .owner-detail .channel-link { color:var(--color-chart-6-active); }
.dark .owner-detail .channel-pill { color:var(--color-chart-6-active); }
.dark .owner-detail .channel-pill::before { background:var(--color-calendar-reservation-booked); }
.dark #login-screen .form-message { background:var(--color-background-tertiary-error); color:var(--color-text-error-primary); }

/* Phone calendar: compact dates and rates, with slim bars over full-size touch targets. */
@media(max-width:639px) {
  .owner-calendar .oc-grid-surface { padding:4px; }
  .owner-calendar .oc-month-grid { gap:4px; }
  .owner-calendar .oc-week-rows { gap:6px; }
  .owner-calendar .oc-week[data-calendar-padding-week] { display:none; }
  .owner-calendar .oc-day { min-height:calc(84px + var(--oc-lane-extra,0px)); padding:4px 2px; border-radius:6px; }
  .owner-calendar .oc-day > span:first-child { font-size:11px; line-height:14px; }
  .owner-calendar .oc-day > span:first-child > span:first-child { font-size:11px; line-height:14px; }
  .owner-calendar .oc-day > span:first-child > span:nth-child(2) { width:4px; height:4px; }
  .owner-calendar .oc-rate { font-size:12px; line-height:16px; letter-spacing:-.025em; }
  .owner-calendar [data-airbnb-estimates] .oc-day { min-height:calc(116px + var(--oc-lane-extra,0px)); }
  .owner-calendar [data-airbnb-estimates] .oc-rate-pair { flex-direction:column; align-items:flex-start; gap:1px; }
  .owner-calendar .oc-airbnb-rate { font-size:11px; line-height:14px; letter-spacing:-.025em; gap:1px 2px; }
  .owner-calendar .oc-airbnb-rate .oc-airbnb-symbol { width:10px; height:11px; }
  .owner-calendar .oc-weekdays > div { font-size:11px; padding-block:5px; }
  .owner-calendar .oc-reservation-lanes { top:18px; }
  .owner-calendar .oc-reservation-bar { padding-inline:4px; gap:4px; border-radius:8px; font-size:10px; line-height:14px; }
  .owner-calendar .oc-reservation-bar::before { inset-block:8px; }
  .owner-calendar .oc-reservation-channel { width:18px; height:18px; padding:2px; }
  .owner-calendar [data-calendar-bar-short][data-calendar-bar-channel] { justify-content:center; padding-inline:2px; }
  .owner-calendar [data-calendar-bar-short][data-calendar-bar-channel] .oc-reservation-label { display:none; }
}
@media(max-width:639px) {
  .owner-calendar .oc-grid-surface { width:calc(100% + 8px); margin-inline:-4px; }
}
@media(max-width:359px) {
  .owner-calendar .oc-day { padding-inline:1px; }
  .owner-calendar .oc-rate { letter-spacing:-.065em; }
  .owner-calendar .oc-airbnb-rate { font-size:10px; letter-spacing:-.05em; }
}

/* React Aria limits tooltip height to the available viewport space. Keep rich
   pricing text inside that surface and allow it to scroll instead of spilling. */
.owner-calendar-tooltip {
  box-sizing:border-box;
  max-width:min(320px, calc(100vw - 24px));
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  overflow-wrap:anywhere;
  pointer-events:auto;
  scrollbar-width:thin;
}

/* Your Properties: owner-scoped portfolio, using the existing report values. */
.owner-portfolio { display:flex; min-width:0; flex-direction:column; gap:26px; --portfolio-action:var(--color-performance-action); }
.portfolio-summary { display:flex; flex-direction:column; gap:18px; min-width:0; }
.portfolio-hero { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:25px 28px; border-radius:18px; background:linear-gradient(110deg,var(--market-mint),var(--market-hero-end)); color:var(--market-ink); }
.portfolio-hero h2 { font-size:clamp(22px,2.2vw,28px); font-weight:750; line-height:1.2; letter-spacing:-.025em; margin:0 0 8px; }
.portfolio-hero p { margin:0; font-size:15px; line-height:1.6; }
.portfolio-report-dates { font-size:13px; line-height:1.6; font-weight:500; text-align:end; }
[data-native-overview].owner-portfolio [data-owner-metrics] { border:0; }
[data-native-overview].owner-portfolio [data-owner-metrics] > div { gap:14px; }
[data-native-overview].owner-portfolio .owner-stat-card { position:relative; padding:23px 22px 20px; min-height:154px; justify-content:flex-start; gap:12px; border:0; border-radius:17px; background:var(--market-blue); color:var(--market-ink); }
[data-native-overview].owner-portfolio .owner-stat-card:nth-child(2) { background:var(--market-mint); }
[data-native-overview].owner-portfolio .owner-stat-card:nth-child(3) { background:var(--market-lavender); }
[data-native-overview].owner-portfolio .owner-stat-card:nth-child(4) { background:var(--market-peach); }
[data-native-overview].owner-portfolio .owner-stat-card > span { display:flex; position:absolute; top:22px; left:20px; padding:0; background:transparent; }
.owner-portfolio .owner-stat-card .metric-top { padding-inline-start:29px; color:var(--market-ink); font-size:14px; line-height:22px; font-weight:600; }
.owner-portfolio .owner-stat-card .metric-value { margin-top:10px; font-size:clamp(25px,2.8vw,35px); line-height:1.2; font-weight:750; letter-spacing:-.035em; color:var(--market-ink); font-variant-numeric:tabular-nums; }
.owner-portfolio .owner-stat-card .metric-foot { position:static; width:auto; height:auto; margin:0; overflow:visible; clip:auto; clip-path:none; display:block; white-space:normal; font-size:12px; line-height:1.5; color:var(--color-text-secondary); }
.portfolio-section-heading h2 { margin:0 0 5px; color:var(--market-ink); font-size:25px; line-height:1.3; font-weight:750; letter-spacing:-.025em; }
.portfolio-section-heading p { margin:0; color:var(--color-text-secondary); font-size:15px; line-height:1.6; }
.portfolio-property-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; list-style:none; margin:16px 0 0; padding:0; }
.portfolio-property-card { min-width:0; display:flex; flex-direction:column; overflow:hidden; border:1px solid var(--color-separator-border); border-radius:18px; background:var(--color-background-primary-default); box-shadow:0 3px 9px rgb(0 0 0 / .035); }
.portfolio-property-photo { margin:7px 7px 0; border-radius:12px; overflow:hidden; height:clamp(160px,20vw,235px); background:linear-gradient(140deg,var(--market-blue),var(--market-mint)); }
.portfolio-property-photo img { display:block; width:100%; height:100%; object-fit:cover; }
.portfolio-photo-placeholder { display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%; gap:12px; color:var(--color-text-secondary); font-size:13px; }
.portfolio-photo-placeholder svg { width:42px; height:42px; opacity:.65; }
.portfolio-property-body { display:flex; flex:1; flex-direction:column; gap:17px; min-width:0; padding:18px 20px 20px; }
.portfolio-property-body h3 { margin:0 0 5px; color:var(--market-ink); font-size:22px; line-height:1.3; font-weight:750; letter-spacing:-.025em; overflow-wrap:anywhere; }
.portfolio-property-body header p { margin:0; color:var(--color-text-secondary); font-size:14px; line-height:1.7; }
.portfolio-property-features { margin-top:3px!important; }
.portfolio-property-note { margin:0; padding:10px 12px; border-radius:9px; background:var(--market-peach); color:var(--color-text-secondary); font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
.portfolio-property-revenue { margin:0; padding-top:14px; border-top:1px solid var(--color-separator-border); }
.portfolio-property-revenue dt,.portfolio-property-facts dt { font-size:13px; color:var(--color-text-secondary); line-height:1.5; }
.portfolio-property-revenue dd { margin:5px 0; font-size:30px; line-height:1.2; font-weight:750; letter-spacing:-.035em; color:var(--market-ink); overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
.portfolio-revenue-caption { display:block; font-size:11px; line-height:1.5; margin-top:7px; font-weight:400; letter-spacing:normal; color:var(--color-text-secondary); }
.portfolio-property-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin:0; padding-top:12px; border-top:1px solid var(--color-separator-border); gap:12px; }
.portfolio-property-facts > div+div { border-inline-start:1px solid var(--color-separator-border); padding-inline-start:18px; }
.portfolio-property-facts dd { margin:4px 0 0; font-size:24px; line-height:1.2; font-weight:700; color:var(--market-ink); overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
.portfolio-property-action { width:100%; min-height:44px; margin-top:auto; background:var(--portfolio-action); color:var(--color-performance-action-text); border-color:transparent; }
.portfolio-property-action:hover { background:var(--color-performance-action-hover); }
.portfolio-charts { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:20px; min-width:0; align-items:start; }
.owner-portfolio [data-boardui-charts],.portfolio-revenue-comparison,.portfolio-chart-empty { padding:18px!important; border:1px solid var(--color-separator-border); border-radius:18px; min-width:0; background:var(--color-background-primary-default); }
.owner-portfolio [data-revenue-chart] { border:0; padding:0; box-shadow:none; }
.portfolio-revenue-comparison h2,.portfolio-chart-empty h2 { color:var(--market-ink); font-size:21px; line-height:1.3; font-weight:700; letter-spacing:-.02em; margin:0 0 8px; }
.portfolio-revenue-comparison p,.portfolio-chart-empty p { color:var(--color-text-secondary); font-size:13px; line-height:1.6; margin:0; }
.portfolio-revenue-comparison ul { list-style:none; padding:0; margin:24px 0 0; display:grid; gap:20px; }
.portfolio-bar-label { display:flex; align-items:baseline; justify-content:space-between; gap:12px; color:var(--color-text-primary); font-size:13px; line-height:1.6; }
.portfolio-bar-label span { min-width:0; overflow-wrap:anywhere; }
.portfolio-bar-label strong { font-weight:650; font-variant-numeric:tabular-nums; }
.portfolio-bar-track { height:11px; margin-top:9px; border-radius:4px; background:var(--color-background-secondary-default); overflow:hidden; }
.portfolio-bar-track span { display:block; height:100%; border-radius:4px; background:var(--market-own); }
.portfolio-bar-tone-1 span { background:var(--market-peer); }.portfolio-bar-tone-2 span { background:var(--market-median); }
.portfolio-comparison-link { min-height:44px; padding-inline:0; font-size:12px; }
.portfolio-upcoming { border:1px solid var(--color-separator-border); border-radius:12px; overflow:hidden; }
.portfolio-upcoming > summary { cursor:pointer; padding:14px 18px; min-height:48px; color:var(--color-text-primary); font-size:14px; }
@media(min-width:1450px) { .portfolio-property-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.portfolio-property-grid:has(> li:last-child:nth-child(2)) { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:1000px) { .portfolio-charts { grid-template-columns:minmax(0,1fr); } }
@media(max-width:639px) { .portfolio-hero { padding:21px 18px; flex-direction:column; align-items:flex-start; gap:9px; }.portfolio-report-dates { text-align:start; }.portfolio-property-grid { grid-template-columns:minmax(0,1fr); }.portfolio-property-photo { height:200px; }[data-native-overview].owner-portfolio .owner-stat-card { padding:19px 14px 16px; min-height:150px; }[data-native-overview].owner-portfolio .owner-stat-card > span { display:none; }.owner-portfolio .owner-stat-card .metric-top { padding:0; }.owner-portfolio .owner-stat-card .metric-value { font-size:26px; }.owner-portfolio .owner-stat-card .metric-foot { font-size:11px; }.portfolio-property-body { padding:16px; } }

body[data-owner-section="overview"]:has(.owner-portfolio) #page-title { font-size:clamp(27px,3vw,36px); font-weight:750; letter-spacing:-.035em; line-height:1.2; color:var(--market-ink); }