.publication-trace {display:grid;gap:1rem;min-width:0}
.publication-trace-toolbar {padding:1rem;display:flex;flex-wrap:wrap;align-items:end;gap:1rem}
.publication-trace-toolbar label {display:grid;gap:.4rem;flex:1;min-width:12rem}
.publication-trace-toolbar p {width:100%;color:var(--muted-foreground);font-size:.875rem}
.publication-trace-layout {display:grid;grid-template-columns:minmax(15rem,20rem) minmax(0,1fr);gap:1rem;align-items:start}
.publication-trace-list,.publication-trace-detail {padding:1rem;min-width:0;max-height:75vh;overflow-y:auto;overscroll-behavior:contain}
.publication-trace-list {display:flex;flex-direction:column;gap:.6rem}
.publication-trace h2 {font-size:1.1rem;font-weight:600;margin-bottom:.5rem}
.publication-trace h3 {font-weight:600;margin:.75rem 0 .4rem}
.publication-trace select,.publication-trace input {border:1px solid var(--border);border-radius:.6rem;padding:.55rem .7rem;min-width:0;width:100%;background:var(--background);color:var(--foreground)}
.publication-trace-item {text-align:left;display:grid;gap:.3rem;border:1px solid var(--border);border-radius:.7rem;padding:.75rem;background:var(--card);color:var(--foreground);overflow-wrap:anywhere}
.publication-trace-item:hover,.publication-trace-item[aria-pressed=true] {background:var(--accent)}
.publication-trace button:focus-visible,.publication-trace select:focus-visible,.publication-trace input:focus-visible {outline:2px solid var(--ring);outline-offset:2px}
.publication-trace small {color:var(--muted-foreground);overflow-wrap:anywhere}
.publication-trace-actions {display:flex;flex-wrap:wrap;gap:.5rem;margin:.8rem 0}
.publication-trace-body {white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;margin:1rem 0}
.publication-trace-json {white-space:pre-wrap;overflow-wrap:anywhere;background:var(--muted);border-radius:.6rem;padding:1rem;font-size:.75rem;line-height:1.6;margin:.7rem 0;max-height:32rem;overflow:auto}
.publication-trace-call {border-bottom:1px solid var(--border);padding:.5rem 0}
.publication-trace-error {color:var(--destructive)}
.publication-trace summary {cursor:pointer;font-weight:500}
@media(max-width:767px){.publication-trace-layout{grid-template-columns:minmax(0,1fr)}.publication-trace-list{max-height:20rem}.publication-trace-detail{max-height:none}.publication-trace-actions>button{flex:1 1 auto}}
/* A 44px touch target must not stretch the visible switch track vertically. */
@media (max-width: 639px), (pointer: coarse) {
  [data-slot="switch"] {
    box-sizing: border-box;
    min-height: 24px;
    height: 24px;
    width: 44px;
    padding: 2px;
    flex-shrink: 0;
  }
  [data-slot="switch"]::after {
    content: "";
    position: absolute;
    inset: -11px -4px;
  }
  [data-slot="switch"] [data-slot="switch-thumb"] {
    width: 18px;
    height: 18px;
    translate: none;
    transform: translateX(0);
  }
  [data-slot="switch"][data-state="checked"] [data-slot="switch-thumb"],
  [data-slot="switch"][data-checked] [data-slot="switch-thumb"] {
    transform: translateX(18px);
  }
}
/* Month toolbar and the space above weekdays belong to the page surface. */
[data-slot="card"]:has([data-calendar-weekdays]){background-color:var(--background)}
[data-slot="card"]:has([data-calendar-weekdays]) > [data-slot="card-header"]{background-color:var(--background)}
/* Progressive disclosure: only hide metadata once its sibling control exists. */
[data-calendar-date] > div.relative.z-10 > button.relative.block.calendar-has-details{padding-bottom:30px!important;min-height:64px}
[data-calendar-date] .calendar-has-details:not(.calendar-details-open) .calendar-detail-group:not(:has(.calendar-visible-status)){display:none}
[data-calendar-date] .calendar-has-details:not(.calendar-details-open) .calendar-detail-group > :not(.calendar-visible-status){display:none}
[data-calendar-date] .calendar-details-open .calendar-detail-group{padding-top:5px;border-top:1px solid var(--border)}
.calendar-detail-toggle{position:absolute;bottom:5px;inset-inline-end:7px;z-index:15;display:inline-flex;align-items:center;gap:5px;height:22px;padding:2px 5px;border:0;border-radius:5px;background:transparent;color:var(--muted-foreground);font:10px Onest,system-ui,sans-serif;cursor:pointer}
.calendar-detail-toggle:hover{background:var(--muted);color:var(--foreground)}
.calendar-detail-toggle:focus-visible{outline:2px solid var(--ring);outline-offset:1px}
.calendar-detail-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
.calendar-detail-toggle{min-height:22px}

