/* Shared spacing rules for Studio, Talent and public recruitment. */
.main,.network-shell,.creator-public{min-width:0}
.intro,.daily-hero,.network-hero{gap:24px}
dialog{scrollbar-gutter:stable;overscroll-behavior:contain;padding:32px;max-height:calc(100dvh - 40px)}
dialog h2{line-height:1.15;letter-spacing:-.035em;overflow-wrap:anywhere}
dialog h3{line-height:1.25;margin:24px 0 12px}
dialog p{line-height:1.65}
dialog .actions{gap:12px;flex-wrap:wrap;margin-top:24px}
dialog .button{white-space:normal;max-width:100%}
dialog label{line-height:1.5}
dialog form>label+label{margin-top:20px}
dialog .close{min-height:40px;min-width:40px}
.creator-services .check{min-height:48px}
@media(max-width:700px){
  .main{padding:28px 18px 40px}
  .sidebar{padding:20px 18px 16px}
  .topbar{padding:14px 18px;gap:12px;flex-wrap:wrap}
  .topbar>div{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%}
  .topbar select{max-width:46vw;min-width:0}
  .intro{text-align:center;margin-bottom:28px}
  .intro>div{width:100%}
  .intro p{max-width:36ch;margin-left:auto;margin-right:auto;line-height:1.65}
  .intro .actions{justify-content:center;flex-wrap:wrap}
  .intro>button{margin-left:auto;margin-right:auto}
  .main h1{font-size:clamp(30px,8vw,42px);line-height:1.12;letter-spacing:-.04em}
  .daily-hero{text-align:center;padding:26px 20px}
  .daily-hero p{margin-left:auto;margin-right:auto}
  .daily-hero .actions{justify-content:center;flex-wrap:wrap}
  .card,.panel,.daily-panel{min-width:0}
  .row,.section-head{gap:12px;flex-wrap:wrap}
  .button{min-height:44px}
  .nav{scroll-padding:16px;gap:6px}
  .nav button{min-height:44px;padding:10px 12px}
  dialog{padding:24px 20px;border-radius:22px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}
  dialog h2{font-size:26px;margin-top:8px;margin-bottom:20px;padding-right:0}
  dialog .two,dialog .form-grid,dialog .workspace-facts{grid-template-columns:minmax(0,1fr)}
  dialog .actions>.button{flex:1 1 130px}
  dialog input:not([type=checkbox]),dialog textarea,dialog select{font-size:16px}
  .network-shell{padding:24px 18px 40px}
  .network-hero{text-align:center}
  .network-hero p{margin-left:auto;margin-right:auto;line-height:1.65}
  .network-hero .actions{justify-content:center}
  .network-header{gap:16px;flex-wrap:wrap}
  .network-header nav{max-width:100%;gap:8px}
  .creator-public{padding:0 18px;gap:28px;margin-bottom:36px}
  .creator-intro{text-align:center}
  .creator-intro h1{font-size:clamp(38px,10vw,52px);letter-spacing:-.045em;margin:22px 0}
  .creator-intro>p{margin-left:auto;margin-right:auto;font-size:15px;line-height:1.65}
  .creator-promises{justify-content:center;gap:8px;margin:24px 0 16px}
  .creator-promises span{font-size:11px;padding:9px 11px}
  .creator-public-header{padding:22px 18px}
  .creator-public-header img{width:140px}
  .creator-public-header .button{font-size:11px}
  .creator-application{padding:24px 20px;border-radius:22px}
  .creator-application h2{font-size:27px;line-height:1.12}
  .creator-kinds button{padding:18px 14px;gap:10px}
  .creator-services .check{padding:12px 10px;font-size:12px}
  .creator-application input:not([type=checkbox]),.creator-application select,.creator-application textarea{font-size:16px}
  .creator-application .actions .button{flex:1}
}

