.modal.composerModal{width:min(1180px,96vw);max-height:94vh;padding:0;overflow:hidden}.composerShell{display:grid;grid-template-rows:auto auto 1fr auto;max-height:94vh}.composerHeader{display:flex;align-items:center;justify-content:space-between;padding:22px 26px;border-bottom:1px solid var(--line)}.composerHeader h2{margin:0;font:700 21px Montserrat}.composerHeader p{margin:5px 0 0;color:var(--muted);font-size:11px}.composerClose{width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:transparent;color:inherit;font-size:22px;cursor:pointer}.composerSteps{display:flex;gap:6px;padding:12px 22px;border-bottom:1px solid var(--line);overflow:auto}.composerStep{white-space:nowrap;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--muted);padding:8px 11px;font-size:10px;font-weight:800;cursor:pointer}.composerStep.active{background:color-mix(in srgb,var(--purple) 18%,transparent);border-color:color-mix(in srgb,var(--purple) 45%,transparent);color:var(--text,#fff)}.composerBody{overflow:auto;padding:24px 26px}.composerPane{display:none}.composerPane.active{display:block}.composerPane h3{margin:0 0 5px;font:700 18px Montserrat}.composerLead{margin:0 0 20px;color:var(--muted);font-size:12px}.composerGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.composerGrid .full{grid-column:1/-1}.composerField{display:grid;gap:7px}.composerField>span,.composerLabel{font-size:10px;font-weight:800;color:var(--muted);letter-spacing:.5px;text-transform:uppercase}.composerField input,.composerField textarea,.composerField select,.ruleForm input,.ruleForm select{width:100%;border:1px solid var(--line);background:var(--input-bg,#ffffff06);color:inherit;border-radius:10px;padding:11px;outline:none}.composerField textarea{min-height:120px;resize:vertical}.composerField input:focus,.composerField textarea:focus,.composerField select:focus{border-color:var(--purple)}.clientSearch{margin-bottom:12px}.clientPicker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.clientOption{display:grid;grid-template-columns:auto 42px 1fr;gap:10px;align-items:center;border:1px solid var(--line);border-radius:13px;padding:12px;background:var(--card,#ffffff05);cursor:pointer}.clientOption:has(input:checked){border-color:var(--purple);background:color-mix(in srgb,var(--purple) 12%,transparent)}.clientOption input{accent-color:var(--purple)}.clientMark{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,var(--purple),#0b4f47);font-weight:900}.clientOption b{display:block;font-size:12px}.clientOption small{color:var(--muted)}.clientMeta{grid-column:2/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px}.clientMeta input{padding:9px;border:1px solid var(--line);border-radius:8px;background:transparent;color:inherit}.channelPicker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.channelOption{position:relative;display:grid;gap:7px;border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--card,#ffffff05);cursor:pointer}.channelOption:has(input:checked){border-color:var(--purple);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--purple) 35%,transparent)}.channelOption input{position:absolute;right:12px;top:12px;accent-color:var(--purple)}.channelOption b{font-size:12px}.channelOption small{color:var(--orange);font-size:9px}.channelIcon{font-size:20px}.composerNotice,.validationSummary{border:1px solid color-mix(in srgb,var(--orange) 38%,transparent);background:color-mix(in srgb,var(--orange) 9%,transparent);border-radius:12px;padding:12px;color:var(--orange);font-size:11px;line-height:1.5;margin:14px 0}.captionTools{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:7px}.captionTools button{border:1px solid var(--line);background:transparent;color:inherit;border-radius:8px;padding:6px 9px;cursor:pointer}.charCounter{text-align:right;color:var(--muted);font-size:10px;margin-top:-3px}.charCounter.over{color:var(--red);font-weight:800}.variantGrid{display:grid;gap:10px;margin-top:14px}.variantCard{border:1px solid var(--line);border-radius:12px;padding:12px}.variantCard b{font-size:11px}.variantCard textarea{width:100%;min-height:80px;margin-top:8px;border:1px solid var(--line);background:transparent;color:inherit;border-radius:9px;padding:10px}.mediaDrop{display:grid;place-items:center;min-height:145px;border:1px dashed color-mix(in srgb,var(--purple) 60%,var(--line));border-radius:15px;background:color-mix(in srgb,var(--purple) 6%,transparent);text-align:center;cursor:pointer}.mediaDrop.dragging{border-color:var(--cyan);background:color-mix(in srgb,var(--cyan) 10%,transparent)}.mediaDrop input{display:none}.mediaDrop b{font-size:13px}.mediaDrop small{display:block;color:var(--muted);margin-top:7px}.mediaList{display:grid;gap:10px;margin-top:14px}.mediaItem{display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:13px;padding:10px}.mediaPreview{width:72px;height:72px;border-radius:10px;background:#08090b;display:grid;place-items:center;overflow:hidden;color:var(--muted);font-size:10px;text-align:center}.mediaPreview img,.mediaPreview video{width:100%;height:100%;object-fit:cover}.mediaInfo b{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis}.mediaInfo small{color:var(--muted)}.mediaConfig{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.mediaConfig input,.mediaConfig select{min-width:0;border:1px solid var(--line);background:transparent;color:inherit;border-radius:7px;padding:7px;font-size:10px}.mediaActions{display:grid;gap:5px}.mediaActions button{border:1px solid var(--line);background:transparent;color:inherit;border-radius:7px;width:31px;height:28px;cursor:pointer}.scheduleList{display:grid;gap:10px}.scheduleRow{display:grid;grid-template-columns:1fr 1fr 1.2fr auto auto;gap:8px;align-items:end;border:1px solid var(--line);border-radius:12px;padding:12px}.scheduleRow input,.scheduleRow select{width:100%;border:1px solid var(--line);background:transparent;color:inherit;border-radius:8px;padding:9px}.bestTimeBox{border:1px solid color-mix(in srgb,var(--cyan) 30%,var(--line));background:color-mix(in srgb,var(--cyan) 7%,transparent);border-radius:13px;padding:14px;margin-top:15px}.bestTimeBox b{font-size:12px}.bestTimeBox p{font-size:11px;color:var(--muted);margin:6px 0}.previewGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.networkPreview{border:1px solid var(--line);border-radius:15px;background:var(--card,#ffffff05);overflow:hidden}.networkPreview header{display:flex;justify-content:space-between;padding:12px;font-size:11px;font-weight:800}.networkPreviewMedia{aspect-ratio:1/1;background:#08090b;display:grid;place-items:center;color:var(--muted);overflow:hidden}.networkPreviewMedia img,.networkPreviewMedia video{width:100%;height:100%;object-fit:cover}.networkPreview p{padding:12px;margin:0;font-size:10px;line-height:1.5;white-space:pre-wrap}.advancedPanel{margin-top:14px;border:1px solid var(--line);border-radius:13px;padding:14px}.advancedPanel summary{cursor:pointer;font-weight:800;font-size:12px}.advancedGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:14px}.checkLine{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.checkLine input{accent-color:var(--purple)}.composerFooter{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 22px;border-top:1px solid var(--line);background:var(--panel,#111317)}.composerNav{display:flex;gap:8px}.composerFinalActions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.composerFooter button{white-space:nowrap}.workflowSettings{grid-column:1/-1}.workflowActions{display:flex;gap:9px;flex-wrap:wrap}.workflowModal{width:min(860px,94vw)}.workflowToggleGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:16px 0}.workflowToggle{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;padding:10px;font-size:11px}.workflowToggle input{accent-color:var(--purple)}.weekdayPicker,.eventPicker{display:flex;flex-wrap:wrap;gap:7px}.weekdayPicker label,.eventPicker label{border:1px solid var(--line);border-radius:8px;padding:7px 9px;font-size:10px}.ruleList{display:grid;gap:10px;margin-top:14px}.ruleItem,.notificationItem{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:12px;padding:13px}.ruleItem small,.notificationItem small{display:block;color:var(--muted);margin-top:4px}.ruleActions{display:flex;gap:5px;align-items:center}.notificationBadge{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:var(--red);color:white;font-size:9px;font-weight:900}.approvalHistory{display:grid;gap:8px;margin-top:12px}.approvalHistoryItem{border-left:3px solid var(--purple);padding:8px 10px;background:var(--card,#ffffff05);border-radius:0 9px 9px 0}.approvalHistoryItem small{color:var(--muted)}
@media(max-width:850px){.modal.composerModal{width:100vw;max-height:100vh;height:100vh;border-radius:0}.composerShell{max-height:100vh;height:100vh}.composerGrid,.clientPicker,.advancedGrid{grid-template-columns:1fr}.channelPicker,.previewGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.scheduleRow{grid-template-columns:1fr 1fr}.scheduleRow .scheduleZone{grid-column:1/-1}.composerFooter{align-items:stretch;flex-direction:column}.composerFinalActions{justify-content:flex-start;overflow:auto;flex-wrap:nowrap}.workflowToggleGrid{grid-template-columns:1fr}}
@media(max-width:520px){.channelPicker,.previewGrid{grid-template-columns:1fr}.mediaItem{grid-template-columns:58px 1fr}.mediaPreview{width:58px;height:58px}.mediaActions{grid-column:1/-1;display:flex}.scheduleRow{grid-template-columns:1fr}.scheduleRow .scheduleZone{grid-column:auto}}
.channelOption.connected small{color:var(--green)}.composerNotice.ok{border-color:color-mix(in srgb,var(--green) 45%,transparent);background:color-mix(in srgb,var(--green) 10%,transparent);color:var(--green)}
.clientActions{flex-wrap:wrap}.clientActions .metaLinked{border-color:#65e2d066;color:#65e2d0}.clientSocialEdit{padding:14px;border:1px solid var(--line);border-radius:12px;background:#65e2d008}.fieldHelp{display:block;margin-top:7px;color:#8f96a3;font-size:10px}.clientMetaPanel,.clientMetaPicker{display:grid;gap:14px}.clientMetaPanel>p,.clientMetaPicker>p{margin:0;color:#a4a9b3;font-size:12px;line-height:1.55}.metaMode{display:flex;align-items:flex-start;gap:12px;padding:15px;border:1px solid var(--line);border-radius:13px;background:#ffffff05;cursor:pointer}.metaMode:has(input:checked){border-color:#22bfa888;background:#22bfa810}.metaMode input{margin-top:3px;accent-color:#22bfa8}.metaMode span{display:grid;gap:5px}.metaMode b{font-size:13px}.metaMode small{color:#9298a4;font-size:10px;line-height:1.45}.metaRequirement{padding:11px 13px;border-left:3px solid #65e2d0;background:#65e2d00b}.metaCurrent{display:grid;gap:5px;padding:14px;border:1px solid #65e2d055;border-radius:13px;background:#65e2d00b}.metaCurrent span{color:#65e2d0;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.7px}.metaCurrent b{font-size:13px}.clientMetaActions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.metaAccountOption{display:grid;gap:5px;width:100%;padding:14px;text-align:left;border:1px solid var(--line);border-radius:12px;background:#ffffff05;color:var(--text);cursor:pointer}.metaAccountOption:hover{border-color:#22bfa888;background:#22bfa810}.metaAccountOption b{font-size:12px}.metaAccountOption small{color:#9298a4;font-size:9px}

/* Una scheduler composer */
body:not(.publicApproval) .modal.composerModal{width:min(1120px,96vw);background:var(--panel,#111317);color:var(--text,#f7f8ff);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 70px #0008}
.composerOnePage{display:grid;grid-template-rows:auto 1fr auto;max-height:92vh;background:var(--panel,#111317)}
.composerOnePage .composerHeader{padding:18px 24px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--purple) 16%,transparent),transparent)}.composerOnePage .composerHeader h2{color:var(--text,#f7f8ff)}.composerOnePage .composerHeader p{color:var(--muted)}
.composerOnePage .composerSteps,.composerOnePage .composerNav{display:none}
.composerOnePage .composerBody{display:grid;grid-template-columns:340px minmax(330px,1fr) 280px;grid-template-areas:"profiles channels preview" "text media preview" "text schedule preview";gap:18px;overflow:auto;padding:20px 24px;background:var(--bg,#090a0c)}
.composerOnePage .composerPane{display:block!important;background:var(--card,#ffffff05);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 10px 30px #0002}
.composerOnePage [data-pane="0"]{grid-area:profiles}.composerOnePage [data-pane="1"]{grid-area:channels}.composerOnePage [data-pane="2"]{grid-area:text}.composerOnePage [data-pane="3"]{grid-area:media}.composerOnePage [data-pane="4"]{grid-area:schedule}.composerOnePage [data-pane="5"]{grid-area:preview;background:color-mix(in srgb,var(--purple) 7%,var(--card,#ffffff05))}
.composerOnePage .composerPane h3{font-size:14px;color:var(--text,#f7f8ff)}.composerOnePage .composerLead{font-size:11px;color:var(--muted);margin-bottom:14px}
.composerOnePage .clientPicker,.composerOnePage .channelPicker,.composerOnePage .previewGrid{grid-template-columns:1fr}.composerOnePage .clientOption,.composerOnePage .channelOption,.composerOnePage .mediaItem,.composerOnePage .variantCard{background:color-mix(in srgb,var(--panel,#111317) 82%,transparent);border-color:var(--line)}
.composerOnePage .clientOption:has(input:checked),.composerOnePage .channelOption:has(input:checked){border-color:var(--purple);box-shadow:0 0 0 2px color-mix(in srgb,var(--purple) 18%,transparent);background:color-mix(in srgb,var(--purple) 11%,transparent)}
.composerOnePage .clientMark{background:linear-gradient(135deg,var(--purple),var(--cyan));color:#fff}.composerOnePage .clientMeta{grid-column:1/-1}
.composerOnePage .channelOption small{color:var(--cyan)}.composerOnePage .channelOption.connected small{color:var(--green)}.composerOnePage .channelIcon{color:var(--purple)}
.composerOnePage .composerField input,.composerOnePage .composerField textarea,.composerOnePage .composerField select,.composerOnePage .mediaConfig input,.composerOnePage .mediaConfig select,.composerOnePage .scheduleRow input,.composerOnePage .scheduleRow select{background:var(--input-bg,#ffffff06);color:inherit;border-color:var(--line)}
.composerOnePage .composerField textarea[name="caption"]{min-height:240px}.composerOnePage .mediaDrop{background:color-mix(in srgb,var(--purple) 7%,transparent);border-color:color-mix(in srgb,var(--purple) 55%,var(--line));color:inherit}.composerOnePage .mediaPreview,.composerOnePage .networkPreviewMedia{background:#08090b}
.composerOnePage .composerNotice,.composerOnePage .validationSummary{background:color-mix(in srgb,var(--purple) 10%,transparent);border-color:color-mix(in srgb,var(--purple) 42%,var(--line));color:var(--cyan)}.composerOnePage .composerNotice.ok{background:color-mix(in srgb,var(--green) 10%,transparent);border-color:color-mix(in srgb,var(--green) 45%,transparent);color:var(--green)}
.clientAssetBank{display:grid;gap:9px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--cyan) 6%,transparent);padding:12px;margin:12px 0}.clientAssetBank b{font-size:12px;color:var(--text,#f7f8ff)}.clientAssetBank p{margin:0;color:var(--muted);font-size:11px}.assetChips{display:flex;flex-wrap:wrap;gap:7px}.assetChips button{border:1px solid color-mix(in srgb,var(--cyan) 38%,var(--line));background:color-mix(in srgb,var(--cyan) 9%,transparent);color:var(--cyan);border-radius:999px;padding:7px 10px;font-size:11px;cursor:pointer}.assetChips span{font-size:11px;color:var(--muted)}
.composerOnePage .composerFooter{background:var(--panel,#111317);border-top:1px solid var(--line)}.composerOnePage .composerFinalActions{margin-left:auto}.composerOnePage .composerFooter .primary{background:linear-gradient(135deg,var(--purple),#137f70);border-color:color-mix(in srgb,var(--purple) 70%,var(--line))}.composerOnePage .composerFooter .secondary{background:transparent;color:inherit;border-color:var(--line)}
@media(max-width:980px){.composerOnePage .composerBody{grid-template-columns:1fr;grid-template-areas:"profiles" "channels" "text" "media" "schedule" "preview"}}

/* Premium UNA app finish */
html[data-theme="black-purple"] .modal.composerModal,html[data-theme="black-aqua"] .modal.composerModal{background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.035))!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 30px 90px rgba(2,0,10,.72)!important}
html[data-theme="black-purple"] .composerOnePage,html[data-theme="black-aqua"] .composerOnePage{background:#050316!important}
html[data-theme="black-purple"] .composerOnePage .composerHeader,html[data-theme="black-aqua"] .composerOnePage .composerHeader{background:linear-gradient(135deg,rgba(110,27,255,.24),rgba(0,230,184,.08))!important;border-bottom:1px solid rgba(255,255,255,.10)}
html[data-theme="black-purple"] .composerOnePage .composerBody,html[data-theme="black-aqua"] .composerOnePage .composerBody{background:#050316!important}
html[data-theme="black-purple"] .composerOnePage .composerPane,html[data-theme="black-aqua"] .composerOnePage .composerPane{background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.035))!important;border-color:rgba(255,255,255,.11)!important;border-radius:16px;box-shadow:inset 0 1px rgba(255,255,255,.07)}
html[data-theme="black-purple"] .composerOnePage .clientOption:has(input:checked),html[data-theme="black-purple"] .composerOnePage .channelOption:has(input:checked),html[data-theme="black-aqua"] .composerOnePage .clientOption:has(input:checked),html[data-theme="black-aqua"] .composerOnePage .channelOption:has(input:checked){border-color:rgba(0,230,184,.48);box-shadow:0 0 0 2px rgba(0,230,184,.12),0 0 24px rgba(166,77,255,.18);background:rgba(0,230,184,.08)}

/* Composer overflow fixes */
.modal.composerModal,.composerShell,.composerOnePage,.composerBody,.composerPane,.composerGrid,.clientPicker,.clientOption,.clientMeta,.channelPicker,.channelOption,.mediaItem,.mediaInfo,.mediaConfig,.scheduleRow{min-width:0;max-width:100%;box-sizing:border-box}
.composerBody,.composerOnePage .composerBody{overflow:auto;overflow-x:hidden}
.composerPane{overflow:visible}
.clientOption{grid-template-columns:auto minmax(36px,42px) minmax(0,1fr)}
.clientOption>span{min-width:0;max-width:100%;overflow:hidden}
.clientOption b,.clientOption small,.mediaInfo b,.mediaInfo small,.channelOption b,.channelOption small{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.clientMeta{grid-template-columns:repeat(2,minmax(0,1fr));grid-column:1/-1;width:100%;overflow:hidden}
.clientMeta input,.composerField input,.composerField textarea,.composerField select,.mediaConfig input,.mediaConfig select,.scheduleRow input,.scheduleRow select{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
.channelOption{overflow:hidden}
.composerOnePage .composerPane{min-width:0;overflow:hidden}
.composerOnePage .composerPane{overflow:visible}
.composerOnePage .composerBody{grid-template-columns:minmax(280px,340px) minmax(300px,1fr) minmax(240px,280px);max-height:calc(92vh - 168px)}
.composerOnePage .mediaDrop{min-height:120px}
.composerOnePage .scheduleRow{grid-template-columns:minmax(0,1fr) minmax(0,.75fr) minmax(0,1fr) 44px 38px}
.composerOnePage .composerFooter{display:block;padding:16px 24px}
.composerOnePage .composerFinalActions{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-left:0;width:100%}
.composerOnePage .composerFinalActions button{min-width:0;width:100%;height:44px;padding:0 10px;white-space:normal;line-height:1.15;text-align:center;font-size:12px}
.composerOnePage .composerFinalActions [data-save-action="schedule_direct"]{background:linear-gradient(135deg,var(--purple),#137f70)!important;border-color:color-mix(in srgb,var(--purple) 70%,var(--line))!important;color:#fff!important;box-shadow:0 14px 34px rgba(143,66,255,.34),0 0 22px rgba(0,230,184,.18)}
.composerOnePage .mediaActions{grid-template-columns:1fr;min-width:104px}.composerOnePage .mediaActions button{width:100%;min-width:0}.composerOnePage .mediaActions .mediaReplaceBtn,.composerOnePage .mediaActions .mediaRemoveBtn{height:32px;padding:0 10px;font-size:10px;font-weight:800}.composerOnePage .mediaActions .mediaReplaceBtn{border-color:color-mix(in srgb,var(--cyan) 48%,var(--line));color:var(--cyan)}.composerOnePage .mediaActions .mediaRemoveBtn{border-color:rgba(255,112,121,.45);color:#ff8f96}
@media(max-width:1120px){.composerOnePage .composerBody{grid-template-columns:1fr;grid-template-areas:"profiles" "channels" "text" "media" "schedule" "preview";max-height:calc(100vh - 170px)}.clientMeta{grid-template-columns:1fr}.composerOnePage .composerFinalActions{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.composerOnePage .composerFinalActions{grid-template-columns:1fr}.composerOnePage .scheduleRow{grid-template-columns:1fr 1fr}.composerOnePage .scheduleRow .scheduleZone{grid-column:1/-1}}

/* UNA mobile app shell */
@media(max-width:760px){
 html,body{width:100%;overflow-x:hidden}
 .app{display:block;min-height:100svh;background:var(--bg,#090a0c)}
 .side{position:fixed!important;z-index:40;inset:0 auto 0 0;width:min(82vw,320px)!important;height:100svh!important;transform:translateX(-104%);transition:transform .22s ease;padding:0 14px 18px!important;box-shadow:24px 0 70px rgba(0,0,0,.55);overflow:auto}
 .side.open{left:0!important;transform:translateX(0)}
 .side .brandLogo{width:150px!important;object-fit:contain!important}
 .side .brand,.side una-logo{min-height:72px}
 .side .nav{height:46px;font-size:13px;border-radius:12px}
 .side .nav span,.side .nav em,.side .lab,.side .user div+div{display:block!important}
 .side .nav .ico{width:22px}
 main{min-width:0;width:100%}
 .top{height:64px;padding:0 14px!important;gap:8px}
 .topLeft{min-width:0;gap:9px}
 .topLeft una-logo{display:none}
 #pageName{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
 .topRight{gap:8px}
 .circle{width:38px;height:38px;border-radius:12px}
 .mobileMenu{display:grid!important;place-items:center}
 .content{width:100%;padding:18px 14px 96px!important;margin:0!important;max-width:none!important}
 .heading{display:grid;gap:12px;align-items:start;margin-bottom:16px}
 .heading h1{font-size:22px!important;line-height:1.15}
 .heading p{font-size:12px!important;line-height:1.5}
 .heading .date,.heading>.primary,.heading>.secondary{justify-self:start}
 .metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
 .metric{min-height:96px;padding:13px}
 .metric b{font-size:24px!important}
 .dash,.profileSettingsPanel,.ideasHero,.teamInviteGrid,.reportPanel,.approval,.posts{grid-template-columns:1fr!important}
 .panel{padding:16px;border-radius:14px}
 .toolbar{display:grid!important;gap:10px}
 .filters{display:flex;gap:8px;overflow:auto;padding-bottom:4px}
 .search,.select{width:100%;min-width:180px}
 .postCard{border-radius:14px}
 .postArt{height:220px}
 .postRow{grid-template-columns:42px 48px minmax(0,1fr);gap:10px}
 .postRow .status{grid-column:2/-1;justify-self:start;margin-top:-4px}
.tableWrap{overflow:auto;-webkit-overflow-scrolling:touch}
.tableWrap table{min-width:640px}
.focusedRequest{outline:2px solid rgba(40,187,167,.75);outline-offset:-2px;background:rgba(40,187,167,.08)}
 .modalBg{padding:0!important;align-items:stretch;place-items:stretch}
 .modal{width:100vw!important;max-width:100vw!important;height:100svh;max-height:100svh!important;border-radius:0!important}
 .form,.profileForm{grid-template-columns:1fr!important}
 .f.full,.profileForm .f.full{grid-column:auto!important}
 .foot{position:sticky;bottom:0;background:var(--panel,#111317);padding-top:12px}
}

@media(max-width:760px){
 body:not(.publicApproval) .modal.composerModal{width:100vw!important;height:100svh!important;max-height:100svh!important;border-radius:0!important}
 .composerOnePage{height:100svh!important;max-height:100svh!important;grid-template-rows:auto minmax(0,1fr) auto}
 .composerOnePage .composerHeader{padding:16px 18px!important}
 .composerOnePage .composerHeader h2{font-size:20px!important}
 .composerOnePage .composerHeader p{font-size:11px!important}
 .composerClose{width:40px;height:40px}
 .composerOnePage .composerBody{display:grid;grid-template-columns:1fr!important;grid-template-areas:"profiles" "channels" "text" "media" "schedule" "preview"!important;gap:12px;padding:14px!important;max-height:none!important;overflow:auto;scroll-padding-bottom:180px}
 .composerOnePage .composerPane{padding:16px!important;border-radius:14px}
 .composerOnePage .clientPicker,.composerOnePage .channelPicker,.composerOnePage .previewGrid{grid-template-columns:1fr!important}
 .clientOption{grid-template-columns:auto 42px minmax(0,1fr)!important}
 .clientMeta{grid-template-columns:1fr!important}
 .composerOnePage .composerField textarea[name="caption"]{min-height:190px}
 .captionTools{gap:7px}
 .captionTools button{min-width:40px;min-height:36px}
 .composerOnePage .mediaDrop{min-height:132px}
 .composerOnePage .scheduleRow{grid-template-columns:1fr 1fr!important;gap:8px}
 .composerOnePage .scheduleRow select,.composerOnePage .scheduleRow .scheduleZone{grid-column:1/-1}
 .composerOnePage .scheduleRow button{height:42px}
 .composerOnePage .composerFooter{position:sticky;bottom:0;padding:12px 14px calc(12px + env(safe-area-inset-bottom))!important;background:rgba(17,19,23,.96);backdrop-filter:blur(16px);box-shadow:0 -18px 40px rgba(0,0,0,.35)}
 .composerOnePage .composerFinalActions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}
 .composerOnePage .composerFinalActions button{height:48px;font-size:11px;border-radius:12px}
 .composerOnePage .composerFinalActions [data-save-action="publish_now"],.composerOnePage .composerFinalActions [data-save-action="schedule"],.composerOnePage .composerFinalActions [data-save-action="schedule_direct"]{grid-column:auto}
}

@media(max-width:420px){
 .metrics{grid-template-columns:1fr!important}
 .content{padding-inline:12px!important}
 .top{padding-inline:10px!important}
 .composerOnePage .composerFinalActions{grid-template-columns:1fr!important}
 .composerOnePage .scheduleRow{grid-template-columns:1fr!important}
 .composerOnePage .scheduleRow select,.composerOnePage .scheduleRow .scheduleZone{grid-column:auto}
}

.teamRowActions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.teamRowActions .miniBtn,.teamRowActions .dangerBtn{height:30px;padding:0 10px;border-radius:9px;font-size:10px}
@media(max-width:760px){.teamListItem{align-items:flex-start;flex-direction:column}.teamRowActions{justify-content:flex-start;width:100%}}

.salesQuoteBuilder{max-width:1180px}
.salesQuoteBuilder .quoteItems{gap:14px}
.salesQuoteItem{display:grid!important;grid-template-columns:1fr!important;gap:12px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.035)}
.salesQuoteItem label{display:grid;gap:6px;min-width:0;color:#aeb4c1;font-size:10px;font-weight:900;text-transform:uppercase}
.salesQuoteItem input,.salesQuoteItem select,.salesQuoteItem textarea{width:100%;min-width:0}
.quoteItemMain{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(220px,1.2fr) minmax(110px,.55fr) 42px;gap:10px;align-items:end}
.quoteDescription textarea{min-height:74px;resize:vertical}
.quoteItemNumbers{display:grid;grid-template-columns:minmax(70px,.45fr) minmax(92px,.55fr) minmax(120px,.75fr) minmax(105px,.65fr) minmax(105px,.65fr) minmax(130px,.85fr) minmax(130px,.75fr) minmax(120px,.65fr);gap:10px;align-items:end}
.salesQuoteItem .saveManual{align-self:center;font-size:11px;line-height:1.25;text-transform:none;color:#c7cede}
.salesQuoteItem .saveManual input{width:auto}
.quoteLineTotal{display:grid;gap:3px;align-self:center;text-align:right}
.quoteLineTotal small{font-size:10px;font-weight:800;color:#8f97aa;text-transform:uppercase}
.salesQuoteItem .itemSubtotal{white-space:nowrap;color:#7cf4df;font-size:15px}
.quoteRemoveBtn{width:42px;height:42px;padding:0;border-radius:12px}
.quoteTotals{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.sendQuotePanel .opActions a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.editMediaGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.editMediaItem{display:grid;gap:7px;border:1px solid var(--line);border-radius:12px;padding:10px;background:rgba(255,255,255,.04)}.editMediaItem span{display:block;aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:#08090b}.editMediaItem img,.editMediaItem video{width:100%;height:100%;object-fit:cover}.editMediaItem b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editMediaItem small{font-size:10px;color:var(--muted)}.editUploadBox{display:grid;gap:5px;place-items:center;text-align:center;border:1px dashed color-mix(in srgb,var(--purple) 60%,var(--line));border-radius:12px;padding:18px;cursor:pointer;background:color-mix(in srgb,var(--purple) 7%,transparent)}.editUploadBox input{display:none}.editUploadBox span{font-weight:900;color:var(--cyan)}.editUploadBox small,.editMediaEmpty{color:var(--muted);font-size:11px}.editReplaceLine{margin-top:10px}
@media(max-width:1180px){.quoteItemMain{grid-template-columns:1fr 1fr}.quoteRemoveBtn{width:100%}.quoteItemNumbers{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.quoteItemMain,.quoteItemNumbers{grid-template-columns:1fr}.quoteLineTotal{text-align:left}.quoteTotals{display:grid;grid-template-columns:1fr}.sendQuotePanel .opActions>*{width:100%}.editMediaGrid{grid-template-columns:1fr 1fr}}