@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Inter+Tight:wght@500;600;700;800;900&family=Outfit:wght@300;400;500;600;700;800;900&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&family=JetBrains+Mono:wght@400;700&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{box-sizing:border-box;flex-direction:column;width:100vw;height:100vh;margin:0;display:flex;overflow:hidden}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--bg:#0e1a25;--bg-2:#0b1620;--surface-0:#0b1620;--surface-1:#132535;--surface-2:#1a3042;--surface-3:#254055;--accent:#c29435;--accent-bright:#e4b863;--accent-deep:#9a6f20;--accent-glow:#c2943533;--accent-glow-strong:#c2943552;--accent-mute:#d4a94e;--text:#f2f2f2;--text-2:#c6c6c6;--text-3:#888;--border:#ffffff12;--border-hover:#c2943573;--success:#0f8;--warn:#ffb800;--err:#f36;--font-main:"Inter Tight", sans-serif;--font-display:"Playfair Display", serif;--font-serif:"Playfair Display", serif;--font-mono:"JetBrains Mono", monospace;--transition:all .4s cubic-bezier(.16, 1, .3, 1)}.app-wrapper:before{display:none}aside.sidebar,.main-area{z-index:1;position:relative}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;font-size:14px;display:flex;overflow:hidden}.app-wrapper{background:var(--bg);width:100vw;height:100vh;display:flex;overflow:hidden}aside.sidebar{background:var(--surface-1);border-right:1px solid var(--border);z-index:100;width:280px;box-shadow:none;flex-direction:column;padding:40px 20px;display:flex}.sidebar-logo{font-family:var(--font-serif);letter-spacing:.05em;color:var(--text);margin-bottom:42px;padding:0;font-size:1.6rem;font-weight:600}.sidebar-logo span{color:var(--accent);text-shadow:0 0 12px var(--accent-glow-strong), 0 0 24px var(--accent-glow);font-style:italic}nav{flex-direction:column;flex:1;gap:8px;padding:0;display:flex;overflow:hidden auto}nav::-webkit-scrollbar{width:6px}nav::-webkit-scrollbar-track{background:0 0}nav::-webkit-scrollbar-thumb{background:#ffd24a33;border-radius:3px}nav::-webkit-scrollbar-thumb:hover{background:#ffd24a66}.nav-item{cursor:pointer;width:100%;color:var(--text-3);transition:var(--transition);text-align:left;letter-spacing:.03em;background:0 0;border:0;border-left:2px solid #0000;border-radius:4px;align-items:center;padding:15px 20px;font-size:14px;font-weight:400;display:flex;position:relative;overflow:hidden}.nav-item:before{content:"";background:var(--accent);width:0;transition:var(--transition);opacity:0;position:absolute;top:0;bottom:0;left:0}.nav-item:hover{color:var(--text);background:#ffffff05}.nav-item.active{color:var(--text);background:var(--surface-2);border-left-color:var(--accent);box-shadow:none;text-shadow:none;font-weight:600}.nav-item.active:before{display:none}.main-area{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}header.header-v8{border-bottom:1px solid var(--border);background:0 0;justify-content:space-between;align-items:center;height:90px;padding:0 50px;display:flex}header.header-v8 h2{font-family:var(--font-display);letter-spacing:normal;text-transform:none;-webkit-text-fill-color:var(--text);background:0 0;align-items:baseline;font-size:2.1rem;font-weight:400;display:flex}header.header-v8 h2 span{font-family:var(--font-mono);color:var(--accent-mute);letter-spacing:.15em;text-transform:uppercase;background:#a396881a;border-radius:4px;margin-left:20px;padding:4px 10px;font-size:11px;font-weight:700}.status-group{align-items:center;gap:30px;display:flex}.cliente-switcher{border-right:1px solid var(--border);flex-direction:column;gap:4px;padding-right:24px;display:flex}.cliente-switcher-label{text-transform:uppercase;letter-spacing:.2em;color:var(--text-3);font-size:9px;font-weight:700;font-family:var(--font-mono)}.cliente-switcher-select{background:var(--surface-1);color:var(--text);border:1px solid var(--border);font-family:var(--font-mono);cursor:pointer;transition:var(--transition);appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23888' d='M5 6L0 0h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border-radius:6px;outline:none;min-width:180px;padding:8px 32px 8px 14px;font-size:12px;font-weight:600}.cliente-switcher-select:hover{border-color:var(--accent);color:var(--accent)}.cliente-switcher-select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.status-badge{color:var(--text-3);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:600;font-family:var(--font-mono);align-items:center;gap:10px;display:flex}.dot{background:var(--success);width:6px;height:6px;box-shadow:0 0 10px var(--success);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #0f86}70%{box-shadow:0 0 0 6px #0f80}to{box-shadow:0 0 #0f80}}.kanban-board{flex:1;gap:25px;padding:40px 50px;display:flex;overflow-x:auto}.kanban-column{border:1px solid var(--border);background:#0f0f0f80;border-radius:12px;flex-direction:column;flex:1;min-width:320px;padding:20px;display:flex;box-shadow:0 10px 40px #0003}.column-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;display:flex}.column-header h3{text-transform:uppercase;letter-spacing:.2em;color:var(--accent-mute);font-size:11px;font-weight:700}.column-count{font-family:var(--font-mono);color:var(--text-3);letter-spacing:.08em;font-size:10px}.notif-wrapper{position:relative}.notif-btn{border:1px solid var(--border);color:var(--text-2);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:8px;padding:7px 14px;font-size:10px;font-weight:700;display:flex;position:relative}.notif-btn:hover{background:var(--surface-2);color:var(--text)}.notif-badge{color:#fff;text-align:center;background:#b04a4a;border-radius:10px;min-width:18px;padding:2px 7px;font-size:9px;font-weight:800}.notif-dropdown{background:var(--surface-1);border:1px solid var(--border);z-index:100;border-radius:8px;width:380px;max-height:480px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 20px 50px #00000080}.notif-dropdown-header{border-bottom:1px solid var(--border);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);justify-content:space-between;align-items:center;padding:12px 16px;font-size:10px;display:flex}.notif-mark-all{color:var(--accent);cursor:pointer;font-size:10px;font-family:var(--font-mono);background:0 0;border:none}.notif-mark-all:hover{color:var(--text)}.notif-empty{text-align:center;color:var(--text-3);padding:24px;font-size:12px}.notif-item{border-bottom:1px solid var(--border);cursor:pointer;padding:12px 16px;transition:background .15s}.notif-item:hover{background:var(--surface-2)}.notif-item.lida{opacity:.55}.notif-item.sev-erro{border-left:3px solid #b04a4a}.notif-item.sev-aviso{border-left:3px solid #c9a84c}.notif-item.sev-info{border-left:3px solid #4c8ac9}.notif-titulo{color:var(--text);margin-bottom:4px;font-size:13px;font-weight:700}.notif-msg{color:var(--text-2);margin-bottom:6px;font-size:12px;line-height:1.45}.notif-meta{font-family:var(--font-mono);color:var(--text-3);letter-spacing:.08em;text-transform:uppercase;font-size:9px}.sala-container{border:1px solid var(--border);background:radial-gradient(#1a1612 0%,#0a0808 100%);border-radius:12px;width:100%;margin-bottom:36px;padding:0;overflow:hidden}.sala-svg{width:100%;height:auto;max-height:75vh;display:block}.parede-fundo{fill:#a396880f}.piso-fundo{fill:#a3968805}.janela{fill:#1a4a6a;stroke:#a3968866;stroke-width:.5px}.janela-luz{fill:#96c8ff26}.logo-empresa{fill:var(--accent);font-family:var(--font-mono);letter-spacing:.15em}.estacao-frame{fill:#a3968806;stroke:#a3968826;stroke-width:1px;stroke-dasharray:4 6}.estacao-frame.maestro{fill:#c9a84c0f;stroke:var(--accent);stroke-dasharray:none;stroke-width:1.5px}.estacao-label.maestro{fill:var(--accent);font-family:var(--font-mono);letter-spacing:.18em;font-size:11px;font-weight:800}.mesa{fill:#2a2218;stroke:#a3968866;stroke-width:.5px}.mesa-tampo{fill:#3a2e22}.cadeira{fill:#1a1a1a;stroke:#a396884d;stroke-width:.5px}.monitor{fill:#1a3a5a}.monitor-base{fill:#222}.corpo.trabalhando~.monitor,.corpo.trabalhando .monitor{animation:1.2s ease-in-out infinite monitorGlow}.planta-folha{fill:#2a4a2a}.planta-vaso{fill:#5a3a2a}.papel{fill:#d4c5a8}.lampada{fill:#ffdc9626}.lampada.acesa{fill:#ffdc9673}.pele{fill:#f4c69a}.cabelo{fill:#2a1a0e}.roupa{fill:var(--cor-roupa,#3a5a8a)}.braco{fill:var(--cor-roupa,#3a5a8a);transform-box:fill-box;transition:transform .3s}.braco-l{transform-origin:100% 0}.braco-r{transform-origin:0 0}.gravata,.gravata-visivel{fill:var(--accent)}.corpo{cursor:pointer;transform-box:view-box}.corpo.idle .parte-superior{transform-box:fill-box;transform-origin:bottom;animation:3s ease-in-out infinite idleBob}.corpo.trabalhando .braco-l{animation:.4s ease-in-out infinite typingArmL}.corpo.trabalhando .braco-r{animation:.4s ease-in-out infinite typingArmR}.corpo.offline .pele,.corpo.offline .roupa,.corpo.offline .cabelo,.corpo.offline .braco{filter:grayscale()brightness(.5)}@keyframes idleBob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes typingArmL{0%,to{transform:rotate(-30deg)}50%{transform:rotate(-50deg)}}@keyframes typingArmR{0%,to{transform:rotate(30deg)}50%{transform:rotate(50deg)}}@keyframes monitorGlow{0%,to{fill:#1a3a5a}50%{fill:#2a5a8a}}@keyframes ringExpand{0%{r:14;opacity:.7}to{r:40;opacity:0}}@keyframes commandFlow{0%{stroke-dashoffset:30px}to{stroke-dashoffset:0}}.aro-trab{fill:none;stroke:var(--accent);stroke-width:2px;opacity:0}.corpo.trabalhando .aro-trab{animation:1.4s ease-out infinite ringExpand}.linha-comando{stroke:var(--border);stroke-width:1px;fill:none;stroke-dasharray:3 4;opacity:.25}.linha-comando.ativa{stroke:var(--accent);stroke-width:1.5px;opacity:.7;animation:.6s linear infinite commandFlow}.nome-agente{fill:var(--text);font-family:var(--font-mono);letter-spacing:.05em;font-size:10px;font-weight:700}.nome-agente.maestro{fill:var(--accent);font-size:12px}.tag-funcao{fill:var(--text-3);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:9px}.badge-runs{stroke:#000;stroke-width:.5px}.so-maestro{display:none!important}.estacao-frame-maestro{fill:#c9a84c0f;stroke:var(--accent);stroke-width:1.5px}.estacao-label-maestro{fill:var(--accent);font-family:var(--font-mono);letter-spacing:.18em;font-size:11px;font-weight:800}.link-hierarquia{stroke:var(--border);stroke-width:1px;stroke-dasharray:4 4;transition:stroke .3s}.link-rodando,.link-recente{stroke:#4ca85c99;stroke-dasharray:none}.link-degradado{stroke:#b04a4a99}.link-aguardando{stroke:#4c8ac966}.agente-circulo{fill:var(--surface-1);stroke:var(--text-3);stroke-width:2px;transition:all .3s}.status-rodando .agente-circulo,.status-recente .agente-circulo{stroke:#4ca85c;fill:#4ca85c14}.status-aguardando .agente-circulo{stroke:#4c8ac9;fill:#4c8ac914}.status-degradado .agente-circulo{stroke:#b04a4a;fill:#b04a4a14}.status-pronto .agente-circulo{stroke:var(--text-3)}.agente-pulse{fill:none;stroke:#4ca85c;stroke-width:2px;opacity:0;animation:2s ease-out infinite pulseRing}@keyframes pulseRing{0%{opacity:.7;r:38}to{opacity:0;r:60}}.agente-svg-icone{font-family:sans-serif}.agente-svg-label{fill:var(--text);font-family:var(--font-mono);letter-spacing:.05em;font-size:11px;font-weight:700}.agente-svg-stats{fill:var(--text-2);font-family:var(--font-mono);font-size:10px}.agente-svg-hierarquia{fill:var(--text-3);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:9px}.sala-legenda{fill:var(--text-3);font-family:var(--font-mono);letter-spacing:.08em;font-size:10px}.rede-neural-real{padding:30px 50px}.rede-cabecalho{margin-bottom:28px}.rede-cabecalho h3{margin:0 0 6px;font-size:18px;font-weight:800}.rede-subtitulo{font-family:var(--font-mono);color:var(--text-3);letter-spacing:.1em;font-size:11px}.agentes-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin-bottom:40px;display:grid}.agente-card{background:var(--surface-1);border:1px solid var(--border);border-left:3px solid var(--text-3);border-radius:10px;padding:18px;transition:all .3s;position:relative}.agente-card.status-rodando{border-left-color:#4ca85c;animation:1.5s ease-in-out infinite pulseGreen}.agente-card.status-recente{border-left-color:#4ca85c}.agente-card.status-aguardando{border-left-color:#4c8ac9}.agente-card.status-pronto{border-left-color:var(--text-3)}.agente-card.status-degradado{border-left-color:#b04a4a}.agente-card.status-idle{border-left-color:var(--text-3);opacity:.7}@keyframes pulseGreen{0%,to{box-shadow:0 0 #4ca85c80}50%{box-shadow:0 0 0 8px #4ca85c00}}.agente-card-top{align-items:center;gap:12px;margin-bottom:12px;display:flex}.agente-icone{font-size:28px}.agente-nome{color:var(--text);font-size:14px;font-weight:800}.agente-descricao{color:var(--text-3);font-size:11px;font-family:var(--font-mono);margin-top:2px}.agente-status-pill{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;background:var(--surface-2);color:var(--text-2);border-radius:4px;margin-bottom:12px;padding:3px 10px;font-size:9px;font-weight:800;display:inline-block}.status-rodando .agente-status-pill,.status-recente .agente-status-pill{color:#4ca85c;background:#4ca85c1f}.status-aguardando .agente-status-pill{color:#4c8ac9;background:#4c8ac91f}.status-degradado .agente-status-pill{color:#b04a4a;background:#b04a4a1f}.agente-stats{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding-top:12px;display:flex}.agente-stat-row{font-family:var(--font-mono);justify-content:space-between;font-size:11px;display:flex}.agente-stat-row span:first-child{color:var(--text-3)}.agente-stat-row span:last-child{color:var(--text)}.agente-ultimo-erro{color:#d68a8a;font-size:10px;font-family:var(--font-mono);background:#b04a4a14;border:1px solid #b04a4a4d;border-radius:4px;margin-top:10px;padding:8px 10px}.agentes-feed h4{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-2);margin:0 0 14px;font-size:11px}.feed-lista{background:var(--surface-1);border:1px solid var(--border);border-radius:8px;max-height:300px;overflow-y:auto}.feed-vazio{text-align:center;color:var(--text-3);font-size:12px;font-family:var(--font-mono);padding:24px}.feed-item{border-bottom:1px solid var(--border);font-family:var(--font-mono);grid-template-columns:80px 110px 1fr 110px 80px 1fr;align-items:center;gap:12px;padding:8px 14px;font-size:11px;display:grid}.feed-item:last-child{border-bottom:none}.feed-erro{background:#b04a4a0d}.feed-timestamp{color:var(--text-3)}.feed-agente{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.feed-modo{color:var(--text-2)}.feed-cliente{color:#6fb6e0}.feed-duracao{color:var(--text-3);text-align:right}.feed-erro-msg{color:#d68a8a}.column-content{flex-direction:column;flex:1;gap:15px;padding-right:5px;display:flex;overflow-y:auto}.post-card{background:var(--surface-1);border:1px solid var(--border);transition:var(--transition);border-radius:10px;flex-shrink:0;padding:24px;position:relative;overflow:hidden}.card-top-meta{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.tipo-badge{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;border-radius:4px;padding:4px 10px;font-size:9px;font-weight:800}.tipo-post{color:#6fb6e0;background:#0077b52e;border:1px solid #0077b566}.tipo-story{color:#d8c181;background:#c9a84c2e;border:1px solid #c9a84c66}.btn-validar-dna{border:1px solid var(--border);color:var(--text-2);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:var(--transition);background:0 0;border-radius:4px;padding:4px 10px;font-size:9px;font-weight:700}.btn-validar-dna:hover{background:var(--surface-2);border-color:var(--border-hover);color:var(--text)}.post-card:before{content:"";background:linear-gradient(90deg, transparent, var(--border), transparent);opacity:0;height:2px;transition:var(--transition);position:absolute;top:0;left:0;right:0}.post-card:hover{border-color:var(--border-hover);background:var(--surface-2);transform:translateY(-4px);box-shadow:0 15px 30px #0006}.post-card:hover:before{opacity:1}.card-title{font-family:var(--font-serif);color:var(--text);cursor:pointer;letter-spacing:.02em;margin-bottom:16px;font-size:16px;font-weight:600;line-height:1.4;display:block}.card-title:hover{color:var(--accent)}.card-image-mini{border:1px solid var(--border);cursor:pointer;border-radius:6px;width:100%;height:140px;margin-bottom:20px;position:relative;overflow:hidden}.card-image-mini:after{content:"PREVIEW";font-family:var(--font-mono);letter-spacing:.2em;opacity:0;transition:var(--transition);background:#0009;justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;inset:0}.card-image-mini:hover:after{opacity:1}.card-image-mini img{object-fit:cover;width:100%;height:100%;transition:var(--transition)}.card-image-mini:hover img{transform:scale(1.05)}.content-editor{width:100%;height:80px;color:var(--text-2);border:none;border-left:2px solid var(--border);resize:none;font-size:13px;line-height:1.7;font-family:var(--font-main);transition:var(--transition);background:0 0;outline:none;padding:0 0 0 16px}.content-editor:focus{border-color:var(--accent);color:var(--text);height:200px}.post-card.expanded .content-editor{height:250px}.btn-v8{border:1px solid var(--border);color:var(--text-2);text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:600;font-family:var(--font-mono);cursor:pointer;transition:var(--transition);background:0 0;border-radius:6px;padding:10px 18px}.btn-v8:hover{border-color:var(--text);color:var(--text);background:#ffffff0d}.btn-v8.primary{background:var(--text);color:#000;border:none}.btn-v8.primary:hover{background:var(--accent);box-shadow:0 0 20px var(--accent-glow);color:#fff}.plat-btn-v8{background:var(--surface-0);border:1px solid var(--border);color:var(--text-3);text-transform:uppercase;cursor:pointer;letter-spacing:.05em;transition:var(--transition);font-size:10px;font-weight:600;font-family:var(--font-mono);border-radius:6px;padding:8px 12px}.plat-btn-v8:hover{border-color:var(--text-3)}.plat-btn-v8.li.active{color:#fff;background:#0077b5;border-color:#0077b5}.plat-btn-v8.ig.active{color:#fff;background:#e1306c;border-color:#e1306c}.network-container{flex-direction:column;flex:1;padding:50px;display:flex;overflow:hidden}.agent-hub{justify-content:center;align-items:center;gap:100px;padding:40px 0 60px;display:flex;position:relative}.agent-hub:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:.3;z-index:0;height:1px;position:absolute;top:50%;left:20%;right:20%}.data-packet{background:var(--accent);width:6px;height:6px;box-shadow:0 0 10px var(--accent);z-index:1;opacity:0;border-radius:50%;position:absolute;top:50%;transform:translateY(-50%)}.data-packet.flow-right{animation:2s ease-in-out infinite dataFlowRight}.data-packet.flow-left{animation:2.5s ease-in-out infinite dataFlowLeft}@keyframes dataFlowRight{0%{opacity:0;left:25%}20%{opacity:1}80%{opacity:1}to{opacity:0;left:75%}}@keyframes dataFlowLeft{0%{opacity:0;right:25%}20%{opacity:1}80%{opacity:1}to{opacity:0;right:75%}}.agent-avatar{z-index:2;flex-direction:column;align-items:center;gap:20px;display:flex;position:relative}.agent-icon{background:var(--surface-0);border:1px solid var(--border);width:90px;height:90px;transition:var(--transition);border-radius:16px;justify-content:center;align-items:center;font-size:2.2rem;display:flex;position:relative;box-shadow:0 10px 30px #00000080}.agent-icon.active{box-shadow:0 0 30px var(--accent-glow);border-color:#d4af3773}.agent-icon.active:after{content:"";border:1px dashed #d4af378c;border-radius:20px;animation:15s linear infinite rotate;position:absolute;inset:-12px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.agent-label{text-transform:uppercase;letter-spacing:.2em;color:var(--text-2);font-size:11px;font-weight:700;font-family:var(--font-mono);background:var(--surface-1);border:1px solid var(--border);border-radius:20px;padding:6px 12px}.agent-avatar.maestro-levi .agent-icon{background:var(--surface-1);border-color:var(--accent-mute);border-radius:50%;width:110px;height:110px;font-size:2.8rem}.agent-avatar.maestro-levi .agent-icon:after{border:1px solid #a396884d;border-radius:50%}.maestro-console-wrapper{background:var(--surface-0);border:1px solid var(--border);font-family:var(--font-mono);color:var(--text-2);border-radius:12px;flex-direction:column;flex:1;padding:0;font-size:13px;line-height:1.7;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000080}.console-header{background:var(--surface-1);border-bottom:1px solid var(--border);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);align-items:center;gap:15px;padding:12px 20px;font-size:11px;font-weight:700;display:flex}.console-actions{gap:6px;display:flex}.console-btn{background:var(--border);border-radius:50%;width:10px;height:10px}.console-btn.r{background:var(--err)}.console-btn.y{background:var(--warn)}.console-btn.g{background:var(--success)}.console-body{flex-direction:column;flex:1;gap:12px;padding:25px;display:flex;overflow-y:auto}.console-input-area{border-top:1px solid var(--border);background:#ffffff03;align-items:center;padding:20px 25px;display:flex}.console-input-area input{color:var(--text);font-family:var(--font-mono);background:0 0;border:none;outline:none;flex:1;margin-left:15px;font-size:13px}.console-input-area input::placeholder{color:var(--text-3)}.prompt-prefix{font-weight:700}.prompt-levi{color:var(--accent)}.prompt-system{color:var(--err)}.prompt-agent{color:var(--success)}.prompt-info{color:var(--text-3)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-mute)}.toast-v8{background:var(--text);color:#000;text-transform:uppercase;letter-spacing:.15em;z-index:10000;font-size:11px;font-weight:800;font-family:var(--font-mono);border-radius:30px;padding:14px 35px;animation:.3s ease-out slideUp;position:fixed;bottom:50px;left:50%;transform:translate(-50%);box-shadow:0 15px 40px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.loading{height:100vh;font-family:var(--font-serif);color:var(--text);background:var(--bg);letter-spacing:.05em;justify-content:center;align-items:center;font-size:2rem;font-style:italic;display:flex}.hamburger-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;gap:5px;margin-right:8px;padding:6px;display:none}.hamburger-btn span{background:var(--text);width:22px;height:2px;transition:var(--transition);border-radius:2px;display:block}.sidebar-overlay{z-index:99;background:#0009;display:none;position:fixed;inset:0}@media (width<=768px){body{height:auto;display:block;overflow:auto}.app-wrapper{flex-direction:column;height:auto;min-height:100vh;overflow:visible}.hamburger-btn{display:flex}.sidebar-overlay{display:block}.sidebar-active .main-area{pointer-events:none}aside.sidebar{z-index:100;width:260px;height:100vh;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%)}aside.sidebar.sidebar--open{transform:translate(0)}.main-area{width:100vw;min-width:0;height:auto;overflow:visible}header.header-v8{z-index:50;background:var(--bg);gap:8px;height:auto;padding:12px 16px;position:sticky;top:0}.header-v8 h2{font-size:14px}.cliente-switcher{flex-direction:column;gap:2px}.cliente-switcher-select{max-width:120px;font-size:11px}.home-grid{grid-template-columns:1fr!important}table{white-space:nowrap;display:block;overflow-x:auto}.kanban-board{overflow-x:auto}}.bottom-nav{display:none}@media (width<=768px){.bottom-nav{z-index:95;height:58px;padding-bottom:env(safe-area-inset-bottom);background:#0b0b0b;border-top:1px solid #222;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav .bn-item{color:#8a8a8a;letter-spacing:.2px;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 0;font-size:10px;font-weight:600;display:flex}.bottom-nav .bn-item span{font-size:20px;line-height:1}.bottom-nav .bn-item.active{color:var(--accent,#d4af37)}.main-area{padding:8px 12px 72px!important}.header-v8{flex-wrap:wrap;gap:8px;padding:10px 4px!important}.header-v8 h2{font-size:18px}.cliente-switcher-select,select,input,textarea{max-width:100%}[style*=grid-template-columns]{grid-template-columns:1fr!important}[style*="display: flex"][style*=gap]{flex-wrap:wrap}.modal-v8>div,[class*=modal]>div{height:100dvh;max-height:100dvh;overflow-y:auto;border-radius:0!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:20px!important}.btn-v8{min-height:44px;padding:12px 16px!important;font-size:14px!important}.kanban-board{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:10px;display:flex!important}.kanban-board>*{scroll-snap-align:start;flex:0 0 82vw}.agente-stat-row,.notif-wrapper,.status-group{width:100%}.status-group{flex-wrap:wrap}table{white-space:nowrap;display:block;overflow-x:auto}}:root{--m-bg:#0e1a25;--m-bg-2:#0b1620;--m-surface:#132535;--m-surface-2:#1a3042;--accent:#c29435;--accent-soft:#c2943524;--m-text:#f2f2f2;--m-text-dim:#9a9a9a;--m-border:#c2943529;--m-border-soft:#ffffff14;--m-danger:#f36;--m-ok:#0f8;--m-warn:#ffb800;--m-radius:14px;--m-radius-sm:10px;--m-nav-h:58px;--m-topbar-h:54px;--m-safe-bottom:env(safe-area-inset-bottom,0px);--m-safe-top:env(safe-area-inset-top,0px)}.m-app *,.m-app :before,.m-app :after{box-sizing:border-box}.m-app{background:var(--m-bg);color:var(--m-text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;font-size:15px;line-height:1.4;display:flex;position:fixed;inset:0;overflow:hidden}.m-topbar{height:calc(var(--m-topbar-h) + var(--m-safe-top));padding-top:var(--m-safe-top);background:var(--m-bg-2);border-bottom:1px solid var(--m-border);z-index:20;flex:none;justify-content:center;align-items:center;display:flex;position:relative}.m-topbar__title{color:var(--accent);letter-spacing:.02em;margin:0;font-size:17px;font-weight:700}.m-topbar__left,.m-topbar__right{top:var(--m-safe-top);align-items:center;gap:8px;padding:0 12px;display:flex;position:absolute;bottom:0}.m-topbar__left{left:0}.m-topbar__right{right:0}.m-screen{-webkit-overflow-scrolling:touch;padding:14px 14px calc(24px + var(--m-safe-bottom));flex:auto;overflow:hidden auto}.m-screen__title{color:var(--m-text);margin:4px 0 12px;font-size:20px;font-weight:700}.m-screen__sub{color:var(--m-text-dim);margin:-6px 0 14px;font-size:13px}.m-card{background:var(--m-surface);border:1px solid var(--m-border-soft);border-radius:var(--m-radius);margin-bottom:12px;padding:14px}.m-card--accent{border-color:var(--m-border)}.m-card__title{margin:0 0 6px;font-size:15px;font-weight:600}.m-card__label{color:var(--m-text-dim);text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px;font-size:12px}.m-card__value{color:var(--accent);font-size:26px;font-weight:700}.m-list{background:var(--m-surface);border:1px solid var(--m-border-soft);border-radius:var(--m-radius);margin:0 0 12px;padding:0;list-style:none;overflow:hidden}.m-list-item{border-bottom:1px solid var(--m-border-soft);min-height:60px;color:var(--m-text);text-align:left;cursor:pointer;background:0 0;border-top:none;border-left:none;border-right:none;align-items:center;gap:12px;width:100%;padding:12px 14px;text-decoration:none;transition:background .12s;display:flex}.m-list-item:last-child{border-bottom:none}.m-list-item:active{background:var(--m-surface-2)}.m-list-item__icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:18px;font-weight:600;display:flex}.m-list-item__body{flex:auto;min-width:0}.m-list-item__title{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.m-list-item__sub{color:var(--m-text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.m-list-item__meta{color:var(--m-text-dim);text-align:right;flex:none;font-size:12px}.m-list-item__chevron{color:var(--m-text-dim);flex:none;font-size:18px}.m-bottomnav{height:calc(var(--m-nav-h) + var(--m-safe-bottom));padding-bottom:var(--m-safe-bottom);background:var(--m-bg-2);border-top:1px solid var(--m-border);z-index:20;flex:none;align-items:stretch;display:flex;position:relative}.m-bn-item{cursor:pointer;min-height:44px;color:var(--m-text-dim);background:0 0;border:none;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;padding:6px 2px;font-size:10px;font-weight:500;transition:color .12s;display:flex}.m-bn-item__icon{font-size:20px;line-height:1}.m-bn-item__label{letter-spacing:.01em;font-size:10px}.m-bn-item.is-active{color:var(--accent)}.m-bn-item:active{opacity:.7}.m-sheet-overlay{opacity:0;pointer-events:none;z-index:40;background:#0009;transition:opacity .2s;position:fixed;inset:0}.m-sheet-overlay.m-sheet-open{opacity:1;pointer-events:auto}.m-sheet{background:var(--m-bg-2);border-top:1px solid var(--m-border);max-height:88vh;padding:8px 16px calc(18px + var(--m-safe-bottom));z-index:41;border-radius:18px 18px 0 0;flex-direction:column;transition:transform .26s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.m-sheet.m-sheet-open{transform:translateY(0)}.m-sheet__grip{background:var(--m-border);border-radius:2px;flex:none;width:40px;height:4px;margin:8px auto 12px}.m-sheet__title{color:var(--accent);flex:none;margin:0 0 10px;font-size:17px;font-weight:700}.m-sheet__body{-webkit-overflow-scrolling:touch;flex:auto;overflow-y:auto}.m-btn{background:var(--accent);color:#1a1305;border-radius:var(--m-radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;padding:12px 18px;font-size:15px;font-weight:700;transition:filter .12s,opacity .12s;display:inline-flex}.m-btn:active{filter:brightness(.9)}.m-btn:disabled{opacity:.5;cursor:default}.m-btn--ghost{color:var(--accent);border:1px solid var(--m-border);background:0 0}.m-btn--danger{background:var(--m-danger);color:#fff}.m-input{background:var(--m-surface);width:100%;min-height:44px;color:var(--m-text);border:1px solid var(--m-border-soft);border-radius:var(--m-radius-sm);outline:none;padding:12px 14px;font-size:15px;transition:border-color .12s}.m-input::placeholder{color:var(--m-text-dim)}.m-input:focus{border-color:var(--accent)}textarea.m-input{resize:vertical;min-height:88px}.m-badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;gap:4px;padding:2px 9px;font-size:11px;font-weight:600;line-height:1.6;display:inline-flex}.m-badge--ok{color:var(--m-ok);background:#00ff8824}.m-badge--warn{color:var(--m-warn);background:#ffb80024}.m-badge--danger{color:var(--m-danger);background:#ff336624}.m-badge--muted{color:var(--m-text-dim);background:#ffffff0f}.m-empty{text-align:center;color:var(--m-text-dim);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:48px 20px;display:flex}.m-empty__icon{opacity:.6;font-size:40px}.m-empty__title{color:var(--m-text);font-size:16px;font-weight:600}.m-empty__text{max-width:260px;font-size:13px}.m-row{align-items:center;gap:10px;display:flex}.m-row--between{justify-content:space-between}.m-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.m-mt{margin-top:12px}.m-mb{margin-bottom:12px}.m-dim{color:var(--m-text-dim)}.m-accent{color:var(--accent)}.m-scroll-x{-webkit-overflow-scrolling:touch;gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.m-scroll-x>*{flex:none}.m-seg{gap:8px;margin-bottom:12px;display:flex}.m-seg__btn{border:1px solid var(--m-border-soft);color:var(--m-text-dim);background:0 0;border-radius:999px;flex:1;padding:9px 0;font-size:14px;font-weight:600}.m-seg__btn.is-active{background:var(--accent-soft);border-color:var(--m-border);color:var(--accent)}.m-wa-list{margin:0 -16px;padding:0;list-style:none}.m-wa-item{border-bottom:1px solid var(--m-border-soft);cursor:pointer;-webkit-tap-highlight-color:#d4af3714;align-items:center;gap:12px;padding:12px 16px;display:flex}.m-wa-item:active{background:#ffffff0a}.m-wa-item__avatar{background:var(--accent-soft);width:48px;height:48px;color:var(--accent);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:19px;font-weight:700;display:flex}.m-wa-item__avatar--site{color:var(--m-text);background:#ffffff14}.m-wa-item__mid{flex:1;min-width:0}.m-wa-item__nome{color:var(--m-text);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.m-wa-item__prev{color:var(--m-text-dim);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:13.5px;overflow:hidden}.m-wa-item__hora{color:var(--m-text-dim);flex:none;align-self:flex-start;padding-top:3px;font-size:12px}.m-chat{z-index:200;background:var(--m-bg);color:var(--m-text);flex-direction:column;display:flex;position:fixed;inset:0}.m-chat__top{padding:calc(8px + var(--m-safe-top)) 12px 8px 4px;background:var(--m-surface);border-bottom:1px solid var(--m-border-soft);align-items:center;gap:10px;display:flex}.m-chat__back{width:44px;height:44px;color:var(--m-text);background:0 0;border:none;flex:none;padding-bottom:6px;font-size:30px;line-height:1}.m-chat__avatar{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.m-chat__who{flex:1;min-width:0}.m-chat__nome{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.m-chat__fone{color:var(--m-text-dim);font-size:12px}.m-chat__pausar{min-height:34px;color:var(--m-text-dim);letter-spacing:.04em;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff24;border-radius:9px;flex-shrink:0;margin-left:auto;padding:7px 12px;font-size:11px;font-weight:800}.m-chat__pausar.is-pausado{color:#1a1509;background:#e6be48;border-color:#e6be48}.m-chat__pausar:disabled{opacity:.5}.m-chat__body{-webkit-overflow-scrolling:touch;flex:1;padding:12px 12px 8px;overflow-y:auto}.m-chat__aviso{text-align:center;color:var(--m-text-dim);padding:24px 0;font-size:13px}.m-chat__dia{justify-content:center;margin:10px 0;display:flex}.m-chat__dia span{color:var(--m-text-dim);background:#ffffff0f;border-radius:8px;padding:3px 10px;font-size:11.5px}.m-chat__linha{margin-bottom:6px;display:flex}.m-chat__linha.is-in{justify-content:flex-start}.m-chat__linha.is-out{justify-content:flex-end}.m-chat__balao{word-break:break-word;border-radius:12px;max-width:82%;padding:7px 10px 5px;font-size:15px;line-height:1.35}.is-in .m-chat__balao{background:#1d1d1d;border-bottom-left-radius:4px}.is-out .m-chat__balao{background:#14382b;border-bottom-right-radius:4px}.m-chat__texto{white-space:pre-wrap}.m-chat__hora{color:#ffffff73;text-align:right;margin-top:2px;font-size:10.5px}.m-chat__img{border-radius:8px;max-width:100%;max-height:280px;margin-bottom:4px;display:block}.m-chat__aud{width:220px;max-width:100%;height:40px;margin-bottom:2px}.m-chat__doc{color:var(--accent);font-size:14px;text-decoration:none}.m-chat__inputbar{padding:8px 10px calc(8px + var(--m-safe-bottom));background:var(--m-surface);border-top:1px solid var(--m-border-soft);align-items:center;gap:8px;display:flex}.m-chat__input{border:1px solid var(--m-border-soft);min-width:0;height:44px;color:var(--m-text);background:#1c1c1c;border-radius:999px;outline:none;flex:1;padding:0 16px;font-size:15px}.m-chat__input:focus{border-color:var(--m-border)}.m-chat__enviar{background:var(--accent);color:#000;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.m-chat__enviar:disabled{opacity:.4}.m-chat__inputbar--off{color:var(--m-text-dim);justify-content:center;font-size:12.5px}.m-ag-dia{margin-bottom:16px}.m-ag-dia__cab{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin:0 2px 8px;font-size:13px;font-weight:700}.m-ag-hora{flex-direction:column;flex:none;align-items:flex-start;gap:1px;width:52px;display:flex}.m-ag-hora__ini{color:var(--m-text);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.m-ag-hora__fim{color:var(--m-text-dim);font-variant-numeric:tabular-nums;font-size:11.5px}.m-ag-hora__dia-inteiro{color:var(--accent);font-size:11px;font-weight:600;line-height:1.2}.m-topbar__back{width:44px;height:44px;color:var(--m-text);background:0 0;border:none;padding-bottom:6px;font-size:30px;line-height:1;position:absolute;bottom:4px;left:6px}.m-embed{flex:1;min-height:0;display:flex}.m-embed__frame{background:var(--m-bg);border:none;flex:1;width:100%}.m-cp-card{padding:0;overflow:hidden}.m-cp-head{width:100%;min-height:60px;color:var(--m-text);text-align:left;cursor:pointer;font:inherit;background:0 0;border:none;align-items:center;gap:10px;padding:14px;display:flex}.m-cp-head:active{background:var(--m-surface-2)}.m-cp-head__info{flex:auto;min-width:0}.m-cp-nome{white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;overflow:hidden}.m-cp-sub{font-size:12.5px}.m-cp-chev{transition:transform .15s;transform:rotate(90deg)}.m-cp-chev.is-open{transform:rotate(-90deg)}.m-cp-body{border-top:1px solid var(--m-border-soft);padding:0 14px 14px}.m-cp-msg{padding:12px 0 4px;font-size:13.5px}.m-cp-metricas{margin-top:12px}.m-cp-metrica{background:var(--m-bg-2);border:1px solid var(--m-border-soft);border-radius:var(--m-radius-sm);padding:10px 12px}.m-cp-metrica__valor{color:var(--accent);font-size:19px;font-weight:700}.m-cp-extra{margin-top:10px;font-size:12px}.m-cp-acao{margin-top:12px}.m-cp-retry{width:auto;margin-top:10px;padding:10px 22px}.m-cp-link{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:13.5px;text-decoration:underline}.m-atalhos{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.m-atalho{background:var(--m-surface);border:1px solid var(--m-border-soft);border-radius:var(--m-radius);color:var(--m-text);cursor:pointer;-webkit-tap-highlight-color:#d4af371a;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px 6px 12px;display:flex}.m-atalho:active{background:var(--m-surface-2);border-color:var(--m-border)}.m-atalho__icon{background:var(--accent-soft);border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;display:flex}.m-atalho__label{letter-spacing:.01em;font-size:12px;font-weight:600}.m-topbar__home{width:44px;height:44px;color:var(--m-text-dim);background:0 0;border:none;font-size:22px;line-height:1;position:absolute;bottom:4px;right:6px}.m-topbar__home:active{color:var(--accent)}.m-etapas{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;margin:0 -2px 2px;padding:2px 0 10px;display:flex;overflow-x:auto}.m-etapas::-webkit-scrollbar{display:none}.m-etapa{border:1px solid var(--m-border-soft);background:var(--m-surface);color:var(--m-text-dim);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.m-etapa.is-active{background:var(--m-surface-2)}.m-etapa__dot{border-radius:50%;flex:none;width:8px;height:8px}.m-etapa__n{text-align:center;min-width:20px;color:var(--m-text);background:#ffffff14;border-radius:999px;padding:1px 6px;font-size:12px}.m-cerebro{background:#000;flex:auto;min-height:0;position:relative;overflow:hidden}.m-cerebro__canvas{touch-action:none;width:100%;height:100%;display:block}.m-cerebro__aviso{text-align:center;color:var(--m-text-dim);z-index:2;justify-content:center;align-items:center;padding:24px;font-size:14px;display:flex;position:absolute;inset:0}.m-cerebro__dica{text-align:center;color:#d4af3799;pointer-events:none;font-size:11px;position:absolute;top:10px;left:0;right:0}.m-cerebro__info{border:1px solid var(--m-border);background:#0f0f0feb;border-radius:12px;padding:12px 14px;position:absolute;bottom:54px;left:12px;right:12px}.m-cerebro__info-nome{color:var(--accent);font-size:15px;font-weight:700}.m-cerebro__info-meta{color:var(--m-text-dim);margin-top:3px;font-size:13px}.m-cerebro__legenda{color:var(--m-text-dim);pointer-events:none;flex-wrap:wrap;justify-content:center;gap:12px;font-size:10.5px;display:flex;position:absolute;bottom:12px;left:0;right:0}.m-cerebro__legenda span{align-items:center;gap:4px;display:inline-flex}.m-cerebro__legenda i{border-radius:50%;width:8px;height:8px;display:inline-block}