
/* Desktop only. The existing workspace, date arithmetic, records and actions stay shared. */
@media (min-width:1101px) and (pointer:fine) {
 body:is(.sg-desktop-calendar,.sg-desktop-month-cleaning) #app .content-area {
   box-sizing:border-box;padding:14px var(--sg-desktop-content-gutter,30px);gap:10px;overflow:visible;
 }
 body.sg-desktop-calendar #app :is(#mainPageIntro,#calendarSectionTabs,#summarySection,#calendarView) {
   box-sizing:border-box;width:100%;max-width:none;margin:0;flex-shrink:0;
 }
 body.sg-workspace-mode.sg-desktop-calendar #app.sg-single-calendar-pc :is(#mainPageIntro,#summarySection,#calendarView) {width:100%;max-width:none;margin-inline:0}
 body.sg-desktop-calendar #app #mainPageIntro {
   min-height:54px;padding:5px 12px;border:1px solid var(--sg-border-ui);border-radius:10px;display:flex;align-items:center;justify-content:space-between;
 }
 body.sg-desktop-calendar #app #mainPageIntro .sg-menu-heading-icon {width:36px;height:36px;flex-basis:36px}
 body.sg-desktop-calendar #app #mainPageTitle {font-size:22px;line-height:1.2}
 body.sg-desktop-calendar #app #calendarSectionTabs {display:flex;min-height:46px;padding:3px;border:1px solid var(--sg-border-ui);border-radius:9px;background:var(--sg-card-bg)}
 body.sg-desktop-calendar #app #calendarSectionTabs .sg-calendar-section-tab {min-height:38px;padding:6px 20px}
 body.sg-desktop-calendar #app #summarySection {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:54px;min-height:54px;padding:0;border:1px solid var(--sg-border-ui);border-radius:9px;background:var(--sg-card-bg);box-sizing:border-box}
 body.sg-desktop-calendar #app #summarySection .summary-card {min-width:0;height:52px;min-height:52px;padding:5px 18px;flex:1;border:0;border-radius:0;box-shadow:none;box-sizing:border-box;justify-content:flex-start}
 body.sg-desktop-calendar #app #summarySection .summary-card+.summary-card {border-left:1px solid var(--sg-border-ui)}
 body.sg-desktop-calendar #app #summarySection .summary-card-content {display:grid;gap:1px;justify-content:start;text-align:left}
 body.sg-desktop-calendar #app #summarySection .summary-card-content strong {font-size:20px;line-height:1.15}
 body.sg-desktop-calendar #app #calendarView {flex:1 1 0;min-height:0}
 body.sg-desktop-calendar #app #calendarView .calendar-card {overflow:visible;border-radius:10px}
 body.sg-desktop-calendar #app #calendarView .calendar-card-header {display:none}
 body.sg-desktop-calendar #app #calendarView .calendar-toolbar {min-height:54px;padding:5px 12px;gap:10px}
 body.sg-desktop-calendar #app #calendarView .sg-calendar-view-select {height:44px;min-height:44px}
 body.sg-desktop-calendar #app #calendarView .sg-calendar-date-nav .month-center {display:contents}
 body.sg-desktop-calendar #app #calendarView .sg-calendar-date-nav>.month-button:first-child {order:1}
 body.sg-desktop-calendar #app #calendarView #monthTitle {order:2;font-size:18px;min-width:145px;text-align:center}
 body.sg-desktop-calendar #app #calendarView .sg-calendar-date-nav>.month-button:last-child {order:3}
 body.sg-desktop-calendar #app #calendarView .today-button {order:4}
 body.sg-desktop-calendar #app #calendarView .sg-calendar-property-select {display:none}
 body.sg-desktop-calendar #app #calendarView .property-tabs {display:flex;max-width:min(58vw,760px);overflow-x:auto;scrollbar-width:thin}
 body.sg-desktop-calendar #app #calendarView .property-tab {font-weight:600}
 body.sg-desktop-month-calendar #app #calendarView .sg-workspace-month {padding:0;height:100%;display:flex;flex-direction:column}
 body.sg-desktop-month-calendar #app .sg-workspace-month-title {display:none}
 body.sg-desktop-month-calendar #app .sg-workspace-month-weekdays {flex:none;height:32px;box-sizing:border-box;border-inline:0}
 body.sg-desktop-month-calendar #app .sg-workspace-month-weekdays>div {padding:7px 2px}
 body.sg-desktop-month-calendar #app #calendarView .sg-workspace-month .month-week-row {
   flex:none;height:var(--sg-fit-week-height,80px);min-height:0;grid-template-rows:24px repeat(var(--sg-fit-lanes,1),28px) 20px;border-inline:0;margin:0;
 }
 body.sg-desktop-month-calendar #app .sg-workspace-month .month-reservation-bar {height:26px;margin-block:1px;font-size:12px;min-width:0}
 body.sg-desktop-month-calendar #app .sg-workspace-month .month-day-number {padding:3px 8px;font-size:12px}
 body.sg-desktop-month-calendar #app .month-day-number.other-month {color:var(--sg-text-muted);opacity:.6}
 body.sg-desktop-month-calendar #app .sg-workspace-month [data-sg-reservation][hidden] {display:none!important}
 .sg-month-more {min-width:0;border:0;background:transparent;color:var(--sg-selection-text);font:inherit;font-size:11px;font-weight:600;line-height:18px;text-align:left;padding:0 6px;cursor:pointer;white-space:nowrap}
 .sg-month-more:focus-visible {outline:2px solid var(--sg-selection-text);outline-offset:-2px}
 body.sg-desktop-month-calendar .sg-month-more {grid-row:var(--sg-fit-more-row);align-self:start;z-index:2}
 body.sg-desktop-month-cleaning #app #cleaningView .sg-cleaning-planner {width:100%;max-width:none;margin:0;gap:10px}
 body.sg-desktop-month-cleaning #cleaningView .sg-cleaning-planner-title {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;flex:none;align-items:center}
 body.sg-desktop-month-cleaning #cleaningView .sg-cleaning-planner-title h2 {grid-column:1;font-size:26px;line-height:1.2;letter-spacing:-.3px;margin:0}
 body.sg-desktop-month-cleaning #cleaningView .sg-cleaning-planner-title p {grid-column:1;font-size:13px;line-height:1.4;margin:0}
 body.sg-desktop-month-cleaning #cleaningView .sg-cleaning-desktop-summary {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;flex:none;min-height:72px;border:1px solid var(--sg-border-ui);border-radius:10px;background:var(--sg-card-bg)}
 body.sg-desktop-month-cleaning #cleaningView .sg-cleaning-desktop-summary-card {height:auto;min-height:70px;padding:10px 12px;display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;column-gap:9px;row-gap:4px;border:0;border-radius:0;box-shadow:none;background:transparent}
 body.sg-desktop-month-cleaning #cleaningView .sg-cleaning-desktop-summary-card+.sg-cleaning-desktop-summary-card {border-left:1px solid var(--sg-border-ui)}
 body.sg-desktop-month-cleaning #cleaningView .sg-cleaning-desktop-summary-label {grid-column:2;font-size:12px;line-height:1.3;font-weight:500}
 body.sg-desktop-month-cleaning #cleaningView .sg-cleaning-desktop-summary-value {grid-column:2;font-size:18px;line-height:1.2;font-weight:650}
 body.sg-desktop-month-cleaning #cleaningView .sg-cleaning-desktop-summary-card.statistics .sg-cleaning-desktop-summary-value {font-size:15px;gap:4px}
 body.sg-desktop-month-cleaning #cleaningView .sg-cleaning-desktop-summary-arrow {font-size:18px}
 .sg-month-summary-icon {grid-column:1;grid-row:1/span 2;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-size:17px;background:var(--sg-selection-bg);color:var(--sg-selection-text)}
 .sg-month-summary-icon svg {width:19px;height:19px}
 [data-summary-kind="completed"] .sg-month-summary-icon {background:#fff0f2;color:#ed6473}
 [data-summary-kind="remaining"] .sg-month-summary-icon {background:#f0f5fb;color:#c87b16}
 [data-summary-kind="tomorrow"] .sg-month-summary-icon {background:#edf4ff;color:#3383e8}
 [data-summary-kind="requests"] .sg-month-summary-icon {background:#f4edfc;color:#9c65ce}
 body.sg-desktop-month-cleaning #cleaningView :is(.sg-cleaning-summary,.sg-workspace-actions) {display:none!important}
 body.sg-desktop-month-cleaning #cleaningView .sg-cleaning-planner-layout {grid-template-columns:minmax(0,3fr) minmax(240px,1fr);gap:16px;min-height:0;align-items:stretch}
 body.sg-desktop-month-cleaning #cleaningView .sg-cleaning-calendar-panel {overflow:visible;border-radius:10px}
 body.sg-desktop-month-cleaning #cleaningView .sg-cleaning-calendar-header {min-height:54px;box-sizing:border-box;padding:5px 12px;flex-wrap:nowrap}
 body.sg-desktop-month-cleaning #cleaningView .sg-cleaning-toolbar {gap:6px}
 body.sg-desktop-month-cleaning #cleaningView .sg-cleaning-toolbar .sg-cleaning-month-button {font-size:17px;font-weight:650}
 body.sg-desktop-month-cleaning #cleaningView .sg-cleaning-weekdays {height:32px;box-sizing:border-box;flex:none}
 body.sg-desktop-month-cleaning #cleaningView .sg-workspace-month {padding:0;height:100%;display:flex;flex-direction:column}
 body.sg-desktop-month-cleaning #cleaningView .sg-workspace-month>h3 {display:none}
 body.sg-desktop-month-cleaning #cleaningView .sg-workspace-month .sg-cleaning-calendar-grid {height:auto;flex:none;grid-template-rows:none;grid-auto-rows:minmax(var(--sg-fit-week-height,78px),max-content);align-content:start;border:0}
 body.sg-desktop-month-cleaning #cleaningView .sg-workspace-month .sg-cleaning-calendar-day {min-height:0;height:auto;padding:4px 5px;overflow:visible;display:flex;flex-direction:column;gap:2px;border-radius:0;box-sizing:border-box}
 body.sg-desktop-month-cleaning #cleaningView .sg-cleaning-calendar-day.other-month {opacity:1;background:var(--sg-surface-soft);color:var(--sg-text-muted)}
 body.sg-desktop-month-cleaning #cleaningView .sg-cleaning-calendar-day.other-month .sg-cleaning-day-number {opacity:.6}
 body.sg-desktop-month-cleaning #cleaningView .sg-cleaning-day-number {font-size:12px;line-height:18px;min-height:18px;padding:0 3px;margin:0;align-self:flex-start}
 body.sg-desktop-month-cleaning #cleaningView .sg-cleaning-day-badges {display:flex;flex-direction:column;gap:3px;width:100%;min-height:0}
 body.sg-desktop-month-cleaning #cleaningView .sg-workspace-month .sg-cleaning-cleaner-pill {
   display:flex;flex:none;position:relative;align-items:center;gap:4px;height:24px;min-height:24px;padding:2px 4px;font-size:11px;line-height:18px;box-sizing:border-box;
 }
 body.sg-desktop-month-cleaning #cleaningView .sg-cleaning-cleaner-pill[hidden] {display:none!important}
 body.sg-desktop-month-cleaning #cleaningView .sg-cleaning-event-label {display:flex;align-items:center;gap:4px;min-width:0;flex:1}
 body.sg-desktop-month-cleaning #cleaningView .sg-cleaning-event-code {flex:none;font-size:10px}
 body.sg-desktop-month-cleaning #cleaningView .sg-cleaning-event-property {min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;line-height:18px}
 body.sg-desktop-month-cleaning #cleaningView .sg-cleaning-event-state {position:static;order:2;flex:none;max-width:none;width:auto;font-size:9px;line-height:16px;min-height:0;white-space:nowrap}
 body.sg-desktop-month-cleaning #cleaningView .sg-cleaning-cleaner-pill .sg-assignment-calendar-badge {height:18px;min-width:20px;font-size:10px;margin:0;border:0}
 body.sg-desktop-month-cleaning #cleaningView .sg-cleaning-calendar-day .sg-month-more {padding:0 2px;line-height:18px}
 body.sg-desktop-month-cleaning #cleaningView .sg-cleaning-cleaner-pill>.sg-cleaning-cot-indicator {position:static;order:3;flex:none;width:12px;height:14px;margin:0;color:var(--sg-danger,#dc3545)}
 body.sg-desktop-month-cleaning #cleaningView .sg-cleaning-cleaner-pill.sg-cot-installed>.sg-cleaning-cot-indicator {color:#84919d}
 body.sg-desktop-month-cleaning #cleaningView .sg-cleaning-legend {min-height:30px;box-sizing:border-box;padding:5px 10px;flex:none}
 body.sg-desktop-month-cleaning #cleaningView .sg-cleaning-day-panel {display:flex!important;overflow:visible;border-radius:10px;flex-direction:column}
 body.sg-desktop-month-cleaning #cleaningView .sg-cleaning-day-header {min-height:62px;padding:12px 14px;box-sizing:border-box}
 body.sg-desktop-month-cleaning #cleaningView #cleaningSelectedDateTitle {font-size:15px;line-height:1.4}
 body.sg-desktop-month-cleaning #cleaningView #cleaningSelectedDateCount {font-size:12px}
 body.sg-desktop-month-cleaning #cleaningView .sg-cleaning-selected-day-content {padding:0 12px 12px;overflow:auto;overscroll-behavior:contain}
 body:is(.sg-desktop-month-calendar,.sg-desktop-month-cleaning) .sg-workspace-scroll {overflow:visible;scrollbar-gutter:auto;overscroll-behavior:auto}
 body:is(.sg-desktop-month-calendar,.sg-desktop-month-cleaning) .sg-workspace-scroll:after {display:none}
 body.sg-desktop-month-cleaning #cleaningView .sg-workspace-scroll {overflow-y:auto;overflow-x:hidden}
 .sg-month-genie-slot {width:52px;height:48px;flex:none;display:flex;align-items:center;justify-content:center}
 body.sg-desktop-month-cleaning .sg-month-genie-slot {grid-column:2;grid-row:1/span 2}
 body.sg-desktop-month-cleaning #genieButton,.sg-month-genie-slot #genieButton {position:relative!important;inset:auto!important;width:48px!important;height:48px!important;min-width:48px;min-height:48px;margin:0!important;transform:none!important}
 body.sg-desktop-month-cleaning #genieButton .sg-genie-fab-label,.sg-month-genie-slot #genieButton .sg-genie-fab-label {font-size:9px;bottom:1px}
 body.sg-desktop-month-cleaning #genieButton .sg-genie-fab-portrait-wrap,.sg-month-genie-slot #genieButton .sg-genie-fab-portrait-wrap {width:32px;height:32px;top:3px;left:7px}
 body.sg-desktop-month-cleaning #genieButton .sg-genie-fab-mic-badge,.sg-month-genie-slot #genieButton .sg-genie-fab-mic-badge {width:14px;height:16px;right:0;bottom:13px}
 body.sg-desktop-month-cleaning #genieButton .sg-genie-fab-mic-badge svg,.sg-month-genie-slot #genieButton .sg-genie-fab-mic-badge svg {width:10px;height:12px}
 body.sg-desktop-month-cleaning #cleaningView .sg-cleaning-legend [data-cot-legend] .sg-cleaning-cot-indicator,
 body.sg-desktop-month-cleaning #cleaningView .sg-cleaning-cot-row.pending {color:var(--sg-danger,#dc3545)}
 body.sg-desktop-month-cleaning #cleaningView .sg-cleaning-legend [data-cot-done-legend] .sg-cleaning-cot-indicator,
 body.sg-desktop-month-cleaning #cleaningView .sg-cleaning-cot-row.installed {color:#84919d}
 body:is(.sg-desktop-month-calendar,.sg-desktop-month-cleaning).sg-month-page-scroll {overflow:auto}
 body.sg-month-page-scroll:is(.sg-desktop-month-calendar,.sg-desktop-month-cleaning) #app .content-area {position:relative;inset:auto;width:100%;height:auto;overflow:visible}
 body.sg-month-page-scroll.sg-desktop-month-calendar #app #calendarView,
 body.sg-month-page-scroll.sg-desktop-month-cleaning #cleaningView .sg-cleaning-planner-layout {flex:none}
 body.sg-month-page-scroll:is(.sg-desktop-month-calendar,.sg-desktop-month-cleaning) .sg-workspace-scroll {flex:none;height:var(--sg-fit-natural-height)}
}
/* Only cleaning day stacks grow; reservation calendar tracks stay unchanged. */
body.sg-workspace-mode #cleaningView .sg-workspace-month .sg-cleaning-day-badges{flex:none;align-content:start}
.sg-month-overflow-list {display:grid;gap:8px;white-space:normal}
.sg-month-overflow-list>button {min-height:44px;text-align:left;padding:8px 12px;border:1px solid var(--sg-border-ui);border-radius:8px;background:var(--sg-card-bg);color:var(--sg-text);font:inherit;cursor:pointer}
