/* The workspace follows the same viewport scale as the post editor. */
/* The unit lives on the root: dialogs are outside the workspace and use it too. */
:root { --ui: 12px; }
@media (min-width: 1456px) { :root { --ui: 14px; } }
@media (min-width: 2064px) { :root { --ui: 16px; } }
.workspace { font-size: var(--ui); line-height: 1.4; }
.workspace main, .workspace .sidebar, .workspace .calendar-panel { scrollbar-color: auto; scrollbar-width: auto; }
.workspace main, .workspace .calendar-panel { scrollbar-gutter: stable; }
.workspace main::-webkit-scrollbar, .workspace .sidebar::-webkit-scrollbar, .workspace .calendar-panel::-webkit-scrollbar { width: 14px; }
.workspace main::-webkit-scrollbar-thumb, .workspace .sidebar::-webkit-scrollbar-thumb, .workspace .calendar-panel::-webkit-scrollbar-thumb { background: #414b55; border: 4px solid transparent; background-clip: padding-box; border-radius: 8px; }
.workspace .project-avatar, .workspace .user-avatar { width: calc(2.625 * var(--ui)); height: calc(2.625 * var(--ui)); font-size: calc(.875 * var(--ui)); font-weight: 400; }
.workspace-label { gap: calc(.625 * var(--ui)); padding: var(--ui); min-height: calc(4.625 * var(--ui)); }
.workspace-label strong { font-size: calc(.875 * var(--ui)); font-weight: 400; color: var(--ink); }
.workspace-label small { font-size: calc(.875 * var(--ui)); margin-top: 0; color: var(--pmp-icon); }
.sidebar nav { padding: calc(1.0625 * var(--ui)) calc(.625 * var(--ui)); }
.sidebar .nav-item { gap: calc(.625 * var(--ui)); min-height: calc(3.375 * var(--ui)); padding: calc(.375 * var(--ui)); margin-bottom: calc(.25 * var(--ui)); border-radius: calc(.625 * var(--ui)); color: var(--menu-text); }
.sidebar .nav-item.active { color: var(--menu-active); }
.sidebar .nav-item > [data-icon] { display: inline-flex; align-items: center; justify-content: center; width: calc(2.625 * var(--ui)); height: calc(2.625 * var(--ui)); color: var(--navbar-icon); }
.sidebar .nav-item.active > [data-icon] { color: var(--menu-active-icon); }
.sidebar .nav-item svg { width: calc(1.5 * var(--ui)); height: calc(1.5 * var(--ui)); }
.sidebar .content-subnav { padding: 0 0 calc(1.25 * var(--ui)) calc(.875 * var(--ui)); }
.sidebar .sub-item { min-height: calc(2.3 * var(--ui)); padding: calc(.375 * var(--ui)) calc(.875 * var(--ui)); margin-bottom: calc(.21875 * var(--ui)); border-radius: calc(.547 * var(--ui)); font-size: calc(.875 * var(--ui)); }
.sidebar .count { font-size: calc(.75 * var(--ui)); }
.sidebar .nav-divider { display: none; }
.sidebar-bottom { padding: calc(.625 * var(--ui)); }
.sidebar-bottom p, .sidebar-bottom .health { font-size: calc(.7 * var(--ui)); }
/* «Спрятать меню» is a full menu row in PostMyPost. */
.sidebar-bottom #collapse-menu { display: flex; justify-content: flex-start; gap: calc(.625 * var(--ui)); width: 100%; min-height: calc(3.375 * var(--ui)); padding: calc(.375 * var(--ui)); border-radius: calc(.625 * var(--ui)); color: var(--menu-text); font-size: var(--ui); font-weight: 400; }
.sidebar-bottom #collapse-menu > [data-icon] { display: grid; place-items: center; width: calc(2.625 * var(--ui)); height: calc(2.625 * var(--ui)); color: var(--navbar-icon); }
.sidebar-bottom #collapse-menu svg { width: calc(1.5 * var(--ui)); height: calc(1.5 * var(--ui)); }
.page-header { padding: 0 var(--ui); gap: var(--ui); }
/* PostMyPost: bold page title, regular capitalised date with 42px chevrons 6px apart. */
.date-navigation { gap: calc(.375 * var(--ui)); }
.date-navigation h1 { font-size: var(--ui); font-weight: 700; margin-left: 0; }
.date-navigation h1.date-title { font-weight: 400; text-transform: capitalize; }
.date-navigation .icon-button { width: calc(2.625 * var(--ui)); height: calc(2.625 * var(--ui)); min-height: 0; padding: 0; color: var(--pmp-icon); border-radius: calc(.625 * var(--ui)); line-height: 0; }
.date-navigation .icon-button svg { stroke-width: 2; }
.header-actions, .header-right { gap: var(--ui); }
.header-right .notify-wrap { margin-left: auto; }
.page-header .icon-button { min-width: calc(2.625 * var(--ui)); min-height: calc(2.625 * var(--ui)); }
.page-header .primary, .page-header .secondary { min-height: calc(2.625 * var(--ui)); padding: 0 var(--ui); border-radius: calc(.625 * var(--ui)); font-weight: 400; }
.page-header svg { width: calc(1.5 * var(--ui)); height: calc(1.5 * var(--ui)); }
.view-tabs { display: flex; gap: calc(.25 * var(--ui)); border-radius: calc(.625 * var(--ui)); background: var(--pmp-union); }
.view-tabs button { border: 0; background: transparent; min-height: calc(2.625 * var(--ui)); padding: 0 var(--ui); border-radius: calc(.625 * var(--ui)); color: var(--pmp-union-text); }
.view-tabs button:hover { background: var(--pmp-union-hover); }
.view-tabs button[aria-pressed=true] { background: var(--pmp-union-active); }
.page-header #filter-toggle { gap: calc(.5 * var(--ui)); padding: 0 var(--ui) 0 calc(.5 * var(--ui)); background: var(--pmp-union); color: var(--pmp-union-text); }
.page-header #filter-toggle:hover { background: var(--pmp-union-hover); }
.page-header #filter-toggle[aria-expanded=true] { background: var(--pmp-union-active); }
#view-mode { display: none; }
.day-posts { width: 100%; max-width: calc(47.75 * var(--ui)); padding: calc(2 * var(--ui)); margin: 0 auto; }
.post-card { position: relative; display: flex; flex-direction: column; gap: var(--ui); padding: var(--ui) calc(1.25 * var(--ui)); border: 0; border-radius: calc(.625 * var(--ui)); margin-bottom: calc(2 * var(--ui)); }
.post-card-open { position: absolute; inset: 0; z-index: 1; width: 100%; border: 0; border-radius: inherit; background: transparent; }
.post-card-open:hover { background: transparent; }
.post-card-open:focus-visible { outline: 2px solid var(--brand); outline-offset: -2px; }
.post-card:hover { background: var(--hover); }
.post-card-head { width: 100%; margin: 0; align-items: flex-start; }
.post-networks { gap: calc(.375 * var(--ui)); flex-wrap: wrap; }
.feed-avatar { position: relative; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: calc(2.296875 * var(--ui)); height: calc(2.296875 * var(--ui)); border-radius: 50%; color: #fff; background: #5f6872; font-size: calc(.875 * var(--ui)); }
.feed-service { position: absolute; right: -2px; bottom: -2px; width: 18px; height: 18px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--raised); border-radius: 50%; color: #fff; background: #0077ff; }
.feed-service svg { width: 12px; height: 12px; }
.telegram .feed-service, .telegram_chat .feed-service { background: #3ba2d6; }
.discord .feed-service { background: #5865f2; }
.post-card-meta { display: inline-flex; gap: calc(.375 * var(--ui)); align-items: center; padding-top: calc(.125 * var(--ui)); white-space: nowrap; }
.post-menu-trigger { position: relative; z-index: 2; display: inline-flex; align-items: center; justify-content: center; width: calc(1.5 * var(--ui)); height: calc(1.5 * var(--ui)); min-height: 0; padding: 0; margin-left: 0; border: 0; border-radius: 4px; color: var(--pmp-icon); background: transparent; }
.post-menu-trigger:hover, .post-menu-trigger[aria-expanded=true] { background: var(--button); color: var(--ink); }
.post-menu-trigger svg { width: calc(1.5 * var(--ui)); height: calc(1.5 * var(--ui)); }
.post-actions-menu { position: fixed; z-index: 80; width: calc(15.625 * var(--ui)); max-width: calc(100vw - 16px); max-height: calc(100dvh - 16px); overflow-y: auto; padding: calc(.75 * var(--ui)) calc(.375 * var(--ui)); border-radius: calc(.75 * var(--ui)); background: var(--raised); box-shadow: 0 0 var(--ui) #0000004d; }
[data-theme=dark] .post-actions-menu { background: #262b31; }
.post-actions-menu button { display: flex; align-items: center; gap: calc(.625 * var(--ui)); width: 100%; min-height: calc(3.375 * var(--ui)); padding: calc(.375 * var(--ui)); border: 0; border-radius: calc(.625 * var(--ui)); background: transparent; text-align: left; font-size: var(--ui); color: var(--menu-text); }
.post-actions-menu button:hover, .post-actions-menu button:focus-visible { background: var(--hover); }
.post-actions-menu svg { box-sizing: content-box; flex: 0 0 auto; width: calc(1.5 * var(--ui)); height: calc(1.5 * var(--ui)); padding: calc(.5625 * var(--ui)); color: var(--navbar-icon); }
.post-card strong { font-size: var(--ui); margin: 0; }
.post-card-text { display: block; line-height: 1.4; -webkit-line-clamp: unset; }
.post-card-media { display: flex; flex-wrap: wrap; align-items: flex-start; gap: calc(.375 * var(--ui)); max-width: 100%; }
.feed-attachment { position: relative; display: block; max-width: 100%; }
.post-card-media img, .post-card-media video { display: block; height: 100px; width: auto; max-width: 100%; max-height: none; margin: 0; object-fit: contain; border-radius: 4px; }
.video-indicator { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%; background: #0009; color: #fff; padding: 2px 8px; font-size: 24px; }
.post-card-foot { margin: 0; }
.post-card-date { margin-left: auto; font-size: calc(.75 * var(--ui)); }
.post-card .badge { font-size: calc(.7 * var(--ui)); }
.workspace .status-dot { width: calc(.5 * var(--ui)); height: calc(.5 * var(--ui)); background: var(--muted); }
.workspace .status-dot.published { background: #20c46b; }
.workspace .status-dot:is(.failed,.uncertain,.partial) { background: #fb4b55; }
.workspace .status-dot:is(.sending,.retry) { background: var(--amber); }
/* PostMyPost geometry: card text .875 unit, spacing in em of that text. */
:root { --pmp-column: #1f2428; --pmp-line: #282e34; --pmp-date: #7d8c9b; --pmp-icon: #8c99a6; --pmp-network: #323a43; --pmp-today: #1f8cf9; --menu-text: #a9b2bc; --menu-active: #c5ccd3; --menu-active-icon: #a9b2bc; --widget-title: #dfe3e7; --mini-weekend: #333a42; }
:root[data-theme=light] { --pmp-column: #e8e8e8; --pmp-line: #e6e6e6; --pmp-date: #8c8c8c; --pmp-icon: #808080; --pmp-network: #ededed; --pmp-today: #1a8cff; --menu-text: #454545; --menu-active: #2b2b2b; --menu-active-icon: #454545; --widget-title: #212121; --mini-weekend: #ededed; }
.post-card-meta { align-items: flex-start; }
.post-card-when { display: inline-flex; flex-direction: column; }
.post-card-time, .compact-time { display: inline-flex; align-items: center; gap: .375em; }
.post-card-date { margin: 0; font-size: calc(.75 * var(--ui)); line-height: 1.4; color: var(--pmp-date); }
.post-card.compact { display: block; gap: 0; padding: .75em; margin: 0; border: 0; border-radius: .520833em; background: var(--raised); font-size: calc(.875 * var(--ui)); line-height: 1.4; }
.compact-head { display: flex; align-items: flex-start; gap: .375em; margin-bottom: .375em; }
.compact-when { display: flex; flex-direction: column; min-width: 0; }
.compact-date { font-size: .857143em; color: var(--pmp-date); }
.compact .post-menu-trigger { position: relative; z-index: 2; width: 1.5em; height: 1.5em; margin-left: auto; border-radius: .3125em; color: var(--pmp-icon); }
.compact .post-menu-trigger svg { width: 1.5em; height: 1.5em; }
.compact-text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: .75em; white-space: pre-line; overflow-wrap: anywhere; }
.compact-media { display: flex; gap: .375em; margin: 0 -.75em .75em; padding: 0 .75em; overflow: hidden; }
.compact-thumb { flex: 0 0 auto; width: 100px; height: 50px; overflow: hidden; border-radius: .520833em; box-shadow: 0 0 .9375em #25282b10; }
.compact-thumb img, .compact-thumb video { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: .357143em; }
.compact-issue { display: block; margin-bottom: .75em; }
.compact-networks { display: flex; flex-wrap: wrap; gap: .1875em; }
.compact-network { display: inline-flex; align-items: center; justify-content: center; width: 1.5em; height: 1.5em; padding: .25em; border-radius: 50%; color: var(--pmp-icon); background: var(--pmp-network); }
.compact-network svg { width: 1em; height: 1em; }
.workspace .status-dot { width: calc(.5 * var(--ui)); height: calc(.5 * var(--ui)); }
.workspace .status-dot:is(.draft,.scheduled,.queued) { background: var(--pmp-icon); }
.workspace .status-dot.published { background: #2ac668; }
/* Board: three fixed 20-unit status columns with coloured labels. */
.workspace[data-view=calendar][data-layout=board] main { overflow: hidden; }
.workspace[data-view=calendar][data-layout=board] #content { min-height: 0; }
.board { display: flex; align-items: flex-start; gap: calc(.75 * var(--ui)); height: 100%; padding: calc(2 * var(--ui)); overflow-x: auto; }
.board-column { display: flex; flex-direction: column; gap: calc(.5 * var(--ui)); flex: 0 0 calc(20 * var(--ui)); min-width: 0; max-width: none; max-height: 100%; padding: calc(.375 * var(--ui)); border-radius: calc(.520833 * var(--ui)); background: var(--pmp-column); }
.board-column-head { display: flex; }
.board-tag { font-size: calc(.85 * var(--ui)); line-height: 1.4; padding: .125em .375em; border-radius: .3125em; color: #fff; background: var(--pmp-icon); }
.board-tag.scheduled { background: #f6a709; }
.board-tag.published { background: #2ac668; }
.board-column-body { display: flex; flex-direction: column; gap: calc(.5 * var(--ui)); min-height: 0; overflow-y: auto; }
.board-column-body:empty { display: none; }
.board-column-body > * { flex-shrink: 0; }
/* Week and month: 1px grid lines, the date label as in PostMyPost. */
.calendar .weekdays { position: sticky; top: 0; z-index: 3; gap: 1px; padding: calc(.328125 * var(--ui)) 0; border: 0; border-bottom: 1px solid var(--pmp-line); background: var(--bg); color: var(--ink); font-size: calc(.875 * var(--ui)); line-height: 1.4; }
.calendar .weekdays > div { padding: 0 2px; text-align: center; }
.calendar-date { display: inline-block; min-height: 0; padding: 0 2px; margin-top: .375em; border: 0; border-radius: 2px; background: transparent; color: inherit; font-size: inherit; line-height: 1.4; text-transform: capitalize; }
.calendar-date.today { color: #fff; background: var(--pmp-today); }
.calendar .calendar-grid { gap: 1px; }
/* At least square cells: the zero-width ::before is as tall as the cell is wide. */
.calendar .day { position: relative; display: flex; min-height: 0; padding: 0 calc(.375 * var(--ui)); border: 2px solid transparent; box-shadow: 0 0 0 1px var(--pmp-line); }
.calendar .day::before { content: ""; width: 0; padding-bottom: 100%; }
.calendar .day-inner { flex: 1; min-width: 0; }
.calendar .day.muted-day .calendar-date { opacity: .4; }
.calendar .day-head { min-height: 0; margin: 0; }
.month-view .day-head .calendar-date { font-size: var(--ui); margin-top: calc(.375 * var(--ui)); }
.calendar .day-add { position: absolute; top: 2px; right: 2px; width: calc(1.75 * var(--ui)); height: calc(1.75 * var(--ui)); }
.calendar .post-card.compact { margin: calc(.65625 * var(--ui)) 0; }
.week-view .day-head { height: 0; }
/* Account pictures cover the initials, the network badge stays on top. */
.network-mark, .feed-avatar, .account-avatar { position: relative; }
.avatar-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
/* Notice over the header, the same as the PostMyPost banner. */
.service-banner { position: fixed; z-index: 70; top: 0; left: 0; right: 0; display: flex; justify-content: center; padding: calc(.75 * var(--ui)) calc(4 * var(--ui)); background: #ffbf00; color: #000; font-size: var(--ui); line-height: 1.4; }
.service-banner-body { display: flex; flex-direction: column; flex: 0 1 calc(48 * var(--ui)); }
.service-banner .icon-button { position: absolute; top: calc(.75 * var(--ui)); right: calc(.75 * var(--ui)); width: calc(2.625 * var(--ui)); min-height: calc(2.625 * var(--ui)); border-radius: calc(.625 * var(--ui)); color: #000; }
.service-banner .icon-button:hover { background: #0001; }
.service-banner svg { width: calc(1.5 * var(--ui)); height: calc(1.5 * var(--ui)); }
.calendar-panel { padding: 0 var(--ui) var(--ui); }
/* PostMyPost draws the frame lines in the same colour as the calendar grid. */
.workspace :is(.project-rail, .sidebar, .page-header, .calendar-panel) { border-color: var(--pmp-line); }
.workspace .calendar-panel::-webkit-scrollbar { width: 16px; }
.calendar-panel-heading { height: calc(4.5 * var(--ui)); padding: 0; gap: calc(.5 * var(--ui)); color: var(--widget-title); }
.calendar-panel-heading #calendar-collapse { width: calc(1.5 * var(--ui)); min-width: 0; height: calc(1.5 * var(--ui)); min-height: 0; padding: 0; border-radius: calc(.375 * var(--ui)); color: var(--pmp-icon); }
.calendar-panel-heading svg { width: calc(1.5 * var(--ui)); height: calc(1.5 * var(--ui)); }
.calendar-panel-heading .icon-button svg { width: calc(1.25 * var(--ui)); height: calc(1.25 * var(--ui)); }
.calendar-panel #mini-calendar { padding-top: calc(.75 * var(--ui)); }
.calendar-panel .mini-heading { margin-bottom: var(--ui); }
.mini-month-title { order: 1; border: 0; border-radius: calc(.625 * var(--ui)); color: var(--pmp-union-text); background: var(--pmp-union); padding: 0 var(--ui); min-height: calc(2.625 * var(--ui)); font-weight: 400; text-transform: capitalize; }
.calendar-panel .mini-heading .icon-button { width: calc(2.625 * var(--ui)); height: calc(2.625 * var(--ui)); min-height: 0; padding: 0; border-radius: calc(.625 * var(--ui)); color: var(--pmp-icon); line-height: 0; }
.calendar-panel .mini-heading .icon-button svg { width: calc(1.5 * var(--ui)); height: calc(1.5 * var(--ui)); }
.calendar-panel .mini-grid { gap: 1px; }
.calendar-panel .mini-weekday { font-size: calc(.75 * var(--ui)); padding: calc(.25 * var(--ui)) 2px; text-align: left; color: var(--ink); }
.calendar-panel .mini-day { height: auto; aspect-ratio: 1; text-align: left; background: var(--button); font-size: calc(.875 * var(--ui)); border-radius: 5px; }
.calendar-panel .mini-day.outside { background: transparent; }
[data-theme=light] .calendar-panel .mini-day:not(.outside) { background: #f7f7f7; }
.calendar-panel .mini-day.weekend:not(.outside):not(.today) { background: var(--mini-weekend); }
.calendar-panel .mini-day:hover { background: var(--hover); }
.calendar-panel .mini-day.selected { border-color: var(--brand); }
.calendar-panel .mini-date { position: absolute; top: 1px; left: 1px; padding: 0 2px; border-radius: 2px; }
.calendar-panel .mini-day.today { color: var(--ink); }
.calendar-panel .mini-day.today .mini-date { color: #fff; background: var(--brand); }
.calendar-panel .mini-counts { bottom: 1px; left: 1px; right: auto; gap: 2px; }
.calendar-panel .mini-counts i { font-style: normal; font-size: 8px; line-height: 12px; min-width: 12px; padding: 0 2px; text-align: center; color: #fff; border-radius: 10px; background: #8996a3; }
.calendar-panel .mini-counts .published { background: #20c46b; }
.calendar-panel .mini-counts .failed { background: #fb4b55; }
.calendar-totals { display: flex; justify-content: center; gap: calc(.375 * var(--ui)); margin-top: var(--ui); font-size: calc(.75 * var(--ui)); color: var(--muted); }
.calendar-totals > span { display: inline-flex; align-items: center; gap: 2px; }
.calendar-totals .status-dot { width: calc(.875 * var(--ui)); height: calc(.875 * var(--ui)); }
.calendar-panel-footer { margin-top: var(--ui); padding-top: var(--ui); }
.calendar-collapsed #mini-calendar, .calendar-collapsed .calendar-panel-footer { display: none; }
.calendar-collapsed #calendar-collapse svg { transform: rotate(180deg); }
@media (min-width: 901px) {
  .workspace { grid-template-columns: calc(4.625 * var(--ui)) calc(16.25 * var(--ui)) minmax(0,1fr) calc(21.25 * var(--ui)); grid-template-rows: auto minmax(0,1fr); }
  .page-header { box-sizing: content-box; height: calc(4.625 * var(--ui)); justify-content: flex-start; gap: 0; padding: 0; }
  /* Three parts as in PostMyPost: title, view switch with filter, and a right part as wide as the calendar. */
  .date-navigation { flex: 1 1 0; padding: 0 var(--ui); }
  .header-actions { flex: 0 1 auto; padding: 0 var(--ui); }
  .header-right { flex: 0 0 calc(21.25 * var(--ui)); padding: 0 var(--ui); }
  .workspace.collapsed-menu { grid-template-columns: calc(4.625 * var(--ui)) 0 minmax(0,1fr) calc(21.25 * var(--ui)); }
  /* Rail as in PostMyPost: 47px tiles with .25 unit steps, the active project on a tile background. */
  .project-rail { gap: 0; padding: var(--ui) 0 calc(.625 * var(--ui)); }
  .project-rail .brand-mark { width: calc(2.625 * var(--ui)); height: calc(2.625 * var(--ui)); margin-bottom: calc(2.0625 * var(--ui)); border: 0; font-size: calc(2 * var(--ui)); }
  #project-switcher { gap: calc(.25 * var(--ui)); max-height: none; padding: 0; }
  .project-rail :is(.rail-project, .rail-button) { display: grid; place-items: center; width: calc(3.375 * var(--ui)); height: calc(3.375 * var(--ui)); min-height: 0; padding: 0; border: 0; border-radius: calc(.625 * var(--ui)); color: var(--navbar-icon); background: transparent; }
  .project-rail :is(.rail-project, .rail-button):hover, .project-rail .rail-project.selected { background: var(--nav-active); }
  .project-rail .rail-project .project-avatar { width: calc(2.625 * var(--ui)); height: calc(2.625 * var(--ui)); color: #fff; font-size: calc(.875 * var(--ui)); font-weight: 400; outline: 0; }
  .project-rail .rail-button svg { width: calc(1.5 * var(--ui)); height: calc(1.5 * var(--ui)); }
  .project-rail .rail-bottom { display: flex; flex-direction: column; gap: calc(.25 * var(--ui)); margin-top: auto; }
  :root[data-theme=dark] .theme-dark-icon, :root:not([data-theme=dark]) .theme-light-icon { display: none; }
}
@media (max-width: 1100px) {
  #view-tabs { display: none; }
  #view-mode { display: block; }
}
@media (max-width: 900px) {
  .header-actions { gap: 8px; }
  .mobile-menu .sidebar { width: calc(16.25 * var(--ui)); }
  .show-calendar .calendar-panel { width: calc(21.25 * var(--ui)); }
}
@media (max-width: 600px) {
  .workspace .project-rail .project-avatar { width: 28px; height: 28px; font-size: 11px; }
  .workspace .user-avatar { width: 28px; height: 28px; font-size: 11px; margin-left: 2px; }
  .page-header { padding: 4px 7px; gap: 2px; }
  .date-navigation h1 { font-size: 12px; }
  .page-header .date-navigation .icon-button { min-width: 23px; min-height: 24px; }
  .header-actions, .header-right { gap: 4px; }
  .page-header :is(.header-actions, .header-right) button { min-height: 26px; padding: 4px 7px; font-size: 11px; }
  .day-posts { padding: 16px 12px; }
}