#workspace {
  --om-bg: var(--color-background-body);
  --om-white: var(--color-background-surface, #fff);
  --om-sidebar: var(--color-background-muted);
  --om-border: var(--color-border);
  --om-text: var(--color-text-primary);
  --om-muted: var(--color-text-secondary);
  --om-primary: var(--color-accent);
  --om-active: var(--color-accent-muted);
  --om-radius: var(--radius-container, 12px);
  min-height: 100vh;
  color: var(--om-text);
  background: var(--om-bg);
  font: var(--font-size-base, 14px)/1.45 var(--font-family-body);
}

#workspace *, #workspace *::before, #workspace *::after { box-sizing: border-box; }
#workspace [hidden], #workspace[hidden], #marketing[hidden] { display: none !important; }
#workspace :is(button, input, textarea, select) { font: inherit; }
#workspace button { color: inherit; cursor: pointer; }
#workspace a { color: inherit; text-decoration: none; }
#workspace :is(h1, h2, h3, p) { margin: 0; }
#workspace :focus-visible { outline: 2px solid var(--om-primary); outline-offset: 3px; }
#workspace h1:focus { outline: none; }
#workspace .om-sr { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

.om-shell { display: grid; grid-template-columns: 240px minmax(0, 1fr); min-height: 100vh; }
.om-sidebar { position: sticky; top: 0; height: 100vh; display: flex; flex-direction: column; gap: 22px; padding: 24px 15px; background: var(--om-sidebar); border-right: 1px solid var(--om-border); }
.om-logo { display: inline-flex; gap: 9px; align-items: center; padding: 0 9px; font-size: 23px; font-weight: 750; letter-spacing: -.035em; }
.om-logo > .mark { width: 30px; height: 30px; }
.om-account { display: flex; align-items: center; gap: 9px; padding: 11px; border-bottom: 1px solid var(--om-border); padding-bottom: 16px; }
.om-avatar { display: grid; place-items: center; width: 33px; height: 33px; border-radius: 9px; color: var(--color-text-accent); background: var(--color-accent-muted); font-weight: 750; }
.om-account strong, .om-account small { display: block; }
.om-account strong { font-size: 13px; }
.om-account small { color: var(--om-muted); font-size: 11px; }
.om-nav { display: grid; gap: 16px; }
.om-nav-group { display:grid; gap:3px; }
.om-nav-group > span { padding-inline:12px; font-size:11px; font-weight:650; color:var(--om-muted); }
.om-startup { padding:32px; color:var(--om-muted); }
.om-account > div { min-width:0; overflow-wrap:anywhere; }
#workspace .om-nav .om-btn { justify-content: flex-start; min-width: 0; padding: 10px 12px; color: var(--om-muted); border: 0; background: transparent; }
#workspace .om-nav .om-btn:hover { background: var(--color-background-body); }
#workspace .om-nav .om-nav-active, #workspace .om-nav .om-nav-active:hover { color: var(--color-text-accent); background: var(--om-active); }

.om-back { margin-top: auto; padding: 5px 9px; color: var(--om-muted); font-size: 12px; }
#workspace .om-back:hover { text-decoration: underline; }
.om-topbar { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 54px; padding: 8px clamp(18px, 3vw, 42px); border-bottom: 1px solid var(--om-border); background: var(--om-white); }
.om-topbar > div { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.om-content { max-width: 1480px; margin: 0 auto; padding: 30px clamp(18px, 3vw, 42px) 48px; }
.om-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; margin-bottom: 25px; }
#workspace .om-heading h1 { font-size: var(--font-size-4xl, 2.1875rem); font-weight: 700; letter-spacing: -.035em; line-height: 1.08; }
#workspace .om-heading p { margin-top: 8px; color: var(--om-muted); }
#workspace .om-btn { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 36px; padding: 7px 13px; border: 1px solid var(--om-border); border-radius: var(--radius-element, 10px); background: var(--om-white); font-weight: 650; line-height: 1.25; white-space: nowrap; }
#workspace .om-btn:hover { background: var(--color-background-muted); }
#workspace .om-primary { min-height: 39px; padding: 8px 15px; color: var(--color-on-accent); border-color: var(--om-primary); background: var(--om-primary); }
#workspace .om-btn:disabled { opacity: .55; cursor: not-allowed; }
#workspace .om-primary:hover { background: var(--om-action-hover); }
#workspace .om-text-btn { color: var(--color-text-accent); border-color: transparent; background: transparent; }
#workspace .om-icon-btn { width: 36px; padding: 0; font-size: 20px; }
#workspace .om-selected { border-color: var(--color-accent); color: var(--color-text-accent); background: var(--om-active); }
#workspace .om-notice { margin: 0 0 16px; padding: 12px 15px; color: var(--color-text-info); border: 1px solid var(--color-border-info); border-radius: var(--om-radius); background: var(--color-background-blue); }
#workspace .om-danger { border: 1px solid var(--color-border-error); border-radius: var(--om-radius); }
#workspace .om-danger > details { padding: 0 16px 16px; }
#workspace .om-danger summary { padding: 14px 0; cursor: pointer; font-weight: 650; color: var(--color-error); }
#workspace .om-danger-btn { color: var(--color-on-error); border-color: var(--color-error); background: var(--color-error); }

