.marketing-page { --marketing-accent: #c69be5; --marketing-soft: #2a2a2a; }
.marketing-heading { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 20px; margin-bottom: 24px; }
.marketing-heading h1 { margin: 0; }
.marketing-heading p { max-width: 64ch; margin: 0; line-height: 1.6; color: #c2bdb1; }
.marketing-heading-actions, .marketing-toolbar, .marketing-detail-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.marketing-managers { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 24px; }
.marketing-manager { display: flex; align-items: center; gap: 14px; background: #222222; border: 1px solid #373737; border-radius: 16px; padding: 16px 20px; min-width: 0; text-align: left; }
.marketing-manager strong, .marketing-manager small { display: block; }
.marketing-manager small { color: #c2bdb1; margin: 4px 0; }
.marketing-manager .initials { flex: 0 0 52px; width: 52px; height: 52px; }
.marketing-tabs { display: flex; flex-wrap: wrap; gap: 6px; border-bottom: 1px solid #373737; margin-bottom: 24px; padding-bottom: 8px; }
.marketing-tabs button { border: 0; border-radius: 10px; min-height: 44px; padding: 10px 16px; background: transparent; color: #c2bdb1; font: inherit; font-weight: 600; cursor: pointer; }
.marketing-tabs button[aria-selected="true"] { background: var(--marketing-soft); color: #debbf4; }
.marketing-toolbar { justify-content: space-between; margin-bottom: 20px; }
.marketing-toolbar .field { min-width: 180px; margin: 0; }
.marketing-view-switch { display: inline-flex; padding: 4px; border: 1px solid #373737; border-radius: 12px; gap: 4px; }
.marketing-view-switch button { border: 0; background: transparent; min-height: 40px; padding: 7px 12px; border-radius: 8px; cursor: pointer; font: inherit; }
.marketing-view-switch [aria-pressed="true"] { background: #323232; font-weight: 650; }
.marketing-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(min(100%,280px),1fr)); gap: 18px; }
.marketing-card { min-width: 0; border: 1px solid #373737; border-radius: 14px; overflow: hidden; background: #222222; display: flex; flex-direction: column; }
.marketing-cover { position: relative; aspect-ratio: 16/10; display: grid; place-items: center; background: #1c1c1c; border-bottom: 1px solid #323232; overflow: hidden; }
.marketing-cover img { position:absolute;inset:0;display:block;width:100%;height:100%;min-width:0;min-height:0;box-sizing:border-box;object-fit:cover;object-position:center; }
.marketing-event-card .marketing-cover img { position: absolute; inset: 0; display: block; object-position: center center; }
.dialog.marketing-dialog:has([data-marketing-event-detail]) { width: min(1440px, calc(100vw - 32px)); }
.marketing-cover svg { width: 40px; height: 40px; color: #c39be0; }
.marketing-cover .marketing-format { position: absolute; right: 12px; bottom: 12px; background: #1f1f1f; color: white; padding: 4px 9px; border-radius: 7px; font-size: .78rem; }
.marketing-card-content { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 20px; flex: 1; }
.marketing-card-title { margin: 0; font: inherit; font-size: 1.1rem; font-weight: 700; line-height: 1.45; text-align: left; background: none; border: 0; padding: 0; cursor: pointer; overflow-wrap: anywhere; color: #eef2fa; }
.marketing-card-content p { margin: 0; color: #c2bdb1; line-height: 1.5; overflow-wrap: anywhere; }
.marketing-event-card { position: relative; isolation: isolate; cursor: pointer; transition: border-color .16s ease, box-shadow .16s ease; }
.marketing-event-card .marketing-card-title::after { content: ''; position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
.marketing-event-card:hover { border-color: #c39be0; box-shadow: 0 5px 16px #c69be514; }
.marketing-event-card .marketing-card-title:focus-visible { outline: none; }
.marketing-event-card:has(.marketing-card-title:focus-visible) { outline: 3px solid var(--marketing-accent, #c69be5); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .marketing-event-card { transition: none; } }
.marketing-card-foot { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 10px; flex-wrap: wrap; margin-top: auto; padding-top: 7px; font-size: .85rem; color: #c2bdb1; }
.marketing-platforms { display: flex; flex-wrap: wrap; gap: 6px; }
.marketing-platform { border-radius: 6px; padding: 4px 8px; background: #323232; font-size: .76rem; color: #cfcbc1; }
.marketing-status { display: inline-flex; align-items: center; gap: 6px; border-radius: 7px; padding: 5px 9px; font-size: .78rem; background: #323232; color: #d4d1c8; }
.marketing-status.is-approved { color: #8ddbb6; background: #203c33; }
.marketing-status.is-review { color: #edd785; background: #403720; }
.marketing-status.is-rejected { color: #f0a2b3; background: #402b36; }
.marketing-empty { display: grid; place-items: center; padding: 48px 24px; border: 1px dashed #3d3d3d; border-radius: 14px; background: #1e1e1e; text-align: center; }
.marketing-empty h3 { margin: 12px 0 8px; }
.marketing-empty p { max-width: 48ch; margin: 0; line-height: 1.6; color: #c2bdb1; }
.marketing-calendar { border: 1px solid #373737; border-radius: 16px; overflow: hidden; background: #222222; }
.marketing-calendar-head, .marketing-calendar-grid { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); }
.marketing-calendar-head span { padding: 12px 4px; text-align: center; color: #c2bdb1; font-size: .78rem; background: #272727; }
.marketing-day { min-width: 0; min-height: 130px; padding: 10px 7px; border-top: 1px solid #363636; border-right: 1px solid #363636; }
.marketing-day:nth-child(7n) { border-right: 0; }
.marketing-day.is-outside { background: #191919; color: #918974; }
.marketing-day time { display: block; margin-bottom: 7px; font-size: .82rem; }
.marketing-day.is-today time { font-weight: 750; color: #e4c2fa; }
.marketing-calendar-item { display: block; width: 100%; text-align: left; border: 0; border-radius: 6px; padding: 7px; margin: 5px 0 0; background: #2d2d2d; color: #debbf4; cursor: pointer; font: inherit; font-size: .77rem; line-height: 1.4; overflow-wrap: anywhere; }
.marketing-gallery { display: grid; grid-template-columns: repeat(auto-fill,minmax(min(100%,210px),1fr)); gap: 18px; }
.marketing-gallery .marketing-cover { aspect-ratio: 1; }
.marketing-gallery .marketing-card-content { padding: 14px; }
.marketing-gallery .marketing-card-title { font-size: .95rem; }
.marketing-brand-grid .marketing-cover img { object-fit: contain; padding: 20px; }
.marketing-identity-card{border-color:#444444;background:linear-gradient(155deg,#292929,#222222 70%);transition:border-color .18s ease,transform .18s ease}
.marketing-identity-card:hover{border-color:#c69be5;transform:translateY(-2px)}
.marketing-identity-card .marketing-cover{aspect-ratio:16/10;background:linear-gradient(140deg,#e8e6e1,#aca696);border-bottom-color:#505050}
.marketing-identity-card .marketing-cover img{position:absolute;inset:0;display:block;width:100%;height:100%;min-width:0;min-height:0;box-sizing:border-box;object-fit:contain;object-position:center;padding:24px;filter:drop-shadow(0 2px 3px #1b1b1b88)}
.marketing-identity-card .marketing-card-content{gap:8px}
.marketing-identity-card .marketing-card-foot{color:#c6add9}
.marketing-identity-detail h3{margin:16px 0 8px;font-size:clamp(1.45rem,3vw,2.15rem)}
.marketing-identity-detail h4{margin:24px 0 12px}
.marketing-identity-hero{display:grid;place-items:center;min-height:190px;max-height:300px;overflow:hidden;border-radius:14px;background:linear-gradient(140deg,#e8e6e1,#aca696)}
.marketing-identity-hero img{display:block;max-width:100%;max-height:300px;width:auto;height:auto;padding:20px;object-fit:contain;filter:drop-shadow(0 2px 3px #1b1b1b88)}
.marketing-brand-files{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px}
.marketing-brand-file{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;padding:12px;border:1px solid #444444;border-radius:12px;background:#212121}
.marketing-brand-file>img,.marketing-brand-document{display:grid;place-items:center;width:100%;height:110px;object-fit:contain;border-radius:8px;background:linear-gradient(140deg,#e5e4df,#b1ab9c);color:#2b2b2b;font-size:1.1rem;font-weight:800;letter-spacing:.06em}
.marketing-brand-file>img{padding:9px}
.marketing-brand-file strong{font-size:.9rem;overflow-wrap:anywhere}
.marketing-brand-file .button{margin-top:auto}
@media(prefers-reduced-motion:reduce){.marketing-identity-card{transition:none}}
.marketing-detail-media { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,240px),1fr)); gap: 14px; margin: 20px 0; }
.marketing-detail-media img, .marketing-detail-media video { width: 100%; max-height: 480px; object-fit: contain; border-radius: 12px; background: #191919; }
.marketing-caption { white-space: pre-wrap; line-height: 1.65; overflow-wrap: anywhere; }
.marketing-history { margin-top: 24px; border-top: 1px solid #373737; padding-top: 16px; }
.marketing-history summary { cursor: pointer; padding: 8px 0; min-height: 44px; font-weight: 650; }
.marketing-history-item { padding: 14px 0; border-top: 1px solid #363636; }
.marketing-history-item p { margin: 6px 0; color: #c2bdb1; line-height: 1.5; }
.marketing-file-selection { margin: 10px 0 0; overflow-wrap: anywhere; line-height: 1.6; }
.marketing-pagination{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.marketing-pagination p{margin:0;font-size:12px;color:#c2bdb1}.marketing-pagination>div{display:flex;align-items:center;gap:12px;font-size:12px}
.marketing-toolbar label,.marketing-dialog .field{display:grid;gap:8px}.marketing-toolbar select,.marketing-dialog select{font:inherit;border:1px solid #373737;border-radius:8px;min-height:46px;background:#1f1f1f;color:#eef2fa;padding:10px 12px;max-width:100%}
.marketing-dialog .marketing-withdraw-options{display:grid;gap:10px;margin:16px 0;padding:0;border:0;min-width:0}
.marketing-withdraw-options legend{font-weight:700;margin-bottom:10px}
.marketing-dialog .marketing-withdraw-option{display:flex;align-items:flex-start;gap:12px;min-height:44px;padding:12px;border:1px solid #494949;border-radius:10px;background:#252525;cursor:pointer;line-height:1.45}
.marketing-dialog .marketing-withdraw-option:has(input:checked){border-color:#c69be5;background:#33283a}
.marketing-dialog .marketing-withdraw-option:has(input:focus-visible){outline:3px solid #ffd21a;outline-offset:3px}
.marketing-dialog .marketing-withdraw-option input[type="radio"]{appearance:auto;box-sizing:border-box;flex:0 0 18px;width:18px;height:18px;min-width:18px;min-height:18px;margin:2px 0 0;padding:0;accent-color:#c69be5}
.marketing-withdraw-option span{display:block;min-width:0}.marketing-withdraw-option strong,.marketing-withdraw-option small{display:block}.marketing-withdraw-option small{margin-top:3px;color:#cfc9d2;font-size:.88rem}
.marketing-detail-media figure{margin:0;min-width:0}.marketing-detail-media figcaption{font-size:12px;overflow-wrap:anywhere;margin-top:9px}.marketing-media-choices{display:grid;gap:10px;max-height:240px;overflow:auto}.marketing-media-choices label{overflow-wrap:anywhere;min-height:36px}.marketing-dialog .checkbox-options{display:flex;flex-wrap:wrap;gap:14px}
.marketing-page :focus-visible, .marketing-dialog :focus-visible { outline: 3px solid #ffd21a; outline-offset: 3px; }
@media (max-width: 600px) {
  .marketing-heading { gap: 16px; }
  .marketing-heading-actions { width: 100%; }
  .marketing-heading-actions .button { width: 100%; }
  .marketing-manager { width: 100%; padding: 14px; }
  .marketing-tabs { gap: 4px; }
  .marketing-tabs button { flex: 1 1 auto; padding: 10px 9px; font-size: .86rem; }
  .marketing-grid, .marketing-gallery { gap: 16px; }
  .marketing-toolbar { align-items: stretch; }
  .marketing-toolbar .field { flex: 1 1 100%; }
  .marketing-day { min-height: 100px; padding: 7px 3px; }
  .marketing-calendar-item { padding: 5px 3px; font-size: .68rem; }
}
.marketing-event-search{display:flex;gap:8px;align-items:center}.marketing-event-search input{min-width:0;flex:1}.marketing-event-picker>select{width:100%;min-height:44px;border:1px solid var(--line,#ddd);border-radius:8px;background:var(--paper,#fff);padding:10px;margin:10px 0}.marketing-event-picker [data-event-picker-pages]{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap}

/* Shared manager cards precede the final primary action in the header. */
.marketing-heading>div:first-child{flex:1 1 280px;min-width:0}
.marketing-heading>.marketing-heading-actions{flex:1 1 480px;justify-content:flex-end;min-width:0}
.marketing-heading-actions>.responsibility-people{flex:1 1 230px;min-width:0}
@media(max-width:600px){.marketing-heading>.marketing-heading-actions{justify-content:flex-start}.marketing-heading-actions>.responsibility-people{flex-basis:100%}}

.marketing-event-days{padding:0;border:0}.marketing-event-days legend{font-weight:600;margin-bottom:12px}.marketing-event-day{display:flex;align-items:flex-end;gap:10px;margin-bottom:12px}.marketing-event-day>.field{flex:1;min-width:0;margin:0}.marketing-event-day>.button{flex-shrink:0;align-self:flex-end}

.marketing-tabs button:hover,.marketing-view-switch button:hover{background:#2d2d2d;color:#eef2fa}
.marketing-card:hover{border-color:#736c5b}
.marketing-empty{border-style:solid;background:linear-gradient(135deg,#262626,#1d1d1d)}
.marketing-tabs button[aria-selected=true]{box-shadow:inset 0 -2px #c69be5}
.marketing-calendar-item:hover{background:#463557;color:#f4e8ff}
.marketing-page{color:#edf2f9}
.marketing-cover:not(:has(img)){height:104px;min-height:104px;aspect-ratio:auto}
.marketing-upload-progress{width:100%;height:8px;accent-color:#e9c941;display:block;margin-top:18px}
.marketing-upload-progress[hidden]{display:none}
.gallery-upload-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:16px}
.gallery-upload-group{padding:16px;border:1px solid #3f3f3f;border-radius:12px;background:#1f1f1f;color:#e5edf8}
.gallery-upload-group[hidden]{display:none}
.gallery-upload-group header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.gallery-upload-group header span{color:#f2d353;font-variant-numeric:tabular-nums;font-weight:700}
.gallery-upload-group p{margin:10px 0 0;color:#c7c3b8;font-size:12px}
.gallery-upload-group[data-upload-group=video] .marketing-upload-progress{accent-color:#ab9de2}
.gallery-upload-drop{position:relative;display:flex;align-items:center;justify-content:center;min-height:165px;border:1px dashed #847c68;border-radius:14px;background:#1f1f1f;color:#e5edf8;cursor:pointer;text-align:center;transition:border-color .15s,background .15s}
.gallery-upload-drop>span{display:flex;flex-direction:column;align-items:center;gap:9px;padding:24px;pointer-events:none}
.gallery-upload-drop>span>span{color:#c7c3b8;font-size:12px}
.gallery-upload-drop svg{width:30px;height:30px;color:#e8c94c}
.gallery-upload-drop input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.gallery-upload-drop:hover,.gallery-upload-drop:focus-within,.gallery-upload-drop.is-dragging{border-color:#f1cf47;background:#292929;outline:2px solid #f1cf4740;outline-offset:2px}
.gallery-upload-drop:has(input:disabled){opacity:.6;cursor:wait}
.marketing-trash-filters{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin:10px 0 18px}.marketing-trash-filters label{display:grid;gap:6px;min-width:150px;color:var(--ink);font-size:13px}.marketing-trash-filters input,.marketing-trash-filters select{min-height:40px}.marketing-trash-groups{display:grid;gap:14px}.marketing-trash-group{border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:16px;min-width:0}.marketing-trash-group>header{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.marketing-trash-group h3{margin:2px 0 4px;overflow-wrap:anywhere}.marketing-trash-group .eyebrow{margin:0}.marketing-trash-group small{color:var(--muted)}.marketing-trash-items{display:grid;gap:8px;margin-top:15px}.marketing-trash-item{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;min-width:0}.marketing-trash-item>svg{width:24px;height:24px;flex:none}.marketing-trash-item>span{display:grid;gap:3px;min-width:0;flex:1}.marketing-trash-item strong{overflow-wrap:anywhere}.marketing-trash-item .button{flex:none}@media(max-width:480px){.marketing-trash-filters label{flex:1 1 100%}.marketing-trash-item{flex-wrap:wrap}.marketing-trash-item .button{margin-left:auto}}

.marketing-trash-groups{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));align-items:start}
.marketing-trash-items{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.marketing-trash-item{align-items:center;gap:10px;padding:9px}
.marketing-trash-item>.marketing-trash-thumb{position:relative;display:grid;place-items:center;flex:0 0 72px;width:72px;height:72px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#161616}
.marketing-trash-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.marketing-trash-thumb-fallback{display:grid;place-items:center;width:100%;height:100%}
.marketing-trash-thumb-fallback svg{width:25px;height:25px}
.marketing-trash-thumb.is-video::after{content:'▶';position:absolute;z-index:2;right:4px;bottom:4px;padding:2px 5px;border-radius:4px;background:#000b;color:white;font-size:10px}
.marketing-trash-item>span:not(.marketing-trash-thumb){min-width:0;flex:1}
.marketing-trash-item .button{margin-left:auto}
@media(max-width:480px){.marketing-trash-item>.marketing-trash-thumb{flex-basis:64px;width:64px;height:64px}}

/* File previews keep the original image treatment; documents use a dark tile. */
.marketing-brand-file{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:110px minmax(0,1fr) auto;align-items:start;gap:10px}
.marketing-brand-file>img,.marketing-brand-file>.marketing-brand-document,.marketing-brand-file>strong{grid-column:1/-1}
.marketing-brand-file>.marketing-brand-document{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid #484848;background:linear-gradient(145deg,#2c2c2c,#1e1e1e);color:#dedbd5;font-size:.82rem;letter-spacing:.12em}
.marketing-brand-document::before{content:'';display:block;width:27px;height:32px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='32' viewBox='0 0 27 32'%3E%3Cpath d='M4 1h12l7 7v22H4zM16 1v8h7M8 15h11M8 20h11M8 25h8' fill='none' stroke='%23aebfd2' stroke-width='1.7' stroke-linejoin='round'/%3E%3C/svg%3E")}
.marketing-brand-file>.button{margin-top:0;min-width:0;width:100%;justify-content:center;white-space:nowrap}
.marketing-tabs .marketing-toolbar{margin:0 0 0 auto;padding:0;border:0;gap:0}.marketing-tabs .marketing-toolbar label{margin:0}.marketing-tabs .marketing-toolbar select{min-width:155px;min-height:38px;padding-block:7px}.marketing-heading{margin-bottom:16px}.marketing-tabs{margin-bottom:12px}.marketing-pagination{margin:8px 0 12px}.marketing-card{cursor:pointer}.marketing-card:focus-within{outline:2px solid #c69be5;outline-offset:3px}.marketing-related-posts{margin:12px 0 18px}.marketing-related-posts h4{margin:0 0 8px}.marketing-related-posts>div{display:flex;gap:8px;flex-wrap:wrap}.marketing-approval-progress{color:#dad8d1;font-size:12px}.gallery-empty-state{grid-column:1/-1;margin:0;padding:18px;border:1px solid #3f3f3f;border-radius:10px;background:#212121;color:#d0cdc4}.unified-gallery .mdg-media:has(.gallery-empty-state){display:block;margin-top:0}
.marketing-media-choices{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:400px;padding:3px}
.marketing-media-choice{border:1px solid var(--line,#474747);border-radius:10px;overflow:hidden;min-width:0;background:var(--panel,#242424)}
.marketing-media-choice:has(input:checked){outline:2px solid var(--accent,#d8b0ee);outline-offset:-2px}
.marketing-media-choice-image{display:block!important;position:relative;cursor:pointer;margin:0!important}
.marketing-media-choice img,.marketing-media-choice video{display:block;width:100%;height:130px;object-fit:contain;background:#151515}
.marketing-media-choice-image input{position:absolute;bottom:8px;left:8px;width:20px;height:20px;margin:0;accent-color:#bd8cdb}
.marketing-media-choice-image>span{display:block;padding:8px 8px 8px 36px;min-height:36px;font-size:12px;line-height:1.4}
.marketing-media-choice>.check-label{padding:8px;margin:0}
.marketing-cover-editor-video{display:block;max-width:100%;max-height:35vh;margin:12px auto;background:#111;border-radius:8px}.marketing-detail-media [data-marketing-video-cover]{margin-left:8px}.marketing-detail-media video[poster]{background:#161616}

.cover-framing-dialog{width:min(720px,calc(100vw - 24px))}.cover-framing-stage{margin-inline:auto;position:relative;overflow:hidden;background:#141414;border:1px solid #484848;border-radius:12px;max-height:45dvh;touch-action:none;cursor:grab}.cover-framing-stage:active{cursor:grabbing}.cover-framing-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.cover-framing-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:16px}.cover-framing-fields label{display:grid;gap:6px;font-size:12px}.cover-framing-fields input{width:100%;accent-color:#ffda00}.marketing-event-card [data-marketing-frame-event]{align-self:flex-start;margin-top:8px}.marketing-cover img[style*="transform"]{padding:0;object-fit:cover}@media(max-width:600px){.cover-framing-fields{grid-template-columns:1fr;gap:10px}.cover-framing-stage{max-height:32dvh}}

/* Publication controls and legacy media managed from Trash. */
.marketing-publication-filters {display:flex;align-items:center;flex-wrap:wrap;gap:14px;width:100%;min-width:0}
.marketing-status-segments {display:flex;align-items:center;gap:4px;max-width:100%;min-width:0;padding:4px;border:1px solid #373737;border-radius:13px;background:#222;overflow-x:auto;scrollbar-width:thin}
.marketing-status-segments button {flex:0 0 auto;min-height:44px;padding:10px 15px;border:0;border-radius:10px;background:transparent;color:#eef2fa;font:inherit;font-size:13px;font-weight:700;line-height:1.25;white-space:nowrap;cursor:pointer}
.marketing-status-segments button:hover:not([aria-pressed="true"]) {background:#303030}
.marketing-status-segments button[aria-pressed="true"] {background:#c8a720;color:#111}
.marketing-status-segments button:focus-visible {outline:2px solid #ffe46b;outline-offset:-2px}
.marketing-filter-options {display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-left:auto;min-width:0}
.marketing-filter-options label {display:flex;align-items:center;gap:8px;min-width:0}
.marketing-filter-options label>span {font-size:12px;font-weight:700;color:#c8c6bd}
.marketing-filter-options select {width:auto;min-height:44px;padding-right:40px}
.marketing-filter-options>.button {min-height:44px}
.marketing-legacy-media {border-top:1px solid #373737;margin-top:28px;padding-top:24px}
.marketing-legacy-media h2 {font-size:18px;margin:0 0 8px}
.marketing-legacy-media>.muted {margin:0 0 16px}
.marketing-legacy-media .marketing-detail-media {display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.marketing-legacy-media .marketing-detail-media figure {margin:0;min-width:0;padding:12px;border:1px solid #373737;border-radius:12px;background:#202020}
.marketing-legacy-media .marketing-detail-media img,.marketing-legacy-media .marketing-detail-media video {display:block;width:100%;height:150px;object-fit:contain;background:#111;border-radius:8px}
.marketing-legacy-media .marketing-detail-media figcaption {margin-top:10px;font-size:13px;overflow-wrap:anywhere}
@media(max-width:600px){.marketing-status-segments{width:100%}.marketing-filter-options{margin-left:0;width:100%}.marketing-filter-options label{flex:1 1 auto}.marketing-filter-options select{flex:1;min-width:0}.marketing-legacy-media .marketing-detail-media{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}

.marketing-publication-filters label.marketing-published-toggle{display:inline-flex;flex-direction:row;align-items:center;align-self:center;gap:9px;min-height:54px;margin:0;padding:8px 12px;white-space:nowrap;line-height:1.25;border:1px solid #414141;border-radius:10px;cursor:pointer;font-size:13px;font-weight:700;color:#ccc;box-sizing:border-box}.marketing-published-toggle input{flex:0 0 17px;width:17px;height:17px;margin:0;accent-color:#c8a720}.marketing-published-toggle:has(input:checked){color:#ffe46b;background:#332d18;border-color:#8c7527}.marketing-published-toggle:focus-within{outline:2px solid #ffe46b;outline-offset:2px}.marketing-cover-pending{position:absolute;left:12px;right:12px;bottom:12px;text-align:center;color:#c8c6bd;font-size:12px}.marketing-cover:has(.marketing-cover-pending){background:linear-gradient(135deg,#25292b,#1c2125);height:auto;min-height:104px;aspect-ratio:16/10}.marketing-cover:has(.marketing-cover-pending)>.marketing-format{top:12px;bottom:auto}

.marketing-publication-references{padding:14px;border:1px solid #505047;border-radius:10px;background:#272720;margin:18px 0}.marketing-publication-references h4{margin:0 0 10px}.marketing-publication-references .idea-reference{display:inline-flex;margin:0 10px 10px 0;max-width:100%}
.marketing-votes{margin:18px 0;padding:14px;border:1px solid #49483f;border-radius:12px;background:#23231f;color:#f4f2e9}
.marketing-votes-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:5px 12px;margin-bottom:11px}.marketing-votes-heading h4,.marketing-votes-heading p{margin:0}.marketing-votes-heading p{font-size:12px;color:#ddd3a7}
.marketing-vote-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:9px}
.marketing-vote{min-width:0;padding:10px 12px;border:1px solid #555;border-left:4px solid #777;border-radius:9px;background:#292929}
.marketing-vote--approved{border-color:#385f45;border-left-color:#54c47c}.marketing-vote--rejected{border-color:#704443;border-left-color:#eb726c}.marketing-vote--approved-with-notes{border-color:#756334;border-left-color:#f1ca56}
.marketing-vote-person{display:flex;align-items:center;gap:9px;min-width:0}.marketing-vote-person>div{display:grid;gap:2px;min-width:0}.marketing-vote-person strong{font-size:13px;overflow-wrap:anywhere}.marketing-vote-decision{font-size:11px;color:#dedbd2;line-height:1.3}
.marketing-vote-avatar{width:34px;height:34px;min-width:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#424239;color:#fff;font-weight:800;overflow:hidden}.marketing-vote-avatar img{width:100%;height:100%;object-fit:cover}
.marketing-vote>p{margin:8px 0 0;padding-top:7px;border-top:1px solid #ffffff20;font-size:12px;line-height:1.45;overflow-wrap:anywhere;white-space:pre-wrap}
.marketing-vote-options{display:grid;gap:8px;margin:15px 0;padding:0;border:0}.marketing-vote-options legend{margin-bottom:7px;font-weight:700}.marketing-vote-options label{display:flex;align-items:center;gap:9px;min-height:44px;padding:8px 10px;border:1px solid #4c4c45;border-radius:8px;cursor:pointer}.marketing-vote-options label:has(input:checked){border-color:#f3ce5f;background:#3a3422}.marketing-vote-options input{accent-color:#f3ce5f}.marketing-vote-options label:focus-within{outline:2px solid #ffe17b;outline-offset:2px}
@media(max-width:480px){.marketing-votes{padding:11px}.marketing-vote-list{grid-template-columns:1fr}}

/* Publication media: compact controls alongside the file, with bounded previews. */
.dialog.marketing-dialog:has([data-marketing-detail]){width:min(1120px,calc(100vw - 32px))}
[data-marketing-detail] .marketing-detail-media{margin:12px 0;gap:16px;align-items:start}
[data-marketing-detail] .marketing-detail-media img,[data-marketing-detail] .marketing-detail-media video{display:block;max-height:min(44vh,400px)}
.marketing-detail-media figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.marketing-media-name{flex:1 1 200px;min-width:0}
.marketing-media-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.marketing-detail-media [data-marketing-video-cover]{margin-left:0}
[data-marketing-detail] .marketing-detail-media figcaption{display:block;margin-top:8px}
[data-marketing-detail] .marketing-detail-media .marketing-media-actions{display:flex;width:100%;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px}
[data-marketing-detail] .marketing-detail-media .marketing-media-actions .button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;margin:0;white-space:normal;text-align:center}
@media(max-width:600px){.dialog.marketing-dialog:has([data-marketing-detail]){width:calc(100vw - 16px)}[data-marketing-detail] .marketing-detail-media{grid-template-columns:1fr}.marketing-media-actions{width:100%}}

.marketing-cover-dialog{width:min(820px,calc(100vw - 24px))}
.marketing-cover-dialog [data-cover-stage]{position:relative;overflow:hidden;aspect-ratio:1.6;max-height:38vh;background:#111;border-radius:10px;margin:12px 0}
.marketing-cover-dialog [data-cover-stage] video,.marketing-cover-dialog [data-cover-stage] img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.marketing-cover-dialog [hidden]{display:none!important}
.marketing-cover-dialog .cover-framing-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0}
.marketing-cover-dialog input[type=range]{width:100%;min-width:0}
.marketing-cover-dialog [data-cover-time]{margin:12px 0}
@media(max-width:480px){.marketing-cover-dialog .cover-framing-fields{grid-template-columns:1fr;gap:6px}}