/* Compact corner disclosure, below the existing drag grip. */
[data-calendar-date] > div.relative.z-10 > button.relative.block.calendar-has-details{padding-bottom:10px!important;padding-inline-end:22px!important;min-height:48px}
[data-calendar-date] .calendar-has-details .grid > .min-w-0.pe-3{padding-inline-end:0}
[data-calendar-date] > div.relative.z-10 > .calendar-detail-toggle{top:15px;bottom:auto;inset-inline-end:1px;width:16px;height:16px;min-height:16px!important;min-width:16px;padding:0;justify-content:center;background:transparent}
.calendar-detail-toggle>span{display:none}
.calendar-detail-toggle svg{width:12px;height:12px;display:block}
.calendar-detail-toggle:hover{background:transparent;color:var(--foreground)}
/* Calendar publication cards only. Legacy selector supports the current release artifact. */
:is(.calendar-publication-tile,[data-calendar-date] > div.relative.z-10 > button.relative.block){padding:10px!important;border-radius:10px;border-color:var(--border);background:var(--card);color:var(--card-foreground);box-shadow:0 1px 2px rgb(20 35 55 / 5%);transition:border-color .15s,box-shadow .15s;min-width:0}
:is(.calendar-publication-tile,[data-calendar-date] > div.relative.z-10 > button.relative.block):hover:not(:disabled){border-color:var(--ring);box-shadow:0 3px 9px rgb(20 35 55 / 9%)}
:is(.calendar-publication-tile,[data-calendar-date] > div.relative.z-10 > button.relative.block) > div > .grid{grid-template-columns:32px minmax(0,1fr);column-gap:9px;row-gap:4px}
:is(.calendar-publication-tile,[data-calendar-date] > div.relative.z-10 > button.relative.block) > div > .grid > span.relative.inline-grid{width:32px;height:32px;border-radius:7px}
:is(.calendar-publication-tile,[data-calendar-date] > div.relative.z-10 > button.relative.block) > div > .grid:has([data-empty-media-placeholder]){grid-template-columns:minmax(0,1fr)}
:is(.calendar-publication-tile,[data-calendar-date] > div.relative.z-10 > button.relative.block) > div > .grid > span.relative.inline-grid:has([data-empty-media-placeholder]){display:none}
:is(.calendar-publication-tile,[data-calendar-date] > div.relative.z-10 > button.relative.block) .min-w-0 > .flex > span.font-medium{font-size:12px;line-height:1.45;font-weight:550;letter-spacing:-.1px;-webkit-line-clamp:3;overflow-wrap:anywhere}
:is(.calendar-publication-tile,[data-calendar-date] > div.relative.z-10 > button.relative.block) .grid > div.flex{grid-column:1/-1;justify-content:flex-start;margin-top:5px;gap:4px;padding-inline-end:0}
:is(.calendar-publication-tile,[data-calendar-date] > div.relative.z-10 > button.relative.block) [data-slot="badge"]{font-size:10px;line-height:1.4;font-weight:400;height:auto;min-height:16px;padding:1px 4px;border-color:transparent;border-radius:4px;background:var(--muted);color:var(--muted-foreground);max-width:100%;white-space:normal;text-align:left}
:is(.calendar-publication-tile,[data-calendar-date] > div.relative.z-10 > button.relative.block) > div > svg.absolute{opacity:.45;right:3px;top:5px}
:is(.calendar-publication-tile,[data-calendar-date] > div.relative.z-10 > button.relative.block).calendar-post--published{opacity:1;border-inline-start:3px solid #4c9473}
:is(.calendar-publication-tile,[data-calendar-date] > div.relative.z-10 > button.relative.block).calendar-post--failed{border-color:var(--destructive)}
@media(prefers-reduced-motion:reduce){:is(.calendar-publication-tile,[data-calendar-date] > div.relative.z-10 > button.relative.block){transition:none}}
/* Only color tokens change. Component geometry is inherited unchanged. */
:root[data-publikator-appearance="updated"]{--background:#fafbfc;--foreground:#28313f;--card:#fff;--card-foreground:#28313f;--popover:#fff;--popover-foreground:#28313f;--primary:#216ed2;--primary-foreground:#fff;--secondary:#eef1f5;--secondary-foreground:#354356;--muted:#f1f3f6;--muted-foreground:#637084;--accent:#eaf1fc;--accent-foreground:#285a99;--border:#e0e5ec;--input:#d9e0e9;--ring:#6b9bdd;--sidebar:#f5f7fa;--sidebar-foreground:#28313f;--sidebar-accent:#e7eef9;--sidebar-accent-foreground:#28313f}
html[data-publikator-appearance="updated"] .primary-button-surface{background-color:#216ed2;background-image:linear-gradient(180deg,#4291e9,#216ed2);border-color:#216ed2;color:#fff;box-shadow:inset 0 1px 0 #ffffff40,0 1px 3px #16447920}html[data-publikator-appearance="updated"] .primary-button-surface:hover{background-image:linear-gradient(180deg,#3687e0,#1d64c2)}

html[data-publikator-appearance="updated"].dark,html[data-publikator-appearance="updated"] .dark{--background:#171c24;--foreground:#e6ebf2;--card:#1e2530;--card-foreground:#e6ebf2;--popover:#222b37;--popover-foreground:#e6ebf2;--primary:#76adf3;--primary-foreground:#13253d;--secondary:#2a3442;--secondary-foreground:#e0e7f0;--muted:#28313e;--muted-foreground:#a4b1c3;--accent:#293e59;--accent-foreground:#b9d6ff;--border:#364151;--input:#425065;--ring:#7eadeb;--sidebar:#1b222c;--sidebar-foreground:#dbe4ef;--sidebar-accent:#2b3c53;--sidebar-accent-foreground:#dbe4ef}
html[data-publikator-appearance="updated"].dark .primary-button-surface,html[data-publikator-appearance="updated"] .dark .primary-button-surface{background-color:#357bd4;background-image:linear-gradient(180deg,#458be1,#2c6bc0);border-color:#5086ce;color:#fff;box-shadow:inset 0 1px 0 #ffffff20,0 1px 3px #0003}
html[data-publikator-appearance="updated"].dark .primary-button-surface:hover,html[data-publikator-appearance="updated"] .dark .primary-button-surface:hover{background-image:linear-gradient(180deg,#5096eb,#3275ce)}
