/* C — Relato primeiro. Stable fields and grouped selectors; glass only on toolbars. */
:root { --nosc-bg:#111827; --nosc-surface:#202a3b; --nosc-soft:#2a374a; --nosc-text:#f4f6fa; --nosc-muted:#b4bfd2; --nosc-line:rgba(255,255,255,.15); --nosc-glass:rgba(32,42,59,.92); --nosc-error:#ffb1b5; }
html[data-theme="light"] { --nosc-bg:#f1f2f6; --nosc-surface:#fff; --nosc-soft:#e9ecf2; --nosc-text:#202648; --nosc-muted:#556176; --nosc-line:rgba(32,38,72,.14); --nosc-glass:rgba(248,250,251,.93); --nosc-error:#a32e32; }
html body #osResolveOverlay.new-os-composer { z-index:10045; background:rgba(0,0,0,.3); font:600 1rem/1.5 'Manrope',system-ui,sans-serif; color:var(--nosc-text); }
html body .new-os-composer #osResolvePanel { position:absolute; top:var(--nosc-viewport-top,0px); right:12px; bottom:var(--nosc-keyboard-inset,0px); left:12px; margin:0 auto; width:auto; max-width:680px; height:auto; max-height:none; padding:0; display:flex; flex-direction:column; overflow:hidden; border:1px solid var(--nosc-line); border-bottom:0; border-radius:28px 28px 0 0; background:var(--nosc-bg); transform:none!important; color:var(--nosc-text); box-shadow:0 -2px 18px rgba(15,23,42,.12); }
html body .new-os-composer #osResolvePanel > .sheet-title { flex-shrink:0; display:flex; flex-direction:row-reverse; align-items:center; justify-content:space-between; gap:12px; padding:calc(7px + var(--sat,0px)) 16px 7px; min-height:58px; border-bottom:1px solid var(--nosc-line); margin:0; background:var(--nosc-glass); backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px); color:var(--nosc-text); font:inherit; }
html body .new-os-composer #osResolvePanelTitle { font-size:1.0625rem; text-align:right; overflow-wrap:anywhere; }
html body .new-os-composer .sheet-close { width:84px; height:44px; flex:0 0 84px; min-height:44px; min-width:44px; overflow:visible; padding:0; border:0; border-radius:0; background:transparent; color:var(--hub-glass-accent); font:inherit; font-size:.9375rem; text-align:left; }
html body .new-os-composer .sheet-close::before,html body .new-os-composer .sheet-close::after { display:none!important; }
html body .new-os-composer #osResolveInfo { display:none!important; }
html body .new-os-composer #osResolvePanelBody { flex:1; min-height:0; padding:22px 18px 28px; overflow-y:auto; overscroll-behavior:contain; scroll-padding:20px 20px 92px; }
html body .new-os-composer #osResolveFooterM { position:static; display:flex; flex-shrink:0; flex-wrap:wrap; align-items:center; gap:10px; margin:0; padding:12px 16px calc(16px + var(--sab,0px)); border-top:1px solid var(--nosc-line); background:var(--nosc-glass); backdrop-filter:blur(28px); -webkit-backdrop-filter:blur(28px); }
html body .new-os-composer #osResolveSaveBtn { flex:1; width:auto; min-width:140px; min-height:52px; margin:0; padding:12px 20px; border:0; border-radius:999px; background:#d6ae73!important; color:#202648!important; box-shadow:none; font:inherit; font-size:1rem; justify-content:center; white-space:normal; }
html body .new-os-composer #osResolveSecondaryBtnM { flex:0 1 auto; min-height:48px; padding:10px 8px; border:0; background:transparent; color:var(--hub-glass-accent); font:inherit; font-size:.9375rem; border-radius:12px; }
.new-os-composer [hidden] { display:none!important; }
.new-os-composer h2 { font:600 1.5rem/1.25 'Manrope',system-ui,sans-serif; letter-spacing:-.03em; margin:0 0 16px; color:var(--nosc-text); }
.new-os-composer h3 { font-size:1rem; font-weight:600; margin:18px 0 10px; color:var(--nosc-text); }
.new-os-composer label { display:block; margin:18px 0 8px; font-size:.875rem; color:var(--nosc-muted); }
.new-os-composer label > span { font-size:inherit; }
html body .new-os-composer input:not([type="checkbox"]):not([type="file"]), html body .new-os-composer textarea, html body .new-os-composer select { width:100%; min-width:0; min-height:50px; margin:0; padding:12px; border:1px solid var(--nosc-line); border-radius:12px; background:var(--nosc-surface)!important; color:var(--nosc-text)!important; font:inherit; font-size:1rem; line-height:1.5; box-shadow:none; }
.new-os-composer textarea { resize:vertical; }
.new-os-composer option { background:var(--nosc-surface)!important; color:var(--nosc-text)!important; }
html body .new-os-composer .nosc-narrative-field { position:relative; overflow:hidden; border:1px solid var(--nosc-line); border-radius:18px; background:var(--nosc-surface); }
html body .new-os-composer #newOsNarrativeM { min-height:156px; border:0; border-radius:0; background:transparent!important; padding:16px 64px 60px 16px; font-size:1.375rem; line-height:1.5; letter-spacing:-.02em; resize:vertical; }
html body .new-os-composer .nosc-ai-icon { position:absolute; right:8px; bottom:8px; display:grid; place-items:center; width:44px; height:44px; margin:0; padding:0; border:1px solid var(--nosc-line); border-radius:50%; background:var(--nosc-soft); background:color-mix(in srgb,var(--nosc-soft) 82%,transparent); color:var(--hub-glass-accent); box-shadow:0 5px 16px rgba(15,23,42,.12); transition:transform .16s ease,background-color .16s ease; }
html body .new-os-composer .nosc-ai-icon svg { width:22px; height:22px; }
html body .new-os-composer .nosc-ai-icon:active { transform:scale(.94); }
.new-os-composer input::placeholder,.new-os-composer textarea::placeholder { color:var(--nosc-muted); opacity:1; }
.new-os-composer button { font-family:inherit; cursor:pointer; }
.new-os-composer button:disabled,.new-os-composer select:disabled { opacity:.65; cursor:default; }
.new-os-composer .nosc-text-action { display:flex; align-items:center; gap:8px; min-height:48px; margin:8px 0; padding:8px 0; border:0; background:transparent; color:var(--hub-glass-accent); font:inherit; font-size:.875rem; text-align:left; }
.new-os-composer svg { width:24px; height:24px; flex-shrink:0; }
.new-os-composer .nosc-photo { display:flex; justify-content:center; align-items:center; gap:10px; min-height:50px; width:100%; padding:10px; margin:12px 0; background:transparent; border:1px solid var(--nosc-line); border-radius:12px; color:var(--hub-glass-accent); font:inherit; font-size:.9375rem; }
.new-os-composer .nosc-section-label { font-size:.875rem; color:var(--nosc-muted); margin:24px 0 10px; }
.new-os-composer .nosc-row { display:flex; align-items:center; gap:12px; width:100%; min-height:66px; padding:14px 12px; margin:8px 0; border:1px solid var(--nosc-line); border-radius:16px; background:var(--nosc-surface); color:var(--nosc-text); text-align:left; font:inherit; font-size:.9375rem; }
.new-os-composer .nosc-row > svg { color:var(--hub-glass-accent); }
.new-os-composer .nosc-row > span:not(.nosc-avatar-stack) { flex:1; min-width:0; }
.new-os-composer .nosc-row strong { display:block; font-size:inherit; font-weight:600; overflow-wrap:anywhere; }
.new-os-composer .nosc-row span span:not(.nosc-avatar):not(.nosc-avatar-stack) { display:block; color:var(--nosc-muted); font-size:.8125rem; line-height:1.5; margin-top:4px; overflow-wrap:anywhere; }
.new-os-composer .nosc-row > b { color:var(--nosc-muted); font-size:24px; font-weight:400; }
.new-os-composer .nosc-priority { border:0; padding:0; margin:22px 0 8px; }
.new-os-composer legend { margin-bottom:8px; font-size:.875rem; color:var(--nosc-muted); }
.new-os-composer .nosc-segments { display:flex; padding:4px; gap:4px; border-radius:14px; background:var(--nosc-soft); }
.new-os-composer .nosc-segments button { flex:1; min-width:0; min-height:48px; padding:8px; background:transparent; border:1px solid transparent; border-radius:11px; font:inherit; font-size:.9375rem; color:var(--nosc-text); overflow-wrap:anywhere; }
.new-os-composer .nosc-segments button[aria-pressed="true"],.new-os-composer .nosc-segments button[aria-selected="true"] { background:var(--nosc-surface); border-color:var(--nosc-line); color:var(--hub-glass-accent); }
.new-os-composer #newOsSevC[aria-pressed="true"] { color:var(--nosc-error); }
.new-os-composer .nosc-switch { display:flex; align-items:center; gap:12px; min-height:54px; color:var(--nosc-text); margin:8px 0; }
.new-os-composer .nosc-switch input { appearance:none; -webkit-appearance:none; width:44px; height:28px; flex:0 0 44px; border:1px solid var(--nosc-line); border-radius:999px; background:var(--nosc-soft); position:relative; margin:0; }
.new-os-composer .nosc-switch input::before { content:''; position:absolute; top:3px; left:3px; width:20px; height:20px; border-radius:50%; background:var(--nosc-surface); box-shadow:0 1px 3px #0003; }
.new-os-composer .nosc-switch input:checked { background:#d6ae73; }
.new-os-composer .nosc-switch input:checked::before { left:19px; background:#fff; }
.new-os-composer #noscDetails { border-top:1px solid var(--nosc-line); margin-top:20px; padding-top:8px; }
.new-os-composer #noscDetails summary { min-height:48px; padding:12px 0; color:var(--hub-glass-accent); font-size:.9375rem; cursor:pointer; }
.new-os-composer .nosc-hint,.new-os-composer .nosc-kicker { margin:8px 0; color:var(--nosc-muted); font-size:.8125rem; line-height:1.5; }
.new-os-composer .nosc-note { margin:12px 0 18px; padding:12px; border:1px solid var(--nosc-line); background:var(--nosc-surface); border-radius:12px; font-size:.9375rem; line-height:1.5; }
.new-os-composer .nosc-error { color:var(--nosc-error); font-size:.9375rem; line-height:1.5; margin:12px 0; }
.new-os-composer .nosc-error:empty,.new-os-composer .nosc-hint:empty { display:none; }
.new-os-composer .nosc-sr { position:absolute; width:1px; height:1px; margin:0; overflow:hidden; clip-path:inset(50%); }
.new-os-composer .nosc-photos { display:flex; gap:12px; flex-wrap:wrap; }
.new-os-composer .nosc-photos > div { width:96px; }
.new-os-composer .nosc-photos img { display:block; width:96px; height:80px; object-fit:cover; border-radius:10px; }
.new-os-composer .nosc-photos button { min-height:48px; width:100%; border:0; background:transparent; font:inherit; font-size:.8125rem; color:var(--hub-glass-accent); }
.new-os-composer #noscPickerSearch { margin:16px 0!important; }
.new-os-composer #noscPickerRows { background:var(--nosc-surface); border:1px solid var(--nosc-line); border-radius:16px; overflow:hidden; }
.new-os-composer .nosc-pick-row { display:flex; align-items:center; gap:12px; min-height:72px; width:100%; padding:12px; border:0; border-bottom:1px solid var(--nosc-line); background:transparent; color:var(--nosc-text); text-align:left; font:inherit; }
.new-os-composer .nosc-pick-row:last-child { border-bottom:0; }
.new-os-composer .nosc-pick-row > span:not(.nosc-avatar):not(.nosc-avatar-stack):not(.nosc-check) { flex:1; min-width:0; }
.new-os-composer .nosc-pick-row strong { display:block; font-size:.9375rem; font-weight:600; overflow-wrap:anywhere; }
.new-os-composer .nosc-pick-row small { display:block; margin-top:4px; color:var(--nosc-muted); font-size:.8125rem; overflow-wrap:anywhere; }
.new-os-composer .nosc-check { width:22px; height:22px; flex:0 0 22px; border:1px solid var(--nosc-line); border-radius:50%; display:grid; place-items:center; font-size:14px; }
.new-os-composer [aria-pressed="true"] > .nosc-check { background:#d6ae73; border-color:#d6ae73; color:#202648; }
.new-os-composer .nosc-avatar { position:relative; display:grid; place-items:center; width:42px; height:42px; flex:0 0 42px; border-radius:50%; background:var(--nosc-soft); color:var(--nosc-text); overflow:hidden; font-size:14px; }
.new-os-composer .nosc-avatar > span { font-size:14px!important; margin:0!important; color:var(--nosc-text)!important; }
.new-os-composer .nosc-avatar-img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.new-os-composer .nosc-avatar-stack { display:flex; flex-shrink:0; align-items:center; }
.new-os-composer .nosc-avatar-stack .nosc-avatar { width:30px; height:30px; flex-basis:30px; border:2px solid var(--nosc-surface); }
.new-os-composer .nosc-avatar-stack .nosc-avatar + .nosc-avatar { margin-left:-10px; }
.new-os-composer .nosc-ai-copy { padding:14px; background:var(--nosc-surface); border:1px solid var(--nosc-line); border-radius:12px; white-space:pre-wrap; overflow-wrap:anywhere; font-size:1rem; }
.new-os-composer #noscDraftBanner { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:12px; margin-bottom:18px; border:1px solid var(--nosc-line); border-radius:12px; color:var(--nosc-muted); font-size:.875rem; }
.new-os-composer #noscDraftBanner button { min-height:48px; padding:8px 12px; border:0; background:transparent; color:var(--hub-glass-accent); font:inherit; }
html body .new-os-composer :focus-visible { outline:3px solid var(--hub-glass-accent); outline-offset:2px; }
html body .new-os-composer .nosc-pick-row:focus-visible { outline-offset:-3px; }
html body .new-os-composer.nosc-keyboard-open #osResolvePanelBody { padding-top:14px; padding-bottom:18px; scroll-padding-bottom:82px; }
html body .new-os-composer.nosc-keyboard-open #osResolveFooterM { padding:8px 12px calc(8px + var(--sab,0px)); gap:6px; }
html body .new-os-composer.nosc-keyboard-open #osResolveSaveBtn { min-height:48px; }
html body .new-os-composer.nosc-keyboard-open #osResolveSecondaryBtnM { min-height:44px; }
@media(min-width:700px) and (min-height:700px) { html body .new-os-composer #osResolvePanel { top:calc(24px + var(--nosc-viewport-top,0px)); bottom:calc(24px + var(--nosc-keyboard-inset,0px)); border-radius:24px; } }
html[data-hub-transparency="reduced"] .new-os-composer .sheet-title,html[data-hub-transparency="reduced"] .new-os-composer #osResolveFooterM { background:var(--nosc-surface); backdrop-filter:none; -webkit-backdrop-filter:none; }
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more) { html body .new-os-composer .sheet-title,html body .new-os-composer #osResolveFooterM { background:var(--nosc-surface); backdrop-filter:none; -webkit-backdrop-filter:none; } }
@media(prefers-reduced-motion:reduce) { .new-os-composer * { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }