/* Polite Platform :: Control Plane
 * Path: control-plane/public/assets/workspace.css
 * Description: Dark Bento presentation for the read-only owner workspace.
 * Context: UI
 * Author: Polite Platform Team
 * Date: 2026-09-05T20:47:46Z
 * Generated by: GPT-6 Codex
 */
:root {
  color-scheme: dark;
  --bg: #121212;
  --surface: #1b1b1b;
  --surface-raised: #242424;
  --line: #383838;
  --text: #f2f2f2;
  --muted: #ababab;
  --accent: #dadada;
  --accent-strong: #ffffff;
  --danger: #f0a6a6;
  --shadow: 0 20px 50px rgba(0, 0, 0, .22);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
body { margin: 0; min-width: 320px; background: var(--bg); color: var(--text); }
button, select, input, textarea { font: inherit; }
button { cursor: pointer; }
.shell { width: min(1440px, 100%); margin: 0 auto; padding: 28px; }
.topbar, .detail-heading, .panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.topbar { margin-bottom: 28px; }
.eyebrow { margin: 0 0 7px; color: var(--accent); font-size: .72rem; font-weight: 750; letter-spacing: .14em; text-transform: uppercase; }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: 0; font-size: clamp(1.6rem, 3vw, 2.2rem); letter-spacing: -.03em; }
h2 { margin-bottom: 0; font-size: 1.08rem; letter-spacing: -.01em; }
h3 { margin-bottom: 0; font-size: 1rem; }
.session-actions { display: flex; align-items: center; gap: 12px; }
.session-status, .muted { color: var(--muted); font-size: .88rem; }
.button { min-height: 44px; padding: 0 16px; border: 1px solid transparent; border-radius: 10px; color: var(--text); font-weight: 700; }
.button-primary { background: var(--accent); color: #10201b; }
.button-primary:hover { background: var(--accent-strong); }
.button-quiet { background: transparent; border-color: var(--line); }
.button-quiet:hover { border-color: var(--accent); }
.button:disabled { cursor: wait; opacity: .55; }
.full-width { width: 100%; margin-top: 12px; }
.notice { margin-bottom: 20px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface-raised); color: var(--muted); }
.notice.error { border-color: rgba(240, 166, 166, .55); color: var(--danger); }
.panel { border: 1px solid var(--line); border-radius: 16px; background: var(--surface); box-shadow: var(--shadow); }
.workspace-grid { display: grid; grid-template-columns: minmax(270px, 340px) minmax(0, 1fr); gap: 20px; align-items: start; }
.sidebar, .detail-panel, .empty-state { padding: 22px; }
.sidebar { position: sticky; top: 20px; }
.compact { margin-bottom: 14px; }
.section-rule { height: 1px; margin: 22px 0; background: var(--line); }
.field-label { display: block; margin-bottom: 8px; color: var(--muted); font-size: .8rem; font-weight: 700; }
.select { width: 100%; min-height: 44px; padding: 0 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-raised); color: var(--text); }
.count-badge { min-width: 30px; padding: 4px 8px; border-radius: 99px; background: var(--surface-raised); color: var(--muted); font-size: .78rem; text-align: center; }
.stack-list { display: grid; gap: 10px; }
.list-item { width: 100%; padding: 13px 14px; border: 1px solid var(--line); border-radius: 11px; background: transparent; color: var(--text); text-align: left; }
button.list-item:hover, button.list-item.selected { border-color: var(--accent); background: rgba(147, 214, 193, .08); }
.list-item strong, .list-item span { display: block; }
.list-item strong { margin-bottom: 5px; font-size: .94rem; }
.list-item span { color: var(--muted); font-size: .78rem; }
.empty-state { padding: 36px; }
.empty-state p:not(.eyebrow) { max-width: 48ch; margin: 12px 0 20px; color: var(--muted); line-height: 1.55; }
.content-column { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; min-width: 0; }
.detail-heading { align-items: flex-start; }
.detail-heading h2 { margin-bottom: 7px; font-size: clamp(1.3rem, 2vw, 1.8rem); }
.status-pill { padding: 6px 10px; border-radius: 99px; background: rgba(147, 214, 193, .12); color: var(--accent-strong); font-size: .74rem; font-weight: 800; text-transform: uppercase; }
.source-note { margin-top: 20px; padding: 13px 15px; border-left: 3px solid var(--accent); background: rgba(147, 214, 193, .07); color: var(--muted); font-size: .88rem; line-height: 1.5; }
.source-note strong { color: var(--text); }
.authoring-block { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--line); }
.authoring-form { display: grid; gap: 10px; }
.authoring-form input, .authoring-form textarea { width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-raised); color: var(--text); }
.authoring-form textarea { min-height: 120px; resize: vertical; }
.form-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 4px; }
.check-row { display: flex; align-items: center; gap: 10px; min-height: 44px; color: var(--text); font-weight: 700; }
.check-row input { width: 20px; height: 20px; }
.helper { margin: 0; color: var(--muted); font-size: .8rem; line-height: 1.45; }
.policy-editor { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--line); }
@media (max-width: 760px) {
  .shell { padding: 18px; }
  .topbar { align-items: flex-start; flex-direction: column; }
  .session-actions { width: 100%; justify-content: space-between; }
  .workspace-grid { grid-template-columns: 1fr; }
  .sidebar { position: static; }
}

fieldset { min-width: 0; margin: 0; padding: 0; border: 0; display: grid; gap: 14px; }
fieldset > div { display: grid; gap: 8px; }
.draft-row { padding: 14px; border: 1px solid var(--line); border-radius: 10px; }
.draft-row .helper { margin: 8px 0; }
.draft-row .button { margin: 4px 8px 0 0; }
#draft-list { margin-top: 16px; }
#editor-state { margin: 12px 0 20px; }
#client-select { margin-top: 0; }
#authoring-tools .field-label { margin-top: 18px; }
.check-row input { min-height: 20px; }

