:root{--panel-solid:#101827;--panel-soft:#0d1524;--line-soft:#223049;--blue-soft:#6ca8ff;--shadow:0 22px 70px #02050b52}
html{scroll-behavior:smooth;overflow-y:auto;scrollbar-gutter:stable}body{background:radial-gradient(circle at 18% -10%,#172b53 0,transparent 35%),radial-gradient(circle at 95% 18%,#0e344a 0,transparent 28%),#080d19}
.shell{padding-top:26px}.brand{margin-bottom:34px;padding:10px 4px}.brand-icon{width:40px;height:40px}.brand strong{letter-spacing:-.01em}.account-actions{padding:5px;border-radius:14px;background:#0c1422a6;border:1px solid #1e2b42}.brand .account-actions>.settings-button{height:38px;border:0;background:transparent;transition:background .16s ease,color .16s ease,transform .16s ease}.brand .account-actions>.settings-button:hover{background:#18243a;color:#fff;transform:translateY(-1px)}
.panel,.share-list-panel{border-color:var(--line-soft);background:linear-gradient(145deg,#111a2add,#0c1422e8);box-shadow:var(--shadow);backdrop-filter:blur(14px)}.panel{border-radius:22px}.button,.mini-button,.danger-button,.dock-action,.settings-tabs button,.admin-filters button{transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.button:hover,.mini-button:hover,.danger-button:hover,.dock-action:hover,.admin-filters button:hover{transform:translateY(-1px)}
#settings.form-panel{width:min(1000px,100%);max-width:1000px;margin-top:12px;padding:34px 38px}.settings-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.settings-heading .back{margin:0 0 15px}.settings-heading h2{margin:0;font-size:31px}.settings-heading p{margin:7px 0 0;color:var(--muted);font-size:13px}.settings-heading .section-icon{flex:0 0 auto;width:44px;height:44px;font-size:19px}.settings-tabs{display:flex;gap:4px;margin:28px 0 30px;padding:4px;border:0;background:#0a1220}.settings-tabs button{flex:1;min-width:120px;padding:11px 15px}.settings-tabs button.active{background:#1c3151;box-shadow:0 4px 14px #0002}.advanced{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;padding:0;border:0;margin:0 0 22px}.advanced>label[for=qualityMode],.advanced>#qualityMode,.quality-help,.advanced>#manualQualityFields{grid-column:1/-1}.advanced>#manualQualityFields{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.advanced>#manualQualityFields label,.advanced>#manualQualityFields select{align-self:end}.quality-help{margin:9px 0 6px;padding:11px 13px;border-radius:10px;background:#0b1b2c;color:#8fc9f4;font-size:12px;line-height:1.55}.quality-help:before{content:'✦';margin-right:8px;color:#59c7ff}.server-status,.check,.audio-help{border-color:var(--line-soft);background:#0b1321}.form-panel input,.form-panel select{border-color:#273751;background:#09111e}.form-panel input:focus,.form-panel select:focus{border-color:#5a8cf7;box-shadow:0 0 0 3px #5185f51a}
.welcome-row{margin-bottom:24px}.welcome-row h1{font-weight:750}.share-list-panel{padding:22px}.active-share-card{border:0;background:#0d1626;box-shadow:inset 0 0 0 1px #202f47;transition:transform .16s ease,box-shadow .16s ease}.active-share-card:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #35527a,0 12px 28px #0003}.workspace-bar,.viewer-controls,.room-top{border-color:var(--line-soft);background:#0d1625}.video-frame{border-color:#1e2d45;box-shadow:0 24px 65px #0006}
.own-share-notice{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px;padding:13px 16px;border:1px solid #365572;border-radius:13px;background:#11273a;color:#dcecff;font-size:13px;line-height:1.5}.own-share-notice .mini-button{flex:0 0 auto;background:#203c58;border-color:#45698b;color:#eaf5ff}.own-share-notice .mini-button:disabled{opacity:.55;cursor:wait}@media(max-width:650px){.own-share-notice{align-items:stretch;flex-direction:column}.own-share-notice .mini-button{width:100%}}
.host-dock{border-color:#263651;background:#0c1422e8;box-shadow:var(--shadow)}.dock-body{border-color:#1f2c42}.dock-quality{border:0;background:#091321;box-shadow:inset 0 0 0 1px #223550}.auto-quality{display:flex;align-items:center;justify-content:space-between}.auto-quality span{font-weight:800}.auto-quality small{color:#8fa6c5}.auto-quality.active{border-color:#3f8fc2;background:#12304a;color:#eaf8ff;box-shadow:0 0 0 1px #42b9ff24}.adaptive-quality-detail{min-height:32px;color:#7f92ac;font-size:10px;line-height:1.45}.quality-buttons button{transition:.16s ease}.dock-quality.manual .auto-quality{background:#121d2e;border-color:#2c3d58;color:#aab9ce}.dock-quality.manual .quality-buttons button.active{box-shadow:0 5px 16px #245ed42f}
.stability-mode.active{border-color:#44c98d;background:#123527;color:#dfffee;box-shadow:0 0 0 1px #44c98d2b}.stability-mode.active:before{content:'●';margin-right:7px;color:#4ee6a2}
.admin-filters{align-items:center;margin-bottom:14px}.admin-filters button{padding:9px 13px;border-color:#2a3b56;background:#111c2e}.admin-filters .active{background:#26466f;border-color:#4d83c1}.user-list{gap:8px;margin-top:14px}.user-card{min-height:78px;border:0;border-radius:14px;background:#0b1422;box-shadow:inset 0 0 0 1px #22324a}.user-card:hover{box-shadow:inset 0 0 0 1px #385477}.profile-dialog{border-color:#2b3c57;background:#0d1728;box-shadow:0 28px 90px #000a}
@media(max-width:760px){#settings.form-panel{padding:23px 18px}.settings-heading p{display:none}.settings-tabs{display:grid;grid-template-columns:1fr 1fr}.settings-tabs button{min-width:0}.advanced>#manualQualityFields{grid-template-columns:1fr}.account-actions{padding:2px;background:transparent;border:0}.share-list-panel{padding:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Cabeçalho compacto: identidade separada das ações de navegação. */
.brand{justify-content:space-between;gap:22px;margin-bottom:26px;padding-block:5px}
.brand>.account-actions{display:flex;align-items:center;gap:9px;margin-left:auto;padding:0;border:0;background:transparent}
.account-profile{display:flex;align-items:center;gap:9px;box-sizing:border-box;height:46px;min-width:0;padding:5px 12px 5px 6px;border:1px solid #253653;border-radius:13px;background:linear-gradient(145deg,#111d31,#0c1525);box-shadow:0 8px 24px #02071133}
.account-profile #accountAvatar{display:flex;flex:0 0 auto}
.account-profile .profile-avatar{width:34px;height:34px;background:linear-gradient(135deg,#315188,#1e355d);box-shadow:inset 0 0 0 1px #80adff26}
.account-identity{display:flex;flex-direction:column;min-width:0;line-height:1.15}
.account-identity small{color:#71839f;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.account-identity strong{max-width:150px;overflow:hidden;color:#edf4ff;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.account-menu{display:flex;align-items:center;gap:3px;box-sizing:border-box;height:46px;padding:4px;border:1px solid #202f48;border-radius:13px;background:#0b1422b8}
#accountActions .account-menu>.settings-button{width:auto;min-width:0;height:36px;margin:0;padding:0 13px;border:0;border-radius:9px;background:transparent;color:#b8c6da;font-size:12px;transition:background .16s ease,color .16s ease,transform .16s ease}
#accountActions .account-menu>.settings-button:hover{background:#192740;color:#fff;transform:translateY(-1px)}
#accountActions .account-menu>#logout{color:#91a1b8}
#accountActions .account-menu>#logout:hover{background:#361c28;color:#ffadba}
#accountActions .account-menu>#returnSession{background:#173254;color:#dbeeff}
@media(max-width:760px){.brand{align-items:center;gap:10px}.brand>.account-actions{width:auto;margin:0 0 0 auto;gap:6px}.account-profile{padding-right:7px}.account-identity small{display:none}.account-identity strong{max-width:74px}.account-menu{gap:2px}.account-menu #showSettings{font-size:0}.account-menu #showSettings:after{content:'Ajustes';font-size:12px}#accountActions .account-menu>.settings-button{padding-inline:9px}}
@media(max-width:520px){.brand-copy{display:none!important}.account-profile .account-identity{display:none}.account-profile{padding:5px}.account-menu #showSettings:after{content:'Config.'}}