@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--azul-claro:#00a868;--azul-medio:#0e5c3f;--azul-escuro:#0c3d2c;--azul-profundo:#0a2a20;--b50:#eafaf2;--b100:#cdf2e0;--b200:#a3e8c8;--b300:#6fd9aa;--b400:#33c389;--b500:#00a868;--b600:#0e7d52;--b700:#0e5c3f;--b800:#0c3d2c;--b900:#0a2a20;--ink:#102820;--ink-2:#2a3d35;--ink-3:#6b7c75;--line:#e7ece8;--line-2:#f0f4f1;--bg:#f5f4ee;--bg-2:#ecebe3;--surface:#ffffff;--surface-2:#fbfaf6;--ok:#00a868;--ok-bg:#00a8681f;--ok-ink:#0e5c3f;--warn:#e2a23a;--warn-bg:#e2a23a26;--warn-ink:#946012;--danger:#d4543a;--danger-bg:#d4543a1f;--danger-ink:#a83a25;--info:#3372d8;--info-bg:#3372d81a;--info-ink:#234f96;--neutral:#6b7c75;--neutral-bg:#6b7c7518;--neutral-ink:#42504a;--accent:#0e5c3f;--gold:#b89441;--violet:#6e57d4;--cyan:#1aa6a0;--pink:#c062c4;--glow:rgba(0,168,104,.45);--font:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--serif:"Cormorant Garamond",Georgia,serif;--mono:"JetBrains Mono",ui-monospace,monospace;--r-sm:10px;--r-md:16px;--r-lg:22px;--r-xl:30px;--r-pill:999px;--sh-1:0 1px 2px rgba(16,40,32,.05),0 0 0 1px var(--line);--sh-2:0 6px 18px rgba(16,40,32,.08),0 1px 3px rgba(16,40,32,.05);--sh-3:0 24px 60px rgba(16,40,32,.16),0 2px 8px rgba(16,40,32,.06);--hl:inset 0 1px 0 rgba(255,255,255,.7);--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--rail:64px;--rail-open:256px;--ease:cubic-bezier(.2,.7,.3,1)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font);font-weight:400;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.55}h1,h2,h3,h4{margin:0;font-weight:600;color:var(--ink);letter-spacing:-.2px}p{margin:0}a{color:var(--accent);text-decoration:none}button{font-family:inherit;cursor:pointer}small{font-size:12px}::selection{background:var(--b200);color:var(--ink)}.tnum{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mono{font-family:var(--mono)}.serif{font-family:var(--serif)}.muted{color:var(--ink-3)}.eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-weight:700}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}svg.icon.sm{width:16px;height:16px}svg.icon.lg{width:28px;height:28px}svg.icon.xl{width:40px;height:40px}.liquid-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;background:var(--bg)}.liquid-bg:after,.liquid-bg:before{content:"";position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;animation:liquid 22s var(--ease) infinite alternate}.liquid-bg:before{width:46vw;height:46vw;left:-8vw;top:-10vw;background:radial-gradient(circle,var(--b200),transparent 70%)}.liquid-bg:after{width:40vw;height:40vw;right:-6vw;bottom:-12vw;background:radial-gradient(circle,#e7d6a6,transparent 70%);animation-delay:-8s}@keyframes liquid{0%{transform:translate(0) scale(1)}to{transform:translate(4vw,3vw) scale(1.15)}}.ds-top{position:-webkit-sticky;position:sticky;top:0;z-index:120;gap:14px;padding:10px 22px;background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.ds-top,.ds-top .brand{display:flex;align-items:center}.ds-top .brand{gap:10px;font-size:18px}.ds-logo,.ds-top .brand{font-family:var(--serif);font-weight:600}.ds-logo{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#fff;font-style:italic;font-size:19px;background:linear-gradient(135deg,var(--accent),var(--azul-claro));box-shadow:0 4px 12px #0e5c3f3a}.ds-top nav{display:flex;gap:4px;flex-wrap:wrap;margin-left:6px}.ds-top nav a{padding:7px 12px;border-radius:9px;color:var(--ink-2);font-size:13px;font-weight:500}.ds-top nav a:hover{background:var(--bg-2)}.ds-top nav a.active{background:var(--b50);color:var(--accent);font-weight:600}.ds-top .spacer{flex:1 1}.ds-wrap{display:grid;grid-template-columns:240px 1fr;grid-gap:0;gap:0;align-items:start}.ds-side{position:-webkit-sticky;position:sticky;top:57px;align-self:start;height:calc(100vh - 57px);overflow-y:auto;padding:20px 14px;border-right:1px solid var(--line);background:var(--surface)}.ds-side .nav-search{display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:8px 11px;margin-bottom:12px}.ds-side .nav-search input{border:none;outline:none;background:transparent;font-family:inherit;font-size:13px;flex:1 1;color:var(--ink)}.ds-side a{display:block;padding:7px 11px;border-radius:9px;color:var(--ink-2);font-size:13px;font-weight:500}.ds-side a:hover{background:var(--bg-2)}.ds-side a.active{background:var(--b50);color:var(--accent);font-weight:600}.ds-side .grp{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold);font-weight:700;padding:14px 11px 5px}.ds-main{padding:34px 44px 120px;max-width:1120px}.ds-sec{padding:30px 0 38px;border-bottom:1px solid var(--line);scroll-margin-top:72px}.ds-sec>h2{font-family:var(--serif);font-size:30px;font-weight:600;margin-bottom:4px}.ds-sec>.lead{color:var(--ink-3);font-size:14px;margin-bottom:22px;max-width:640px}.ds-sec h3.sub{font-family:var(--serif);font-size:20px;font-weight:600;margin:26px 0 12px}.demo{background:var(--surface);border-radius:var(--r-md);box-shadow:var(--sh-1);padding:22px;display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:12px 0}.demo.col{flex-direction:column;align-items:stretch}.cap{font-family:var(--mono);font-size:11px;color:var(--ink-3);margin-top:6px}.bento{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:14px;gap:14px}.c1{grid-column:span 1}.c2{grid-column:span 2}.c3{grid-column:span 3}.c4{grid-column:span 4}.c5{grid-column:span 5}.c6{grid-column:span 6}.c7{grid-column:span 7}.c8{grid-column:span 8}.c9{grid-column:span 9}.c10{grid-column:span 10}.c11{grid-column:span 11}.c12{grid-column:span 12}.g2{grid-template-columns:repeat(2,1fr);grid-gap:14px}.g2,.g3{display:grid;gap:14px}.g3{grid-template-columns:repeat(3,1fr);grid-gap:14px}.g4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.g5{grid-template-columns:repeat(5,1fr);grid-gap:12px}.g5,.g6{display:grid;gap:12px}.g6{grid-template-columns:repeat(6,1fr);grid-gap:12px}@media(max-width:900px){.bento>[class*=c]{grid-column:span 6}.g3,.g4,.g5,.g6{grid-template-columns:repeat(2,1fr)}}.sw{border-radius:12px;overflow:hidden;box-shadow:var(--sh-1);background:var(--surface);cursor:pointer;transition:transform .15s var(--ease)}.sw:hover{transform:translateY(-2px)}.sw .col{height:62px}.sw .meta{padding:8px 11px}.sw .nm{font-size:12.5px;font-weight:600}.sw .hx{font-family:var(--mono);font-size:11px;color:var(--ink-3)}.type-row{display:flex;align-items:baseline;gap:18px;padding:12px 0;border-bottom:1px solid var(--line)}.type-row:last-child{border-bottom:none}.type-row .lbl{width:150px;flex:none;font-family:var(--mono);font-size:11px;color:var(--ink-3)}.t-display{font-size:46px;letter-spacing:-.5px}.t-display,.t-h1{font-family:var(--serif);font-weight:600}.t-h1{font-size:34px}.t-h2{font-family:var(--serif);font-size:26px}.t-h2,.t-h3{font-weight:600}.t-h3{font-size:20px}.t-body{font-size:15px}.t-cap{font-size:12.5px;color:var(--ink-3)}.shadowbox{height:74px;border-radius:14px;background:var(--surface);place-items:center;color:var(--ink-3)}.radbox,.shadowbox{display:grid;font-family:var(--mono);font-size:11px}.radbox{height:64px;background:var(--b50);border:1px solid var(--b200);place-items:center;color:var(--accent)}.spacer-demo{background:var(--b500);height:16px;border-radius:4px}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));grid-gap:10px;gap:10px}.icon-cell{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 8px;text-align:center;cursor:pointer;transition:all .15s var(--ease)}.icon-cell:hover{border-color:var(--b300);background:var(--b50);transform:translateY(-2px)}.icon-cell svg{color:var(--accent)}.icon-cell span{display:block;font-family:var(--mono);font-size:10px;color:var(--ink-3);margin-top:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:var(--r-sm);border:1px solid transparent;font-family:inherit;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--accent),var(--azul-claro));box-shadow:0 4px 12px #0e5c3f33;transition:all .16s var(--ease);position:relative;white-space:nowrap}.btn:hover{transform:translateY(-1px);box-shadow:0 7px 18px #0e5c3f44}.btn:active{transform:translateY(0)}.btn .icon{width:17px;height:17px}.btn.secondary{background:var(--surface);color:var(--ink);border-color:var(--line);box-shadow:var(--sh-1)}.btn.secondary:hover{background:var(--bg-2)}.btn.outline{background:transparent;color:var(--accent);border-color:var(--b300);box-shadow:none}.btn.outline:hover,.btn.soft{background:var(--b50)}.btn.soft{color:var(--accent);box-shadow:none}.btn.soft:hover{background:var(--b100)}.btn.ghost{background:transparent;color:var(--ink-2);box-shadow:none}.btn.ghost:hover{background:var(--bg-2)}.btn.link{background:none;box-shadow:none;color:var(--accent);padding:6px 4px;text-decoration:underline;text-underline-offset:3px}.btn.success{background:linear-gradient(135deg,#0e7d52,#00a868)}.btn.warn{background:linear-gradient(135deg,#cf8a1e,#e2a23a);box-shadow:0 4px 12px #e2a23a44}.btn.danger{background:linear-gradient(135deg,#b8402a,#d4543a);box-shadow:0 4px 12px #d4543a44}.btn.dark{background:linear-gradient(135deg,var(--azul-profundo),var(--azul-escuro))}.btn.lg{padding:13px 22px;font-size:15px}.btn.sm{padding:7px 12px;font-size:13px}.btn.xs{padding:5px 10px;font-size:12px;border-radius:8px}.btn.disabled,.btn[disabled]{opacity:.5;pointer-events:none;filter:grayscale(.2)}.btn.loading{color:transparent!important;pointer-events:none}.btn.loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid #ffffff66;border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.btn.outline.loading:after,.btn.secondary.loading:after,.btn.soft.loading:after{border:2px solid #0e5c3f44;border-top:2px solid var(--accent)}.icon-btn{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);color:var(--ink-2);box-shadow:var(--sh-1);transition:all .15s var(--ease)}.icon-btn:hover{background:var(--b50);color:var(--accent);border-color:var(--b200)}.btn-group{display:inline-flex;border-radius:var(--r-sm);overflow:hidden;box-shadow:var(--sh-1)}.btn-group .btn{border-radius:0;box-shadow:none;border:1px solid var(--line);border-right:none;background:var(--surface);color:var(--ink)}.btn-group .btn:last-child{border-right:1px solid var(--line)}.btn-group .btn.active{background:var(--b50);color:var(--accent)}.split{display:inline-flex}.split .btn:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.split .btn:last-child{border-top-left-radius:0;border-bottom-left-radius:0;padding-left:10px;padding-right:10px;margin-left:1px}.fab{position:fixed;right:26px;bottom:26px;width:58px;height:58px;border-radius:50%;z-index:90;display:grid;place-items:center;color:#fff;border:none;background:linear-gradient(135deg,var(--accent),var(--azul-claro));box-shadow:0 12px 28px #0e5c3f55;transition:transform .16s var(--ease)}.fab:hover{transform:scale(1.06) rotate(90deg)}.fab .icon{width:24px;height:24px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}.field>label{font-size:12px;font-weight:600;color:var(--ink-2);letter-spacing:.2px}.input,.select,.textarea{width:100%;font-family:inherit;font-size:14px;color:var(--ink);background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-sm);padding:11px 13px;outline:none;transition:all .15s var(--ease)}.input:focus,.select:focus,.textarea:focus{border-color:var(--azul-claro);box-shadow:0 0 0 4px var(--b50)}.input::placeholder,.textarea::placeholder{color:var(--ink-3)}.textarea{resize:vertical;min-height:84px}.input-wrap{position:relative;display:block}.input-wrap>.icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--ink-3);pointer-events:none}.input-wrap>.input{padding-left:40px;padding-right:44px}.input-wrap .suffix{position:absolute;right:7px;top:50%;transform:translateY(-50%);display:flex;gap:2px}.input-wrap .suffix button{background:none;border:none;color:var(--ink-3);width:30px;height:30px;border-radius:8px;display:grid;place-items:center}.input-wrap .suffix button:hover{background:var(--bg-2);color:var(--ink)}.cselect{position:relative}.cs-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:inherit;font-size:14px;color:var(--ink);background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-sm);padding:11px 13px;text-align:left}.cs-btn:focus,.cselect.open .cs-btn{border-color:var(--azul-claro);box-shadow:0 0 0 4px var(--b50)}.cs-btn .icon{transition:transform .18s var(--ease)}.cselect.open .cs-btn .icon{transform:rotate(180deg)}.cs-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-3);padding:6px;z-index:60;display:none}.cselect.open .cs-menu{display:block;animation:popin .14s var(--ease)}.cs-opt{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:9px;font-size:14px;color:var(--ink-2);cursor:pointer}.cs-opt.sel,.cs-opt:hover{background:var(--b50);color:var(--accent)}.cs-opt.sel{font-weight:600}.cs-opt .dotc{width:9px;height:9px;border-radius:50%;flex:none}.field.ok .input{border-color:var(--ok)}.field.err .input{border-color:var(--danger)}.field .hint{font-size:11.5px;color:var(--ink-3)}.field.err .hint{color:var(--danger-ink)}.field.ok .hint{color:var(--ok-ink)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7c75' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;padding-right:38px}.pw-meter{height:6px;border-radius:4px;background:var(--bg-2);overflow:hidden;margin-top:6px}.pw-meter>span{display:block;height:100%;width:0;border-radius:4px;transition:width .3s var(--ease),background .3s}.pw-meter.weak>span{width:33%;background:var(--danger)}.pw-meter.med>span{width:66%;background:var(--warn)}.pw-meter.strong>span{width:100%;background:var(--ok)}.check,.radio{display:inline-flex;align-items:center;gap:9px;font-size:14px;color:var(--ink-2);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.check input,.radio input{position:absolute;opacity:0;width:0;height:0}.check .box{width:20px;height:20px;border-radius:6px;border:1.5px solid var(--line-2);background:var(--surface);display:grid;place-items:center}.check .box,.check .box svg{transition:all .15s var(--ease)}.check .box svg{width:13px;height:13px;color:#fff;stroke-width:3;opacity:0;transform:scale(.5)}.check input:checked+.box{background:var(--accent);border-color:var(--accent)}.check input:checked+.box svg{opacity:1;transform:scale(1)}.radio .box{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--line-2);background:var(--surface);display:grid;place-items:center;transition:all .15s}.radio .box:after{content:"";width:9px;height:9px;border-radius:50%;background:var(--accent);transform:scale(0);transition:transform .15s var(--ease)}.radio input:checked+.box{border-color:var(--accent)}.radio input:checked+.box:after{transform:scale(1)}.switch{position:relative;display:inline-flex;align-items:center;cursor:pointer}.switch input{position:absolute;opacity:0}.switch .track{width:46px;height:26px;border-radius:999px;background:var(--bg-2);transition:background .2s var(--ease);position:relative}.switch .track:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s var(--ease)}.switch input:checked+.track{background:var(--accent)}.switch input:checked+.track:after{transform:translateX(20px)}.segmented{display:inline-flex;background:var(--bg-2);border-radius:var(--r-sm);padding:4px;gap:4px}.segmented button{border:none;background:transparent;padding:7px 15px;border-radius:8px;font-size:13px;font-weight:500;color:var(--ink-3)}.segmented button.active{background:var(--surface);color:var(--ink);box-shadow:var(--sh-1)}.range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:4px;background:var(--bg-2);outline:none}.range::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent);box-shadow:0 2px 6px #0e5c3f55;cursor:pointer;border:3px solid #fff}.range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);border:3px solid #fff;cursor:pointer}.stepper{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:var(--r-sm);overflow:hidden}.stepper,.stepper button{background:var(--surface)}.stepper button{border:none;width:38px;height:40px;display:grid;place-items:center;color:var(--ink-2)}.stepper button:hover{background:var(--bg-2);color:var(--accent)}.stepper input{width:54px;text-align:center;border:none;outline:none;border-left:1px solid var(--line);border-right:1px solid var(--line);font-family:var(--mono);font-size:14px;height:40px}.otp{display:flex;gap:10px}.otp input{width:48px;height:56px;text-align:center;font-family:var(--mono);font-size:22px;border:1.5px solid var(--line);border-radius:12px;outline:none;background:var(--surface);color:var(--ink)}.otp input:focus{border-color:var(--azul-claro);box-shadow:0 0 0 4px var(--b50)}.tags-input{display:flex;flex-wrap:wrap;gap:6px;padding:8px;border:1.5px solid var(--line);border-radius:var(--r-sm);background:var(--surface)}.tags-input input{border:none;outline:none;flex:1 1;min-width:80px;font-family:inherit;font-size:14px;padding:5px}.tag-rm{display:inline-flex;align-items:center;gap:6px;background:var(--b50);color:var(--accent);border-radius:8px;padding:4px 8px;font-size:12.5px;font-weight:500}.tag-rm button{border:none;background:none;color:var(--accent);display:grid;place-items:center;padding:0}.tag-rm .icon{width:13px;height:13px}.dropzone{border:2px dashed var(--b200);border-radius:var(--r-md);background:var(--b50);padding:28px;text-align:center;color:var(--ink-2);transition:all .15s var(--ease)}.dropzone:hover{border-color:var(--azul-claro);background:var(--b100)}.dropzone .icon{width:34px;height:34px;color:var(--accent);margin-bottom:8px}.file-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:10px;margin-top:8px}.file-row .icon{color:var(--accent)}.file-row .nm{flex:1 1;font-size:13.5px;font-weight:500}.file-row .sz{font-family:var(--mono);font-size:11.5px;color:var(--ink-3)}.dd{position:relative;display:inline-block}.dd-toggle{display:inline-flex;align-items:center;gap:8px;justify-content:space-between;min-width:200px;padding:10px 13px;border:1.5px solid var(--line);border-radius:var(--r-sm);font-size:14px;color:var(--ink)}.dd-menu,.dd-toggle{background:var(--surface)}.dd-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-3);padding:8px;z-index:60;display:none}.dd-menu.open{display:block;animation:popin .14s var(--ease)}.dd-menu .dd-search{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--surface-2);border-radius:9px;margin-bottom:6px}.dd-menu .dd-search input{border:none;outline:none;background:none;font-family:inherit;font-size:13px;flex:1 1}.dd-opt{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:9px;font-size:14px;color:var(--ink-2);cursor:pointer}.dd-opt.sel,.dd-opt:hover{background:var(--b50);color:var(--accent)}.badge,.dd-opt.sel{font-weight:600}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;padding:4px 10px;border-radius:var(--r-pill);background:var(--neutral-bg);color:var(--neutral-ink)}.badge.info{background:var(--info-bg);color:var(--info-ink)}.badge.ok{background:var(--ok-bg);color:var(--ok-ink)}.badge.warn{background:var(--warn-bg);color:var(--warn-ink)}.badge.danger{background:var(--danger-bg);color:var(--danger-ink)}.badge .live{width:7px;height:7px;position:relative}.badge .live,.badge .live:after{border-radius:50%;background:currentColor}.badge .live:after{content:"";position:absolute;inset:-3px;opacity:.4;animation:livePulse 1.6s var(--ease) infinite}.chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:4px 11px;border-radius:var(--r-pill);background:var(--bg-2);color:var(--ink-2);font-weight:500}.chip .icon{width:13px;height:13px}.tag{display:inline-block;font-size:10.5px;padding:2px 8px;background:var(--bg-2);color:var(--ink-2);letter-spacing:.3px}.prio,.tag{border-radius:7px;font-weight:600}.prio{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;padding:3px 9px}.prio:before{content:"";width:7px;height:7px;border-radius:2px;transform:rotate(45deg)}.prio.alta{background:var(--danger-bg);color:var(--danger-ink)}.prio.alta:before{background:var(--danger)}.prio.media{background:var(--warn-bg);color:var(--warn-ink)}.prio.media:before{background:var(--warn)}.prio.baixa{background:var(--ok-bg);color:var(--ok-ink)}.prio.baixa:before{background:var(--ok)}.status-dot{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--ink-2)}.status-dot:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--neutral)}.status-dot.on:before{background:var(--ok);box-shadow:0 0 0 3px var(--ok-bg)}.status-dot.busy:before{background:var(--danger);box-shadow:0 0 0 3px var(--danger-bg)}.status-dot.away:before{background:var(--warn);box-shadow:0 0 0 3px var(--warn-bg)}.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;font-family:var(--serif);font-style:italic;font-weight:600;font-size:18px;background:linear-gradient(135deg,var(--accent),var(--azul-claro));position:relative;flex:none}.avatar.sm{width:34px;height:34px;font-size:14px}.avatar.lg{width:60px;height:60px;font-size:24px}.avatar .pip{position:absolute;right:0;bottom:0;width:12px;height:12px;border-radius:50%;border:2px solid #fff;background:var(--ok)}.avatar-group{display:flex}.avatar-group .avatar{margin-left:-12px;box-shadow:0 0 0 2px #fff}.avatar-group .avatar:first-child{margin-left:0}.card{background:var(--surface);border-radius:var(--r-md);box-shadow:var(--sh-1);padding:20px;transition:all .18s var(--ease)}.card.lift:hover{transform:translateY(-3px);box-shadow:var(--sh-2)}.card.soft{background:var(--surface-2);box-shadow:none;border:1px solid var(--line)}.card.glass{background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.7);box-shadow:var(--sh-2)}.card.spot{background:linear-gradient(150deg,var(--azul-profundo),var(--azul-escuro));color:#dff0e7;box-shadow:var(--sh-3);position:relative;overflow:hidden}.card.spot:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,var(--glow),transparent 70%);top:-90px;right:-60px}.card.spot .kpi-val,.card.spot h3{color:#fff}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-head h3{font-family:var(--serif);font-size:18px;font-weight:600}.kpi{background:var(--surface);border-radius:var(--r-md);box-shadow:var(--sh-1);padding:18px 20px;position:relative;overflow:hidden}.kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}.kpi.blue:before{background:var(--info)}.kpi.amber:before{background:var(--warn)}.kpi.violet:before{background:var(--violet)}.kpi.red:before{background:var(--danger)}.kpi .kpi-top{display:flex;align-items:center;justify-content:space-between;color:var(--ink-3);margin-bottom:10px}.kpi .kpi-ico{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--b50);color:var(--accent)}.kpi-val{font-family:var(--serif);font-size:32px;font-weight:600;line-height:1;letter-spacing:-.5px}.kpi-val .u{font-size:15px;color:var(--ink-3);font-family:var(--font);margin-left:3px}.kpi-lbl{font-size:11.5px;color:var(--ink-3);margin-top:8px;text-transform:uppercase;letter-spacing:1px}.trend{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:600;font-family:var(--mono)}.trend.up{color:var(--ok)}.trend.down{color:var(--danger)}.trend .icon{width:14px;height:14px}.table-wrap{background:var(--surface);border-radius:var(--r-md);box-shadow:var(--sh-1);overflow:hidden}table.tbl{width:100%;border-collapse:collapse}table.tbl thead{background:var(--surface-2)}table.tbl th{font-size:10.5px;text-transform:uppercase;letter-spacing:1px;color:var(--ink-3);font-weight:700;text-align:left;padding:12px 16px}table.tbl td,table.tbl th{border-bottom:1px solid var(--line)}table.tbl td{font-size:13.5px;padding:13px 16px;color:var(--ink-2)}table.tbl tbody tr:last-child td{border-bottom:none}table.tbl tbody tr:hover{background:var(--b50)}.row-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s}tr:hover .row-actions{opacity:1}.row-actions button{width:30px;height:30px;border-radius:8px;border:none;background:transparent;color:var(--ink-3);display:grid;place-items:center}.row-actions button:hover{background:var(--surface);color:var(--accent);box-shadow:var(--sh-1)}.num{font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.num.pos{color:var(--ok)}.num.neg{color:var(--danger)}.kanban{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.kcol{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);padding:13px}.kcol-head{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--line)}.kcol-head .kdot{width:9px;height:9px;border-radius:50%}.kcol-head .kcount{margin-left:auto;background:var(--surface);color:var(--ink-3);font-size:11px;padding:1px 8px;border-radius:7px;font-weight:700}.kcard{background:var(--surface);border-radius:11px;padding:13px 14px;margin-bottom:9px;box-shadow:var(--sh-1);border-left:3px solid var(--accent);cursor:-webkit-grab;cursor:grab;transition:all .15s var(--ease)}.kcard:hover{transform:translateY(-2px);box-shadow:var(--sh-2)}.kcard.amber{border-left-color:var(--warn)}.kcard.violet{border-left-color:var(--violet)}.kcard.blue{border-left-color:var(--info)}.kcard .kt{font-size:13.5px;font-weight:600}.kcard .kd{font-size:12px;color:var(--ink-3);margin-top:5px;line-height:1.4}.kcard .kf{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.shell{min-height:420px;border-radius:var(--r-lg);overflow:visible;box-shadow:var(--sh-2);background:var(--bg)}.rail,.shell{display:flex;position:relative}.rail{width:var(--rail);flex:none;background:linear-gradient(180deg,var(--azul-escuro),var(--azul-profundo));flex-direction:column;align-items:center;padding:16px 0;gap:6px;border-radius:var(--r-lg) 0 0 var(--r-lg);z-index:80}.rail .rail-seal{width:40px;height:40px;place-items:center;color:#fff;font-family:var(--serif);font-style:italic;font-size:20px;background:linear-gradient(135deg,var(--accent),var(--azul-claro));box-shadow:0 4px 12px #00000040;margin-bottom:12px}.rail .rail-seal,.ritem{border-radius:12px;display:grid}.ritem{position:relative;width:44px;height:44px;place-items:center;color:#cdddf5;background:transparent;border:none;transition:all .15s var(--ease)}.ritem svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9}.ritem:hover{background:#ffffff14;color:#fff}.ritem.active{color:#fff;background:linear-gradient(135deg,var(--accent),var(--azul-claro));box-shadow:0 6px 16px #00a86855}.ritem.bottom{margin-top:auto}.rtip{left:54px;transform:translateY(-50%) scale(.9);transform-origin:left center;background:var(--azul-profundo);color:#fff;font-size:12.5px;font-weight:500;padding:7px 12px;border-radius:9px;white-space:nowrap;box-shadow:var(--sh-2);opacity:0;pointer-events:none;transition:all .14s var(--ease);z-index:220}.rtip,.rtip:before{position:absolute;top:50%}.rtip:before{content:"";left:-5px;transform:translateY(-50%);border:5px solid transparent;border-right:5px solid var(--azul-profundo)}.ritem:hover .rtip{opacity:1;transform:translateY(-50%) scale(1)}.shell-main{flex:1 1;min-width:0;display:flex;flex-direction:column}.topbar{gap:14px;padding:14px 20px;background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topbar,.topbar .tb-search{display:flex;align-items:center}.topbar .tb-search{flex:1 1;max-width:340px;gap:8px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-pill);padding:8px 14px}.topbar .tb-search input{border:none;outline:none;background:none;font-family:inherit;font-size:13.5px;flex:1 1}.topbar .spacer{flex:1 1}.shell-body{flex:1 1;padding:22px;overflow:auto}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line)}.tabs button{background:none;padding:11px 16px;font-size:14px;font-weight:500;color:var(--ink-3);border:none;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-3)}.breadcrumb a{color:var(--ink-2)}.breadcrumb a:hover{color:var(--accent)}.breadcrumb .icon{width:14px;height:14px;opacity:.5}.breadcrumb .cur{color:var(--ink);font-weight:600}.pagination{display:inline-flex;gap:5px}.pagination button{min-width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font-size:13.5px;font-weight:500}.pagination button:hover{background:var(--bg-2)}.pagination button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.steps{display:flex;align-items:flex-start;gap:0}.step{flex:1 1;display:flex;flex-direction:column;align-items:center;position:relative;text-align:center}.step:before{content:"";position:absolute;top:17px;left:-50%;width:100%;height:2px;background:var(--line)}.step:first-child:before{display:none}.step.active:before,.step.done:before{background:var(--accent)}.step .dot{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:2px solid var(--line);color:var(--ink-3);font-weight:700;font-size:14px;z-index:1;position:relative}.step.done .dot{background:var(--accent);border-color:var(--accent);color:#fff}.step.active .dot{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 5px var(--b50)}.step .lbl{font-size:12.5px;margin-top:8px;color:var(--ink-2);font-weight:500;max-width:120px}.timeline{position:relative;padding-left:28px}.timeline:before{content:"";position:absolute;left:8px;top:4px;bottom:4px;width:2px;background:var(--line)}.tl-item{position:relative;padding-bottom:20px}.tl-item:before{content:"";position:absolute;left:-24px;top:3px;width:14px;height:14px;border-radius:50%;background:var(--surface);border:3px solid var(--accent)}.tl-item .tl-time{font-family:var(--mono);font-size:11px;color:var(--ink-3)}.tl-item .tl-title{font-size:14px;font-weight:600;margin-top:2px}.tl-item .tl-desc{font-size:13px;color:var(--ink-3);margin-top:2px}.menu-glass{background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.8);border-radius:var(--r-md);box-shadow:var(--sh-3);padding:8px;min-width:220px}.menu-glass .mi{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:9px;font-size:13.5px;color:var(--ink-2);cursor:pointer}.menu-glass .mi:hover{background:var(--b50);color:var(--accent)}.menu-glass .mi.danger:hover{background:var(--danger-bg);color:var(--danger-ink)}.menu-glass .sep{height:1px;background:var(--line);margin:6px 4px}.notif-panel{width:340px;background:var(--surface);border-radius:var(--r-md);box-shadow:var(--sh-3);overflow:hidden}.notif-panel .nh{align-items:center;justify-content:space-between;padding:14px 16px}.notif-item,.notif-panel .nh{display:flex;border-bottom:1px solid var(--line)}.notif-item{gap:12px;padding:13px 16px}.notif-item:hover{background:var(--surface-2)}.notif-item .ni-ico{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--b50);color:var(--accent);flex:none}.notif-item .ni-t{font-size:13.5px;font-weight:600}.notif-item .ni-d{font-size:12.5px;color:var(--ink-3);margin-top:2px}.notif-item .ni-w{font-family:var(--mono);font-size:10.5px;color:var(--ink-3);margin-top:4px}.notif-item.unread{background:var(--b50)}.toast-zone{position:fixed;right:20px;bottom:20px;display:flex;flex-direction:column;gap:10px;z-index:300}.toast{display:flex;align-items:flex-start;gap:12px;min-width:300px;max-width:380px;background:var(--surface);border-radius:var(--r-md);box-shadow:var(--sh-3);padding:14px 16px;border-left:4px solid var(--accent);animation:slideIn .25s var(--ease)}.toast.info{border-left-color:var(--info)}.toast.warn{border-left-color:var(--warn)}.toast.danger{border-left-color:var(--danger)}.toast.ok{border-left-color:var(--ok)}.toast .ti{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--ok-bg);color:var(--ok-ink);flex:none}.toast.info .ti{background:var(--info-bg);color:var(--info-ink)}.toast.warn .ti{background:var(--warn-bg);color:var(--warn-ink)}.toast.danger .ti{background:var(--danger-bg);color:var(--danger-ink)}.toast .tt{font-size:13.5px;font-weight:600}.toast .td{font-size:12.5px;color:var(--ink-3);margin-top:2px}.toast .tx{margin-left:auto;background:none;border:none;color:var(--ink-3);padding:2px}.snackbar{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);display:flex;align-items:center;gap:16px;background:var(--azul-profundo);color:#eaf5ef;padding:13px 18px;border-radius:var(--r-pill);box-shadow:var(--sh-3);z-index:300;font-size:13.5px;animation:slideUp .25s var(--ease)}.snackbar button{background:none;border:none;color:var(--b300);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.overlay{position:fixed;inset:0;background:rgba(16,40,32,.45);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:250;display:grid;place-items:center;padding:20px;animation:fade .2s var(--ease)}.modal{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--sh-3);width:100%;max-width:520px;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;animation:popin .2s var(--ease)}.modal.wide{max-width:760px}.modal header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line)}.modal header h3{font-family:var(--serif);font-size:21px;font-weight:600}.modal .body{padding:20px 22px;overflow:auto;display:flex;flex-direction:column;gap:14px}.modal footer{padding:14px 22px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px;background:var(--surface-2)}.confirm{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--sh-3);width:100%;max-width:400px;text-align:center;padding:28px 26px;animation:popin .2s var(--ease)}.confirm .ci{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px}.confirm.danger .ci{background:var(--danger-bg);color:var(--danger)}.confirm.warn .ci{background:var(--warn-bg);color:var(--warn)}.confirm.ok .ci{background:var(--ok-bg);color:var(--ok)}.confirm .ci .icon{width:30px;height:30px}.confirm h3{font-family:var(--serif);font-size:22px;margin-bottom:6px}.confirm p{font-size:13.5px;color:var(--ink-3);margin-bottom:20px}.confirm .row{display:flex;gap:10px;justify-content:center}.callout{display:flex;gap:12px;padding:14px 16px;border-radius:var(--r-md);background:var(--b50);border:1px solid var(--b200);font-size:13.5px;color:var(--ink-2)}.callout .icon{color:var(--accent);flex:none}.callout.warn{background:var(--warn-bg);border-color:#e2a23a55}.callout.warn .icon{color:var(--warn-ink)}.callout.danger{background:var(--danger-bg);border-color:#d4543a44}.callout.danger .icon{color:var(--danger-ink)}.banner{display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:var(--r-md);color:#fff;background:linear-gradient(120deg,var(--accent),var(--azul-claro));box-shadow:var(--sh-1)}.banner .spacer{flex:1 1}.note{border-left:3px solid var(--gold);background:#b894410f;padding:12px 16px;border-radius:0 var(--r-sm) var(--r-sm) 0;font-size:13.5px;color:var(--ink-2)}.tooltip{position:relative;display:inline-flex}.tooltip .tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);background:var(--azul-profundo);color:#fff;font-size:12px;padding:6px 11px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:all .15s var(--ease);box-shadow:var(--sh-2)}.tooltip .tip.glass{background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink);border:1px solid var(--line)}.tooltip:hover .tip{opacity:1;transform:translateX(-50%) translateY(0)}.spinner{width:26px;height:26px;border:3px solid var(--b100);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.dots-load{display:inline-flex;gap:5px}.dots-load span{width:9px;height:9px;border-radius:50%;background:var(--accent);animation:bob 1s var(--ease) infinite}.dots-load span:nth-child(2){animation-delay:.15s}.dots-load span:nth-child(3){animation-delay:.3s}.skeleton{background:linear-gradient(90deg,var(--bg-2) 25%,var(--line-2) 37%,var(--bg-2) 63%);background-size:400% 100%;animation:shimmer 1.3s ease infinite;border-radius:8px}.empty{text-align:center;padding:40px 20px;color:var(--ink-3)}.empty .ei{width:72px;height:72px;border-radius:50%;background:var(--b50);color:var(--accent);display:grid;place-items:center;margin:0 auto 14px}.empty .ei .icon{width:34px;height:34px}.empty h3{font-family:var(--serif);font-size:20px;margin-bottom:4px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes popin{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}@keyframes bob{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-7px);opacity:1}}@keyframes shimmer{to{background-position:-135% 0}}@keyframes livePulse{to{transform:scale(2.4);opacity:0}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes shake{10%,90%{transform:translateX(-2px)}20%,80%{transform:translateX(4px)}30%,50%,70%{transform:translateX(-7px)}40%,60%{transform:translateX(7px)}}.reveal{opacity:0;transform:translateY(14px);animation:reveal .55s var(--ease) forwards}@keyframes reveal{to{opacity:1;transform:none}}.reveal.d1{animation-delay:.06s}.reveal.d2{animation-delay:.12s}.reveal.d3{animation-delay:.18s}.reveal.d4{animation-delay:.24s}.reveal.d5{animation-delay:.3s}.reveal.d6{animation-delay:.36s}.pop-in{animation:popin .3s var(--ease)}.floaty{animation:floaty 4s var(--ease) infinite}.shimmer-fx{position:relative;overflow:hidden}.shimmer-fx:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#ffffff60 50%,transparent 70%);transform:translateX(-100%);animation:shimmerSweep 2.4s var(--ease) infinite}@keyframes shimmerSweep{to{transform:translateX(100%)}}.draw circle,.draw line,.draw path,.draw polyline{stroke-dasharray:1;stroke-dashoffset:1;animation:draw 1.4s var(--ease) forwards}@keyframes draw{to{stroke-dashoffset:0}}.shake-fx{animation:shake .5s var(--ease)}.growbar{transform-origin:left;animation:growbar 1s var(--ease) forwards}@keyframes growbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.pt-fade{animation:fade .4s var(--ease)}.pt-up{animation:ptUp .45s var(--ease)}.pt-right{animation:ptRight .45s var(--ease)}@keyframes ptUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes ptRight{0%{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}@page{size:A4;margin:14mm 12mm}@media print{.ds-top,.fab,.no-print,.toast-zone,.toolbar{display:none!important}body{background:#fff!important}.sheet{max-width:none!important;width:100%!important;margin:0!important;border:none!important;border-radius:0!important;box-shadow:none!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.chart,.kpi,.rpt-kpis,.sig,table,tr{page-break-inside:avoid;break-inside:avoid}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.chat-shell{display:grid;grid-template-columns:var(--rail) 320px 1fr;height:600px;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-2);background:var(--bg);position:relative}.convs{background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.convs-head{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 12px}.convs-head h3{font-family:var(--serif);font-size:22px;font-weight:600}.convs-search{margin:0 16px 12px;display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-pill);padding:8px 13px}.convs-search input{border:none;outline:none;background:none;font-family:inherit;font-size:13px;flex:1 1}.convs-list{flex:1 1;overflow-y:auto;padding:4px 8px 10px}.convs-sec{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink-3);font-weight:700;padding:10px 10px 5px}.conv{display:grid;grid-template-columns:42px 1fr;grid-gap:11px;gap:11px;align-items:center;padding:10px 11px;border-radius:12px;cursor:pointer;border-left:3px solid transparent;transition:background .12s}.conv:hover{background:var(--surface-2)}.conv.active{background:var(--b50);border-left-color:var(--accent)}.conv .c-top{display:flex;justify-content:space-between;align-items:baseline;gap:6px}.conv .c-name{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv .c-time{font-size:10.5px;color:var(--ink-3);font-family:var(--mono);flex:none}.conv .c-prev{font-size:12px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;display:flex;align-items:center;gap:5px}.conv .c-badge{background:var(--accent);color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;padding:0 5px;font-family:var(--mono)}.ch-via{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:1px 6px;border-radius:6px}.ch-via.web{background:#6e57d41a;color:var(--violet)}.ch-via.telegram{background:#3372d81a;color:var(--info)}.ch-via.whatsapp{background:#00a8681f;color:var(--accent)}.chat{display:flex;flex-direction:column;min-height:0;background:var(--bg)}.chat-top{display:flex;align-items:center;gap:13px;padding:14px 22px;background:var(--surface);border-bottom:1px solid var(--line)}.chat-top .c-meta{flex:1 1;min-width:0}.chat-top .c-meta .nm{font-family:var(--serif);font-size:20px;font-weight:600;line-height:1.1}.chat-top .c-meta .st{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-3)}.chat-top .c-meta .st:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px var(--ok-bg)}.stream{flex:1 1;overflow-y:auto;padding:22px 7% 14px;display:flex;flex-direction:column;gap:7px;background:radial-gradient(circle at 50% 0,#00a8680a,transparent 60%),var(--bg)}.day-div{align-self:center;font-size:11px;color:var(--ink-3);text-transform:capitalize;margin:10px 0 6px}.day-div span{background:var(--surface);padding:5px 14px}.day-div span,.sysnote{border-radius:10px;box-shadow:var(--sh-1)}.sysnote{align-self:center;display:inline-flex;align-items:center;gap:7px;font-size:11.5px;color:var(--ink-3);background:var(--surface-2);padding:6px 13px;font-style:italic}.sysnote .icon{width:13px;height:13px;color:var(--accent)}.msg{max-width:74%;padding:10px 14px 7px;border-radius:18px;font-size:14.5px;line-height:1.5;position:relative;box-shadow:var(--sh-1);animation:msgIn .3s var(--ease)}@keyframes msgIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.msg .t{display:block}.msg .meta{display:flex;align-items:center;gap:5px;justify-content:flex-end;margin-top:3px;font-size:10px;font-family:var(--mono);opacity:.75}.msg .meta .icon{width:14px;height:14px}.msg.in{align-self:flex-start;background:var(--surface);color:var(--ink);border-bottom-left-radius:5px}.msg.in .meta{color:var(--ink-3)}.msg.out{align-self:flex-end;background:linear-gradient(135deg,var(--accent),var(--azul-claro));color:#fff;border-bottom-right-radius:5px}.msg.out .meta{color:#ffffffcc}.msg.typing{display:inline-flex;gap:4px;padding:14px 16px}.msg.typing span{width:7px;height:7px;border-radius:50%;background:var(--ink-3);opacity:.5;animation:bob 1.2s var(--ease) infinite}.msg.typing span:nth-child(2){animation-delay:.15s}.msg.typing span:nth-child(3){animation-delay:.3s}.msg-audio{display:flex;align-items:center;gap:11px;min-width:210px}.msg-audio .play{width:38px;height:38px;border-radius:50%;flex:none;display:grid;place-items:center;cursor:pointer}.msg.out .msg-audio .play{background:#ffffff2e;color:#fff}.msg.in .msg-audio .play{background:var(--b50);color:var(--accent)}.msg-audio .wave{flex:1 1;display:flex;align-items:center;gap:2px;height:30px}.msg-audio .wave i{flex:1 1;border-radius:2px;background:currentColor;opacity:.5;min-height:4px}.msg.out .msg-audio{color:#fff}.msg.in .msg-audio{color:var(--accent)}.msg-audio .adur{font-family:var(--mono);font-size:10.5px;opacity:.85}.msg-audio.playing .wave i{animation:waveBar 1s var(--ease) infinite}@keyframes waveBar{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.msg-img img{display:block;max-width:240px;border-radius:12px;margin:-2px 0 2px}.msg-file{display:flex;align-items:center;gap:11px;min-width:200px}.msg-file .fic{width:40px;height:40px;border-radius:10px;flex:none;display:grid;place-items:center;background:var(--b50);color:var(--accent)}.msg.out .msg-file .fic{background:#ffffff2e;color:#fff}.msg-file .fn{font-size:13px;font-weight:600}.msg-file .fs{font-size:11px;opacity:.8;font-family:var(--mono)}.quick{display:flex;gap:8px;flex-wrap:wrap;padding:6px 7% 2px}.quick button{background:var(--surface);border:1px solid var(--b200);color:var(--accent);border-radius:var(--r-pill);padding:7px 14px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s var(--ease)}.quick button:hover{background:var(--b50);transform:translateY(-1px)}.composer-c{display:flex;align-items:center;gap:7px;padding:12px 18px 16px;background:var(--surface);border-top:1px solid var(--line);position:relative}.composer-c .cinput{flex:1 1;display:flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-pill);padding:6px 8px 6px 16px}.composer-c .cinput input{flex:1 1;border:none;outline:none;background:none;font-family:inherit;font-size:14.5px;color:var(--ink)}.cbtn{width:40px;height:40px;border-radius:50%;border:none;background:transparent;color:var(--ink-3);display:grid;place-items:center;cursor:pointer;transition:all .15s var(--ease);flex:none}.cbtn:hover{background:var(--bg-2);color:var(--accent)}.cbtn.active{color:var(--accent);background:var(--b50)}.csend{width:46px;height:46px;border-radius:50%;border:none;flex:none;display:grid;place-items:center;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--accent),var(--azul-claro));box-shadow:0 4px 12px #00a86855;transition:transform .15s var(--ease)}.csend:hover{transform:scale(1.06)}.csend .icon{width:20px;height:20px}.recbar{display:none;align-items:center;gap:14px;flex:1 1;background:var(--danger-bg);border-radius:var(--r-pill);padding:8px 16px}.recbar.on{display:flex}.recbar .rdot{width:11px;height:11px;border-radius:50%;background:var(--danger);animation:livePulse2 1.2s var(--ease) infinite}@keyframes livePulse2{0%,to{opacity:1}50%{opacity:.3}}.recbar .rtime{font-family:var(--mono);font-size:13px;color:var(--danger-ink);font-weight:600}.recbar .rwave{flex:1 1;display:flex;align-items:center;gap:2px;height:26px}.recbar .rwave i{flex:1 1;background:var(--danger);opacity:.55;border-radius:2px;animation:recWave 1s var(--ease) infinite}@keyframes recWave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.attach-pop{position:absolute;bottom:70px;left:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-3);padding:7px;display:none;z-index:40;min-width:190px}.attach-pop.open{display:block;animation:popin .14s var(--ease)}.attach-pop .ai-row{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:10px;font-size:13.5px;color:var(--ink-2);cursor:pointer}.attach-pop .ai-row:hover{background:var(--b50);color:var(--accent)}.attach-pop .ai-row .ico{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;flex:none}.emoji-pop{position:absolute;bottom:70px;right:74px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-3);padding:10px;display:none;z-index:40;width:250px}.emoji-pop.open{display:block;animation:popin .14s var(--ease)}.emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:3px;gap:3px}.emoji-grid button{background:none;border:none;font-size:21px;padding:5px;border-radius:8px;cursor:pointer}.emoji-grid button:hover{background:var(--bg-2)}@media(max-width:900px){.ds-wrap{grid-template-columns:1fr}.ds-side{display:none}.ds-main{padding:24px 18px 90px}.chat-shell,.kanban{grid-template-columns:1fr}.chat-shell{height:auto}.convs{display:none}}