:root {
  color-scheme: light dark;
  --dynostatic-admin-bg: #eef2f5;
  --dynostatic-admin-panel: #ffffff;
  --dynostatic-admin-panel-alt: #f6f8fa;
  --dynostatic-admin-line: #cbd4db;
  --dynostatic-admin-line-strong: #9caab5;
  --dynostatic-admin-text: #17232b;
  --dynostatic-admin-muted: #5f6f7a;
  --dynostatic-admin-accent: #087ea4;
  --dynostatic-admin-accent-strong: #05617f;
  --dynostatic-admin-accent-soft: #dff5fb;
  --dynostatic-admin-success: #167247;
  --dynostatic-admin-success-soft: #e1f5e9;
  --dynostatic-admin-danger: #b22d3a;
  --dynostatic-admin-danger-strong: #8f202d;
  --dynostatic-admin-danger-soft: #fde9ec;
  --dynostatic-admin-menubar: #101a20;
  --dynostatic-admin-menubar-text: #dbe9ee;
  --dynostatic-admin-sidebar: #e5ebef;
  --dynostatic-admin-sidebar-muted: #4c5f6b;
  --dynostatic-admin-code: #101a20;
  --dynostatic-admin-code-text: #e9f7fb;
  --dynostatic-admin-focus: #10a9d2;
  --dynostatic-admin-menu-height: 42px;
  --dynostatic-admin-sidebar-width: 248px;
  --dynostatic-admin-font: 14px/1.5 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --dynostatic-admin-control-font: 13px/1.35 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font: var(--dynostatic-admin-font);
  color: var(--dynostatic-admin-text);
  background: var(--dynostatic-admin-bg);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-admin-theme]) {
    --dynostatic-admin-bg: #0e1519;
    --dynostatic-admin-panel: #141e24;
    --dynostatic-admin-panel-alt: #18242b;
    --dynostatic-admin-line: #33444e;
    --dynostatic-admin-line-strong: #536873;
    --dynostatic-admin-text: #e5eef2;
    --dynostatic-admin-muted: #9eb0ba;
    --dynostatic-admin-accent: #45bfe3;
    --dynostatic-admin-accent-strong: #83daf1;
    --dynostatic-admin-accent-soft: #123541;
    --dynostatic-admin-success: #65d29b;
    --dynostatic-admin-success-soft: #153729;
    --dynostatic-admin-danger: #ff8490;
    --dynostatic-admin-danger-strong: #ffadb5;
    --dynostatic-admin-danger-soft: #421f27;
    --dynostatic-admin-menubar: #080d10;
    --dynostatic-admin-menubar-text: #d9e8ed;
    --dynostatic-admin-sidebar: #111b21;
    --dynostatic-admin-sidebar-muted: #a8bac4;
    --dynostatic-admin-code: #080d10;
    --dynostatic-admin-code-text: #dff6fc;
  }
}

:root[data-admin-theme="light"] { color-scheme: light; }
:root[data-admin-theme="dark"] {
  color-scheme: dark;
  --dynostatic-admin-bg: #0e1519;
  --dynostatic-admin-panel: #141e24;
  --dynostatic-admin-panel-alt: #18242b;
  --dynostatic-admin-line: #33444e;
  --dynostatic-admin-line-strong: #536873;
  --dynostatic-admin-text: #e5eef2;
  --dynostatic-admin-muted: #9eb0ba;
  --dynostatic-admin-accent: #45bfe3;
  --dynostatic-admin-accent-strong: #83daf1;
  --dynostatic-admin-accent-soft: #123541;
  --dynostatic-admin-success: #65d29b;
  --dynostatic-admin-success-soft: #153729;
  --dynostatic-admin-danger: #ff8490;
  --dynostatic-admin-danger-strong: #ffadb5;
  --dynostatic-admin-danger-soft: #421f27;
  --dynostatic-admin-menubar: #080d10;
  --dynostatic-admin-menubar-text: #d9e8ed;
  --dynostatic-admin-sidebar: #111b21;
  --dynostatic-admin-sidebar-muted: #a8bac4;
  --dynostatic-admin-code: #080d10;
  --dynostatic-admin-code-text: #dff6fc;
}

* { box-sizing: border-box; }
html { min-height: 100%; background: var(--dynostatic-admin-bg); }
body { min-height: 100vh; margin: 0; background: var(--dynostatic-admin-bg); color: var(--dynostatic-admin-text); }
a { color: var(--dynostatic-admin-accent-strong); text-underline-offset: 2px; }
a:hover { color: var(--dynostatic-admin-accent); }
/* Controls keep their own UI type — never inherit label display weight/size. */
button, input, select, textarea {
  font: var(--dynostatic-admin-control-font);
  font-weight: 450;
}
button, a, input, select, textarea, summary { outline-offset: 2px; }
:focus-visible { outline: 2px solid var(--dynostatic-admin-focus); }
[hidden] { display: none !important; }
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.skip-link { position: fixed; z-index: 1000; top: -4rem; left: .5rem; padding: .55rem .75rem; background: var(--dynostatic-admin-panel); border: 1px solid var(--dynostatic-admin-focus); color: var(--dynostatic-admin-text); }
.skip-link:focus { top: .5rem; }

