:root{--ink:#111827;--muted:#667085;--line:#d9e0f0;--paper:#f5f7ff;--white:#fff;--lime:#a970ff;--green:#0b5cff;--soft:#eef2ff;--nav:#070a12;--shadow:0 18px 55px rgba(24,34,75,.1);--chatvox-gradient:linear-gradient(135deg,#0b5cff 0%,#1237e6 42%,#6d21ff 72%,#9c00ff 100%)}
body{background:var(--paper);color:var(--ink)}
.auth-screen{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 8%,#0b5cff18,transparent 34%),radial-gradient(circle at 88% 86%,#9c00ff18,transparent 34%),#f7f8ff}
.auth-screen:before,.auth-screen:after{content:"";position:absolute;border:1px solid #6d21ff12;border-radius:50%;pointer-events:none}.auth-screen:before{width:520px;height:520px;top:-250px;right:-160px}.auth-screen:after{width:420px;height:420px;bottom:-240px;left:-160px}
.auth-panel{position:relative;z-index:1;border-color:#dfe4f3;border-radius:28px;box-shadow:0 32px 90px #18224b1f}.auth-brand{justify-content:center;padding:0;margin-bottom:28px}.auth-brand img{width:190px;height:auto}.auth-panel .pill{border:0;background:#f0ebff;color:#5e20dd}.auth-panel h1{color:var(--ink);letter-spacing:-.04em}.auth-panel input{border-color:#cfd7e7;background:#fbfcff}.auth-panel input:focus{border-color:#6d21ff;outline:3px solid #6d21ff18}.auth-mode,.auth-terms a{color:#5e20dd}.auth-submit{background:var(--chatvox-gradient);color:#fff;box-shadow:0 12px 30px #6d21ff2b}
.sidebar{background:linear-gradient(180deg,#0d1220,#070a12 62%,#14082a);border-right:1px solid #ffffff0d}.sidebar-brand{padding:2px 7px 22px}.sidebar-brand img{width:145px;height:auto;filter:brightness(0) invert(1)}.nav-item{color:#aab4c8}.nav-item:hover{background:#ffffff0c;color:#fff}.nav-item.active{background:linear-gradient(90deg,#0b5cff28,#6d21ff22);color:#fff;box-shadow:inset 3px 0 0 #a970ff}.workspace-card{border:1px solid #ffffff0e;background:#121a2b}.workspace-card small{color:#8f9bb3}.status-dot{background:#a970ff;box-shadow:0 0 0 4px #a970ff1f}
.topbar h1{color:#111827}.avatar{background:var(--chatvox-gradient);color:#fff}.icon-btn{border-color:#d9e0f0}.hero{background:linear-gradient(135deg,#070a12,#111a35 62%,#28105c)}.hero em{background:linear-gradient(90deg,#75a2ff,#c587ff);background-clip:text;-webkit-background-clip:text;color:transparent}.hero p{color:#cbd4e7}.hero:after{border-color:#a970ff26}.primary{background:var(--chatvox-gradient);color:#fff;box-shadow:0 9px 22px #6d21ff24}.primary:hover{filter:brightness(1.06);background:var(--chatvox-gradient)}.secondary{border-color:#d9e0f0}.panel,.metrics article,.flow-row{border-color:#dfe4f0;box-shadow:0 8px 30px #18224b08}.metrics strong{color:#17203a}.metrics .positive,.text-btn{color:#0b5cff}.activity-icon,.empty-icon{background:#eee9ff;color:#6d21ff}.person-initial{background:#eaf0ff;color:#0b5cff}.toggle.on{background:#6d21ff}.flow-node{border-left-color:#6d21ff}.badge.success,.success{background:#e5f7eb;color:#16704b}.whatsapp{background:#e1f8e9;color:#148653}.web{background:#e8efff;color:#0b5cff}dialog::backdrop{background:#070a12b5}.close{background:#eef1f8}#toast{background:#111a35}
@media(max-width:900px){.sidebar-brand img{width:38px;object-fit:cover;object-position:left}.sidebar-brand{overflow:hidden}}
@media(max-width:600px){.sidebar{background:linear-gradient(90deg,#070a12,#11142b)}.nav-item.active{box-shadow:inset 0 3px 0 #a970ff}.auth-panel{padding:28px 22px;border-radius:22px}}
.passkey-list{display:grid;gap:10px;margin-top:16px}.passkey-list article{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fbfcff}.passkey-list article div:first-child{display:grid;gap:4px}.passkey-list small{color:var(--muted)}
@media(max-width:760px){.top-actions .secondary{font-size:0;padding:9px}.top-actions .secondary:before{font-size:16px}.top-actions #install-app:before{content:'↓'}.top-actions #enable-notifications:before{content:'◉'}.top-actions #passkey-manage:before{content:'⚿'}.top-actions #passkey-register:before{content:'+'}.passkey-list article{align-items:flex-start;flex-direction:column}.passkey-list .action-group{width:100%}}

/* Navegação compacta: ícones sempre visíveis e títulos no hover. */
@media(min-width:601px){.app-shell{grid-template-columns:68px minmax(0,1fr)!important}.sidebar{overflow:visible;padding:14px 7px!important;z-index:40}.sidebar-brand{height:44px;overflow:hidden;padding:2px 7px 14px!important;width:54px}.sidebar-brand img{height:31px!important;max-width:none!important;object-fit:cover;object-position:left;width:92px!important}.sidebar nav{gap:4px}.nav-item{align-items:center;font-size:18px!important;height:44px;justify-content:center!important;padding:9px!important;position:relative;width:54px}.nav-item span{background:#171b29;border:1px solid #ffffff12;border-radius:9px;box-shadow:0 8px 24px #0005;color:#fff;display:block!important;font-size:11px;font-weight:550;left:62px;opacity:0;padding:8px 10px;pointer-events:none;position:absolute;transform:translateX(-5px);transition:.14s;visibility:hidden;white-space:nowrap}.nav-item span:before{border-bottom:5px solid transparent;border-right:6px solid #171b29;border-top:5px solid transparent;content:"";left:-6px;position:absolute;top:10px}.nav-item:hover span,.nav-item:focus-visible span{opacity:1;transform:none;visibility:visible}.workspace-card{justify-content:center!important;padding:10px!important}.workspace-card div{display:none}.workspace-card .status-dot{margin:0}.nav-item.active{box-shadow:inset 3px 0 0 #a970ff!important}}

/* Barra lateral clara no padrão solicitado. */
@media(min-width:601px){.app-shell{grid-template-columns:62px minmax(0,1fr)!important}.sidebar{background:#f8f8f9!important;border-right:1px solid #d9dadd!important;color:#27292d;height:100vh;padding:0!important;width:62px}.sidebar-brand{align-items:center;border-bottom:1px solid #dedfe2;display:flex;height:54px;justify-content:center;padding:0!important;width:61px}.sidebar-brand img{filter:none!important;height:34px!important;object-fit:contain!important;width:34px!important}.sidebar-plan{align-items:center;background:#ecfff6;border-bottom:1px solid #dff3e9;display:flex;height:62px;justify-content:center;position:relative}.sidebar-plan>span{align-items:center;background:linear-gradient(145deg,#12161f,#40216f);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 7px #2024382b;color:#fff;display:flex;font-size:9px;font-weight:700;height:32px;justify-content:center;width:32px}.sidebar-plan>b{background:#0969da;border:1px solid #fff;border-radius:2px;bottom:8px;color:#fff;font-size:7px;font-weight:650;left:31px;line-height:11px;max-width:27px;overflow:hidden;padding:0 2px;position:absolute;text-overflow:clip}.sidebar nav{gap:3px;padding:14px 7px}.nav-item{border-radius:10px!important;color:#6e7074!important;height:42px;width:47px}.nav-item svg,.sidebar-bottom svg{fill:none;height:22px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.55;width:22px}.nav-item:hover{background:#ececee!important;color:#24262a!important}.nav-item.active{background:#dddde0!important;box-shadow:none!important;color:#202225!important}.nav-item span,.sidebar-bottom span{background:#24262c;border:0;border-radius:7px;box-shadow:0 7px 20px #0003;color:#fff;display:block!important;font-size:11px;font-weight:500;left:56px;opacity:0;padding:7px 9px;pointer-events:none;position:absolute;transform:translateX(-4px);transition:.14s;visibility:hidden;white-space:nowrap;z-index:60}.nav-item:hover span,.nav-item:focus-visible span,.sidebar-bottom button:hover span,.sidebar-bottom a:hover span{opacity:1;transform:none;visibility:visible}.nav-notice{background:#087bf0;border:2px solid #f8f8f9;border-radius:50%;height:7px;position:absolute;right:7px;top:6px;width:7px}.sidebar-bottom{border-top:1px solid #dedfe2;display:grid;margin-top:auto;padding:7px 7px 9px}.sidebar-bottom button,.sidebar-bottom a{align-items:center;background:transparent;border:0;border-radius:9px;color:#5f6267;display:flex;height:40px;justify-content:center;position:relative;text-decoration:none;width:47px}.sidebar-bottom button:hover,.sidebar-bottom a:hover{background:#ececee;color:#202225}.sidebar-avatar{align-items:center;background:linear-gradient(145deg,#6d21ff,#10241d);border:2px solid #fff;border-radius:50%;box-shadow:0 1px 5px #0002;color:#fff;display:flex;font-size:8px;font-weight:650;height:25px;justify-self:center;margin:5px 0;width:25px}.workspace-card{display:none!important}}
@media(max-width:600px){.sidebar-plan,.sidebar-bottom{display:none}.sidebar-brand{display:none}}
@media(min-width:601px){.sidebar-brand{flex:0 0 54px}.sidebar-plan{flex:0 0 62px}.sidebar nav{min-height:0;overflow-y:auto;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}.sidebar-bottom{flex:0 0 auto}.top-actions #logout,.top-actions #user-avatar{display:none}}
@media(min-width:601px){.sidebar-brand img{filter:none!important;height:auto!important;max-height:22px!important;object-fit:contain!important;width:52px!important}}