@media(max-width:700px){.sidebar .workspace-logo{display:block;margin:0 auto}.sidebar .nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;gap:4px;margin-top:16px}.sidebar .nav button{display:flex;flex-direction:column;justify-content:center;padding:10px 2px;font-size:10px;gap:7px;min-width:0}.sidebar .nav svg{width:16px;height:16px}.topbar>span{font-size:8px}.daily-hero .actions>small{flex-basis:100%;margin-top:8px}.coordinator-work .row>div{flex-basis:100%}.coordinator-work .row>button{margin-top:0}.section-title{gap:12px;flex-wrap:wrap}.section-title>span{font-size:9px}.workspace-tabs{gap:8px;flex-wrap:wrap}.workspace-tabs button{min-height:44px}}

@media(max-width:700px){.linked-hero{align-items:center;text-align:center}.linked-hero>div{width:100%}.linked-hero .button{align-self:center}.linked-section-heading{text-align:center}.linked-control>div:first-child{text-align:center}}
/* Shared Contact-style menus: top-layer options also work inside dialogs. */
.queue-picker{display:block;position:relative;min-width:0;width:100%}
.queue-picker-native{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;padding:0!important;min-height:0!important}
button.queue-picker-trigger{display:flex;width:100%;min-height:48px;align-items:center;justify-content:space-between;gap:14px;text-align:left;padding:13px 16px;border:1px solid #ffffff22;border-radius:12px;background:linear-gradient(135deg,#ffffff0e,#ffffff05);color:#ded8d1;font:inherit;font-size:14px;line-height:1.4;box-shadow:inset 0 1px 0 #ffffff09;cursor:pointer}
.queue-picker-trigger:after{content:"";flex-shrink:0;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-right:3px;opacity:.65}
.queue-picker-trigger:focus-visible,.queue-picker-trigger[aria-expanded=true]{outline:2px solid #d7673633;outline-offset:2px;border-color:#d7673699}
.queue-picker-trigger:disabled{opacity:.5;cursor:not-allowed}
.queue-picker-trigger[aria-invalid=true]{border-color:#d77969}
.queue-picker-menu{position:absolute;inset:auto 0;top:calc(100% + 8px);padding:7px;margin:0;border:1px solid #ffffff20;border-radius:15px;background:#211d1af5;color:#ded8d1;box-shadow:0 20px 60px #0008;backdrop-filter:blur(18px);max-height:290px;overflow:auto;overscroll-behavior:contain;z-index:1000}
.queue-picker-menu[popover]{position:fixed;inset:auto;margin:0;box-sizing:border-box}
.queue-picker-menu[hidden]{display:none!important}
button.queue-picker-option{display:block;width:100%;min-height:44px;text-align:left;padding:12px;border:0;border-radius:9px;background:transparent;color:#cfc8c1;font:inherit;font-size:13px;line-height:1.4;cursor:pointer;white-space:normal;box-shadow:none}
.queue-picker-option:hover,.queue-picker-option:focus-visible{background:#ffffff09;color:#fff;outline:0}
.queue-picker-option[aria-selected=true]{background:#c956221b;color:#f0b18e}
.queue-picker-option:disabled{opacity:.4;cursor:not-allowed}
.queue-picker-option[hidden]{display:none!important}
:root[data-workspace=team] .queue-picker-trigger:focus-visible,:root[data-workspace=team] .queue-picker-trigger[aria-expanded=true]{outline-color:#5097e733;border-color:#5097e799}
:root[data-workspace=team] .queue-picker-menu{background:#171e2bf5}
:root[data-workspace=team] .queue-picker-option[aria-selected=true]{background:#6299ff1b;color:#b3d0ff}
@media(max-width:600px){button.queue-picker-trigger{font-size:16px;min-height:48px}}

/* Account settings: profile first, clear groups, resilient action spacing. */
.account-settings{display:grid;gap:32px}
.account-settings>section{min-width:0}
.account-settings .section-title{margin:0 0 18px}
.account-settings .card{margin-bottom:20px}
.account-settings .two>.card{margin-bottom:0}
.account-security-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}
.account-security-actions .button{min-height:44px}
@media(max-width:700px){.account-settings .two{grid-template-columns:minmax(0,1fr)}.account-settings .settings-row{align-items:flex-start;flex-wrap:wrap;gap:12px}.account-security-actions .button{flex:1 1 180px;text-align:center}.account-settings{gap:24px}}

/* Project review keeps the work, not instructions, at the center. */
.project-hub-dialog .project-next{margin:18px 0;padding:20px 24px;border-radius:18px}
.project-hub-dialog .project-next h3{font-size:clamp(22px,3vw,28px);margin:8px 0;line-height:1.2}
.project-hub-dialog .project-next p{margin:8px 0 0;max-width:62ch}
.project-hub-dialog .project-next .button{margin-top:16px}
.project-hub-dialog .hub-content{border-color:color-mix(in srgb,var(--accent) 28%,var(--line))}
@media(max-width:600px){.project-hub-dialog .project-next{padding:18px}.project-hub-dialog .hub-content>.actions{display:flex;gap:10px}.project-hub-dialog .hub-content>.actions>button{flex:1 1 150px;min-height:44px}}

/* Keep supporting workspace context available without crowding updates. */
.updates-context{margin-top:24px}.updates-context>summary{cursor:pointer;font-weight:600;list-style-position:inside}.updates-context[open]>summary{margin-bottom:20px}.updates-context .two>.card{background:transparent;border:0;box-shadow:none;padding:0}.updates-context .two{gap:28px}

@media(max-width:700px){.sidebar .nav:has([data-action="your-brands"]){grid-template-columns:repeat(3,minmax(0,1fr))}.sidebar .nav:has([data-action="your-brands"]) button{white-space:nowrap;min-height:60px;font-size:10px;line-height:1.3}}
.project-hub-dialog form[data-form="upload"]{padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.025);margin:24px 0}.project-hub-dialog form[data-form="upload"] h3{margin:0 0 20px;font-size:21px}.project-hub-dialog #file{display:block;width:100%;min-width:0;box-sizing:border-box;padding:14px;border:1px dashed rgba(255,255,255,.22);border-radius:12px;background:rgba(0,0,0,.18);font:inherit;font-size:12px;color:var(--muted)}.project-hub-dialog #file::file-selector-button{padding:10px 14px;margin-right:12px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(255,255,255,.07);color:var(--text);font:inherit;cursor:pointer}.project-hub-dialog #file:hover{border-color:rgba(255,255,255,.4)}.project-hub-dialog #file:focus-visible{outline:2px solid var(--accent-light);outline-offset:3px}.project-upload-note{font-size:13px;line-height:1.6;color:var(--muted);margin:16px 0}.project-upload-help{font-size:12px;color:var(--muted);margin:12px 0}.project-upload-help summary{cursor:pointer;padding:6px 0}.project-upload-help p{line-height:1.6;margin:8px 0}@media(max-width:600px){.project-hub-dialog form[data-form="upload"]{padding:18px}.project-hub-dialog #file{padding:10px}.project-hub-dialog #file::file-selector-button{margin-right:8px;padding:10px}}

#publishing-station[data-has-content="true"] .station-drop{min-height:96px;padding:16px;gap:6px}#publishing-station[data-has-content="true"] .station-drop-icon{display:none}#publishing-station[data-has-content="true"] .station-drop strong{font-size:16px}#publishing-station[data-has-content="true"] .station-drop small{font-size:11px}.station-file-status{margin:12px 0 18px;line-height:1.6}

.station-discard-confirmation{margin:18px 0;padding:20px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035)}.station-discard-confirmation h3{margin:0 0 10px;font-size:18px}.station-discard-confirmation p{font-size:13px;line-height:1.6;color:var(--muted)}.station-discard-confirmation .actions{display:flex;gap:10px;flex-wrap:wrap}.station-discard-confirmation button{min-height:44px}

.performance .results-empty .actions { justify-content: center; margin-top: 24px; }

.brand-profile-help { line-height:1.65; margin-bottom:20px; }
.brand-profile-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.brand-profile-field { min-width:0; }
.brand-profile-field.wide { grid-column:1 / -1; }
.brand-profile-fields textarea { min-height:88px; resize:vertical; }
@media(max-width:600px) { .brand-profile-fields { grid-template-columns:1fr; } }
.brand-profile-field > label { display:block; margin:0 0 8px; }
.brand-profile-field > input, .brand-profile-field > textarea { margin:0; width:100%; }

.daily-suggestions{margin-top:24px}.daily-suggestions>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:12px;font-weight:600;list-style:none}.daily-suggestions>summary::before{content:"+";color:var(--muted)}.daily-suggestions[open]>summary::before{content:"−"}.daily-suggestions>summary span{margin-left:auto;font-size:12px;color:var(--muted)}.daily-suggestions>summary:focus-visible{outline:2px solid var(--accent-light);outline-offset:6px;border-radius:6px}.daily-suggestions[open]>summary{margin-bottom:16px}

.daily-columns .daily-panel>.empty{padding:24px}.daily-hero h1{font-size:clamp(30px,3.2vw,48px);line-height:1.12}.daily-hero{padding:28px 32px}.daily-hero .eyebrow{margin-bottom:16px}@media(max-width:600px){.daily-hero{padding:24px}.daily-columns .daily-panel>.empty{padding:20px}}

#station-calendar{margin:24px 0;padding-top:20px;border-top:1px solid var(--line)}#station-calendar>p{font-size:13px;line-height:1.6;color:var(--muted)}.station-calendar-row{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-top:12px;padding:20px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.station-calendar-row>p{margin:0;line-height:1.6;overflow-wrap:anywhere}.station-calendar-row>span{font-size:13px;color:var(--muted)}.station-calendar-row>small{color:var(--accent-light)}.station-calendar-row>.actions{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px}.station-calendar-row button{min-height:44px}@media(max-width:600px){.station-calendar-row{padding:16px}.station-calendar-row>.actions>button{flex:1 1 150px}}

/* Give script writing priority within the editor dialog. */
dialog:has(form[data-form="content-script"])>.note{padding:12px 16px;margin:14px 0}
dialog:has(form[data-form="content-script"])>.note p{margin:6px 0 0}
dialog:has(form[data-form="content-script"]) .ai-editor-entry{padding:8px 0;margin:8px 0 16px;gap:12px}
dialog:has(form[data-form="content-script"]) .ai-editor-entry small{font-size:12px;line-height:1.5}
dialog form[data-form="content-script"]{margin:0}
dialog form[data-form="content-script"] textarea[name="script"]{min-height:180px;line-height:1.65;resize:vertical}
dialog form[data-form="content-script"] textarea[name="caption"]{min-height:90px;line-height:1.6;resize:vertical}
dialog:has(form[data-form="content-script"])>.actions:empty{display:none}
dialog:has(form[data-form="content-script"])>small{display:block;margin-top:16px;line-height:1.6}
@media(max-width:600px){dialog:has(form[data-form="content-script"]) .ai-editor-entry{align-items:flex-start;gap:8px}dialog:has(form[data-form="content-script"]) .ai-editor-entry small{flex-basis:100%}dialog form[data-form="content-script"] textarea[name="script"]{min-height:160px}}

/* A focused inbox: new work first, history available on demand. */
.notification-list{padding:0 24px}.notification-item{padding:24px 0;min-width:0}.notification-item+.notification-item{border-top:1px solid var(--line)}.notification-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:11px;line-height:1.5}.notification-meta time{margin-left:auto}.notification-new{color:var(--accent-light);font-weight:600}.notification-item h3{font-size:17px;line-height:1.4;margin:10px 0 8px;overflow-wrap:anywhere}.notification-item p{font-size:13px;line-height:1.7;color:var(--muted);white-space:pre-line;overflow-wrap:anywhere;margin:0}.notification-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:16px}.notification-controls{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap}.notification-controls button{background:transparent;border-color:transparent;color:var(--muted);font-size:12px;padding:10px 12px}.notification-controls button:hover{color:var(--text);border-color:var(--line)}.notification-history{margin-top:24px}.notification-history summary{cursor:pointer;padding:14px 0;font-size:14px;color:var(--muted)}.notification-history summary span{margin-left:8px;font-size:12px}.notification-history[open] summary{margin-bottom:8px}@media(max-width:600px){.notification-list{padding:0 18px}.notification-item{padding:20px 0}.notification-meta{gap:8px}.notification-meta time{margin-left:0}.notification-actions{align-items:stretch}.notification-actions>.button{width:100%;text-align:center}.notification-controls{margin-left:0;width:100%;justify-content:flex-end}}