.admin-menubar {
  position: fixed;
  z-index: 50;
  inset: 0 0 auto 0;
  height: var(--dynostatic-admin-menu-height);
  display: flex;
  align-items: stretch;
  background: var(--dynostatic-admin-menubar);
  border-bottom: 1px solid #263741;
  color: var(--dynostatic-admin-menubar-text);
}
.admin-brand, .admin-menu-link, .admin-nav-toggle {
  display: inline-flex;
  align-items: center;
  min-height: 100%;
  padding: 0 .72rem;
  border: 0;
  border-right: 1px solid #263741;
  border-radius: 0;
  background: transparent;
  color: var(--dynostatic-admin-menubar-text);
  text-decoration: none;
  white-space: nowrap;
}
.admin-brand { padding-inline: 1rem; font-weight: 760; letter-spacing: .02em; }
.admin-menu-link:hover, .admin-menu-link.is-active, .admin-brand:hover { background: #1a2a32; color: #fff; }
.admin-menu-link.is-active { box-shadow: inset 0 -2px var(--dynostatic-admin-accent); }
.admin-global-nav { display: flex; min-width: 0; overflow-x: auto; scrollbar-width: thin; }
.admin-account { display: flex; align-items: stretch; margin-left: auto; border-left: 1px solid #263741; }
.admin-account > span { display: inline-flex; align-items: center; padding: 0 .8rem; color: #9fb2bb; font-size: .82rem; }
.admin-account__logout { margin: 0; }
.admin-nav-toggle { display: none; cursor: pointer; }
.admin-theme-toggle { flex: 0 0 auto; margin-left: auto; cursor: pointer; font-weight: 500; }
.admin-theme-toggle + .admin-account { margin-left: 0; }

.admin-frame { min-height: 100vh; padding-top: var(--dynostatic-admin-menu-height); }
.site-sidebar {
  position: fixed;
  z-index: 40;
  inset: var(--dynostatic-admin-menu-height) auto 0 0;
  width: var(--dynostatic-admin-sidebar-width);
  overflow-y: auto;
  overscroll-behavior: contain;
  background: var(--dynostatic-admin-sidebar);
  border-right: 1px solid var(--dynostatic-admin-line);
}
.site-sidebar__head { position: relative; padding: 1rem; border-bottom: 1px solid var(--dynostatic-admin-line); }
.site-sidebar__label, .site-nav-label, .admin-eyebrow {
  display: block;
  margin-bottom: .35rem;
  color: var(--dynostatic-admin-muted);
  font: 650 .72rem/1.2 ui-monospace, SFMono-Regular, Consolas, monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.site-context-form { display: grid; gap: .4rem; margin: 0; }
.site-context-form select { width: 100%; font-weight: 700; }
.site-sidebar__empty { margin: .25rem 0 0; color: var(--dynostatic-admin-muted); }
.site-sidebar__close { display: none; }
.site-nav { padding: .55rem 0 1.5rem; }
.site-nav-group { padding: .55rem .65rem .75rem; border-bottom: 1px solid var(--dynostatic-admin-line); }
.site-nav-group:last-child { border-bottom: 0; }
.site-nav-mobile-global { display: none; }
.site-nav-label { padding: 0 .45rem; }
.site-sidebar__label, .site-nav-label { color: var(--dynostatic-admin-sidebar-muted); }
.site-nav-link { display: flex; min-height: 34px; align-items: center; padding: .4rem .55rem; border-left: 2px solid transparent; color: var(--dynostatic-admin-text); text-decoration: none; }
.site-nav-link:hover { background: var(--dynostatic-admin-panel-alt); color: var(--dynostatic-admin-text); }
.site-nav-link.is-active { border-left-color: var(--dynostatic-admin-accent); background: var(--dynostatic-admin-panel); color: var(--dynostatic-admin-accent-strong); font-weight: 720; }
.admin-nav-scrim { display: none; }

.admin-content { width: calc(100% - var(--dynostatic-admin-sidebar-width)); margin-left: var(--dynostatic-admin-sidebar-width); padding: 1.35rem clamp(1rem, 2vw, 2rem) 4rem; overflow-wrap: anywhere; }
.admin-page-header { margin: 0 0 1.1rem; padding-bottom: .85rem; border-bottom: 1px solid var(--dynostatic-admin-line-strong); }
.admin-page-header h1 { margin: 0; font-size: clamp(1.5rem, 2vw, 1.9rem); line-height: 1.2; letter-spacing: -.025em; }
h2 { margin: 0 0 .25rem; font-size: 1.12rem; line-height: 1.3; }
h3 { margin: 1.2rem 0 .4rem; font-size: .95rem; }
p { margin: .45rem 0 .8rem; }
small { color: var(--dynostatic-admin-muted); }
code, pre { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
code { font-size: .88em; }
pre { max-width: 100%; margin: .7rem 0; overflow: auto; padding: .85rem; border: 1px solid #273943; border-radius: 0; background: var(--dynostatic-admin-code); color: var(--dynostatic-admin-code-text); }
.update-manual-overlay { min-width: 0; }
.update-manual-overlay code { overflow-wrap: anywhere; word-break: break-word; }

section, .moderation, .card {
  background: var(--dynostatic-admin-panel);
  border: 1px solid var(--dynostatic-admin-line);
  border-radius: 0;
  box-shadow: none;
}
section { margin: 0 0 1rem; padding: 1rem; }
.section-heading { display: flex; flex-wrap: wrap; align-items: start; justify-content: space-between; gap: 1rem; }
.cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1px; margin-bottom: 1rem; background: var(--dynostatic-admin-line); border: 1px solid var(--dynostatic-admin-line); }
.card { min-width: 0; padding: 1rem; }
.cards > .card { display: grid; gap: .12rem; min-height: 86px; padding: .85rem; border: 0; }
.cards > .card > strong { font: 720 1.8rem/1 ui-monospace, SFMono-Regular, Consolas, monospace; }
.cards > .card > span { color: var(--dynostatic-admin-muted); font-size: .82rem; }

input, select, textarea, button, .primary-button {
  min-width: 0;
  max-width: 100%;
  min-height: 34px;
  padding: .4rem .55rem;
  border: 1px solid var(--dynostatic-admin-line-strong);
  border-radius: 0;
  background: var(--dynostatic-admin-panel);
  color: var(--dynostatic-admin-text);
}
textarea { width: 100%; resize: vertical; }
select {
  cursor: pointer;
  text-overflow: ellipsis;
}
button, .primary-button { display: inline-flex; align-items: center; justify-content: center; cursor: pointer; border-color: var(--dynostatic-admin-accent-strong); background: var(--dynostatic-admin-accent); color: #fff; font-weight: 720; text-decoration: none; }
/* Actions retain whole words under table/flex pressure. Long labels can still
   wrap at spaces; data and editable fields retain the workspace's anywhere wrap. */
button, .button, .primary-button, .mini-button,
input[type=submit], input[type=button], input[type=reset] {
  min-width: min-content;
  max-width: 100%;
  flex-shrink: 0;
  overflow-wrap: normal;
  word-break: normal;
  white-space: normal;
}
button:hover, .primary-button:hover { background: var(--dynostatic-admin-accent-strong); color: #fff; }
button:disabled { cursor: not-allowed; opacity: .5; }
.secondary { background: transparent; color: var(--dynostatic-admin-accent-strong); }
.secondary:hover { background: var(--dynostatic-admin-accent-soft); color: var(--dynostatic-admin-accent-strong); }
.danger { border-color: var(--dynostatic-admin-danger-strong); background: var(--dynostatic-admin-danger); color: #fff; }
.danger:hover { background: var(--dynostatic-admin-danger-strong); }
.danger-zone { border-color: var(--dynostatic-admin-danger); }

.settings { display: grid; grid-template-columns: minmax(0, 1fr); min-width: 0; gap: .78rem; }
/* Keep native selects inline within block labels: WebKit leaks option widths from blockified selects. */
.settings label { display: block; min-width: 0; font-weight: 680; }
.settings label > input, .settings label > textarea, .settings label > small { display: block; margin-top: .3rem; }
.settings label > select { display: inline-block; margin-top: .3rem; vertical-align: top; }
.settings input:not([type=checkbox]):not([type=radio]), .settings select { width: 100%; }
.settings > button, .settings > .button { justify-self: start; }
.settings > section, .settings > .card { display: grid; gap: .78rem; align-content: start; }
.settings details > label + label { margin-top: .78rem; }
.settings .check-label, .settings label:has(> input[type=checkbox], > input[type=radio]) { display: flex; flex-direction: row; align-items: flex-start; gap: .5rem; font-weight: 450; }
.settings input[type=checkbox], .settings input[type=radio] { flex: 0 0 auto; width: auto; min-height: 0; margin-top: .2rem; }
.settings fieldset { display: grid; grid-template-columns: minmax(0, 1fr); min-width: 0; gap: .55rem; margin: 0; padding: .8rem; border: 1px solid var(--dynostatic-admin-line); border-radius: 0; }
.settings legend { padding: 0 .3rem; font-weight: 720; }
.search, .actions, .inline-actions, .row-actions, .website-links { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.search { margin: .8rem 0 1rem; }
.search input:not([type=hidden]) { min-width: min(100%, 280px); }
.inline-form { display: inline-flex; flex-wrap: wrap; align-items: center; max-width: 100%; gap: .4rem; margin: 0; }
.inline-form > label { min-width: 0; max-width: 100%; }

.board-admin { display: grid; gap: 1.25rem; }
.board-admin > section { display: grid; gap: .75rem; }
.board-card { display: grid; gap: 1rem; min-width: 0; padding: 1rem; border: 1px solid var(--dynostatic-admin-line); background: var(--dynostatic-admin-panel); }
.board-card header { display: flex; flex-wrap: wrap; align-items: baseline; gap: .5rem 1rem; }
.board-card header h3, .board-card p { margin: 0; }
.board-preview-grid, .board-form-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: .8rem; min-width: 0; }
.board-preview-grid > section { min-width: 0; padding: .75rem; background: var(--dynostatic-admin-panel-alt); border: 1px solid var(--dynostatic-admin-line); }
.board-preview-grid h3 { margin: 0 0 .5rem; }
.board-preview-facts { display: grid; gap: .45rem; margin: 0; }
.board-preview-facts > div { display: grid; grid-template-columns: minmax(7rem, 42%) minmax(0, 1fr); gap: .5rem; min-width: 0; }
.board-preview-facts dt { color: var(--dynostatic-admin-muted); }
.board-preview-facts dd { margin: 0; overflow-wrap: anywhere; }
.board-editor { display: grid; gap: .85rem; }
.board-form-grid > label, .board-form-grid > fieldset { align-self: start; }
.board-form-grid label { display: grid; gap: .3rem; min-width: 0; font-weight: 680; }
.board-form-grid fieldset { display: grid; gap: .4rem; margin: 0; padding: .7rem; border: 1px solid var(--dynostatic-admin-line); }
.board-form-grid fieldset label { display: flex; align-items: center; gap: .4rem; font-weight: 450; }
.board-form-grid input[type=checkbox] { width: auto; min-height: 0; }
.board-form-grid input, .board-form-grid select, .board-form-grid textarea { min-width: 0; width: 100%; }
.board-action-form { margin: 0; }
.board-editor > button, .board-action-form > button { justify-self: start; }

.tabs, .tool-tabs { display: flex; flex-wrap: wrap; gap: 0; margin: 0 0 1rem; border-bottom: 1px solid var(--dynostatic-admin-line-strong); }
.tabs a, .tool-tabs a { padding: .45rem .7rem; border: 1px solid transparent; border-bottom: 0; color: var(--dynostatic-admin-muted); text-decoration: none; }
.tabs a.active, .tool-tabs a.active { border-color: var(--dynostatic-admin-line-strong); background: var(--dynostatic-admin-panel); color: var(--dynostatic-admin-accent-strong); font-weight: 720; }
.moderation { margin: 0 0 .75rem; padding: .9rem; }
.moderation header { display: flex; flex-wrap: wrap; align-items: baseline; gap: .45rem 1rem; padding-bottom: .55rem; border-bottom: 1px solid var(--dynostatic-admin-line); color: var(--dynostatic-admin-muted); }
.moderation header strong { color: var(--dynostatic-admin-text); }
.moderation header small { margin-left: .3rem; }
.comment-body { margin: .8rem 0; }
.moderation input[name="reason"] {
  display: block;
  width: 100%;
  margin: .85rem 0 0;
}
.moderation input[name="reason"] + .actions {
  margin-top: .65rem;
  padding-top: .65rem;
  border-top: 1px solid var(--dynostatic-admin-line);
}
details > summary { cursor: pointer; color: var(--dynostatic-admin-accent-strong); font-weight: 680; }

.table-scroll { max-width: 100%; overflow: auto; border: 1px solid var(--dynostatic-admin-line); }
table { width: 100%; border-collapse: collapse; background: var(--dynostatic-admin-panel); }
th, td { padding: .58rem .65rem; border-bottom: 1px solid var(--dynostatic-admin-line); text-align: left; vertical-align: top; }
th { background: var(--dynostatic-admin-panel-alt); color: var(--dynostatic-admin-muted); font-size: .76rem; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; }
tbody tr:last-child td { border-bottom: 0; }
tbody tr:hover { background: var(--dynostatic-admin-panel-alt); }
.website-list, .integration-list { margin: 0; padding: 0; list-style: none; }
.integration-list > li { min-width: 0; padding: .65rem 0; overflow-wrap: anywhere; border-bottom: 1px solid var(--dynostatic-admin-line); }
.integration-list > li:last-child { border-bottom: 0; }
.integration-list .inline-actions { margin-top: .5rem; }
.site-address-manager { min-width: 0; max-width: 100%; }
.site-address-manager code { overflow-wrap: anywhere; word-break: break-word; }
.site-address-manager .site-address-edit-form { display: grid; grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr) minmax(8rem, .7fr) auto; align-items: end; margin-top: .55rem; }
.site-address-manager .site-address-primary-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; margin-top: .55rem; }
.site-address-manager .site-address-remove-form { display: block; margin-top: .45rem; }
.site-address-manager .inline-form label { min-width: 0; }
.site-address-manager .inline-form input, .site-address-manager .inline-form select { width: 100%; }
.site-address-pages { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem; }
.site-address-pages a, .site-address-pages strong { display: inline-flex; min-width: 2rem; min-height: 2rem; align-items: center; justify-content: center; padding: .25rem .45rem; border: 1px solid var(--dynostatic-admin-line); }
.site-address-pages a { text-decoration: none; }
.site-address-pages strong { border-color: var(--dynostatic-admin-accent-strong); background: var(--dynostatic-admin-accent-soft); color: var(--dynostatic-admin-accent-strong); }
.website-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; padding: .85rem 0; border-bottom: 1px solid var(--dynostatic-admin-line); }
.website-row:last-child { border-bottom: 0; }
.website-links { margin-top: .35rem; }

.status { display: inline-block; padding: .08rem .4rem; border: 1px solid var(--dynostatic-admin-line-strong); font-size: .75rem; }
.status.ok { border-color: var(--dynostatic-admin-success); background: var(--dynostatic-admin-success-soft); color: var(--dynostatic-admin-success); }
.status.bad { border-color: var(--dynostatic-admin-danger); background: var(--dynostatic-admin-danger-soft); color: var(--dynostatic-admin-danger); }
.status-pill { display: inline-flex; align-items: center; width: max-content; padding: .08rem .4rem; border: 1px solid var(--dynostatic-admin-line-strong); background: var(--dynostatic-admin-panel-alt); color: var(--dynostatic-admin-muted); font-size: .72rem; font-weight: 750; letter-spacing: .035em; text-transform: uppercase; }
.status-pill.active { border-color: var(--dynostatic-admin-success); background: var(--dynostatic-admin-success-soft); color: var(--dynostatic-admin-success); }
.status-pill.paused { border-color: #aa7b15; background: #fff3cd; color: #6f500e; }
:root[data-admin-theme="dark"] .status-pill.paused { background: #3b3218; color: #f2d886; }
.connection-status { display: flex; flex-wrap: wrap; gap: .15rem 1.25rem; margin: 0; }
.connection-status dt { color: var(--dynostatic-admin-muted); font-size: .78rem; letter-spacing: .04em; text-transform: uppercase; }
.connection-status dd { margin: 0; overflow-wrap: anywhere; }
.connection-attempts { margin: .5rem 0; }
.connection-attempts dt { color: var(--dynostatic-admin-muted); font-size: .8rem; }
.connection-attempts dd { margin: 0 0 .35rem; overflow-wrap: anywhere; }
.connection-hint { margin: .35rem 0 0; color: var(--dynostatic-admin-muted); overflow-wrap: anywhere; }
.connection-time-unknown { color: var(--dynostatic-admin-muted); }
.table-scroll:focus-visible, .table-wrap:focus-visible { outline: 2px solid var(--dynostatic-admin-focus); outline-offset: 2px; }
.success, .error, .warning, .flash { padding: .65rem .75rem; border-left: 3px solid; background: var(--dynostatic-admin-panel); }
.success { border-color: var(--dynostatic-admin-success); color: var(--dynostatic-admin-success); }
.error { border-color: var(--dynostatic-admin-danger); color: var(--dynostatic-admin-danger); }
.warning { border-color: #aa7b15; background: #fff9e8; color: #6f500e; }
:root[data-admin-theme="dark"] .warning { background: #302a18; color: #f2d886; }
.flash { position: relative; z-index: 60; max-width: none; margin: var(--dynostatic-admin-menu-height) 0 0 var(--dynostatic-admin-sidebar-width); border-color: var(--dynostatic-admin-danger); color: var(--dynostatic-admin-danger); }
.empty { padding: 1.5rem; text-align: center; color: var(--dynostatic-admin-muted); }
.break { overflow-wrap: anywhere; word-break: break-word; }

.login { width: min(440px, calc(100% - 2rem)); margin: 8vh auto; padding: 1.4rem; border: 1px solid var(--dynostatic-admin-line); background: var(--dynostatic-admin-panel); }
.login h1 { margin-top: 0; }
.login-links { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1rem; padding-top: .8rem; border-top: 1px solid var(--dynostatic-admin-line); }
.authenticator-qr { display: block; width: 240px; height: 240px; max-width: 100%; margin: 1rem 0; padding: .5rem; border: 1px solid var(--dynostatic-admin-line); border-radius: 0; background: #fff; }
.about-facts { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: .5rem 1rem; }
.about-facts dt { color: var(--dynostatic-admin-muted); font-weight: 700; }
.about-facts dd { min-width: 0; margin: 0; }
.admin-docs { display: grid; grid-template-columns: 180px minmax(0, 1fr) 180px; gap: 1rem; align-items: start; }
.admin-docs__nav, .admin-docs__toc { position: sticky; top: calc(var(--dynostatic-admin-menu-height) + 1rem); display: grid; padding: .6rem; border: 1px solid var(--dynostatic-admin-line); background: var(--dynostatic-admin-panel); }
.admin-docs__nav a, .admin-docs__toc a { padding: .3rem .4rem; color: var(--dynostatic-admin-muted); text-decoration: none; }
.admin-docs__nav a:hover, .admin-docs__nav a.is-active, .admin-docs__toc a:hover { background: var(--dynostatic-admin-panel-alt); color: var(--dynostatic-admin-text); }
.admin-docs__nav a.is-active { border-left: 2px solid var(--dynostatic-admin-accent); color: var(--dynostatic-admin-accent-strong); font-weight: 700; }
.admin-docs__toc strong { margin: .2rem .4rem .4rem; font-size: .78rem; text-transform: uppercase; }
.admin-docs__article { min-width: 0; padding: 1rem 1.25rem 3rem; border: 1px solid var(--dynostatic-admin-line); background: var(--dynostatic-admin-panel); }
.admin-docs__article h1:first-child { display: none; }
.admin-docs__article h2 { margin: 1.8rem 0 .5rem; padding-top: .6rem; border-top: 1px solid var(--dynostatic-admin-line); }
.admin-docs__article h2:first-of-type { margin-top: .5rem; }
.admin-docs__article pre { max-width: 100%; }
.admin-docs__article table { width: 100%; }

.appearance-color-grid { display: grid; gap: 1px; border: 1px solid var(--dynostatic-admin-line); background: var(--dynostatic-admin-line); }
.appearance-color-row { display: grid; grid-template-columns: minmax(9rem, 1fr) 3rem 8rem 5rem auto; gap: .5rem; align-items: center; padding: .5rem; background: var(--dynostatic-admin-panel); }
.appearance-color-row > label { font-weight: 680; }
.appearance-color-row input[type=color] { width: 3rem; height: 2.5rem; min-height: 0; padding: .15rem; cursor: pointer; }
.appearance-color-row input[type=text],
.appearance-color-row input[data-color-text] { min-width: 0; font: 13px/1.4 ui-monospace, SFMono-Regular, Consolas, monospace; }
.appearance-color-row code { color: var(--dynostatic-admin-muted); font-size: .78rem; }
.appearance-color-row button { font-size: .8rem; }
.appearance-preview { --preview-background:#fff; --preview-text:#172033; --preview-muted:#65708a; --preview-border:#dce1ea; --preview-accent:#315efb; --preview-danger:#ae2532; --preview-surface:#f5f7fb; --preview-radius:.55rem; --preview-radius-sm:calc(var(--preview-radius) * 0.65); --preview-radius-lg:calc(var(--preview-radius) * 1.45); padding: 1rem; border: 1px solid var(--dynostatic-admin-line); background: var(--dynostatic-admin-panel-alt); }
.appearance-preview.is-disabled { opacity: .45; }
.appearance-preview-shell { padding: 1rem; border-radius: var(--preview-radius-lg); background: var(--preview-background); color: var(--preview-text); font: 400 14px/1.5 system-ui, sans-serif; }
.appearance-preview-shell > header { display: flex; justify-content: space-between; padding-bottom: .6rem; border-bottom: 1px solid var(--preview-border); }
.appearance-preview-shell article { padding: .8rem 0; border-bottom: 1px solid var(--preview-border); }
.appearance-preview-meta { display: flex; align-items: center; gap: .5rem; color: var(--preview-muted); font-size: .8rem; }
.appearance-preview-meta strong { color: var(--preview-text); }
.appearance-preview-avatar { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: 50%; background: var(--preview-accent); color: #fff; font-size: .7rem; font-weight: 800; }
.appearance-preview-actions { display: flex; gap: .75rem; color: var(--preview-accent); font-size: .82rem; }
.appearance-preview-reply { margin: .6rem 0 0 1.5rem; padding: .55rem 0 .55rem .8rem; border-left: 2px solid var(--preview-border); }
.appearance-preview-reply p { margin: .2rem 0; color: var(--preview-muted); }
.appearance-preview-form { display: grid; gap: .5rem; margin-top: .8rem; padding: .7rem; border: 1px solid var(--preview-border); border-radius: var(--preview-radius); background: var(--preview-surface); }
.appearance-preview-form span { min-height: 4rem; padding: .5rem; border: 1px solid var(--preview-border); border-radius: var(--preview-radius-sm); background: var(--preview-background); color: var(--preview-muted); }
.appearance-preview-form button { justify-self: start; border-color: var(--preview-accent); background: var(--preview-accent); border-radius: var(--preview-radius); }
.appearance-preview[data-preset=cards] article { margin: .65rem 0; padding: .7rem; border: 1px solid var(--preview-border); border-radius: var(--preview-radius); background: var(--preview-surface); }
.appearance-preview[data-preset=editorial] article > p, .appearance-preview[data-preset=editorial] .appearance-preview-reply p { font-family: Georgia, "Times New Roman", serif; font-size: 1rem; }
.appearance-preview[data-preset=compact] .appearance-preview-shell { font-size: 13px; }
.appearance-preview[data-preset=compact] article { padding: .5rem 0; }
.appearance-settings textarea[name=custom_css] { min-height: 16rem; font: 13px/1.5 ui-monospace, SFMono-Regular, Consolas, monospace; }

@media (max-width: 1050px) {
  .admin-account > span { display: none; }
  .admin-brand { padding-inline: .7rem; }
  .admin-menu-link { padding-inline: .55rem; font-size: .82rem; }
  .admin-docs { grid-template-columns: 160px minmax(0, 1fr); }
  .admin-docs__toc { display: none; }
}

@media (max-width: 900px) {
  .admin-nav-toggle { display: inline-flex; }
  .admin-brand { border-right: 0; }
  .admin-global-nav { display: none; }
  .site-sidebar { width: min(var(--dynostatic-admin-sidebar-width), calc(100vw - 2.75rem)); transform: translateX(-100%); transition: transform 140ms ease; box-shadow: 12px 0 30px rgb(0 0 0 / .2); }
  body.admin-nav-open { overflow: hidden; }
  body.admin-nav-open .site-sidebar { transform: translateX(0); }
  .admin-nav-scrim { position: fixed; z-index: 35; inset: var(--dynostatic-admin-menu-height) 0 0; background: rgb(0 0 0 / .45); }
  body.admin-nav-open .admin-nav-scrim { display: block; }
  .site-sidebar__close { position: absolute; top: .5rem; right: .5rem; display: inline-flex; min-height: 28px; padding: .25rem .4rem; border-color: var(--dynostatic-admin-line-strong); background: transparent; color: var(--dynostatic-admin-muted); font-size: .76rem; }
  .site-sidebar__head { padding-top: 2.75rem; }
  .site-nav-mobile-global { display: block; }
  .admin-content { width: 100%; margin-left: 0; }
  .flash { margin-left: 0; }
}

@media (max-width: 620px) {
  .admin-account { margin-left: auto; }
  .admin-account .admin-menu-link { font-size: 0; }
  .admin-account .admin-menu-link::after { content: "Exit"; font-size: .82rem; }
  .admin-content { padding: 1rem .75rem 3rem; }
  section, .moderation { padding: .8rem; }
  .moderation header, .website-row { flex-direction: column; align-items: flex-start; gap: .25rem; }
  .moderation input[name="reason"] + .actions button { flex: 1 1 7rem; }
  .settings { max-width: 100%; }
  .site-address-manager .site-address-edit-form, .site-address-manager .site-address-primary-form { grid-template-columns: minmax(0, 1fr); }
  .site-address-manager .site-address-edit-form button, .site-address-manager .site-address-primary-form button, .site-address-manager .site-address-remove-form button, .site-address-add-form button { width: 100%; }
  .appearance-color-row { grid-template-columns: 3rem 1fr auto; }
  .appearance-color-row > label { grid-column: 1 / -1; }
  .appearance-color-row code { display: none; }
  .table-scroll { margin-inline: -.8rem; border-inline: 0; }
  .about-facts { grid-template-columns: 1fr; }
  .admin-docs { display: block; }
  .admin-docs__nav { position: static; display: flex; margin-bottom: .75rem; overflow-x: auto; }
  .admin-docs__nav a { white-space: nowrap; }
  .admin-docs__article { padding: .8rem; }
}

@media (max-width: 380px) {
  .admin-brand { width: 38px; padding-inline: .45rem; font-size: 0; }
  .admin-brand::after { content: "PS"; font-size: .78rem; }
  .admin-theme-toggle { padding-inline: .45rem; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

.reaction-setting-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
  gap: .5rem;
}

.reaction-setting-grid .check-label {
  margin: 0;
  padding: .6rem;
  border: 1px solid var(--dynostatic-admin-line);
  background: var(--dynostatic-admin-panel-alt);
}

.blocklist-options { gap: .65rem !important; }
.blocklist-option { margin: 0; padding: .65rem; border: 1px solid var(--dynostatic-admin-line); background: var(--dynostatic-admin-panel-alt); }
.blocklist-option span { display: grid; min-width: 0; gap: .18rem; }
.blocklist-option small { overflow-wrap: anywhere; font-weight: 400; }
.error-text { display: block; overflow-wrap: anywhere; color: var(--dynostatic-admin-danger); }

/* DynoStatic workspace components, expressed in the Panel Comments visual system. */
:root {
  --ink: var(--dynostatic-admin-text);
  --muted: var(--dynostatic-admin-muted);
  --line: var(--dynostatic-admin-line);
  --paper: var(--dynostatic-admin-bg);
  --card: var(--dynostatic-admin-panel);
  --accent: var(--dynostatic-admin-accent);
  --accent-dark: var(--dynostatic-admin-accent-strong);
  --danger: var(--dynostatic-admin-danger);
}

.admin-content > .page-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; margin: -.35rem 0 1rem; }
.admin-content > .page-head h1,
.admin-content > .page-head .eyebrow { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.page-head p { margin: 0; color: var(--dynostatic-admin-muted); }
.eyebrow { color: var(--dynostatic-admin-muted); font: 650 .72rem/1.2 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .08em; text-transform: uppercase; }

.button, a.button, .mini-button {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  padding: .45rem .65rem;
  border: 1px solid var(--dynostatic-admin-line-strong);
  border-radius: 0;
  background: var(--dynostatic-admin-panel);
  color: var(--dynostatic-admin-text);
  font-weight: 700;
  text-decoration: none;
}
.button:hover, a.button:hover, .mini-button:hover { border-color: var(--dynostatic-admin-accent); background: var(--dynostatic-admin-accent-soft); color: var(--dynostatic-admin-accent-strong); }
.button.primary { border-color: var(--dynostatic-admin-accent-strong); background: var(--dynostatic-admin-accent); color: #fff; }
.button.primary:hover { background: var(--dynostatic-admin-accent-strong); color: #fff; }
.button.ghost { background: transparent; }
.button.wide { width: 100%; }

.grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 1rem; }
.grid > * { min-width: 0; }
.span-12, .grid > :only-child { grid-column: 1 / -1; }
.span-4 { grid-column: span 4; }
.span-5 { grid-column: span 5; }
.span-6 { grid-column: span 6; }
.span-7 { grid-column: span 7; }
.span-8 { grid-column: span 8; }
.stack { display: grid; gap: .8rem; }
.fields.two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }
.stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; margin-bottom: 1rem; border: 1px solid var(--dynostatic-admin-line); background: var(--dynostatic-admin-line); }
.stats article { min-width: 0; padding: .9rem; background: var(--dynostatic-admin-panel); }
.stats span { display: block; color: var(--dynostatic-admin-muted); font-size: .76rem; letter-spacing: .04em; text-transform: uppercase; }
.stats strong { display: block; margin-top: .2rem; font: 720 1.8rem/1 ui-monospace, SFMono-Regular, Consolas, monospace; }
.dark-card { background: var(--dynostatic-admin-code); color: var(--dynostatic-admin-code-text); }
.dark-card p { color: #a9bdc6; }
.check-list { display: grid; gap: .45rem; margin: .6rem 0; padding: 0; list-style: none; }
.check-list li::before { content: "✓"; margin-right: .45rem; color: var(--dynostatic-admin-success); font-weight: 800; }
.steps { display: grid; gap: .8rem; margin: .5rem 0; padding: 0; list-style: none; }
.steps li { display: flex; gap: .7rem; }
.steps li > span { display: grid; width: 2rem; height: 2rem; flex: 0 0 2rem; place-items: center; border: 1px solid var(--dynostatic-admin-line); background: var(--dynostatic-admin-panel-alt); font-weight: 800; }
.steps p { margin: .15rem 0 0; color: var(--dynostatic-admin-muted); }

label { display: grid; gap: .3rem; font-weight: 680; }
label small { color: var(--dynostatic-admin-muted); font-weight: 450; }
fieldset { margin: 0 0 1rem; padding: .8rem; border: 1px solid var(--dynostatic-admin-line); }
legend { padding: 0 .3rem; font-weight: 720; }
.check { grid-template-columns: auto 1fr; align-items: start; font-weight: 450; }
.check input { width: auto; min-height: 0; margin-top: .2rem; }
.page-actions, .empty-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .5rem; }
.inline-action { display: inline-flex; margin: 0; }
.discussion-onboarding .catalog-icon { margin: 0 auto .75rem; }
.discussion-onboarding p { margin: .4rem auto 1rem; }
.discussion-onboarding .inline-action { justify-content: center; }
.notice, .alert { margin: 0 0 1rem; padding: .65rem .75rem; border-left: 3px solid; background: var(--dynostatic-admin-panel); }
.notice { border-color: var(--dynostatic-admin-success); color: var(--dynostatic-admin-success); }
.alert { border-color: var(--dynostatic-admin-danger); color: var(--dynostatic-admin-danger); }
.pill, .availability { display: inline-block; padding: .08rem .4rem; border: 1px solid var(--dynostatic-admin-line-strong); color: var(--dynostatic-admin-muted); font-size: .72rem; letter-spacing: .04em; text-transform: uppercase; }
.pill.published, .pill.visible, .pill.featured, .availability.ready { border-color: var(--dynostatic-admin-success); background: var(--dynostatic-admin-success-soft); color: var(--dynostatic-admin-success); }
.pill.spam, .pill.rejected, .pill.deleted, .availability.deferred { border-color: var(--dynostatic-admin-danger); background: var(--dynostatic-admin-danger-soft); color: var(--dynostatic-admin-danger); }
.availability.official, .availability.official_embed, .availability.link_only { border-color: var(--dynostatic-admin-accent); background: var(--dynostatic-admin-accent-soft); color: var(--dynostatic-admin-accent-strong); }
.availability.preview, .availability.credentials_required, .availability.credentialed, .availability.gated, .availability.approval_required, .pill.pending, .pill.draft { border-color: #aa7b15; background: #fff3cd; color: #6f500e; }
:root[data-admin-theme="dark"] .availability.gated,
:root[data-admin-theme="dark"] .availability.approval_required,
:root[data-admin-theme="dark"] .availability.credentials_required,
:root[data-admin-theme="dark"] .availability.preview,
:root[data-admin-theme="dark"] .pill.pending,
:root[data-admin-theme="dark"] .pill.draft { background: #3b3218; color: #f2d886; }

.website-row, .widget-row { display: flex; align-items: center; gap: .75rem; min-height: 48px; padding: .65rem .25rem; border-bottom: 1px solid var(--dynostatic-admin-line); color: var(--dynostatic-admin-text); text-decoration: none; }
.website-row:last-child, .widget-row:last-child { border-bottom: 0; }
.website-row > div:first-child, .widget-row > span:nth-child(2) { display: grid; flex: 1; gap: .1rem; }
.widget-row-shell { display: grid; min-width: 0; grid-template-columns: minmax(0, 1fr) auto; align-items: center; border-bottom: 1px solid var(--dynostatic-admin-line); }
.widget-row-shell .widget-row { border-bottom: 0; }
.widget-row-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .3rem; padding: .35rem; }
.widget-row.is-deleted { opacity: .68; }
.widget-archive { margin-top: 1rem; border-top: 1px solid var(--dynostatic-admin-line); padding-top: .75rem; }
.widget-archive > summary { font-weight: 720; }
/* Shared-widget rows appear in both the picker and the source widget editor. */
.binding-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .35rem 1.25rem; align-items: center; min-width: 0; margin: 0; padding: 1rem 0; border-top: 1px solid var(--dynostatic-admin-line); }
.binding-row > strong, .binding-row > small { grid-column: 1; min-width: 0; overflow-wrap: anywhere; }
.binding-row > strong { grid-row: 1; }
.binding-row > small { color: var(--dynostatic-admin-muted); font-size: .875rem; line-height: 1.5; }
.binding-row > .pill { grid-column: 2; grid-row: 1; justify-self: end; }
.binding-row > button { grid-column: 2; grid-row: 1 / span 2; justify-self: end; }
.binding-row > .page-actions { grid-column: 1 / -1; min-width: 0; justify-content: flex-start; margin-top: .4rem; }
.binding-row .mini-button { min-height: 40px; padding: .5rem .75rem; font-size: .85rem; }
.binding-row .inline-action { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; min-width: 0; margin: 0; }
.binding-row .inline-action:has(select) { display: block; width: 100%; }
.binding-row select { display: inline-block; width: 100%; min-width: 0; max-width: 100%; margin: .3rem 0 .5rem; vertical-align: top; }
.binding-share-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: .75rem 1.25rem; padding-top: 1rem; border-top: 1px solid var(--dynostatic-admin-line); }
.binding-share-form > label, .binding-row .inline-action label { display: block; min-width: 0; font-weight: 680; }
.binding-share-form > label > span { display: block; margin-bottom: .3rem; }
.binding-share-form select { display: inline-block; width: 100%; min-width: 0; max-width: 100%; vertical-align: top; }
.binding-share-form > button { min-height: 40px; }
@media (max-width: 760px) {
  .binding-row, .binding-share-form { grid-template-columns: minmax(0, 1fr); }
  .binding-row > strong, .binding-row > small, .binding-row > .pill, .binding-row > button, .binding-row > .page-actions { grid-column: 1; grid-row: auto; justify-self: start; }
  .binding-row > button, .binding-row > .page-actions { margin-top: .4rem; }
  .binding-row > .page-actions { justify-content: flex-start; }
  .binding-share-form > button { justify-self: start; }
}
.catalog-search { flex: 1 1 18rem; width: 100%; }
.catalog-group { margin: 1.4rem 0; }
.catalog-group > h2 { display: flex; align-items: center; gap: .5rem; padding-bottom: .4rem; border-bottom: 1px solid var(--dynostatic-admin-line); }
.catalog-group > h2 span { padding: .1rem .35rem; border: 1px solid var(--dynostatic-admin-line); color: var(--dynostatic-admin-muted); font-size: .72rem; }
.catalog-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; border: 1px solid var(--dynostatic-admin-line); background: var(--dynostatic-admin-line); }
.catalog-card { display: grid; grid-template-columns: 38px minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) auto; gap: .65rem; min-width: 0; min-height: 182px; padding: .8rem; overflow: hidden; background: var(--dynostatic-admin-panel); }
.catalog-card h3 { margin: 0; }
.catalog-card p { margin: .3rem 0 .6rem; color: var(--dynostatic-admin-muted); font-size: .88rem; }
.catalog-card__content { min-width: 0; overflow-wrap: anywhere; }
.catalog-card__note { display: block; margin-top: .45rem; color: var(--dynostatic-admin-muted); font-size: .74rem; line-height: 1.35; }
.catalog-card__action, .catalog-card__status { grid-column: 2; align-self: end; min-width: 0; margin: 0; }
.catalog-card__action .button { max-width: 100%; white-space: normal; }
.catalog-card__status { padding: .42rem 0; color: var(--dynostatic-admin-muted); font-size: .78rem; }
.catalog-create { display: grid; gap: .55rem; }
.catalog-create-form { margin: 0; }
.catalog-templates { min-width: 0; border-top: 1px solid var(--dynostatic-admin-line); }
.catalog-templates > summary { display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding: .55rem 0 0; color: var(--dynostatic-admin-accent-strong); cursor: pointer; font-size: .8rem; font-weight: 720; }
.catalog-templates > summary span { display: inline-grid; min-width: 1.45rem; min-height: 1.45rem; place-items: center; border: 1px solid var(--dynostatic-admin-line); color: var(--dynostatic-admin-muted); font-size: .7rem; }
.catalog-template-list { display: grid; gap: .6rem; padding-top: .6rem; }
.catalog-template { display: grid; gap: .5rem; min-width: 0; padding: .6rem; border: 1px solid var(--dynostatic-admin-line); background: var(--dynostatic-admin-panel-alt); }
.catalog-template__preview { min-height: 2.4rem; padding: .45rem; overflow: hidden; border: 1px dashed var(--dynostatic-admin-line); background: var(--dynostatic-admin-panel); color: var(--dynostatic-admin-muted); font-size: .72rem; }
.catalog-template__copy { min-width: 0; }
.catalog-template__copy strong { display: block; overflow-wrap: anywhere; }
.catalog-template__copy p { margin: .2rem 0 .35rem; font-size: .76rem; }
.catalog-template__copy code { display: inline-block; max-width: 100%; overflow-wrap: anywhere; color: var(--dynostatic-admin-muted); font-size: .68rem; }
.catalog-template .button { width: 100%; }
.catalog-icon { display: grid; width: 38px; height: 38px; flex: 0 0 38px; place-items: center; border: 1px solid var(--dynostatic-admin-line); background: var(--dynostatic-admin-panel-alt); color: var(--dynostatic-admin-accent-strong); font-weight: 800; }
.catalog-icon svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.catalog-empty { padding: 3rem 1rem; border: 1px solid var(--dynostatic-admin-line); text-align: center; }
.catalog-empty h2 { margin-bottom: .25rem; }

.builder { display: grid; min-width: 0; grid-template-columns: minmax(0, 430px) minmax(0, 1fr); gap: 1rem; align-items: start; }
.editor-shell { display: grid; min-width: 0; gap: 1rem; }
.editor-navigation { display: flex; min-width: 0; flex-wrap: wrap; gap: .35rem; padding: .45rem; border: 1px solid var(--dynostatic-admin-line); border-radius: var(--radius); background: var(--dynostatic-admin-panel-alt); }
.editor-navigation a { padding: .35rem .55rem; border-radius: calc(var(--radius) * .7); color: var(--dynostatic-admin-text); font-weight: 700; text-decoration: none; }
.editor-navigation a:hover { background: var(--dynostatic-admin-panel); }
.google-editor-navigation { gap: .25rem; }
.google-editor-navigation a { padding: .65rem 1.05rem; }
.google-editor-navigation a[aria-current="page"], .google-editor-navigation a[aria-selected="true"] { background: var(--dynostatic-admin-panel); color: var(--dynostatic-admin-accent-strong); box-shadow: inset 0 -2px var(--dynostatic-admin-accent); }
.google-editor-panel { min-width: 0; }
.google-review-editor > .page-head { margin: 0; }
.google-review-editor > .page-head > .page-actions { width: 100%; justify-content: flex-end; }
.google-review-editor .builder { grid-template-columns: minmax(280px, 350px) minmax(0, 1fr); gap: 1.25rem; }
.google-review-editor .builder-controls { max-height: none; overflow: visible; }
.google-review-editor .builder-preview iframe { height: min(720px, calc(100vh - 170px)); min-height: 440px; }
.google-review-editor .editor-actions { bottom: 0; z-index: 2; }
.google-review-editor .editor-validation:has(> .success:only-child) { font-size: .85rem; }
.google-editor-group { min-width: 0; border: 1px solid var(--dynostatic-admin-line); border-radius: var(--radius); background: var(--dynostatic-admin-panel); }
.google-editor-group > summary { padding: .8rem; cursor: pointer; font-weight: 750; }
.google-editor-group[open] > summary { border-bottom: 1px solid var(--dynostatic-admin-line); }
.google-editor-group__fields { display: grid; min-width: 0; gap: .8rem; padding: .85rem; }
.google-editor-group textarea { min-height: 5rem; }
.google-editor-group .builder-appearance { padding: .65rem; margin: 0; }
.google-review-setup { display: grid; gap: 1.25rem; margin: 0; }
.google-review-setup h3, .google-review-setup h4, .google-review-setup p { margin-top: 0; }
.google-review-setup h3 + p { margin-bottom: 0; color: var(--dynostatic-admin-muted); }
.google-source-summary, .google-picture-status { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; padding: .9rem 1rem; background: var(--dynostatic-admin-panel-alt); border: 1px solid var(--dynostatic-admin-line); border-radius: var(--radius); }
.google-source-summary > div { display: flex; align-items: baseline; gap: .75rem; flex-wrap: wrap; }
.google-source-summary span, .google-picture-status p { color: var(--dynostatic-admin-muted); font-size: .85rem; }
.google-picture-status { margin-top: 1.25rem; }
.google-picture-status p { margin: .3rem 0 0; }
.google-picture-status form { margin: 0; }
.google-method-choices { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .65rem; padding: 0; margin: 0; border: 0; }
.google-method-choices legend { margin-bottom: .65rem; font-size: .85rem; font-weight: 750; }
.google-method-choice { display: flex; align-items: flex-start; gap: .65rem; padding: .9rem; margin: 0; border: 1px solid var(--dynostatic-admin-line); border-radius: var(--radius); cursor: pointer; }
.google-method-choice:has(input:checked) { border-color: var(--dynostatic-admin-accent); background: var(--dynostatic-admin-accent-soft); }
.google-method-choice input[type=radio], .google-method-toggle input[type=checkbox] { flex: 0 0 auto; width: 1rem; height: 1rem; min-height: 0; margin: .2rem 0 0; padding: 0; }
.google-method-choice span { display: grid; gap: .35rem; }
.google-method-choice strong { font: 700 .9rem/1.3 system-ui, sans-serif; letter-spacing: normal; text-transform: none; }
.google-method-choice small { color: var(--dynostatic-admin-muted); font-weight: 400; font-size: .78rem; }

.google-method-content > .stack { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: .8rem; }
.google-method-content label { display: grid; min-width: 0; gap: .35rem; }
.google-method-content input:not([type=checkbox]), .google-method-content select { width: 100%; min-width: 0; }
.google-method-content .google-method-toggle { display: flex; align-items: center; gap: .6rem; }
.google-method-content .stack:has(select) { grid-template-columns: minmax(0, 2fr) minmax(8rem, 1fr); }
.google-method-content .stack:has(select) > button { justify-self: end; }
.google-import-browser { margin: 1rem 0; padding: .85rem 0; border-top: 1px solid var(--dynostatic-admin-line); border-bottom: 1px solid var(--dynostatic-admin-line); }
.google-import-browser summary { cursor: pointer; font-weight: 700; }
.google-import-browser[open] summary { margin-bottom: 1rem; }
.google-import-browser .stack { display: grid; gap: .75rem; }
.google-import-browser button { justify-self: start; }
.google-setup-note { margin: 0; font-size: .8rem; }
.google-editor-panel .widget-draft-history, .google-editor-panel .embed-card { margin-top: 0; }
.google-editor-panel .widget-draft-history > .table-wrap { max-height: 32rem; }
.google-activity-details { border-top: 1px solid var(--dynostatic-admin-line); padding-top: 1rem; }
.google-activity-details > summary { cursor: pointer; font-weight: 700; }
.widget-draft-history-tools { display: flex; min-width: 0; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: .75rem; }
.widget-draft-history-tools > nav { margin: 0; }
.widget-draft-history-clear { min-width: 0; max-width: 100%; }
.widget-draft-history-clear > summary, details.widget-draft-compare > summary { cursor: pointer; font-weight: 700; }
.widget-draft-history-clear > summary { padding: .6rem .8rem; border: 1px solid var(--dynostatic-admin-line); border-radius: var(--radius); }
.widget-draft-history-clear[open] { flex-basis: 100%; }
.widget-draft-history-clear > form { margin-top: .75rem; padding: .85rem; border: 1px solid var(--dynostatic-admin-line); background: var(--dynostatic-admin-panel-alt); }
.widget-draft-history-clear p { margin: 0; }
.widget-draft-history-clear button { justify-self: start; }
details.widget-draft-compare > summary { padding: .4rem 0; }
details.widget-draft-compare[open] > summary { margin-bottom: .5rem; }
@media (max-width: 1200px) {
  .google-method-choices { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .google-review-editor .builder { grid-template-columns: minmax(250px, 320px) minmax(0, 1fr); }
}
@media (max-width: 950px) {
  .google-review-editor .builder { grid-template-columns: minmax(0, 1fr); }
  .google-review-editor .builder-preview { position: static; }
}
@media (max-width: 600px) {
  .google-editor-navigation { display: flex; flex-wrap: nowrap; overflow-x: auto; }
  .google-editor-navigation a { flex: 0 0 auto; padding: .65rem .8rem; }
  .google-method-choices { grid-template-columns: minmax(0, 1fr); }
  .google-method-content > .stack, .google-method-content .stack:has(select) { grid-template-columns: minmax(0, 1fr); }
  .google-method-content .stack:has(select) > button { justify-self: stretch; }
}
.editor-state { display: flex; min-width: 0; align-items: flex-start; gap: .8rem; }
.editor-state dl { display: flex; min-width: 0; flex: 1; flex-wrap: wrap; gap: .45rem 1rem; margin: 0; }
.editor-state dl div { display: flex; min-width: 0; gap: .3rem; }
.editor-state dt { color: var(--dynostatic-admin-muted); }
.editor-state dd { min-width: 0; margin: 0; font-weight: 750; overflow-wrap: anywhere; }
.editor-validation:empty { display: none; }
.editor-validation-link { background: transparent; border: 0; padding: .25rem 0; color: inherit; text-align: start; text-decoration: underline; white-space: normal; overflow-wrap: anywhere; }
.editor-validation-link:hover { background: transparent; color: inherit; }
[data-editor-shell] [aria-invalid="true"] { border-color: var(--dynostatic-admin-danger); }
.editor-field-group { display: grid; min-width: 0; gap: .75rem; scroll-margin-top: calc(var(--dynostatic-admin-menu-height) + 1rem); }
.editor-field-group__head h3, .editor-field-group__head p { margin: 0; }
.editor-field-group__head p { margin-top: .2rem; color: var(--dynostatic-admin-muted); font-size: .82rem; }
.editor-field-group__controls { display: grid; min-width: 0; gap: .8rem; }
.editor-actions { flex-wrap: wrap; }
[data-editor-control], [data-editor-collection], [data-editor-media-control], [data-editor-reference] { min-width: 0; max-width: 100%; }
[data-editor-control] input:not([type=checkbox]):not([type=radio]), [data-editor-control] select, [data-editor-control] textarea { box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; }
.builder-controls { min-width: 0; max-width: 100%; max-height: calc(100vh - 92px); overflow: auto; }
.builder-controls form { display: grid; gap: .8rem; min-width: 0; }
.builder-edit-fields { display: grid; min-width: 0; gap: .8rem; margin: 0; padding: 0; border: 0; }
.builder-edit-fields:disabled { opacity: .72; }
.builder-controls label,
.builder-edit-fields label,
.builder-appearance label {
  display: grid;
  min-width: 0;
  max-width: 100%;
  gap: .3rem;
}
.builder-controls select,
.builder-controls input:not([type=checkbox]):not([type=radio]):not([type=color]),
.builder-controls textarea,
.builder-edit-fields select,
.builder-edit-fields input:not([type=checkbox]):not([type=radio]):not([type=color]),
.builder-edit-fields textarea,
.builder-appearance select,
.builder-appearance input:not([type=checkbox]):not([type=radio]):not([type=color]),
.builder-appearance textarea {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.builder-settings-link { margin: 0 0 1rem; padding: 1rem; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface-soft); }
.builder-settings-link h2 { margin-top: 0; font-size: 1rem; }
.builder-settings-link code { overflow-wrap: anywhere; word-break: break-word; }
.builder-settings-link .page-actions { justify-content: flex-start; }
.website-row { gap: 1rem; align-items: center; }
.website-row code { overflow-wrap: anywhere; }
.discussion-move { margin-top: .65rem; }
.discussion-move summary { cursor: pointer; font-weight: 700; }
.discussion-move form { margin-top: .75rem; }
.builder-field { display: grid; gap: .3rem; }
.builder-field > small { color: var(--dynostatic-admin-muted); }
.form-language-options { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr)); gap: .6rem; }
.form-language-options .toggle { display: flex; align-items: center; gap: .5rem; }
.form-language-options input { flex: 0 0 auto; width: auto; min-height: 0; }
.knowledge-base-release-picker { margin-bottom: .8rem; }
.knowledge-base-release-picker .button { justify-self: start; }
.knowledge-base-mapping { display: grid; min-width: 0; max-width: 100%; gap: .75rem; margin: 0; padding: .8rem; overflow: hidden; background: var(--dynostatic-admin-panel-alt); }
.knowledge-base-mapping > legend { color: var(--dynostatic-admin-text); font-weight: 800; }
.knowledge-base-mapping__group { display: grid; min-width: 0; max-width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; margin: 0; padding: .7rem; overflow: hidden; }
.knowledge-base-mapping__group > legend { color: var(--dynostatic-admin-muted); font-size: .78rem; font-weight: 750; }
.knowledge-base-mapping__group label:first-of-type:last-of-type { grid-column: 1 / -1; }
.knowledge-base-mapping__shared { min-width: 0; max-width: 100%; }
.knowledge-base-mapping [hidden] { display: none !important; }
.code { font: 12px/1.5 ui-monospace, SFMono-Regular, Consolas, monospace; }
.color-field { display: grid; width: 100%; min-width: 0; grid-template-columns: 46px minmax(0, 1fr); align-items: center; gap: .55rem; }
.color-field .color-field__picker { width: 46px; height: 38px; min-height: 0; padding: .15rem; cursor: pointer; }
.color-field .color-field__hex { width: 100%; min-width: 0; height: 38px; font: 13px/1.4 ui-monospace, SFMono-Regular, Consolas, monospace; }
.builder-appearance { display: grid; min-width: 0; max-width: 100%; gap: .7rem; margin: .15rem 0 .4rem; padding: .8rem; background: var(--dynostatic-admin-panel-alt); overflow: hidden; }
.builder-appearance legend { color: var(--dynostatic-admin-text); font-weight: 800; }
.builder-appearance__hint, .builder-appearance__custom > p { margin: 0; color: var(--dynostatic-admin-muted); font-size: .8rem; overflow-wrap: anywhere; }
.builder-appearance__options, .builder-appearance__custom, .builder-appearance__stylesheet { display: grid; min-width: 0; gap: .7rem; }
.builder-appearance [hidden] { display: none !important; }
.toggle { display: flex; align-items: center; gap: .5rem; font-weight: 500; }
.toggle input { width: auto; min-height: auto; }
.repeater { display: grid; max-width: 100%; min-width: 0; gap: .55rem; overflow: hidden; }
.repeater-items { display: grid; min-width: 0; gap: .55rem; }
.repeater-row { position: relative; min-width: 0; margin: 0; padding: .75rem; overflow: hidden; background: var(--dynostatic-admin-panel-alt); }
.repeater-row legend { font-size: .78rem; color: var(--dynostatic-admin-muted); }
.repeater-toolbar { position: absolute; top: .35rem; right: .35rem; display: flex; gap: .2rem; }
.repeater-toolbar button { min-height: 26px; padding: .15rem .35rem; border-color: var(--dynostatic-admin-line); background: var(--dynostatic-admin-panel); color: var(--dynostatic-admin-muted); font-size: .72rem; }
.repeater-toolbar button:disabled { opacity: .35; }
.repeater-fields { display: grid; min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; }
.repeater-fields label { min-width: 0; max-width: 100%; font-size: .78rem; }
.repeater-fields input,
.repeater-fields select,
.repeater-fields textarea { width: 100%; min-width: 0; max-width: 100%; }
.media-reference-field { display: grid; min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; margin: 0; padding: .75rem; border: 1px solid var(--dynostatic-admin-line); border-radius: .65rem; background: var(--dynostatic-admin-panel-alt); }
.media-reference-field label { min-width: 0; max-width: 100%; }
.media-reference-field label:has(textarea), .media-reference-field .toggle, .media-reference-field > small { grid-column: 1 / -1; }
.media-reference-field input, .media-reference-field textarea { width: 100%; min-width: 0; max-width: 100%; }
.repeater-media-reference { display: grid; min-width: 0; grid-column: 1 / -1; gap: .3rem; }
.repeater-add { justify-self: start; }
.repeater-count { color: var(--dynostatic-admin-muted); font-size: .78rem; }
.data-table-editor { display:grid;min-width:0;gap:.65rem }.data-table-editor__wrap { position:relative;max-width:100%;overflow:auto;border:1px solid var(--dynostatic-admin-line);border-radius:var(--dynostatic-admin-radius-sm) }.data-table-editor table { width:max-content;min-width:100%;border-collapse:collapse }.data-table-editor th,.data-table-editor td { min-width:11rem;padding:.45rem;border:1px solid var(--dynostatic-admin-line);vertical-align:top }.data-table-editor th:first-child { position:sticky;left:0;z-index:1;min-width:8rem;background:var(--dynostatic-admin-panel-alt) }.data-table-editor input { width:100%;min-width:0 }.data-table-editor__row-actions { display:flex;flex-wrap:wrap;gap:.2rem }.data-table-editor__row-actions button { min-height:28px;padding:.2rem .4rem;font-size:.72rem }.data-table-editor__actions { display:flex;align-items:center;gap:.65rem;color:var(--dynostatic-admin-muted);font-size:.8rem }.data-table-editor__advanced textarea { width:100%;font:500 .78rem/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace }.data-table-editor__advanced summary { cursor:pointer;font-weight:700 }
.directory-editor{display:grid;min-width:0;gap:.75rem}.directory-editor__entries{display:grid;gap:.75rem}.directory-editor__entry{position:relative;min-width:0;margin:0;padding:.85rem;border:1px solid var(--dynostatic-admin-line);border-radius:var(--dynostatic-admin-radius-sm);background:var(--dynostatic-admin-panel-alt)}.directory-editor__entry legend{padding:0 .3rem;font-weight:800}.directory-editor__toolbar{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.25rem;margin:-1.2rem 0 .7rem}.directory-editor__toolbar button{min-height:30px;padding:.25rem .5rem;font-size:.74rem}.directory-editor__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.directory-editor__fields label{display:grid;min-width:0;gap:.3rem}.directory-editor__fields label:nth-child(2){grid-column:1/-1}.directory-editor__fields input,.directory-editor__fields textarea,.directory-editor__fields select{width:100%;min-width:0}.directory-editor__actions{display:flex;align-items:center;gap:.65rem;color:var(--dynostatic-admin-muted);font-size:.8rem}.directory-editor__advanced textarea{width:100%;font:500 .78rem/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.directory-editor__advanced summary{cursor:pointer;font-weight:700}@media(max-width:720px){.directory-editor__fields{grid-template-columns:minmax(0,1fr)}.directory-editor__fields label:nth-child(2){grid-column:auto}.directory-editor__toolbar{justify-content:flex-start;margin:0 0 .7rem}}
.sticky-actions { position: sticky; bottom: -1rem; display: flex; align-items: center; gap: .5rem; margin: .6rem -1rem -1rem; padding: .7rem 1rem; border-top: 1px solid var(--dynostatic-admin-line); background: color-mix(in srgb, var(--dynostatic-admin-panel) 94%, transparent); }
.sticky-actions span { color: var(--dynostatic-admin-muted); font-size: .78rem; }
.builder-preview { position: sticky; top: calc(var(--dynostatic-admin-menu-height) + 1rem); width: 100%; min-width: 0; max-width: 100%; overflow: hidden; padding: 0; background: var(--dynostatic-admin-panel-alt); }
.preview-bar { display: flex; min-height: 42px; align-items: center; justify-content: space-between; padding: 0 .7rem; border-bottom: 1px solid var(--dynostatic-admin-line); background: var(--dynostatic-admin-panel); }
.preview-bar button { min-height: 28px; padding: .25rem .4rem; border-color: transparent; background: transparent; color: var(--dynostatic-admin-muted); font-size: .76rem; }
.preview-bar button.active { border-color: var(--dynostatic-admin-line); background: var(--dynostatic-admin-panel-alt); color: var(--dynostatic-admin-accent-strong); }
.builder-preview iframe { display: block; width: calc(100% - 1.5rem); max-width: calc(100% - 1.5rem); height: 620px; margin: .75rem auto; border: 1px solid var(--dynostatic-admin-line); background: #f3f2ef; transition: max-width .2s, width .2s; }
.embed-card { margin-top: 1rem; }
.widget-history { margin-top: 1rem; }
.widget-history details > summary { padding: .2rem 0 .65rem; }
.table-wrap { position: relative; max-width: 100%; overflow: auto; border: 1px solid var(--dynostatic-admin-line); }
.table-wrap table { border: 0; }
.state-actions { display: flex; flex-wrap: wrap; gap: .25rem; }
.mini-button { min-height: 27px; padding: .2rem .35rem; font-size: .72rem; }
.stars { color: #d88a00; }
.diagnostics { display: grid; margin: 0; }
.diagnostics div { display: grid; grid-template-columns: 140px minmax(0, 1fr); padding: .55rem 0; border-bottom: 1px solid var(--dynostatic-admin-line); }
.diagnostics dt { color: var(--dynostatic-admin-muted); }
.diagnostics dd { min-width: 0; margin: 0; overflow-wrap: anywhere; }
.empty-state { padding: 2.5rem 1rem; text-align: center; color: var(--dynostatic-admin-muted); }
.empty-state.large { padding-top: 12vh; }

.optimization-cards { grid-template-columns: repeat(auto-fit, minmax(175px, 1fr)); }
.optimization-cards .card { min-width: 0; align-content: space-between; gap: .75rem; }
.optimization-cards .cards > .card > strong { overflow-wrap: anywhere; font: 720 .9rem/1.25 system-ui, sans-serif; }
.optimization-cards .card > span:not(.status) { overflow-wrap: anywhere; font: 700 .88rem/1.25 ui-monospace, SFMono-Regular, Consolas, monospace; }
.optimization-detail { min-height: 0; border: 1px solid var(--dynostatic-admin-line); }
.optimization-detail h3 { margin-top: 0; }
.status-list, .setup-checklist { display: grid; gap: .62rem; margin: .75rem 0; padding-left: 1.35rem; }
.status-list { padding-left: 0; list-style: none; }
.status-list .status { margin-right: .35rem; }
.cloudflare-actions { margin: .8rem 0 .4rem; }
.cloudflare-actions form { margin: 0; }
#cloudflare-automatic details { margin-top: .8rem; }
#cloudflare-automatic .settings { margin: 1rem 0; }

.install { display: grid; min-height: 100vh; place-items: center; padding: 1rem; background: var(--dynostatic-admin-bg); }
.install-card { width: min(100%, 700px); padding: 1.4rem; border: 1px solid var(--dynostatic-admin-line); background: var(--dynostatic-admin-panel); }
.login-card { max-width: 440px; }
.brand-mark { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid var(--dynostatic-admin-accent); background: var(--dynostatic-admin-accent-soft); color: var(--dynostatic-admin-accent-strong); font-weight: 850; }
.install-card h1 { margin: .5rem 0; font-size: 1.9rem; }
.lede { color: var(--dynostatic-admin-muted); }

@media (max-width: 1050px) {
  .catalog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .builder { grid-template-columns: 1fr; }
  .builder-controls { max-height: none; }
  .builder-preview { position: static; }
  .span-4, .span-5, .span-6, .span-7, .span-8 { grid-column: 1 / -1; }
}
@media (max-width: 620px) {
  .stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .catalog-grid, .fields.two { grid-template-columns: 1fr; }
  .admin-content > .page-head { align-items: flex-start; flex-direction: column; }
  .page-actions, .empty-actions { justify-content: flex-start; }
  .builder-controls { padding: .8rem; }
  .sticky-actions { margin-inline: -.8rem; }
  .catalog-card { min-height: 0; }
  .knowledge-base-mapping__group { grid-template-columns: 1fr; }
  .repeater-fields { grid-template-columns: 1fr; }
  .media-reference-field { grid-template-columns: 1fr; }
  .widget-row-shell { grid-template-columns: 1fr; }
  .widget-row-actions { justify-content: flex-start; }
}
.repeater-fields label:has(select),
.repeater-fields label:has(textarea) { grid-column: 1 / -1; }
.repeater-fields small { display:block; margin-top:.2rem; color: var(--dynostatic-admin-muted); }

.subnav { display: flex; flex-wrap: wrap; gap: .35rem .75rem; margin: 0 0 1rem; padding-bottom: .55rem; border-bottom: 1px solid var(--dynostatic-admin-line); }
.subnav-link { color: var(--dynostatic-admin-muted); text-decoration: none; font-weight: 600; }
.subnav-link:hover { color: var(--dynostatic-admin-accent-strong); }
.subnav-link.is-active { color: var(--dynostatic-admin-accent-strong); font-weight: 720; }
.admin-disclosure { min-width: 0; margin-bottom: 1rem; padding: 1rem; border: 1px solid var(--dynostatic-admin-line); background: var(--dynostatic-admin-panel); }
.admin-disclosure > summary { cursor: pointer; font-weight: 680; }
.admin-disclosure[open] > summary { margin-bottom: 1rem; }
.admin-disclosure > :last-child { margin-bottom: 0; }
.cms-content-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.cms-content-head > * { min-width: 0; }
.cms-content-head h2, .cms-content-head p { margin-top: 0; }
.cms-starter-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: .75rem; align-items: stretch; }
.cms-starter-single { width: 100%; margin-inline: auto; text-align: left; }
.cms-starter-card { display: grid; grid-template-rows: auto auto auto 1fr; align-content: start; gap: .65rem; min-width: 0; padding: .9rem; border: 1px solid var(--dynostatic-admin-line); background: var(--dynostatic-admin-panel-alt); text-align: left; }
.cms-starter-card h3, .cms-starter-card p { margin: 0; }
.cms-starter-card form:not(.cms-custom-starter) { align-self: end; margin-top: .25rem; }
.cms-custom-starter { display: grid; align-self: end; gap: .55rem; min-width: 0; margin-top: .25rem; }
.cms-custom-starter label { min-width: 0; }
.site-starter-library { overflow: hidden; }
.site-starter-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: .85rem; align-items: stretch; }
.site-starter-card { display: flex; min-width: 0; flex-direction: column; gap: .75rem; padding: 1rem; border: 1px solid var(--dynostatic-admin-line); background: var(--dynostatic-admin-panel-alt); }
.site-starter-card h3, .site-starter-card p { margin: 0; }
.site-starter-card-head { display: flex; min-width: 0; align-items: flex-start; justify-content: space-between; gap: .75rem; }
.site-starter-card-head > div { min-width: 0; }
.site-starter-card .badge { display: inline-flex; flex: 0 0 auto; max-width: 100%; padding: .2rem .5rem; border-radius: 999px; background: var(--dynostatic-admin-panel); color: var(--dynostatic-admin-muted); font-size: .72rem; font-weight: 750; line-height: 1.25; }
.site-starter-card .badge.success { background: var(--dynostatic-admin-success-soft); color: var(--dynostatic-admin-success); }
.site-starter-card .badge.warning { background: var(--dynostatic-admin-danger-soft); color: var(--dynostatic-admin-danger); }
.site-starter-resources { min-width: 0; }
.site-starter-resources summary { cursor: pointer; font-weight: 720; }
.site-starter-resources ul, .site-starter-attention ul { display: grid; gap: .55rem; margin: .65rem 0 0; padding: 0; list-style: none; }
.site-starter-resources li { display: grid; min-width: 0; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: .55rem; }
.site-starter-resources li > span:last-child, .site-starter-resources strong, .site-starter-resources small { min-width: 0; overflow-wrap: anywhere; }
.site-starter-resources strong, .site-starter-attention > strong { color: var(--dynostatic-admin-text); font: 720 .9rem/1.25 system-ui, sans-serif; }
.site-starter-resources small { display: block; margin-top: .12rem; color: var(--dynostatic-admin-muted); line-height: 1.35; }
.site-starter-resource-status { min-width: 3.6rem; justify-content: center; }
.site-starter-attention { padding: .7rem; border-left: 3px solid var(--dynostatic-admin-danger); background: var(--dynostatic-admin-danger-soft); }
.site-starter-attention li { padding-left: 1rem; list-style: disc; overflow-wrap: anywhere; }
.site-starter-card-action { display: grid; min-width: 0; gap: .5rem; margin-top: auto; }
.site-starter-action { display: block; min-width: 0; margin: 0; }
.site-starter-action button, .site-starter-card-action > .button { max-width: 100%; white-space: normal; text-align: center; }
.site-starter-footnote { margin-bottom: 0; }
.cms-entry-form { width: 100%; min-width: 0; }
.cms-entry-form input, .cms-entry-form select, .cms-entry-form textarea, .cms-entry-form fieldset { min-width: 0; max-width: 100%; }
.settings[data-cms-schema-form] { box-sizing: border-box; width: 100%; min-width: 0; }
.settings[data-cms-schema-form] label:not(.toggle) { display: grid; min-width: 0; align-items: stretch; }
.settings[data-cms-schema-form] fieldset,
.settings[data-cms-schema-form] .cms-builder,
.settings[data-cms-schema-form] .cms-builder-rows,
.settings[data-cms-schema-form] .cms-builder-row,
.settings[data-cms-schema-form] .cms-builder-row-body,
.settings[data-cms-schema-form] .cms-builder-nested { box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; }
.settings[data-cms-schema-form] input:not([type="checkbox"]),
.settings[data-cms-schema-form] select,
.settings[data-cms-schema-form] textarea { box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; }
.cms-entry-filters { align-items: end; }
.cms-media-filters { grid-template-columns: minmax(13rem, 2fr) repeat(3, minmax(9rem, 1fr)) auto auto; margin-bottom: 1rem; }
.cms-entry-pagination { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .85rem; }
.cms-entry-batch-form { display: grid; min-width: 0; gap: .75rem; margin: 0; }
.cms-entry-batch-actions { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; gap: .75rem; padding: .75rem; border: 1px solid var(--dynostatic-admin-line); background: var(--dynostatic-admin-panel-alt); }
.cms-entry-batch-actions .inline-actions { margin-left: auto; }
.cms-entry-select { width: 1%; text-align: center; }
.cms-entry-select label { display: inline-flex; align-items: center; justify-content: center; min-width: 2rem; min-height: 2rem; }
.cms-entry-select input { width: 1rem; height: 1rem; }
.cms-entry-batch-review { min-width: 0; overflow: hidden; }
.cms-entry-batch-review td small { display: block; margin-top: .2rem; color: var(--dynostatic-admin-muted); overflow-wrap: anywhere; }
.cms-entry-batch-confirm-actions { margin-top: 1rem; }
.cms-entry-batch-confirm { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; gap: .65rem; margin: 0; }
.cms-fields { display: grid; gap: .85rem; }
.cms-field { display: grid; gap: .35rem; }
.cms-field[hidden] { display: none !important; }
.cms-field[data-cms-type="taxonomy"] select { box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; }
.cms-field[data-cms-type="taxonomy"] select[multiple] { min-height: 9rem; }
.cms-field[data-cms-type="taxonomy"] > small { color: var(--dynostatic-admin-muted); overflow-wrap: anywhere; }
.cms-advanced { margin: .75rem 0; }
.cms-object, .cms-array, .cms-conditional { border: 1px solid var(--dynostatic-admin-line); padding: .75rem; margin: 0; display: grid; gap: .65rem; }
.cms-array-row { display: grid; gap: .4rem; padding: .55rem 0; border-bottom: 1px solid var(--dynostatic-admin-line); }
.cms-document { display: grid; gap: .4rem; }
.cms-md-toolbar { display: flex; flex-wrap: wrap; gap: .25rem; }
.cms-md-toolbar button { min-width: 2.2rem; }
.cms-md-preview { border: 1px solid var(--dynostatic-admin-line); padding: .75rem; min-height: 12rem; background: var(--dynostatic-admin-panel-alt); }
.cms-media-field { display: grid; grid-template-columns: auto auto minmax(0, 1fr); gap: .45rem; align-items: center; width: 100%; }
.cms-media-field > label { grid-column: 1 / -1; }
.cms-media-field > input[data-cms-media] { grid-column: 1 / -1; width: 100%; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; text-transform: uppercase; }
.cms-media-field > .cms-media-preview { grid-column: 1 / -1; min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.cms-media-field > .cms-media-preview img { display: block; width: min(240px, 100%); max-height: 150px; object-fit: cover; border: 1px solid var(--dynostatic-admin-line); }
.cms-media-field > small { grid-column: 1 / -1; min-width: 0; overflow-wrap: anywhere; }
.cms-media-modal { position: fixed; inset: 0; width: 100%; max-width: none; height: 100%; max-height: none; margin: 0; border: 0; background: transparent; place-items: center; z-index: 80; padding: 1rem; color: inherit; }
.cms-media-modal[open] { display: grid; }
.cms-media-modal::backdrop { background: rgba(20, 24, 28, .55); }
.cms-media-modal-panel { width: min(960px, 100%); max-width: 100%; max-height: min(90vh, 820px); overflow: auto; overscroll-behavior: contain; background: var(--dynostatic-admin-panel); border: 1px solid var(--dynostatic-admin-line); border-radius: 8px; box-shadow: 0 18px 48px rgba(0, 0, 0, .28); padding: 1rem; display: grid; gap: .75rem; }
.cms-media-modal-panel header { display: flex; justify-content: space-between; align-items: center; gap: .75rem; }
.cms-media-modal-status { min-height: 1.5em; margin: 0; color: var(--dynostatic-admin-muted); }
.cms-media-modal-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; min-width: 0; }
.cms-media-pick-card { display: grid; gap: .35rem; min-width: 0; overflow: hidden; text-align: left; padding: .45rem; border: 1px solid var(--dynostatic-admin-line); background: var(--dynostatic-admin-panel-alt); color: var(--dynostatic-admin-text); cursor: pointer; }
.cms-media-pick-card[data-media-selected="true"] { border-color: var(--dynostatic-admin-accent); box-shadow: inset 0 0 0 1px var(--dynostatic-admin-accent); }
.cms-media-pick-card img { width: 100%; height: 90px; object-fit: cover; }
.cms-media-pick-card span { overflow-wrap: anywhere; }
.cms-media-selected-unavailable { grid-column: 1 / -1; min-width: 0; overflow-wrap: anywhere; }
.cms-media-modal-pages { display: flex; gap: .5rem; justify-content: space-between; }
.cms-media-modal[aria-busy="true"] .cms-media-modal-grid { opacity: .62; }
.cms-collection-editor { min-width: 0; }
.cms-collection-members { display: grid; gap: .65rem; min-width: 0; }
.cms-collection-member { display: grid; gap: .65rem; min-width: 0; padding: .75rem; border: 1px solid var(--dynostatic-admin-line); background: var(--dynostatic-admin-panel-alt); }
.cms-collection-member-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .65rem; min-width: 0; }
.cms-collection-member-head > div:first-child { min-width: 0; overflow-wrap: anywhere; }
.cms-collection-member-fields { display: grid; grid-template-columns: minmax(8rem, .5fr) minmax(12rem, 1fr) minmax(8rem, .5fr) minmax(12rem, 1fr); gap: .65rem; align-items: end; min-width: 0; }
.cms-collection-member-fields label { min-width: 0; }
.cms-collection-add { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: .5rem; align-items: end; min-width: 0; margin-top: .75rem; }
.cms-collection-add > label { min-width: 0; }
.cms-collection-add > p, .cms-collection-add > noscript { grid-column: 1 / -1; margin: 0; }
@media (max-width: 767px) { .cms-media-modal-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 479px) {
  .cms-media-field { grid-template-columns: minmax(0, 1fr); }
  .cms-media-field > button { width: 100%; }
  .cms-media-modal { padding: .35rem; }
  .cms-media-modal-panel { max-height: calc(100vh - .7rem); padding: .75rem; }
  .cms-media-modal-grid { grid-template-columns: minmax(0, 1fr); }
  .cms-collection-member-fields, .cms-collection-add { grid-template-columns: minmax(0, 1fr); }
  .cms-collection-add > button { width: 100%; }
}
.media-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 1px; background: var(--dynostatic-admin-line); border: 1px solid var(--dynostatic-admin-line); }
.media-card { display: grid; gap: .45rem; padding: .85rem; background: var(--dynostatic-admin-panel); min-width: 0; }
.media-card img { display: block; width: 100%; height: 120px; object-fit: cover; background: var(--dynostatic-admin-panel-alt); }
.media-card > p { min-width: 0; margin: 0; overflow-wrap: anywhere; }
.media-card > .status-pill { justify-self: start; }
.media-unavailable { display: grid; place-items: center; align-content: center; gap: .2rem; width: 100%; min-width: 0; height: 120px; padding: .75rem; overflow: hidden; text-align: center; color: var(--dynostatic-admin-muted); background: var(--dynostatic-admin-panel-alt); border: 1px dashed var(--dynostatic-admin-line); }
.media-unavailable > span { font-size: 1.8rem; line-height: 1; }
.media-unavailable > strong, .media-unavailable > small { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.media-detail-grid { display: grid; grid-template-columns: minmax(220px, .8fr) minmax(0, 1.2fr); gap: 1.25rem; align-items: start; }
.media-detail-preview { min-width: 0; }
.media-detail-preview img { display: block; width: 100%; max-height: 420px; object-fit: contain; background: var(--dynostatic-admin-panel-alt); border: 1px solid var(--dynostatic-admin-line); }
.media-detail-preview .media-unavailable { min-height: 220px; height: auto; }
.media-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem 1rem; margin: 0; min-width: 0; }
.media-facts > div { min-width: 0; padding-bottom: .55rem; border-bottom: 1px solid var(--dynostatic-admin-line); }
.media-facts dt { color: var(--dynostatic-admin-muted); font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.media-facts dd { margin: .2rem 0 0; min-width: 0; overflow-wrap: anywhere; }
.media-facts code, .media-detail-grid code, .danger-zone code { white-space: normal; overflow-wrap: anywhere; }
@media (max-width: 767px) {
  .media-detail-grid { grid-template-columns: minmax(0, 1fr); }
  .media-facts { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 620px) {
  .cms-content-head { align-items: stretch; flex-direction: column; }
  .cms-content-head .button { width: 100%; text-align: center; }
  .cms-starter-card { padding: .75rem; }
  .site-starter-card { padding: .8rem; }
  .site-starter-card-head { align-items: stretch; flex-direction: column; }
  .site-starter-card-head .badge { align-self: flex-start; }
  .cms-entry-filters { display: grid; grid-template-columns: 1fr; width: 100%; }
  .cms-entry-filters label, .cms-entry-filters input, .cms-entry-filters select, .cms-entry-filters button { width: 100%; min-width: 0; }
  .cms-entry-pagination .button { flex: 1 1 100%; text-align: center; }
  .cms-entry-batch-actions { align-items: stretch; flex-direction: column; }
  .cms-entry-batch-actions .inline-actions { display: grid; width: 100%; margin-left: 0; }
  .cms-entry-batch-actions .inline-actions button, .cms-entry-batch-confirm .button, .cms-entry-batch-confirm button { width: 100%; text-align: center; }
  .cms-entry-batch-confirm { align-items: stretch; flex-direction: column; }
}

.cms-builder { display: grid; gap: .6rem; }
.cms-builder-rows { display: grid; gap: .6rem; }
.cms-builder-row { border: 1px solid var(--dynostatic-admin-line); background: var(--dynostatic-admin-panel-alt); }
.cms-builder-row-head { display: flex; justify-content: space-between; align-items: center; gap: .5rem; padding: .5rem .65rem; border-bottom: 1px solid var(--dynostatic-admin-line); }
.cms-builder-row-head strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cms-builder-row-tools { display: flex; gap: .2rem; }
.cms-builder-row-tools button { min-width: 1.9rem; padding: .1rem .3rem; border-color: var(--dynostatic-admin-line); background: var(--dynostatic-admin-panel); color: var(--dynostatic-admin-muted); }
.cms-builder-row-body { display: grid; gap: .6rem; padding: .65rem; }
.cms-builder-row-core { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: .6rem; }
.cms-builder-row-core label { min-width: 0; }
.cms-builder-options { display: grid; gap: .6rem; border: 1px dashed var(--dynostatic-admin-line); padding: .6rem; }
.cms-builder-options[hidden], .cms-builder-nested[hidden], .cms-builder-options-list[hidden] { display: none !important; }
.cms-builder-nested { display: grid; gap: .6rem; border: 1px solid var(--dynostatic-admin-line); padding: .6rem; background: var(--dynostatic-admin-panel); }
.cms-builder-options-list { display: grid; gap: .4rem; }
.cms-builder-options-list h4 { margin: 0; font-size: .78rem; color: var(--dynostatic-admin-muted); }
.cms-builder-option-row { display: grid; grid-template-columns: 1fr 1fr auto; gap: .4rem; }
.cms-builder-option-row button { min-width: 1.9rem; border-color: var(--dynostatic-admin-line); background: var(--dynostatic-admin-panel); color: var(--dynostatic-admin-muted); }
.cms-builder-options[data-cms-builder-options="taxonomy"] { grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr)); align-items: end; }
.cms-builder-options[data-cms-builder-options="taxonomy"] label { min-width: 0; }
.cms-builder-options[data-cms-builder-options="taxonomy"] input,
.cms-builder-options[data-cms-builder-options="taxonomy"] select { box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; }

/* Provider administration: bounded cards and actions must remain inside the site frame. */
.provider-adapter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(18rem,100%),1fr));gap:1rem}.provider-adapter{min-width:0;padding:1rem;border:1px solid var(--dynostatic-admin-line);border-radius:12px}.provider-connection{min-width:0}.provider-connection .section-heading{align-items:flex-start;gap:1rem;flex-wrap:wrap}.provider-connection .button-row{display:flex;gap:.5rem;flex-wrap:wrap}.provider-connection form{min-width:0}.provider-connection table{min-width:42rem}

/* Site publishing: labelled composition, isolated preview, and exact artifacts. */
.site-publishing-head .pill{margin-left:.45rem;vertical-align:middle}.site-publishing-config,.site-publishing-preview,.site-release-panel,.site-artifact-result{min-width:0;overflow:hidden}.site-publishing-form{display:grid;min-width:0;gap:1rem}.site-publishing-form fieldset{display:grid;min-width:0;gap:.75rem;margin:0;padding:.85rem;border:1px solid var(--dynostatic-admin-line);background:var(--dynostatic-admin-panel-alt)}.site-publishing-form legend{padding:0 .3rem;font-weight:800}.site-publishing-grid{display:grid;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.site-publishing-grid>label,.redirect-row>label,.taxonomy-archive-row>label,.site-build-form>label{display:grid;min-width:0;gap:.3rem}.site-publishing-grid input:not([type=checkbox]),.site-publishing-grid select,.redirect-row input,.redirect-row select,.taxonomy-archive-row input,.taxonomy-archive-row select,.site-build-form select{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.site-publishing-grid select[multiple]{min-height:8rem}.site-publishing-form label small{display:block;color:var(--dynostatic-admin-muted);font-weight:500;line-height:1.35}.check-row{display:flex;min-width:0;align-items:flex-start;gap:.65rem}.check-row input{flex:0 0 auto;margin-top:.2rem}.check-row span{display:grid;min-width:0;gap:.2rem}.field-help{margin:0;color:var(--dynostatic-admin-muted);font-size:.82rem}.site-publishing-actions{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:.65rem}.site-publishing-actions form{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:.55rem;margin:0}.redirect-editor,.taxonomy-archive-editor{display:grid;min-width:0;gap:.6rem}.redirect-row,.taxonomy-archive-row{display:grid;min-width:0;gap:.6rem;padding:.65rem;border:1px solid var(--dynostatic-admin-line);background:var(--dynostatic-admin-panel)}.redirect-row{grid-template-columns:minmax(0,1.1fr) minmax(0,1.5fr) minmax(9rem,.7fr)}.taxonomy-archive-row{grid-template-columns:minmax(15rem,1.6fr) minmax(10rem,1fr) minmax(10rem,1fr) minmax(8rem,.65fr)}.draft-preview-frame{min-width:0;margin-top:1rem;overflow:hidden;border:1px solid var(--dynostatic-admin-line);background:#fff}.draft-preview-label{padding:.45rem .65rem;border-bottom:1px solid var(--dynostatic-admin-line);background:var(--dynostatic-admin-panel-alt);color:var(--dynostatic-admin-muted);font-size:.78rem;font-weight:750}.draft-preview-frame iframe{display:block;width:100%;min-width:0;max-width:100%;height:min(72vh,760px);border:0;background:#fff}.confirm-panel{display:grid;gap:.75rem;margin-bottom:1rem;padding:.8rem;border:1px solid var(--dynostatic-admin-line);background:var(--dynostatic-admin-panel-alt)}.confirm-panel button{justify-self:start}.site-build-form{display:grid;min-width:15rem;gap:.45rem}.compact-check{display:flex!important;align-items:center;gap:.4rem!important;font-size:.78rem}.artifact-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:1rem 0;background:var(--dynostatic-admin-line);border:1px solid var(--dynostatic-admin-line)}.artifact-facts>div{display:grid;min-width:0;gap:.25rem;padding:.7rem;background:var(--dynostatic-admin-panel)}.artifact-facts dt{color:var(--dynostatic-admin-muted);font-size:.76rem}.artifact-facts dd{min-width:0;margin:0;font-weight:700;overflow-wrap:anywhere}.site-artifact-result code,.site-release-panel code{overflow-wrap:anywhere;word-break:break-word}.site-artifact-result details{margin-top:1rem}.site-artifact-result summary{cursor:pointer;font-weight:750}.locale-policy-editor{display:grid;min-width:0;gap:.75rem}.locale-policy-row{min-width:0;padding:.75rem;border:1px solid var(--dynostatic-admin-line);background:var(--dynostatic-admin-panel)}.locale-policy-row h3{margin:0 0 .55rem;font-size:.95rem;overflow-wrap:anywhere}.locale-policy-row--unavailable{border-color:var(--dynostatic-admin-danger);background:var(--dynostatic-admin-danger-soft)}.locale-policy-row--unavailable .locale-policy-diagnosis dt,.locale-policy-row--unavailable .locale-policy-diagnosis dd,.locale-policy-row--unavailable .locale-policy-diagnosis .muted,.locale-policy-row--unavailable .check-row span small{color:var(--dynostatic-admin-text)}.locale-policy-diagnosis{display:grid;min-width:0;gap:.45rem;margin:0 0 .65rem}.locale-policy-diagnosis>div{display:grid;min-width:0;grid-template-columns:minmax(6rem,auto) minmax(0,1fr);gap:.45rem .65rem;align-items:start}.locale-policy-diagnosis dt{margin:0;color:var(--dynostatic-admin-muted);font-size:.78rem;font-weight:750}.locale-policy-diagnosis dd{min-width:0;margin:0;overflow-wrap:anywhere}.translation-member-rows{display:grid;min-width:0;gap:.65rem}.translation-member-row label{display:grid;min-width:0;gap:.28rem;font-weight:750}.card.site-publishing-config .check-row strong,.card.site-publishing-preview p strong,.card.site-release-panel .check-row strong,.card.site-release-panel td strong,.card.site-publishing-config .cms-content-head small strong{overflow-wrap:anywhere;font:720 .9rem/1.25 system-ui,sans-serif;color:var(--dynostatic-admin-text)}
.site-theme-grid{display:grid;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.site-theme-card{position:relative;display:grid!important;min-width:0;grid-template-columns:1.1rem minmax(0,1fr);gap:.7rem;padding:.7rem;border:1px solid var(--dynostatic-admin-line);border-radius:10px;background:var(--dynostatic-admin-panel);cursor:pointer}.site-theme-card:has(input:checked){border-color:var(--dynostatic-admin-accent);box-shadow:0 0 0 2px var(--dynostatic-admin-accent-soft)}.site-theme-card:focus-within{outline:3px solid var(--dynostatic-admin-accent);outline-offset:2px}.site-theme-card>input{margin:.25rem 0 0}.site-theme-card__copy{display:grid;grid-column:1/-1;min-width:0;gap:.35rem}.site-theme-card>small{grid-column:1/-1}.site-theme-card__title{display:flex;min-width:0;align-items:baseline;justify-content:space-between;gap:.6rem}.site-theme-card__title strong{overflow-wrap:anywhere}.site-theme-card__title small{white-space:nowrap}.site-theme-specimen{display:grid;grid-column:1/-1;min-width:0;height:8.5rem;gap:.55rem;padding:.65rem;border:1px solid var(--dynostatic-admin-line);border-radius:8px;background:var(--dynostatic-admin-panel-alt);overflow:hidden}.site-theme-specimen i,.site-theme-specimen b{display:block;border-radius:4px;background:var(--dynostatic-admin-line)}.site-theme-specimen__bar{display:flex;align-items:center;gap:.35rem}.site-theme-specimen__bar i:first-child{width:34%;height:.55rem;background:var(--dynostatic-admin-text)}.site-theme-specimen__bar i:not(:first-child){width:14%;height:.38rem}.site-theme-specimen__hero{display:grid;grid-template-columns:1.25fr .75fr;gap:.55rem;min-height:3.2rem}.site-theme-specimen__hero i{background:var(--dynostatic-admin-accent-soft)}.site-theme-specimen__hero b{background:var(--dynostatic-admin-accent)}.site-theme-specimen__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.site-theme-specimen__cards i{min-height:1.5rem}.site-theme-card__radio{display:contents}.site-theme-card__radio>input{margin:.25rem 0 0}.site-theme-card__version{display:grid;grid-column:1/-1;gap:.25rem;padding:.5rem .7rem;border-top:1px solid var(--dynostatic-admin-line);font-size:.8125rem;color:var(--dynostatic-admin-muted)}.site-theme-card__version select{box-sizing:border-box;width:100%;min-width:0;padding:.25rem .4rem;border:1px solid var(--dynostatic-admin-line);border-radius:6px;background:var(--dynostatic-admin-panel);color:var(--dynostatic-admin-text);font-size:.8125rem}.site-theme-specimen--editorial{border-radius:0}.site-theme-specimen--editorial .site-theme-specimen__hero{grid-template-columns:1.5fr .5fr}.site-theme-specimen--editorial .site-theme-specimen__cards{grid-template-columns:1fr}.site-theme-specimen--minimal{gap:.8rem;border-color:transparent;background:transparent}.site-theme-specimen--minimal i,.site-theme-specimen--minimal b{border-radius:0}.site-theme-specimen--showcase{padding:.5rem}.site-theme-specimen--showcase .site-theme-specimen__hero{grid-template-columns:1fr 1fr;min-height:4rem}.site-theme-specimen--showcase .site-theme-specimen__cards i{min-height:1.1rem}
@media(max-width:980px){.taxonomy-archive-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.site-publishing-grid,.site-theme-grid,.artifact-facts{grid-template-columns:minmax(0,1fr)}.redirect-row,.taxonomy-archive-row{grid-template-columns:minmax(0,1fr)}.draft-preview-frame iframe{height:68vh}.site-publishing-actions,.site-publishing-actions form{align-items:stretch;flex-direction:column}.site-publishing-actions button{width:100%}.site-build-form{min-width:12rem}.locale-policy-editor,.locale-policy-row,.locale-policy-diagnosis,.translation-member-rows{min-width:0;max-width:100%}.locale-policy-row .site-publishing-grid{grid-template-columns:minmax(0,1fr)}.locale-policy-diagnosis dd,.translation-member-row label,.translation-member-row select{overflow-wrap:anywhere;word-break:break-word}.translation-member-row{display:grid;min-width:0;gap:.45rem}.translation-member-row select{box-sizing:border-box;width:100%;min-width:0;max-width:100%}}
@media(max-width:420px){.locale-policy-row h3,.translation-member-row label>span:first-child{overflow-wrap:anywhere}}

/* CMS visual page sections: server-complete controls with bounded overflow. */
.cms-upgrade-status{min-width:0;margin:.35rem 0 0}.cms-upgrade-status summary{cursor:pointer;font-weight:750}.cms-upgrade-status ul{padding-left:1.2rem}.cms-block-entry-hint{padding:.7rem;border:1px dashed var(--dynostatic-admin-line);background:var(--dynostatic-admin-panel-alt)}.cms-block-entry-hint p{margin:.25rem 0 0;color:var(--dynostatic-admin-muted)}
.cms-block-editor{display:grid;min-width:0;gap:.8rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--dynostatic-admin-line)}.cms-block-editor-head{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:1rem}.cms-block-editor-head>*{min-width:0}.cms-block-editor-head h3,.cms-block-editor-head h4,.cms-block-editor-head p{margin-top:0}.cms-block-editor-head p{margin-bottom:0;color:var(--dynostatic-admin-muted)}.cms-block-list{display:grid;min-width:0;gap:.65rem}.cms-block-card{min-width:0;border:1px solid var(--dynostatic-admin-line);background:var(--dynostatic-admin-panel-alt)}.cms-block-card>details>summary{cursor:pointer;padding:.7rem .8rem;font-weight:750}.cms-block-card>details>summary>span{display:grid;min-width:0;gap:.12rem}.cms-block-card>details>summary small{max-width:100%;overflow:hidden;color:var(--dynostatic-admin-muted);font-weight:500;text-overflow:ellipsis;white-space:nowrap}.cms-block-form{display:grid;min-width:0;gap:.8rem;padding:.8rem;border-top:1px solid var(--dynostatic-admin-line);background:var(--dynostatic-admin-panel)}.cms-block-form input:not([type=checkbox]),.cms-block-form select,.cms-block-form textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.cms-block-card-body,.cms-block-fields{display:grid;min-width:0;gap:.7rem}.cms-block-fields>label,.cms-block-link>label,.cms-column-add>label{display:grid;min-width:0;gap:.28rem}.cms-block-links,.cms-column{display:grid;min-width:0;gap:.65rem;margin:0;padding:.7rem;border:1px solid var(--dynostatic-admin-line)}.cms-block-links legend,.cms-column legend{padding:0 .3rem;font-weight:750}.cms-block-link{display:grid;min-width:0;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:.6rem}.cms-block-toolbar{display:flex;min-width:0;flex-wrap:wrap;gap:.35rem}.cms-block-save{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.cms-block-remove{min-width:min(100%,16rem);padding:.45rem;border:1px solid var(--dynostatic-admin-danger);background:var(--dynostatic-admin-danger-soft)}.cms-block-remove summary{cursor:pointer;color:var(--dynostatic-admin-danger-strong);font-weight:750}.cms-block-remove p{margin:.35rem 0}.cms-block-chooser{display:grid;min-width:0;grid-template-columns:minmax(9rem,auto) minmax(12rem,1fr) auto;align-items:end;gap:.55rem;padding:.8rem;border:1px dashed var(--dynostatic-admin-line)}.cms-block-chooser label{font-weight:750}.cms-block-chooser select{width:100%;min-width:0}.cms-block-add{display:grid;min-width:0;gap:.75rem;padding:.85rem;border:2px solid var(--dynostatic-admin-accent);background:var(--dynostatic-admin-accent-soft)}.cms-block-add .cms-block-form{padding:0;border:0;background:transparent}.cms-columns,.cms-column-blocks{display:grid;min-width:0;gap:.75rem}.cms-column-block{display:grid;min-width:0;gap:.6rem;padding:.65rem;border:1px solid var(--dynostatic-admin-line);background:var(--dynostatic-admin-panel-alt)}.cms-column-block h5{margin:0}.cms-column-add{display:grid;min-width:0;gap:.65rem;padding:.65rem;border:1px dashed var(--dynostatic-admin-line)}.cms-column-add summary{cursor:pointer;font-weight:750}.cms-column-add [data-cms-child-variant][hidden]{display:none!important}.cms-block-empty{margin:0}.cms-block-form :focus-visible,.cms-block-chooser :focus-visible{outline:3px solid var(--dynostatic-admin-focus);outline-offset:2px}
@media(max-width:768px){.cms-block-link{grid-template-columns:minmax(0,1fr)}.cms-block-chooser{grid-template-columns:minmax(0,1fr)}.cms-block-chooser button{width:100%}.cms-block-save{align-items:stretch;flex-direction:column}.cms-block-save>button,.cms-block-remove{width:100%}.cms-block-toolbar span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}}
@media(max-width:420px){.cms-block-editor-head{flex-direction:column;gap:.45rem}.cms-block-form{padding:.65rem}.cms-block-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.cms-block-toolbar button{width:100%}.cms-block-card>details>summary{padding:.65rem}.cms-block-card>details>summary small{white-space:normal;overflow-wrap:anywhere}}
@media(max-width:520px){.editor-state,.editor-state dl,.editor-state dl div{flex-direction:column}.editor-navigation{display:grid;grid-template-columns:1fr 1fr}.editor-navigation a{overflow-wrap:anywhere}}

/* CMS editorial history: bounded tables, exact read-only values, and native restore confirmation. */
.cms-editorial-history{box-sizing:border-box;display:grid;width:100%;min-width:0;max-width:100%;gap:1rem;margin-top:1rem;overflow:hidden;border-top:3px solid var(--dynostatic-admin-accent)}.cms-editorial-history>.cms-content-head{margin-bottom:0}.cms-editorial-history>.cms-content-head p{margin-bottom:0}.cms-editorial-history>.table-wrap table{min-width:52rem}.cms-editorial-history .badge{display:inline-flex;margin:.12rem .15rem;vertical-align:middle}.cms-editorial-compare{box-sizing:border-box;width:100%;min-width:0;margin:0}.cms-editorial-compare fieldset{display:grid;min-width:0;gap:.75rem;margin:0;padding:.85rem;border:1px solid var(--dynostatic-admin-line);background:var(--dynostatic-admin-panel-alt)}.cms-editorial-compare legend{padding:0 .3rem;font-weight:800}.cms-editorial-compare .field-grid{display:grid;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.cms-editorial-compare label{display:grid;min-width:0;gap:.3rem}.cms-editorial-compare input{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.cms-editorial-compare button{justify-self:start}.cms-editorial-inspection,.cms-editorial-comparison{box-sizing:border-box;display:grid;min-width:0;max-width:100%;gap:.85rem;padding:1rem;border:1px solid var(--dynostatic-admin-line);background:var(--dynostatic-admin-panel-alt)}.cms-editorial-inspection h3,.cms-editorial-inspection h4,.cms-editorial-inspection p,.cms-editorial-comparison h3{margin-top:0}.cms-editorial-facts{display:grid;min-width:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;background:var(--dynostatic-admin-line);border:1px solid var(--dynostatic-admin-line)}.cms-editorial-facts>div{display:grid;min-width:0;gap:.25rem;padding:.65rem;background:var(--dynostatic-admin-panel)}.cms-editorial-facts dt,.cms-editorial-fields dt,.cms-editorial-nested dt{color:var(--dynostatic-admin-muted);font-size:.78rem;font-weight:750}.cms-editorial-facts dd,.cms-editorial-fields dd,.cms-editorial-nested dd{min-width:0;margin:0;overflow-wrap:anywhere}.cms-editorial-fields{display:grid;min-width:0;gap:.75rem;margin:0}.cms-editorial-field{display:grid;min-width:0;gap:.35rem;padding:.75rem;border:1px solid var(--dynostatic-admin-line);background:var(--dynostatic-admin-panel)}.cms-editorial-field>dt small{margin-left:.25rem;font-weight:500}.cms-editorial-nested{display:grid;min-width:0;gap:.55rem;margin:0}.cms-editorial-nested>div{display:grid;min-width:0;gap:.25rem;padding-left:.65rem;border-left:2px solid var(--dynostatic-admin-line)}.cms-editorial-value{box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin:0;padding:.65rem;overflow:auto;border:1px solid var(--dynostatic-admin-line);background:var(--dynostatic-admin-panel-alt);color:var(--dynostatic-admin-text);font:500 .78rem/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.cms-editorial-block{display:grid;min-width:0;gap:.4rem;margin:.55rem 0;padding:.7rem;border:1px solid var(--dynostatic-admin-line);background:var(--dynostatic-admin-panel-alt)}.cms-editorial-block h4,.cms-editorial-block p{margin:0}.cms-editorial-block code{overflow-wrap:anywhere;word-break:break-word}.cms-editorial-comparison>.table-wrap table{min-width:58rem}.cms-editorial-comparison th[scope=row]{overflow-wrap:anywhere;word-break:break-word}.cms-editorial-comparison td{min-width:10rem;vertical-align:top}.cms-editorial-comparison .cms-editorial-value{max-height:18rem}.cms-editorial-restore{box-sizing:border-box;display:grid;width:100%;min-width:0;gap:.75rem;margin:0}.cms-editorial-restore .warning{margin:0}.cms-editorial-restore button{justify-self:start}.cms-editorial-history :focus-visible{outline:3px solid var(--dynostatic-admin-focus);outline-offset:2px}
@media(max-width:768px){.cms-editorial-compare .field-grid,.cms-editorial-facts{grid-template-columns:minmax(0,1fr)}.cms-editorial-compare button,.cms-editorial-restore button{width:100%}.cms-editorial-inspection,.cms-editorial-comparison{padding:.75rem}.cms-editorial-history>.cms-content-head{align-items:stretch;flex-direction:column}}

/* Widget draft history: metadata-only inspection beside immutable published revisions. */
.widget-draft-history{box-sizing:border-box;display:grid;width:100%;min-width:0;max-width:100%;gap:1rem;margin-top:1rem;overflow:hidden;border-top:3px solid var(--dynostatic-admin-accent)}.widget-draft-history>.cms-content-head{margin-bottom:0}.widget-draft-history>.cms-content-head p{margin-bottom:0}.widget-draft-history>.table-wrap table{min-width:52rem}.widget-draft-history .badge{display:inline-flex;margin:.12rem .15rem;vertical-align:middle}.widget-draft-compare{box-sizing:border-box;width:100%;min-width:0;margin:0}.widget-draft-compare fieldset{display:grid;min-width:0;gap:.75rem;margin:0;padding:.85rem;border:1px solid var(--dynostatic-admin-line);background:var(--dynostatic-admin-panel-alt)}.widget-draft-compare legend{padding:0 .3rem;font-weight:800}.widget-draft-compare .field-grid{display:grid;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.widget-draft-compare label{display:grid;min-width:0;gap:.3rem}.widget-draft-compare input{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.widget-draft-compare button{justify-self:start}.widget-draft-inspection,.widget-draft-comparison{box-sizing:border-box;display:grid;min-width:0;max-width:100%;gap:.85rem;padding:1rem;border:1px solid var(--dynostatic-admin-line);background:var(--dynostatic-admin-panel-alt)}.widget-draft-inspection h3,.widget-draft-inspection p,.widget-draft-comparison h3,.widget-draft-comparison p{margin-top:0}.widget-draft-facts{display:flex;min-width:0;flex-wrap:wrap;gap:1px;margin:0;background:var(--dynostatic-admin-line);border:1px solid var(--dynostatic-admin-line)}.widget-draft-facts>div{display:grid;min-width:min(100%,11rem);flex:1 1 11rem;gap:.25rem;padding:.65rem;background:var(--dynostatic-admin-panel)}.widget-draft-facts dt{color:var(--dynostatic-admin-muted);font-size:.78rem;font-weight:750}.widget-draft-facts dd{min-width:0;margin:0;overflow-wrap:anywhere}.widget-draft-comparison>.table-wrap table{min-width:48rem;table-layout:fixed}.widget-draft-comparison th:first-child{width:40%}.widget-draft-comparison th:not(:first-child){width:20%}.widget-draft-comparison th[scope=row]{overflow-wrap:anywhere;word-break:break-word}.widget-draft-comparison th[scope=row] code{white-space:normal}.widget-draft-comparison td{vertical-align:top}.widget-draft-comparison td strong{color:inherit;font:inherit;font-weight:750}.widget-draft-restore{box-sizing:border-box;display:grid;width:100%;min-width:0;gap:.75rem;margin:0}.widget-draft-restore .warning{margin:0}.widget-draft-restore .check-row{display:flex;align-items:flex-start;gap:.65rem}.widget-draft-restore .check-row input{flex:0 0 auto;margin-top:.2rem}.widget-draft-restore button{justify-self:start}.widget-draft-history :focus-visible{outline:3px solid var(--dynostatic-admin-focus);outline-offset:2px}
@media(max-width:768px){.widget-draft-compare .field-grid{grid-template-columns:minmax(0,1fr)}.widget-draft-compare button,.widget-draft-restore button{width:100%}.widget-draft-inspection,.widget-draft-comparison{padding:.75rem}.widget-draft-history>.cms-content-head{align-items:stretch;flex-direction:column}}

/* CMS schema evolution: bounded server-reviewed facts without exposing proposal data. */
.cms-schema-evolution-review,.cms-schema-evolution-head,.cms-schema-evolution-actions,.cms-schema-evolution-section,.cms-schema-evolution-facts,.cms-schema-evolution-groups,.cms-schema-evolution-blocked{min-width:0;max-width:100%}.cms-schema-evolution-review{display:grid;gap:1rem;overflow:hidden}.cms-schema-evolution-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.cms-schema-evolution-head>div{min-width:0}.cms-schema-evolution-head h2,.cms-schema-evolution-head p,.cms-schema-evolution-section h3,.cms-schema-evolution-section p{margin-top:0}.cms-schema-evolution-actions{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:.55rem}.cms-schema-evolution-actions form{margin:0}.cms-schema-evolution-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;border:1px solid var(--dynostatic-admin-line);background:var(--dynostatic-admin-line)}.cms-schema-evolution-facts>div{display:grid;min-width:0;gap:.2rem;padding:.7rem;background:var(--dynostatic-admin-panel)}.cms-schema-evolution-facts dt{color:var(--dynostatic-admin-muted);font-size:.78rem;font-weight:750}.cms-schema-evolution-facts dd{min-width:0;margin:0;font-weight:750;overflow-wrap:anywhere}.cms-schema-evolution-section{padding:.8rem;border:1px solid var(--dynostatic-admin-line);background:var(--dynostatic-admin-panel-alt)}.cms-schema-evolution-section>p{color:var(--dynostatic-admin-muted)}.cms-schema-evolution-groups,.cms-schema-evolution-blocked ul{display:grid;min-width:0;gap:.4rem;margin:0;padding-left:1.2rem}.cms-schema-evolution-groups li,.cms-schema-evolution-blocked li{min-width:0;overflow-wrap:anywhere}.cms-schema-evolution-blocked{border-color:var(--dynostatic-admin-danger)}.cms-schema-evolution-blocked dl{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:.2rem .65rem;margin:.35rem 0 0}.cms-schema-evolution-blocked dt{color:var(--dynostatic-admin-muted);font-size:.78rem;font-weight:750}.cms-schema-evolution-blocked dd{min-width:0;margin:0;overflow-wrap:anywhere}.cms-schema-evolution-handoff{margin:.8rem 0 0}.cms-schema-evolution-review :focus-visible{outline:3px solid var(--dynostatic-admin-focus);outline-offset:2px}
@media(max-width:768px){.cms-schema-evolution-head{flex-direction:column}.cms-schema-evolution-actions,.cms-schema-evolution-actions form{display:grid;width:100%}.cms-schema-evolution-actions .button,.cms-schema-evolution-actions button{width:100%}.cms-schema-evolution-facts{grid-template-columns:minmax(0,1fr)}}

/* Durable scheduling: plain-language cards and server-reviewed wall-clock forms. */
.cms-schedule-actions{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:1rem;margin-top:1rem;padding:1rem;border:1px solid var(--dynostatic-admin-line);background:var(--dynostatic-admin-panel-alt)}.cms-schedule-actions h3,.cms-schedule-actions p{margin-top:0}.cms-schedule-actions p{margin-bottom:0;color:var(--dynostatic-admin-muted)}.schedule-intro,.schedule-create,.schedule-list{min-width:0;overflow:hidden}.schedule-cards{display:grid;min-width:0;gap:.75rem}.schedule-card{display:grid;min-width:0;gap:.65rem;padding:.85rem;border:1px solid var(--dynostatic-admin-line);background:var(--dynostatic-admin-panel-alt)}.schedule-card__head{display:grid;min-width:0;grid-template-columns:minmax(0,1fr) minmax(12rem,auto);gap:1rem}.schedule-card__head h3{margin:.35rem 0}.schedule-card__head p{margin:0}.schedule-card__head p>strong{font:720 1rem/1.25 system-ui,sans-serif}.schedule-card__head small,.schedule-time small{overflow-wrap:anywhere}.schedule-time{display:grid;min-width:0;align-content:start;justify-items:end;gap:.2rem;text-align:right}.schedule-time>strong{font:720 1rem/1.35 ui-monospace,SFMono-Regular,Consolas,monospace}.schedule-result{margin:0;color:var(--dynostatic-admin-muted)}.schedule-controls{display:grid;min-width:0;gap:.65rem}.schedule-reschedule{min-width:0;padding:.65rem;border:1px dashed var(--dynostatic-admin-line)}.schedule-reschedule>summary{cursor:pointer;font-weight:750}.schedule-time-form{box-sizing:border-box;width:100%;min-width:0}.schedule-time-form input,.schedule-time-form select{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.schedule-review{box-sizing:border-box;min-width:0;margin-top:.8rem}.schedule-review form{min-width:0}.schedule-review fieldset{display:grid;min-width:0;gap:.55rem}.schedule-review .check-label>span{display:grid;min-width:0;gap:.15rem}.schedule-review .check-label strong{font:720 1rem/1.25 ui-monospace,SFMono-Regular,Consolas,monospace}.schedule-review .check-label small{display:block;color:var(--dynostatic-admin-muted);font:.76rem/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.schedule-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:.75rem 0;background:var(--dynostatic-admin-line);border:1px solid var(--dynostatic-admin-line)}.schedule-review-grid>div{display:grid;min-width:0;gap:.2rem;padding:.65rem;background:var(--dynostatic-admin-panel)}.schedule-review-grid dt{color:var(--dynostatic-admin-muted);font-size:.76rem}.schedule-review-grid dd{min-width:0;margin:0;font-weight:750;overflow-wrap:anywhere}.schedule-card code{overflow-wrap:anywhere;word-break:break-word}
@media(max-width:768px){.cms-schedule-actions,.schedule-card__head{grid-template-columns:minmax(0,1fr);flex-direction:column}.schedule-time{justify-items:start;text-align:left}.schedule-review-grid{grid-template-columns:minmax(0,1fr)}.cms-schedule-actions>.inline-actions,.cms-schedule-actions>.inline-actions .button{width:100%}}

.workflow-pagination { display: flex; flex-wrap: wrap; gap: .4rem; margin: 1rem 0; }
.workflow-pagination .is-current { font-weight: 700; outline: 2px solid currentColor; outline-offset: -2px; }