:root{
  --bg:#0b0d12;--surface:#12151d;--surface2:#171b25;--surface3:#202636;--line:#293044;
  --text:#f3f5fb;--muted:#9da8bd;--primary:#7c67ff;--primary2:#9f8cff;--ok:#3ddc97;--warn:#ffca66;--danger:#ff6b7a;--info:#63b3ff;
  --shadow:0 20px 60px rgba(0,0,0,.35);--r:18px;--r2:12px;--header:64px;--servers:76px;--channels:280px;--members:260px
}
*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}img,video{max-width:100%}
body::before{content:"";position:fixed;inset:-20% auto auto -10%;width:55vw;height:55vw;background:radial-gradient(circle,rgba(124,103,255,.13),transparent 62%);pointer-events:none;z-index:-1}
.container{width:min(1180px,calc(100% - 32px));margin:auto}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--primary2);font-size:.78rem;font-weight:800}.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:999px;padding:7px 11px;font-size:.82rem}.dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 12px rgba(61,220,151,.65)}
.btn{border:0;border-radius:12px;padding:11px 16px;font-weight:800;background:var(--surface3);transition:.2s transform,.2s background,.2s opacity;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:white;box-shadow:0 10px 30px rgba(124,103,255,.22)}.btn-ghost{background:transparent;border:1px solid var(--line)}.btn-danger{background:rgba(255,107,122,.14);color:#ff9ca6;border:1px solid rgba(255,107,122,.25)}.btn-sm{padding:8px 11px;font-size:.82rem}.icon-btn{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--surface2);display:grid;place-items:center}.badge{display:inline-flex;align-items:center;border-radius:8px;padding:4px 8px;font-size:.75rem;font-weight:800}.badge-ok{background:rgba(61,220,151,.14);color:#79ecb7}.badge-warn{background:rgba(255,202,102,.13);color:#ffd98a}.badge-danger{background:rgba(255,107,122,.13);color:#ff9aa5}.badge-purple{background:rgba(124,103,255,.14);color:#b7abff}
.site-header{height:var(--header);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0;background:rgba(11,13,18,.82);backdrop-filter:blur(20px);z-index:20;padding:0 26px}.brand{display:flex;align-items:center;gap:12px;font-weight:900}.brand-mark{width:37px;height:37px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),#4f8dff);box-shadow:0 9px 28px rgba(124,103,255,.27)}.site-nav{display:flex;gap:8px;align-items:center}.site-nav a{padding:8px 11px;color:var(--muted);font-weight:700;font-size:.9rem}.site-nav a:hover{color:var(--text)}
.hero{padding:88px 0 48px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.hero h1{font-size:clamp(2.7rem,7vw,5.7rem);line-height:.93;margin:16px 0 20px;letter-spacing:-.055em}.gradient-text{background:linear-gradient(120deg,#fff,#b9afff 45%,#69b8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:1.1rem;line-height:1.7;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.hero-stats{display:flex;gap:22px;flex-wrap:wrap;margin-top:34px}.hero-stat strong{display:block;font-size:1.12rem}.hero-stat span{font-size:.8rem;color:var(--muted)}
.section{padding:68px 0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:24px}.section h2{font-size:clamp(2rem,4vw,3rem);margin:8px 0;letter-spacing:-.035em}.section-copy{color:var(--muted);max-width:650px;line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:linear-gradient(180deg,rgba(24,28,39,.95),rgba(18,21,29,.95));border:1px solid var(--line);border-radius:var(--r);padding:20px;box-shadow:0 14px 40px rgba(0,0,0,.12)}.card-icon{width:43px;height:43px;border-radius:13px;background:rgba(124,103,255,.14);display:grid;place-items:center;font-size:1.15rem;margin-bottom:14px}.card h3{margin:0 0 8px}.card p{margin:0;color:var(--muted);line-height:1.6;font-size:.9rem}.legal-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.site-footer{border-top:1px solid var(--line);padding:28px max(20px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:.86rem}.site-footer nav{display:flex;gap:14px;flex-wrap:wrap}
.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-side{padding:48px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 30% 20%,rgba(124,103,255,.22),transparent 28%),linear-gradient(160deg,#111420,#0c0e14)}.auth-side h1{font-size:clamp(2.2rem,5vw,4.5rem);line-height:1;margin:0;max-width:650px;letter-spacing:-.05em}.auth-side p{max-width:550px;color:var(--muted);line-height:1.7}.auth-form-wrap{display:grid;place-items:center;padding:28px}.auth-form{width:min(430px,100%)}.auth-form h2{font-size:2rem;margin-bottom:6px}.field{margin:14px 0}.field label{display:block;color:#c9d0df;font-size:.85rem;font-weight:800;margin-bottom:7px}.input{width:100%;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:12px 13px;outline:none}.input:focus{border-color:#6e62d8;box-shadow:0 0 0 3px rgba(124,103,255,.12)}.form-row{display:flex;gap:10px;align-items:center;justify-content:space-between}.alert{border:1px solid rgba(255,107,122,.25);background:rgba(255,107,122,.1);color:#ffadb5;padding:11px 13px;border-radius:12px;font-size:.86rem}
/* App shell */
.app-shell{height:100vh;display:grid;grid-template-columns:var(--servers) var(--channels) minmax(0,1fr) var(--members);background:#0c0e13;overflow:hidden}.server-rail{background:#090b10;border-right:1px solid var(--line);padding:10px 8px;overflow-y:auto}.rail-logo,.server-btn{width:48px;height:48px;border:0;border-radius:17px;background:#1c2130;display:grid;place-items:center;margin:6px auto;font-weight:900;position:relative}.rail-logo{background:linear-gradient(135deg,var(--primary),#4e91ff)}.server-btn.active{border-radius:14px;background:var(--primary)}.server-btn.active::before{content:"";position:absolute;left:-11px;width:4px;height:30px;border-radius:4px;background:white}.server-sep{height:1px;background:var(--line);margin:10px 8px}.channel-panel{background:#11141c;border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.community-head{height:58px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-weight:900}.channel-scroll{padding:11px 8px;overflow-y:auto;flex:1}.channel-category{margin:13px 7px 6px;color:#7f8aa0;font-size:.72rem;font-weight:900;letter-spacing:.08em;display:flex;justify-content:space-between}.channel{padding:8px 10px;border-radius:10px;color:#aab3c3;display:flex;align-items:center;gap:8px;font-size:.9rem}.channel:hover,.channel.active{background:#1c2130;color:#fff}.channel .unread{margin-left:auto;width:7px;height:7px;background:var(--primary2);border-radius:50%}.user-dock{height:62px;background:#0d1017;border-top:1px solid var(--line);display:flex;align-items:center;gap:9px;padding:8px}.avatar{width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,#7b67ff,#3ea7ff);display:grid;place-items:center;font-weight:900;flex:none}.avatar.sm{width:30px;height:30px;border-radius:10px;font-size:.75rem}.user-meta{min-width:0;flex:1}.user-meta strong,.user-meta span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-meta span{font-size:.72rem;color:var(--muted)}.dock-actions{display:flex;gap:3px}.dock-actions button{border:0;background:transparent;width:28px;height:28px;border-radius:8px}.dock-actions button:hover{background:#202534}.chat-panel{display:grid;grid-template-rows:58px minmax(0,1fr) auto;background:#12151d;min-width:0}.chat-head{border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:0 16px}.chat-head .title{font-weight:900}.chat-head .desc{color:var(--muted);font-size:.82rem}.chat-actions{margin-left:auto;display:flex;gap:6px}.mobile-only{display:none}.messages{overflow-y:auto;padding:18px 18px 8px}.day-sep{display:flex;align-items:center;gap:10px;color:#7e899c;font-size:.72rem;margin:18px 0}.day-sep::before,.day-sep::after{content:"";height:1px;background:var(--line);flex:1}.message{display:grid;grid-template-columns:40px 1fr;gap:10px;padding:7px 9px;border-radius:10px}.message:hover{background:rgba(255,255,255,.018)}.message-main{min-width:0}.message-author{display:flex;align-items:center;gap:7px}.message-author strong{font-size:.9rem}.message-author time{font-size:.67rem;color:#747f92}.verified{color:#8c7cff;font-size:.75rem}.message p{margin:3px 0;color:#dce1eb;line-height:1.5;font-size:.92rem}.reaction-row{display:flex;gap:6px;margin-top:7px}.reaction{border:1px solid var(--line);background:#181c27;border-radius:8px;padding:4px 7px;font-size:.74rem}.official-message{border:1px solid rgba(124,103,255,.23);background:linear-gradient(90deg,rgba(124,103,255,.08),transparent);padding:12px;border-radius:14px}.official-label{font-size:.67rem;text-transform:uppercase;letter-spacing:.08em;color:#a99eff;font-weight:900}.attachment{margin-top:10px;width:min(480px,100%);border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#0f1219}.attachment-placeholder{aspect-ratio:16/8;background:linear-gradient(135deg,#242b3d,#131722);display:grid;place-items:center;color:#9da8bd}.composer-wrap{padding:10px 16px 16px}.composer{border:1px solid var(--line);background:#1a1f2b;border-radius:15px;display:flex;align-items:end;padding:7px;gap:7px}.composer textarea{resize:none;min-height:38px;max-height:130px;flex:1;border:0;outline:0;background:transparent;padding:9px 4px}.composer button{border:0;background:transparent;border-radius:9px;width:38px;height:38px}.composer button:hover{background:#252b3b}.send-btn{background:var(--primary)!important}.members-panel{background:#0f1219;border-left:1px solid var(--line);overflow-y:auto;padding:14px 10px}.member-group{font-size:.72rem;color:#7e899c;font-weight:900;margin:12px 8px 6px;text-transform:uppercase}.member{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:10px}.member:hover{background:#191e2a}.member .status{width:9px;height:9px;background:var(--ok);border:2px solid #0f1219;border-radius:50%;margin-left:-16px;margin-top:25px}.member-name{font-size:.84rem;font-weight:800}.member-role{font-size:.68rem;color:var(--muted)}
/* drawers / panels */
.drawer-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:40}.side-drawer{position:fixed;top:0;bottom:0;width:min(360px,92vw);background:#11151e;z-index:50;transform:translateX(-105%);transition:.22s;box-shadow:var(--shadow);border-right:1px solid var(--line)}.side-drawer.right{right:0;left:auto;transform:translateX(105%);border-right:0;border-left:1px solid var(--line)}.side-drawer.open{transform:translateX(0)}.drawer-backdrop.open{display:block}.drawer-head{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--line)}
/* Admin */
.admin-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr);background:#0c0f15}.admin-sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:#0e1118;padding:15px 11px;overflow-y:auto}.admin-brand{display:flex;align-items:center;gap:10px;padding:8px 9px 18px}.admin-nav-title{font-size:.67rem;letter-spacing:.1em;text-transform:uppercase;color:#687489;font-weight:900;margin:15px 10px 5px}.admin-link{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;color:#aab4c5;font-size:.86rem}.admin-link:hover,.admin-link.active{background:#1b2030;color:white}.admin-main{min-width:0}.admin-top{height:64px;position:sticky;top:0;z-index:10;background:rgba(12,15,21,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 22px;gap:12px}.admin-top .spacer{flex:1}.admin-content{padding:22px;max-width:1500px}.page-title{font-size:1.7rem;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:20px 0}.stat-card{border:1px solid var(--line);border-radius:15px;background:#11151e;padding:16px}.stat-card .k{font-size:.75rem;color:var(--muted);font-weight:800}.stat-card .v{font-size:1.8rem;font-weight:950;margin-top:8px}.stat-card .delta{font-size:.72rem;color:#72e5b0;margin-top:4px}.admin-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:14px}.panel{border:1px solid var(--line);border-radius:16px;background:#11151e;overflow:hidden}.panel-head{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.panel-head h3{margin:0;font-size:.98rem}.panel-body{padding:15px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:650px}.table th,.table td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line);font-size:.8rem}.table th{color:#7f8aa0;text-transform:uppercase;font-size:.66rem;letter-spacing:.07em}.team-chip{display:inline-flex;gap:7px;align-items:center}.activity{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.05)}.activity:last-child{border-bottom:0}.activity-icon{width:32px;height:32px;border-radius:10px;background:#1c2230;display:grid;place-items:center;flex:none}.activity p{margin:0;font-size:.82rem}.activity small{color:var(--muted)}.health-item{margin:12px 0}.health-head{display:flex;justify-content:space-between;font-size:.78rem}.bar{height:7px;background:#202637;border-radius:99px;margin-top:6px;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),#50b5ff);border-radius:99px}.emergency{border:1px solid rgba(255,107,122,.25);background:linear-gradient(90deg,rgba(255,107,122,.11),transparent);padding:14px;border-radius:14px;display:flex;gap:12px;align-items:center}.support-ticket{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px 0;border-bottom:1px solid var(--line)}.support-ticket:last-child{border-bottom:0}.support-ticket strong{font-size:.85rem}.support-ticket p{margin:4px 0;color:var(--muted);font-size:.78rem}
/* Legal/status */
.content-page{padding:48px 0 80px}.content-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:34px}.toc{position:sticky;top:88px;align-self:start}.toc a{display:block;padding:8px 10px;border-radius:9px;color:var(--muted);font-size:.84rem}.toc a.active,.toc a:hover{background:#171b25;color:#fff}.prose{max-width:850px}.prose h1{font-size:clamp(2.2rem,5vw,4rem);letter-spacing:-.04em}.prose h2{margin-top:36px}.prose p,.prose li{color:#b5becf;line-height:1.75}.legal-note{border:1px solid rgba(255,202,102,.24);background:rgba(255,202,102,.08);padding:14px;border-radius:13px;color:#f4d99d}.status-hero{text-align:center;padding:70px 0 34px}.status-hero h1{font-size:3rem;margin:10px}.status-ok{display:inline-flex;gap:10px;align-items:center;background:rgba(61,220,151,.1);border:1px solid rgba(61,220,151,.2);color:#7be9b7;padding:12px 16px;border-radius:14px;font-weight:900}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.service{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid var(--line);background:#11151e;border-radius:13px}
/* tablet */
@media(max-width:1100px){:root{--channels:245px}.members-panel{display:none}.app-shell{grid-template-columns:var(--servers) var(--channels) minmax(0,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.hero-grid{gap:28px}.legal-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.site-nav .hide-tablet{display:none}.hero{padding-top:55px}.hero-grid{grid-template-columns:1fr}.auth-page{grid-template-columns:1fr}.auth-side{display:none}.admin-shell{grid-template-columns:1fr}.admin-sidebar{display:none}.mobile-only{display:grid}.admin-content{padding:15px}.content-layout{grid-template-columns:1fr}.toc{position:static;display:flex;overflow:auto;gap:4px}.toc a{white-space:nowrap}.site-footer{flex-direction:column;align-items:flex-start}.status-grid{grid-template-columns:1fr}}
@media(max-width:680px){:root{--header:58px}.site-header{padding:0 13px}.site-nav a.hide-mobile{display:none}.container{width:min(100% - 22px,1180px)}.hero{padding:46px 0 28px}.hero h1{font-size:3.15rem}.hero p{font-size:1rem}.hero-actions .btn{flex:1}.hero-stats{gap:16px}.feature-grid,.legal-strip{grid-template-columns:1fr}.section{padding:48px 0}.section-head{align-items:flex-start;flex-direction:column}.app-shell{display:block;height:100dvh}.server-rail,.channel-panel,.members-panel{display:none}.chat-panel{height:100dvh;grid-template-rows:54px minmax(0,1fr) auto}.chat-head{padding:0 10px}.chat-head .desc{display:none}.chat-actions .hide-mobile{display:none}.messages{padding:11px 8px}.message{grid-template-columns:35px 1fr;padding:7px 4px}.avatar{width:34px;height:34px;border-radius:11px}.composer-wrap{padding:7px 8px max(9px,env(safe-area-inset-bottom))}.composer{border-radius:13px}.composer .hide-mobile{display:none}.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:12px}.stat-card .v{font-size:1.35rem}.admin-top{padding:0 11px}.admin-content{padding:11px}.page-title{font-size:1.3rem}.panel-body{padding:11px}.status-hero h1{font-size:2.2rem}.auth-form-wrap{padding:20px}.content-page{padding-top:26px}.prose h1{font-size:2.4rem}}
@media(max-width:410px){.stats-grid{grid-template-columns:1fr}.hero h1{font-size:2.75rem}.site-header .btn-sm{display:none}}

/* Advanced modules */
.community-nav{max-width:72vw;overflow:auto;scrollbar-width:none}.community-nav::-webkit-scrollbar{display:none}.community-nav a.active{color:#fff;background:#1b2030;border-radius:9px}
.pricing-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.pricing-card{display:flex;flex-direction:column;min-height:330px}.pricing-card.featured{border-color:rgba(124,103,255,.6);box-shadow:0 18px 60px rgba(124,103,255,.14)}.pricing-card .price{font-size:1.55rem;font-weight:950;margin:12px 0 4px}.clean-list{list-style:none;padding:0;margin:18px 0;display:grid;gap:9px;color:#cbd3e1;font-size:.86rem}.pricing-card .btn{margin-top:auto}
.roadmap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start}.roadmap-item{border:1px solid var(--line);border-radius:13px;padding:13px;background:#0f131b;margin-bottom:10px}.roadmap-item strong,.roadmap-item small{display:block}.roadmap-item small{color:var(--muted);margin:5px 0 11px}
.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border-bottom:0}.setting-row strong,.setting-row small{display:block}.setting-row small{color:var(--muted);margin-top:4px;font-size:.75rem}.setting-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary);flex:none}
.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;text-align:center}.calendar-day-name{font-size:.7rem;padding:6px}.calendar-day{padding:10px 5px;min-height:62px;border:1px solid var(--line);border-radius:12px;background:#0f131b}.calendar-day.active{border-color:var(--primary)}.calendar-day div{font-size:.65rem;margin-top:6px}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.crisis-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.voice-room{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid var(--line)}.voice-room:last-child{border-bottom:0}.voice-room strong,.voice-room small{display:block}.voice-room small{color:var(--muted);margin-top:3px}
.maintenance-preview{text-align:center;border:1px dashed var(--line);border-radius:14px;padding:32px 16px;background:#0e1219}.maintenance-preview p{color:var(--muted)}
.profile-activity{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid var(--line);border-radius:14px;background:#0d1118}.profile-activity strong,.profile-activity small{display:block}.profile-activity p{margin:7px 0 0;color:#cfd6e4}
.sensitive-preview{display:grid;grid-template-columns:180px 1fr;gap:16px;align-items:center;margin-top:18px;padding:14px;border:1px solid var(--line);border-radius:14px}.blur-media{height:110px;border-radius:12px;display:grid;place-items:center;font-size:2rem;background:linear-gradient(135deg,#353b4c,#1a1e28);filter:blur(6px);user-select:none}.code-card{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:16px 0}.code-card>div{background:#0d1118;border:1px solid var(--line);padding:11px;border-radius:10px}.code-card span,.code-card code{display:block}.code-card span{font-size:.7rem;color:var(--muted);margin-bottom:5px}
.timeline{display:grid;gap:0}.timeline>div{position:relative;padding:0 0 18px 25px;border-left:2px solid #30384c}.timeline>div::before{content:"";position:absolute;left:-6px;top:2px;width:10px;height:10px;background:var(--primary);border-radius:50%;box-shadow:0 0 0 4px #11151e}.timeline>div:last-child{padding-bottom:0}.timeline strong,.timeline small{display:block}.timeline small{color:var(--muted);margin-top:4px}
.command-palette{position:absolute;left:16px;right:16px;bottom:76px;z-index:30;border:1px solid var(--line);background:#111722;border-radius:14px;padding:8px;box-shadow:var(--shadow);max-height:270px;overflow:auto}.composer-wrap{position:relative}.command-palette button{width:100%;border:0;background:transparent;color:var(--text);display:grid;grid-template-columns:28px 90px 1fr;gap:8px;align-items:center;text-align:left;padding:9px;border-radius:9px}.command-palette button:hover{background:#202737}.command-palette span{color:var(--muted);font-size:.78rem}.composer-warning{margin:0 0 8px;border:1px solid rgba(255,202,102,.25);background:rgba(255,202,102,.08);color:#ffe0a4;padding:9px 11px;border-radius:10px;font-size:.78rem}

@media(max-width:1250px){.pricing-grid{grid-template-columns:repeat(3,1fr)}.roadmap-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.community-nav{max-width:65vw}.pricing-grid{grid-template-columns:repeat(2,1fr)}.roadmap-grid{grid-template-columns:1fr}.sensitive-preview{grid-template-columns:1fr}.code-card{grid-template-columns:1fr}.calendar-grid{gap:4px}.calendar-day{min-height:54px;padding:7px 3px}.crisis-actions{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.pricing-grid{grid-template-columns:1fr}.community-nav{display:flex;position:absolute;left:0;right:0;top:58px;max-width:none;background:#0d1017;border-bottom:1px solid var(--line);padding:5px 8px;z-index:19}.community-nav a{white-space:nowrap}.community-page{padding-top:78px}.crisis-actions{grid-template-columns:1fr}.command-palette{left:8px;right:8px;bottom:68px}.command-palette button{grid-template-columns:25px 78px 1fr;font-size:.8rem}.calendar-day div{font-size:.55rem}.timeline>div{padding-left:20px}}

/* ========================================================================== */
/* Chamadas WebRTC / LiveKit                                                  */
/* ========================================================================== */
body:has(.call-shell){overflow:hidden;background:#090b10}
.call-shell{height:100dvh;display:grid;grid-template-rows:68px minmax(0,1fr) 86px;background:radial-gradient(circle at 45% 20%,rgba(124,103,255,.08),transparent 34%),#090b10}
.call-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(12,14,20,.92);backdrop-filter:blur(18px);z-index:8}
.call-top-left,.call-top-actions{display:flex;align-items:center;gap:12px}.call-channel-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:rgba(124,103,255,.12);font-size:1.1rem}.call-title{font-weight:900;font-size:1.02rem}.call-subtitle{color:var(--muted);font-size:.78rem;margin-top:2px}
.call-quality{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:7px 11px;color:var(--muted);font-size:.76rem;font-weight:800}.call-quality i,.participant-quality-dot{width:8px;height:8px;border-radius:50%;background:#667086;display:inline-block}.call-quality[data-quality="excellent"] i,.participant-quality-dot[data-quality="excellent"]{background:var(--ok);box-shadow:0 0 10px rgba(61,220,151,.55)}.call-quality[data-quality="good"] i,.participant-quality-dot[data-quality="good"]{background:#85d58f}.call-quality[data-quality="poor"] i,.participant-quality-dot[data-quality="poor"]{background:var(--warn)}.call-quality[data-quality="lost"] i,.participant-quality-dot[data-quality="lost"]{background:var(--danger)}
.call-main{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 300px}.call-stage{position:relative;min-width:0;min-height:0;overflow:auto;padding:18px}.call-members{border-left:1px solid rgba(255,255,255,.07);background:#10131a;display:flex;flex-direction:column;min-width:0;overflow:hidden}.call-panel-head{padding:18px;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.06)}.call-panel-head strong{display:block}.call-panel-head span{display:block;color:var(--muted);font-size:.75rem;margin-top:3px}.call-member-list{padding:10px;overflow:auto;flex:1}.call-member{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;border-radius:12px;padding:9px;text-align:left}.call-member:hover{background:rgba(255,255,255,.05)}.call-member-avatar{width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,#7662ff,#3ea7ff);display:grid;place-items:center;font-weight:900;position:relative;flex:none}.online-dot{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border:2px solid #10131a;border-radius:50%;background:var(--ok)}.call-member-meta{min-width:0;flex:1}.call-member-meta strong,.call-member-meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-member-meta small{color:var(--muted);font-size:.72rem;margin-top:2px}.call-member-icons{font-size:.75rem;white-space:nowrap}.call-panel-section{padding:15px;border-top:1px solid rgba(255,255,255,.07)}.call-panel-section>strong{font-size:.8rem}.call-info-row{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:.73rem;margin-top:10px}
.video-grid{height:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(190px,1fr);gap:12px;align-content:center}.video-grid[data-layout="speaker"]{grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(300px,1fr)}.participant-tile{position:relative;overflow:hidden;min-height:190px;border-radius:18px;background:linear-gradient(145deg,#141925,#0e1118);border:1px solid rgba(255,255,255,.07);box-shadow:0 12px 32px rgba(0,0,0,.18);isolation:isolate}.participant-tile.speaking{border-color:rgba(61,220,151,.82);box-shadow:0 0 0 2px rgba(61,220,151,.12),0 12px 32px rgba(0,0,0,.25)}.participant-media{position:absolute;inset:0;display:grid;place-items:center;background:#090c12}.participant-media video{width:100%;height:100%;object-fit:cover;display:block}.participant-media video[data-track-source="screen_share"]{object-fit:contain;background:#05070a}.participant-media video.mirror{transform:scaleX(-1)}.participant-placeholder{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,rgba(124,103,255,.12),transparent 38%);z-index:-1}.participant-avatar{width:82px;height:82px;border-radius:30px;background:linear-gradient(135deg,#5f50dd,#3f84d8);display:grid;place-items:center;font-weight:950;font-size:1.7rem;box-shadow:0 10px 36px rgba(40,43,70,.38)}.participant-tile.camera-on .participant-placeholder{opacity:0}.participant-top-badges{position:absolute;top:10px;left:10px;right:10px;display:flex;align-items:center;gap:8px;pointer-events:none}.participant-quality-dot{width:9px;height:9px}.screen-badge{background:rgba(5,7,10,.72);border:1px solid rgba(255,255,255,.12);padding:5px 8px;border-radius:9px;font-size:.7rem}.participant-footer{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:28px 12px 11px;background:linear-gradient(transparent,rgba(0,0,0,.72))}.participant-footer strong{font-size:.82rem;text-shadow:0 1px 4px #000}.participant-speaking-label{display:block;font-size:.68rem;color:#94ecc0}.participant-state-icons{display:flex;gap:5px;font-size:.73rem}.participant-state-icons .off{opacity:.55}
.call-notice{position:absolute;top:28px;left:50%;transform:translateX(-50%);z-index:6;max-width:min(680px,calc(100% - 34px));display:flex;align-items:center;gap:12px;padding:10px 13px;border-radius:13px;background:rgba(29,34,48,.95);border:1px solid var(--line);box-shadow:var(--shadow);font-size:.8rem}.call-notice span{flex:1}.screen-focus{position:absolute;inset:18px;z-index:5;background:#080a0e;border:1px solid var(--line);border-radius:18px;overflow:hidden;display:grid;grid-template-rows:46px minmax(0,1fr);box-shadow:var(--shadow)}.screen-focus-head{display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#11151d;border-bottom:1px solid var(--line)}.screen-focus-media{min-height:0;display:grid;place-items:center}.screen-focus-media video{width:100%;height:100%;object-fit:contain;background:#050609}
.call-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;padding:10px 18px;border-top:1px solid rgba(255,255,255,.08);background:rgba(12,14,20,.96);z-index:9}.call-self-mini{display:flex;align-items:center;gap:10px;min-width:0}.call-self-mini>div:last-child{min-width:0}.call-self-mini strong,.call-self-mini span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-self-mini strong{font-size:.8rem}.call-self-mini span{color:var(--muted);font-size:.7rem;margin-top:2px}.call-control-center{display:flex;align-items:center;justify-content:center;gap:8px}.call-control{width:58px;height:58px;border:1px solid rgba(255,255,255,.09);background:#202634;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.call-control span{font-size:1.1rem}.call-control small{font-size:.57rem;color:#b7c0d2}.call-control:hover{background:#2a3141}.call-control.off{background:#38242b;border-color:rgba(255,107,122,.25)}.call-control.danger{background:#e34f61;border-color:#e34f61}.call-control.danger small{color:white}.call-timer{justify-self:end;font-variant-numeric:tabular-nums;color:var(--muted);font-weight:800;font-size:.78rem;border:1px solid var(--line);border-radius:10px;padding:8px 10px}
.prejoin-overlay{position:fixed;inset:0;z-index:100;background:rgba(5,6,9,.9);backdrop-filter:blur(16px);display:grid;place-items:center;padding:22px;overflow:auto}.prejoin-overlay[hidden]{display:none}.prejoin-card{width:min(1000px,100%);background:linear-gradient(180deg,#171b25,#11141b);border:1px solid var(--line);border-radius:25px;box-shadow:0 30px 100px rgba(0,0,0,.55);padding:24px}.prejoin-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.prejoin-header h1{margin:4px 0;font-size:1.55rem}.prejoin-header p{margin:0;color:var(--muted)}.prejoin-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:22px}.prejoin-preview{position:relative;min-height:400px;border-radius:20px;overflow:hidden;background:radial-gradient(circle at 50% 38%,rgba(124,103,255,.16),transparent 37%),#0b0e14;border:1px solid rgba(255,255,255,.08);display:grid;place-items:center}.prejoin-preview video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.prejoin-avatar{width:110px;height:110px;border-radius:38px;display:grid;place-items:center;font-weight:950;font-size:2.3rem;background:linear-gradient(135deg,#6e5dec,#3e8fd7)}.prejoin-preview.camera-on .prejoin-avatar{opacity:0}.prejoin-name{position:absolute;bottom:12px;left:12px;padding:6px 9px;border-radius:9px;background:rgba(0,0,0,.58);font-size:.8rem;font-weight:800}.prejoin-options{display:flex;flex-direction:column;gap:12px}.field{display:grid;gap:6px}.field label{font-size:.76rem;font-weight:800;color:#c6cede}.field select,.field input,.field textarea{width:100%;background:#0e1118;border:1px solid var(--line);border-radius:11px;padding:10px 11px;outline:none}.field select:focus,.field input:focus{border-color:var(--primary)}.prejoin-toggles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.prejoin-toggles .active{border-color:rgba(61,220,151,.35);background:rgba(61,220,151,.08)}.check-row{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.77rem}.check-row input{accent-color:var(--primary)}.btn-large{padding:13px 18px}.prejoin-help{font-size:.72rem;line-height:1.45;margin:0}
.modal-backdrop{position:fixed;inset:0;z-index:120;background:rgba(0,0,0,.67);backdrop-filter:blur(9px);display:grid;place-items:center;padding:18px}.modal-backdrop[hidden]{display:none}.settings-modal{width:min(880px,100%);max-height:min(760px,calc(100dvh - 36px));overflow:auto;background:#151923;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:20px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:16px}.modal-head h2{margin:3px 0 0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.settings-grid section{display:flex;flex-direction:column;gap:12px}.settings-grid section:last-child{grid-column:1/-1}.settings-grid h3{font-size:.9rem;margin:0}.segmented{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden}.segmented button{border:0;border-right:1px solid var(--line);background:#0f1219;padding:9px 7px;font-size:.72rem}.segmented button:last-child{border-right:0}.segmented button.active{background:var(--primary);color:white}.diagnostic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.diagnostic-grid div{padding:10px;border:1px solid var(--line);border-radius:12px;background:#0f1219}.diagnostic-grid span,.diagnostic-grid strong{display:block}.diagnostic-grid span{color:var(--muted);font-size:.65rem}.diagnostic-grid strong{font-size:.78rem;margin-top:4px}
.participant-menu{position:fixed;z-index:140;width:260px;background:#171b25;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:12px}.participant-menu[hidden]{display:none}.participant-menu-name{font-weight:900;margin-bottom:10px}.participant-menu label{display:flex;justify-content:space-between;color:var(--muted);font-size:.72rem}.participant-menu input[type="range"]{width:100%;margin:8px 0 10px;accent-color:var(--primary)}.participant-menu button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:9px;border-radius:9px;color:#dbe1ec;font-size:.76rem}.participant-menu button:hover{background:#222837}.call-toast{position:fixed;z-index:180;right:18px;top:84px;max-width:min(380px,calc(100vw - 36px));padding:11px 14px;border-radius:12px;background:#1a1f2b;border:1px solid var(--line);box-shadow:var(--shadow);font-size:.8rem;opacity:0;transform:translateY(-8px);transition:.2s}.call-toast.show{opacity:1;transform:none}.call-toast.error{border-color:rgba(255,107,122,.35)}.call-toast.success{border-color:rgba(61,220,151,.35)}

@media (min-width:1500px){.video-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(220px,1fr)}.call-main{grid-template-columns:minmax(0,1fr) 330px}}
@media (max-width:1050px){.call-main{grid-template-columns:minmax(0,1fr)}.call-members{position:fixed;z-index:30;top:68px;right:0;bottom:86px;width:min(330px,88vw);transform:translateX(100%);transition:.2s;box-shadow:-20px 0 50px rgba(0,0,0,.38)}.call-members.open{transform:none}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prejoin-layout{grid-template-columns:1fr 340px}.prejoin-preview{min-height:340px}.call-self-mini{display:none}.call-controls{grid-template-columns:1fr auto}.call-control-center{justify-self:start}.call-timer{justify-self:end}}
@media (max-width:760px){body:has(.call-shell){overscroll-behavior:none}.call-shell{grid-template-rows:60px minmax(0,1fr) calc(78px + env(safe-area-inset-bottom))}.call-topbar{padding:0 10px}.call-top-left{gap:8px}.call-channel-icon{display:none}.call-subtitle{max-width:42vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-quality span{display:none}.call-quality{padding:8px}.call-main{min-height:0}.call-stage{padding:8px}.video-grid,.video-grid[data-layout="speaker"]{grid-template-columns:1fr;grid-auto-rows:minmax(180px,1fr);gap:7px;align-content:stretch}.participant-tile{min-height:160px;border-radius:14px}.participant-avatar{width:68px;height:68px;border-radius:25px;font-size:1.35rem}.participant-footer{padding:22px 9px 8px}.call-members{top:60px;bottom:calc(78px + env(safe-area-inset-bottom))}.call-controls{padding:8px 8px calc(8px + env(safe-area-inset-bottom));display:flex;justify-content:center}.call-control-center{width:100%;gap:6px}.call-control{flex:1;max-width:64px;width:auto;height:54px;border-radius:15px}.call-control span{font-size:1rem}.call-control small{font-size:.52rem}.call-timer{display:none}.screen-focus{inset:8px;border-radius:14px}.screen-focus-head{font-size:.72rem}.call-notice{top:14px}.prejoin-overlay{padding:0;background:#0c0f15}.prejoin-card{min-height:100dvh;border-radius:0;border:0;padding:16px;display:flex;flex-direction:column}.prejoin-header{margin-bottom:14px}.prejoin-header h1{font-size:1.25rem}.prejoin-layout{grid-template-columns:1fr;gap:14px;flex:1}.prejoin-preview{min-height:260px;max-height:43dvh}.prejoin-avatar{width:82px;height:82px;border-radius:28px;font-size:1.7rem}.prejoin-options{gap:9px}.prejoin-toggles{grid-template-columns:1fr 1fr}.settings-modal{height:100dvh;max-height:none;border-radius:0;border:0;padding:16px}.settings-grid{grid-template-columns:1fr}.settings-grid section:last-child{grid-column:auto}.diagnostic-grid{grid-template-columns:1fr 1fr}.segmented{grid-template-columns:1fr 1fr}.segmented button{border-bottom:1px solid var(--line)}.participant-menu{left:12px!important;right:12px!important;bottom:calc(85px + env(safe-area-inset-bottom));top:auto!important;width:auto}.call-compact-mobile .participant-footer{padding-top:16px}.call-compact-mobile .participant-tile{min-height:130px}}
@media (max-width:430px){.call-control small{display:none}.call-control{height:50px;max-width:58px}.call-control span{font-size:1.08rem}.prejoin-toggles{grid-template-columns:1fr}.call-top-actions{gap:6px}.call-top-actions .icon-btn{width:36px;height:36px}.participant-tile{min-height:145px}.video-grid{grid-auto-rows:minmax(145px,1fr)}}

/* Voz e vídeo: teste de dispositivos */
.device-test-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:18px}.device-video-preview{position:relative;min-height:370px;border-radius:18px;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(124,103,255,.15),transparent 36%),#0b0e14;border:1px solid var(--line);display:grid;place-items:center}.device-video-preview video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.device-video-empty{display:grid;place-items:center;gap:6px;color:var(--muted);text-align:center}.device-video-empty strong{color:var(--text)}.device-camera-icon{font-size:3rem}.mic-test-line{margin-top:14px}.mic-test-line>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:.78rem}.mic-meter{height:10px;background:#0d1017;border-radius:99px;overflow:hidden;border:1px solid var(--line);margin-top:7px}.mic-meter span{display:block;height:100%;width:0;background:linear-gradient(90deg,#6f63e8,#4ad89b);transition:width .08s linear}.device-test-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.device-status{font-size:.72rem;border:1px solid var(--line);padding:5px 8px;border-radius:999px;color:var(--muted)}.device-status[data-kind="ok"]{color:#75e7b2;border-color:rgba(75,214,151,.35);background:rgba(75,214,151,.08)}.device-status[data-kind="error"]{color:#ff9b9b;border-color:rgba(255,93,93,.35);background:rgba(255,93,93,.08)}

/* Anti-scam, quarentena e acesso oficial da Equipe */
.risk-score{display:flex;align-items:center;gap:12px}.risk-ring{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#ffb14a var(--risk,60%),rgba(255,255,255,.07) 0);position:relative}.risk-ring:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#141923}.risk-ring strong{position:relative;z-index:1}.quarantine-banner{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:16px;border:1px solid rgba(255,177,74,.3);background:rgba(255,177,74,.08)}.staff-access-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.staff-access-card:last-child{border-bottom:0}.visibility-pill{font-size:.68rem;border-radius:999px;padding:5px 8px;border:1px solid var(--line)}.visibility-pill.hidden{color:#d5c7ff;border-color:rgba(150,120,255,.3);background:rgba(150,120,255,.08)}.visibility-pill.public{color:#80e8b9;border-color:rgba(80,220,150,.3);background:rgba(80,220,150,.08)}.staff-access-form{display:grid;gap:12px}.permission-matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.permission-matrix .setting-row{margin:0}.scam-domain{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.scam-domain:last-child{border-bottom:0}.scam-domain code{font-size:.72rem;overflow-wrap:anywhere}
@media(max-width:900px){.device-test-grid{grid-template-columns:1fr}.device-video-preview{min-height:320px}.permission-matrix{grid-template-columns:1fr}}
@media(max-width:600px){.device-video-preview{min-height:250px}.device-test-actions .btn{flex:1 1 100%}.staff-access-card{grid-template-columns:auto 1fr}.staff-access-card>:last-child{grid-column:1/-1}.risk-ring{width:62px;height:62px}}
.scam-warning{border-color:rgba(255,177,74,.34)!important;background:rgba(255,177,74,.08)!important;color:#ffd298!important}

/* Settings Center v2 */
.settings-center-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:22px;align-items:start}.settings-nav{position:sticky;top:76px;max-height:calc(100dvh - 94px);overflow:auto;border:1px solid var(--line);border-radius:18px;background:#11151e;padding:8px}.settings-nav-head{padding:12px 11px 14px;border-bottom:1px solid var(--line);margin-bottom:6px}.settings-nav-head strong,.settings-nav-head small{display:block}.settings-nav-head small{color:var(--muted);margin-top:4px}.settings-nav a{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:10px;color:var(--muted);font-size:.82rem;font-weight:750}.settings-nav a:hover,.settings-nav a.active{background:#1c2230;color:var(--text)}.settings-nav a.active{box-shadow:inset 3px 0 0 var(--primary)}.settings-main{min-width:0}.settings-title-row{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.save-state{font-size:.72rem;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:6px 9px;white-space:nowrap}.settings-panel .panel-body{padding:6px 18px}.settings-field-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,260px);align-items:center;gap:24px;padding:15px 0;border-bottom:1px solid var(--line)}.settings-field-row:last-child{border-bottom:0}.settings-field-copy strong,.settings-field-copy small{display:block}.settings-field-copy small{color:var(--muted);font-size:.73rem;margin-top:4px;line-height:1.45}.settings-field-copy .locked-note{color:#c8b7ff}.settings-field-control{display:flex;justify-content:flex-end}.settings-field-control select,.compact-input{width:100%;max-width:260px}.switch{display:inline-flex;position:relative;width:44px;height:25px}.switch input{position:absolute;opacity:0}.switch span{position:absolute;inset:0;background:#2b3242;border:1px solid #394153;border-radius:999px;transition:.18s}.switch span:after{content:"";position:absolute;width:19px;height:19px;left:2px;top:2px;border-radius:50%;background:#fff;transition:.18s}.switch input:checked+span{background:var(--primary);border-color:var(--primary)}.switch input:checked+span:after{transform:translateX(19px)}.switch input:disabled+span{opacity:.55;cursor:not-allowed}.settings-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.security-line{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.gif-settings-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.gif-preview-tile{aspect-ratio:1.25;border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,#252b3d,#151923);display:grid;place-items:center;font-weight:900}.gif-picker{width:min(920px,100%);max-height:min(780px,calc(100dvh - 36px));overflow:auto;background:#151923;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:18px}.gif-search-row{display:grid;grid-template-columns:1fr auto;gap:9px}.gif-grid{columns:4 150px;column-gap:8px;margin-top:10px}.gif-tile{width:100%;break-inside:avoid;margin:0 0 8px;border:0;padding:0;border-radius:12px;overflow:hidden;background:#0f1219;position:relative}.gif-tile img{display:block;width:100%;height:auto}.gif-tile span{position:absolute;left:0;right:0;bottom:0;padding:20px 7px 6px;background:linear-gradient(transparent,rgba(0,0,0,.72));font-size:.6rem;text-align:left;opacity:0;transition:.15s}.gif-tile:hover span{opacity:1}.gif-attribution{text-align:right;color:var(--muted);font-size:.68rem;font-weight:800;margin-top:10px}.gif-fallback-card{width:100%;padding:32px;border:1px dashed var(--line);border-radius:15px;background:#10141d;color:var(--text);display:grid;gap:7px;place-items:center}.gif-fallback-card strong,.gif-fallback-card small{display:block}.gif-fallback-card small{color:var(--muted)}
/* Social center */
.social-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px}.social-nav{position:sticky;top:76px;border:1px solid var(--line);border-radius:16px;background:#11151e;padding:10px}.social-nav h3{padding:7px 9px;margin:0 0 5px}.social-nav a{display:block;padding:10px;border-radius:9px;color:var(--muted);font-weight:750}.social-nav a.active,.social-nav a:hover{background:#1d2331;color:var(--text)}.social-main{min-width:0}.social-tabs{display:flex;gap:7px;margin:16px 0;overflow:auto}.social-tabs button{border:1px solid var(--line);background:#11151e;color:var(--muted);padding:8px 12px;border-radius:999px;white-space:nowrap}.social-tabs button.active{background:var(--primary);border-color:var(--primary);color:white}.social-list{display:grid;gap:2px}.social-person{display:flex;align-items:center;gap:11px;padding:10px 4px;border-bottom:1px solid var(--line)}.social-person:last-child{border-bottom:0}.social-person-copy{flex:1;min-width:0}.social-person-copy strong,.social-person-copy small{display:block}.social-person-copy small{color:var(--muted);margin-top:3px}.social-actions{display:flex;gap:5px}.dm-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:14px;min-height:560px}.conversation-item{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;background:transparent;border:0;color:var(--text);text-align:left;padding:9px;border-radius:10px}.conversation-item:hover{background:#1c2230}.conversation-item span strong,.conversation-item span small{display:block}.conversation-item span small,.conversation-item time{color:var(--muted);font-size:.67rem}.dm-preview{display:grid;grid-template-rows:auto 1fr auto}.dm-message-area{padding:18px;display:flex;flex-direction:column;gap:12px;justify-content:flex-end}.dm-bubble{max-width:76%;padding:10px 12px;border-radius:14px;background:#272f43;align-self:flex-end}.dm-bubble.other{align-self:flex-start;background:#1b202d}.dm-bubble strong{font-size:.7rem}.dm-bubble p{margin:4px 0 0}.dm-composer{display:grid;grid-template-columns:auto 1fr auto auto auto;gap:6px;padding:10px;border-top:1px solid var(--line)}.dm-composer input{border:1px solid var(--line);background:#0f1219;border-radius:10px;padding:9px;color:var(--text)}.dm-composer button{border:0;background:#202636;color:var(--text);border-radius:9px}.group-card .group-icon{font-size:2rem}.group-card-actions{display:flex;gap:7px;flex-wrap:wrap}.favorites-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:900px){.settings-center-layout,.social-layout{grid-template-columns:1fr}.settings-nav,.social-nav{position:static;display:flex;overflow:auto;max-height:none}.settings-nav-head{display:none}.settings-nav a,.social-nav a{white-space:nowrap}.settings-field-row{grid-template-columns:1fr;gap:10px}.settings-field-control{justify-content:flex-start}.settings-cards-grid,.favorites-grid,.dm-layout{grid-template-columns:1fr}.dm-conversation-list{max-height:260px}.gif-grid{columns:3 120px}}
@media(max-width:560px){.settings-title-row{flex-direction:column}.settings-panel .panel-body{padding:4px 12px}.gif-picker{height:100dvh;max-height:none;border-radius:0;border:0}.gif-grid{columns:2 120px}.social-actions .btn{padding:7px}.dm-layout{min-height:0}.dm-preview{min-height:520px}}
.composer-gif-btn{font-size:.68rem;font-weight:900;letter-spacing:.02em}
@media(max-width:420px){.composer-gif-btn{width:34px!important;font-size:.58rem}.composer button[title="Emoji"]{display:none}}
.social-user-results{display:grid;gap:5px;max-height:320px;overflow:auto}.social-search-result{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;border:1px solid var(--line);background:#10141d;color:var(--text);padding:9px;border-radius:10px;text-align:left}.social-search-result:hover{background:#1c2230}.social-search-result strong,.social-search-result small{display:block}.social-search-result small{color:var(--muted);margin-top:2px}

/* Register / onboarding */
.register-form{width:min(560px,100%)}
.register-password-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.field-help{display:block;color:var(--muted);font-size:.72rem;line-height:1.45;margin-top:6px}
.password-field{position:relative}.password-field .input{padding-right:46px}.password-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;border-radius:9px;background:transparent;color:var(--muted)}.password-toggle:hover{background:rgba(255,255,255,.06);color:var(--text)}
.legal-consent-box{margin-top:18px;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:14px;padding:13px;display:grid;gap:10px}.legal-consent-box>small{color:var(--muted);font-size:.69rem;line-height:1.45}.consent-row{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:start;color:#cbd2e1;font-size:.79rem;line-height:1.45}.consent-row input{margin-top:3px;accent-color:var(--primary)}.consent-row a{color:#b7abff;text-decoration:underline;text-underline-offset:2px}.register-side-points{display:grid;gap:8px;margin-top:24px;color:#cbd3e3;font-size:.86rem}.register-side-points span{display:flex;gap:8px;align-items:center}
@media(max-width:700px){.register-password-grid{grid-template-columns:1fr}.register-form{width:min(480px,100%)}}

/* Translation / device approval / recovery / support / owner account history */
.translation-actions{display:flex;gap:8px;margin-top:6px}.message-inline-action{border:0;background:transparent;color:var(--muted);font:inherit;font-size:.78rem;cursor:pointer;padding:2px 0}.message-inline-action:hover{color:var(--text)}.message-inline-action:disabled{opacity:.55;cursor:wait}
.narrow-page{max-width:920px}.security-request{display:flex;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--border)}.security-request:last-child{border-bottom:0}.security-request-main{display:flex;flex:1;flex-direction:column;gap:3px}.security-request-main small{color:var(--muted)}.security-request-actions{display:flex;gap:8px;flex-wrap:wrap}.security-wait-card{display:flex;flex-direction:column;gap:6px;max-width:420px;margin:18px auto;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}
.danger-panel{border-color:rgba(255,90,100,.35)}.recovery-checklist{display:grid;gap:10px;margin:0 0 20px}.recovery-steps{display:grid;gap:10px;padding-left:20px}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0}.settings-toggle-row span{display:flex;flex-direction:column;gap:3px}.settings-toggle-row small{color:var(--muted)}
.support-layout{max-width:1120px}.support-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:18px}.support-ticket-row{display:flex;justify-content:space-between;align-items:center;gap:14px;text-decoration:none;color:inherit;padding:14px;border-bottom:1px solid var(--border)}.support-ticket-row:hover{background:var(--surface-2)}.support-ticket-row>div{display:flex;flex-direction:column;gap:4px}.support-ticket-row>div:last-child{align-items:flex-end}.support-ticket-row small{color:var(--muted)}.support-thread{display:grid;gap:12px;max-height:58vh;overflow:auto;padding-right:6px}.support-message{padding:13px 15px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border)}.support-message.internal{background:rgba(255,190,80,.08);border-color:rgba(255,190,80,.3)}.support-message time{float:right;color:var(--muted);font-size:.75rem}.support-message p{white-space:pre-wrap}.support-reply{display:grid;gap:12px;margin-top:18px}
.account-snapshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.account-snapshot-grid>div{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.account-snapshot-grid small,.history-change small{color:var(--muted)}.account-history-list{display:grid;gap:12px}.history-change{padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}.history-change-head{display:flex;justify-content:space-between;gap:14px;margin-bottom:10px}.history-change-head time{color:var(--muted);font-size:.8rem}.history-compare{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin-bottom:8px}.history-compare>div{display:flex;flex-direction:column;gap:5px;min-width:0}.history-compare code{white-space:pre-wrap;word-break:break-word;padding:9px;border-radius:9px;background:var(--surface-1)}
@media(max-width:800px){.support-grid{grid-template-columns:1fr}.security-request{align-items:flex-start;flex-wrap:wrap}.security-request-actions{width:100%}.account-snapshot-grid{grid-template-columns:1fr 1fr}.history-compare{grid-template-columns:1fr}.history-compare>span{transform:rotate(90deg);justify-self:center}}
@media(max-width:520px){.account-snapshot-grid{grid-template-columns:1fr}.security-request-actions .btn{flex:1}.support-ticket-row{align-items:flex-start}.support-ticket-row>div:last-child{align-items:flex-start}}
.history-media-value{display:grid;grid-template-columns:52px minmax(0,1fr);gap:8px;align-items:center}.history-media-value img{width:52px;height:52px;border-radius:10px;object-fit:cover;border:1px solid var(--border)}

.login-approval-global-alert{position:fixed;right:18px;bottom:18px;z-index:1200;width:min(430px,calc(100vw - 28px));display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid rgba(139,123,255,.42);border-radius:16px;background:rgba(20,21,30,.96);box-shadow:0 18px 55px rgba(0,0,0,.38);backdrop-filter:blur(16px)}
.login-approval-global-alert>div:first-child{display:grid;gap:4px;min-width:0}.login-approval-global-alert span{font-size:.86rem;color:var(--muted,#9da2b3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-approval-global-alert>div:last-child{display:flex;gap:8px;align-items:center}@media(max-width:600px){.login-approval-global-alert{right:14px;bottom:78px;left:14px;width:auto}}
.account-snapshot-wide{grid-column:1/-1}.recovery-staff-action{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);display:grid;gap:10px}

/* Solqiri official brand assets */
.brand-logo{display:block;width:auto;height:44px;max-width:180px;object-fit:contain;filter:drop-shadow(0 7px 18px rgba(57,118,255,.14))}
.brand-mark-img{display:block;width:100%;height:100%;object-fit:contain}
.brand-mark.brand-image{padding:0;background:transparent;box-shadow:none;overflow:visible}
.admin-brand .brand-mark-img{width:40px;height:40px;filter:drop-shadow(0 7px 16px rgba(66,115,255,.18))}
.avatar.has-image{padding:0;background:transparent;overflow:hidden}
.avatar.has-image img,.avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.rail-logo.brand-rail{padding:3px;background:transparent;box-shadow:none;overflow:visible}
.rail-logo.brand-rail img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 14px rgba(65,128,255,.24))}
.prejoin-avatar.has-image,.participant-avatar.has-image,.call-member-avatar.has-image{padding:0;background:transparent;overflow:hidden}
.prejoin-avatar.has-image img,.participant-avatar.has-image img,.call-member-avatar.has-image img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
.participant-avatar.has-image{border-radius:30px}
.call-member-avatar.has-image{border-radius:13px}
.brand-official-avatar{background:transparent!important;overflow:hidden}
.brand-official-avatar img{width:100%;height:100%;display:block;object-fit:contain;border-radius:inherit}
@media(max-width:680px){.brand-logo{height:38px;max-width:145px}.site-header .brand{gap:7px}}
.profile-avatar-preview-row{display:flex;align-items:center;gap:14px;padding:12px 0 4px}.profile-avatar-preview{width:72px;height:72px;border-radius:24px;overflow:hidden;background:transparent}.profile-avatar-preview-row p{margin:5px 0 0;max-width:560px;font-size:.8rem}

/* Language center */
.language-center{overflow:hidden}.language-head{align-items:flex-start;gap:18px}.language-head p{margin:5px 0 0;max-width:720px}.language-current-pill{min-width:180px;border:1px solid var(--line);background:#0f131c;border-radius:14px;padding:10px 12px;text-align:right}.language-current-pill small,.language-current-pill strong{display:block}.language-current-pill small{color:var(--muted);font-size:.67rem}.language-current-pill strong{margin-top:3px}.language-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end}.language-search-field{margin:0}.language-note{border:1px solid var(--line);border-radius:12px;background:#0f131c;padding:10px 12px;min-width:220px}.language-note strong,.language-note span{display:block}.language-note span{font-size:.7rem;color:var(--muted);margin-top:2px}.language-az{display:flex;gap:5px;overflow:auto;padding:15px 0 12px;scrollbar-width:thin}.language-letter{border:1px solid var(--line);background:#121722;color:var(--muted);min-width:31px;height:31px;border-radius:8px;font-size:.66rem;font-weight:850;cursor:pointer}.language-letter:hover,.language-letter.active{background:#242c3d;color:var(--text);border-color:#53617c}.language-letter:disabled{opacity:.28;cursor:not-allowed}.language-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:600px;overflow:auto;padding-right:4px}.language-option{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;border:1px solid var(--line);background:#10151e;color:var(--text);padding:10px 12px;border-radius:13px;cursor:pointer}.language-option:hover{background:#171d29;border-color:#46516a}.language-option.selected{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);background:#19182b}.language-orb{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#102d58,#5736a6);display:grid;place-items:center;font-size:.85rem}.language-copy strong,.language-copy small{display:block}.language-copy small{color:var(--muted);font-size:.68rem;margin-top:2px}.language-status{font-size:.65rem;color:#c7baff;font-weight:800}.language-empty{grid-column:1/-1;border:1px dashed var(--line);border-radius:12px;padding:30px;text-align:center;color:var(--muted)}.language-explainer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.language-explainer-grid>div{border:1px solid var(--line);background:#10141d;border-radius:13px;padding:13px}.language-explainer-grid p{margin:6px 0 0;line-height:1.55;font-size:.76rem}html[dir="rtl"] .settings-nav a.active{box-shadow:inset -3px 0 0 var(--primary)}html[dir="rtl"] .language-option{text-align:right}html[dir="rtl"] .language-current-pill{text-align:left}
@media(max-width:900px){.language-list{grid-template-columns:1fr}.language-toolbar{grid-template-columns:1fr}.language-note{min-width:0}.language-explainer-grid{grid-template-columns:1fr}.language-current-pill{min-width:0;width:100%;text-align:left}.language-head{flex-direction:column}}

/* Premium / entitlements */
.premium-effective-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.premium-effective-grid .card{display:flex;flex-direction:column;gap:6px;min-height:88px}
.profile-avatar-preview-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.profile-avatar-preview{width:88px;height:88px}
@media(max-width:720px){.premium-effective-grid{grid-template-columns:1fr}.profile-avatar-preview-row{align-items:flex-start}}


/* Official contact directory */
.contact-center{max-width:1120px}.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.contact-card{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:start;padding:16px;border:1px solid var(--line);background:var(--surface-1,#11151e);border-radius:16px}.contact-card .card-icon{margin:0}.contact-card-copy h3{margin:2px 0 5px}.contact-card-copy p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.55}.contact-email{grid-column:2;color:#b9adff;font-weight:850;word-break:break-all;text-decoration:none}.contact-email:hover{text-decoration:underline}.contact-noreply{margin-top:16px}.contact-noreply p{margin:5px 0 0}.contact-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.contact-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.contact-mini{display:flex;flex-direction:column;gap:5px;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:var(--surface-1,#11151e);text-decoration:none;color:inherit;min-width:0}.contact-mini:hover{background:var(--surface-2,#171c27)}.contact-mini strong{color:#c5bbff;overflow-wrap:anywhere}.contact-mini span{color:var(--muted);font-size:.74rem}.legal-contact-strip,.billing-contact{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2,#151a24);margin-bottom:16px;color:var(--muted)}.legal-contact-strip a,.billing-contact a,.site-footer .footer-email a{color:#b9adff;text-decoration:none;font-weight:800}.legal-contact-strip a:hover,.billing-contact a:hover,.site-footer .footer-email a:hover{text-decoration:underline}.billing-contact{margin:0 0 18px}.site-footer{gap:14px;flex-wrap:wrap}.site-footer nav{flex-wrap:wrap}
@media(max-width:800px){.contact-grid{grid-template-columns:1fr}.contact-mini-grid{grid-template-columns:1fr}.contact-card{grid-template-columns:42px minmax(0,1fr)}}
/* Solqiri: Stage, gravação local e alertas de chamada */
.recording-banner{margin:10px 14px;padding:10px 14px;border:1px solid rgba(255,80,80,.45);border-radius:12px;background:rgba(120,20,20,.25);font-weight:700}.stage-queue-item{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08)}.stage-queue-item>div:first-child{display:flex;flex-direction:column}.stage-queue-item small{opacity:.7}.call-control.active#toggleRecording{outline:2px solid rgba(255,70,70,.65)}

/* Solqiri Ticket Center v2 */
.ticket-hero .panel-head{align-items:flex-start;gap:18px}.ticket-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.ticket-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.ticket-meta-grid>div{padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);display:grid;gap:4px}.ticket-meta-grid span{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.ticket-meta-grid strong{font-size:.86rem}.ticket-email-note{padding:11px 13px;border:1px solid rgba(109,40,217,.25);background:rgba(109,40,217,.08);border-radius:12px;color:var(--muted);font-size:.82rem;margin:12px 0}.support-message.staff{border-color:rgba(109,40,217,.25);background:rgba(109,40,217,.08)}.support-message.user{background:var(--surface-2)}.ticket-staff-workspace{display:grid;gap:14px;margin-top:18px}.ticket-actions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ticket-actions-grid form{display:flex;gap:8px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.ticket-actions-grid .input{min-width:0}.resolve-box,.resolved-user-box{padding:14px;border:1px solid rgba(74,222,128,.25);background:rgba(74,222,128,.06);border-radius:14px}.resolved-user-box h3{margin-top:0}.ticket-history{margin-top:18px;border-top:1px solid var(--border);padding-top:14px}.ticket-history summary{cursor:pointer;font-weight:800}.ticket-event-list{display:grid;gap:8px;margin-top:12px}.ticket-event-list>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--border)}.ticket-event-list small{color:var(--muted)}.ticket-stats-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:18px 0}.ticket-filter-panel{margin-bottom:14px}.ticket-filter-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1.5fr auto auto;gap:8px}.staff-queue-full{grid-template-columns:1fr}.ticket-list-body{padding:0}.priority-critical,.priority-urgent{border-color:rgba(255,82,82,.45)!important;background:rgba(255,82,82,.12)!important}.priority-high{border-color:rgba(255,171,64,.4)!important;background:rgba(255,171,64,.1)!important}.priority-low{opacity:.82}
@media(max-width:1050px){.ticket-stats-grid{grid-template-columns:repeat(3,1fr)}.ticket-filter-grid{grid-template-columns:1fr 1fr 1fr}.ticket-actions-grid{grid-template-columns:1fr}.ticket-meta-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.ticket-stats-grid{grid-template-columns:1fr 1fr}.ticket-filter-grid{grid-template-columns:1fr}.ticket-meta-grid{grid-template-columns:1fr}.ticket-hero .panel-head{flex-direction:column}.ticket-badges{justify-content:flex-start}.ticket-event-list>div{flex-direction:column;gap:2px}}
.ticket-admin-extras{align-items:start}.ticket-unmatched{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.ticket-unmatched:last-child{border-bottom:0}.ticket-unmatched small,.ticket-macro-row small{display:block;color:var(--muted);margin-top:3px}.ticket-unmatched p{font-size:.82rem;color:var(--muted);max-height:120px;overflow:auto}.ticket-unmatched form{display:flex;gap:6px;align-items:flex-start;flex-wrap:wrap}.ticket-macro-form{display:grid;gap:8px;margin-bottom:14px}.ticket-macro-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--border)}
@media(max-width:700px){.ticket-unmatched{grid-template-columns:1fr}.ticket-unmatched form{justify-content:flex-start}.ticket-admin-extras{grid-template-columns:1fr}}

/* ========================================================================== 
   Solqiri App Shell v11 — layout responsivo, completo e sem cortes
   ========================================================================== */
body.app-body{width:100%;height:100%;min-height:100%;overflow:hidden;background:#0b0e14}
body.app-body::before{display:none}
.app-body .app-shell{--rail-w:72px;--channels-w:272px;--members-w:248px;width:100%;max-width:100%;height:100dvh;min-height:0;display:grid;grid-template-columns:var(--rail-w) var(--channels-w) minmax(0,1fr) var(--members-w);overflow:hidden;background:#0b0e14;isolation:isolate}
.app-body .app-shell.home-mode{grid-template-columns:var(--rail-w) var(--channels-w) minmax(0,1fr)}
.app-body .app-shell>*{min-width:0;min-height:0}

/* Rail */
.app-body .server-rail{position:relative;z-index:30;background:#080a0f;border-right:1px solid #202638;padding:10px 8px;overflow-x:visible;overflow-y:auto;scrollbar-width:none}
.app-body .server-rail::-webkit-scrollbar{display:none}
.app-body .rail-logo,.app-body .server-btn{width:48px;height:48px;margin:6px auto;border-radius:16px;background:#191e2b;border:1px solid transparent;transition:background .16s,border-radius .16s,transform .16s,border-color .16s;position:relative;color:#dfe5f2}
.app-body .rail-logo{background:#101522;overflow:visible}
.app-body .rail-logo .brand-mark-img{width:42px;height:42px;object-fit:contain}
.app-body .server-btn img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.app-body .server-btn:hover,.app-body .rail-logo:hover{border-radius:13px;background:#262c3d;transform:translateY(-1px)}
.app-body .server-btn.active,.app-body .rail-logo.active{border-radius:13px;background:linear-gradient(135deg,#6653f4,#8a6cff);border-color:rgba(255,255,255,.12)}
.app-body .server-btn.active::before,.app-body .rail-logo.active::before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:4px;height:30px;border-radius:0 5px 5px 0;background:#fff}
.app-body .rail-action.create{font-size:1.45rem;color:#79e3b0}
.app-body .rail-action.discover{font-size:1.25rem;color:#9c90ff}
.app-body .server-btn[data-label]::after,.app-body .rail-logo[data-label]::after{content:attr(data-label);position:absolute;left:58px;top:50%;transform:translateY(-50%) translateX(-5px);z-index:200;pointer-events:none;opacity:0;white-space:nowrap;background:#07090e;color:#fff;border:1px solid #2b3245;border-radius:9px;padding:7px 9px;font-size:.75rem;font-weight:800;box-shadow:0 10px 30px rgba(0,0,0,.35);transition:.12s}
.app-body .server-btn[data-label]:hover::after,.app-body .rail-logo[data-label]:hover::after{opacity:1;transform:translateY(-50%) translateX(0)}

/* Navigation/channel sidebar */
.app-body .channel-panel{position:relative;z-index:20;background:#10131b;border-right:1px solid #252b3b;display:flex;flex-direction:column;overflow:hidden;min-height:0}
.app-body .community-head,.app-body .home-side-head{min-height:60px;border-bottom:1px solid #252b3b;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#11151e;box-shadow:0 1px 0 rgba(0,0,0,.2)}
.app-body .community-title-wrap,.app-body .home-side-head>div{min-width:0}
.app-body .community-title-wrap strong,.app-body .community-title-wrap small,.app-body .home-side-head strong,.app-body .home-side-head small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-body .community-title-wrap strong,.app-body .home-side-head strong{font-size:.92rem}
.app-body .community-title-wrap small,.app-body .home-side-head small{margin-top:2px;color:#838fa5;font-size:.67rem;font-weight:600}
.app-body .channel-scroll{flex:1;min-height:0;overflow:auto;padding:10px 7px 16px;scrollbar-width:thin;scrollbar-color:#2e3548 transparent}
.app-body .channel-category{margin:14px 8px 5px;color:#7d889c;font-size:.65rem;font-weight:900;letter-spacing:.075em;display:flex;align-items:center;justify-content:space-between;text-transform:uppercase}
.app-body .channel-category.nested{margin-top:16px}
.app-body .channel-category a{color:#7d889c;font-size:1rem;padding:0 3px}
.app-body .channel-category a:hover{color:#fff}
.app-body .channel{min-height:35px;padding:7px 9px;border-radius:8px;color:#a8b1c1;display:flex;align-items:center;gap:8px;font-size:.86rem;margin:1px 0}
.app-body .channel>span:not(.channel-icon){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.app-body .channel-icon{width:20px;flex:none;text-align:center;color:#7e899c;font-weight:900;font-size:1rem}
.app-body .channel:hover{background:#191e29;color:#e8ecf5}
.app-body .channel.active{background:#242a39;color:#fff;font-weight:750}
.app-body .channel.active .channel-icon{color:#a99fff}
.app-body .channel small{margin-left:auto;color:#7f8ba0;font-size:.67rem}

/* Personal/home sidebar */
.app-body .home-nav{padding:10px 8px;display:grid;gap:2px;overflow:auto}
.app-body .home-nav>a{min-height:48px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;padding:7px 9px;border-radius:10px;color:#a8b2c3}
.app-body .home-nav>a>span{width:32px;height:32px;border-radius:10px;background:#191e2a;display:grid;place-items:center;font-size:1rem}
.app-body .home-nav a strong,.app-body .home-nav a small{display:block}
.app-body .home-nav a strong{font-size:.82rem;color:#dfe4ee}
.app-body .home-nav a small{font-size:.64rem;color:#747f93;margin-top:2px}
.app-body .home-nav>a:hover,.app-body .home-nav>a.active{background:#1b202d;color:#fff}
.app-body .home-nav>a.active>span{background:rgba(124,103,255,.16);color:#a99fff}
.app-body .side-start-card{margin:8px 12px 14px;padding:13px;border:1px solid #2a3041;border-radius:13px;background:linear-gradient(145deg,rgba(124,103,255,.08),rgba(255,255,255,.018))}
.app-body .side-start-card strong{font-size:.8rem}.app-body .side-start-card p{margin:5px 0 11px;font-size:.69rem;line-height:1.45;color:#8994a7}

/* User dock */
.app-body .user-dock{height:64px;min-height:64px;background:#0b0e14;border-top:1px solid #252b3b;display:flex;align-items:center;gap:7px;padding:7px 8px}
.app-body .profile-summary{display:flex;align-items:center;gap:8px;min-width:0;flex:1;border-radius:9px;padding:2px}
.app-body .profile-summary:hover{background:#171c27}
.app-body .user-meta{min-width:0;flex:1}.app-body .user-meta strong,.app-body .user-meta span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-body .user-meta strong{font-size:.78rem}.app-body .user-meta span{font-size:.64rem;color:#8691a4;margin-top:1px}
.app-body .dock-actions{display:flex;gap:2px}.app-body .dock-actions a,.app-body .dock-actions button{border:0;color:#aeb7c7;background:transparent;width:30px;height:30px;border-radius:8px;display:grid;place-items:center}.app-body .dock-actions a:hover,.app-body .dock-actions button:hover{background:#202634;color:#fff}

/* Main panel — this fixes the 58px clipping bug */
.app-body .chat-panel{position:relative;min-width:0;min-height:0;overflow:hidden;background:#12151d;display:grid}
.app-body .chat-panel.chat-mode{grid-template-rows:60px minmax(0,1fr) auto}
.app-body .chat-panel.workspace-mode{grid-template-rows:60px minmax(0,1fr)}
.app-body .chat-head{height:60px;min-height:60px;min-width:0;border-bottom:1px solid #272e3e;display:flex;align-items:center;gap:10px;padding:0 14px;background:rgba(18,21,29,.96);box-shadow:0 1px 0 rgba(0,0,0,.25);z-index:5}
.app-body .head-copy{min-width:0;flex:1}.app-body .head-copy .title{font-size:.9rem;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-body .head-copy .desc{font-size:.7rem;color:#8792a5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.app-body .head-icon,.app-body .channel-symbol{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#1b202d;color:#9a8dff;font-size:1.05rem;font-weight:900;flex:none}
.app-body .chat-actions{margin-left:auto;display:flex;gap:5px;flex:none}.app-body .chat-actions .icon-btn{width:34px;height:34px;border-radius:9px;background:transparent;border-color:transparent;color:#a9b2c3}.app-body .chat-actions .icon-btn:hover{background:#202634;color:#fff;border-color:#2d3548}
.app-body .mobile-nav-toggle{display:none;width:34px;height:34px;border-radius:9px;background:transparent;border-color:transparent}

/* Home/workspace */
.app-body .home-content,.app-body .workspace-canvas{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain}
.app-body .home-content{padding:clamp(18px,3vw,34px);scrollbar-width:thin;scrollbar-color:#30384c transparent}
.app-body .welcome-hero{max-width:1120px;margin:0 auto;min-height:285px;border:1px solid #2b3245;border-radius:22px;padding:clamp(22px,4vw,44px);display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:34px;background:radial-gradient(circle at 12% 35%,rgba(124,103,255,.16),transparent 28%),linear-gradient(145deg,#151a27,#10141d);box-shadow:0 24px 70px rgba(0,0,0,.18)}
.app-body .welcome-brand{width:138px;height:138px;border-radius:40px;border:1px solid rgba(139,121,255,.24);display:grid;place-items:center;background:rgba(124,103,255,.07);box-shadow:0 18px 50px rgba(85,70,210,.13)}
.app-body .welcome-brand .brand-mark-img{width:104px;height:104px;object-fit:contain}
.app-body .welcome-copy h1{font-size:clamp(1.85rem,3.2vw,3.05rem);letter-spacing:-.045em;line-height:1.02;margin:8px 0 13px;max-width:760px}
.app-body .welcome-copy p{max-width:790px;margin:0;color:#9ca7ba;line-height:1.65;font-size:.9rem}.app-body .welcome-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}
.app-body .home-section-head{max-width:1120px;margin:26px auto 10px}.app-body .home-section-head h2{margin:4px 0 0;font-size:1.18rem}
.app-body .home-action-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.app-body .home-action-card{min-width:0;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid #282f40;border-radius:14px;background:#141822;transition:.16s transform,.16s border-color,.16s background}
.app-body .home-action-card:hover{transform:translateY(-1px);border-color:#443d77;background:#181d29}
.app-body .home-action-icon{width:44px;height:44px;border-radius:13px;background:rgba(124,103,255,.12);display:grid;place-items:center;color:#aa9fff;font-size:1.18rem}.app-body .home-action-card strong{display:block;font-size:.85rem}.app-body .home-action-card p{margin:3px 0 0;color:#8994a7;font-size:.7rem;line-height:1.45}.app-body .home-action-card i{font-style:normal;color:#6f7a8e;font-size:1.45rem}
.app-body .home-bottom-grid{max-width:1120px;margin:10px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.app-body .home-info-card{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;padding:14px;border:1px solid #282f40;border-radius:14px;background:#10141c}.app-body .home-info-icon{width:40px;height:40px;border-radius:12px;background:#1b2130;display:grid;place-items:center}.app-body .home-info-card strong{font-size:.8rem}.app-body .home-info-card p{margin:4px 0;color:#8792a5;font-size:.69rem;line-height:1.5}.app-body .home-info-card>a{grid-column:2;color:#a99fff;font-size:.7rem;font-weight:850;margin-top:2px}
.app-body .workspace-canvas{display:grid;place-items:center;padding:24px}.app-body .workspace-empty-card{width:min(520px,100%);text-align:center;border:1px solid #293044;border-radius:18px;background:#141822;padding:34px 25px}.app-body .workspace-empty-icon,.app-body .channel-welcome-icon{width:58px;height:58px;border-radius:18px;margin:0 auto 13px;background:#22283a;color:#9f92ff;display:grid;place-items:center;font-size:1.45rem;font-weight:900}.app-body .workspace-empty-card h2{margin:0}.app-body .workspace-empty-card p{color:#909bae;line-height:1.55;font-size:.84rem;margin:8px auto 18px;max-width:400px}

/* Chat/messages */
.app-body .messages{min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;padding:18px 16px 10px;scrollbar-width:thin;scrollbar-color:#30384c transparent;overscroll-behavior:contain}
.app-body .channel-welcome{padding:34px 10px 24px;max-width:650px}.app-body .channel-welcome .channel-welcome-icon{margin:0 0 14px}.app-body .channel-welcome h2{font-size:1.45rem;margin:0 0 6px}.app-body .channel-welcome p{color:#8d98aa;margin:0;line-height:1.55;font-size:.82rem}
.app-body .message{width:100%;max-width:100%;grid-template-columns:40px minmax(0,1fr);gap:10px;padding:7px 9px;border-radius:8px}.app-body .message:hover{background:rgba(255,255,255,.022)}.app-body .message-main{min-width:0}.app-body .message p{overflow-wrap:anywhere;word-break:break-word}
.app-body .composer-wrap{min-width:0;padding:8px 15px 12px;background:#12151d}.app-body .composer{min-width:0;border:1px solid #30384a;background:#1a1f2a;border-radius:12px;display:flex;align-items:flex-end;padding:6px;gap:5px;box-shadow:0 7px 20px rgba(0,0,0,.08)}.app-body .composer:focus-within{border-color:#4c456f;box-shadow:0 0 0 2px rgba(124,103,255,.08)}.app-body .composer textarea{min-width:0;resize:none;min-height:38px;max-height:140px;flex:1;border:0;outline:0;background:transparent;padding:9px 5px;line-height:1.35}.app-body .composer button{flex:none;border:0;background:transparent;border-radius:8px;width:36px;height:36px}.app-body .composer button:hover{background:#272d3c}.app-body .composer-gif-btn{width:auto!important;min-width:42px;font-size:.66rem;font-weight:950}.app-body .send-btn{background:#6f5df6!important;color:#fff}.app-body .send-btn:disabled{opacity:.45}.app-body .composer-hint{text-align:right;color:#626d80;font-size:.6rem;padding:4px 3px 0}.app-body .upload-progress{margin-bottom:6px;border:1px solid #2f384a;border-radius:9px;background:#10151e;padding:7px 9px;color:#9da8b9;font-size:.68rem}.app-body .composer-warning{margin-bottom:6px;border:1px solid rgba(255,202,102,.25);background:rgba(255,202,102,.08);border-radius:9px;padding:7px 9px;font-size:.7rem;color:#ffd98a}

/* Members */
.app-body .members-panel{position:relative;z-index:18;min-width:0;min-height:0;background:#0f1219;border-left:1px solid #252b3b;display:flex;flex-direction:column;padding:0;overflow:hidden}
.app-body .members-head{height:60px;min-height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 13px;border-bottom:1px solid #252b3b}.app-body .members-head strong,.app-body .members-head small{display:block}.app-body .members-head strong{font-size:.82rem}.app-body .members-head small{color:#7e899d;font-size:.63rem;margin-top:2px}.app-body .members-close{display:none;width:32px;height:32px;border:0;background:transparent}.app-body .members-scroll{flex:1;min-height:0;overflow:auto;padding:8px;scrollbar-width:thin;scrollbar-color:#30384c transparent}.app-body .member-group{font-size:.62rem;color:#737f92;font-weight:900;margin:13px 8px 5px;text-transform:uppercase}.app-body .member{display:flex;align-items:center;gap:8px;padding:6px 7px;border-radius:9px;color:#aeb7c7}.app-body .member:hover{background:#191e29;color:#fff}.app-body .member-avatar-wrap{position:relative;flex:none}.app-body .member-avatar-wrap .status{position:absolute;width:9px;height:9px;border:2px solid #0f1219;border-radius:50%;right:-1px;bottom:-1px}.app-body .member-avatar-wrap .status.online{background:#3ddc97}.app-body .member-avatar-wrap .status.offline{background:#596377}.app-body .member-copy{min-width:0}.app-body .member-name,.app-body .member-role{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-body .member-name{font-size:.78rem;font-weight:800}.app-body .member-role{font-size:.61rem;color:#798497;margin-top:2px}.app-body .members-empty{padding:18px 10px;color:#7f899b;font-size:.72rem;text-align:center}
.app-body .app-mobile-overlay{display:none;position:fixed;inset:0;z-index:39;border:0;background:rgba(4,6,10,.62);backdrop-filter:blur(2px)}

/* Desktop member collapse */
@media(min-width:1321px){
  .app-body .app-shell.members-collapsed{grid-template-columns:var(--rail-w) var(--channels-w) minmax(0,1fr)}
  .app-body .app-shell.members-collapsed .members-panel{display:none}
}

/* Laptop / user's ~1200px viewport: members becomes a drawer instead of clipping chat */
@media(max-width:1320px){
  .app-body .app-shell,.app-body .app-shell.has-community{--channels-w:258px;grid-template-columns:var(--rail-w) var(--channels-w) minmax(0,1fr)}
  .app-body .app-shell.home-mode{grid-template-columns:var(--rail-w) var(--channels-w) minmax(0,1fr)}
  .app-body .members-panel{position:fixed;right:0;top:0;bottom:0;width:min(290px,86vw);height:100dvh;z-index:45;transform:translateX(102%);transition:transform .18s ease;box-shadow:-18px 0 55px rgba(0,0,0,.35)}
  .app-body .app-shell.members-open .members-panel{transform:translateX(0)}
  .app-body .members-close{display:grid}
  .app-body .app-shell.members-open .app-mobile-overlay{display:block}
}

/* Tablet: channels become a drawer, rail stays compact */
@media(max-width:920px){
  .app-body .app-shell,.app-body .app-shell.has-community,.app-body .app-shell.home-mode{grid-template-columns:var(--rail-w) minmax(0,1fr)}
  .app-body .channel-panel{position:fixed;left:var(--rail-w);top:0;bottom:0;width:min(300px,calc(100vw - var(--rail-w)));height:100dvh;z-index:44;transform:translateX(-110%);transition:transform .18s ease;box-shadow:18px 0 50px rgba(0,0,0,.32)}
  .app-body .app-shell.nav-open .channel-panel{transform:translateX(0)}
  .app-body .app-shell.nav-open .app-mobile-overlay{display:block}
  .app-body .mobile-nav-toggle{display:grid}
  .app-body .welcome-hero{grid-template-columns:110px minmax(0,1fr);gap:22px}.app-body .welcome-brand{width:104px;height:104px;border-radius:30px}.app-body .welcome-brand .brand-mark-img{width:78px;height:78px}
}

/* Small screens: main content receives the full width; rail+channels open together */
@media(max-width:620px){
  .app-body .app-shell,.app-body .app-shell.has-community,.app-body .app-shell.home-mode{display:grid;grid-template-columns:minmax(0,1fr)!important}
  .app-body .server-rail{position:fixed;left:0;top:0;bottom:0;width:var(--rail-w);height:100dvh;z-index:46;transform:translateX(-105%);transition:transform .18s ease}
  .app-body .channel-panel{left:var(--rail-w);width:min(286px,calc(100vw - var(--rail-w)));transform:translateX(calc(-110% - var(--rail-w)))}
  .app-body .app-shell.nav-open .server-rail,.app-body .app-shell.nav-open .channel-panel{transform:translateX(0)}
  .app-body .app-shell.nav-open .app-mobile-overlay{display:block}
  .app-body .home-content{padding:14px}.app-body .welcome-hero{grid-template-columns:1fr;gap:17px;padding:21px}.app-body .welcome-brand{width:82px;height:82px;border-radius:24px}.app-body .welcome-brand .brand-mark-img{width:62px;height:62px}.app-body .welcome-copy h1{font-size:1.8rem}.app-body .home-action-grid,.app-body .home-bottom-grid{grid-template-columns:1fr}.app-body .welcome-actions .btn{width:100%}
  .app-body .chat-head{padding:0 9px}.app-body .chat-actions{gap:2px}.app-body .chat-actions .icon-btn{width:32px;height:32px}.app-body .messages{padding:13px 7px 8px}.app-body .message{grid-template-columns:36px minmax(0,1fr);padding:7px 4px}.app-body .composer-wrap{padding:6px 7px max(8px,env(safe-area-inset-bottom))}.app-body .composer-hint{display:none}.app-body .composer-gif-btn{min-width:38px}.app-body .composer button{width:34px;height:34px}
}
/* small corrective overrides for legacy rules */
.app-body .server-rail{display:block}
.app-body .home-nav{flex:1;min-height:0}
.app-body .member-avatar-wrap .status{margin:0}

/* =========================================================
   Solqiri v13 — Home sidebar + member list polish
   ========================================================= */
.app-body .home-side-head{
  min-height:66px;
  padding:0 14px;
  background:linear-gradient(180deg,#141923 0%,#11151d 100%);
}
.app-body .home-side-head strong{font-size:.96rem;letter-spacing:-.015em}
.app-body .home-side-head small{font-size:.66rem;color:#78859a}
.app-body .home-nav{
  padding:10px 8px 8px;
  gap:4px;
}
.app-body .home-nav>a{
  min-height:54px;
  grid-template-columns:38px minmax(0,1fr);
  gap:10px;
  padding:7px 9px;
  border:1px solid transparent;
  border-radius:11px;
  color:#b3bdcc;
  transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease;
}
.app-body .home-nav>a:hover{
  background:#1a202b;
  border-color:#252d3d;
  transform:translateX(1px);
}
.app-body .home-nav>a.active{
  background:linear-gradient(90deg,rgba(124,103,255,.16),rgba(124,103,255,.045));
  border-color:rgba(124,103,255,.22);
  color:#fff;
}
.app-body .home-nav-icon{
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
  background:#1b2130!important;
  border:1px solid #2a3244;
  color:#aeb8c8;
  font-size:1rem!important;
  line-height:1;
}
.app-body .home-nav>a.active .home-nav-icon{
  color:#c5bdff;
  background:rgba(124,103,255,.18)!important;
  border-color:rgba(145,128,255,.32);
}
.app-body .home-nav-copy{display:block;min-width:0;line-height:1.16}
.app-body .home-nav-copy strong,.app-body .home-nav-copy small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.app-body .home-nav-copy strong{font-size:.82rem;color:#eef1f7;font-weight:820}
.app-body .home-nav-copy small{font-size:.63rem;color:#7d899d;margin-top:4px}
.app-body .side-start-card{
  margin:8px 10px 10px;
  padding:14px;
  border-color:#30384a;
  border-radius:14px;
  background:radial-gradient(circle at 100% 0,rgba(124,103,255,.13),transparent 43%),#151a24;
  box-shadow:0 8px 25px rgba(0,0,0,.10);
}
.app-body .side-start-card strong{font-size:.84rem;color:#f0f2f8}
.app-body .side-start-card p{font-size:.68rem;color:#8894a7;margin:6px 0 12px}
.app-body .side-start-card .btn{width:100%;justify-content:center}

/* Member panel closer to a mature community client, while keeping Solqiri styling. */
.app-body .members-panel{
  background:linear-gradient(180deg,#10141c 0%,#0d1118 100%);
}
.app-body .members-head{
  min-height:62px;height:62px;
  padding:0 12px 0 14px;
  background:#11161f;
}
.app-body .members-head strong{font-size:.84rem;color:#edf0f6}
.app-body .members-head small{font-size:.62rem;color:#78859a}
.app-body .members-scroll{padding:8px 7px 14px}
.app-body .member-group{
  margin:15px 9px 6px;
  color:#748096;
  font-size:.60rem;
  letter-spacing:.075em;
}
.app-body .member-group.owner-group{color:#aa9fff}
.app-body .member{
  min-height:46px;
  padding:6px 8px;
  gap:10px;
  border:1px solid transparent;
  border-radius:10px;
  color:#b9c2d0;
  transition:background .12s ease,border-color .12s ease,color .12s ease;
}
.app-body .member:hover{background:#191f2a;border-color:#242c3b;color:#fff}
.app-body .member.owner-member{
  background:linear-gradient(90deg,rgba(124,103,255,.065),transparent 72%);
}
.app-body .member.owner-member:hover{
  background:linear-gradient(90deg,rgba(124,103,255,.13),#191f2a 78%);
  border-color:rgba(124,103,255,.18);
}
.app-body .member-avatar-wrap .avatar.sm,
.app-body .member-avatar-wrap img.avatar.sm{
  width:34px;height:34px;border-radius:50%;
}
.app-body .member-avatar-wrap .status{
  width:10px;height:10px;right:-1px;bottom:0;border-width:2px;border-color:#10141c;
}
.app-body .member-copy{flex:1;min-width:0}
.app-body .member-name{
  display:flex!important;
  align-items:center;
  gap:5px;
  min-width:0;
  font-size:.79rem;
  font-weight:820;
  color:#dce2ec;
}
.app-body .owner-crown{
  flex:none;
  display:inline-grid;
  place-items:center;
  width:17px;height:17px;
  border-radius:6px;
  color:#c6bcff;
  background:rgba(124,103,255,.13);
  font-size:.67rem;
  line-height:1;
}
.app-body .member-role{font-size:.61rem;color:#727f93;margin-top:3px}
.app-body .member-role.owner-role{color:#9f93ff;font-weight:800}
.app-body .community-owner-mini{color:#aa9fff;font-weight:800}

/* Keep the main interface readable on common 1366x768 / 1280x720 screens. */
@media (max-height:780px) and (min-width:921px){
  .app-body .home-side-head{min-height:60px}
  .app-body .home-nav>a{min-height:48px;padding-top:5px;padding-bottom:5px}
  .app-body .home-nav-icon{width:34px!important;height:34px!important;border-radius:10px!important}
  .app-body .side-start-card{padding:11px;margin-top:5px}
  .app-body .side-start-card p{margin:4px 0 9px}
  .app-body .user-dock{height:60px;min-height:60px}
}

/* =========================================================
   Solqiri v14 — carregamento progressivo / first paint rápido
   ========================================================= */
.app-body .chat-loading,.app-body .members-loading{display:flex;align-items:center;justify-content:center;gap:7px;color:#7f8ba0;font-size:.72rem;min-height:82px}
.app-body .members-loading{min-height:110px;flex-wrap:wrap;align-content:center}
.app-body .loading-dot{width:6px;height:6px;border-radius:50%;background:#7c67ff;opacity:.35;animation:solqiriLoadingDot 1s infinite ease-in-out}
.app-body .loading-dot:nth-child(2){animation-delay:.14s}.app-body .loading-dot:nth-child(3){animation-delay:.28s}
@keyframes solqiriLoadingDot{0%,70%,100%{opacity:.28;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}
/* Conteúdo fora da viewport não precisa ser pintado no primeiro frame. */
.app-body .home-action-card,.app-body .home-info-card,.app-body .member,.app-body .message{content-visibility:auto;contain-intrinsic-size:56px}
.app-body .members-panel{contain:layout paint style}

/* V17 — identidade oficial de equipe sem códigos públicos */
.official-staff-badge{display:inline-flex;align-items:center;gap:5px;vertical-align:middle;padding:3px 8px;border:1px solid rgba(124,103,255,.28);border-radius:999px;background:rgba(124,103,255,.10);color:#b9b0ff;font-size:.68rem;font-weight:850;line-height:1.25;white-space:nowrap}
.public-profile-banner{height:190px;overflow:hidden;background:#0e1118}.public-profile-banner img{width:100%;height:100%;object-fit:cover;display:block}.public-profile-head{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.public-profile-identity{min-width:0}.public-profile-identity h1{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0}.public-profile-identity p{margin:5px 0 0}.public-profile-bio{margin-top:18px;white-space:pre-wrap;line-height:1.55}.official-identity-strip{margin-top:18px;padding:12px 14px;border:1px solid rgba(124,103,255,.18);border-radius:12px;background:rgba(124,103,255,.055);display:flex;align-items:center;justify-content:space-between;gap:14px}.official-identity-strip>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.official-identity-strip strong{font-size:.84rem}.official-identity-strip span{font-size:.75rem;color:var(--muted)}.staff-verify-result{display:flex;align-items:center;gap:14px;margin-top:14px}.staff-verify-result>div{min-width:0}.staff-verify-result p{margin:6px 0}@media(max-width:640px){.official-identity-strip{align-items:flex-start;flex-direction:column}.staff-verify-result{align-items:flex-start}.public-profile-banner{height:145px}}

/* =========================================================
   Solqiri v18 — perfis completos + cartão contextual de membro
   ========================================================= */
body.profile-page{
  min-height:100dvh;
  margin:0;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 50% -20%,rgba(94,73,255,.12),transparent 38%),
    #0a0c11;
  color:#f0f2f7;
}
.profile-page .site-footer{display:none}
.profile-appbar{
  position:sticky;top:0;z-index:80;height:62px;display:flex;align-items:center;gap:12px;
  padding:0 clamp(14px,3vw,30px);border-bottom:1px solid #252936;background:rgba(10,12,17,.88);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
}
.profile-brand{display:flex;align-items:center;height:38px}.profile-brand img{max-height:34px;width:auto}
.profile-back{width:36px;height:36px;display:grid;place-items:center;border:1px solid #2b3140;border-radius:11px;background:#141821;color:#dce2ee;font-size:1.55rem;line-height:1}
.profile-back:hover{background:#1d2230;color:#fff}.profile-appbar-spacer{flex:1}
.profile-view-shell{width:min(100% - 24px,680px);margin:26px auto 48px}
.profile-identity-card{position:relative;overflow:hidden;border:1px solid #2b3040;border-radius:20px;background:#111318;box-shadow:0 24px 70px rgba(0,0,0,.35)}
.profile-cover{height:168px;background:#4b4d52;overflow:hidden;position:relative}
.profile-cover img{width:100%;height:100%;object-fit:cover;display:block}
.profile-cover-fallback{background:
  radial-gradient(circle at 76% 15%,rgba(64,202,255,.28),transparent 27%),
  radial-gradient(circle at 20% 0,rgba(142,72,255,.34),transparent 34%),
  linear-gradient(135deg,#292d3b,#3f3c52 55%,#262933)}
.profile-avatar-float{position:absolute;top:116px;left:24px;z-index:4}
.profile-avatar-ring{position:relative;width:104px;height:104px;border-radius:50%;border:7px solid #111318;background:#111318;box-shadow:0 5px 20px rgba(0,0,0,.25)}
.profile-avatar-ring>.avatar,.profile-avatar-ring>img{width:90px;height:90px;border-radius:50%;overflow:hidden}
.profile-avatar-ring .avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.profile-presence{position:absolute;right:2px;bottom:5px;width:19px;height:19px;border:5px solid #111318;border-radius:50%;box-sizing:content-box;background:#5c6575}
.profile-presence.online{background:#38d995}.profile-presence.offline{background:#596273}
.profile-primary-actions{min-height:58px;display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:9px 18px 0 145px}
.profile-message-btn{min-height:36px;padding-inline:15px;border-radius:10px}
.profile-icon-action{width:36px;height:36px;border:1px solid #383d4b;border-radius:10px;background:#262932;color:#f3f4f8;font-weight:900;display:grid;place-items:center}
.profile-icon-action:hover{background:#313540}.profile-friend-state{height:36px;display:flex;align-items:center;padding:0 11px;border:1px solid #363b49;border-radius:10px;background:#232630;color:#cfd5e1;font-size:.75rem;font-weight:800}
.profile-main-copy{padding:10px 26px 4px}
.profile-name-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.profile-name-line h1{margin:0;font-size:1.72rem;letter-spacing:-.025em}.profile-verified{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#7c67ff;color:#fff;font-size:.68rem;font-weight:1000}
.profile-handle-line{display:flex;gap:6px;flex-wrap:wrap;margin-top:3px;color:#aeb6c5;font-size:.82rem}.profile-handle-line span+span{color:#909aac}
.profile-context-pill{display:inline-flex;margin-top:10px;padding:5px 9px;border:1px solid rgba(124,103,255,.25);border-radius:999px;background:rgba(124,103,255,.09);color:#bbb2ff;font-size:.68rem;font-weight:800}
.profile-tabs{display:flex;gap:4px;margin:18px 16px 0;border-bottom:1px solid #292e3b;padding:0 8px;overflow-x:auto;scrollbar-width:none}.profile-tabs::-webkit-scrollbar{display:none}
.profile-tabs button{position:relative;flex:none;border:0;background:transparent;color:#aeb5c2;padding:11px 10px 12px;font-size:.76rem;font-weight:800;white-space:nowrap}.profile-tabs button:hover{color:#fff}.profile-tabs button.active{color:#fff}.profile-tabs button.active::after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:2px;border-radius:2px;background:#8d7cff}.profile-tabs button span{margin-left:4px;color:#7f899a}
.profile-tab-panel{display:none;padding:18px 24px 26px}.profile-tab-panel.active{display:block}
.profile-section-card{border:1px solid #333846;border-radius:12px;background:#1a1c23;padding:13px 14px}.profile-voice-card{display:flex;align-items:center;justify-content:space-between;gap:16px}.profile-voice-card>div{min-width:0}.profile-voice-card strong,.profile-voice-card small{display:block}.profile-voice-card strong{margin-top:5px;font-size:.83rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-kicker{color:#9b8fff;font-size:.62rem;font-weight:950;letter-spacing:.08em}
.profile-info-block{padding:16px 0;border-bottom:1px solid #282d38}.profile-info-block:last-of-type{border-bottom:0}.profile-info-block h3{margin:0 0 9px;font-size:.75rem;text-transform:uppercase;letter-spacing:.045em;color:#d7dbe4}.profile-bio{margin:0;color:#d9dee7;font-size:.82rem;line-height:1.55;word-break:break-word}
.profile-official-row{display:flex;align-items:center;gap:10px;padding:10px;border-radius:11px;background:rgba(124,103,255,.07);border:1px solid rgba(124,103,255,.17)}.profile-official-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(124,103,255,.12)}.profile-official-row>div{min-width:0;flex:1}.profile-official-row strong,.profile-official-row small{display:block}.profile-official-row strong{font-size:.78rem}.profile-official-row small{font-size:.68rem;color:#939daf;margin-top:2px}.profile-official-row>a{font-size:.69rem;color:#aba0ff;font-weight:800}
.profile-role-chips{display:flex;gap:6px;flex-wrap:wrap}.profile-role-chip{--role-color:#7d879a;display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid #343a48;border-radius:8px;background:#1b1e26;color:#d7dce6;font-size:.68rem}.profile-role-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--role-color)}.profile-role-chip.owner{--role-color:#a794ff;color:#c8c0ff;border-color:rgba(124,103,255,.28)}
.profile-community-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.profile-community-list>a{display:flex;align-items:center;gap:9px;min-width:0;padding:8px;border:1px solid #2d3240;border-radius:10px;background:#171a21;color:#d7dce6;font-size:.73rem}.profile-community-list>a:hover{background:#1d212a;border-color:#3a4050}.profile-community-list>a>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-community-icon{width:27px;height:27px;border-radius:9px;background:#282d39;display:grid;place-items:center;overflow:hidden;flex:none;font-size:.68rem;font-weight:900}.profile-community-icon img{width:100%;height:100%;object-fit:cover}
.profile-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.profile-meta-grid>div{padding:11px 12px;border-radius:10px;background:#181b22;border:1px solid #2a2f3b}.profile-meta-grid span,.profile-meta-grid strong{display:block}.profile-meta-grid span{font-size:.62rem;color:#8993a5}.profile-meta-grid strong{font-size:.76rem;margin-top:4px;color:#e3e6ed}
.profile-mutual-grid{display:grid;gap:7px}.profile-mutual-person{display:flex;align-items:center;gap:10px;padding:9px;border-radius:11px;border:1px solid #2d3240;background:#181b22;color:#e0e4ec}.profile-mutual-person:hover{background:#20242d}.profile-mutual-person>span:last-child{min-width:0}.profile-mutual-person strong,.profile-mutual-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-mutual-person strong{font-size:.77rem}.profile-mutual-person small{font-size:.65rem;color:#8994a7;margin-top:2px}.profile-group-avatar{width:34px;height:34px;border-radius:11px;background:#272b37;display:grid;place-items:center;flex:none}.profile-empty{color:#8993a4;font-size:.76rem;text-align:center;padding:22px 0}

/* Contextual member card opened from a community member list. */
.member-profile-card{position:fixed;z-index:260;width:340px;max-height:calc(100dvh - 20px);overflow:auto;border:1px solid #353947;border-radius:16px;background:#111318;color:#eff1f6;box-shadow:0 26px 80px rgba(0,0,0,.55);scrollbar-width:thin;scrollbar-color:#303643 transparent;animation:memberCardIn .12s ease-out}
@keyframes memberCardIn{from{opacity:0;transform:translateY(4px) scale(.985)}to{opacity:1;transform:none}}
.member-card-cover{height:108px;position:relative;overflow:hidden;background:linear-gradient(135deg,#3b3f49,#55545a)}.member-card-cover.fallback{background:radial-gradient(circle at 80% 0,rgba(41,202,255,.28),transparent 35%),radial-gradient(circle at 18% 20%,rgba(144,70,255,.36),transparent 38%),#353944}.member-card-cover>img{width:100%;height:100%;object-fit:cover}.member-card-close{position:absolute;top:8px;right:8px;width:30px;height:30px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(8,10,14,.7);color:#fff;display:grid;place-items:center}
.member-card-avatar-wrap{position:absolute;margin-top:-45px;margin-left:15px;z-index:3}.member-card-avatar{position:relative;display:block;width:82px;height:82px;padding:5px;border-radius:50%;background:#111318}.member-card-avatar img{width:72px;height:72px;border-radius:50%;object-fit:cover;display:block}.member-card-avatar i{position:absolute;right:4px;bottom:6px;width:15px;height:15px;border:4px solid #111318;border-radius:50%;background:#5b6474}.member-card-avatar i.online{background:#38d995}.member-card-avatar i.offline{background:#596273}
.member-card-actions{min-height:48px;display:flex;justify-content:flex-end;align-items:center;gap:6px;padding:7px 12px 2px 106px}.member-card-message,.member-card-icon{height:34px;min-width:34px;border:1px solid #373c49;border-radius:10px;background:#292c35;color:#fff;display:grid;place-items:center;font-size:.74rem;font-weight:850}.member-card-message{padding:0 10px;background:#5d46e8;border-color:#6750f2}.member-card-message.self{white-space:nowrap}.member-card-icon{padding:0 8px}.member-card-state{height:34px;display:flex;align-items:center;padding:0 8px;border:1px solid #363b48;border-radius:10px;background:#23262e;color:#c8ced9;font-size:.63rem;font-weight:800}.member-card-actions>*:hover{filter:brightness(1.12)}
.member-card-body{padding:9px 15px 14px}.member-card-name-line{display:flex;align-items:center;gap:6px}.member-card-name-line h3{margin:0;font-size:1.08rem;letter-spacing:-.015em}.member-card-handle{margin-top:2px;color:#a1a9b8;font-size:.69rem}.member-card-handle span{color:#8993a5}.member-card-mutual{margin-top:10px;color:#c0c6d0;font-size:.69rem}.member-card-bio{margin-top:11px;color:#d8dce5;font-size:.74rem;line-height:1.45;word-break:break-word}.member-card-official{display:flex;align-items:center;gap:8px;margin-top:11px;padding:9px;border-radius:10px;background:rgba(124,103,255,.08);border:1px solid rgba(124,103,255,.16)}.member-card-official>span{min-width:0}.member-card-official strong,.member-card-official small{display:block}.member-card-official strong{font-size:.7rem}.member-card-official small{font-size:.61rem;color:#949daf;margin-top:2px}
.member-card-voice{display:flex;align-items:center;gap:9px;margin-top:11px;padding:10px;border:1px solid #393d49;border-radius:10px;background:#1b1d24;color:#e8ebf1}.member-card-voice>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#5a43df}.member-card-voice>div{min-width:0;flex:1}.member-card-voice small,.member-card-voice strong{display:block}.member-card-voice small{font-size:.55rem;color:#9589ff;font-weight:900}.member-card-voice strong{font-size:.69rem;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-card-voice>i{font-style:normal;font-size:.61rem;color:#a99eff;font-weight:850}
.member-card-roles{display:flex;gap:5px;flex-wrap:wrap;margin-top:11px}.member-card-role{--role-color:#758093;display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border:1px solid #343945;border-radius:7px;background:#1b1e25;font-size:.61rem;color:#d2d7e1}.member-card-role::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--role-color)}.member-card-role.owner{--role-color:#a996ff;color:#c3baff}
.member-card-full{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:9px 1px 7px;border-top:1px solid #292d37;color:#c8ced8;font-size:.68rem}.member-card-full:hover{color:#fff}.member-card-full span{font-size:1rem;color:#858fa0}
.member-card-composer{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:6px;margin-top:7px;padding:6px;border:1px solid #3b4050;border-radius:11px;background:#1b1e25}.member-card-composer:focus-within{border-color:#806eff;box-shadow:0 0 0 2px rgba(124,103,255,.12)}.member-card-composer input{min-width:0;border:0;outline:0;background:transparent;color:#eef1f6;font-size:.7rem;padding:0 5px}.member-card-composer button{border:0;border-radius:8px;background:#5e49e8;color:#fff}.member-card-loading,.member-card-error{min-height:170px;padding:28px;display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;text-align:center;color:#8d97a8;font-size:.72rem}.member-card-loading p,.member-card-error p{width:100%;margin:4px 0}.member-card-error{display:block}.member-card-error strong{color:#eef1f6}.member-card-error a{display:inline-block;margin-top:8px;color:#a99fff}

@media(max-width:700px){
  .profile-view-shell{width:min(100% - 12px,680px);margin:8px auto 18px}.profile-identity-card{border-radius:15px}.profile-cover{height:132px}.profile-avatar-float{top:88px;left:16px}.profile-avatar-ring{width:92px;height:92px;border-width:6px}.profile-avatar-ring>.avatar,.profile-avatar-ring>img{width:80px;height:80px}.profile-primary-actions{padding-left:114px;padding-right:12px;min-height:55px}.profile-main-copy{padding:10px 17px 3px}.profile-name-line h1{font-size:1.4rem}.profile-tabs{margin-left:8px;margin-right:8px;padding:0}.profile-tab-panel{padding:15px 16px 20px}.profile-community-list,.profile-meta-grid{grid-template-columns:1fr}.profile-voice-card{align-items:flex-start;flex-direction:column}.profile-appbar{height:54px;padding-inline:9px}.profile-brand img{max-height:29px}
  .member-profile-card{width:auto!important;max-height:min(78dvh,620px);border-radius:18px;box-shadow:0 -24px 70px rgba(0,0,0,.6)}
}

/* v19 — barra de usuário/voz no rodapé da navegação */
.app-body .user-dock{height:78px;min-height:78px;padding:7px 8px;background:#0a0d13;border-top:1px solid #242b3a;gap:5px;box-shadow:0 -8px 28px rgba(0,0,0,.12)}
.app-body .profile-summary{min-width:0;display:flex;align-items:center;gap:8px;flex:1;border-radius:10px;padding:4px 5px;transition:.14s background}
.app-body .profile-summary:hover{background:#171c27}
.app-body .dock-avatar-wrap{position:relative;display:block;width:40px;height:40px;flex:none}
.app-body .dock-avatar-wrap>.avatar{width:40px;height:40px;border-radius:13px}
.app-body .dock-presence{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;border:3px solid #0a0d13;background:#32c975;box-sizing:content-box}
.app-body .dock-presence.idle{background:#f3bf42}.app-body .dock-presence.dnd{background:#ef5362}.app-body .dock-presence.invisible{background:#6d7789}
.app-body .user-meta{display:block;min-width:0;flex:1;line-height:1.1}
.app-body .user-meta strong{font-size:.77rem;color:#f0f3f8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-body .dock-identity{display:block;margin-top:2px;font-size:.59rem!important;color:#778397!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-body .dock-activity{display:flex!important;align-items:center;gap:4px;margin-top:4px;min-width:0;color:#b5bdcb!important;font-size:.61rem!important}
.app-body .dock-activity i{font-style:normal;flex:none;font-size:.65rem}.app-body .dock-activity b{font-weight:700;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-body .dock-actions{display:flex;align-items:center;gap:1px;flex:none}
.app-body .dock-actions a,.app-body .dock-actions button{position:relative;border:0;color:#aeb7c7;background:transparent;width:31px;height:31px;border-radius:9px;display:grid;place-items:center;font-size:.92rem;cursor:pointer;transition:.14s background,.14s color,.14s transform}
.app-body .dock-actions a:hover,.app-body .dock-actions button:hover{background:#202634;color:#fff}
.app-body .dock-actions button:active{transform:scale(.94)}
.app-body .dock-actions button.is-off{color:#ff5f6d;background:rgba(239,83,98,.1)}
.app-body .dock-actions button.is-off::after{content:"";position:absolute;width:19px;height:2px;border-radius:2px;background:currentColor;transform:rotate(-43deg)}
.app-body .dock-actions button[data-dock-deafen].is-off{color:#ff5f6d}
@media(max-width:920px){.app-body .user-dock{height:74px;min-height:74px}.app-body .dock-actions a,.app-body .dock-actions button{width:30px;height:30px}}

/* ========================================================================== */
/* v20 — Community structure, roles and permission matrices                  */
/* ========================================================================== */
.community-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.structure-list{display:grid;gap:10px}.structure-card{border:1px solid var(--line);border-radius:14px;background:#10141d;overflow:hidden}.structure-card>summary{list-style:none;display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:9px;align-items:center;padding:12px 14px;cursor:pointer}.structure-card>summary::-webkit-details-marker{display:none}.structure-card>summary:hover{background:#161b26}.structure-card>summary strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.structure-card>summary small{color:var(--muted);font-size:.68rem}.structure-icon{width:26px;height:26px;border-radius:8px;background:#202638;color:#b2a8ff;display:grid;place-items:center;font-weight:900}.structure-card-body{border-top:1px solid var(--line);padding:14px}.structure-card-body h4{margin:18px 0 4px}.structure-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.inline-admin-form{display:flex;align-items:center;gap:8px;flex:1;flex-wrap:wrap}.inline-admin-form .input{max-width:260px}.role-color-input{width:58px!important;padding:3px!important}.role-position-input{width:90px!important}.delete-channel-form{display:flex;justify-content:flex-end;margin-top:-34px;margin-bottom:8px;pointer-events:none}.delete-channel-form .btn{pointer-events:auto}.permission-private-toggle{display:flex;gap:10px;align-items:flex-start;margin:12px 0}.permission-private-toggle>input{margin-top:4px}.permission-private-toggle span,.permission-private-toggle strong,.permission-private-toggle small{display:block}.permission-private-toggle small{color:var(--muted);font-size:.69rem;margin-top:3px;line-height:1.45}.permission-help{font-size:.72rem;line-height:1.5}.permission-matrix-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}.permission-matrix{width:100%;border-collapse:collapse;min-width:760px;background:#0f131b}.permission-matrix th,.permission-matrix td{padding:8px 9px;border-bottom:1px solid #242a38;border-right:1px solid #242a38;text-align:left;font-size:.7rem}.permission-matrix th{position:sticky;top:0;background:#151a25;color:#aeb8ca;font-size:.64rem;z-index:1}.permission-matrix th:first-child,.permission-matrix td:first-child{position:sticky;left:0;background:#141923;z-index:2;min-width:155px}.permission-matrix th:first-child{z-index:3}.permission-matrix select{width:100%;min-width:92px;border:1px solid #333b50;background:#1a2030;color:#dce2ee;border-radius:7px;padding:6px;font-size:.67rem}.permission-matrix select:focus{outline:2px solid rgba(124,103,255,.35)}.role-dot{--role-color:#7d879a;width:12px;height:12px;border-radius:50%;background:var(--role-color);display:inline-block;box-shadow:0 0 0 2px rgba(255,255,255,.04)}.role-dot.mini{width:8px;height:8px;margin-right:3px}.role-permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.role-permission-grid h5{grid-column:1/-1;margin:14px 0 2px;color:#8b97ab;font-size:.66rem;text-transform:uppercase;letter-spacing:.08em}.role-permission-item{display:flex;align-items:flex-start;gap:8px;padding:9px 10px;border:1px solid #2c3344;border-radius:10px;background:#121722}.role-permission-item>input{margin-top:3px}.role-permission-item span,.role-permission-item strong,.role-permission-item small{display:block}.role-permission-item strong{font-size:.75rem}.role-permission-item small{color:var(--muted);font-size:.61rem;margin-top:2px}.role-permission-item.locked{opacity:.58}.member-role-list{display:grid;gap:8px}.member-role-row{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;background:#10141d;padding:10px}.member-role-person strong,.member-role-person small{display:block}.member-role-person small{color:var(--muted);font-size:.66rem;margin-top:2px}.member-role-checkboxes{display:flex;gap:6px;flex-wrap:wrap}.member-role-checkboxes label{display:inline-flex;align-items:center;gap:4px;border:1px solid #303748;border-radius:8px;background:#171c27;padding:5px 7px;font-size:.67rem}.voice-only-field{margin:10px 0}.role-create-form{display:grid;grid-template-columns:minmax(0,1fr) 110px auto;gap:12px;align-items:end}.role-create-form .field{margin:0}
@media(max-width:1000px){.community-admin-grid{grid-template-columns:1fr}.role-permission-grid{grid-template-columns:1fr}.member-role-row{grid-template-columns:1fr}.delete-channel-form{margin-top:8px}.role-create-form{grid-template-columns:1fr 100px}.role-create-form .btn{grid-column:1/-1;width:max-content}}
@media(max-width:620px){.structure-card>summary{grid-template-columns:28px minmax(0,1fr)}.structure-card>summary small{grid-column:2}.inline-admin-form{display:grid;grid-template-columns:1fr auto;width:100%}.inline-admin-form .input{max-width:none}.role-create-form{grid-template-columns:1fr}.permission-matrix{min-width:680px}}

/* =========================================================
   Solqiri v21 — chat avançado, não lidos e mídia
   ========================================================= */
.app-body .server-item{position:relative}
.app-body .server-unread-badge{position:absolute;right:-2px;top:-3px;min-width:18px;height:18px;padding:0 5px;border:2px solid #0d1118;border-radius:999px;background:#ff5f71;color:#fff;font-size:.58rem;font-weight:900;display:grid;place-items:center;z-index:3}
.app-body .channel-item{position:relative}
.app-body .channel-unread-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#f3f5f9;box-shadow:0 0 0 2px rgba(255,255,255,.04)}
.app-body .channel-unread-count{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#7c67ff;color:#fff;font-size:.58rem;font-weight:900;display:grid;place-items:center}
.app-body .message{position:relative}
.app-body .message:hover .message-actions,.app-body .message:focus-within .message-actions{opacity:1;pointer-events:auto;transform:translateY(0)}
.app-body .message-actions{position:absolute;right:10px;top:4px;z-index:8;display:flex;gap:2px;max-width:calc(100% - 20px);padding:3px;border:1px solid #303746;border-radius:9px;background:linear-gradient(90deg,rgba(23,28,38,.96),#171c26 18%);box-shadow:0 8px 25px rgba(0,0,0,.28);opacity:0;pointer-events:none;transform:translateY(2px);transition:.12s ease;overflow-x:auto;scrollbar-width:none}.app-body .message-actions::-webkit-scrollbar{display:none}
.app-body .message-actions button,.app-body .message-actions a{width:29px;height:28px;border:0;border-radius:7px;background:transparent;color:#aeb7c8;display:grid;place-items:center;cursor:pointer;text-decoration:none;font-size:.72rem}
.app-body .message-actions button:hover,.app-body .message-actions a:hover{background:#262d3b;color:#fff}
.app-body .message-reply-context{display:flex;align-items:center;gap:7px;max-width:min(680px,100%);margin:0 0 7px;padding:6px 9px;border:0;border-left:3px solid #8d7cff;border-radius:0 8px 8px 0;background:rgba(124,103,255,.09);color:#c5cddd;font-size:.72rem;line-height:1.35;text-align:left;cursor:pointer}
.app-body .message-reply-context:hover{background:rgba(124,103,255,.15);color:#eef1f7}.app-body .message-reply-context::before{content:"↩";color:#a99fff;font-size:.82rem;font-weight:900}.app-body .message-reply-context strong{color:#c8c0ff;font-weight:900;white-space:nowrap}.app-body .message-reply-context strong::before{content:"@"}.app-body .message-reply-context span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(62vw,560px);color:#d8deea}
.app-body .message-meta-state{display:inline-flex;gap:5px;align-items:center;margin-left:5px;color:#748096;font-size:.58rem}.app-body .message-meta-state .is-pinned{color:#d9b25c}
.app-body .message-attachments{display:grid;gap:8px;margin-top:8px;max-width:min(620px,100%)}
.app-body .message-attachment{display:block;width:max-content;max-width:100%;border:1px solid #293141;border-radius:12px;overflow:hidden;background:#111722;color:#cfd6e3;text-decoration:none}
.app-body .message-attachment img,.app-body .message-attachment video{display:block;max-width:min(520px,100%);max-height:420px;object-fit:contain;background:#090c12}
.app-body .message-attachment audio{display:block;max-width:min(420px,78vw);margin:8px}
.app-body .message-file-card{display:flex;align-items:center;gap:10px;padding:10px 12px;min-width:210px}.app-body .message-file-card span{min-width:0}.app-body .message-file-card strong,.app-body .message-file-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-body .message-file-card small{color:#7d899c;margin-top:3px;font-size:.62rem}
.app-body .message-assets{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.app-body .message-community-asset{display:inline-flex;align-items:center;gap:6px;max-width:260px;padding:6px 8px;border:1px solid #2b3342;border-radius:10px;background:#141a24;color:#dce2ec}
.app-body .message-community-asset img{width:42px;height:42px;object-fit:contain;border-radius:8px}.app-body .message-community-asset.sticker img{width:96px;height:96px}.app-body .message-community-asset audio{width:200px;height:34px}
.app-body .reaction-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.app-body .reaction-chip{min-height:26px;padding:2px 8px;border:1px solid #2c3444;border-radius:8px;background:#161c27;color:#bfc7d5;font-size:.68rem;cursor:pointer}.app-body .reaction-chip:hover,.app-body .reaction-chip.active{border-color:#7765e9;background:rgba(124,103,255,.12);color:#fff}
.app-body .thread-link{display:inline-flex;align-items:center;gap:6px;margin-top:7px;padding:5px 9px;border-radius:8px;background:rgba(124,103,255,.08);color:#a99fff;font-size:.68rem;font-weight:800;text-decoration:none}.app-body .thread-link:hover{background:rgba(124,103,255,.15);color:#c8c1ff}
.message-spoiler{display:inline;padding:1px 4px;border-radius:5px;background:#252b36;color:transparent;cursor:pointer;user-select:none}.message-spoiler:hover,.message-spoiler.revealed{color:inherit;background:#323a49;user-select:text}
.app-body .reply-composer-bar{display:flex;align-items:center;gap:10px;min-width:0;padding:8px 10px;border-bottom:1px solid #2b3343;background:#161c27;color:#aeb8c9;font-size:.68rem}.app-body .reply-composer-copy{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:5px;min-width:0;flex:1}.app-body .reply-composer-bar small{white-space:nowrap;color:#8995a9}.app-body .reply-composer-bar strong{min-width:0;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dce2ec}.app-body .reply-composer-bar strong::before{content:"@";color:#9c90ff}.app-body .reply-composer-bar span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7f8b9f}.app-body .reply-composer-bar button{width:30px;height:30px;min-width:30px;margin-left:auto;border-radius:8px}
.app-body .pending-attachments{display:flex;gap:7px;flex-wrap:wrap;padding:7px 10px 0}.app-body .pending-attachments:empty{display:none}.app-body .pending-attachment-chip{display:flex;align-items:center;gap:6px;max-width:220px;padding:5px 7px;border:1px solid #2a3241;border-radius:8px;background:#121822;color:#bfc8d6;font-size:.62rem}.app-body .pending-attachment-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-body .pending-attachment-chip button{border:0;background:transparent;color:#8c98aa;cursor:pointer}
.app-body .typing-indicator{min-height:18px;padding:2px 12px 0;color:#79869b;font-size:.62rem}.app-body .typing-indicator strong{color:#aeb7c6}
.selected-gif-preview{display:flex;align-items:center;gap:10px;min-width:0;margin:0 8px;padding:8px 10px;border:1px solid #30394b;border-bottom:0;border-radius:12px 12px 0 0;background:#141a24}.selected-gif-preview img{width:72px;height:54px;object-fit:cover;border-radius:8px;background:#0a0d12}.selected-gif-preview span{min-width:0;flex:1}.selected-gif-preview strong,.selected-gif-preview small{display:block}.selected-gif-preview strong{font-size:.72rem}.selected-gif-preview small{margin-top:3px;color:var(--muted);font-size:.61rem}.selected-gif-preview button{width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:#9aa5b7}.selected-gif-preview button:hover{background:#252d3c;color:#fff}.message-inline-media{display:block;max-width:min(520px,100%);max-height:420px;margin:7px 0;border-radius:12px;object-fit:contain;background:#090c12}
.community-asset-picker{width:min(640px,94vw);max-height:min(650px,86dvh);display:flex;flex-direction:column}.community-asset-tabs{display:flex;gap:6px;padding:10px 14px;border-bottom:1px solid #282f3d}.community-asset-tabs button{flex:1;min-height:34px;border:1px solid transparent;border-radius:8px;background:transparent;color:#8e9aad;cursor:pointer}.community-asset-tabs button.active{background:#242b39;color:#fff;border-color:#313a4b}.community-asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(94px,1fr));gap:8px;padding:12px;overflow:auto}.community-asset-item{min-height:96px;border:1px solid #293141;border-radius:11px;background:#141a23;color:#cdd5e2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:7px;cursor:pointer}.community-asset-item:hover{border-color:#6253c7;background:#1b2230}.community-asset-item img{max-width:70px;max-height:60px;object-fit:contain}.community-asset-item small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:720px){.app-body .message-actions{position:static;opacity:1;pointer-events:auto;transform:none;margin-top:5px;width:fit-content;max-width:100%;overflow-x:auto}.app-body .message-actions button,.app-body .message-actions a{width:32px;min-width:32px;height:30px}.app-body .reply-composer-copy{grid-template-columns:auto minmax(0,1fr)}.app-body .reply-composer-bar span{grid-column:1/-1}.app-body .reply-composer-bar strong{max-width:none}.app-body .message-attachment img,.app-body .message-attachment video{max-width:calc(100vw - 86px);max-height:320px}.community-asset-picker{width:100%;max-width:none;align-self:flex-end;border-radius:18px 18px 0 0}.community-asset-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:calc(12px + env(safe-area-inset-bottom))}}

/* Solqiri v21 — DMs, grupos, chamadas e mídia */
.dm-layout-v21 .dm-preview{min-width:0}.dm-head-v21{display:flex;align-items:center;justify-content:space-between;gap:10px}.dm-head-v21 h3{margin:0}.dm-message-area{overflow:auto;min-height:0;justify-content:flex-start}.dm-message{position:relative;display:flex;gap:8px;align-items:flex-start}.dm-message>.avatar{flex:none}.dm-message-inner{min-width:0}.dm-message-actions{display:flex;gap:2px;margin-top:5px;opacity:.35}.dm-message:hover .dm-message-actions{opacity:1}.dm-message-actions button{border:0;border-radius:6px;background:transparent;color:#929db0;cursor:pointer;padding:3px 6px}.dm-message-actions button:hover{background:#333c4e;color:#fff}.dm-reply-context{margin-bottom:4px;color:#8995a8;font-size:.64rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:420px}.dm-attachments{display:grid;gap:6px;margin-top:7px}.dm-attachment{display:block;max-width:100%;border:1px solid #30394a;border-radius:10px;overflow:hidden;background:#101621;color:#d4dbe6;text-decoration:none}.dm-attachment img,.dm-attachment video{display:block;max-width:min(420px,66vw);max-height:330px;object-fit:contain;background:#090c12}.dm-attachment audio{display:block;max-width:300px;margin:6px}.dm-attachment>span,.dm-attachment:not(:has(img)):not(:has(video)):not(:has(audio)){padding:8px 10px}.dm-reply-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border-top:1px solid var(--line);background:#151b25;color:#97a3b5;font-size:.68rem}.dm-reply-bar strong{color:#d9e0ea}.dm-pending-files{display:flex;gap:6px;flex-wrap:wrap;padding:6px 10px 0}.dm-pending-files:empty{display:none}.dm-attach-btn{display:grid;place-items:center;min-width:34px;height:34px;border-radius:9px;background:#202636;color:#fff;cursor:pointer;font-size:1.2rem}.dm-upload-status{padding:0 11px 8px;font-size:.62rem}.dm-utility-body{max-height:70dvh;overflow:auto;padding:12px}.dm-utility-list{display:grid;gap:6px}.dm-search-hit{display:grid;gap:4px;width:100%;text-align:left;padding:9px;border:1px solid var(--line);border-radius:9px;background:#121721;color:var(--text);cursor:pointer}.dm-search-hit span{color:#c7ced9}.dm-search-hit small{color:var(--muted)}.dm-shared-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:9px}.dm-shared-item{display:flex;flex-direction:column;gap:6px;min-height:100px;padding:8px;border:1px solid var(--line);border-radius:10px;background:#111722;color:#ccd4e0;text-decoration:none;overflow:hidden}.dm-shared-item img{width:100%;height:110px;object-fit:cover;border-radius:7px}.dm-shared-item span{font-size:.67rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-file-icon{font-size:2rem!important;display:grid;place-items:center;flex:1}.dm-member-list{display:grid;gap:5px;margin:8px 0 14px}.dm-member-list>div{display:flex;justify-content:space-between;gap:8px;padding:8px;border-bottom:1px solid var(--line)}.dm-member-list small{color:var(--muted)}.dm-edited{display:inline-block;margin-left:5px;font-size:.55rem}
@media(max-width:700px){.dm-layout-v21{display:block}.dm-layout-v21 .dm-conversation-list{max-height:180px;margin-bottom:10px}.dm-layout-v21 .dm-preview{min-height:calc(100dvh - 260px)}.dm-bubble{max-width:88%}.dm-head-v21 .form-row{gap:3px}.dm-head-v21 .icon-btn{width:32px;height:32px}.dm-attachment img,.dm-attachment video{max-width:72vw}.dm-shared-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Solqiri Experience — acabamento transversal dos módulos v21 */
:root{color-scheme:dark;--focus-ring:0 0 0 3px rgba(124,103,255,.28);--surface-glass:rgba(17,21,30,.88);--ease-out:cubic-bezier(.2,.8,.2,1)}
html{scrollbar-color:#343c50 #0b0d12;scrollbar-width:thin;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:rgba(124,103,255,.42);color:#fff}
:where(a,button,input,textarea,select,[tabindex]):focus-visible{outline:2px solid #9b8cff;outline-offset:2px;box-shadow:var(--focus-ring)}
:where(button,.btn,input,textarea,select):disabled{cursor:not-allowed;opacity:.5;filter:saturate(.55);transform:none!important}
:where(input,textarea,select)::placeholder{color:#737e92;opacity:1}
:where(.panel,.card,.stat-card,.service){box-shadow:0 14px 42px rgba(0,0,0,.12)}
.panel{background:linear-gradient(180deg,rgba(18,22,31,.98),rgba(15,19,27,.98))}
.panel-head{min-height:55px;gap:12px}.panel-head h2,.panel-head h3{letter-spacing:-.015em}
.panel-body> :first-child{margin-top:0}.panel-body> :last-child{margin-bottom:0}
.input{min-height:44px;transition:border-color .16s var(--ease-out),box-shadow .16s var(--ease-out),background .16s var(--ease-out)}
.input:hover:not(:disabled){border-color:#3b455c}.input:focus{background:#141925}
.btn{min-height:40px;transition:transform .16s var(--ease-out),filter .16s var(--ease-out),background .16s var(--ease-out),border-color .16s var(--ease-out)}
.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:active:not(:disabled){transform:translateY(0) scale(.98)}
.badge{white-space:nowrap}.table tbody tr{transition:background .14s ease}.table tbody tr:hover{background:rgba(255,255,255,.025)}
.content-page .page-title{letter-spacing:-.035em}.content-page>.container>.section-copy{margin-bottom:24px}
.alert[role="alert"],.alert{line-height:1.45}.muted{line-height:1.5}
@media(hover:none){.btn:hover{transform:none}.message-actions,.dm-message-actions{opacity:1}}
@media(max-width:680px){
  .content-page{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.site-header{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
  .panel,.card{border-radius:14px}.panel-head{padding:12px 13px}.form-row{flex-wrap:wrap}.form-row>.input{flex:1 1 170px}
  .btn{min-height:42px}.table-wrap{margin-inline:-11px;padding-inline:11px;scroll-snap-type:x proximity}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Matrizes de permissões — leitura confortável e navegação horizontal */
.permission-help{font-size:.84rem;line-height:1.6}
.permission-matrix-wrap{overflow:auto;border-color:#343c50;border-radius:14px;background:#0f131b;box-shadow:inset 0 1px rgba(255,255,255,.025)}
.permission-matrix{min-width:1120px;border-collapse:separate;border-spacing:0}
.permission-matrix th,.permission-matrix td{padding:12px;border-color:#293142;font-size:.84rem;vertical-align:middle}
.permission-matrix th{background:#181e2a;color:#d2d9e6;font-size:.77rem;line-height:1.35;font-weight:850}
.permission-matrix th:first-child,.permission-matrix td:first-child{min-width:210px;background:#171c27;color:#eef1f6;font-weight:850;box-shadow:5px 0 12px rgba(0,0,0,.16)}
.permission-matrix th:first-child{background:#1b2130}
.permission-matrix tbody tr:hover td{background-color:rgba(124,103,255,.035)}
.permission-matrix tbody tr:hover td:first-child{background:#1d2330}
.permission-matrix select{min-width:118px;min-height:42px;border-color:#424c65;border-radius:9px;background:#1b2230;color:#eef1f7;padding:8px 10px;font-size:.8rem;font-weight:750}
.permission-matrix select:hover{border-color:#596681;background:#20283a}
.permission-matrix select:focus{outline:2px solid #8d7cff;outline-offset:1px;box-shadow:0 0 0 3px rgba(124,103,255,.14)}
.role-permission-item{padding:11px 12px}.role-permission-item strong{font-size:.84rem}.role-permission-item small{font-size:.72rem;line-height:1.4;margin-top:3px}
.member-role-row{grid-template-columns:minmax(170px,240px) minmax(0,1fr) auto;padding:12px}.member-role-person small{font-size:.75rem}.member-role-checkboxes{gap:7px}.member-role-checkboxes label{padding:7px 9px;font-size:.76rem}
@media(max-width:620px){.permission-matrix{min-width:1050px}.permission-matrix th,.permission-matrix td{padding:10px}.permission-matrix th:first-child,.permission-matrix td:first-child{min-width:180px}}

/* Editor de permissões por cargo */
.permission-role-editor{margin-top:14px;border:1px solid #303849;border-radius:15px;background:#0f131b;overflow:hidden}.permission-role-layout{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:430px}.permission-role-sidebar{padding:12px 8px;border-right:1px solid #2b3241;background:#111620}.permission-role-sidebar-title{padding:5px 10px 10px;color:#7f8ba0;font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.permission-role-choice{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:42px;padding:8px 10px;border:0;border-radius:9px;background:transparent;color:#abb5c5;text-align:left}.permission-role-choice:hover{background:#1a202d;color:#fff}.permission-role-choice.active{background:#252d3d;color:#fff}.permission-role-choice i{width:10px;height:10px;border-radius:50%;background:var(--role-color,#8792a5)}.permission-role-choice span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:800}.permission-role-choice b{color:#737f93}.permission-role-content{min-width:0;padding:18px 20px;background:#121720}.permission-role-panel>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:16px;border-bottom:1px solid #2b3342}.permission-role-panel>header small,.permission-role-panel>header h5{display:block;margin:0}.permission-role-panel>header small{color:#8995a8;font-size:.7rem}.permission-role-panel>header h5{margin-top:3px;font-size:1.05rem}.permission-rule-list{display:grid}.permission-rule{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:18px;align-items:center;min-height:68px;padding:11px 2px;border-bottom:1px solid #282f3e}.permission-rule>div:first-child strong,.permission-rule>div:first-child small{display:block}.permission-rule>div:first-child strong{font-size:.84rem;color:#e5e9f1}.permission-rule>div:first-child small{margin-top:4px;color:#748095;font-size:.62rem}.permission-tristate{display:grid;grid-template-columns:repeat(3,94px);gap:5px;padding:4px;border:1px solid #30394a;border-radius:10px;background:#0d1118}.permission-tristate label{cursor:pointer}.permission-tristate input{position:absolute;opacity:0;pointer-events:none}.permission-tristate span{display:grid;place-items:center;min-height:34px;padding:6px 8px;border-radius:7px;color:#8e9aaf;font-size:.7rem;font-weight:850;transition:.14s}.permission-tristate label:hover span{background:#202736;color:#fff}.permission-tristate .inherit input:checked+span{background:#343d4e;color:#fff}.permission-tristate .allow input:checked+span{background:rgba(61,220,151,.17);color:#78ecb7;box-shadow:inset 0 0 0 1px rgba(61,220,151,.28)}.permission-tristate .deny input:checked+span{background:rgba(255,107,122,.16);color:#ff9da7;box-shadow:inset 0 0 0 1px rgba(255,107,122,.28)}.permission-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-top:1px solid #303849;background:#151a24}.permission-editor-footer .muted{font-size:.72rem}
@media(max-width:820px){.permission-role-layout{grid-template-columns:1fr}.permission-role-sidebar{display:flex;gap:5px;overflow-x:auto;border-right:0;border-bottom:1px solid #2b3241}.permission-role-sidebar-title{display:none}.permission-role-choice{display:flex;width:auto;min-width:max-content}.permission-role-choice b{display:none}.permission-rule{grid-template-columns:1fr;gap:9px}.permission-tristate{grid-template-columns:repeat(3,minmax(82px,1fr));width:100%}.permission-editor-footer{align-items:stretch;flex-direction:column}.permission-editor-footer .btn{width:100%}}