.om-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin: 0 0 28px; border-block: 1px solid var(--om-border); }
.om-summary > div { min-width: 0; display: grid; gap: 7px; padding: 14px 16px; }
.om-summary > div + div { border-inline-start: 1px solid var(--om-border); }
.om-summary small { color: var(--om-muted); font-size: 13px; }
.om-summary strong { font-size: 29px; letter-spacing: -.035em; line-height: 1; }
.om-section { margin-top: 16px; padding: 16px; border: 1px solid var(--om-border); border-radius: var(--om-radius); background: var(--om-white); }
.om-section-heading { display: flex; align-items: center; justify-content: space-between; min-height: 32px; gap: 10px; margin-bottom: 8px; }
#workspace .om-section-heading h2 { font-size: 18px; letter-spacing: -.025em; }
#workspace .om-empty { padding: 15px 0; color: var(--om-muted); }
.om-post-row { display: grid; grid-template-columns: minmax(0, 1fr) auto 12px; align-items: center; gap: 12px; width: 100%; padding: 10px 5px; border: 0; border-bottom: 1px solid var(--om-border); border-radius: 0; background: transparent; text-align: left; }
.om-library-actions, .om-library-tools, .om-plan-tools, .om-plan-tools > div { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.om-library-tools { justify-content:space-between; align-items:end; }
.om-library-tools label, .om-plan-tools label { display:grid; gap:4px; color:var(--om-muted); font-size:12px; }
.om-library-row { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:10px; border-bottom:1px solid var(--om-border); }
.om-library-row:last-child { border-bottom:0; }
.om-library-row .om-post-row { border-bottom:0; }
.om-plan-networks > summary { cursor:pointer; font-weight:700; }
#workspace .om-plan-networks > p { margin-block:6px 10px; color:var(--om-muted); }
.om-plan-networks > div:first-of-type { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
.om-plan-networks > div:first-of-type label { display:flex; align-items:center; font-weight:500; min-height:32px; }
.om-network-captions { display:grid; gap:10px; margin-top:12px; }
.om-post-row:last-child { border-bottom: 0; }
.om-post-row:hover { background: var(--color-background-body); }
.om-post-title { min-width: 0; }
.om-post-title strong, .om-post-title small { display: block; overflow-wrap: anywhere; }
.om-post-title small { margin-top: 3px; color: var(--om-muted); }
.om-post-arrow { color: var(--om-muted); font-size: 19px; }
.om-cover { display: block; width: 54px; height: 40px; overflow: hidden; border-radius: 6px; background: var(--color-background-muted); }
.om-cover img { display: block; width: 100%; height: 100%; object-fit: cover; }
.om-cover-trails { background: linear-gradient(159deg, #d7d8ad 0 30%, #a4b99d 31% 43%, #548378 44% 57%, #32675c 58% 65%, #1d5149 66%); }
.om-cover-gear { background: linear-gradient(151deg, #ddbfa0 0 32%, #ab7459 33% 59%, #e1a56e 60% 67%, #6f5546 68%); }
.om-cover-river { background: linear-gradient(173deg, #b8d3c6 0 33%, #789e9c 34% 60%, #a0b6a3 61% 68%, #577b70 69%); }
.om-platforms { display: inline-flex; align-items: center; gap: 3px; }
.om-platform { display: inline-grid; flex: none; place-items: center; width: 19px; height: 19px; color: #fff; border-radius: 5px; background: var(--platform-color); font-size: 12px; font-weight: 800; line-height: 1; }
.om-badge { justify-self: start; display: inline-block; padding: 3px 6px; border-radius: 5px; color: var(--color-text-secondary); background: var(--color-background-muted); font-size: 11px; font-weight: 650; line-height: 1.2; }
.om-badge-scheduled { color: var(--color-text-green, #1b634b); background: var(--color-background-green, #dceee0); }
.om-badge-review { color: var(--color-text-yellow, #805a18); background: var(--color-background-yellow, #f7eccf); }
.om-badge-attention { color: var(--color-text-red, #883c29); background: var(--color-background-red, #f6e5db); }
.om-badge-delivered { color: var(--color-text-blue, #325e68); background: var(--color-background-blue, #e1eef0); }

.om-planner-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.om-week-controls, .om-filters, .om-inline-actions, .om-segments, .om-search { display: flex; align-items: center; gap: 7px; }
#workspace .om-week-controls h2 { margin-inline: 6px; font-size: 15px; font-weight: 700; font-variant-numeric: tabular-nums; }
#workspace :is(input:not([type="checkbox"]), select, textarea) { min-width: 0; min-height: 36px; padding: 7px 9px; color: var(--om-text); border: 1px solid var(--om-border); border-radius: var(--radius-element, 10px); background: var(--om-white); }
#workspace textarea { resize: vertical; }
#workspace .om-zone { margin-bottom: 10px; color: var(--om-muted); font-size: 12px; }
.om-planner-toolbar .om-zone { margin-bottom: 0; }
.om-planner-empty { display: grid; gap: 4px; padding: 14px 16px; margin-bottom: 12px; background: var(--color-background-muted); border-radius: var(--om-radius); }
#workspace .om-planner-empty p { color: var(--om-muted); }
.om-day { min-width: 0; }
.om-calendar { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); min-height: 300px; overflow: hidden; border: 1px solid var(--om-border); border-radius: var(--om-radius); background: var(--om-white); }
.om-calendar-agenda { grid-template-columns:minmax(0,1fr); min-height:0; }
.om-calendar-agenda .om-day + .om-day { border-inline-start:0; border-top:1px solid var(--om-border); }
.om-calendar-agenda .om-day-head > div { display:flex; align-items:baseline; gap:8px; }
.om-day + .om-day { border-left: 1px solid var(--om-border); }
.om-day-head { min-height: 57px; display: flex; justify-content: space-between; align-items: center; gap: 2px; padding: 8px 8px 7px 10px; border-bottom: 1px solid var(--om-border); }
.om-day-head small, .om-day-head strong { display: block; }
.om-day-head small { color: var(--om-muted); font-size: 11px; }
.om-day-head strong { font-size: 17px; line-height: 1.25; }
.om-day-today .om-day-head { color: var(--color-text-accent); background: var(--color-accent-muted); }
#workspace .om-add-day { width: 25px; min-height: 27px; padding: 0; border-color: transparent; background: transparent; color: var(--color-text-secondary); font-size: 17px; }
#workspace .om-add-day:hover { background: var(--om-active); }
.om-day-posts { display: grid; gap: 7px; padding: 7px; }
.om-calendar-post { display: grid; gap: 5px; width: 100%; min-width: 0; padding: 7px; border: 1px solid var(--om-border); border-radius: 8px; background: var(--color-background-body); text-align: left; }
.om-calendar-post:hover { border-color: var(--color-border-emphasized); background: var(--color-background-muted); }
.om-calendar-post > strong { font-size: 12px; line-height: 1.25; overflow-wrap: anywhere; }
.om-calendar-post > small { color: var(--om-muted); font-size: 10px; }
.om-calendar-post > span:last-child { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 4px; }
.om-calendar-post .om-badge { font-size: 9px; }
.om-calendar-cover { width: 100%; height: 45px; }

.om-media-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.om-media { display: grid; gap: 4px; padding: 8px; border: 1px solid var(--om-border); border-radius: var(--om-radius); background: var(--om-white); text-align: left; }
.om-media:hover { background: var(--color-background-body); }
.om-media .om-cover { width: 100%; height: clamp(70px, 11vw, 135px); }
.om-media small { color: var(--om-muted); }
.om-insight { display: grid; grid-template-columns: 20px minmax(65px, 110px) minmax(0, 1fr) minmax(42px, auto); align-items: center; gap: 10px; padding: 12px 4px; border-bottom: 1px solid var(--om-border); }
.om-insight:last-child { border-bottom: 0; }
.om-insight small { display: block; color: var(--om-muted); }
.om-insight strong { text-align: right; }
.om-fb-controls { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; }
.om-fb-empty { display: grid; justify-items: start; gap: 10px; }
.om-fb-empty h2 { font-size: 18px; letter-spacing: -.025em; }
.om-fb-empty p { max-width: 620px; color: var(--om-muted); }
.om-fb-empty .om-btn { margin-top: 2px; }
.om-fb-controls > label { display: grid; gap: 5px; min-width: min(100%, 250px); color: var(--om-muted); font-size: 12px; font-weight: 650; }
.om-fb-controls > label select { width: 100%; }
.om-fb-period { display: inline-flex; gap: 4px; padding: 3px; border: 1px solid var(--om-border); border-radius: var(--radius-element, 10px); background: var(--color-background-muted); }
#workspace .om-fb-period .om-btn { min-height: 31px; padding: 5px 10px; border-color: transparent; background: transparent; }
#workspace .om-fb-period .om-btn.om-selected { color: var(--color-text-accent); border-color: var(--om-border); background: var(--om-white); }
.om-fb-updated { margin-left: auto !important; color: var(--om-muted); font-size: 12px; }
.om-fb-metric { display: grid; justify-items: start; gap: 3px; padding: 14px 0 18px; }
.om-fb-metric small,.om-fb-metric span,.om-fb-muted { color: var(--om-muted); font-size: 12px; }
.om-fb-metric strong { font-size: clamp(28px, 4vw, 38px); letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.om-fb-subheading { padding-top: 10px; border-top: 1px solid var(--om-border); }
.om-fb-subheading small { color: var(--om-muted); font-size: 11px; }
.om-fb-chart { display: grid; grid-auto-columns: minmax(34px, 1fr); grid-auto-flow: column; align-items: end; gap: 8px; min-height: 170px; padding: 18px 2px 2px; overflow-x: auto; }
.om-fb-bar { display: grid; grid-template-rows: 16px minmax(68px, 1fr) 17px; justify-items: center; align-items: end; gap: 5px; min-width: 34px; height: 143px; }
.om-fb-bar-value { color: var(--om-muted); font-size: 9px; line-height: 1; font-variant-numeric: tabular-nums; }
.om-fb-bar i { display: block; width: min(100%, 23px); height: var(--bar-height); min-height: 3px; align-self: end; border-radius: 5px 5px 2px 2px; background: var(--color-accent); }
.om-fb-bar small { color: var(--om-muted); font-size: 9px; white-space: nowrap; }
.om-fb-post { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 2px; border-bottom: 1px solid var(--om-border); }
.om-fb-post:last-of-type { border-bottom: 0; }
.om-fb-post > div { display: grid; min-width: 0; gap: 4px; }
.om-fb-post strong { overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.om-fb-post small { color: var(--om-muted); font-size: 11px; }
#workspace .om-fb-post a { flex: none; color: var(--color-text-accent); font-size: 12px; font-weight: 650; }
#workspace .om-fb-post a:hover { text-decoration: underline; }
.om-fb-gaps { color: var(--color-text-yellow, #805a18); border-color: var(--color-border-yellow, var(--om-border)); background: var(--color-background-yellow, var(--om-white)); }
.om-fb-gaps h2,.om-fb-notes h2 { margin-bottom: 8px !important; font-size: 14px !important; }
.om-fb-gaps ul { display: grid; gap: 5px; margin: 0; padding-left: 18px; font-size: 12px; }
.om-fb-error { display: grid; gap: 8px; color: var(--color-text-red, #883c29); border-color: var(--color-border-red, var(--om-border)); background: var(--color-background-red, var(--om-white)); }
.om-fb-error p,.om-fb-notes p { color: var(--om-muted); font-size: 12px; }
.om-fb-error .om-btn { justify-self: start; }
.om-fb-notes { background: var(--color-background-muted); }
.om-bar { height: 8px; border-radius: 9px; background: var(--color-background-muted); }
.om-bar i { display: block; width: var(--bar-width); height: 100%; border-radius: inherit; background: var(--color-accent); }
.om-conversation { display: flex; gap: 10px; max-width: 620px; padding: 8px 0 14px; }
.om-conversation small { display: block; color: var(--om-muted); }
#workspace .om-conversation p { margin-top: 8px; }
.om-reply { padding: 9px; border-radius: 6px; background: var(--color-background-muted); overflow-wrap: anywhere; }
.om-reply-form { display: grid; gap: 10px; max-width: 580px; }
.om-reply-form label { display: grid; gap: 5px; }

.om-dialog { width: min(900px, calc(100% - 32px)); max-height: min(90dvh, 790px); margin: auto; padding: 0; overflow: hidden; color: var(--om-text); border: 0; border-radius: 15px; background: var(--om-white); box-shadow: 0 25px 70px #15193136; }
.om-dialog::backdrop { background: #15193166; }
.om-dialog form { display: flex; flex-direction: column; max-height: min(calc(90dvh - 2px), 788px); }
.om-editor-heading, .om-editor-footer { flex: none; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 16px 24px; }
.om-editor-heading { border-bottom: 1px solid var(--om-border); }
.om-editor-heading small { color: var(--om-muted); }
#workspace .om-editor-heading h2 { font-size: 26px; letter-spacing: -.035em; line-height: 1.2; }
.om-editor-body { min-height: 0; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); padding: 0; overflow: auto; overscroll-behavior: contain; }
.om-editor-body > section { display: grid; align-content: start; gap: 16px; padding: 22px 24px; min-width: 0; }
.om-compose-setup { border-inline-start: 1px solid var(--om-border); background: var(--color-background-body); }
#workspace .om-editor-body h3 { font-size: 16px; font-weight: 700; line-height: 1.3; }
.om-editor-body label { display: grid; gap: 6px; min-width: 0; font-size: 13px; font-weight: 650; }
.om-editor-body label > small { color: var(--om-muted); font-weight: 500; }
.om-compose-media, .om-destination-fields { display: grid; gap: 12px; min-width: 0; }
.om-destination-fields:empty { display: none; }
.om-destination-plans { display: grid; gap: 10px; min-width: 0; }
.om-destination-plans > p { margin: -7px 0 0; color: var(--om-muted); font-size: 12px; }
.om-destination-plan { display: grid; gap: 10px; padding: 12px; border: 1px solid var(--om-border); border-radius: 10px; background: var(--om-white); }
.om-destination-plan > header { display: flex; align-items: center; gap: 9px; }
.om-destination-plan > header div { display: grid; gap: 2px; }
.om-destination-plan > header small, .om-account-results small { display: block; color: var(--om-muted); font-size: 12px; }
.om-destination-plan label { margin: 0; }
.om-account-results { display: grid; gap: 7px; }
.om-account-results p { margin: 0; }
.om-compose-media { padding-top: 16px; border-top: 1px solid var(--om-border); }
.om-editor-body label :is(input:not([type=checkbox]), select, textarea) { width: 100%; }
#workspace .om-editor-error { padding: 8px 24px; background: var(--color-background-red); }
.om-editor-media { display: flex; align-items: center; gap: 10px; padding-bottom: 8px; }
.om-editor-media div { flex: 1; }
.om-editor-media small, .om-receipts small { display: block; color: var(--om-muted); }
.om-editor-body fieldset { min-width: 0; display: grid; gap: 8px; margin: 4px 0; padding: 10px 0 12px; border: 0; border-block: 1px solid var(--om-border); }
.om-editor-body legend { padding: 0 4px; font-size: 13px; font-weight: 750; }
.om-destination-list { display: grid; gap: 6px; }
.om-caption-tabs { display: flex; flex-wrap: wrap; gap: 6px; }
.om-destination-list label { display: grid; grid-template-columns: auto auto minmax(0,1fr); align-items: center; gap: 8px; min-height: 40px; padding: 5px 9px; border: 1px solid var(--om-border); border-radius: 8px; font-size: 13px; cursor: pointer; }
.om-destination-list label small { display: block; }
.om-destination-list input { accent-color: var(--om-primary); }
#workspace .om-caption-tabs .om-btn { padding: 6px 7px; font-size: 12px; }
.om-copy-preview { min-height: 55px; padding: 8px; border-radius: 7px; background: var(--color-background-muted); overflow-wrap: anywhere; white-space: pre-wrap; }
.om-copy-preview small { color: var(--om-muted); font-weight: 650; }
.om-channel-details { color: var(--om-muted); font-size: 12px; }
.om-channel-details summary { padding: 3px 0; cursor: pointer; }
.om-channel-details ul { display: grid; gap: 5px; padding: 0; list-style: none; }
.om-channel-details li { display: flex; align-items: center; gap: 6px; }
.om-channel-details li > small { margin-left: auto; }
.om-receipts { display: grid; gap: 7px; padding: 10px; border: 1px solid var(--om-border); border-radius: var(--om-radius); }
.om-receipts div { display: flex; align-items: center; gap: 6px; }
.om-receipts h3 { font-size: 14px; }
#workspace .om-error { color: var(--color-text-error); }
.om-editor-footer { flex-wrap: wrap; justify-content: flex-end; border-top: 1px solid var(--om-border); }
.om-editor-footer .om-inline-actions { flex-wrap: wrap; justify-content: flex-end; }

@media (max-width: 1100px) {
  .om-shell { grid-template-columns: 185px minmax(0, 1fr); }
  .om-content { padding-inline: 20px; }
}

@media (max-width: 860px) {
  .om-shell { grid-template-columns: 1fr; }
  .om-sidebar { position: static; height: auto; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 9px 12px; padding: 12px 16px 6px; border-right: 0; border-bottom: 1px solid var(--om-border); }
  .om-logo { padding: 0; }
  .om-account { justify-self: start; grid-column: 1; padding: 5px 8px; }
  .om-avatar { width: 25px; height: 25px; }
  .om-back { justify-self: end; grid-column: 2; grid-row: 1; padding: 0; margin: 0; }
  .om-nav { grid-column: 1 / -1; display: flex; overflow-x: auto; }
  .om-nav-group { display:flex; flex:none; align-items:center; }
  .om-nav-group > span { display:none; }
  #workspace .om-nav .om-btn { justify-content: center; flex: none; padding: 8px 10px; }
  .om-topbar { min-height: 57px; }
}

@media (max-width: 650px) {
  #workspace .om-nav .om-btn { flex-direction: column; gap: 3px; min-height: 47px; font-size: 10px; }
  .om-content { padding: 21px 14px 38px; }
  .om-topbar { padding-inline: 14px; }
  .om-topbar > div { gap: 6px; justify-content:flex-end; flex-shrink:0; }
  .om-heading { margin-bottom: 16px; }
  .om-summary { margin-bottom: 15px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .om-summary > div:nth-child(odd) { border-inline-start: 0; }
  .om-summary > div:nth-child(n+3) { border-top: 1px solid var(--om-border); }
  .om-summary > div { gap: 7px; padding: 11px 7px; }
  .om-summary small { font-size: 11px; }
  .om-summary strong { font-size: 22px; }
  .om-section { padding: 9px; }
  .om-post-row { gap: 4px 7px; }
  .om-post-row > .om-cover { grid-row: span 2; width: 41px; height: 41px; }
  .om-post-row > .om-platforms { grid-column: 3; }
  .om-post-arrow { display: none; }
  .om-calendar { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  .om-day + .om-day { border-left: 0; border-top: 1px solid var(--om-border); }
  .om-day-head { min-height: 43px; }
  .om-day-head > div { display: flex; align-items: baseline; gap: 7px; }
  .om-day-posts { padding: 5px 8px; }
  .om-day-posts:empty { display: none; }
  .om-calendar-post { grid-template-columns: minmax(0, .8fr) minmax(0, 1.5fr) auto; align-items: center; gap: 4px 7px; }
  .om-calendar-cover { grid-row: span 2; height: 36px; }
  .om-calendar-post > small { grid-row: auto; }
  .om-calendar-post > span:last-child { grid-column: 3; }
  .om-week-controls strong { margin: 0 2px; font-size: 12px; }
  .om-search { flex: 1; }
  .om-search label { flex: 1; min-width: 0; }
  .om-search input { width: 100%; }
  .om-media { padding: 5px; }
  .om-media small { font-size: 11px; }
  .om-dialog { margin: auto; }
  .om-editor-heading, .om-editor-footer { padding: 12px 16px; }
  .om-editor-body { grid-template-columns: minmax(0,1fr); }
  .om-editor-body > section { padding: 16px; }
  .om-compose-setup { border-inline-start: 0; border-top: 1px solid var(--om-border); }
  #workspace .om-editor-footer .om-btn { padding-inline: 7px; font-size: 12px; }
  #workspace .om-editor-body :is(input:not([type="checkbox"]), select, textarea) { font-size: 16px; }
}


.om-channel-edit { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .75fr); gap: 14px; align-items: start; }
.om-channel-controls { display: grid; gap: 6px; min-width: 0; }
.om-channel-controls textarea { width: 100%; }
.om-copy-preview { min-height: 110px; padding: 13px; white-space: normal; }
#workspace .om-copy-preview p { margin-top: 5px; white-space: pre-wrap; }
.om-destination-list label:has(:checked) { background: var(--om-active); border-color: var(--color-accent); }
.om-destination-list label:has(:focus-visible) { outline: 2px solid var(--om-primary); outline-offset: 2px; }
#workspace .om-btn:active { transform: translateY(1px); }
#workspace :is(input, textarea, select) { caret-color: var(--om-primary); }
#workspace ::placeholder { color: var(--om-muted); }
.om-calendar-post > small,.om-week-controls strong,.om-day-head strong,.om-insight strong { font-variant-numeric: tabular-nums; }
@media (max-width: 900px) { .om-calendar-post .om-badge { font-size: 10px; } }
@media (max-width: 650px) {
  #workspace .om-heading h1 { font-size: 1.875rem; }
  .om-channel-edit { grid-template-columns: 1fr; gap: 8px; }
  .om-copy-preview { min-height: 0; }
  .om-destination-list label,#workspace .om-caption-tabs .om-btn { min-height: 44px; }
  #workspace .om-add-day { width: 44px; min-height: 44px; }
  #workspace .om-editor-footer .om-btn { min-height: 44px; }
}

/* Authenticated account and channel management */
.auth-wrap {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1fr);
  min-height: 100vh;
}
.auth-panel {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 56px;
  padding: clamp(28px, 6vw, 92px);
  background: var(--om-ink);
  color: var(--color-background-surface);
}
#workspace .auth-panel a.wordmark { color: inherit; }
.auth-panel .mark { background-image: url("/postfling-mark-light.svg"); }
#workspace .auth-panel :focus-visible { outline-color: var(--om-highlight); }
#workspace .auth-panel .auth-statement {
  max-width: 14ch;
  color: inherit;
  font: 700 clamp(2.75rem, 5.6vw, 5.75rem)/.99 var(--om-font-display);
  letter-spacing: -.04em;
  text-wrap: balance;
}
.auth-statement strong { color: var(--om-highlight); font-weight: inherit; }
.auth-main {
  display: grid;
  align-items: center;
  justify-items: center;
  padding: clamp(24px, 5vw, 72px);
  background: var(--color-background-surface);
}
.auth-card { width: min(100%, 420px); min-width: 0; }
.auth-card h1 { font-size: 2rem; line-height: 1.12; letter-spacing: -.035em; }
#workspace .auth-card > p { margin-block: 9px 25px; color: var(--color-text-secondary); }
.auth-card label,.manual-channel label {
  display: grid;
  gap: 6px;
  margin: 14px 0;
  color: var(--color-text-primary);
  font-size: 13px;
  font-weight: 650;
}
.auth-card input,.manual-channel input,.manual-channel select {
  width: 100%;
  min-height: 46px;
  padding: 10px 12px;
  border: 1px solid var(--color-border-emphasized);
  border-radius: var(--radius-element, 8px);
  background: var(--color-background-surface);
  color: var(--color-text-primary);
  caret-color: var(--color-accent);
}
.auth-card input::placeholder { color: var(--color-text-secondary); opacity: 1; }
#workspace .auth-card :is(input, .om-primary) { min-height: 46px; }
.om-demo { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; margin: 0 0 14px; padding: 10px 12px; background: var(--color-background-muted); border-radius: 8px; font-size: 13px; }
#workspace .om-demo a { min-height: 44px; color: var(--color-text-accent); }
#workspace .auth-card .om-primary { width: 100%; min-height: 46px; margin-top: 8px; }
.auth-alternative { margin-top: 16px; }
.auth-alternative p { display: flex; align-items: center; gap: 12px; margin: 0 0 12px; color: var(--color-text-secondary); }
.auth-alternative p::before,.auth-alternative p::after { content: ""; flex: 1; height: 1px; background: currentColor; opacity: .3; }
.auth-alternative .om-btn { width: 100%; min-height: 46px; }
#workspace .auth-card > p:last-child { margin-block: 18px 0; font-size: 13px; }
#workspace .auth-card a {
  color: var(--color-text-accent);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: .18em;
}
#workspace .auth-card .auth-error { color: var(--color-text-error); }
#workspace .auth-card .auth-legal { font-size: 12px; color: var(--om-muted); }
@media (max-width: 760px) {
  .auth-wrap { grid-template-columns: 1fr; grid-template-rows: auto 1fr; }
  .auth-panel { padding: 20px 24px; }
  #workspace .auth-panel .auth-statement { display: none; }
  .auth-main { align-items: start; padding-block: 36px; }
  #workspace .auth-card input { font-size: 16px; }
}
.om-empty-state{padding:25px 14px;text-align:center;color:var(--om-muted,#63726a)}
.om-empty-state p{margin:0 0 12px}
.connect-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.connect-card,.channel-card{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid var(--om-border,#dce4dd);border-radius:10px;background:var(--color-background-surface,#fff)}
.connect-card>div,.channel-card>div{display:grid;gap:3px;min-width:0;flex:1}
.connect-card small,.channel-card small{font-size:12px;color:var(--om-muted,#63726a)}
.channel-card{margin:8px 0}
.om-channel-directory { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr)); gap:12px; margin-top:16px; }
.om-directory-item { display:grid; align-content:start; gap:10px; padding:16px; border:1px solid var(--om-border); border-radius:var(--om-radius); min-width:0; }
.om-directory-title,.om-directory-item .channel-actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
#workspace .om-directory-title h3 { font-size:16px; font-weight:700; }
.om-directory-item p,.om-directory-item details { color:var(--om-muted); font-size:13px; }
.om-directory-item summary { cursor:pointer; color:var(--om-text); font-weight:650; }
.om-directory-item details p { margin-top:8px !important; }
.om-directory-item dl { margin:8px 0 0; }
.om-directory-item dl > div { display:grid; grid-template-columns:90px minmax(0,1fr); gap:6px; padding:3px 0; }
.om-directory-item dt { text-transform:capitalize; font-weight:650; }
.om-directory-item dd { margin:0; }
.channel-card > .channel-actions { display:flex; flex:0 0 auto; flex-wrap:wrap; gap:8px; }
@media(max-width:650px) {
  .channel-card:has(> .channel-actions) { flex-wrap:wrap; }
  .channel-card > .channel-actions { flex-basis:100%; padding-inline-start:30px; }
}
.capability{max-width:70ch}
.connect-card button:disabled{opacity:.55;cursor:not-allowed}
.capability-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
.capability-list li{display:flex;align-items:center;gap:10px;padding:12px 3px;border-bottom:1px solid var(--om-border,#dce4dd)}
.capability-list li span:last-child{display:grid;gap:3px}
.capability-list small{color:var(--om-muted,#63726a);font-size:12px}
.manual-channel{margin:22px 0;padding:14px;border:1px solid var(--om-border,#dce4dd);border-radius:10px}
.manual-channel summary{font-weight:700;cursor:pointer}
.manual-channel form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end}
.manual-channel form button{margin-bottom:14px}
.om-editor-body input[type=file]{display:block;width:100%;margin:0}
.om-editor-body small{color:var(--om-muted,#63726a)}
@media(max-width:760px){.connect-grid{grid-template-columns:1fr}.capability-list{grid-template-columns:1fr}.manual-channel form{grid-template-columns:1fr}.manual-channel form button{margin:0}}
.workspace-switch-label{display:grid;gap:5px;padding:0 8px;font-size:11px;color:var(--om-muted,#63726a)}
.workspace-switch-label select,.workspace-create input{min-height:38px;padding:7px 9px;border:1px solid var(--om-border,#dce4dd);border-radius:8px;background:var(--om-white,#fff);font-size:12px}
.workspace-create{padding:0 8px;font-size:12px}
.workspace-create summary{cursor:pointer;color:var(--color-text-accent);font-weight:700}
.workspace-create form{display:grid;gap:7px;margin-top:8px}
.capability-detail{display:grid;gap:5px;min-width:0}
.capability-detail>strong small{font-size:11px;color:var(--color-text-accent)}
.capability-chips{display:flex;gap:5px;flex-wrap:wrap}
.capability-chips>span{padding:3px 6px;border-radius:5px;background:var(--color-background-muted);font-size:10px;color:var(--color-text-secondary)}
.om-delivery{margin:10px 0;padding:12px;border-radius:8px;border:1px solid var(--om-border,#dce4dd);background:var(--color-background-body)}
.om-delivery h3{font-size:14px;margin:0 0 7px!important}
.om-delivery p{margin:0 0 8px!important}
.manual-channel form [role=alert]{color:var(--color-text-error)}

.access-form {
  display: grid;
  gap: 12px;
  max-width: 30rem;
  margin-block: 16px 8px;
}
.access-form label, .access-code { display: grid; gap: 6px; font-weight: 600; }
.access-form .om-btn { justify-self: start; }
.access-form p { color: var(--om-muted); }
.access-form [role="alert"] { color: var(--color-text-red, #883c29); }
.access-code { max-width: 30rem; margin-block: 12px; }
.om-mcp-access > p { max-width: 70ch; }
.om-mcp-access code { overflow-wrap: anywhere; }
.om-mcp-access .om-mcp-permission { display:flex; align-items:flex-start; gap:9px; font-weight:500; }
.om-mcp-access .om-mcp-permission input { margin-top:3px; accent-color:var(--om-primary); }
.om-mcp-token { display:grid; gap:10px; max-width:40rem; margin-block:16px; padding:14px; border:1px solid var(--color-border-info); border-radius:var(--om-radius); background:var(--color-background-blue); }
.om-mcp-token label { display:grid; gap:6px; font-weight:600; }
.om-mcp-token input { width:100%; font-family:ui-monospace,SFMono-Regular,monospace!important; }
.om-mcp-token p { margin:0; }