:root {
    --atlas-primary: #1e293b;
    --atlas-primary-soft: #334155;
    --atlas-accent: #2563eb;
    --atlas-accent-soft: #dbeafe;
    --atlas-success: #22c55e;
    --atlas-success-soft: #dcfce7;
    --atlas-warning: #f59e0b;
    --atlas-warning-soft: #fef3c7;
    --atlas-danger: #ef4444;
    --atlas-danger-soft: #fee2e2;
    --atlas-background: #f8fafc;
    --atlas-surface: #ffffff;
    --atlas-border: #e5e7eb;
    --atlas-text: #111827;
    --atlas-muted: #64748b;
    --atlas-muted-soft: #94a3b8;
    --atlas-sidebar: #0f172a;
    --atlas-sidebar-soft: #1e293b;
    --atlas-focus: rgba(37, 99, 235, .18);
    --atlas-shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 12px 32px rgba(15, 23, 42, .06);
    --atlas-shadow-soft: 0 1px 2px rgba(15, 23, 42, .05), 0 8px 22px rgba(15, 23, 42, .04);
    --atlas-radius: 10px;
    --atlas-radius-lg: 14px;
    --atlas-sidebar-width: 264px;
}

/* Project & Brand Intake */
.intake-shell,.intake-shell *{box-sizing:border-box;min-width:0}.intake-shell{display:grid;grid-template-columns:minmax(14rem,18rem) minmax(0,1fr);gap:1.25rem;align-items:start}.intake-stepper{display:grid;gap:.45rem;position:sticky;top:1rem}.intake-step{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.7rem;align-items:center;padding:.75rem;border:1px solid var(--atlas-border);border-radius:.75rem;color:inherit;text-decoration:none;background:#fff}.intake-step>span:first-child{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:#eef2f7;font-weight:800}.intake-step small{display:block;color:var(--atlas-muted);margin-top:.15rem}.intake-step.is-active{border-color:var(--primary,#2563eb);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.intake-step.is-active>span:first-child{background:var(--primary,#2563eb);color:#fff}.intake-step.is-complete>span:first-child{background:var(--success,#238636);color:#fff}.intake-main {display:grid;gap:1rem}.autosave-status{justify-self:end;padding:.45rem .7rem;border-radius:999px;background:#eef2f7;font-size:.85rem}.autosave-status[data-state=error],.autosave-status[data-state=conflict]{background:#fff0f0;color:#8d1717}.autosave-status[data-state=saving]{background:#fff7e6;color:#7a4a00}.intake-form{display:grid;gap:1.25rem}.intake-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.intake-check{display:flex!important;gap:.65rem;align-items:center;min-height:44px}.intake-check input{width:auto}.intake-actions{display:flex;justify-content:space-between;gap:1rem;position:sticky;bottom:0;padding:.8rem 0;background:linear-gradient(to bottom,transparent,#fff 25%)}.intake-assets{border-top:1px solid var(--atlas-border);padding-top:1rem}.intake-asset-grid,.intake-review-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1rem}.intake-asset-card{display:grid;gap:.45rem;padding:1rem;border:1px solid var(--atlas-border);border-radius:.75rem}.missing-input-list{display:grid;gap:.55rem}.missing-input-list a{display:grid;gap:.2rem;padding:.75rem;border-left:4px solid #b45309;background:#fff8e8;color:inherit;text-decoration:none}.intake-review{display:grid;gap:1rem}.intake-review pre{max-height:22rem;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.status-success{background:#eaf8ef;color:#176b37}.status-warning{background:#fff4db;color:#7a4a00}@media(max-width:860px){.intake-shell{grid-template-columns:minmax(0,1fr)}.intake-stepper{position:static;display:flex;overflow-x:auto;padding-bottom:.4rem}.intake-step{flex:0 0 12rem}.intake-field-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:480px){.intake-heading .ui-button,.intake-actions .ui-button,.intake-review>form .ui-button{width:100%}.intake-stepper{display:grid;grid-template-columns:minmax(0,1fr);overflow:visible}.intake-step:not(.is-active){display:none}.intake-actions{display:grid;grid-template-columns:minmax(0,1fr);position:static}.intake-form,.intake-review .form-card{padding:.8rem}.intake-asset-grid,.intake-review-grid{grid-template-columns:minmax(0,1fr)}}
.stage-review{isolation:isolate}

/* Content review workflow */
.review-badge{display:inline-flex;align-items:center;border-radius:999px;padding:.25rem .65rem;font-size:.875rem;font-weight:700}.review-badge-neutral{background:#e5e7eb;color:#374151}.review-badge-warning{background:#ffedd5;color:#9a3412}.review-badge-success{background:#dcfce7;color:#166534}.review-badge-danger{background:#fee2e2;color:#991b1b}.review-badge-info{background:#dbeafe;color:#1e40af}.review-actions,.review-comments,.project-review-dashboard{margin-top:1.5rem}.review-actions form,.review-comments form{display:grid;gap:.65rem}.review-reject-form{min-width:min(100%,28rem)}.review-timeline{display:grid;gap:.75rem;padding-left:1.25rem}.review-timeline li{padding-left:.5rem}.review-timeline span{display:block;color:var(--color-text-muted,#64748b);font-size:.875rem}.review-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.review-stat-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid var(--color-border,#dbe2ea);border-radius:.75rem;background:#fff}.review-stat-card strong{font-size:1.5rem}@media(max-width:700px){.review-stat-grid{grid-template-columns:1fr 1fr}.review-actions .page-actions{align-items:stretch;flex-direction:column}}@media(max-width:420px){.review-stat-grid{grid-template-columns:1fr}}

/* Internal publishing preparation */
.project-publishing{margin-top:2rem}.publishing-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem}.publishing-stat-card{display:grid;gap:.65rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.publishing-stat-card strong{font-size:1.5rem}.publishing-job-list{display:grid;gap:.75rem;margin-top:1rem}.publishing-job-card{display:flex;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.publishing-job-card>div{display:grid;gap:.4rem}.publishing-schedule-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.publishing-job-form,.publishing-preview,.publishing-job-detail{margin-top:1.25rem}@media(max-width:900px){.publishing-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.publishing-stat-grid,.publishing-schedule-fields{grid-template-columns:1fr}.publishing-job-card{flex-direction:column}}

.generated-content-view{display:grid;gap:1rem;grid-template-columns:minmax(0,2fr) minmax(260px,1fr)}
.generated-content-view .content-card{padding:1.25rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}
.generated-content-view .content-card:first-child{grid-row:span 3}
.generated-primary-text{line-height:1.7;margin-bottom:1rem}
.generated-content-meta dl{display:grid;gap:.75rem}
.generated-content-meta dl div{border-bottom:1px solid var(--border);padding-bottom:.5rem}
.generated-content-meta dt{font-weight:700}.generated-content-meta dd{margin:.2rem 0 0}
.content-generation-error{color:var(--danger);font-size:.92rem}.copy-feedback{display:block;margin-top:.5rem}
@media(max-width:760px){.generated-content-view{grid-template-columns:1fr}.generated-content-view .content-card:first-child{grid-row:auto}}
.content-editor{display:grid;gap:1rem;max-width:980px}.content-editor textarea{min-height:3.5rem;resize:vertical;overflow:hidden}.content-editor textarea[name="primary_text"]{min-height:20rem}.content-version-history{margin-top:1.5rem}.version-list{display:grid;gap:.65rem}.version-card{display:flex;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:inherit;text-decoration:none}.version-card.is-current{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 18%,transparent)}.version-card span{color:var(--text-muted)}.export-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}@media(max-width:640px){.version-card{flex-direction:column}}

/* Operations UI Foundation */
.skip-link { position: fixed; left: 12px; top: 12px; z-index: 100; transform: translateY(-160%); padding: 10px 14px; border-radius: 8px; background: #fff; color: var(--atlas-primary); font-weight: 700; }
.skip-link:focus { transform: translateY(0); }
.operations-layout { --operations-sidebar-width: 248px; display: grid; grid-template-columns: var(--operations-sidebar-width) minmax(0, 1fr); min-height: 100vh; transition: grid-template-columns .2s ease; }
.operations-sidebar { position: sticky; top: 0; z-index: 30; display: flex; flex-direction: column; height: 100vh; overflow: hidden auto; padding: 20px 14px; background: #172033; color: #fff; }
.operations-brand { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 4px 8px 18px; border-bottom: 1px solid rgba(255,255,255,.12); }
.operations-brand-mark { display: grid; place-items: center; flex: 0 0 38px; width: 38px; height: 38px; border-radius: 9px; background: #fff; color: #172033; font-size: 17px; font-weight: 800; }
.operations-brand-text { display: grid; min-width: 0; line-height: 1.25; white-space: nowrap; }
.operations-brand-text strong { font-size: 16px; letter-spacing: .04em; }
.operations-brand-text small { color: #b9c4d8; font-size: 12px; }
.operations-navigation { display: grid; gap: 5px; margin-top: 24px; }
.operations-nav-link, .sidebar-collapse { display: flex; align-items: center; gap: 12px; min-height: 46px; padding: 10px 12px; border: 0; border-radius: 9px; background: transparent; color: #dce4f2; font-weight: 650; text-align: left; white-space: nowrap; cursor: pointer; }
.operations-nav-link:hover, .operations-nav-link.is-active, .sidebar-collapse:hover { background: #26334c; color: #fff; }
.operations-nav-link.is-active { box-shadow: inset 3px 0 #60a5fa; }
.operations-icon { display: block; flex: 0 0 22px; width: 22px !important; min-width: 22px; max-width: 22px; height: 22px !important; min-height: 22px; max-height: 22px; overflow: visible; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; }
.sidebar-collapse { margin-top: auto; width: 100%; border-top: 1px solid rgba(255,255,255,.1); border-radius: 0; }
.sidebar-collapse > span:first-child { display: grid; place-items: center; width: 22px; font-size: 24px; transition: transform .2s ease; }
.operations-layout.is-collapsed { --operations-sidebar-width: 76px; }
.operations-layout.is-collapsed .operations-brand-text, .operations-layout.is-collapsed .operations-nav-label { display: none; }
.operations-layout.is-collapsed .operations-nav-link { justify-content: center; }
.operations-layout.is-collapsed .sidebar-collapse > span:first-child { transform: rotate(180deg); }
.operations-shell { min-width: 0; }
.operations-topbar { display: flex; align-items: center; min-height: 72px; padding: 12px clamp(18px, 4vw, 42px); border-bottom: 1px solid var(--atlas-border); background: #fff; }
.operations-location { color: var(--atlas-muted); }
.operations-location strong { color: var(--atlas-text); }
.operations-user { display: flex; align-items: center; gap: 9px; margin-left: auto; }
.operations-user > span { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--atlas-accent-soft); color: #1d4ed8; font-weight: 800; }
.mobile-menu-button { display: none; min-width: 44px; min-height: 44px; margin-right: 12px; border: 1px solid var(--atlas-border); border-radius: 9px; background: #fff; color: var(--atlas-text); font-size: 20px; }
.operations-main { width: min(1280px, 100%); margin-inline: auto; padding: clamp(24px, 4vw, 46px); }
.page-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin-bottom: 30px; }
.page-heading h1 { margin: 0 0 8px; color: var(--atlas-primary); font-size: clamp(28px, 4vw, 38px); line-height: 1.15; }
.page-heading p { max-width: 720px; margin: 0; color: var(--atlas-muted); font-size: 16px; }
.page-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
.ui-button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 16px; border: 1px solid transparent; border-radius: 9px; font-weight: 700; line-height: 1.2; cursor: pointer; }
.ui-button-primary { background: #2563eb; color: #fff; }
.ui-button-primary:hover { background: #1d4ed8; color: #fff; }
.ui-button-secondary { border-color: #cbd5e1; background: #fff; color: #243047; }
.ui-button-secondary:hover, .ui-button-secondary.is-selected { border-color: #2563eb; background: #eff6ff; color: #1d4ed8; }
.ui-button-danger { background: #dc2626; color: #fff; }
.ui-button:disabled { border-color: #d8dee8; background: #e9edf3; color: #6b7280; cursor: not-allowed; opacity: 1; }
.metric-grid, .content-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.metric-grid { margin-bottom: 34px; }
.metric-card, .content-tile, .form-card, .notice-box, .operations-empty, .filter-bar { border: 1px solid var(--atlas-border); border-radius: 13px; background: #fff; box-shadow: 0 2px 8px rgba(15,23,42,.04); }
.metric-card { display: grid; gap: 8px; min-height: 124px; padding: 22px; }
.metric-card span { color: var(--atlas-muted); font-weight: 650; }
.metric-card strong { color: var(--atlas-primary); font-size: 32px; line-height: 1; }
.section-title { margin: 34px 0 16px; font-size: 21px; }
.content-tile { display: flex; flex-direction: column; min-width: 0; min-height: 190px; padding: 20px; }
.tile-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.content-tile h2 { margin: 0; font-size: 18px; line-height: 1.3; }
.content-tile p { margin: 12px 0; color: var(--atlas-muted); }
.content-tile small { color: var(--atlas-muted); }
.tile-action { align-self: flex-start; margin-top: auto; }
.status-pill { display: inline-flex; align-items: center; gap: 6px; flex: 0 0 auto; padding: 5px 9px; border-radius: 999px; font-size: 12px; font-weight: 750; }
.status-success { background: #dcfce7; color: #166534; }.status-warning { background: #ffedd5; color: #9a3412; }.status-info { background: #dbeafe; color: #1e40af; }.status-neutral { background: #eef2f7; color: #475569; }
.notice-box { margin-top: 24px; padding: 18px 20px; border-left: 4px solid #2563eb; box-shadow: none; }
.notice-box strong { color: #1e3a8a; }.notice-box p { margin: 4px 0 0; color: var(--atlas-muted); }
.operations-empty { margin-top: 24px; padding: 38px 22px; text-align: center; }
.operations-empty > span { color: #94a3b8; font-size: 42px; }.operations-empty h2 { margin: 8px 0; }.operations-empty p { margin: 0; color: var(--atlas-muted); }
.filter-bar { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 22px; padding: 18px; }
.search-field { display: grid; gap: 6px; flex: 1 1 280px; max-width: 420px; font-weight: 700; }
.search-field input, .form-field input, .form-field textarea, .form-field select { width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid #bcc7d6; border-radius: 8px; background: #fff; color: var(--atlas-text); }
.filter-buttons { display: flex; flex-wrap: wrap; gap: 7px; }
.media-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.media-grid .content-tile { min-height: 470px; overflow: hidden; }
.media-preview { display: grid; place-items: center; width: calc(100% + 40px); height: 240px; min-height: 240px; max-height: 240px; margin: -20px -20px 18px; overflow: hidden; border-radius: 13px 13px 0 0; background: #eef3f9; color: #64748b; }
.media-preview svg { display: block; width: 46px !important; max-width: 46px; height: 46px !important; max-height: 46px; fill: none; stroke: currentColor; stroke-width: 1.3; }
.media-preview img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.media-preview-trigger { display: block; width: 100%; height: 100%; padding: 0; overflow: hidden; border: 0; border-radius: inherit; background: transparent; cursor: pointer; }
.media-preview-trigger:focus-visible { outline: 4px solid #2563eb; outline-offset: -4px; }
.media-video-preview-trigger{position:relative;background:#101318}.media-card-video{display:block;width:100%;height:100%;object-fit:contain;background:linear-gradient(145deg,#111827,#263449);pointer-events:none}.media-video-play-overlay{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.35));pointer-events:none}.media-video-play-overlay span{display:grid;place-items:center;width:4rem;height:4rem;padding-left:.2rem;border:2px solid rgba(255,255,255,.9);border-radius:50%;background:rgba(15,23,42,.72);color:#fff;font-size:1.55rem;box-shadow:0 8px 28px rgba(0,0,0,.35)}
.media-type-icon { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 14px; background: #dbeafe; color: #1d4ed8; font-size: 20px; font-weight: 800; }
.media-grid .content-tile h2 { overflow-wrap: anywhere; }
.media-upload-form { display: grid; grid-template-columns: minmax(220px, 1fr) auto; gap: 10px 16px; align-items: end; margin-bottom: 26px; padding: 20px; border: 1px solid var(--atlas-border); border-radius: 13px; background: #fff; }
.media-upload-form label, .media-upload-form small { grid-column: 1 / -1; }.media-upload-form label { font-weight: 750; }.media-upload-form input[type="file"] { min-height: 44px; padding: 9px; border: 1px solid #bcc7d6; border-radius: 8px; background: #fff; }.media-upload-form small { color: var(--atlas-muted); }
.flash-message { margin-bottom: 18px; padding: 13px 16px; border-radius: 9px; font-weight: 650; }.flash-success { background: #dcfce7; color: #166534; }.flash-error { background: #fee2e2; color: #991b1b; }
.media-facts, .detail-facts { display: grid; gap: 7px; margin: 4px 0 18px; }.media-facts div, .detail-facts div { display: flex; justify-content: space-between; gap: 15px; }.media-facts dt, .detail-facts dt { color: var(--atlas-muted); }.media-facts dd, .detail-facts dd { margin: 0; font-weight: 650; text-align: right; }
.media-detail-dialog { width: min(760px, calc(100% - 28px)); max-height: calc(100dvh - 28px); overflow: hidden; }
.media-detail-dialog .dialog-content { max-height: calc(100dvh - 104px); overflow-y: auto; }
.media-detail-preview { display: block; width: auto; max-width: 100%; height: auto; max-height: min(58dvh, 560px); margin-inline: auto; border-radius: 9px; object-fit: contain; }.media-detail-placeholder { display: grid; place-items: center; gap: 14px; min-height: 220px; padding: 28px; border-radius: 9px; background: #eef3f9; color: var(--atlas-muted); text-align: center; }.media-detail-placeholder p { max-width: 440px; }.dialog-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }.dialog-actions form { margin: 0; }
.media-detail-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.media-detail-sections section{min-width:0;padding:16px;border:1px solid var(--atlas-border);border-radius:9px;background:#f7f9fc}.media-detail-sections h3{margin:0 0 12px}.media-detail-sections .detail-facts{margin:0}.media-detail-sections .detail-facts div{min-width:0}.media-detail-sections .detail-facts dd{max-width:62%;overflow-wrap:anywhere;word-break:break-word}.media-detail-raw{margin:16px 0}.media-detail-raw p,.media-detail-raw code{overflow-wrap:anywhere;word-break:break-word}
.image-to-video-source-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.image-to-video-source-form>label,.image-to-video-duration-note{display:grid;gap:6px;min-width:0}.image-to-video-source-form select{width:100%;min-width:0}.image-to-video-duration-note{grid-column:1/-1;padding:12px;border:1px solid var(--atlas-border);border-radius:9px;background:#f7f9fc}.production-job code{overflow-wrap:anywhere;word-break:break-word}
.image-to-video-source-preview{display:grid;grid-template-columns:minmax(120px,220px) minmax(0,1fr);gap:16px;align-items:center;min-width:0;max-width:100%;margin:20px 0;padding:16px;border:1px solid var(--atlas-border);border-radius:12px;background:#fff}.image-to-video-source-preview img{display:block;width:100%;max-width:100%;height:auto;max-height:300px;object-fit:contain;border-radius:9px}.image-to-video-source-preview div{display:grid;gap:7px;min-width:0;max-width:100%}.image-to-video-source-preview code{max-width:100%;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.media-request-list,.media-request-card,.media-request-card>*,.media-production-control,.production-job,.production-job>*,.provider-transparency,.provider-transparency>*,.candidate-list,.candidate-list>*,.dry-run-preview,.dry-run-preview>*{min-width:0;max-width:100%;box-sizing:border-box}.production-job p,.production-job code,.provider-transparency dd,.technical-value,.dry-run-preview pre,.media-request-card dd{max-width:100%;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.dry-run-preview pre{overflow-x:auto}
.form-card { margin-top: 34px; padding: clamp(20px, 4vw, 30px); }
.section-heading h2 { margin: 0 0 5px; }.section-heading p { margin: 0 0 24px; color: var(--atlas-muted); }
.project-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.form-field { position: relative; display: grid; align-content: start; gap: 8px; }.form-field-wide { grid-column: 1 / -1; }.field-label-row { display: flex; align-items: center; gap: 8px; }.field-label-row label { font-weight: 750; }
.info-button { display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid #94a3b8; border-radius: 50%; background: #fff; color: #1d4ed8; font-weight: 800; cursor: pointer; }
.info-popover { position: relative; z-index: 2; padding: 11px 13px; border: 1px solid #bfdbfe; border-radius: 8px; background: #eff6ff; color: #1e3a8a; font-size: 13px; }
.form-actions { grid-column: 1 / -1; display: flex; align-items: center; gap: 14px; padding-top: 4px; }.form-actions span { color: var(--atlas-muted); }
.help-dialog { width: min(520px, calc(100% - 28px)); max-height: min(680px, calc(100vh - 28px)); padding: 0; border: 0; border-radius: 14px; box-shadow: 0 24px 70px rgba(15,23,42,.24); }
.help-dialog.media-detail-dialog--video{width:min(90vw,1280px);max-width:calc(100vw - 28px);height:auto;max-height:90dvh;display:none;flex-direction:column;overflow:hidden}.help-dialog.media-detail-dialog--video[open]{display:flex}.media-detail-dialog--video .dialog-header{flex:0 0 auto;min-width:0}.media-detail-dialog--video .dialog-header h2{min-width:0;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.media-detail-dialog--video .media-video-dialog-content{flex:1 1 auto;min-width:0;min-height:0;max-height:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.media-video-dialog-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(1rem,2vw,2rem);align-items:start;width:100%;min-width:0}.media-video-dialog-player,.media-video-dialog-sidebar{width:100%;min-width:0}.media-video-dialog-player{position:sticky;top:0}.media-video-player-wrap{display:grid;place-items:center;width:100%;min-width:0;min-height:24rem;padding:1rem;overflow:hidden;border-radius:9px;background:#101318}.media-video-player{display:block;width:auto;max-width:100%;height:auto;max-height:calc(90dvh - 9rem);object-fit:contain;background:#000}.media-video-player--portrait{aspect-ratio:auto}.media-video-dialog-sidebar{display:grid;gap:1rem}.media-video-detail-facts,.media-video-detail-facts div,.media-video-detail-facts dd{min-width:0}.media-video-detail-facts dd{max-width:70%;overflow-wrap:anywhere;word-break:break-word}.media-detail-filename{overflow-wrap:anywhere;word-break:break-word}.media-production-review{display:grid;gap:.75rem;width:100%;min-width:0;padding:1rem;border:1px solid var(--atlas-border);border-radius:9px;background:#f7f9fc}.media-production-review-form,.media-production-review-form label{display:grid;gap:.45rem;width:100%;min-width:0}.media-production-review-form select,.media-production-review-form textarea{width:100%;min-width:0;max-width:100%}.media-production-review-form textarea{resize:vertical}.media-production-review-save{justify-self:start;max-width:100%;white-space:normal}.media-detail-dialog--video .dialog-actions{grid-column:1/-1}
.help-dialog::backdrop { background: rgba(15,23,42,.58); }
body.has-open-dialog { overflow: hidden; }
.dialog-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 22px; border-bottom: 1px solid var(--atlas-border); }.dialog-header h2 { margin: 0; font-size: 20px; }.dialog-close { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid var(--atlas-border); border-radius: 9px; background: #fff; font-size: 25px; cursor: pointer; }
.dialog-content { display: grid; gap: 18px; padding: 22px; }.dialog-content h3 { margin: 0 0 5px; font-size: 16px; }.dialog-content p { margin: 0; color: var(--atlas-muted); }
.mobile-backdrop { position: fixed; inset: 0; z-index: 20; background: rgba(15,23,42,.5); }
.ui-button:focus-visible, .operations-nav-link:focus-visible, .sidebar-collapse:focus-visible, .mobile-menu-button:focus-visible, .info-button:focus-visible, .dialog-close:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 3px solid rgba(37,99,235,.35); outline-offset: 2px; }
[hidden] { display: none !important; }

@media (max-width: 1050px) { .metric-grid, .content-grid, .media-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.filter-bar { align-items: stretch; flex-direction: column; }.search-field { max-width: none; } }
@media (max-width: 760px) { .operations-layout, .operations-layout.is-collapsed { display: block; }.operations-sidebar { position: fixed; left: 0; transform: translateX(-105%); width: min(84vw, 300px); transition: transform .2s ease; }.operations-sidebar.is-mobile-open { transform: translateX(0); }.operations-layout.is-collapsed .operations-brand-text, .operations-layout.is-collapsed .operations-nav-label { display: initial; }.operations-layout.is-collapsed .operations-nav-link { justify-content: flex-start; }.sidebar-collapse { display: none; }.mobile-menu-button { display: inline-grid; place-items: center; }.operations-location { font-size: 13px; }.operations-user strong { display: none; }.operations-main { padding: 24px 18px 38px; }.page-heading { flex-direction: column; }.page-actions { width: 100%; justify-content: flex-start; }.page-actions .ui-button { flex: 1 1 auto; }.metric-grid, .content-grid, .media-grid, .project-form { grid-template-columns: 1fr; }.form-field-wide, .form-actions { grid-column: auto; }.filter-buttons .ui-button { flex: 1 1 calc(50% - 7px); }.form-actions { align-items: stretch; flex-direction: column; }.operations-topbar { padding-inline: 14px; } }
@media (max-width: 420px) { .metric-grid { grid-template-columns: 1fr; }.filter-buttons .ui-button { flex-basis: 100%; }.operations-location { max-width: 185px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } }
@media (max-width: 760px) { .media-upload-form { grid-template-columns: 1fr; }.media-upload-form label, .media-upload-form small { grid-column: auto; }.media-preview { height: 220px; min-height: 220px; max-height: 220px; }.media-grid .content-tile { min-height: 450px; }.dialog-actions { align-items: stretch; flex-direction: column; }.dialog-actions .ui-button { width: 100%; } }
@media(max-width:760px){.media-detail-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.media-detail-dialog .dialog-content{padding:14px}.media-detail-preview{max-height:46dvh}.media-detail-sections{grid-template-columns:minmax(0,1fr);gap:12px}.media-detail-sections section{padding:13px}.media-detail-sections .detail-facts div{display:grid;gap:3px}.media-detail-sections .detail-facts dd{max-width:100%;text-align:left}}
@media(max-width:760px){.image-to-video-source-form{grid-template-columns:minmax(0,1fr)}.image-to-video-duration-note{grid-column:auto}.image-to-video-source-form .ui-button{width:100%;white-space:normal}}
@media(max-width:760px){.image-to-video-source-preview{grid-template-columns:minmax(0,1fr);padding:12px}.media-request-card .ui-button,.production-job .ui-button{width:100%;max-width:100%;white-space:normal}.media-request-card label,.production-job label{min-width:0;max-width:100%;overflow-wrap:anywhere}.media-request-card input,.media-request-card select,.media-request-card textarea{min-width:0;max-width:100%}}
@media(max-width:900px){.help-dialog.media-detail-dialog--video{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.media-video-dialog-grid{grid-template-columns:minmax(0,1fr)}.media-video-dialog-player{position:static}.media-video-player-wrap{min-height:18rem;padding:.65rem}.media-video-player{max-height:70dvh}.media-detail-dialog--video .dialog-content{padding:1rem}.media-video-detail-facts div{display:grid;gap:.2rem}.media-video-detail-facts dd{max-width:100%;text-align:left}}

/* Functional projects */
.project-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.project-card-facts, .project-detail-facts { display: grid; gap: 9px; margin: 16px 0 20px; }
.project-card-facts div, .project-detail-facts div { display: flex; justify-content: space-between; gap: 18px; }
.project-card-facts dt, .project-detail-facts dt { color: var(--atlas-muted); }
.project-card-facts dd, .project-detail-facts dd { margin: 0; font-weight: 650; text-align: right; }
.project-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.project-detail-grid { display: grid; grid-template-columns: minmax(0,2fr) minmax(260px,1fr); gap: 20px; }
.project-summary, .project-status-actions { margin-top: 0; }
.project-status-actions { display: grid; align-content: start; gap: 16px; }
.project-status-actions h2 { margin: 0; }.project-status-actions form { display: grid; gap: 10px; }
.project-status-actions select, .project-media-picker select { width: 100%; min-height: 44px; padding: 9px 11px; border: 1px solid #bcc7d6; border-radius: 8px; background: #fff; }
.project-media-section { margin-top: 32px; }.project-media-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.project-media-card { display: grid; gap: 10px; min-width: 0; padding: 16px; border: 1px solid var(--atlas-border); border-radius: 12px; background: #fff; }
.project-media-card img { width: 100%; height: 150px; border-radius: 8px; object-fit: cover; }.project-media-card strong { overflow-wrap: anywhere; }.project-media-card small { color: var(--atlas-muted); }.project-media-card form { margin-top: auto; }
.project-media-picker { margin-top: 20px; }.project-media-picker h3 { margin-top: 0; }.project-media-picker form { display: grid; grid-template-columns: minmax(220px,1fr) auto; gap: 10px 14px; align-items: end; }.project-media-picker label { grid-column: 1/-1; font-weight: 700; }
@media(max-width:1050px){.project-grid,.project-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){.project-grid,.project-form-grid,.project-detail-grid,.project-media-grid{grid-template-columns:1fr}.project-media-picker form{grid-template-columns:1fr}.project-media-picker label{grid-column:auto}.project-detail-facts div{display:grid;gap:2px}.project-detail-facts dd{text-align:left}}
.content-studio,.prepared-content{margin-top:34px}.content-studio-form{display:grid;gap:24px}.content-studio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.studio-media-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.studio-media-options label{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--atlas-border);border-radius:8px}.content-order-preview{padding:20px;border:1px solid #bfdbfe;border-radius:12px;background:#eff6ff}.content-order-preview h3{margin-top:0}.content-order-preview dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 22px}.content-order-preview dl div{display:flex;justify-content:space-between;gap:12px}.content-order-preview dd{margin:0;font-weight:650;text-align:right}.prepared-content-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.prepared-content-list .content-tile{gap:10px}.prepared-content-list h3,.prepared-content-list p{margin:0}@media(max-width:760px){.content-studio-grid,.studio-media-options,.content-order-preview dl,.prepared-content-list{grid-template-columns:1fr}.content-order-preview dl div{display:grid;gap:2px}.content-order-preview dd{text-align:left}}

* {
    box-sizing: border-box;
}

html,
body {
    min-height: 100%;
}

body {
    margin: 0;
    background: var(--atlas-background);
    color: var(--atlas-text);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 14px;
    line-height: 1.55;
    letter-spacing: 0;
}

a {
    color: var(--atlas-accent);
    text-decoration: none;
}

a:hover {
    color: #1d4ed8;
}

button,
input,
select,
textarea {
    font: inherit;
}

.layout {
    display: grid;
    grid-template-columns: var(--atlas-sidebar-width) minmax(0, 1fr);
    min-height: 100vh;
}

.sidebar {
    position: sticky;
    top: 0;
    height: 100vh;
    overflow-y: auto;
    border-right: 1px solid rgba(255, 255, 255, .08);
    background: var(--atlas-sidebar);
    color: #f8fafc;
    padding: 22px 16px;
}

.brand {
    display: grid;
    grid-template-columns: 40px 1fr;
    gap: 12px;
    align-items: center;
    margin-bottom: 26px;
    padding: 4px 6px 18px;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.brand-mark {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: #f8fafc;
    color: var(--atlas-sidebar);
    font-weight: 800;
}

.brand strong {
    display: block;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.2;
}

.brand span {
    display: block;
    margin-top: 3px;
    color: #94a3b8;
    font-size: 12px;
}

.navigation {
    display: grid;
    gap: 4px;
}

.navigation-section {
    margin: 18px 10px 7px;
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.navigation a {
    display: flex;
    gap: 10px;
    align-items: center;
    min-height: 40px;
    padding: 9px 10px;
    border-radius: 9px;
    color: #cbd5e1;
    font-weight: 600;
    transition: background .14s ease, color .14s ease;
}

.navigation a:hover,
.navigation a.active {
    background: var(--atlas-sidebar-soft);
    color: #ffffff;
}

.navigation a[aria-disabled="true"] {
    color: #64748b;
    cursor: default;
}

.navigation a[aria-disabled="true"]:hover {
    background: transparent;
    color: #64748b;
}

.nav-dot {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: currentColor;
    opacity: .7;
}

.main {
    min-width: 0;
    padding: 24px 28px 40px;
}

.topbar {
    display: grid;
    grid-template-columns: minmax(180px, .8fr) minmax(260px, 1.1fr) auto;
    gap: 18px;
    align-items: center;
    margin-bottom: 22px;
}

.topbar-title h1 {
    margin: 0;
    color: var(--atlas-primary);
    font-size: 22px;
    line-height: 1.2;
}

.topbar-title span,
.breadcrumbs {
    color: var(--atlas-muted);
    font-size: 13px;
}

.breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    align-items: center;
    margin-top: 5px;
}

.global-search {
    position: relative;
}

.global-search input {
    width: 100%;
    height: 42px;
    padding: 0 14px 0 38px;
    border: 1px solid var(--atlas-border);
    border-radius: 10px;
    background: var(--atlas-surface);
    color: var(--atlas-text);
    outline: none;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .03);
}

.global-search span {
    position: absolute;
    top: 50%;
    left: 14px;
    transform: translateY(-50%);
    color: var(--atlas-muted-soft);
}

.global-search input:focus {
    border-color: var(--atlas-accent);
    box-shadow: 0 0 0 4px var(--atlas-focus);
}

.topbar-actions,
.page-header-actions,
.workflow-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.user-menu {
    display: flex;
    gap: 10px;
    align-items: center;
    min-height: 42px;
    padding: 5px 9px 5px 5px;
    border: 1px solid var(--atlas-border);
    border-radius: 999px;
    background: var(--atlas-surface);
    color: var(--atlas-primary);
    font-weight: 700;
}

.user-avatar {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 999px;
    background: var(--atlas-primary);
    color: #ffffff;
    font-size: 12px;
}

.card,
.form-card,
.login-card,
.idea-card,
.project-card,
.campaign-card,
.content-card-item,
.image-library-card,
.creative-brief-card,
.brand-profile-card,
.brand-form-section,
.prompt-card,
.workflow-card,
.workflow-output-card,
.modal {
    border: 1px solid var(--atlas-border);
    border-radius: var(--atlas-radius-lg);
    background: var(--atlas-surface);
    box-shadow: var(--atlas-shadow-soft);
}

.content-card {
    min-width: 0;
}

.card,
.form-card,
.idea-card,
.project-card,
.campaign-card,
.content-card-item,
.creative-brief-card,
.brand-profile-card,
.brand-form-section,
.prompt-card,
.workflow-card {
    padding: 22px;
}

.card-title,
.page-header h1,
.section-heading h2,
.idea-card h3,
.content-card-item h2,
.brand-profile-card h2,
.prompt-card h2,
.workflow-card-header h2 {
    color: var(--atlas-primary);
}

.card-title,
.page-header h1,
.section-heading h2 {
    margin: 0 0 8px;
}

.page-header {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: flex-start;
    margin-bottom: 24px;
}

.page-subtitle,
.card-text,
.section-heading p,
.idea-description,
.idea-campaign,
.content-source,
.workflow-campaign,
.workflow-output-body,
.brand-profile-card p,
.brief-more p {
    color: var(--atlas-muted);
}

.dashboard-grid,
.ideas-grid,
.projects-grid,
.campaigns-grid,
.content-grid,
.creative-brief-grid,
.brand-profile-grid,
.image-library-grid,
.workflow-output-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 16px;
}

.dashboard-card {
    min-height: 128px;
    padding: 20px;
}

.dashboard-card h3 {
    margin: 0 0 10px;
    color: var(--atlas-muted);
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.dashboard-card p {
    margin: 0;
    color: var(--atlas-primary);
    font-size: 24px;
    font-weight: 750;
}

.dashboard-card small {
    display: block;
    margin-top: 8px;
    color: var(--atlas-muted);
}

.dashboard-hero {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: center;
    margin-bottom: 22px;
    padding: 28px;
    border: 1px solid var(--atlas-border);
    border-radius: var(--atlas-radius-lg);
    background: var(--atlas-surface);
    box-shadow: var(--atlas-shadow-soft);
}

.dashboard-hero h1 {
    margin: 2px 0 8px;
    color: var(--atlas-primary);
    font-size: 30px;
    line-height: 1.15;
}

.dashboard-hero p {
    margin: 0;
    color: var(--atlas-muted);
    font-size: 16px;
}

.dashboard-kicker {
    color: var(--atlas-accent) !important;
    font-size: 13px !important;
    font-weight: 800;
    text-transform: uppercase;
}

.dashboard-hero-action {
    min-width: 170px;
}

.dashboard-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 22px;
}

.dashboard-stat-card {
    display: grid;
    gap: 8px;
    min-height: 124px;
}

.dashboard-stat-card span {
    color: var(--atlas-muted);
    font-size: 13px;
    font-weight: 750;
}

.dashboard-stat-card strong {
    color: var(--atlas-primary);
    font-size: 28px;
    line-height: 1.2;
}

.dashboard-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr);
    gap: 18px;
    margin-bottom: 18px;
}

.dashboard-layout-secondary {
    grid-template-columns: minmax(320px, .8fr) minmax(0, 1.2fr);
}

.dashboard-section {
    min-width: 0;
}

.dashboard-section-header {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-start;
    margin-bottom: 18px;
}

.dashboard-section-header h2 {
    margin: 0 0 4px;
    color: var(--atlas-primary);
    font-size: 18px;
}

.dashboard-section-header p {
    margin: 0;
    color: var(--atlas-muted);
}

.dashboard-table-wrap {
    overflow-x: auto;
}

.dashboard-campaign-list {
    display: grid;
    gap: 10px;
}

.dashboard-campaign-item {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: flex-start;
    padding: 14px;
    border: 1px solid var(--atlas-border);
    border-radius: var(--atlas-radius);
    background: #f8fafc;
}

.dashboard-campaign-item h3 {
    margin: 0 0 4px;
    color: var(--atlas-primary);
    font-size: 14px;
}

.dashboard-campaign-item p,
.dashboard-campaign-item small {
    margin: 0;
    color: var(--atlas-muted);
}

.dashboard-campaign-item > div:last-child {
    display: grid;
    justify-items: end;
    gap: 7px;
}

.pipeline-steps {
    display: grid;
    gap: 10px;
}

.pipeline-step {
    display: grid;
    grid-template-columns: 12px 1fr auto;
    gap: 12px;
    align-items: center;
    padding: 13px 14px;
    border: 1px solid var(--atlas-border);
    border-radius: var(--atlas-radius);
    background: #f8fafc;
    color: var(--atlas-muted);
}

.pipeline-step span {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: #cbd5e1;
}

.pipeline-step strong {
    color: var(--atlas-primary-soft);
}

.pipeline-step small {
    font-weight: 750;
}

.activity-timeline {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.activity-timeline li {
    position: relative;
    display: grid;
    grid-template-columns: 18px 1fr;
    gap: 12px;
    padding-bottom: 18px;
}

.activity-timeline li::before {
    content: "";
    position: absolute;
    top: 18px;
    bottom: 0;
    left: 5px;
    width: 1px;
    background: var(--atlas-border);
}

.activity-timeline li:last-child {
    padding-bottom: 0;
}

.activity-timeline li:last-child::before {
    display: none;
}

.activity-marker {
    width: 11px;
    height: 11px;
    margin-top: 5px;
    border: 2px solid var(--atlas-accent);
    border-radius: 999px;
    background: var(--atlas-surface);
}

.activity-timeline strong {
    color: var(--atlas-primary);
}

.activity-timeline p {
    margin: 3px 0;
    color: var(--atlas-muted);
}

.activity-timeline small {
    color: var(--atlas-muted-soft);
    font-weight: 650;
}

.button,
.login-button,
button[type="submit"],
.button-primary {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: 40px;
    padding: 10px 15px;
    border: 1px solid transparent;
    border-radius: 9px;
    background: var(--atlas-accent);
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    transition: transform .12s ease, box-shadow .12s ease, background .12s ease, border-color .12s ease;
}

.button:hover,
.login-button:hover,
button[type="submit"]:hover,
.button-primary:hover {
    background: #1d4ed8;
    color: #ffffff;
    box-shadow: 0 8px 20px rgba(37, 99, 235, .18);
    transform: translateY(-1px);
}

.button-secondary,
.button-agent,
.button-image-agent {
    border-color: var(--atlas-border);
    background: var(--atlas-surface);
    color: var(--atlas-primary);
}

.button-secondary:hover,
.button-agent:hover,
.button-image-agent:hover {
    border-color: #cbd5e1;
    background: #f8fafc;
    color: var(--atlas-primary);
    box-shadow: 0 8px 20px rgba(15, 23, 42, .08);
}

.button-danger {
    background: var(--atlas-danger);
    color: #ffffff;
}

.button-danger:hover {
    background: #dc2626;
    color: #ffffff;
}

.login-button {
    width: 100%;
}

.form-group,
.content-agent-form,
.image-agent-form {
    margin-bottom: 18px;
}

.form-group label,
.content-type-label,
.image-agent-options label,
.orchestrator-form label {
    display: block;
    margin-bottom: 7px;
    color: var(--atlas-primary);
    font-size: 13px;
    font-weight: 700;
}

.form-group input,
.form-group textarea,
.form-group select,
.content-agent-form select,
.image-agent-options select,
.creative-director-form select,
.orchestrator-form select,
.orchestrator-form textarea {
    width: 100%;
    min-height: 42px;
    padding: 10px 12px;
    border: 1px solid var(--atlas-border);
    border-radius: 9px;
    background: var(--atlas-surface);
    color: var(--atlas-text);
    outline: none;
}

.form-group textarea,
.orchestrator-form textarea {
    min-height: 112px;
    line-height: 1.55;
    resize: vertical;
}

.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus,
.content-agent-form select:focus,
.image-agent-options select:focus,
.creative-director-form select:focus,
.orchestrator-form select:focus,
.orchestrator-form textarea:focus {
    border-color: var(--atlas-accent);
    box-shadow: 0 0 0 4px var(--atlas-focus);
}

.alert,
.login-error {
    margin: 0 0 20px;
    padding: 13px 15px;
    border: 1px solid transparent;
    border-radius: var(--atlas-radius);
    font-weight: 650;
}

.alert p {
    margin: 0;
}

.login-error,
.alert-error,
.workflow-error,
.image-error {
    border-color: #fecaca;
    background: var(--atlas-danger-soft);
    color: #991b1b;
}

.alert-success {
    border-color: #bbf7d0;
    background: var(--atlas-success-soft);
    color: #166534;
}

.alert-warning {
    border-color: #fde68a;
    background: var(--atlas-warning-soft);
    color: #92400e;
}

.badge,
.count-badge,
.project-badge,
.status-badge,
.content-type-badge,
.status-chip,
.image-specs span,
.workflow-tags span,
.orchestrator-kicker {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 4px 9px;
    border-radius: 999px;
    background: #f1f5f9;
    color: var(--atlas-primary);
    font-size: 12px;
    font-weight: 750;
    white-space: nowrap;
}

.count-badge,
.status-running {
    background: var(--atlas-accent-soft);
    color: #1d4ed8;
}

.status-ready,
.status-completed {
    background: var(--atlas-success-soft);
    color: #15803d;
}

.status-generating,
.status-queued,
.status-planned {
    background: var(--atlas-warning-soft);
    color: #92400e;
}

.status-failed,
.status-attention {
    background: var(--atlas-danger-soft);
    color: #b91c1c;
}

.status-draft,
.project-badge,
.content-type-badge {
    background: #eef2ff;
    color: #3730a3;
}

table,
.table {
    width: 100%;
    border-collapse: collapse;
    overflow: hidden;
    border: 1px solid var(--atlas-border);
    border-radius: var(--atlas-radius);
    background: var(--atlas-surface);
}

th,
td {
    padding: 12px 14px;
    border-bottom: 1px solid var(--atlas-border);
    text-align: left;
    vertical-align: top;
}

th {
    background: #f8fafc;
    color: var(--atlas-muted);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

tr:last-child td {
    border-bottom: none;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-menu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 20;
    min-width: 190px;
    padding: 8px;
    border: 1px solid var(--atlas-border);
    border-radius: var(--atlas-radius);
    background: var(--atlas-surface);
    box-shadow: var(--atlas-shadow);
}

.modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 30;
    display: grid;
    place-items: center;
    padding: 24px;
    background: rgba(15, 23, 42, .44);
}

.modal {
    width: min(560px, 100%);
    padding: 22px;
}

.spinner {
    width: 24px;
    height: 24px;
    border: 3px solid #dbeafe;
    border-top-color: var(--atlas-accent);
    border-radius: 50%;
    animation: atlas-spin .8s linear infinite;
}

@keyframes atlas-spin {
    to {
        transform: rotate(360deg);
    }
}

.skeleton {
    min-height: 16px;
    border-radius: 999px;
    background: linear-gradient(90deg, #eef2f7 25%, #f8fafc 37%, #eef2f7 63%);
    background-size: 400% 100%;
    animation: atlas-skeleton 1.3s ease infinite;
}

@keyframes atlas-skeleton {
    0% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0 50%;
    }
}

.empty-state {
    padding: 44px 28px;
    border: 1px dashed #cbd5e1;
    border-radius: var(--atlas-radius-lg);
    background: #fbfdff;
    color: var(--atlas-muted);
    text-align: center;
}

.empty-state h2,
.empty-state h3 {
    margin-top: 0;
    color: var(--atlas-primary);
}

.pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}

.pagination a,
.pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 34px;
    padding: 0 10px;
    border: 1px solid var(--atlas-border);
    border-radius: 8px;
    background: var(--atlas-surface);
    color: var(--atlas-primary);
    font-weight: 700;
}

.pagination .active {
    border-color: var(--atlas-accent);
    background: var(--atlas-accent);
    color: #ffffff;
}

.login-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding: 24px;
    background: radial-gradient(circle at top left, #dbeafe, transparent 34%), var(--atlas-background);
}

.login-card {
    width: 100%;
    max-width: 420px;
    padding: 34px;
    box-shadow: var(--atlas-shadow);
}

.login-card h1 {
    margin: 0 0 8px;
    color: var(--atlas-primary);
    font-size: 28px;
}

.login-subtitle,
.login-hint {
    color: var(--atlas-muted);
}

.login-hint {
    margin: 22px 0 0;
    font-size: 13px;
    text-align: center;
}

.idea-card-topline,
.project-card-topline,
.campaign-card-topline,
.content-card-topline,
.image-card-topline,
.creative-brief-topline,
.brand-profile-topline,
.prompt-card-topline,
.workflow-card-header,
.workflow-job {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
}

.idea-card h3,
.content-card-item h2,
.image-card-content h2,
.brand-profile-card h2,
.prompt-card h2 {
    margin: 0 0 12px;
    line-height: 1.35;
}

.content-agent-form,
.image-agent-form,
.content-details,
.image-prompt-details,
.workflow-plan,
.brief-more,
.prompt-details {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid var(--atlas-border);
}

.content-body,
.metadata-item,
.brand-profile-fact,
.image-prompt,
.workflow-job,
.workflow-output-card {
    border-radius: var(--atlas-radius);
    background: #f8fafc;
}

.content-body,
.metadata-item,
.brand-profile-fact,
.image-prompt,
.workflow-output-card {
    padding: 16px;
}

.metadata-item {
    margin-bottom: 12px;
    border: 1px solid var(--atlas-border);
}

.metadata-item pre,
.prompt-details pre,
.workflow-plan pre {
    overflow: auto;
    margin: 12px 0 0;
    padding: 16px;
    border-radius: var(--atlas-radius);
    background: #0f172a;
    color: #e2e8f0;
    white-space: pre-wrap;
    word-break: break-word;
    font-family: Consolas, Monaco, monospace;
    font-size: 13px;
    line-height: 1.55;
}

summary {
    color: var(--atlas-accent);
    font-weight: 750;
    cursor: pointer;
}

.image-agent-options,
.brand-form-columns {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.brand-form-columns {
    grid-template-columns: 1fr 1fr;
}

.creative-director-form {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 12px;
    margin-top: 20px;
}

.orchestrator-create {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 24px;
    margin-bottom: 24px;
    padding: 24px;
    border: 1px solid var(--atlas-border);
    border-radius: var(--atlas-radius-lg);
    background: var(--atlas-primary);
    color: #ffffff;
}

.orchestrator-create p {
    color: #cbd5e1;
}

.orchestrator-kicker {
    background: rgba(255, 255, 255, .12);
    color: #ffffff;
}

.orchestrator-form {
    display: grid;
    gap: 14px;
}

.workflow-list,
.workflow-jobs,
.prompt-grid,
.brand-form {
    display: grid;
    gap: 16px;
}

.workflow-progress {
    height: 8px;
    margin-top: 18px;
    overflow: hidden;
    border-radius: 999px;
    background: #e2e8f0;
}

.workflow-progress-bar {
    height: 100%;
    border-radius: inherit;
    background: var(--atlas-accent);
}

.workflow-progress-label,
.idea-meta,
.content-meta,
.prompt-relations {
    margin-top: 8px;
    color: var(--atlas-muted);
    font-size: 12px;
    font-weight: 650;
}

.workflow-plan-step {
    display: grid;
    grid-template-columns: 150px 1fr auto;
    gap: 14px;
    align-items: center;
    margin-bottom: 10px;
    padding: 13px;
    border-radius: var(--atlas-radius);
    background: #f8fafc;
}

.image-library-card {
    overflow: hidden;
}

.image-preview {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.image-placeholder {
    display: grid;
    place-items: center;
    min-height: 280px;
    background: #f1f5f9;
    color: var(--atlas-muted);
    font-weight: 750;
}

.image-card-content {
    padding: 20px;
}

.image-specs,
.workflow-tags,
.color-palette,
.prompt-relations {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.memory-form {
    display: grid;
    gap: 18px;
}

.inspector-filters {
    display: grid;
    grid-template-columns: repeat(7, minmax(110px, 1fr)) auto;
    gap: 12px;
    align-items: end;
    margin-bottom: 20px;
    padding: 16px;
    border: 1px solid var(--atlas-border);
    border-radius: var(--atlas-radius);
    background: #f8fafc;
}

.inspector-card {
    margin-bottom: 16px;
    padding: 20px;
    border: 1px solid var(--atlas-border);
    border-radius: var(--atlas-radius-lg);
    background: var(--atlas-surface);
    box-shadow: var(--atlas-shadow-soft);
}

.inspector-card > summary {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.inspector-card > summary span {
    color: var(--atlas-muted);
    font-size: 12px;
}

.inspector-card pre {
    overflow: auto;
    max-height: 680px;
    margin: 14px 0 0;
    padding: 16px;
    border-radius: var(--atlas-radius);
    background: #0f172a;
    color: #e2e8f0;
    white-space: pre-wrap;
    word-break: break-word;
}

.inspector-copy {
    display: flex;
    justify-content: flex-end;
    margin-top: 14px;
}

.inspector-meta {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.inspector-meta div {
    padding: 12px;
    border-radius: var(--atlas-radius);
    background: #f8fafc;
}

.inspector-meta dt {
    color: var(--atlas-muted);
    font-size: 12px;
    font-weight: 750;
}

.inspector-meta dd {
    margin: 4px 0 0;
    word-break: break-word;
}

.workflow-page-heading { margin-bottom: 16px; }
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
.workflow-eyebrow { margin: 0 0 4px; color: var(--atlas-primary); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.workflow-shell { display: grid; min-width: 0; gap: 14px; max-width: 1120px; margin: 0 auto; }
.workflow-stepper { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); max-width: 100%; overflow: hidden; padding: 8px 14px; border: 1px solid var(--atlas-border); border-radius: var(--atlas-radius-lg); background: var(--atlas-surface); box-shadow: var(--atlas-shadow-soft); }
.workflow-step { position: relative; display: flex; align-items: center; justify-content: center; gap: 9px; min-width: 0; padding: 10px 8px; border: 0; color: var(--atlas-muted); background: transparent; font-weight: 750; text-decoration: none; }
.workflow-step__label { min-width: 0; overflow-wrap: anywhere; line-height: 1.2; text-align: center; }
.workflow-step:not(:last-child)::after { content: ""; position: absolute; z-index: 0; top: 50%; right: -18%; width: 36%; height: 2px; background: var(--atlas-border); }
.workflow-step__marker { position: relative; z-index: 1; display: grid; place-items: center; flex: 0 0 30px; width: 30px; height: 30px; border: 2px solid var(--atlas-border); border-radius: 50%; background: var(--atlas-surface); }
.workflow-step--complete { color: var(--atlas-success); }
.workflow-step--complete .workflow-step__marker { border-color: var(--atlas-success); color: #fff; background: var(--atlas-success); }
.workflow-step--current { color: var(--atlas-primary); }
.workflow-step--current .workflow-step__marker { border-color: var(--atlas-primary); color: #fff; background: var(--atlas-primary); box-shadow: 0 0 0 4px rgba(37,99,235,.12); }
.workflow-step--locked { cursor: not-allowed; opacity: .62; }
.workflow-step:focus-visible { border-radius: var(--atlas-radius); outline: 3px solid rgba(37,99,235,.25); outline-offset: 2px; }
.workflow-lock-reason { margin: -4px 0 0; padding: 8px 12px; border-radius: var(--atlas-radius); color: var(--atlas-muted); background: var(--atlas-surface-subtle,#f8fafc); font-size: 13px; text-align: right; }
.workflow-status-summary,.workflow-panel { border: 1px solid var(--atlas-border); border-radius: var(--atlas-radius-lg); background: var(--atlas-surface); box-shadow: var(--atlas-shadow-soft); }
.workflow-status-summary { display: grid; grid-template-columns: minmax(0,1fr) minmax(210px,300px) auto; align-items: center; gap: 20px; padding: 16px 20px; }
.workflow-status-summary h2 { margin: 7px 0 2px; font-size: 20px; }
.workflow-status-summary p { margin: 0; color: var(--atlas-muted); }
.workflow-summary__label,.workflow-summary__next > span { display: block; margin-top: 7px; color: var(--atlas-muted); font-size: 12px; font-weight: 750; text-transform: uppercase; letter-spacing: .04em; }
.workflow-summary__next { min-width: 0; padding-left: 18px; border-left: 1px solid var(--atlas-border); }
.workflow-summary__next strong { display: block; margin: 4px 0; color: var(--atlas-primary); }
.workflow-version { white-space: nowrap; color: var(--atlas-muted); font-size: 13px; }
.workflow-panel { padding: 20px; }
.workflow-panel__heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; margin-bottom: 16px; }
.workflow-panel__heading h2,.workflow-panel__heading p { margin: 0 0 4px; }
.workflow-content-preview { max-height: 330px; overflow: auto; padding: 18px; border: 1px solid var(--atlas-border); border-radius: var(--atlas-radius); background: var(--atlas-surface-subtle,#f8fafc); }
.workflow-content-preview h3 { margin-top: 0; }
.workflow-editor { display: grid; gap: 14px; }
.workflow-editor textarea { min-height: 72px; max-height: 260px; overflow-y: auto; resize: vertical; }
.workflow-editor #workflow-primary { min-height: 190px; max-height: 360px; }
.workflow-action-bar { position: sticky; bottom: 10px; z-index: 3; display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 18px; padding: 12px; border: 1px solid var(--atlas-border); border-radius: var(--atlas-radius); background: rgba(255,255,255,.96); box-shadow: var(--atlas-shadow-soft); }
.workflow-action-bar > div,.workflow-review-decision { display: flex; align-items: flex-end; gap: 10px; }
.workflow-action-bar form { margin: 0; }
.workflow-collapsible { border: 1px solid var(--atlas-border); border-radius: var(--atlas-radius); background: var(--atlas-surface); }
.workflow-collapsible summary { display: flex; justify-content: space-between; gap: 12px; padding: 13px 15px; cursor: pointer; font-weight: 750; }
.workflow-collapsible[open] summary { border-bottom: 1px solid var(--atlas-border); }
.workflow-collapsible > :not(summary) { margin: 0; padding: 15px; }
.workflow-optional-fields,.workflow-secondary { display: grid; gap: 10px; }
.workflow-secondary { grid-template-columns: repeat(2,minmax(0,1fr)); }
.workflow-review-decision { align-items: flex-start; justify-content: space-between; }
.workflow-review-decision .review-reject-form { width: min(520px,100%); }
.workflow-job-summary dl,.workflow-technical { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin: 0; }
.workflow-job-summary dl div,.workflow-technical div { min-width: 0; padding: 11px; border-radius: var(--atlas-radius); background: var(--atlas-surface-subtle,#f8fafc); }
.workflow-job-summary dt,.workflow-technical dt { color: var(--atlas-muted); font-size: 12px; font-weight: 750; }
.workflow-job-summary dd,.workflow-technical dd { margin: 4px 0 0; overflow-wrap: anywhere; }
.workflow-compact-list { display: grid; gap: 8px; }
.workflow-compact-list a { display: flex; justify-content: space-between; gap: 12px; padding: 9px; border-radius: var(--atlas-radius); color: inherit; text-decoration: none; }
.workflow-compact-list a:hover { background: var(--atlas-surface-subtle,#f8fafc); }
.workflow-compact-list span { color: var(--atlas-muted); font-size: 13px; }
.workflow-publishing-form .workflow-action-bar { grid-column: 1/-1; }
.content-card__workflow-status { display: grid; gap: 7px; padding: 10px 0; border-top: 1px solid var(--atlas-border); border-bottom: 1px solid var(--atlas-border); }
.content-card__workflow-status .review-badge { justify-self: start; }
.content-card__workflow-status p { margin: 0; color: var(--atlas-primary); font-size: 14px; }

.table-scroll {
    overflow-x: auto;
}

.memory-card {
    padding: 22px;
    border: 1px solid var(--atlas-border);
    border-radius: var(--atlas-radius-lg);
    background: var(--atlas-surface);
    box-shadow: var(--atlas-shadow-soft);
}

.memory-card-heading,
.memory-actions {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
}

.memory-card-heading {
    margin-bottom: 18px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--atlas-border);
}

.memory-card-heading h2,
.memory-card-heading p {
    margin: 0;
}

.memory-card-heading p,
.memory-actions,
.form-group label span {
    color: var(--atlas-muted);
}

.memory-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.memory-card .form-group + .form-group,
.memory-card .memory-grid + .form-group {
    margin-top: 16px;
}

.field-error {
    display: block;
    margin-top: 6px;
    color: var(--atlas-danger);
    font-weight: 700;
}

.memory-actions {
    position: sticky;
    bottom: 16px;
    z-index: 10;
    padding: 14px 16px;
    border: 1px solid var(--atlas-border);
    border-radius: var(--atlas-radius);
    background: rgba(255, 255, 255, .96);
    box-shadow: var(--atlas-shadow);
}

@media (max-width: 1100px) {
    .topbar {
        grid-template-columns: 1fr;
    }

    .inspector-filters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .topbar-actions {
        justify-content: space-between;
    }

    .dashboard-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-layout,
    .dashboard-layout-secondary {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .layout {
        grid-template-columns: 1fr;
    }

    .sidebar {
        position: static;
        height: auto;
    }

    .navigation {
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    }

    .navigation-section {
        grid-column: 1 / -1;
    }

    .main {
        padding: 20px;
    }

    .workflow-stepper { grid-template-columns: repeat(4,minmax(0,1fr)); padding-inline: 8px; }
    .workflow-step { display: grid; justify-items: center; gap: 5px; padding-inline: 4px; font-size: 13px; }
    .workflow-step:not(:last-child)::after { display: none; }
    .workflow-status-summary { grid-template-columns: minmax(0,1fr) minmax(190px,260px); }
    .workflow-version { grid-column: 1/-1; }
    .workflow-secondary { grid-template-columns: 1fr; }

    .orchestrator-create,
    .workflow-plan-step,
    .creative-director-form,
    .brand-form-columns,
    .image-agent-options,
    .memory-grid,
    .inspector-meta {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .main,
    .content-card {
        padding: 16px;
    }

    .page-header,
    .idea-card-topline,
    .project-card-topline,
    .campaign-card-topline,
    .content-card-topline,
    .workflow-card-header {
        display: block;
    }

    .topbar-actions,
    .page-header-actions {
        align-items: stretch;
    }

    .topbar-actions > *,
    .page-header-actions > *,
    .button,
    .dashboard-hero-action {
        width: 100%;
    }

    .dashboard-hero,
    .dashboard-campaign-item {
        display: block;
    }

    .dashboard-hero-action {
        margin-top: 18px;
    }

    .dashboard-stat-grid {
        grid-template-columns: 1fr;
    }

    .workflow-stepper { grid-template-columns: repeat(4,minmax(108px,1fr)); overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: x proximity; padding: 6px; }
    .workflow-step { display: grid; justify-items: center; gap: 4px; font-size: 12px; }
    .workflow-step { scroll-snap-align: start; }
    .workflow-step:not(:last-child)::after { display: none; }
    .workflow-status-summary { grid-template-columns: 1fr; }
    .workflow-summary__next { padding: 12px 0 0; border-top: 1px solid var(--atlas-border); border-left: 0; }
    .workflow-panel__heading,.workflow-action-bar,.workflow-review-decision { align-items: stretch; flex-direction: column; }
    .workflow-action-bar > div { display: grid; width: 100%; }
    .workflow-action-bar .ui-button,.workflow-action-bar button { width: 100%; }
    .workflow-version { white-space: normal; }
    .workflow-job-summary dl,.workflow-technical { grid-template-columns: 1fr; }

    .inspector-filters {
        grid-template-columns: 1fr;
    }

    .dashboard-campaign-item > div:last-child {
        justify-items: start;
        margin-top: 12px;
    }
}
/* Reel orchestration dry-run */
.orchestration-page{min-width:0}.orchestration-form-grid,.orchestration-result-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.65fr);gap:1.25rem;min-width:0}.orchestration-form{display:grid;gap:.85rem;min-width:0}.orchestration-form label{display:grid;gap:.35rem}.orchestration-agent-list,.orchestration-trace{display:grid;gap:.65rem;margin:0;padding:0;list-style:none;min-width:0}.orchestration-agent-list li{display:flex;justify-content:space-between;gap:1rem;padding:.65rem 0;border-bottom:1px solid var(--border-color,#dbe2ea)}.orchestration-agent-list span{color:var(--text-muted,#637083);font-size:.85rem}.orchestration-trace li{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.75rem}.orchestration-trace__sequence{display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;background:var(--primary,#2457d6);color:#fff;font-weight:700}.orchestration-trace p{margin:.2rem 0;color:var(--text-muted,#637083);overflow-wrap:anywhere}.orchestration-scene{padding:.75rem;margin:.65rem 0;border:1px solid var(--border-color,#dbe2ea);border-radius:.65rem}.orchestration-notice{padding:.75rem;background:#f2f6ff;border-radius:.5rem}@media(max-width:800px){.orchestration-form-grid,.orchestration-result-grid{grid-template-columns:minmax(0,1fr)}.orchestration-agent-list li{align-items:flex-start;flex-direction:column;gap:.2rem}}
.video-generation-page{display:grid;gap:1rem;min-width:0}.video-generation-notice{margin:0;padding:.8rem 1rem;border-left:4px solid #5267df;background:rgba(82,103,223,.08);border-radius:.5rem}.video-generation-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:1rem;min-width:0}.video-generation-summary{display:grid;grid-template-columns:minmax(8rem,.4fr) minmax(0,1fr);gap:.55rem 1rem}.video-generation-summary dt{font-weight:700}.video-generation-summary dd{margin:0;overflow-wrap:anywhere}.video-generation-actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1rem}.video-generation-actions form{margin:0}.video-generation-events{display:grid;gap:.7rem;margin:0;padding-left:1.4rem}.video-generation-events span,.video-generation-events small{display:block;overflow-wrap:anywhere}.video-generation-events small{color:#64748b}.technical-value{font-family:monospace;overflow-wrap:anywhere}@media(max-width:800px){.video-generation-grid{grid-template-columns:minmax(0,1fr)}.video-generation-summary{grid-template-columns:minmax(0,1fr)}.video-generation-actions>*{flex:1 1 100%}.video-generation-actions .ui-button{width:100%}}
.video-provider-grid,
.video-generation-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.video-provider-grid > *,
.video-generation-grid > * {
    min-width: 0;
}

.video-prompt-preview {
    padding: 1rem;
    border-radius: 0.75rem;
    background: var(--surface-muted, #f3f5f8);
    overflow-wrap: anywhere;
}

.cost-confirmation {
    display: flex;
    gap: 0.65rem;
    align-items: flex-start;
    margin-bottom: 1rem;
}

@media (max-width: 800px) {
    .video-provider-grid,
    .video-generation-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

.video-start-image__hero {
    display: block;
    width: min(100%, 34rem);
    max-height: 34rem;
    object-fit: contain;
    border-radius: 0.8rem;
    background: var(--color-surface-subtle, #f4f5f7);
}

.video-start-image-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.video-start-image-option {
    display: grid;
    gap: 0.5rem;
    min-width: 0;
    padding: 0.75rem;
    border: 1px solid var(--color-border, #d9dde5);
    border-radius: 0.75rem;
}

.video-start-image-option img {
    width: 100%;
    aspect-ratio: 9 / 16;
    object-fit: cover;
    border-radius: 0.5rem;
}
.production-target dl,.production-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.production-target dl{grid-template-columns:repeat(4,minmax(0,1fr))}.production-target dl div{padding:.75rem;background:var(--surface-muted,#f5f7fa);border-radius:.6rem}.production-timeline{display:flex;width:100%;gap:2px;overflow:hidden;border-radius:.65rem}.production-timeline>div{flex:0 0 var(--scene-width);min-width:0;padding:.7rem .25rem;background:#18263d;color:#fff;text-align:center}.production-timeline span{display:block;font-size:.75rem}.production-scene-list{display:grid;gap:1rem}.production-scene-card header{display:flex;justify-content:space-between;gap:1rem}.production-scene-grid{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);gap:1.25rem}.production-media-preview{display:grid;gap:.65rem;align-content:start}.production-media-preview img,.production-media-preview video{width:100%;max-height:420px;object-fit:contain;background:#0d1320;border-radius:.7rem}.production-media-preview small{overflow-wrap:anywhere}.production-scene-card dl{margin:0}.production-scene-card dd{margin:0 0 .75rem;overflow-wrap:anywhere}.preserve-lines{white-space:pre-line}@media(max-width:800px){.production-target dl,.production-summary-grid,.production-scene-grid{grid-template-columns:minmax(0,1fr)}.production-timeline>div{padding:.55rem .1rem}.production-timeline span{font-size:.65rem}.production-scene-card header{align-items:flex-start;flex-direction:column}}
.reel-breadcrumbs{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;font-size:.9rem}.reel-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:1rem}.reel-plan-card{min-width:0}.reel-plan-card header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.reel-plan-card h2{overflow-wrap:anywhere}.reel-plan-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.reel-plan-card dl div{min-width:0;padding:.65rem;background:var(--surface-muted,#f5f7fa);border-radius:.55rem}.reel-plan-card dd{margin:0;overflow-wrap:anywhere}.reel-plan-unavailable{display:block;max-width:28rem;font-size:.85rem;color:var(--text-muted,#667085)}@media(max-width:620px){.reel-plan-card dl{grid-template-columns:minmax(0,1fr)}.reel-plan-card header{flex-direction:column}}
.voice-over-editor{display:grid;gap:1rem;min-width:0}.voice-over-editor form{display:grid;gap:.75rem;min-width:0}.voice-over-editor textarea{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;resize:vertical;line-height:1.5}.voice-over-counters{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;color:var(--text-muted,#637083)}.voice-over-length-warning{padding:.75rem;border-left:4px solid #b45309;background:#fff7ed;color:#7c2d12;border-radius:.4rem}.voice-over-editor audio{width:100%;max-width:42rem}
.voice-studio{display:grid;gap:1rem;min-width:0}.voice-profile,.voice-profile-chips,.voice-badges,.voice-filter-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}.voice-profile{justify-content:space-between;gap:.75rem}.voice-profile-chips span,.voice-badges span{padding:.25rem .55rem;border-radius:999px;background:var(--surface-muted,#eef2f6);font-size:.78rem}.voice-source-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.voice-filters{display:grid;grid-template-columns:minmax(14rem,1.6fr) repeat(2,minmax(9rem,.7fr));gap:.75rem;align-items:end}.voice-filters label{display:grid;gap:.3rem;min-width:0}.voice-more-filters{grid-column:1/-1}.voice-more-filters>summary{cursor:pointer;font-weight:650}.voice-more-filters>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;padding-top:.75rem}.voice-filter-actions{grid-column:1/-1;justify-content:flex-end}.voice-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;max-width:72rem}.voice-card{display:grid;gap:.65rem;align-content:start;min-width:0;padding:.9rem;border:1px solid var(--border-color,#dbe2ea);border-radius:.75rem;background:var(--surface,#fff)}.voice-card:focus-within{outline:3px solid rgba(36,87,214,.25);border-color:var(--primary,#2457d6)}.voice-card header{display:flex;justify-content:space-between;gap:.5rem}.voice-card h3{margin:.15rem 0}.voice-suitability{flex:0 0 auto;padding:.25rem .5rem;border-radius:999px;background:#e8eefc;color:#243b75;font-size:.78rem;font-weight:700}.voice-description{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:0}.voice-card audio{width:100%;height:2.5rem}.voice-reasons{margin:0;padding-left:1.2rem;font-size:.85rem}.voice-card details dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.25rem .5rem;font-size:.8rem}.voice-card details dd{margin:0;overflow-wrap:anywhere}.voice-select{display:flex;gap:.5rem;align-items:center;padding:.55rem;border-radius:.5rem;background:#f4f7ff}.voice-card:has(input:checked){border-color:var(--primary,#2457d6);box-shadow:0 0 0 2px rgba(36,87,214,.15)}.voice-no-preview{color:var(--text-muted,#667085)}.voice-selection-summary{position:sticky;z-index:2;bottom:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.8rem 1rem;border:1px solid var(--primary,#2457d6);border-radius:.7rem;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.15)}.voice-selection-summary>div{display:grid;gap:.2rem}.voice-pagination{display:flex;align-items:center;justify-content:center;gap:.75rem}.voice-loading-state{padding:.75rem;text-align:center}@media(max-width:1000px){.voice-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.voice-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.voice-search,.voice-more-filters,.voice-filter-actions{grid-column:1/-1}}@media(max-width:650px){.voice-card-grid,.voice-filters,.voice-more-filters>div{grid-template-columns:minmax(0,1fr)}.voice-source-tabs .ui-button,.voice-filter-actions .ui-button{flex:1 1 100%}.voice-selection-summary{position:static}.voice-selection-summary .ui-button{width:100%}.voice-card audio{max-width:100%}}
.voice-suitability{align-self:flex-start}
.voice-settings{display:grid;gap:.8rem;margin-top:1rem;padding:1rem;border:1px solid var(--border-color,#dbe2ea);border-radius:.75rem;background:var(--surface-muted,#f7f9fc)}.voice-settings h3,.voice-settings p{margin:.15rem 0}.voice-settings-grid,.voice-settings-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.voice-settings-grid label,.voice-settings-controls label{display:grid;gap:.35rem}.voice-settings-summary{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;padding:.65rem .8rem;border-radius:.55rem;background:var(--surface,#fff)}.voice-settings details summary{cursor:pointer;font-weight:650}.voice-settings-controls{padding-top:.75rem}.voice-settings-controls .voice-boost{display:flex;align-items:center;grid-column:1/-1}.shared-voice-dialog{width:min(34rem,calc(100vw - 2rem));padding:0;border:0;border-radius:.8rem;box-shadow:0 24px 60px rgba(15,23,42,.28)}.shared-voice-dialog::backdrop{background:rgba(15,23,42,.55)}.shared-voice-dialog form{display:grid;gap:.8rem;padding:1.2rem}.shared-voice-dialog label{display:grid;gap:.35rem}.shared-voice-dialog audio{width:100%}.shared-add-confirmation{grid-template-columns:auto minmax(0,1fr)!important;align-items:start}.dialog-actions{display:flex;justify-content:flex-end;gap:.6rem;flex-wrap:wrap}@media(max-width:650px){.voice-settings-grid,.voice-settings-controls{grid-template-columns:minmax(0,1fr)}.dialog-actions .ui-button{width:100%}}
.production-foundation-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;margin:1rem 0}.production-foundation-grid>*,.music-foundation,.music-foundation form,.music-foundation label{width:100%;min-width:0;max-width:100%}.music-foundation form,.music-foundation label{display:grid;gap:.5rem}.music-foundation select{display:block;width:100%;min-width:0;max-width:100%;box-sizing:border-box;text-overflow:ellipsis}.compact-facts{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:.35rem .8rem}.compact-facts dt{font-weight:700}.compact-facts dt:last-of-type,.compact-facts dd:last-child{display:none}.compact-facts::after{content:"Timing: Automatisch nach Textlänge";grid-column:1/-1}.subtitle-reel-preview{width:min(100%,240px);aspect-ratio:9/16;margin:1rem auto;background:linear-gradient(160deg,#273247,#111827);border-radius:1rem;padding:10%;display:flex;align-items:flex-end}.subtitle-safe-area{width:100%;padding:0 4% 12%;text-align:center;color:#fff;font-weight:700;text-shadow:0 1px 4px #000;line-height:1.25}.subtitle-editor-list{display:grid;gap:.75rem;max-height:34rem;overflow:auto}.subtitle-editor-list fieldset{min-width:0;border:1px solid var(--border-color,#d7dce3);border-radius:.6rem}.subtitle-time-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.music-foundation audio{width:100%;margin:1rem 0}@media(max-width:760px){.production-foundation-grid{grid-template-columns:minmax(0,1fr)}.subtitle-time-fields{grid-template-columns:minmax(0,1fr)}.production-foundation-grid .page-actions{align-items:stretch}.production-foundation-grid .ui-button{white-space:normal}}
.reel-render-panel{display:grid;gap:1rem;min-width:0;margin-top:1rem}.render-readiness-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.render-readiness-facts>div{min-width:0;padding:.75rem;border-radius:.6rem;background:var(--surface-muted,#f5f7fa)}.render-readiness-facts dd{margin:0;overflow-wrap:anywhere}.reel-render-panel form,.render-confirmation{display:grid;gap:.75rem;min-width:0}.reel-render-panel video{width:100%;max-height:70vh;background:#0d1320;border-radius:.7rem}@media(max-width:900px){.render-readiness-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.render-readiness-facts{grid-template-columns:minmax(0,1fr)}.reel-render-panel .ui-button{width:100%;white-space:normal}}
.creative-score{display:flex;gap:1rem;align-items:baseline;flex-wrap:wrap;margin:1rem 0}.creative-score strong{font-size:clamp(2rem,6vw,4rem)}.creative-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(18rem,1fr);gap:1rem;align-items:start}.creative-dimensions,.creative-knowledge-list{display:grid;gap:.75rem}.creative-dimensions article,.creative-knowledge-list article,.creative-recommendation{display:grid;gap:.45rem;padding:.9rem;border:1px solid var(--border-color,#d9dee8);border-radius:.75rem;min-width:0}.creative-dimensions article>div,.creative-knowledge-list article>div{display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.creative-dimensions pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}.creative-review-grid,.creative-form-grid,.creative-filter{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.75rem}.creative-director-teaser{border-inline-start:4px solid var(--primary-color,#3758f9)}@media(max-width:760px){.creative-layout{grid-template-columns:1fr}.creative-dimensions article>div,.creative-knowledge-list article>div{display:grid}.creative-score{display:grid}.creative-review-grid,.creative-form-grid,.creative-filter{grid-template-columns:1fr}}
.creative-gate-list{display:grid;gap:.75rem}.creative-gate-list>div{display:grid;grid-template-columns:minmax(11rem,1fr) minmax(0,2fr);gap:1rem;padding:.85rem;border:1px solid var(--border-color,#d9dee8);border-radius:.75rem;min-width:0}.creative-gate dd{display:grid;gap:.2rem;margin:0}.creative-gate dd span{overflow-wrap:anywhere}.creative-gate.is-fulfilled strong{color:var(--success-color,#207a4b)}.creative-gate.is-missing strong{color:var(--warning-color,#9a6400)}@media(max-width:760px){.creative-gate-list>div{grid-template-columns:1fr;gap:.35rem}}
.creative-summary,.creative-technical-gates,.creative-human-status,.creative-comparison,.creative-layout,.creative-layout>*,.creative-summary form,.creative-summary label,.creative-summary select,.creative-summary button,.creative-technical-gates details,.creative-technical-gates code,.creative-version-headings,.creative-version-headings>*{min-width:0;max-width:100%;box-sizing:border-box}.creative-summary select,.creative-summary button{width:100%}.creative-summary dd,.creative-summary span,.creative-summary code,.creative-technical-gates dd,.creative-technical-gates code,.creative-comparison dd,.creative-comparison p,.creative-comparison span{overflow-wrap:anywhere;word-break:break-word}.creative-technical-gates details{overflow:hidden}.creative-version-headings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.creative-version-headings article{padding:.85rem;border:1px solid var(--border-color,#d9dee8);border-radius:.75rem}.creative-version-headings dd{margin-inline-start:0}@media(max-width:760px){.creative-version-headings{grid-template-columns:minmax(0,1fr)}}
.creative-version-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:.75rem;align-items:end}.creative-version-picker label{display:grid;gap:.35rem}.creative-version-picker,.creative-version-picker>*,.creative-version-picker select,.creative-version-picker button,.creative-hard-fails,.creative-findings,.creative-hard-fails>*,.creative-findings>*,.creative-review-grid>*,.creative-layout aside,.creative-layout aside>*,.creative-recommendation,.creative-dimensions details,.creative-dimensions pre{min-width:0;max-width:100%;box-sizing:border-box}.creative-version-picker select,.creative-version-picker button,.creative-layout textarea,.creative-layout select,.creative-layout .ui-button{width:100%;max-width:100%}.creative-hard-fails li,.creative-hard-fails code,.creative-findings pre,.creative-recommendation strong,.creative-recommendation small,.creative-layout dd,.creative-layout p{overflow-wrap:anywhere}.creative-hard-fails code,.creative-findings pre{white-space:pre-wrap;word-break:break-word}.creative-hard-fails details,.creative-findings details,.creative-dimensions details{max-width:100%;overflow:hidden}.creative-layout .ui-button,.creative-version-picker .ui-button,.page-heading .ui-button{white-space:normal}.creative-layout ul{max-width:100%;padding-inline-start:1.25rem}@media(max-width:760px){.creative-version-picker{grid-template-columns:minmax(0,1fr)}.creative-layout,.creative-review-grid,.creative-form-grid{grid-template-columns:minmax(0,1fr)}.creative-layout .form-card{width:100%;max-width:100%;padding:clamp(14px,5vw,20px)}.operations-main:has(.creative-summary){width:100%;min-width:0;max-width:100vw;overflow-x:clip}.page-heading:has(+.creative-technical-gates),.page-heading:has(+.creative-comparison){min-width:0;max-width:100%}}
.structured-review-scene,.structured-review-scene>*,.structured-review-editor,.structured-review-editor form,.structured-review-editor fieldset,.structured-review-editor label,.structured-review-card-grid,.structured-review-card-grid>*,.structured-review-checklist [data-prompt-checklist],.structured-review-checklist [data-prompt-check],.structured-review-bindings,.structured-review-bindings>div,.structured-review-history,.structured-review-history li{min-width:0;max-width:100%;box-sizing:border-box}.structured-review-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.structured-review-bindings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:1rem 0}.structured-review-bindings>div{display:grid;gap:.25rem;padding:.7rem;border:1px solid var(--atlas-border);border-radius:.6rem;background:var(--surface-muted,#f6f8fb)}.structured-review-bindings span,.structured-review-scene p,.structured-review-scene code,.structured-review-scene dd,.structured-review-scene li{overflow-wrap:anywhere;word-break:break-word}.structured-review-prompts{overflow:hidden}.structured-review-prompts p{white-space:pre-wrap}.structured-review-history ol{display:grid;gap:.75rem;padding-left:1.25rem}.structured-review-editor form{display:grid;gap:1rem}.structured-review-primary-fields{display:grid;grid-template-columns:minmax(12rem,.65fr) minmax(0,1.35fr);gap:.75rem}.structured-review-editor label{display:grid;gap:.35rem}.structured-review-editor input:not([type=checkbox]),.structured-review-editor select,.structured-review-editor textarea,.structured-review-editor button{width:100%;max-width:100%;box-sizing:border-box}.structured-review-editor textarea{min-height:5rem;resize:vertical}.structured-review-editor fieldset{display:grid;gap:.75rem;margin:0;padding:1rem;border:1px solid var(--atlas-border);border-radius:.75rem}.structured-review-editor legend{padding:0 .4rem;font-weight:750}.structured-review-confirmations label{grid-template-columns:auto minmax(0,1fr);align-items:center;min-height:44px}.structured-review-confirmations input[type=checkbox]{width:1.25rem;height:1.25rem}.structured-suitable-gate{padding:.85rem 1rem;border:1px solid #9a6400;border-left-width:4px;border-radius:.65rem;background:#fff8e8}.structured-suitable-gate h4,.structured-suitable-gate p{margin:.25rem 0}.structured-suitable-gate li.is-met{font-weight:700;color:#166534}.structured-suitable-gate li.is-missing{font-weight:700;color:#991b1b}.structured-review-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.structured-review-card-grid>article,.structured-review-checklist [data-prompt-check]{display:grid;gap:.55rem;padding:.8rem;border:1px solid var(--atlas-border);border-radius:.65rem;background:#fff}.structured-review-card-grid h4{margin:.15rem 0;overflow-wrap:anywhere}.structured-review-card-grid code{font-size:.78rem}.structured-review-time-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.review-source{margin:0;color:var(--atlas-muted);font-size:.82rem}.structured-review-checklist [data-prompt-checklist]{display:grid;gap:.65rem}.structured-review-checklist [data-prompt-check]{grid-template-columns:minmax(0,2fr) minmax(7rem,.55fr) minmax(9rem,.65fr) minmax(0,1.4fr);align-items:end}.structured-review-checklist [data-prompt-check] button{align-self:end}.structured-review-submit{display:grid;gap:.5rem}.structured-review-errors{min-height:1.4rem;margin:0;color:#991b1b;font-weight:700}.structured-review-editor :focus-visible{outline:3px solid color-mix(in srgb,var(--atlas-primary) 35%,transparent);outline-offset:2px}.structured-review-scene video{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:9/16;max-height:min(72vh,720px);object-fit:contain;background:#0d1320;border-radius:.65rem}.operations-main:has(.structured-review-scene){min-width:0;max-width:100%;overflow-x:clip}
@media(max-width:760px){.structured-review-bindings,.structured-review-primary-fields,.structured-review-card-grid,.structured-review-time-fields,.structured-review-checklist [data-prompt-check]{grid-template-columns:minmax(0,1fr)}.structured-review-scene{width:100%;padding:clamp(12px,4vw,18px);overflow-x:hidden}.structured-review-editor fieldset{padding:clamp(10px,3vw,14px)}.structured-review-editor .ui-button{min-height:44px;white-space:normal}.structured-review-heading{display:grid}.structured-review-scene video{max-height:70vh}.structured-review-history ol{padding-left:1rem}}
.revision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.revision-grid>*,.revision-option,.revision-scenes,.revision-scenes>article,.revision-scenes form,.revision-scenes label,.revision-scenes select,.revision-scenes input,.revision-metadata,.reel-revision-summary,.reel-revision-summary details{min-width:0;max-width:100%;box-sizing:border-box}.revision-option,.revision-scenes>article{display:grid;gap:.65rem;padding:.9rem;border:1px solid var(--atlas-border);border-radius:.75rem;margin-top:.75rem}.revision-option.is-selected{border-color:var(--atlas-primary);background:#f4f7ff}.revision-scenes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.revision-scenes header{display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.revision-scenes form,.revision-scenes label{display:grid;gap:.4rem}.revision-scenes select,.revision-scenes input,.revision-scenes button{width:100%;max-width:100%}.revision-metadata{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.revision-option strong,.revision-scenes strong,.revision-scenes p,.revision-foundations p,.reel-revision-summary code{overflow-wrap:anywhere}.revision-foundations details{max-width:100%;overflow:hidden}@media(max-width:760px){.revision-grid,.revision-scenes,.revision-metadata{grid-template-columns:minmax(0,1fr)}.revision-grid .form-card,.revision-scenes>article{width:100%;max-width:100%;padding:clamp(14px,5vw,20px)}.revision-grid .ui-button,.revision-scenes .ui-button{white-space:normal}}
.media-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.media-overview-grid>div,.media-request-facts>div{padding:.75rem;border:1px solid var(--atlas-border);border-radius:.65rem;min-width:0}.media-overview-grid dd,.media-request-facts dd{margin:0;overflow-wrap:anywhere}.media-request-list{display:grid;gap:1rem}.media-request-card{display:grid;gap:1rem;padding:1rem;border:1px solid var(--atlas-border);border-radius:.8rem;min-width:0}.media-request-card>header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.media-request-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.media-request-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.75rem}.media-request-form label,.media-request-actions form,.media-request-actions label{display:grid;gap:.35rem;min-width:0}.media-request-form textarea,.media-request-form input,.media-request-form select,.media-request-actions input,.media-request-actions button{width:100%;max-width:100%;box-sizing:border-box}.media-request-form button{grid-column:1/-1}.media-request-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.candidate-list{display:grid;gap:.65rem;margin-top:.75rem}.candidate-list article{padding:.75rem;border:1px solid var(--atlas-border);border-radius:.65rem;min-width:0}.candidate-list p,.media-request-card li,.media-request-card strong{overflow-wrap:anywhere}@media(max-width:760px){.media-overview-grid,.media-request-facts,.media-request-form,.media-request-actions{grid-template-columns:minmax(0,1fr)}.media-request-card{padding:clamp(12px,4vw,16px)}.media-request-card .ui-button{width:100%;white-space:normal}}@media(max-width:340px){.media-request-card{padding:10px}.media-production-overview,.media-request-card{overflow-x:hidden}.media-request-card input,.media-request-card textarea,.media-request-card select{font-size:16px}}
.media-production-control{display:grid;gap:.8rem;padding:1rem;background:#f7f9fc;border:1px solid var(--atlas-border);border-radius:.75rem;min-width:0}.media-production-control form,.media-production-control label{display:grid;gap:.4rem;min-width:0}.media-production-control input,.media-production-control select,.media-production-control button{max-width:100%;box-sizing:border-box}.media-production-control dd{margin:0;overflow-wrap:anywhere}.production-job{display:grid;gap:.5rem;padding:.75rem;border-left:4px solid var(--atlas-primary);background:#fff;min-width:0}.production-method-form{grid-template-columns:minmax(0,1fr) auto;align-items:end}.manual-import-form{grid-template-columns:minmax(0,1fr) auto;align-items:end}@media(max-width:760px){.production-method-form,.manual-import-form{grid-template-columns:minmax(0,1fr)}.media-production-control{padding:clamp(10px,4vw,16px)}}
.manual-import-form,.manual-import-form>*,.manual-import-form label,.manual-import-form input[type=file],.candidate-technical,.candidate-creative{min-width:0;max-width:100%;box-sizing:border-box}.manual-import-form input[type=file]{display:block;width:100%;overflow:hidden;text-overflow:ellipsis}.manual-import-help,.candidate-technical p,.candidate-creative p{max-width:100%;overflow-wrap:anywhere;word-break:break-word}.candidate-technical,.candidate-creative{padding:.7rem;border-radius:.55rem}.candidate-technical{background:#eef5ff}.candidate-creative{background:#fff7e8}@media(max-width:760px){.manual-import-form input[type=file]{width:100%}.manual-import-form button{width:100%;white-space:normal}}@media(max-width:340px){.manual-import-form,.manual-import-form label{width:100%;overflow:hidden}.manual-import-form input[type=file]{font-size:14px}}
.production-prompt-card textarea{width:100%;max-width:100%;box-sizing:border-box;resize:vertical}.provider-transparency{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:.75rem}.provider-transparency>div,.production-prompt-card form{min-width:0}.provider-transparency dd,.technical-value,.dry-run-preview pre{overflow-wrap:anywhere;word-break:break-word}.dry-run-preview pre{max-width:100%;overflow:auto;white-space:pre-wrap}
.production-prompt-card,.production-prompt-card>*,.production-prompt-card .production-job,.production-prompt-card .provider-transparency{min-width:0;max-width:100%;box-sizing:border-box}.production-prompt-card .production-job form[action$="/start"]{display:grid;gap:.75rem;min-width:0;max-width:100%}.production-prompt-card .production-job form[action$="/start"] label{display:flex;align-items:flex-start;gap:.65rem;min-width:0;max-width:100%;overflow-wrap:anywhere}.production-prompt-card .production-job form[action$="/start"] input[type=checkbox]{flex:0 0 auto;width:auto;max-width:100%;margin-top:.2rem}.production-prompt-card .production-job form[action$="/start"] button{width:100%;max-width:100%;box-sizing:border-box;white-space:normal}.provider-transparency dd{min-width:0;max-width:100%;margin-inline-start:0}@media(max-width:390px){.production-prompt-card{padding:clamp(10px,4vw,16px);overflow-x:hidden}.production-prompt-card .production-job{padding:.65rem}.provider-transparency{grid-template-columns:minmax(0,1fr)}}
.stage-review,.stage-review>*,.stage-review-section,.stage-review-section>*,.stage-review-facts,.stage-review-facts>div,.stage-review-card-grid,.stage-review-card-grid>*,.stage-review-grid,.stage-review-grid>*{min-width:0;max-width:100%;box-sizing:border-box}.stage-review{display:grid;gap:1rem;overflow-x:clip}.stage-review-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.stage-review-section{display:grid;gap:.8rem}.stage-review-section h2,.stage-review-section h3{overflow-wrap:anywhere}.stage-review-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.stage-review-facts>div,.stage-review-card-grid>article,.stage-review-grid>article{padding:.75rem;border:1px solid var(--atlas-border);border-radius:.7rem;background:#fff}.stage-review-facts dt{font-weight:750}.stage-review-facts dd{margin:.25rem 0 0;overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap}.stage-review-list{display:grid;gap:.3rem;margin:.2rem 0;padding-left:1.1rem}.stage-review-list li,.stage-review-section p{overflow-wrap:anywhere;word-break:break-word}.stage-review-card-grid,.stage-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.stage-review-exclusion{border-left:5px solid #8a5a00!important;background:#fff8e8!important}.stage-review-blocker{border-left:5px solid #991b1b;background:#fff7f7}.stage-review-proof{border-left:5px solid #315b9a;background:#f3f7ff}.stage-review-muted{color:var(--atlas-muted)}.stage-review-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.stage-review-footer p{margin:0}@media(max-width:760px){.stage-review{width:100%;padding:0;overflow-x:hidden}.stage-review-section{padding:clamp(12px,4vw,18px)}.stage-review-facts,.stage-review-card-grid,.stage-review-grid{grid-template-columns:minmax(0,1fr)}.stage-review-footer{display:grid}.stage-review-footer .ui-button{width:100%;white-space:normal}}
.private-image-preview{display:grid;gap:.75rem;min-width:0;max-width:100%;overflow:hidden}.private-image-preview img{display:block;width:auto;max-width:min(100%,720px);height:auto;max-height:80vh;object-fit:contain;justify-self:center;border-radius:.7rem;background:#0d1320}@media(max-width:760px){.private-image-preview img{width:100%;max-width:100%;max-height:none}}
.task-overview,.task-asset-grid,.task-plan-grid,.task-step-list,.task-progress-stages,.task-variant-grid{min-width:0}.task-asset-grid,.task-plan-grid,.task-variant-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:1rem}.task-asset-grid details,.task-step-list details,.task-variant-grid article{padding:1rem;border:1px solid var(--atlas-border);border-radius:.7rem;background:#fff;min-width:0}.task-step-list,.task-progress-stages{display:grid;gap:.75rem}.task-progress-stages{padding-left:1.4rem}.task-progress-stages li{padding:.75rem;border-bottom:1px solid var(--atlas-border)}.production-scene-card{display:block;margin:.75rem 0;padding:1rem}.production-scene-card summary,.task-step-list summary,.task-asset-grid summary{cursor:pointer}.task-identifiers dd,.technical-value{overflow-wrap:anywhere;word-break:break-word}.task-provider-warning{border-left:.3rem solid var(--atlas-warning,#b76b00)}.task-overview dl,.production-scene-card dl,.task-asset-grid dl,.task-step-list dl,.task-variant-grid dl,.task-plan-grid dl{min-width:0}@media(max-width:760px){.task-asset-grid,.task-plan-grid,.task-variant-grid{grid-template-columns:minmax(0,1fr)}.production-scene-card,.task-asset-grid details,.task-step-list details{padding:.75rem;overflow-wrap:anywhere}}
.retry-attempt-card,.retry-attempt-card form,.retry-attempt-card input{min-width:0;max-width:100%;box-sizing:border-box}.retry-attempt-card .technical-value{overflow-wrap:anywhere;word-break:break-word}@media(max-width:390px){.retry-attempt-card button{width:100%;white-space:normal}}
.video-technical-data,.video-frame-review{min-width:0;margin-top:1rem;padding:1rem;border:1px solid var(--atlas-border);border-radius:9px;background:#f7f9fc}.video-technical-data h3,.video-frame-review h3{margin:0 0 .8rem}.video-review-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}.video-review-actions form{min-width:0;margin:0}.video-review-actions .ui-button{max-width:100%;white-space:normal}.video-review-frame-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;min-width:0}.video-review-frame-grid figure{min-width:0;margin:0}.video-review-frame-grid a{display:block;border-radius:8px;overflow:hidden;background:#101318}.video-review-frame-grid img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#101318}.video-review-frame-grid figcaption{margin-top:.35rem;font-weight:650;text-align:center}.video-frame-review .technical-note,.video-technical-data .technical-note{overflow-wrap:anywhere}@media(max-width:760px){.video-review-frame-grid{grid-template-columns:minmax(0,1fr)}.video-review-frame-grid figure{width:min(100%,300px);justify-self:center}.video-review-actions{display:grid;grid-template-columns:minmax(0,1fr)}.video-review-actions .ui-button{width:100%}.video-technical-data,.video-frame-review{padding:.8rem}}
.structured-review-gate-errors{margin:.65rem 0 0;padding-left:1.25rem}.structured-review-gate-errors:empty{display:none}.structured-review-editor [aria-invalid=true],.structured-review-editor .has-review-error{border-color:#991b1b!important}.structured-review-editor [data-review-dimension][aria-invalid=true],.structured-review-editor [data-temporal-check][aria-invalid=true],.structured-review-editor [data-prompt-check][aria-invalid=true]{border-width:2px;box-shadow:0 0 0 2px rgba(153,27,27,.12)}.structured-review-editor [data-review-dimension][aria-invalid=true]::before,.structured-review-editor [data-temporal-check][aria-invalid=true]::before,.structured-review-editor [data-prompt-check][aria-invalid=true]::before{content:"Prüfung erforderlich";font-weight:800;color:#991b1b}
@media(max-width:760px){.structured-review-editor input:not([type=checkbox]):not([type=radio]),.structured-review-editor select,.structured-review-editor button{min-height:44px}.structured-review-editor input[type=checkbox],.structured-review-editor input[type=radio]{width:24px;height:24px;min-width:24px}.structured-review-editor label:has(>input[type=checkbox]),.structured-review-editor label:has(>input[type=radio]){min-height:44px;padding-block:.5rem}.structured-review-editor [data-add-prompt-check],.structured-review-editor [data-remove-prompt-check]{min-width:44px;min-height:44px}.structured-review-editor .structured-review-card-grid,.structured-review-editor [data-prompt-checklist]{gap:.85rem}}
.asset-review-list{display:grid;gap:1rem}.asset-review-card{border:1px solid var(--border-color,#d8dee8);border-radius:14px;padding:1rem;min-width:0}.asset-review-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(18rem,.9fr);gap:1.25rem;margin-top:1rem;align-items:start}.asset-review-preview,.asset-review-context{min-width:0}.asset-review-preview>img,.asset-review-preview>video{display:block;width:100%;max-width:44rem;max-height:70vh;object-fit:contain;border-radius:12px;background:#111}.asset-review-frames{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem;margin-top:.8rem}.asset-review-frames figure{margin:0;min-width:0}.asset-review-frames img{display:block;width:100%;aspect-ratio:9/16;object-fit:contain;background:#111;border-radius:8px}.asset-review-frames figcaption{font-size:.76rem;overflow-wrap:anywhere;margin-top:.3rem}.review-preview-note,.review-preview-error{padding:.75rem;border-radius:8px;background:var(--surface-muted,#f4f6f9);overflow-wrap:anywhere}.asset-review-context dl{display:grid;grid-template-columns:minmax(8rem,.4fr) minmax(0,1fr);gap:.45rem .75rem}.asset-review-context dd{margin:0;overflow-wrap:anywhere}@media(max-width:760px){.asset-review-layout{grid-template-columns:minmax(0,1fr)}.asset-review-frames{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-review-context dl{grid-template-columns:minmax(0,1fr)}}
.asset-review-workbench,.asset-review-workbench *,.asset-review-list,.asset-review-card,.asset-review-layout,.asset-review-preview,.asset-review-context,.asset-review-frame{min-width:0;max-width:100%;box-sizing:border-box}.asset-review-frames{grid-template-columns:repeat(auto-fit,minmax(min(8rem,100%),1fr))}.asset-review-preview>img,.asset-review-preview>video,.asset-review-frame img{max-width:100%;height:auto}.asset-review-preview>video{position:relative;z-index:1;pointer-events:auto}.asset-review-card summary,.asset-review-context dd,.asset-review-frame,.review-preview-error{overflow-wrap:anywhere;word-break:break-word}.asset-review-frame .review-preview-error{display:grid;place-items:center;min-height:8rem}@media(max-width:760px){.asset-review-card{padding:.75rem}.asset-review-frames{grid-template-columns:repeat(auto-fit,minmax(min(7rem,100%),1fr));gap:.5rem}}
.asset-package-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));gap:1rem}.asset-package-card{min-width:0;padding:1rem;border:1px solid var(--atlas-border);border-radius:12px}.asset-package-card dl,.asset-production-packages details dl{display:grid;grid-template-columns:minmax(9rem,.4fr) minmax(0,1fr);gap:.45rem .8rem}.asset-package-card dd,.asset-production-packages dd{margin:0;overflow-wrap:anywhere}.asset-package-order{display:flex;flex-wrap:wrap;gap:1.5rem}@media(max-width:760px){.asset-package-card dl,.asset-production-packages details dl{grid-template-columns:minmax(0,1fr)}}
.creative-concept-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:1rem;margin-top:1rem}.creative-concept-card{min-width:0;border:1px solid var(--atlas-border);border-radius:14px;padding:1rem;overflow-wrap:anywhere}.creative-concept-card--winner{border:2px solid var(--success,#238636);box-shadow:0 0 0 3px rgba(35,134,54,.08)}.creative-concept-card dl,.creative-conference details dl{display:grid;grid-template-columns:minmax(9rem,.45fr) minmax(0,1fr);gap:.4rem .75rem}.creative-concept-card dd,.creative-conference dd{margin:0}.creative-rejection{border-left:4px solid var(--muted,#6b7280);padding-left:.8rem}.creative-winner{border-left:4px solid var(--success,#238636);padding-left:.8rem}@media(max-width:760px){.creative-concept-card dl,.creative-conference details dl{grid-template-columns:minmax(0,1fr)}}
.conference-comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:1rem}.conference-comparison-grid>article{min-width:0;border:1px solid var(--atlas-border);border-radius:12px;padding:1rem;overflow-wrap:anywhere}
.prompt-designer-conference,.prompt-designer-conference *,.prompt-strategy-card{min-width:0;box-sizing:border-box}.prompt-designer-identity,.prompt-design-contract{display:grid;grid-template-columns:minmax(10rem,.38fr) minmax(0,1fr);gap:.4rem .8rem}.prompt-designer-identity dd,.prompt-design-contract dd{margin:0;overflow-wrap:anywhere}.prompt-strategy-list{display:grid;gap:1rem;margin-top:1rem}.prompt-strategy-card{border:1px solid var(--atlas-border);border-radius:14px;padding:1rem;overflow-wrap:anywhere}.prompt-strategy-card--winner{border:2px solid var(--success,#238636)}.visual-design-specification{border-left:4px solid var(--primary,#2563eb);padding-left:.8rem}.serialized-prompt pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;max-height:26rem;overflow:auto}.prompt-designer-conference .technical-value{overflow-wrap:anywhere;word-break:break-word}.prompt-history{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.prompt-history article{display:grid;gap:.25rem;padding:.75rem;border:1px solid var(--atlas-border);border-radius:.65rem;min-width:0}.prompt-history-current{border-color:var(--success,#238636);background:rgba(35,134,54,.08)}.semantic-consistency{margin-block:1rem;padding:1rem;border:1px solid var(--atlas-border);border-radius:.75rem;min-width:0}@media(max-width:760px){.prompt-designer-identity,.prompt-design-contract{grid-template-columns:minmax(0,1fr)}.prompt-strategy-card{padding:.75rem}.prompt-history{grid-template-columns:minmax(0,1fr)}}
.character-reference-preview{margin:1rem 0;max-width:28rem}.character-reference-preview img{display:block;width:100%;height:auto;max-width:100%;border-radius:.75rem;border:1px solid var(--border-color,#d7dce3)}.character-reference-preview figcaption{margin-top:.5rem;overflow-wrap:anywhere}.technical-value{overflow-wrap:anywhere;word-break:break-word}
.production-asset-qa,.production-asset-qa *{min-width:0;box-sizing:border-box}.qa-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}.qa-comparison figure{margin:0}.qa-comparison img{display:block;width:100%;max-height:70vh;object-fit:contain;background:#111;border-radius:.75rem}.qa-comparison figcaption{margin-top:.5rem;overflow-wrap:anywhere}.qa-overlay-stage{position:relative;width:100%}.qa-crop-overlay{position:absolute;inset:0;pointer-events:none;border:2px solid #24d17e}.qa-crop-overlay .reserve,.qa-crop-overlay .text-safe,.qa-crop-overlay .ui-zone{position:absolute;display:block}.qa-crop-overlay .reserve{top:0;bottom:0;width:7.8125%;background:rgba(255,170,0,.3)}.qa-crop-overlay .reserve-left{left:0}.qa-crop-overlay .reserve-right{right:0}.qa-crop-overlay .text-safe{left:11.1875%;top:15%;width:30.375%;height:22%;border:2px dashed #fff;background:rgba(30,90,220,.2);color:#fff;padding:.3rem;font-size:.72rem}.qa-crop-overlay .ui-zone{background:rgba(220,30,50,.18)}.qa-crop-overlay .ui-top{left:7.8125%;right:7.8125%;top:0;height:10%}.qa-crop-overlay .ui-bottom{left:7.8125%;right:7.8125%;bottom:0;height:12%}.qa-crop-overlay .ui-right{right:7.8125%;top:10%;bottom:12%;width:10.125%}@media(max-width:760px){.qa-comparison{grid-template-columns:minmax(0,1fr)}.production-asset-qa{overflow-x:hidden;padding:clamp(12px,4vw,18px)}.production-asset-qa .ui-button{width:100%;white-space:normal}}
.production-reference-control,.production-reference-control *{min-width:0;box-sizing:border-box}.reference-control-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.reference-control-images figure{margin:0}.reference-control-images img{display:block;width:100%;max-height:32rem;object-fit:contain;background:#111;border-radius:.75rem}.reference-control-images .identity-transparent-preview{background-color:#f4f4f4;background-image:linear-gradient(45deg,#d8d8d8 25%,transparent 25%),linear-gradient(-45deg,#d8d8d8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d8d8d8 75%),linear-gradient(-45deg,transparent 75%,#d8d8d8 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.reference-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-block:1rem}.reference-role-grid article{padding:1rem;border:1px solid var(--atlas-border);border-radius:.75rem;overflow-wrap:anywhere}@media(max-width:760px){.reference-control-images,.reference-role-grid{grid-template-columns:minmax(0,1fr)}.production-reference-control{overflow-x:hidden;padding:clamp(12px,4vw,18px)}}
.layout-reference-visualization{width:min(100%,34rem);margin:1rem auto;overflow:hidden;border:1px solid var(--atlas-border);border-radius:.75rem;background:#fff}.layout-reference-visualization svg{display:block;width:100%;height:auto;max-height:76vh}.reference-transfer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.reference-unavailable{display:grid;place-items:center;min-height:12rem;background:#f3f5f8;border-radius:.75rem}.production-reference-control dl,.production-reference-control dd{min-width:0}.production-reference-control dd{overflow-wrap:anywhere;word-break:break-word}@media(max-width:760px){.reference-transfer-grid{grid-template-columns:minmax(0,1fr)}.layout-reference-visualization{width:100%;max-width:100%}.production-reference-control table{display:block;width:100%;overflow-x:auto}}
.cardinality-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.6rem}.cardinality-grid>div{padding:.65rem;border:1px solid var(--atlas-border);border-radius:.55rem}.cardinality-grid dd{margin:0;font-weight:700}@media(max-width:760px){.cardinality-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width: 624px) {
    .production-reference-control,
    .production-reference-control article,
    .production-reference-control details,
    .production-reference-control pre {
        min-width: 0;
        max-width: 100%;
    }
    .production-reference-control .reference-role-grid,
    .production-reference-control .provider-transparency {
        grid-template-columns: minmax(0, 1fr);
    }
    .production-reference-control .technical-value,
    .production-reference-control pre,
    .production-reference-control dd {
        overflow-wrap: anywhere;
        white-space: pre-wrap;
    }
}