/* App shell and project anatomy remain separate from the nested editor. */
a { color: inherit; }
.tenant-bar { min-height: 76px; border-bottom: 1px solid var(--line); display: flex; align-items: center; gap: 30px; padding: 14px 32px; background: #181818; }
.brand { font-weight: 750; text-decoration: none; white-space: nowrap; }
.tenant-bar nav { display: flex; }
.tenant-bar nav a { display: flex; min-height: 44px; align-items: center; padding: 0 12px; border-bottom: 2px solid var(--accent); text-decoration: none; font-size: .88rem; }
.tenant-identity { margin-left: auto; color: var(--muted); font-size: .85rem; display: flex; align-items: center; gap: 8px; }
.tenant-bar .session-status { display: none; }
.page-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 10px 0 26px; }
.page-heading h1 { display: flex; align-items: center; gap: 14px; }
.project-toolbar { display: grid; grid-template-columns: minmax(200px, 1fr) minmax(180px, 280px); gap: 20px; padding: 18px 20px; margin-bottom: 18px; box-shadow: none; }
input, select, textarea { color: var(--text); background: var(--surface-raised); border: 1px solid var(--line); border-radius: 8px; min-height: 44px; padding: 10px 12px; width: 100%; }
input[type=checkbox] { width: 20px; height: 20px; min-height: 20px; margin: 0; accent-color: #dedede; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.button { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; white-space: nowrap; border-radius: 8px; font-size: .86rem; }
.button-primary { color: #141414; }
.button:disabled { cursor: not-allowed; }
.button-danger { color: var(--danger); background: transparent; border-color: var(--line); }
.project-list { display: grid; gap: 10px; }
.project-row { display: grid; grid-template-columns: minmax(220px, 1fr) minmax(120px, .7fr) 100px 120px; gap: 24px; align-items: center; padding: 22px; border: 1px solid var(--line); background: var(--surface); border-radius: 12px; text-decoration: none; }
.project-row:hover, .setup-card:hover { border-color: #686868; }
.project-row strong { display: block; font-size: 1rem; font-weight: 650; }
.project-row .muted { display: block; margin-top: 5px; }
.project-row .count { font-variant-numeric: tabular-nums; font-size: .88rem; }
.status-pill { background: #2a2a2a; color: #c9c9c9; text-transform: none; white-space: nowrap; display: inline-block; width: fit-content; }
.status-pill[data-status=active] { color: #b0d4b2; background: #263329; }
.status-pill[data-status=archived] { color: #ababab; background: #303030; }
.project-masthead { padding: 30px; box-shadow: none; border-top: 3px solid #585858; }
.project-masthead h1 { font-size: clamp(1.7rem, 3vw, 2.3rem); }
.project-masthead .eyebrow { color: var(--muted); }
.masthead-footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 25px; }
.masthead-footer p { margin: 0; }
details { margin-top: 24px; border-top: 1px solid var(--line); padding-top: 10px; }
summary { min-height: 44px; cursor: pointer; display: flex; align-items: center; font-size: .88rem; color: var(--muted); }
.project-utility-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.project-add { position: relative; margin: 0; padding: 0; border: 0; }
.project-add > summary { min-height: 44px; gap: 8px; list-style: none; }
.project-add > summary::-webkit-details-marker { display: none; }
.project-add-actions { position: absolute; right: 0; top: calc(100% + 8px); z-index: 50; display: grid; gap: 4px; min-width: 180px; padding: 8px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface-raised); box-shadow: var(--shadow); }
.project-add-actions .button { text-align: left; white-space: nowrap; }
/* Project tools outgrew the reference masthead's single non-shrinking row. */
#project-masthead .project-strip-row { flex-wrap: wrap; min-width: 0; }
#project-masthead .project-strip-main { flex: 1 1 200px; overflow-wrap: anywhere; }
#project-masthead .project-strip-main:has(.project-strip-summary:empty) { display: none; }
#project-masthead .project-strip-actions { flex: 0 1 auto; flex-wrap: wrap; min-width: 0; max-width: 100%; margin-left: auto; gap: 8px; }
#project-masthead .project-strip-actions .btn { margin: 0; min-height: 44px; max-width: 100%; }
details p { line-height: 1.6; white-space: pre-wrap; font-size: .9rem; }
.back-link { display: inline-flex; align-items: center; min-height: 44px; font-size: .88rem; color: var(--muted); text-decoration: none; width: fit-content; }
.back-link:hover { color: var(--text); }
.panel-heading { margin-bottom: 22px; }
.panel-heading .helper { margin-top: 5px; }
.setup-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 16px; }
.setup-card { border: 1px solid var(--line); border-radius: 12px; padding: 20px; background: #202020; }
.setup-card h3 { margin: 14px 0 8px; font-size: 1.08rem; }
.setup-card .button { margin-top: 18px; }
.setup-card .muted { margin-bottom: 0; }
.setup-card.inactive { opacity: .72; }
#event-list { gap: 12px; }
#event-list .event-card { padding: 18px 20px; margin: 0; }
#event-list .event-card-header { align-items: center; gap: 16px; margin: 0; padding: 0; border: 0; }
#event-list .event-info { flex: 1; min-width: 0; }
#event-list .event-info h3 { margin: 0 0 10px; overflow-wrap: anywhere; }
#event-list .event-meta { flex-wrap: wrap; gap: 8px 20px; line-height: 1.5; }
#event-list .event-meta > span { align-items: baseline; min-width: 0; overflow-wrap: anywhere; }
#event-list .event-edit-button { flex-shrink: 0; min-height: 44px; }
#event-list .event-brief { margin: 14px 0 0; white-space: pre-wrap; line-height: 1.5; }
.setup-identifiers { margin: 16px 0 0; padding: 0; }
.setup-identifiers > summary { gap: 8px; list-style: none; width: fit-content; }
.setup-identifiers > summary::-webkit-details-marker { display: none; }
.setup-identifiers > summary::before { content: "›"; }
.setup-identifiers[open] > summary::before { transform: rotate(90deg); }
.setup-identifiers dl { margin: 0 0 8px; }
.setup-identifiers dt { color: var(--muted); font-size: .75rem; margin-bottom: 6px; }
.setup-identifiers dd { margin: 0; }
.setup-identifiers code { font-size: .8rem; overflow-wrap: anywhere; user-select: all; -webkit-user-select: all; }
.more-button { margin-top: 18px; }
.future-note { margin-top: 26px; padding-top: 20px; border-top: 1px solid var(--line); }
#setup-detail > .detail-heading { margin: 12px 0 18px; }
#draft-editor { margin-top: 24px; scroll-margin-top: 20px; }
.editor-header { display: flex; align-items: start; justify-content: space-between; gap: 24px; padding-bottom: 22px; border-bottom: 1px solid var(--line); }
#editor-state { margin: 10px 0 0; }
.form-section { padding: 22px 0; border-bottom: 1px solid var(--line); }
.form-section h3 { margin-bottom: 18px; color: #d2d2d2; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; align-items: start; }
.form-grid .wide { grid-column: 1 / -1; }
.form-field { min-width: 0; }
.form-field .helper { margin-top: 8px; }
.form-grid > .button { align-self: end; width: fit-content; }
.editor-footer { display: flex; align-items: center; gap: 20px; padding-top: 20px; }
.editor-footer .helper { max-width: 55ch; }
.recovery-notice { margin-top: 20px; background: #23211d; border-color: #5c5039; }
.recovery-row { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 8px 0; }
.recovery-row strong { display: block; font-size: .88rem; margin-bottom: 4px; }
.schedule-summary { margin: 0; padding: 12px; border: 1px solid var(--line); border-radius: 8px; color: var(--muted); font-size: .85rem; }
.piper-group { max-width: 880px; width: 100%; margin: 10px auto 8px; }
.piper-group-label { color: var(--muted); font-size: .75rem; font-weight: 750; text-transform: uppercase; letter-spacing: .09em; margin: 14px 0 12px; }
.piper-card { border: 1px solid var(--line); border-radius: 12px; padding: 22px; margin-bottom: 16px; }
.piper-card h4 { margin: 0 0 18px; font-size: 1rem; }
.piper-card > .helper { margin-bottom: 16px; }
.piper-field { display: grid; grid-template-columns: minmax(170px, 1fr) minmax(150px, 230px); gap: 8px 20px; align-items: center; margin: 18px 0; }
.piper-field .field-label { margin: 0; color: var(--text); font-weight: 500; font-size: .88rem; }
.piper-field .helper { grid-column: 1 / -1; }
.piper-toggle-target { width: 44px; min-height: 44px; justify-self: end; display: grid; place-items: center; cursor: pointer; }
.piper-toggle-field input { width: 24px; height: 24px; }
.piper-summary-row { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 48px; font-size: .88rem; }
.piper-summary-row strong { font-weight: 600; }
.piper-interface-artwork-slots { display: grid; gap: 12px; }
.piper-artwork-row { display: grid; grid-template-columns: minmax(150px, 1fr) minmax(180px, 280px) 64px auto; gap: 10px 14px; align-items: center; padding: 12px 0; border-top: 1px solid var(--line); }
.piper-artwork-row .field-label { font-size: .88rem; font-weight: 500; }
.piper-artwork-preview { width: 56px; height: 42px; overflow: hidden; border-radius: 6px; background: var(--surface-2); }
.piper-artwork-thumb { display: block; width: 100%; height: 100%; object-fit: contain; }
.piper-artwork-actions { display: flex; align-items: center; gap: 8px; }
.piper-artwork-status { grid-column: 1 / -1; margin: 0; }
.piper-artwork-status.error { color: var(--danger, #f08b8b); }
#content-editor-scope { margin: 10px 0; }
#content-editor-state, #content-editor-reservation-state { margin-top: 7px; }
#content-editor .editor-header .form-actions { max-width: 450px; justify-content: flex-end; }
#content-editor-empty { padding: 28px 0; }
.piper-subheading { margin: 14px 0 10px; font-size: .86rem; font-weight: 600; }
.photo-layout-preview { position: relative; overflow: hidden; margin: 26px auto 18px; outline: 1px solid #8d8d8d; }
.photo-layout-frame { position: absolute; overflow: hidden; outline: 1px dashed #f0f0f0; outline-offset: -1px; }
.photo-layout-reference { position: absolute; display: grid; place-items: center; background: repeating-linear-gradient(135deg,#505050,#505050 12px,#727272 12px,#727272 24px); box-shadow: inset 0 0 0 2px #aaaaaa; }
.photo-layout-reference-label { padding: 3px 5px; color: #ffffff; background: #343434; font-size: .75rem; }
#photo-preview-state { margin-bottom: 10px; }
.content-comparison { margin: 18px 0; }
.content-comparison table { width: 100%; border-collapse: collapse; margin: 20px 0; font-size: .85rem; }
.content-comparison th, .content-comparison td { padding: 12px; border-bottom: 1px solid var(--line); text-align: left; overflow-wrap: anywhere; }
.content-comparison th { color: var(--muted); }
@media (max-width: 560px) {
  .piper-field { grid-template-columns: 1fr; }
  .piper-toggle-field { grid-template-columns: 1fr auto; }
  .piper-card { padding: 16px; }
  .piper-summary-row { align-items: start; flex-direction: column; padding: 10px 0; gap: 8px; }
  .piper-artwork-row { grid-template-columns: 1fr 56px; }
  .piper-artwork-row select, .piper-artwork-actions, .piper-artwork-status { grid-column: 1 / -1; }
  #content-editor .editor-header .form-actions { justify-content: flex-start; }
}
@media (max-width: 820px) {
  .tenant-bar { flex-wrap: wrap; gap: 12px 20px; padding: 12px 18px; }
  .tenant-identity { display: none; }
  .tenant-identity:has(select:not([hidden])) { display: flex; }
  .tenant-bar .session-actions { margin-left: auto; width: auto; }
  .project-row { grid-template-columns: 1fr 100px; gap: 16px; }
  .project-row .client-cell { grid-row: 2; }
  .masthead-footer, .editor-header { align-items: start; flex-direction: column; }
  .project-masthead { padding: 22px; }
}
@media (max-width: 560px) {
  .shell { padding: 16px; }
  .project-toolbar, .form-grid { grid-template-columns: 1fr; }
  .page-heading { align-items: start; }
  .project-strip:not(.has-title-card) .project-strip-hero { display: grid; justify-items: center; gap: 10px; }
  .project-strip:not(.has-title-card) .project-strip-status-corner { position: static; }
  .project-strip:not(.has-title-card) .project-strip-title { max-width: 100%; }
  .project-strip-row { align-items: flex-start; flex-direction: column; }
  .project-strip-actions { flex-wrap: wrap; width: 100%; }
  .project-strip-actions .btn { margin-left: 0; }
  .exp-head { align-items: flex-start; flex-wrap: wrap; padding: 12px 10px; }
  .exp-chev { order: 3; }
  .detail-panel { padding: 18px; }
  .panel-heading { flex-wrap: wrap; gap: 14px; }
  .editor-footer, .recovery-row { align-items: start; flex-direction: column; }
  #event-list .event-card-header { align-items: flex-start; }
  #event-list .event-meta { flex-direction: column; }
}
.mod-tile.unavailable,
.exp-actions .unavailable {
  opacity: .55;
  cursor: not-allowed;
}

.mod-tile.unavailable .tvalue,
.exp-actions .unavailable {
  color: var(--text-dim, #8a8f98);
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.project-initializer-modal {
  width: min(980px, calc(100vw - 32px));
  max-width: none;
  height: min(860px, calc(100vh - 32px));
  max-height: none;
  padding: 0;
  color: var(--text, #f4f2ec);
  background: var(--surface, #171717);
  border: 1px solid var(--line, #3a3a3a);
  border-radius: 14px;
  box-shadow: 0 24px 80px rgba(0, 0, 0, .65);
}
.project-initializer-modal::backdrop { background: rgba(0, 0, 0, .72); backdrop-filter: blur(3px); }
.project-initializer-modal > form { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; height: 100%; }
.sp-modal-header, .sp-modal-footer { display: flex; align-items: center; gap: 16px; padding: 18px 22px; background: var(--surface-raised, #202020); }
.sp-modal-header { justify-content: space-between; border-bottom: 1px solid var(--line, #3a3a3a); }
.sp-modal-header h2 { margin: 3px 0 6px; }
.sp-modal-header .helper { margin: 3px 0; }
.sp-modal-footer { border-top: 1px solid var(--line, #3a3a3a); }
.sp-modal-footer .spacer { flex: 1; }
.sp-modal-body { display: block; overflow: auto; padding: 4px 22px 44px; }
.sp-modal-body:disabled { opacity: .68; }
.sp-section { padding: 22px 0; border-bottom: 1px solid var(--line, #3a3a3a); }
.sp-section:last-child { border-bottom: 0; }
.sp-section-heading { display: flex; align-items: start; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.sp-section-heading h3 { margin-bottom: 6px; }
.sp-production-level { display: grid; gap: 2px; min-width: 112px; padding: 6px 10px; color: #b0d4b2; background: #263329; border-radius: 8px; }
.sp-production-level small { color: #8eaa90; font-size: .62rem; font-weight: 750; text-transform: uppercase; letter-spacing: .04em; }
.sp-production-level strong { font-size: .78rem; }
.sp-grid, .sp-contexts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.sp-grid label, .sp-context-card > div > label, .sp-module-assignment { display: grid; gap: 7px; color: var(--muted, #c0beb8); font-size: .8rem; font-weight: 650; }
.sp-grid label.wide { grid-column: 1 / -1; }
.sp-grid small, .sp-context-toggle small, .sp-module-choice small { color: var(--muted, #aaa); font-size: .75rem; font-weight: 450; line-height: 1.4; }
.sp-module-choice .sp-availability { width: fit-content; padding: 3px 6px; color: #d9c88c; background: #37321f; border-radius: 5px; font-size: .68rem; font-style: normal; font-weight: 750; text-transform: uppercase; letter-spacing: .04em; }
.sp-context-card { padding: 15px; background: #1d1d1d; border: 1px solid var(--line, #3a3a3a); border-radius: 10px; }
.sp-context-card > div { margin-top: 14px; }
.sp-context-toggle, .sp-module-choice { display: flex; align-items: start; gap: 10px; min-height: 44px; color: var(--text, #fff); cursor: pointer; }
.sp-context-toggle input, .sp-module-choice input { flex: 0 0 auto; margin-top: 2px; }
.sp-context-toggle span, .sp-module-choice span { display: grid; gap: 4px; }
.sp-module-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.sp-module { display: grid; gap: 12px; padding: 15px; background: #1d1d1d; border: 1px solid var(--line, #3a3a3a); border-radius: 10px; }
.sp-module.selected { border-color: #777; background: #222; }
.sp-module-assignment { padding-top: 12px; border-top: 1px solid #383838; }
.sp-field-error { color: var(--danger, #f0a6a6); font-weight: 600; }
.sp-validation { max-width: 360px; color: var(--danger, #f0a6a6); }

.project-module-workbench { margin-top: 0; }
.project-module-workbench > summary { gap: 8px; list-style: none; width: fit-content; }
.project-module-workbench > summary::-webkit-details-marker { display: none; }
.project-module-workbench > summary::before { content: "›"; }
.project-module-workbench[open] > summary::before { transform: rotate(90deg); }
.project-module-workbench > summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.project-module-workbench > .module-instance-list { margin-top: 12px; }
.setup-download-dialog { margin: auto; width: min(440px, calc(100vw - 48px)); max-height: calc(100vh - 48px); overflow: auto; box-sizing: border-box; padding: 24px; color: var(--text, #fff); background: var(--surface, #222); border: 1px solid var(--line, #383838); border-radius: 14px; }
.setup-download-dialog::backdrop { background: rgba(0, 0, 0, .6); }
.setup-download-dialog h2 { margin: 0 0 16px; font-size: 1.2rem; }
.setup-download-dialog p { line-height: 1.5; }
.setup-download-dialog progress { width: 100%; height: 6px; margin: 8px 0; accent-color: var(--accent); }
.setup-download-dialog .form-actions { justify-content: flex-end; margin-top: 20px; }
.module-instance-list { display: grid; gap: 12px; }
.module-instance-card {
  display: grid;
  grid-template-columns: minmax(210px, 1.15fr) minmax(180px, 1fr) minmax(220px, .9fr) auto;
  align-items: center;
  gap: 18px;
  padding: 16px;
  background: var(--bg, #121212);
  border: 1px solid var(--line, #383838);
  border-radius: 12px;
}
.module-instance-identity { display: flex; align-items: center; gap: 12px; min-width: 0; }
.module-instance-identity h3 { overflow-wrap: anywhere; }
.module-instance-identity .eyebrow { margin-bottom: 4px; color: var(--muted, #ababab); font-size: .62rem; }
.module-instance-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  color: var(--accent, #dadada);
  background: var(--surface-raised, #242424);
  border: 1px solid var(--line, #383838);
  border-radius: 9px;
  font-size: 1.2rem;
}
.module-instance-assignments, .module-status-group { display: grid; gap: 7px; }
.module-instance-assignments > small, .module-status-group small { color: var(--muted, #ababab); font-size: .66rem; font-weight: 750; letter-spacing: .07em; text-transform: uppercase; }
.module-assignment-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.module-assignment-chip, .module-assignment-empty {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 4px 8px;
  color: #d2d2d2;
  background: var(--surface-raised, #242424);
  border: 1px solid var(--line, #383838);
  border-radius: 7px;
  font-size: .72rem;
}
.module-assignment-empty { color: var(--muted, #ababab); border-style: dashed; }
.module-instance-statuses { display: flex; flex-wrap: wrap; gap: 14px; }
.module-status { width: fit-content; padding: 5px 8px; border-radius: 7px; font-size: .72rem; font-weight: 750; }
.module-status-configuration[data-status=incomplete] { color: #d9c88c; background: #37321f; }
.module-status-configuration[data-status=ready] { color: #b0d4b2; background: #263329; }
.module-status-review[data-status=unreviewed] { color: var(--muted, #ababab); background: #2b2b2b; }
.module-status-review[data-status=needs-review] { color: #e1cb84; background: #38321f; }
.module-status-review[data-status=approved] { color: #b0d4b2; background: #263329; }
.module-status-review[data-status=changes-requested] { color: #e3abab; background: #3a2525; }
.module-instance-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.module-instance-actions .button { min-height: 40px; padding: 0 11px; font-size: .76rem; }
.module-instance-actions .unavailable { cursor: not-allowed; opacity: .5; }
.module-instance-empty { padding: 24px; text-align: center; border: 1px dashed var(--line, #383838); border-radius: 12px; }
.module-instance-empty h3 { margin-bottom: 7px; }
.module-pending-list { display: grid; gap: 8px; }
.module-pending-row { display: flex; align-items: center; gap: 8px; }
.module-pending-row p { flex: 1; }
.module-pending-row .button { min-height: 36px; padding: 0 10px; }

.project-module-modal {
  margin: auto;
  width: min(680px, calc(100vw - 32px));
  max-width: none;
  max-height: min(780px, calc(100vh - 32px));
  padding: 0;
  color: var(--text, #f4f2ec);
  background: var(--surface, #171717);
  border: 1px solid var(--line, #3a3a3a);
  border-radius: 14px;
  box-shadow: 0 24px 80px rgba(0, 0, 0, .65);
}
.project-module-modal::backdrop { background: rgba(0, 0, 0, .72); backdrop-filter: blur(3px); }
.project-module-modal > form, .project-module-assignment-dialog { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; max-height: inherit; }
.project-module-fields { display: grid; gap: 18px; overflow: auto; padding: 22px; }
.project-module-record-fields { display: grid; gap: 18px; min-width: 0; }
.setup-module-readiness.status-off { color: var(--text-muted, #a6a6b0); }
.project-module-fields label { display: grid; gap: 7px; color: var(--muted, #c0beb8); font-size: .8rem; font-weight: 650; }
.project-module-fields label > small, .project-module-readiness small { color: var(--muted, #aaa); font-size: .75rem; font-weight: 450; line-height: 1.4; }
.project-module-readiness { display: grid; gap: 7px; padding: 14px; background: var(--bg, #121212); border: 1px solid var(--line, #383838); border-radius: 10px; }
.project-module-readiness > span { color: var(--muted, #ababab); font-size: .7rem; font-weight: 750; letter-spacing: .07em; text-transform: uppercase; }
.project-module-readiness strong { color: #d9c88c; }
.setup-config-note { padding: 0 20px 16px; margin: 0; }
#project-module-reference-actions .helper { margin-bottom: 0; }
.project-module-assignment-list { display: grid; gap: 10px; overflow: auto; padding: 20px 22px; }
.module-target-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 14px; min-height: 68px; padding: 12px; background: var(--bg, #121212); border: 1px solid var(--line, #383838); border-radius: 10px; }
.module-target-row strong, .module-target-row small { display: block; }
.module-target-row small { margin-top: 4px; color: var(--muted, #ababab); font-size: .72rem; }
.module-target-state { color: var(--muted, #ababab); font-size: .75rem; font-weight: 700; }
.module-target-state[data-status=active] { color: #b0d4b2; }
.module-target-state[data-status=occupied] { color: #e1cb84; }

@media (max-width: 720px) {
  .project-initializer-modal { width: 100vw; height: 100vh; max-height: 100vh; border: 0; border-radius: 0; }
  .sp-modal-header, .sp-modal-footer, .sp-modal-body { padding-left: 15px; padding-right: 15px; }
  .sp-modal-footer { flex-wrap: wrap; }
  .sp-modal-footer .spacer { display: none; }
  .sp-grid, .sp-contexts, .sp-module-grid { grid-template-columns: 1fr; }
  .sp-grid label.wide { grid-column: auto; }
  .module-instance-card { grid-template-columns: 1fr; align-items: start; }
  .module-instance-actions { justify-content: flex-start; }
  .module-instance-actions .button { flex: 1; min-width: 120px; }
  .project-module-modal { width: 100vw; height: 100vh; max-height: 100vh; border: 0; border-radius: 0; }
  .project-module-fields, .project-module-assignment-list { padding-left: 15px; padding-right: 15px; }
  .module-target-row { grid-template-columns: minmax(0, 1fr) auto; }
  .module-target-state { grid-column: 1; }
  .module-target-row .button { grid-column: 2; grid-row: 1 / span 2; }
  .module-pending-row { align-items: stretch; flex-wrap: wrap; }
  .module-pending-row p { flex-basis: 100%; }
}

.project-data-collection-modal {
  width: min(1120px, calc(100vw - 32px));
  max-width: none;
  height: min(900px, calc(100vh - 32px));
  max-height: none;
  padding: 0;
  color: var(--text, #f4f2ec);
  background: var(--surface, #171717);
  border: 1px solid var(--line, #3a3a3a);
  border-radius: 14px;
  box-shadow: 0 24px 80px rgba(0, 0, 0, .65);
}
.project-data-collection-modal::backdrop { background: rgba(0, 0, 0, .72); backdrop-filter: blur(3px); }
.project-assets-modal { width: min(760px, calc(100vw - 32px)); max-width: none; max-height: min(760px, calc(100vh - 32px)); padding: 0; color: var(--text, #f4f2ec); background: var(--surface, #171717); border: 1px solid var(--line, #3a3a3a); border-radius: 14px; box-shadow: 0 24px 80px rgba(0, 0, 0, .65); }
.project-assets-modal::backdrop { background: rgba(0, 0, 0, .72); backdrop-filter: blur(3px); }
.template-copy-modal { margin: auto; width: min(560px, calc(100vw - 32px)); }
.template-copy-modal .pdc-modal-body { display: grid; gap: 12px; }
.template-copy-modal .pdc-modal-body p { margin: 0; }
.template-copy-modal .form-actions { flex-wrap: wrap; }
.project-assets-modal > form { display: grid; grid-template-rows: auto minmax(0, 1fr); max-height: inherit; }
.project-assets-upload { margin-bottom: 28px; padding-bottom: 20px; border-bottom: 1px solid var(--line, #3a3a3a); }
.project-assets-item { display: flex; align-items: center; gap: 14px; padding: 12px 14px; background: var(--surface-raised, #202020); border: 1px solid var(--line, #3a3a3a); border-radius: 9px; flex-wrap: wrap; }
.project-assets-item strong, .project-assets-item p { min-width: 0; overflow-wrap: anywhere; }
.project-assets-item p { flex: 1 1 260px; margin: 0; }
.project-data-collection-modal > form { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; height: 100%; }
.pdc-modal-header, .pdc-modal-footer { display: flex; align-items: center; gap: 16px; padding: 18px 22px; background: var(--surface-raised, #202020); }
.pdc-modal-header { justify-content: space-between; border-bottom: 1px solid var(--line, #3a3a3a); }
.pdc-modal-header h2 { margin: 3px 0 6px; }
.pdc-modal-header .helper { margin: 3px 0; }
.pdc-modal-footer { border-top: 1px solid var(--line, #3a3a3a); }
.pdc-modal-footer .spacer { flex: 1; }
.pdc-modal-body { overflow: auto; padding: 20px 22px 44px; }
.pdc-editor-fields { min-width: 0; padding: 0; border: 0; }
.pdc-lifecycle-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 16px 0; }
.pdc-lifecycle-actions .button { min-height: 44px; white-space: normal; }
.pdc-lifecycle-actions [aria-pressed="true"] { border-color: var(--accent, #62a3ff); }
.pdc-exact-text { white-space: pre-wrap; overflow-wrap: anywhere; max-width: 100%; }
.pdc-boundary { margin: 18px 0; padding: 12px 14px; color: var(--muted, #b1afa8); background: #20231f; border: 1px solid #394237; border-radius: 9px; line-height: 1.5; }
.pdc-surfaces { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.pdc-surface { min-height: 46px; padding: 10px 12px; color: var(--muted, #b1afa8); background: #202020; border: 1px solid var(--line, #3a3a3a); border-radius: 9px; cursor: pointer; }
.pdc-surface.active { color: var(--text, #fff); background: #2a2a26; border-color: #9a8553; box-shadow: inset 0 0 0 1px #9a8553; }
.pdc-surface span { display: inline-grid; place-items: center; min-width: 20px; min-height: 20px; margin-left: 5px; color: #171717; background: #c5ae72; border-radius: 99px; font-size: .72rem; font-weight: 700; }
.pdc-scope-row { display: flex; align-items: end; justify-content: space-between; gap: 18px; min-height: 68px; padding: 12px 0; }
.pdc-setup-select { width: min(440px, 100%); }
.pdc-project-scope { margin: 0; }
.pdc-binding-list { margin: 4px 0 18px; }
.pdc-binding-list h3 { margin: 0 0 9px; font-size: .8rem; color: var(--muted, #b1afa8); text-transform: uppercase; letter-spacing: .08em; }
.pdc-binding-list > div { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 4px; }
.pdc-binding-chip { flex: 0 0 auto; display: grid; gap: 3px; min-width: 190px; min-height: 52px; padding: 9px 11px; color: var(--text, #fff); text-align: left; background: #202020; border: 1px solid var(--line, #3a3a3a); border-radius: 8px; cursor: pointer; }
.pdc-binding-chip.active { border-color: #9a8553; }
.pdc-binding-chip span { color: var(--muted, #b1afa8); font-size: .76rem; }
.pdc-card, .pdc-empty { margin: 14px 0; padding: 18px; background: #1d1d1d; border: 1px solid var(--line, #3a3a3a); border-radius: 11px; }
.pdc-empty { padding: 34px 20px; text-align: center; }
.pdc-empty h3 { margin-top: 0; }
.pdc-card > summary { min-height: 44px; color: var(--text, #fff); font-weight: 700; cursor: pointer; }
.pdc-details-body { padding-top: 14px; }
.pdc-section-heading, .pdc-item-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.pdc-section-heading h3, .pdc-section-heading h4, .pdc-item-heading strong { margin: 0; }
.pdc-section-heading { margin-bottom: 14px; }
.pdc-item-heading { margin-bottom: 13px; }
.pdc-item-heading > div { display: flex; gap: 5px; }
.pdc-item code, .pdc-section-heading code, .pdc-choice-list code { color: var(--muted, #aaa); font-size: .72rem; overflow-wrap: anywhere; }
.pdc-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.pdc-grid label, .pdc-setup-select, .pdc-details-body > label { display: grid; gap: 7px; color: var(--muted, #c0beb8); font-size: .8rem; font-weight: 650; }
.pdc-grid label.wide, .pdc-check-group.wide { grid-column: 1 / -1; }
.pdc-grid input:not([type="checkbox"]), .pdc-grid select, .pdc-grid textarea, .pdc-setup-select select, .pdc-details-body > label input { width: 100%; min-height: 44px; box-sizing: border-box; padding: 10px 11px; color: var(--text, #fff); background: #121212; border: 1px solid #474747; border-radius: 7px; font: inherit; }
.pdc-grid textarea { resize: vertical; line-height: 1.45; }
.pdc-grid input:focus, .pdc-grid select:focus, .pdc-grid textarea:focus, .pdc-setup-select select:focus { outline: 2px solid #bda566; outline-offset: 1px; border-color: transparent; }
.pdc-item { margin: 12px 0; padding: 15px; background: #171717; border: 1px solid #343434; border-radius: 9px; }
.pdc-subsection { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--line, #3a3a3a); }
.pdc-subsection h4 { margin-top: 0; }
.pdc-legal { margin-top: 16px; padding-top: 16px; border-top: 1px dashed #434343; }
.pdc-check-group { min-width: 0; margin: 0; padding: 12px; border: 1px solid #3f3f3f; border-radius: 8px; }
.pdc-check-group legend { padding: 0 5px; color: var(--muted, #c0beb8); font-size: .8rem; font-weight: 650; }
.pdc-check, .pdc-grid .pdc-check { display: flex; grid-template-columns: none; align-items: center; gap: 9px; min-height: 44px; color: var(--text, #fff); font-weight: 500; }
.pdc-check input { flex: 0 0 auto; width: 20px; height: 20px; accent-color: #bda566; }
.pdc-primary-check { font-weight: 700; }
.pdc-choice-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px 18px; margin-bottom: 12px; }
.pdc-handoff-consent { padding: 5px 0 10px; border-bottom: 1px solid #343434; }
.pdc-editor-fields:disabled { opacity: .68; }
.pdc-editor-fields:disabled .pdc-boundary { opacity: 1; }
.icon-button { min-width: 38px; min-height: 38px; color: var(--text, #fff); background: #262626; border: 1px solid #444; border-radius: 7px; cursor: pointer; }

@media (max-width: 720px) {
  .project-data-collection-modal { width: 100vw; height: 100vh; max-height: 100vh; border: 0; border-radius: 0; }
  .pdc-modal-header, .pdc-modal-footer, .pdc-modal-body { padding-left: 15px; padding-right: 15px; }
  .pdc-modal-footer { flex-wrap: wrap; }
  .pdc-modal-footer .spacer { display: none; }
  .pdc-surfaces { grid-template-columns: repeat(2, 1fr); }
  .pdc-grid, .pdc-choice-list { grid-template-columns: 1fr; }
  .pdc-grid label.wide, .pdc-check-group.wide { grid-column: auto; }
  .pdc-section-heading, .pdc-item-heading { align-items: flex-start; flex-direction: column; }
}

/* Capture sections remain navigable while the saved form is read-only. */
.capture-editor-sections { display: flex; flex-wrap: wrap; gap: 6px 20px; border-bottom: 1px solid var(--line); margin: 22px 0; }
.capture-editor-sections button { min-height: 44px; padding: 12px 2px; background: transparent; color: var(--muted); border: 0; border-bottom: 2px solid transparent; border-radius: 0; font: inherit; cursor: pointer; }
.capture-editor-sections button[aria-selected="true"] { color: var(--accent); border-bottom-color: var(--accent); }
.capture-editor-sections button:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.capture-editor-sections-panel { max-width: 880px; margin: 0 auto; }
.capture-editor-sections-panel .piper-card { background: var(--surface); }
.capture-editor-sections-panel .piper-group-label { color: var(--accent); }
.capture-editor-sections-panel input:not([type="checkbox"]), .capture-editor-sections-panel select { width: 100%; min-width: 0; }
.capture-editor-sections-panel .piper-card h4 { margin-bottom: 12px; }
.capture-editor-sections-panel .piper-field .helper { max-width: 72ch; }
@media (max-width: 600px) {
  .capture-editor-sections { gap: 4px 16px; }
  .capture-editor-sections button { font-size: .88rem; }
  .capture-editor-sections-panel .piper-card { padding: 16px; }
}

.capture-flow-note { border-left: 2px solid var(--accent); padding-left: 12px; }
.capture-flow-details { margin-top: 20px; border-top: 1px solid var(--line); }
.capture-flow-details > summary { display: list-item; min-height: 44px; padding: 14px 0 8px; cursor: pointer; color: var(--text); font-weight: 600; }
.capture-flow-details[open] > summary { margin-bottom: 12px; }
.field-publication-modal { padding: 24px; overflow: auto; }
.field-publication-modal .project-review-actions { margin: 20px 0; flex-wrap: wrap; }
.field-publication-modal li { overflow-wrap: anywhere; margin: 8px 0; }

/* Shared project Guest Form editor and non-submitting preview. */
.pdc-form-workspace { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(240px, .7fr); gap: 20px; align-items: start; }
.pdc-form-workspace > * { min-width: 0; }
.pdc-preview-panel { position: sticky; top: 0; padding: 16px; background: var(--surface, #171717); border: 1px solid var(--line, #3a3a3a); border-radius: 10px; }
.pdc-preview-panel h4 { margin: 0 0 10px; }
.pdc-guest-preview { display: grid; gap: 18px; overflow-wrap: anywhere; }
.pdc-preview-field { display: grid; gap: 7px; }
.pdc-guest-preview input:not([type="checkbox"]):not([type="radio"]), .pdc-guest-preview select, .pdc-guest-preview textarea { box-sizing: border-box; width: 100%; min-height: 44px; background: var(--surface, #171717); color: var(--text, #fff); border: 1px solid var(--line, #444); border-radius: 7px; }
.pdc-preview-choice { display: flex; align-items: start; gap: 9px; }
.pdc-preview-choice input { flex: 0 0 auto; width: 20px; height: 20px; }
.pdc-preview-choice span span { display: block; font-size: .85rem; margin-top: 4px; }
.pdc-preview-disclaimer { white-space: pre-line; line-height: 1.5; }
.pdc-preview-legal p { white-space: pre-wrap; font-size: .85rem; }
.pdc-form-options { margin-top: 16px; }
.pdc-form-options summary { min-height: 44px; display: flex; align-items: center; cursor: pointer; }
.pdc-collection-points .button-danger { margin-top: 12px; }
.pdc-field-picker { padding: 10px 0; }
.pdc-field-picker summary, .pdc-field-row summary { min-height: 44px; cursor: pointer; }
.pdc-field-row summary { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
.pdc-field-row summary::after { content: "+"; color: var(--muted); }
.pdc-field-row[open] summary::after { content: "−"; }
.pdc-field-row summary span { color: var(--muted); font-size: .78rem; }
.pdc-stock-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.pdc-stock-grid .button { min-height: 44px; white-space: normal; }
.pdc-choice-row { display: flex; align-items: end; gap: 8px; margin: 10px 0; }
.pdc-choice-row label { flex: 1; display: grid; gap: 6px; min-width: 0; }
.pdc-choice-row input { width: 100%; min-height: 44px; box-sizing: border-box; }
.pdc-choice-row > div, .pdc-field-actions { display: flex; flex-wrap: wrap; gap: 5px; }
.pdc-field-actions { margin-top: 16px; }
.pdc-field-actions .icon-button, .pdc-choice-row .icon-button { min-width: 44px; min-height: 44px; }
.pdc-answer-choices { margin: 16px 0; }
.pdc-preview-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 12px; }
.pdc-preview-field { grid-column: 1 / -1; min-width: 0; }
.pdc-preview-half { grid-column: auto; }
.pdc-legal-document > summary { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; min-height: 44px; align-items: center; cursor: pointer; }
.pdc-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.pdc-legal-source { margin: 16px 0; }
.pdc-legal-source [data-legal-editor-shell] { --border: var(--line, #444); --text-dim: var(--muted, #bbb); --input-bg: var(--surface, #171717); }
.pdc-legal-source [data-legal-editor-shell] > div:first-child { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; margin: 10px 0; }
.pdc-legal-source [data-legal-editor-shell] > div:first-child label { min-height: 44px; display: inline-flex; align-items: center; cursor: pointer; }
.pdc-legal-source [data-legal-editor] { min-height: 170px; max-height: 380px; overflow: auto; padding: 12px; line-height: 1.55; border: 1px solid var(--line, #444); border-radius: 7px; background: var(--surface, #171717); }
.pdc-legal-source [data-legal-editor][contenteditable="false"] { opacity: .7; }
.pdc-legal-source [data-legal-import-status] { font-size: .8rem; color: var(--muted); }
.pdc-registration-preview { border-radius: 8px; }
.pdc-registration-preview img { display: block; margin: 0 auto 16px; }
.pdc-registration-completion { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--registration-border, var(--line)); }
.pdc-preview-legal-link { color: var(--registration-legal-link, var(--accent)); text-decoration: underline; }
.pdc-preview-legal summary { cursor: pointer; min-height: 44px; }
.pdc-preview-flow { padding: 12px; border: 1px solid var(--line, #444); border-radius: 8px; margin: 12px 0; }
@media (max-width: 700px) { .pdc-form-workspace { grid-template-columns: 1fr; } .pdc-preview-panel { position: static; } .pdc-choice-row { flex-wrap: wrap; } }

/* Guest Form controls retain one canonical owner while experience editors host them. */
.guest-form-inline { min-width: 0; }
.guest-form-inline > .helper { margin: 8px 0; }
.guest-form-inline > .button { margin: 8px 8px 12px 0; }
.share-station-editor.guest-form-section { grid-template-columns: minmax(0, 1fr); }
.guest-form-inline .pdc-editor-fields { padding: 0; border: 0; min-width: 0; }
.guest-form-inline .pdc-card { margin-bottom: 16px; }