/* Friendly planning. Calendar state, offers, events and hours stay owned by their
   existing controllers. This layer changes only the screen presentation. */
@media screen {
  body[data-design="workspace"] #calendar-view {
    --calendar-open:#f7faf5;
    --calendar-closed:#fff8f6;
    --calendar-open-ink:#64815b;
    --calendar-closed-ink:#a9655c;
  }

  body[data-design="workspace"] #calendar-view .planning-scope-bar {gap:14px;margin-bottom:20px;padding:11px 14px;border:1px solid var(--friendly-border);border-radius:13px;background:var(--friendly-surface);box-shadow:none;}
  body[data-design="workspace"] #calendar-view .planning-scope-bar h2 {margin:0 0 3px;color:var(--friendly-ink);font-size:15px;line-height:1.4;font-weight:600;}
  body[data-design="workspace"] #calendar-view .planning-scope-bar p:not(.eyebrow) {margin:0;color:var(--friendly-muted);font-size:11px;line-height:1.6;}
  body[data-design="workspace"] #calendar-view .planning-scope-switch {padding:3px;border-color:transparent;border-radius:9px;background:#f0f3eb;}
  body[data-design="workspace"] #calendar-view .scope-button {min-height:34px;gap:6px;padding:7px 12px;border-radius:7px;color:var(--friendly-muted);font-size:11px;font-weight:500;}
  body[data-design="workspace"] #calendar-view .scope-button.is-active {color:var(--friendly-accent);background:var(--friendly-surface);border-color:var(--friendly-border);box-shadow:none;}
  body[data-design="workspace"] #calendar-view .scope-internal {
    padding:2px 5px;
    border-radius:4px;
    color:#53674f;
    background:#e5ecdf;
    font-size:11px;
    letter-spacing:0;
  }

  /* The desktop retains the agreed equal-size calendar and daily overview. */
  body[data-design="workspace"] #calendar-view .calendar-layout {grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start;}
  body[data-design="workspace"] #calendar-view :is(.calendar-section,.day-section) {min-width:0;border:1px solid var(--friendly-border);border-radius:13px;background:var(--friendly-surface);box-shadow:none;}
  body[data-design="workspace"] #calendar-view .day-section {padding:0;border:0;border-radius:0;background:transparent;}
  body[data-design="workspace"] #calendar-view .calendar-section {
    position:sticky;
    top:calc(var(--workspace-header-height,84px) + 20px);
    container-type:inline-size;
  }
  body[data-design="workspace"] #calendar-view .calendar-toolbar {flex-wrap:wrap;gap:10px;padding:11px 14px;background:#f3f7f0;border-bottom-color:var(--friendly-border);}
  body[data-design="workspace"] #calendar-view .month-nav {gap:7px;min-width:0;}
  body[data-design="workspace"] #calendar-view .month-nav h2 {min-width:120px;color:var(--friendly-ink);font-size:15px;font-weight:600;line-height:1.4;letter-spacing:-.02em;}
  body[data-design="workspace"] #calendar-view .month-nav .icon-button {width:34px;height:34px;border-color:var(--friendly-border);border-radius:8px;color:var(--friendly-accent);background:var(--friendly-surface);}
  body[data-design="workspace"] #calendar-view .calendar-tools {gap:9px;}
  body[data-design="workspace"] #calendar-view #today {min-height:34px;padding:7px 12px;font-size:11px;}
  body[data-design="workspace"] #calendar-view .calendar-scroll {padding:8px;}
  body[data-design="workspace"] #calendar-view .calendar {
    table-layout:fixed;
    border-collapse:separate;
    border-spacing:4px;
    min-width:0;
  }
  body[data-design="workspace"] #calendar-view .calendar th {height:28px;padding:0 3px;border:0;background:var(--friendly-surface);color:var(--friendly-muted);font-size:11px;font-weight:500;}
  body[data-design="workspace"] #calendar-view .calendar-day {
    height:clamp(48px,calc((100dvh - 500px)/6),72px);
    min-height:48px;
    padding:5px 4px;
    border:1px solid #e7ece3;
    border-radius:8px;
    color:var(--friendly-ink);
    background:#fbfcfa;
    box-shadow:none;
    filter:none;
    transition:background-color 160ms var(--friendly-ease),border-color 160ms var(--friendly-ease),box-shadow 160ms var(--friendly-ease);
  }
  body[data-design="workspace"] #calendar-view .calendar-day.is-open {
    background:var(--calendar-open);
    border-color:#e1e9dc;
    box-shadow:none;
  }
  body[data-design="workspace"] #calendar-view .calendar-day.is-closed {
    background:var(--calendar-closed);
    border-color:#efdfda;
    box-shadow:none;
  }
  body[data-design="workspace"] #calendar-view .calendar-day.outside-month {
    color:var(--friendly-muted);
    background:#fbfcfa;
    border-color:#edf0e9;
  }
  body[data-design="workspace"] #calendar-view .calendar-day.outside-month .day-number {
    color:var(--friendly-muted);
    font-weight:400;
  }
  body[data-design="workspace"] #calendar-view .calendar-day.is-selected {
    background:#eaf2e3;
    border-color:#73916a;
    box-shadow:inset 0 0 0 1px rgb(71 106 57 / .08);
  }
  body[data-design="workspace"] #calendar-view .calendar-day.is-selected.is-closed {
    background:#fff1eb;
    border-color:#ad766a;
    box-shadow:inset 0 0 0 1px rgb(152 85 70 / .06);
  }
  body[data-design="workspace"] #calendar-view .calendar-day:focus-visible {
    outline:2px solid var(--friendly-accent);
    outline-offset:1px;
  }
  body[data-design="workspace"] #calendar-view .day-top {
    gap:2px;
    min-height:24px;
    margin-bottom:3px;
  }
  body[data-design="workspace"] #calendar-view .day-number {
    width:24px;
    height:24px;
    border-radius:7px;
    font-size:14px;
    font-weight:500;
    font-variant-numeric:tabular-nums;
  }
  body[data-design="workspace"] #calendar-view .is-selected:not(.is-today) .day-number {
    color:var(--friendly-accent);
    background:#dce9d2;
    font-weight:650;
  }
  body[data-design="workspace"] #calendar-view .is-selected.is-closed:not(.is-today) .day-number {
    color:#8d5147;
    background:#f5ded5;
  }
  body[data-design="workspace"] #calendar-view .is-today .day-number {background:var(--friendly-accent);color:#fff;}
  body[data-design="workspace"] #calendar-view .is-today.is-closed .day-number {background:#945e55;color:#fff;}
  body[data-design="workspace"] #calendar-view .day-entry-count {
    min-width:18px;
    height:18px;
    padding:0 4px;
    border-radius:5px;
    color:#3e623b;
    background:#e1ecd8;
    font-size:11px;
    font-weight:600;
    font-variant-numeric:tabular-nums;
  }
  body[data-design="workspace"] #calendar-view .cell-hours {
    color:var(--friendly-muted);
    font-size:11px;
    line-height:1.5;
  }
  body[data-design="workspace"] #calendar-view .is-closed .cell-hours {color:#955b51;}
  body[data-design="workspace"] #calendar-view .calendar-footer {gap:8px 14px;padding:10px 14px;border-color:var(--friendly-border);background:#fff;color:var(--friendly-muted);font-size:11px;line-height:1.6;}
  body[data-design="workspace"] #calendar-view .calendar-footer>span:last-child {font-size:11px;}
  body[data-design="workspace"] #calendar-view .calendar-legend {gap:12px;}
  body[data-design="workspace"] #calendar-view .legend-dot {width:6px;height:6px;}
  body[data-design="workspace"] #calendar-view .legend-open {background:var(--calendar-open-ink);}
  body[data-design="workspace"] #calendar-view .legend-closed {background:var(--calendar-closed-ink);}

  /* Full names, prices and actions remain in the daily overview. */
  body[data-design="workspace"] #calendar-view .day-heading {gap:9px;margin-bottom:13px;}
  body[data-design="workspace"] #calendar-view .day-heading h2 {margin:4px 0 0;color:var(--friendly-ink);font-size:15px;font-weight:600;line-height:1.4;}
  body[data-design="workspace"] #calendar-view .day-heading .eyebrow {
    color:var(--friendly-muted);
    font-size:11px;
    line-height:1.5;
  }
  body[data-design="workspace"] #calendar-view .day-hours-summary {padding:11px 14px;border:1px solid var(--friendly-border);border-radius:10px;background:#f3f7f0;}
  body[data-design="workspace"] #calendar-view .day-hours-summary.is-closed {
    border-color:#ead9d2;
    border-left-color:#b78377;
    background:#fff7f2;
  }
  body[data-design="workspace"] #calendar-view .day-hours-summary strong {font-size:13px;line-height:1.5;}
  body[data-design="workspace"] #calendar-view .day-hours-summary div>span {color:var(--friendly-muted);font-size:11px;line-height:1.6;}
  body[data-design="workspace"] #calendar-view .planning-filter-panel {padding:12px 0;border-color:var(--friendly-border);}
  body[data-design="workspace"] #calendar-view .filter-label {font-size:11px;font-weight:550;}
  body[data-design="workspace"] #calendar-view .planning-filters {gap:7px;}
  body[data-design="workspace"] #calendar-view .planning-filter {
    min-height:36px;
    padding:7px 11px;
    gap:7px;
    border-color:var(--friendly-border);
    background:var(--friendly-surface);
    color:var(--friendly-muted);
    font-size:11px;
    line-height:1.5;
    transition:background-color 160ms var(--friendly-ease),border-color 160ms var(--friendly-ease),color 160ms var(--friendly-ease);
  }
  body[data-design="workspace"] #calendar-view .planning-filter::before {
    flex:0 0 12px;
    width:12px;
    height:12px;
    box-sizing:border-box;
  }
  body[data-design="workspace"] #calendar-view .planning-filter.is-active {
    border-color:#bacbb0;
    background:#edf3e7;
    color:var(--friendly-accent);
  }
  body[data-design="workspace"] #calendar-view :is(.filter-hint,.filter-summary,.planning-meta,.planning-progress) {color:var(--friendly-muted);font-size:11px;line-height:1.6;}
  body[data-design="workspace"] #calendar-view .filter-summary {color:var(--friendly-ink);}
  body[data-design="workspace"] #calendar-view .day-dishes-section {padding-top:16px;}
  body[data-design="workspace"] #calendar-view :is(.day-dishes-section>h3,.planning-heading h3) {
    font-size:15px;
    font-weight:600;
    color:var(--friendly-ink);
    line-height:1.5;
  }
  body[data-design="workspace"] #calendar-view .day-dishes {gap:0;border:1px solid var(--friendly-border);border-radius:13px;background:#fff;}
  body[data-design="workspace"] #calendar-view :is(.dish-card,.planning-card) {gap:9px;margin:0;padding:11px 14px;border:1px solid var(--friendly-border);border-radius:0;background:var(--friendly-surface);box-shadow:none;}
  body[data-design="workspace"] #calendar-view .planning-card+.planning-card {margin-top:0;border-top:0;}
  body[data-design="workspace"] #calendar-view .planning-card.is-done {background:#f7f9f4;opacity:1;}
  body[data-design="workspace"] #calendar-view .dish-title {gap:13px;align-items:baseline;}
  body[data-design="workspace"] #calendar-view :is(.dish-title h3,.planning-card-top h4) {color:var(--friendly-ink);font-size:13px;font-weight:550;line-height:1.5;}
  body[data-design="workspace"] #calendar-view .dish-price {color:var(--friendly-accent);font-size:13px;font-variant-numeric:tabular-nums;}
  body[data-design="workspace"] #calendar-view :is(.dish-copy p,.planning-description,.planning-event-dates) {color:var(--friendly-muted);font-size:11px;line-height:1.6;}
  body[data-design="workspace"] #calendar-view :is(.dish-actions,.planning-actions) {flex-wrap:wrap;gap:5px 12px;}
  body[data-design="workspace"] #calendar-view :is(.dish-actions,.planning-actions) .text-button {font-size:11px;min-height:30px;}
  body[data-design="workspace"] #calendar-view .planning-heading .button {font-size:11px;min-height:30px;}
  body[data-design="workspace"] #calendar-view .empty-day {padding:16px;background:#fff;border:1px solid var(--friendly-border);border-radius:12px;}
  body[data-design="workspace"] #calendar-view .empty-day strong {font-size:13px;line-height:1.5;}
  body[data-design="workspace"] #calendar-view .empty-day p {font-size:11px;line-height:1.6;}
  body[data-design="workspace"] #calendar-view .mobile-calendar-hint {background:var(--friendly-surface-subtle);border-color:var(--friendly-border);color:var(--friendly-muted);font-size:12px;line-height:1.6;}

  body[data-design="workspace"] #calendar-view .day-dishes>.dish-card {border:0;border-bottom:1px solid #e9eee6;}
  body[data-design="workspace"] #calendar-view .day-dishes>.dish-card:first-child {border-radius:12px 12px 0 0;}
  body[data-design="workspace"] #calendar-view .day-dishes>.dish-card:last-child {border-bottom:0;border-radius:0 0 12px 12px;}
  body[data-design="workspace"] #calendar-view .day-dishes>.dish-card:only-child {border-radius:12px;}
  body[data-design="workspace"] #calendar-view .day-dishes>.empty-day {border:0;}
  body[data-design="workspace"] #calendar-view .planning-card:first-of-type {border-radius:12px 12px 0 0;}
  body[data-design="workspace"] #calendar-view .planning-card:last-of-type {border-radius:0 0 12px 12px;}
  body[data-design="workspace"] #calendar-view .planning-card:only-of-type {border-radius:12px;}
  body[data-design="workspace"] #calendar-view .planning-section {margin-top:20px;padding-top:18px;border-top-color:var(--friendly-border);}
  body[data-design="workspace"] #calendar-view .planning-heading {margin-bottom:9px;}
  body[data-design="workspace"] #calendar-view .dialog-empty {margin:0;padding:14px;border:1px solid var(--friendly-border);border-radius:12px;background:#fff;color:var(--friendly-muted);font-size:11px;line-height:1.6;}
  body[data-design="workspace"] #calendar-view .catering-card {margin:0;padding:11px 14px;border:1px solid var(--friendly-border);border-radius:0;background:#fff;box-shadow:none;}
  body[data-design="workspace"] #calendar-view .catering-card+.catering-card {border-top:0;}
  body[data-design="workspace"] #calendar-view .catering-card:first-of-type {border-radius:12px 12px 0 0;}
  body[data-design="workspace"] #calendar-view .catering-card:last-of-type {border-radius:0 0 12px 12px;}
  body[data-design="workspace"] #calendar-view .catering-card:only-of-type {border-radius:12px;}
  body[data-design="workspace"] #calendar-view .catering-card-heading {gap:7px 12px;flex-wrap:wrap;}
  body[data-design="workspace"] #calendar-view .catering-card :is(h3,.catering-customer,.catering-total) {font-size:13px;line-height:1.5;}
  body[data-design="workspace"] #calendar-view .catering-card :is(p,.resource-badge,.text-button) {font-size:11px;line-height:1.6;}
  body[data-design="workspace"] #calendar-view .catering-card .resource-actions {gap:6px 12px;flex-wrap:wrap;}

  body[data-design="workspace"] #calendar-view :is(.planning-event-dates,.planning-assignee,.planning-progress) {margin:3px 0;}
  body[data-design="workspace"] #calendar-view .planning-description {margin:5px 0;}

  /* These states are set by actual pending reads and cleared by their controller. */
  body[data-design="workspace"] #calendar-view .calendar-load-state {
    gap:10px;
    padding:12px 15px;
    border-color:var(--friendly-border);
    background:#f0f5eb;
    color:var(--friendly-ink);
    font-size:12px;
    line-height:1.6;
  }
  body[data-design="workspace"] #calendar-view .calendar-load-state:has(#retry-calendar[hidden])::before {
    content:"";
    flex:0 0 15px;
    width:15px;
    height:15px;
    box-sizing:border-box;
    border:2px solid #c7d5bd;
    border-top-color:var(--friendly-accent);
    border-radius:50%;
    animation:friendly-calendar-spin 850ms linear infinite;
  }
  body[data-design="workspace"] #calendar-view .calendar-load-state p {flex:1;min-width:0;}
  body[data-design="workspace"] #calendar-view .calendar-load-state:has(#retry-calendar:not([hidden])) {background:#fff7f2;color:var(--friendly-danger);}
  body[data-design="workspace"] #calendar-view .calendar-day.is-loading {
    color:var(--friendly-muted);
    border-color:#e4eade;
    background:linear-gradient(110deg,#f4f7ef 25%,#eaf0e3 45%,#f4f7ef 65%);
    background-size:220% 100%;
    opacity:1;
    animation:friendly-calendar-load 1500ms ease-in-out infinite;
  }

  /* Specific event/day/hour fields use the shared friendly modal chrome. */
  body[data-design="workspace"] #plan-dialog {width:min(640px,calc(100% - 32px));}
  body[data-design="workspace"] #day-dialog {width:min(680px,calc(100% - 32px));}
  body[data-design="workspace"] :is(#plan-dialog,#day-dialog,#hours-dialog) :is(label,.event-date-label) {font-size:13px;line-height:1.5;}
  body[data-design="workspace"] :is(#plan-dialog,#day-dialog,#hours-dialog) label .optional {font-size:inherit;color:var(--friendly-muted);}
  body[data-design="workspace"] #plan-dialog form {padding:22px 24px 24px;}
  body[data-design="workspace"] #plan-dialog .form-row {gap:16px;align-items:start;}
  body[data-design="workspace"] #plan-dialog .event-date-label {margin:20px 0 10px;color:var(--friendly-ink);font-weight:550;}
  body[data-design="workspace"] #plan-dialog .event-date-options {grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:20px;}
  body[data-design="workspace"] #plan-dialog .event-date-options button {
    min-width:0;
    min-height:104px;
    gap:6px;
    padding:35px 12px 13px;
    border:1px solid var(--friendly-border);
    border-radius:10px;
    color:var(--friendly-ink);
    background:var(--friendly-surface);
    box-shadow:none;
    transition:background-color 160ms var(--friendly-ease),border-color 160ms var(--friendly-ease);
  }
  body[data-design="workspace"] #plan-dialog .event-date-options button::before {width:15px;height:15px;border-color:#97aa8c;}
  body[data-design="workspace"] #plan-dialog .event-date-options button[aria-pressed=true] {border-color:#91aa80;background:#edf4e6;color:var(--friendly-accent);box-shadow:none;}
  body[data-design="workspace"] #plan-dialog .event-date-options button[aria-pressed=true]::before {border-color:var(--friendly-accent);background:var(--friendly-accent);box-shadow:inset 0 0 0 3px #edf4e6;}
  body[data-design="workspace"] #plan-dialog .event-date-options button:focus-visible {outline:2px solid var(--friendly-accent);outline-offset:2px;}
  body[data-design="workspace"] #plan-dialog .event-mode-title {font-size:13px;font-weight:600;}
  body[data-design="workspace"] #plan-dialog .event-mode-description {font-size:12px;color:var(--friendly-muted);}
  body[data-design="workspace"] #plan-dialog .event-date-row {grid-template-columns:minmax(0,1fr) 38px;gap:10px;margin:10px 0;}
  body[data-design="workspace"] #plan-dialog .event-date-row .icon-button {width:38px;height:38px;}
  body[data-design="workspace"] #plan-dialog :is(.hours-hint,.inline-check,.planning-note) {font-size:12px;line-height:1.65;}
  body[data-design="workspace"] #plan-dialog :is(#event-dates-field,#plan-shopping) h3 {font-size:15px;color:var(--friendly-ink);}
  body[data-design="workspace"] #plan-dialog .planning-item-editor {gap:9px;grid-template-columns:minmax(0,1fr) minmax(74px,.35fr) 36px;}
  body[data-design="workspace"] #day-dialog .dialog-content {padding-inline:24px;padding-bottom:24px;}
  body[data-design="workspace"] #day-dialog .planning-dialog-section {padding-block:20px;border-color:var(--friendly-border);}
  body[data-design="workspace"] #day-dialog :is(.planning-card,.dish-card) {border-color:var(--friendly-border);border-radius:10px;background:var(--friendly-surface);padding:15px;}
  body[data-design="workspace"] #day-dialog .planning-card :is(h4,.planning-description) {font-size:14px;line-height:1.6;}
  body[data-design="workspace"] #day-dialog :is(.planning-meta,.planning-progress,.planning-event-dates,.planning-actions .text-button,.shopping-quantity) {font-size:12px;line-height:1.6;}
  body[data-design="workspace"] #day-dialog :is(.planning-note,.planning-undo) {font-size:12px;border-color:var(--friendly-border);background:var(--friendly-surface-subtle);color:var(--friendly-muted);}
  body[data-design="workspace"] #hours-dialog .hours-dialog-content {padding-inline:24px;padding-bottom:24px;}
  body[data-design="workspace"] #hours-dialog .day-hours-editor {padding-top:20px;border-bottom-color:var(--friendly-border);}
  body[data-design="workspace"] #hours-dialog .day-hours-editor h3 {margin:0 0 9px;font-size:16px;line-height:1.5;color:var(--friendly-ink);}
  body[data-design="workspace"] #hours-dialog :is(.hours-hint,.hours-mode-label,.next-day-label,.open-end-label) {font-size:12px;line-height:1.65;color:var(--friendly-muted);}
  body[data-design="workspace"] #hours-dialog .hours-mode-label {margin-bottom:7px;}
  body[data-design="workspace"] #hours-dialog .period-list {gap:13px;}
  body[data-design="workspace"] #hours-dialog .period-row {gap:10px;}
  body[data-design="workspace"] #hours-dialog .time-label {flex:1 1 155px;min-width:0;max-width:none;font-size:12px;}
  body[data-design="workspace"] #hours-dialog :is(.next-day-label,.open-end-label) {min-height:40px;gap:8px;}
  body[data-design="workspace"] #hours-dialog .period-fields>.text-button {font-size:12px;min-height:36px;}
  body[data-design="workspace"] #hours-dialog .hours-profile-note {margin-top:19px;padding:16px;background:var(--friendly-surface-subtle);border-radius:11px;}
  body[data-design="workspace"] #hours-dialog .hours-profile-note p {font-size:12px;line-height:1.7;}
  body[data-design="workspace"] #hours-dialog .hours-dialog-footer {margin-top:20px;}
  body[data-design="workspace"] #hours-dialog .form-error.is-success {color:var(--friendly-accent);}

  @container (max-width:450px) {
    body[data-design="workspace"] #calendar-view .calendar-day {min-height:52px;}
    body[data-design="workspace"] #calendar-view .day-top {flex-direction:column;align-items:center;gap:2px;margin-bottom:0;}
    body[data-design="workspace"] #calendar-view .day-number {width:22px;height:22px;}
    body[data-design="workspace"] #calendar-view .day-entry-count {height:16px;min-width:17px;padding-inline:3px;}
    body[data-design="workspace"] #calendar-view .cell-hours {display:none;}
    body[data-design="workspace"] #calendar-view .calendar-day::after {content:"";position:absolute;left:5px;bottom:5px;width:4px;height:4px;border-radius:50%;background:#adb9a5;}
    body[data-design="workspace"] #calendar-view .calendar-day.is-open::after {background:var(--calendar-open-ink);}
    body[data-design="workspace"] #calendar-view .calendar-day.is-closed::after {background:var(--calendar-closed-ink);}
  }
  @media (hover:hover) {
    body[data-design="workspace"] #calendar-view .calendar-day:hover:not(:disabled) {background:#f1f6eb;border-color:#bdcdb2;box-shadow:none;filter:none;}
    body[data-design="workspace"] #calendar-view .calendar-day.is-closed:hover:not(:disabled) {background:#fff1eb;border-color:#d9b9ad;}
    body[data-design="workspace"] #calendar-view .calendar-day.is-selected:hover:not(:disabled) {background:#e5efdc;border-color:#73916a;}
    body[data-design="workspace"] #calendar-view .calendar-day.is-selected.is-closed:hover:not(:disabled) {background:#fbece4;border-color:#ad766a;}
    body[data-design="workspace"] #calendar-view .planning-filter:not(:disabled):hover {background:var(--friendly-surface-subtle);border-color:#b5c5aa;}
    body[data-design="workspace"] #calendar-view .scope-button:not(.is-active):hover {background:#ffffffbf;}
    body[data-design="workspace"] #calendar-view .month-nav .icon-button:hover {background:var(--friendly-surface-subtle);border-color:#c0cfb5;}
    body[data-design="workspace"] #plan-dialog .event-date-options button:hover:not(:disabled) {background:#f7faf3;border-color:#a7bd98;}
    body[data-design="workspace"] #plan-dialog .event-date-options button[aria-pressed=true]:hover:not(:disabled) {background:#e9f2e1;border-color:#91aa80;}
  }
  @media (max-width:1050px) {
    body[data-design="workspace"] #calendar-view .calendar-layout {grid-template-columns:minmax(0,1fr);gap:20px;}
    body[data-design="workspace"] #calendar-view .calendar-section {position:static;order:-1;}
    body[data-design="workspace"] #calendar-view .calendar-day {height:72px;min-height:72px;}
    body[data-design="workspace"] #calendar-view .day-heading {flex-direction:row;align-items:center;}
  }
  @media (max-width:760px) {
    body[data-design="workspace"] #calendar-view .planning-scope-bar {padding:15px;gap:14px;}
    body[data-design="workspace"] #calendar-view .planning-scope-switch {width:100%;}
    body[data-design="workspace"] #calendar-view .scope-button {flex:1;min-width:0;min-height:44px;padding:10px 7px;font-size:12px;gap:5px;}
    body[data-design="workspace"] #calendar-view .scope-internal {font-size:11px;padding-inline:4px;}
    body[data-design="workspace"] #calendar-view .day-section {padding:0;}
    body[data-design="workspace"] #calendar-view .calendar-toolbar {display:grid;grid-template-columns:minmax(0,1fr) auto;padding:11px 10px;gap:6px;}
    body[data-design="workspace"] #calendar-view .month-nav {display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:2px;}
    body[data-design="workspace"] #calendar-view .month-nav h2 {min-width:0;font-size:15px;}
    body[data-design="workspace"] #calendar-view .month-nav .icon-button {width:44px;height:44px;}
    body[data-design="workspace"] #calendar-view #today {min-height:44px;padding:9px 10px;font-size:12px;}
    body[data-design="workspace"] #calendar-view .calendar-scroll {padding:5px;}
    body[data-design="workspace"] #calendar-view .calendar {border-spacing:3px;}
    body[data-design="workspace"] #calendar-view .calendar th {height:29px;text-align:center;padding:0;font-size:12px;}
    body[data-design="workspace"] #calendar-view .calendar-day {height:66px;min-height:66px;padding:5px 1px;align-items:center;text-align:center;}
    body[data-design="workspace"] #calendar-view .day-top {flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;margin:0;}
    body[data-design="workspace"] #calendar-view .day-number {width:25px;height:25px;font-size:14px;}
    body[data-design="workspace"] #calendar-view .day-entry-count {height:17px;min-width:18px;font-size:11px;}
    body[data-design="workspace"] #calendar-view .calendar-day::after {left:5px;bottom:5px;}
    body[data-design="workspace"] #calendar-view .calendar-footer {gap:8px;padding:11px 12px;font-size:12px;}
    body[data-design="workspace"] #calendar-view .calendar-legend {gap:10px;}
    body[data-design="workspace"] #calendar-view .day-heading {flex-direction:column;align-items:flex-start;gap:9px;}
    body[data-design="workspace"] #calendar-view .day-heading h2 {font-size:15px;}
    body[data-design="workspace"] #calendar-view .planning-filter {min-height:44px;padding:10px 12px;}
    body[data-design="workspace"] #calendar-view :is(.dish-card,.planning-card,.catering-card) {padding:11px 14px;}
    body[data-design="workspace"] #calendar-view :is(.dish-title h3,.planning-card-top h4) {font-size:13px;}
    body[data-design="workspace"] #calendar-view .dish-price {font-size:13px;}
    body[data-design="workspace"] #calendar-view :is(.dish-actions,.planning-actions) .text-button {min-height:44px;display:inline-flex;align-items:center;}
    body[data-design="workspace"] #calendar-view :is(#edit-day,.day-hours-summary .text-button,.empty-day .text-button) {min-height:44px;display:inline-flex;align-items:center;}
    body[data-design="workspace"] #calendar-view .planning-heading .button {min-height:44px;font-size:11px;}
    body[data-design="workspace"] #calendar-view .calendar-load-state {flex-wrap:wrap;padding:12px;font-size:12px;}
    body[data-design="workspace"] #calendar-view .calendar-load-state p {flex-basis:calc(100% - 25px);}
    body[data-design="workspace"] #calendar-view #retry-calendar {min-height:44px;}
    body[data-design="workspace"] #plan-dialog form {padding:18px 17px 20px;}
    body[data-design="workspace"] #plan-dialog .form-row {gap:12px;}
    body[data-design="workspace"] #plan-dialog .event-date-options {grid-template-columns:minmax(0,1fr);gap:8px;}
    body[data-design="workspace"] #plan-dialog .event-date-options button {display:grid;grid-template-columns:minmax(0,1fr);min-height:68px;padding:12px 13px 12px 43px;gap:2px;align-content:center;}
    body[data-design="workspace"] #plan-dialog .event-date-options button::before {top:25px;left:14px;width:17px;height:17px;}
    body[data-design="workspace"] #plan-dialog .event-mode-title {font-size:14px;}
    body[data-design="workspace"] #plan-dialog .event-date-row {grid-template-columns:minmax(0,1fr) 44px;}
    body[data-design="workspace"] #plan-dialog .event-date-row .icon-button {width:44px;height:44px;}
    body[data-design="workspace"] #plan-dialog .planning-item-editor {grid-template-columns:minmax(0,1fr) 66px 36px;gap:7px;}
    body[data-design="workspace"] #day-dialog .dialog-content {padding-inline:17px;padding-bottom:20px;}
    body[data-design="workspace"] #hours-dialog .hours-dialog-content {padding-inline:17px;padding-bottom:20px;}
    body[data-design="workspace"] #hours-dialog .time-label {flex-basis:115px;}
    body[data-design="workspace"] #hours-dialog :is(.next-day-label,.open-end-label) {min-height:44px;}
    body[data-design="workspace"] #hours-dialog .period-row .icon-button {width:44px;height:44px;}
    body[data-design="workspace"] #hours-dialog .hours-profile-note {padding:14px;}
    body[data-design="workspace"] #hours-dialog #hours-profile-link {width:100%;font-size:12px;}
  }
  @media (max-width:480px) {
    body[data-design="workspace"] #plan-dialog .event-date-range.is-range {grid-template-columns:minmax(0,1fr);gap:0;}
    body[data-design="workspace"] #calendar-view .planning-scope-bar {padding:13px 12px;}
    body[data-design="workspace"] #calendar-view .scope-button {flex-wrap:wrap;line-height:1.4;}
  }
  @media (max-width:360px) {
    body[data-design="workspace"] #calendar-view .calendar-toolbar {padding:10px 7px;gap:4px;}
    body[data-design="workspace"] #calendar-view .month-nav {grid-template-columns:44px minmax(0,1fr) 44px;}
    body[data-design="workspace"] #calendar-view .month-nav .icon-button {width:44px;}
    body[data-design="workspace"] #calendar-view .month-nav h2 {font-size:14px;}
    body[data-design="workspace"] #calendar-view #today {padding-inline:7px;}
    body[data-design="workspace"] #calendar-view .calendar-day {height:64px;min-height:64px;}
    body[data-design="workspace"] #calendar-view .dish-title {flex-wrap:wrap;gap:4px 12px;}
    body[data-design="workspace"] #calendar-view .dish-price {margin-left:auto;}
  }
  @media (pointer:coarse) {
    body[data-design="workspace"] #calendar-view :is(.scope-button,.planning-filter,.button,.text-button) {min-height:44px;}
    body[data-design="workspace"] #calendar-view .month-nav .icon-button {width:44px;height:44px;}
  }
  @media (prefers-reduced-motion:reduce) {
    body[data-design="workspace"] #calendar-view :is(.calendar-day,.planning-filter),
    body[data-design="workspace"] #plan-dialog .event-date-options button {transition:none;}
    body[data-design="workspace"] #calendar-view .calendar-day.is-loading,
    body[data-design="workspace"] #calendar-view .calendar-load-state::before {animation:none;}
  }
  @keyframes friendly-calendar-spin {to{transform:rotate(360deg);}}
  @keyframes friendly-calendar-load {0%{background-position:100% 0;}100%{background-position:-100% 0;}}
}