.day-schedule { width: 100%; min-width: 0; margin-top: 20px; }
.day-list, .day-item, .day-body, .day-composer-host { width: 100%; min-width: 0; }
.day-heading { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 56px; padding: 14px 10px; border: 0; border-bottom: 1px solid rgba(255,255,255,.16); border-radius: 0; background: #111; color: #f8f7ff; text-align: left; font-size: 16px; font-weight: 750; cursor: pointer; }
.day-heading.day-is-pinned { position: fixed; z-index: 90; top: 0; left: var(--day-header-left, 0); width: var(--day-header-width, 100%); padding-top: max(14px, env(safe-area-inset-top)); box-shadow: 0 5px 16px rgba(0,0,0,.35); }
.day-pin-spacer { width: 100%; margin: 0; scroll-margin-top: 0; }
.day-scroll-reserve { display: block; width: 100%; height: 0; margin: 0; padding: 0; border: 0; pointer-events: none; }
.day-label { flex: 1; min-width: 0; }
.day-today-kicker { display: block; margin-bottom: 3px; font-size: 11px; font-weight: 600; letter-spacing: .02em; color: #ffbe83; }
.day-today-kicker[hidden], .day-downloads[hidden] { display: none; }
.day-action-note { margin: 10px 2px 0; font-size: 12px; color: #a6a0b6; }
.day-date { display: block; }
.day-count { padding: 2px 6px; border-radius: 5px; background: rgba(161,129,255,.15); color: #cbb8ff; font-size: 11px; font-weight: 600; }
.day-chevron { font-size: 21px; line-height: 1; transition: transform 120ms ease; }
.day-heading[aria-expanded="true"] .day-chevron { transform: rotate(180deg); }
.day-body { padding: 10px 0 14px; }
.day-actions, .day-downloads { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 6px; }
.day-action, .day-download { min-width: 0; height: 44px; min-height: 44px; padding: 8px 4px; border: 1px solid rgba(171,139,255,.4); border-radius: 8px; background: rgba(129,87,255,.13); color: #eee5ff; font-size: 13px; line-height: 1.3; font-weight: 650; cursor: pointer; }
.day-downloads { margin-top: 8px; }
.day-download { grid-column: 2; padding: 2px 4px; border-color: rgba(255,255,255,.13); background: transparent; font-size: 12px; line-height: 1.05; font-weight: 500; }
.day-action:disabled, .day-download:disabled { color: #8d859d; border-color: rgba(255,255,255,.07); background: rgba(255,255,255,.015); cursor: not-allowed; opacity: .5; }
.day-heading:disabled, .day-next:disabled { opacity: .65; cursor: default; }
.day-save { display: block; width: 100%; min-height: 48px; margin-top: 6px; padding: 12px; border: 0; border-radius: 12px; background: #8358f4; color: #fff; font-size: 16px; font-weight: 750; cursor: pointer; }
.day-save:disabled { opacity: .4; cursor: not-allowed; }
.day-next { width: 100%; min-height: 48px; margin-top: 12px; padding: 12px; border: 1px solid rgba(255,255,255,.15); border-radius: 8px; background: transparent; color: #cabbf1; font-size: 14px; cursor: pointer; }
.day-error { margin: 12px 0; color: #ffbdca; font-size: 13px; line-height: 1.45; }
.day-close { display: flex; align-items: center; justify-content: center; gap: 6px; margin: 16px auto 2px; min-height: 36px; padding: 7px 11px; border: 1px solid rgba(255,255,255,.25); border-radius: 9px; background: #211b34; color: #f8f7ff; font-size: 11px; font-weight: 500; cursor: pointer; }
.day-close::before { content: "×"; font-size: 17px; line-height: 1; font-weight: 400; }
.day-close:disabled { opacity: .5; cursor: not-allowed; }
html[data-lab-theme="daylight"] .day-close { border-color: #cfd7e2; background: #fff; color: #344456; }
.day-close:focus-visible { outline: 3px solid #7391f7; outline-offset: 3px; }
.day-download-link { display: none; }
.day-schedule button:focus-visible, .day-heading.day-is-pinned:focus-visible { outline: 2px solid #c9b5ff; outline-offset: 3px; }
.day-materials { position: relative; min-width: 0; }
.day-materials::before, .day-materials::after { content: ""; position: absolute; top: 0; bottom: 0; width: 1px; background: #d8d2c9; pointer-events: none; }
.day-materials::before { left: calc(100% / 3); }
.day-materials::after { left: calc(200% / 3); }
.day-story-preview { grid-column: 1 / -1; width: 100%; min-width: 0; margin-top: 18px; scroll-margin-top: calc(var(--day-header-height, 80px) + 16px); }
.day-story-preview-image[hidden], .day-story-preview-video[hidden], .day-story-preview[hidden] { display: none !important; }
.day-story-preview-image, .day-story-preview-video { display: block; width: min(100%, 400px); aspect-ratio: 9 / 16; height: auto; object-fit: contain; margin: 0 auto 14px; border-radius: 12px; }
.day-preview-publish { display: block; width: min(100%, 400px); min-height: 44px; margin: 0 auto; padding: 12px; border: 1px solid #f3921c; border-radius: 8px; background: #ffa52e; color: #171714; font: inherit; font-weight: 650; cursor: pointer; }
.day-preview-publish:disabled { opacity: .5; cursor: wait; }
.day-material-card.is-published { background:#effaf4; border-color:#239b61; }
.day-publish[aria-pressed="true"], .day-confirm-published[aria-pressed="true"] { background:#239b61; border-color:#239b61; color:#fff; }
.day-publish[aria-pressed="true"]:not(:disabled), .day-confirm-published[aria-pressed="true"]:not(:disabled) { cursor:pointer; }
/* Delete is one of the selected material's toolbar tools (see social-studio.css), not a corner ×. */
.day-material-delete[hidden] { display:none; }
.day-material-delete:disabled { cursor:default; opacity:.5; }
@media (max-width: 380px) { .day-heading { font-size: 15px; } .day-action { font-size: 12px; } .day-download { font-size: 11px; } }


/* Compact schedule header. These rules do not change the composer or pinning coordinates. */
.day-schedule, .day-heading {
  --day-muted: #73776b;
  --day-line: #e2dfd5;
  --day-card: #292b27;
  --day-ink: #f4f5ef;
  --day-icon-story: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%226%22%20y%3D%222%22%20width%3D%2212%22%20height%3D%2220%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M11%2018h2%22%2F%3E%3C%2Fsvg%3E");
  --day-icon-bell: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%208a6%206%200%200%200-12%200c0%207-3%207-3%209h18c0-2-3-2-3-9M10%2021h4%22%2F%3E%3C%2Fsvg%3E");
}
.day-list { display: grid; gap: 10px; }
.day-item[hidden], .day-warning[hidden], .day-legend[hidden], .day-history-toggle[hidden] { display: none !important; }
.day-heading { display: flex; flex-wrap: nowrap; align-items: center; gap: 6px; }
.day-summary { display: flex; flex: 0 0 auto; align-items: center; gap: 6px; min-width: 0; }
.day-label { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; min-width: 0; }
.day-date { text-transform: capitalize; font-size: 18px; line-height: 1; font-weight: 750; letter-spacing: -.035em; white-space: nowrap; }
.day-overview { display: flex; flex: 0 0 auto; align-items: center; gap: 6px; margin-left: auto; min-width: 0; }
.day-stats { display: flex; flex: 0 0 auto; align-items: center; gap: 3px; }
.day-stat { display: inline-flex; flex-direction: row; align-items: center; justify-content: center; gap: 4px; min-width: 38px; height: 30px; padding: 4px 6px; border-radius: 7px; background: #ffffff36; color: #102f18; }
.day-stat[data-empty="true"] { background: #12341b1f; color: #22462a; }
.day-stat-icon { display: block; width: 15px; height: 17px; flex: 0 0 15px; background: currentColor; mask: var(--day-stat-mask) center / contain no-repeat; -webkit-mask: var(--day-stat-mask) center / contain no-repeat; }
.day-stat .day-stat-icon { order: -1; width: 18px; height: 18px; flex: 0 0 18px; }
.day-stat[data-kind="story"], .day-legend [data-kind="story"] { --day-stat-mask: var(--day-icon-story); }
.day-stat[data-kind="post"], .day-legend [data-kind="post"] { --day-stat-mask: var(--studio-icon-post); }
.day-stat[data-kind="reel"], .day-legend [data-kind="reel"] { --day-stat-mask: var(--studio-icon-reel); }
.day-chevron { flex: 0 0 8px; align-self: center; font-size: 15px; font-weight: 400; }
.day-month { text-transform: capitalize; margin: 4px 0 15px; color: var(--day-muted); font-size: 12px; line-height: 1.4; font-weight: 400; }
.day-warning { display: flex; align-items: center; gap: 10px; margin: 0 0 15px; padding: 11px; border: 1px solid #efccae; border-radius: 13px; background: #fcebdd; color: #85502d; font-size: 11px; line-height: 1.55; }
.day-warning::before { content: ""; display: block; width: 16px; height: 18px; flex: 0 0 16px; background: currentColor; mask: var(--day-icon-bell) center / contain no-repeat; -webkit-mask: var(--day-icon-bell) center / contain no-repeat; }
.day-legend { display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; gap: 12px; margin: 0 0 9px; color: var(--day-muted); font-size: 11px; line-height: 1.3; }
.day-legend > * { display: inline-flex; align-items: center; gap: 4px; }
.day-legend .day-stat-icon { width: 15px; height: 17px; }
.day-history-toggle { display: block; width: fit-content; min-height: 40px; margin: 0 0 6px; padding: 7px 0; border: 0; background: transparent; color: var(--day-muted); font: inherit; font-size: 11px; font-weight: 400; text-align: left; cursor: pointer; }
.day-history-toggle:focus-visible { outline: 2px solid #a76426; outline-offset: 3px; border-radius: 4px; }
@media (max-width: 600px) {
  .day-summary { gap: 4px; }
  .day-date { font-size: 18px; }
  .day-stat { min-width: 36px; padding-inline: 5px; }
  .day-stat .day-stat-icon { width: 18px; height: 18px; flex-basis: 18px; }
}
@media (max-width: 479px) {
  .day-date { font-size: 0; letter-spacing: 0; }
  .day-date::after { content: attr(data-short-weekday); font-size: 18px; line-height: 1; }
}
@media (max-width: 350px) {
  .day-summary { gap: 3px; }
  .day-date::after { font-size: 16px; }
  .day-overview { gap: 4px; }
  .day-stats { gap: 2px; }
  .day-stat { min-width: 32px; padding-inline: 4px; gap: 3px; }
  .day-stat .day-stat-icon { width: 16px; height: 16px; flex-basis: 16px; }
  .day-chevron { flex-basis: 6px; }
}
.day-copy-buffer { position: fixed; top: 0; left: -9999px; width: 1px; height: 1px; opacity: 0; pointer-events: none; }

/* Upload row under the create actions (legacy theme). */
.day-upload { grid-column: 1 / -1; }
.day-upload-input { display: none; }

/* The magnifier in the tile's corner opens editing (a tap on the tile only selects it).
   A dark 34 px plate reads on any artwork (Piotr, 06.10: a little bigger than 26 px); its touch target is 48 × 48. */
.day-schedule .day-downloads .day-material-card > .day-material-preview > .day-material-menu {
  position: absolute; z-index: 4; inset: 0 auto auto 0; display: grid; place-items: start;
  width: 48px; height: 48px; min-width: 48px; min-height: 48px; margin: 0; padding: 6px;
  border: 0; border-radius: 0; background: transparent; box-shadow: none; color: #f2f1ed;
  cursor: pointer; font: 700 22px/1 system-ui, sans-serif; letter-spacing: 0; text-transform: none;
}
.day-schedule .day-downloads .day-material-menu > span {
  display: grid; place-items: center; width: 34px; height: 34px; border-radius: 5px;
  background: rgb(23 23 26 / .9); box-shadow: inset 0 0 0 1px rgb(255 255 255 / .3);
}
.day-schedule .day-downloads .day-material-menu > .day-material-lens {
  background: rgb(23 23 26 / .9) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2f1ed' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6'/%3E%3Cpath d='M15 15l4.5 4.5'/%3E%3C/svg%3E") center / 21px no-repeat;
}
.day-schedule .day-downloads .day-material-menu:disabled { cursor: default; opacity: .5; }
.day-schedule .day-downloads .day-material-menu:focus-visible { outline: 2px solid var(--cm-ink, #fff); outline-offset: -2px; }
.day-schedule .day-saved-note { margin: 0 0 10px; color: var(--cm-ink, inherit); font: 500 13px/1.4 var(--cm-font, system-ui); }
.day-schedule .day-saved-note[hidden] { display: none; }

/* Piotr 2026-10-04: every material gets a subtle shadow, regardless of artwork
   colour. Carousels shade their actual prints, preserving the transparent stack
   silhouette. These shadows do not replace selected/keyboard-focus outlines. */
.day-schedule {
  --day-material-shadow: 0 0 0 1px rgb(255 255 255 / .10), 0 4px 10px rgb(0 0 0 / .28);
  --day-material-stack-shadow: 0 1px 5px rgb(0 0 0 / .24);
}
.day-schedule .day-downloads > .day-material-card > .day-material-preview {
  box-shadow: var(--day-material-shadow);
}
.day-schedule .day-downloads > .day-material-card[data-carousel] > .day-material-preview {
  box-shadow: none;
}
.day-schedule .day-downloads > .day-material-card[data-carousel] .day-material-thumbnail,
html.has-chat-app:not(#cm-theme):not(#cm-noir) #day-schedule.day-schedule .day-downloads > .day-material-card[data-carousel] .day-material-thumbnail {
  box-shadow: var(--day-material-shadow);
}
.day-schedule .day-downloads .day-carousel-print,
html.has-chat-app:not(#cm-theme):not(#cm-noir) #day-schedule.day-schedule .day-downloads .day-carousel-print {
  box-shadow: var(--day-material-stack-shadow);
}
html.has-chat-app:not(#cm-theme):not(#cm-noir) #day-schedule.day-schedule .day-materials .day-downloads {
  padding-bottom: 12px;
}
.day-file-deliveries{display:grid;gap:1rem;padding:1rem 0}.day-file-deliveries[hidden]{display:none}.day-file-delivery{padding:1rem;border:1px solid color-mix(in srgb,currentColor 24%,transparent);min-width:0}.day-file-delivery__title{display:block;overflow-wrap:anywhere}.day-file-delivery__label{font-size:.85rem;opacity:.75;margin:.5rem 0}.day-file-delivery__player{display:block;width:100%;max-height:65vh;margin:1rem 0;background:#111}.day-file-delivery__download{display:inline-flex;align-items:center;min-height:44px;padding:.7rem 1rem;border:1px solid currentColor;color:inherit;text-decoration:none}