/* T56 reuses Verre surfaces and the plain T52 selection. */
#dashboardPeriod { display:none; flex:0 0 auto; }
body[data-current-view="dashboard"] #dashboardPeriod { display:block; }
body[data-current-view="dashboard"] .topbar { display:flex; flex-wrap:wrap; gap:16px; }
body[data-current-view="dashboard"] .topbar-actions { margin-left:auto; }
.dashboard-period { gap:4px; }
.dashboard-period button { min-height:44px; padding:8px 14px; white-space:nowrap; }
.dashboard-period button[aria-pressed="true"] { color:var(--text); background:#fff; box-shadow:0 2px 7px #24213426; border-radius:12px; }
[data-color-scheme="dark"] .dashboard-period button[aria-pressed="true"] { background:rgba(255,255,255,.16); box-shadow:0 2px 7px #0005; }
.today-month-mobile { display:none; }
.month-view { min-width:0; }
.month-toolbar,.month-nav { display:flex; align-items:center; gap:12px; }
.month-toolbar { justify-content:space-between; flex-wrap:wrap; margin-bottom:18px; }
.month-nav { min-width:0; }
.month-nav h2 { margin:0; font-size:18px; text-transform:capitalize; text-align:center; }
.month-nav button { width:44px; padding:8px; flex:0 0 44px; font-size:24px; }
.month-view .month-key-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.month-key-metrics article { border:1px solid var(--line); border-radius:var(--card-radius,22px); padding:18px; }
.month-key-metrics strong { font-size:clamp(20px,2.2vw,30px); line-height:1.3; }
.month-secondary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; padding:12px 0; }
.month-secondary span,.month-secondary strong { display:block; }
.month-secondary span { color:var(--text-soft); line-height:1.5; }
.month-secondary strong { font-size:18px; margin-top:4px; }
.month-business-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
.month-business-notes { margin:12px 0 22px; color:var(--text-soft); line-height:1.6; }
.month-business-notes p { margin:6px 0; }
.month-business-notes summary { color:var(--text); cursor:pointer; text-decoration:underline; text-underline-offset:3px; }
.month-charts .statistics-chart { grid-column:auto; }
.month-charts .statistics-chart svg { height:18px; }
.month-charts [data-month-chart="timeline"] svg { height:24px; }
.month-chart-key { display:flex; flex-wrap:wrap; gap:10px 18px; color:var(--text-soft); }
.month-chart-key span { display:flex; align-items:center; gap:6px; }
.month-chart-key i { display:inline-block; width:16px; height:10px; }
.month-current { background:var(--primary); }
.month-previous { background:var(--text-soft); height:4px; }
.month-previous-bar { fill:var(--text-soft); }
.month-cost-bar { fill:var(--red); }
.month-timeline small { margin:0; }
.month-timeline li>span { display:block; margin-bottom:5px; }
.month-charts [data-month-chart="occupancy"] .statistics-legend>span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
/* A visible neutral disc for Direct, Vrbo and remaining text monograms (T54). */
body .platform-badge:is(.direct,.other),body .statistics .platform-badge:is(.direct,.other) { background:#e4e0ed; color:#494254; border:1px solid #92899f; }
[data-color-scheme="dark"] body .platform-badge:is(.direct,.other),[data-color-scheme="dark"] body .statistics .platform-badge:is(.direct,.other) { background:#48414f; color:#f5f0fa; border-color:#a89bb8; }
@media(max-width:900px) {
 body[data-current-view="dashboard"] .topbar { display:none; }
 .today-month-mobile { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:16px; }
 .today-month-mobile .today-mobile-greeting { display:block; font-size:18px; margin:0; min-width:0; }
 .today-month-mobile .today-date { display:block; margin:6px 0 0; font-size:12px; }
 .month-view .month-key-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
 .month-key-metrics article { padding:14px; }
 .month-secondary { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
 .month-charts { grid-template-columns:minmax(0,1fr); }
 .month-charts .statistics-chart { padding:16px; }
 .month-toolbar { gap:10px; }
}

.month-view { --statistics-bar:var(--primary); }
.month-toolbar [data-month-partial] { margin-right:auto; }
.month-partial-badge { display:inline-block; border-radius:20px; padding:5px 9px; font-size:12px; color:var(--text-soft); background:var(--surface-strong); text-decoration:none; }
.month-key-metrics article { padding:14px; }
.month-key-metrics .month-comparison { line-height:1.5; }
.month-key-metrics .month-old-value { display:block; color:var(--text-soft); }
.month-business-notes { margin:10px 0 18px; }
.month-business-notes summary { display:list-item; width:fit-content; max-width:100%; padding:8px 12px; min-height:0; border-radius:14px; background:var(--surface-strong); color:var(--text); }
.month-platform-value { display:grid; grid-template-columns:minmax(40px,1fr) auto 48px; gap:10px; align-items:center; }
.month-platform-value>span { text-align:right; color:var(--text-soft); font-size:12px; }
.month-platform-value strong { white-space:nowrap; }
.month-charts .month-platform-value svg { height:10px; }
.month-all-properties { margin-top:16px; }
[data-color-scheme="dark"] body .platform-badge.airbnb,
[data-color-scheme="dark"] body .statistics .platform-badge.airbnb { background:#fff; color:#222; }
