/* 2LN Flow — identidade visual derivada do 2LN Analytics. */
:root{--fundo:#eef1f1;--painel:#fff;--faixa:#1c2541;--texto:#1f2430;--texto-2:#6b6a5f;--borda:#c3cbcb;--verde:#255f85;--grafite:#1c2541;--salmao:#b5473f;--amarelo:#f2c80f;--linha-par:#f4f6f6;--azul-claro:#e6eef4}
*{box-sizing:border-box}body{margin:0;background:var(--fundo);color:var(--texto);font:13px "Segoe UI","DIN",Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:var(--verde)}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1{font-size:22px}h2{font-size:19px}h3{font-size:15px}p{line-height:1.6}small,.muted{color:var(--texto-2)}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.skip{position:absolute;top:-60px;left:12px;background:white;padding:12px;z-index:99}.skip:focus{top:8px}
.topo{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:12px 22px;background:var(--fundo);min-height:70px}.topo-esq{display:flex;align-items:center;gap:18px;min-width:0}.brand{display:flex;align-items:center;gap:10px;color:var(--grafite);text-decoration:none;white-space:nowrap}.brand svg{width:42px;height:32px}.brand-text{display:flex;flex-direction:column;font-weight:700;font-size:20px;letter-spacing:2px;line-height:1}.brand-text small{font-size:9px;letter-spacing:4px;margin-top:5px;color:inherit}.topo-esq .brand{padding-right:18px;border-right:1px solid #cbd2d7}.topo-titulo{font-size:18px;font-weight:600;white-space:nowrap}.topo-company{justify-self:center;text-align:center;font-weight:700}.topo-company small{display:block;font-weight:400;margin-top:3px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:7px;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--grafite)}.icon-btn:hover{background:#e0e6e9;border-color:var(--borda)}.user-chip{display:flex;align-items:center;gap:9px;border-left:1px solid var(--borda);padding-left:18px}.user-chip small{display:block;font-size:11px}.avatar{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#dce7ee;color:var(--verde);font-weight:700;flex:none}.navstrip{display:flex;gap:3px;align-items:center;flex-wrap:wrap;background:#fff;padding:0 22px;border-bottom:1px solid var(--borda)}.navstrip button{display:flex;gap:7px;align-items:center;padding:13px 14px;border:0;border-bottom:3px solid transparent;background:transparent;color:#5d6571;font-weight:600}.navstrip button:hover{background:#f4f6f8}.navstrip button.active{border-bottom-color:var(--verde);color:var(--verde);background:#f3f7fa}.navstrip .icon{width:17px;height:17px}.navstrip .nav-end{margin-left:auto;font-size:11px;color:var(--texto-2)}
main{padding:6px 20px 30px;max-width:min(96vw,2300px);margin:auto}.page-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:18px}.page-head h1{margin:0 0 4px}.page-head p{margin:0;color:var(--texto-2)}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.botao{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--grafite);color:#fff;border:1px solid var(--grafite);border-radius:4px;padding:8px 15px;font-weight:600;text-decoration:none}.botao:hover{background:#0f1629}.botao .icon{width:16px;height:16px}.botao-claro{background:#fff;color:var(--grafite);border:1px solid var(--borda)}.botao-claro:hover{background:var(--linha-par)}.botao-azul{background:var(--verde);border-color:var(--verde)}.botao-small{padding:5px 9px;font-size:12px}
.boas-vindas{position:relative;overflow:hidden;background:linear-gradient(120deg,#1c2541 0%,#22385c 55%,#255f85 100%);color:white;border-radius:14px;padding:26px 34px 22px;margin:8px 0 22px;min-height:300px;box-shadow:0 6px 20px rgba(28,37,65,.18);box-sizing:border-box;display:flex;flex-direction:column}.boas-vindas::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#939082}.boas-vindas .brand{color:white;margin-bottom:18px}.boas-vindas h2{font-size:30px;margin:8px 0 10px}.boas-vindas-lead{color:#eef1f1;font-size:17.5px;margin:0 0 6px;max-width:760px}.boas-vindas-lead b{color:#fff;font-weight:700}.boas-vindas-sub{color:#c3cbcb;font-size:14.5px;line-height:1.5;margin:0;max-width:760px}.boas-vindas .date{position:absolute;right:27px;top:24px;color:#a9c1d3;font-size:12px}.boas-vindas-art{position:absolute;right:40px;bottom:-22px;width:270px;height:160px;opacity:.12;pointer-events:none}.boas-vindas-art .icon{width:100%;height:100%}.boas-vindas-rodape{margin-top:auto;padding-top:14px;border-top:1px solid rgba(195,203,203,.22);display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px}
.boas-vindas-autor{font-size:12px;color:#c3cbcb;font-style:italic}
.company-marca{display:flex;align-items:center;gap:8px}
.company-marca-nome{font-weight:700;font-size:20px;line-height:1.05;letter-spacing:.3px}
.company-marca-slogan{border-left:2px solid currentColor;padding-left:8px;font-weight:700;font-size:15px;line-height:1.05;opacity:.75}
.company-marca-atual{display:flex;align-items:center;gap:8px}
.company-marca-atual .company-marca-nome{font-size:16px;color:var(--grafite)}
.company-marca-atual .company-marca-slogan{font-size:12px;color:var(--texto-2)}
.empresa-atual-logo{max-height:40px;max-width:160px;object-fit:contain}.selo{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:4px;font-size:11px;font-weight:600;background:#e8eef4;color:var(--verde);white-space:nowrap}.selo.green{background:#e6f1eb;color:#256342}.selo.yellow{background:#fcf3d7;color:#826010}.selo.red{background:#f9e8e5;color:#a13f37}.selo.dark{background:#ffffff12;color:#d7e8f4;border:1px solid #ffffff25}.dot{width:7px;height:7px;border-radius:50%;background:currentColor}.empresa-atual{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:#fff;border:1px solid #dde3e4;border-left:4px solid var(--verde);border-radius:10px;padding:12px 18px;margin:0 0 16px;box-shadow:0 1px 4px rgba(28,37,65,.06)}.empresa-atual .icon{width:26px;height:26px;color:var(--verde)}.empresa-atual-texto{flex:1;min-width:160px}.empresa-atual-texto small{display:block;margin-bottom:3px}.empresa-atual-texto b{font-size:16px;color:var(--grafite)}.empresa-atual label{font-size:12px;color:var(--texto-2)}.empresa-atual select{min-width:220px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.metric{background:#fff;border:1px solid #d3dada;border-radius:6px;padding:17px 18px;border-top:3px solid var(--verde)}.metric:nth-child(2){border-top-color:#b88c31}.metric:nth-child(3){border-top-color:#39816a}.metric:nth-child(4){border-top-color:var(--grafite)}.metric-label{display:flex;justify-content:space-between;color:#616c79;font-size:12px}.metric-value{font-size:32px;font-weight:650;color:var(--grafite);margin:8px 0 4px;line-height:1.1}.metric small{font-size:11px}.inicio-secao{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#939082;margin:24px 2px 4px}.inicio-secao+.mosaico-blocos{justify-content:flex-start;padding-top:8px}.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.menu-tile{text-align:left;display:flex;align-items:flex-start;gap:14px;background:white;border:1px solid #d2dada;border-radius:6px;padding:20px 16px;color:var(--grafite)}.menu-tile:hover{border-color:var(--verde);box-shadow:0 3px 9px #1c25410b}.tile-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#e8eff4;border-radius:8px;color:var(--verde);flex:none}.menu-tile b{display:block;font-size:14px;margin:2px 0 7px}.menu-tile small{display:block;line-height:1.5}.two-col{display:grid;grid-template-columns:1.25fr 1fr;gap:18px}.painel{background:white;border:1px solid var(--borda);border-radius:5px;overflow:hidden;margin-bottom:18px}.painel-titulo{background:var(--faixa);color:#fff;padding:9px 14px;display:flex;align-items:center;gap:9px;font-weight:600;font-size:12px}.painel-titulo .icon{width:16px;height:16px}.painel-corpo{padding:17px}.step{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #e9eded}.step:last-child{border:0}.step .step-n{width:27px;height:27px;border:1px solid #c2ced8;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--verde);font-weight:600}.step>div{flex:1}.step b{display:block;margin-bottom:3px}.activity{padding:11px 0;border-bottom:1px solid #edf0f0}.activity small{display:block;margin-top:4px}.notice{padding:13px 16px;background:#f9f3e3;color:#735719;border:1px solid #e9d8a4;border-radius:5px;margin-bottom:16px;line-height:1.6}.notice.info{background:#e9f1f7;color:#315773;border-color:#bed1e0}.preview-bar{background:#fcf3d7;padding:8px 24px;text-align:center;font-size:12px;border-bottom:1px solid #e7dcae}.preview-bar a{margin-left:15px}.footer{display:flex;justify-content:space-between;border-top:1px solid #d1d8d9;padding:15px 24px;color:#7e858b;font-size:11px;gap:12px}
input,select,textarea{border:1px solid var(--borda);border-radius:4px;background:white;color:var(--texto);padding:9px 10px;max-width:100%}input:focus,select:focus,textarea:focus{border-color:var(--verde);outline:2px solid #255f8520}textarea{resize:vertical;min-height:80px}label.field{display:flex;flex-direction:column;gap:6px;margin-bottom:15px;color:#4b5664;font-weight:600;font-size:12px}label.field small{font-weight:400;line-height:1.5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.span2{grid-column:1/-1}.filters{display:flex;align-items:center;gap:12px;margin-bottom:16px}.filters input{flex:1;max-width:440px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{background:#e5e9ec;color:var(--grafite);font-size:11px;text-transform:uppercase;letter-spacing:.3px;padding:11px 14px;white-space:nowrap}td{padding:13px 14px;border-bottom:1px solid #e3e8e8}tbody tr:nth-child(even){background:var(--linha-par)}td strong{display:block;margin-bottom:3px}.empty{text-align:center;padding:45px 20px;color:var(--texto-2)}.empty .icon{width:40px;height:40px;color:#8aa3b8;margin-bottom:12px}.empty h3{color:var(--grafite);margin:0 0 7px}.empty p{max-width:400px;margin:0 auto 15px}.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.channel{padding:20px;background:white;border:1px solid var(--borda);border-radius:6px}.channel-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.channel h3{margin:0 0 5px}.channel dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:12px}.channel dt{color:var(--texto-2)}.channel dd{margin:4px 0 0;overflow-wrap:anywhere}
.inbox{display:grid;grid-template-columns:300px minmax(300px,1fr) 260px;height:calc(100vh - 225px);min-height:540px;border:1px solid var(--borda);border-radius:5px;overflow:hidden;background:white}.conversation-list{border-right:1px solid var(--borda);display:flex;flex-direction:column;min-height:0}.list-top{padding:14px;border-bottom:1px solid #dce2e5}.list-top input{width:100%;margin-bottom:10px}.tabs{display:flex;gap:3px}.tabs button{background:#f0f3f5;border:0;padding:7px 9px;color:#687482;border-radius:3px;font-size:11px}.tabs button.active{background:var(--grafite);color:white}.list-body{overflow:auto;flex:1}.conversation-item{width:100%;display:flex;gap:10px;text-align:left;padding:15px 13px;border:0;border-bottom:1px solid #e7ecee;background:white;border-left:3px solid transparent}.conversation-item:hover{background:#f4f7f9}.conversation-item.selected{background:#e9f0f6;border-left-color:var(--verde)}.conversation-item .summary{min-width:0;flex:1}.conversation-item .line{display:flex;justify-content:space-between;gap:5px;align-items:center}.conversation-item b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-item small{font-size:10px}.conversation-item p{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:7px 0 8px;color:#6c7680}.conversation-item .selo{font-size:9px;padding:2px 5px}.chat-panel{display:flex;flex-direction:column;min-width:0;min-height:0;background:#f5f7f7}.chat-header{padding:14px 18px;display:flex;align-items:center;gap:10px;background:white;border-bottom:1px solid #dae1e4}.chat-header>div{flex:1}.chat-header h3{margin:0 0 3px}.chat-feed{padding:22px;flex:1;overflow:auto;display:flex;flex-direction:column;gap:13px}.bubble{max-width:82%;align-self:flex-start;border:1px solid #dbe3e7;background:white;border-radius:0 9px 9px 9px;padding:11px 14px;box-shadow:0 1px 2px #1c254105}.bubble.outbound{align-self:flex-end;background:#e4edf5;border-color:#c8d9e6;border-radius:9px 0 9px 9px}.bubble.internal{align-self:center;max-width:95%;background:#fff5d8;border-color:#ebdba8;border-radius:5px}.bubble p{margin:0 0 6px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.bubble small{display:block;text-align:right;font-size:10px}.composer{padding:12px 16px;background:white;border-top:1px solid #d8e0e4}.composer-top{display:flex;gap:8px;align-items:center;margin-bottom:8px}.composer-top select{padding:5px 8px;font-size:11px;max-width:190px}.composer textarea{width:100%;min-height:65px;max-height:160px;border-color:#d8dfe4}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px}.composer-bottom small{font-size:10px}.customer-panel{border-left:1px solid var(--borda);background:#fff;overflow:auto;padding:20px 16px}.customer-identity{text-align:center;border-bottom:1px solid #e0e6e8;padding-bottom:18px;margin-bottom:17px}.customer-identity .avatar{width:52px;height:52px;font-size:19px;margin-bottom:10px}.customer-identity h3{margin-bottom:5px}.customer-panel .field{font-size:11px;margin-bottom:12px}.customer-panel select{font-size:12px;padding:8px}.customer-panel .tags{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0}.customer-panel h4{font-size:10px;color:#7b8490;text-transform:uppercase;letter-spacing:.8px;margin:20px 0 8px}.empty-thread{margin:auto;padding:35px;text-align:center;max-width:430px;color:#6b7783}.empty-thread .icon{width:62px;height:62px;color:#8aa3b8;margin-bottom:20px}.empty-thread h2{color:var(--grafite);font-size:21px}.window-banner{padding:7px 14px;font-size:11px;color:#667481;background:#edf1f4;text-align:center;border-bottom:1px solid #dce4e8}
dialog{border:1px solid var(--borda);border-radius:7px;box-shadow:0 20px 80px #15283e35;padding:0;width:min(570px,calc(100vw - 28px));max-height:90vh;color:var(--texto)}dialog::backdrop{background:#15283e66}.modal-head{display:flex;align-items:center;justify-content:space-between;background:var(--grafite);color:white;padding:13px 19px}.modal-head h2{margin:0;font-size:16px}.modal-head .icon-btn{color:white}.modal-body{padding:22px}.modal-footer{display:flex;gap:8px;justify-content:flex-end;border-top:1px solid #dce2e5;padding-top:16px}.error{background:#fbeceb;color:#a13f37;padding:10px 12px;border-radius:4px;margin-bottom:12px;line-height:1.5}.loading{padding:70px;text-align:center;color:#6d7984}#toast{position:fixed;right:24px;bottom:24px;max-width:min(440px,calc(100vw - 48px));padding:14px 20px;border-radius:5px;background:var(--grafite);color:white;box-shadow:0 5px 25px #1c254130;z-index:100;line-height:1.5}.login-wrap{max-width:1040px;margin:9vh auto;padding:24px;display:grid;grid-template-columns:1.1fr 1fr;gap:0}.login-intro{background:linear-gradient(140deg,#1c2541,#28455f);padding:45px 38px;color:white;border-radius:9px 0 0 9px;min-height:530px;display:flex;flex-direction:column;justify-content:space-between}.login-intro .brand{color:white}.login-intro h1{font-size:32px;line-height:1.23;max-width:350px}.login-intro p{color:#c5d4df;max-width:340px;font-size:14px}.login-form{background:white;border:1px solid var(--borda);padding:45px 35px;border-radius:0 9px 9px 0;display:flex;flex-direction:column;justify-content:center}.login-form h2{font-size:24px;margin-bottom:9px}.login-form .botao{width:100%;margin-top:8px}.login-footer{text-align:center;font-size:11px;color:#7e858b;margin:20px}.login-form code{font-size:12px;overflow-wrap:anywhere}.login-form .field{margin-bottom:18px}.menu-dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.menu-dialog-grid .menu-tile{padding:14px}
@media(min-width:1700px){.inbox{grid-template-columns:340px minmax(350px,1fr) 290px}}
@media(max-width:1150px){.inbox{grid-template-columns:270px minmax(280px,1fr)}.customer-panel{display:none}.customer-panel.mobile-open{display:block;position:fixed;right:0;top:0;bottom:0;width:280px;z-index:30;box-shadow:-10px 0 50px #1c254130}.menu-grid{grid-template-columns:repeat(2,1fr)}.channel-grid{grid-template-columns:repeat(2,1fr)}.navstrip button{padding:12px 10px}.navstrip .nav-end{display:none}}
@media(max-width:760px){main{padding:15px 12px}.topo{padding:10px 12px;gap:8px}.topo-titulo{font-size:15px}.topo .brand{padding-right:8px}.topo .brand-text{font-size:16px}.topo .brand svg{width:30px}.user-chip{padding-left:8px}.user-chip .user-text{display:none}.navstrip{padding:0 6px;flex-wrap:nowrap;overflow:auto}.navstrip button{white-space:nowrap;font-size:11px;padding:12px 9px}.navstrip .icon{display:none}.cards{grid-template-columns:1fr 1fr;gap:9px}.metric{padding:13px}.metric-value{font-size:28px}.two-col{grid-template-columns:1fr}.boas-vindas{padding:20px;min-height:0}.boas-vindas .date{position:static;display:block;margin-bottom:13px}.boas-vindas h2{font-size:23px}.boas-vindas-art{display:none}.inicio-secao+.mosaico-blocos{justify-content:center}.empresa-atual{flex-wrap:wrap}.empresa-atual label{width:100%}.empresa-atual select{width:100%;min-width:0}.page-head{align-items:flex-start}.page-head h1{font-size:20px}.page-head p{font-size:12px}.menu-grid{gap:9px}.menu-tile{padding:14px 11px;gap:8px}.tile-icon{width:30px;height:30px}.menu-tile b{font-size:12px}.menu-tile small{font-size:11px}.inbox{display:block;height:calc(100dvh - 215px);min-height:440px}.conversation-list{height:100%;border:0}.chat-panel{display:none;height:100%}.inbox.has-thread .conversation-list{display:none}.inbox.has-thread .chat-panel{display:flex}.chat-feed{padding:14px}.chat-header{padding:11px}.chat-header .botao{font-size:11px;padding:6px}.channel-grid{grid-template-columns:1fr}.footer{font-size:10px;padding:14px;flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}.login-wrap{display:block;max-width:500px;margin:10px auto;padding:15px}.login-intro{min-height:210px;padding:25px;border-radius:8px 8px 0 0;gap:20px}.login-intro h1{font-size:23px;margin-bottom:8px}.login-intro p,.login-intro .selo{display:none}.login-form{border-radius:0 0 8px 8px;padding:28px}.composer-bottom small{max-width:180px}.bubble{max-width:93%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Gestão operacional — mesmos tokens visuais do Analytics. */
.operation-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 0 13px;border-top:1px solid #d2dadd}.operation-strip h3{margin:5px 0;font-size:18px;color:var(--grafite)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.4px;color:var(--verde)}.metrics-home .metric{border-top-width:2px}.metric-detail .metric-value{font-size:28px;letter-spacing:-.7px;white-space:nowrap}.metric-detail small{line-height:1.5;display:block}.metric-detail.attention{border-top-color:var(--salmao);background:#fffafa}.metric-detail.attention .metric-value{color:var(--salmao)}.metrics-eight{row-gap:12px}.metrics-eight .metric{min-height:132px}.metrics-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px;background:#fff;border:1px solid #d3dbdf;border-radius:5px;margin-bottom:13px}.metrics-toolbar form{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.metrics-toolbar label{display:flex;flex-direction:column;font-size:10px;font-weight:600;color:#66717e;gap:5px;text-transform:uppercase;letter-spacing:.4px}.metrics-toolbar input,.metrics-toolbar select{font-size:12px;text-transform:none;min-height:35px}.period-buttons{display:flex;align-self:flex-end;border:1px solid var(--borda);border-radius:4px;overflow:hidden;height:35px}.period-buttons button{border:0;border-right:1px solid #d9e0e4;background:#f4f6f8;color:var(--grafite);padding:8px 12px;font-weight:600;font-size:11px}.period-buttons button:last-child{border:0}.period-buttons button:hover{background:#e4edf5}.metrics-updated{display:flex;align-items:center;gap:6px;white-space:nowrap;color:#6d7a88;font-size:10px}.metrics-updated .dot{color:#4f8d72}.metrics-context{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:15px}.metrics-context small{font-size:11px}.metrics-charts{display:grid;grid-template-columns:1.6fr 1fr;gap:18px}.chart-legend{display:flex;align-items:center;gap:6px;font-weight:400;font-size:10px;margin-left:auto}.chart-legend i{display:inline-block;width:8px;height:8px;background:#8fb3cc;margin-left:8px;border-radius:2px}.chart-legend .resolved-key{background:#7ca996}.trend-caption{display:flex;justify-content:space-between;font-size:11px;color:#78828c;margin-bottom:14px}.trend-caption b{font-weight:500;color:var(--grafite)}.trend-chart{display:block;width:100%;min-height:150px;max-height:220px}.usage-main{display:flex;align-items:baseline;gap:10px;margin:0 0 13px}.usage-main b{font-size:29px;color:var(--grafite);letter-spacing:-1px}.usage-main span{font-size:11px;color:#71808b}.usage-panel progress{display:block;appearance:none;width:100%;height:9px;border:0;background:#e4e9ec;border-radius:5px;overflow:hidden}.usage-panel progress::-webkit-progress-bar{background:#e4e9ec;border-radius:5px}.usage-panel progress::-webkit-progress-value{background:#255f85;border-radius:5px}.usage-panel progress::-moz-progress-bar{background:#255f85}.usage-split{display:flex;justify-content:space-between;gap:14px;margin:12px 0 17px;font-size:11px;color:#72808b}.usage-split b{display:block;margin-top:5px;color:var(--grafite);font-size:13px}.usage-facts{border-top:1px solid #e4e9ec;padding-top:10px;margin-bottom:12px}.usage-facts span{display:flex;justify-content:space-between;padding:5px 0;font-size:11px;color:#6c7784}.usage-facts b{color:var(--grafite)}.usage-panel>small{display:block;font-size:10px;line-height:1.5}.panel-note{margin-left:auto;font-size:10px;color:#b6c4d3;font-weight:400}.performance-table th{font-size:10px;white-space:normal}.performance-table td{font-size:12px;padding-top:15px;padding-bottom:15px}.performance-table td:first-child{min-width:235px}.performance-table small{font-size:10px}.person-link{display:flex;align-items:center;gap:10px;text-align:left;border:0;background:none;padding:0;color:var(--grafite)}.person-link:hover strong{text-decoration:underline}.person-link .selo{font-size:9px;padding:3px 5px}.person-link strong{font-size:12px}.person-link .avatar{width:32px;height:32px;font-size:11px}.text-danger{color:var(--salmao)}.metrics-method{border:1px solid #d3dce0;border-radius:5px;background:#f8fafb;color:#647381;margin:18px 0}.metrics-method summary{padding:14px 16px;cursor:pointer;font-size:12px;font-weight:600;color:var(--verde)}.metrics-method>div{padding:0 18px 9px;max-width:1200px}.metrics-method p{font-size:12px}.access-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;font-size:11px}.access-history{max-height:340px;margin-bottom:12px}
@media(max-width:1100px){.metrics-toolbar{display:block}.metrics-updated{margin-top:12px}.metrics-charts{grid-template-columns:1.4fr 1fr}.metric-detail .metric-value{font-size:25px}.metrics-eight .metric-label{font-size:11px}}
@media(max-width:760px){.operation-strip{align-items:flex-start}.operation-strip h3{font-size:15px}.operation-strip .botao{font-size:11px;padding:8px}.metrics-toolbar{padding:12px}.metrics-toolbar form{gap:10px}.metrics-toolbar label{flex:1;min-width:115px}.metrics-toolbar input,.metrics-toolbar select{width:100%}.period-buttons{width:100%;height:34px}.period-buttons button{flex:1}.metrics-context{align-items:flex-start;flex-direction:column;gap:8px}.metrics-charts{grid-template-columns:1fr;gap:0}.metrics-eight .metric{min-height:125px}.metric-detail .metric-value{font-size:23px}.metric-detail small{font-size:10px}.panel-note{display:none}.chart-legend{font-size:9px}.trend-caption{font-size:10px}.page-head .actions{justify-content:flex-end}.page-head .actions .botao{padding:7px 9px;font-size:10px}.access-summary{flex-wrap:wrap}.usage-main b{font-size:28px}}

/* Menu em mosaico (blocos coloridos) e menu do usuário — mesmo padrão visual do 2LN Analytics/Academy. */
.mosaico-blocos{display:grid;grid-template-columns:repeat(auto-fill,150px);gap:14px;justify-content:center;padding:18px 0}
.mosaico-bloco{--cor:#255f85;width:150px;height:150px;border:0;border-radius:10px;cursor:pointer;font:inherit;background:var(--cor);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;box-shadow:0 2px 6px rgba(28,37,65,.18);transition:transform .15s,box-shadow .15s,filter .15s;text-decoration:none}
.mosaico-bloco.cor-comunicacao{--cor:#2a7880}
.mosaico-bloco.cor-relacionamentos{--cor:#6b6a5f}
.mosaico-bloco.cor-usuarios{--cor:#5f4f86}
.mosaico-bloco.cor-indicadores{--cor:#255f85}
.mosaico-bloco.cor-plataforma{--cor:#55657a}
.mosaico-bloco:hover{transform:translateY(-3px);box-shadow:0 8px 18px rgba(28,37,65,.28);filter:brightness(1.08)}
.mosaico-bloco.fixo{cursor:default;transform:none;filter:none;width:140px;height:140px}
.mosaico-icone svg{width:56px;height:56px;stroke-width:1.7}
.mosaico-nome{font-weight:700;font-size:14px;text-align:center;padding:0 8px;line-height:1.2}
.submenu{display:flex;gap:34px;background:#1c2541;color:#fff;border-radius:12px;padding:24px 28px;margin:18px 0;box-shadow:0 6px 20px rgba(28,37,65,.25)}
.submenu-lado{display:flex;flex-direction:column;gap:14px;flex:none}
.submenu-lado .mosaico-bloco{box-shadow:0 0 0 1px rgba(255,255,255,.25)}
.submenu-voltar{background:#255f85;color:#fff;border:0;border-radius:6px;padding:9px 12px;font:inherit;font-weight:700;cursor:pointer}
.submenu-voltar:hover{background:#2f74a1}
.submenu-links{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:4px 26px;align-content:start}
.submenu-links a,.submenu-links button{display:block;text-align:left;text-decoration:none;color:#fff;padding:12px 10px;border-bottom:1px solid rgba(195,203,203,.22);border-radius:6px 6px 0 0;border:0;background:none;font:inherit;width:100%;cursor:pointer}
.submenu-links a b,.submenu-links button b{display:block;font-size:16px;font-weight:500}
.submenu-links a span,.submenu-links button span{display:block;font-size:12px;color:#c3cbcb;margin-top:3px}
.submenu-links a:hover,.submenu-links button:hover{background:rgba(255,255,255,.08)}
.submenu-links a:hover b,.submenu-links button:hover b{color:#8fc1e0}
.mosaico-overlay{display:none;position:fixed;inset:0;z-index:2000;background:rgba(28,37,65,.55);padding:74px 24px 24px;overflow:auto;backdrop-filter:blur(2px)}
.mosaico-overlay.aberto{display:block}
.mosaico-janela{background:#f3f5f6;border-radius:12px;max-width:1000px;margin:0 auto;box-shadow:0 10px 30px rgba(0,0,0,.25);overflow:hidden}
.mosaico-cabeca{display:flex;align-items:center;justify-content:space-between;padding:12px 18px 12px 22px;border-bottom:1px solid #dde3e4}
.mosaico-fechar{border:0;background:transparent;color:#4a5a7a;font-size:18px;width:34px;height:34px;border-radius:8px;cursor:pointer}
.mosaico-fechar:hover{background:#e3e8e8;color:#1c2541}
.mosaico-overlay .mosaico-blocos{background:transparent;box-shadow:none;border-radius:0;max-width:none}
.mosaico-overlay .submenu{margin:16px;max-width:none}
.botao-menu{flex:none;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:0;border-radius:8px;background:#1c2541;color:#fff;cursor:pointer}
.botao-menu:hover{background:#255f85}
.menu-usuario{position:relative;justify-self:end}
.menu-usuario summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;padding:3px 6px;border-radius:8px}
.menu-usuario summary::-webkit-details-marker{display:none}
.menu-usuario summary:hover{background:#e3e8e8}
.menu-nome{display:flex;flex-direction:column;font-size:12.5px;font-weight:600;color:#1c2541;line-height:1.2;max-width:170px}
.menu-nome small{font-weight:400;color:#6b6a5f;font-size:11px}
.menu-lista{position:absolute;right:0;top:calc(100% + 6px);z-index:60;min-width:220px;background:#fff;border:1px solid #dde3e4;border-radius:10px;box-shadow:0 10px 28px rgba(28,37,65,.2);padding:6px;display:flex;flex-direction:column}
.menu-lista a,.menu-lista button{display:block;text-align:left;padding:8px 10px;border-radius:6px;color:#1f2430;text-decoration:none;font:inherit;font-size:13px;background:none;border:0;cursor:pointer;width:100%}
.menu-lista a:hover,.menu-lista button:hover{background:#e3ecf2;color:#1c2541}
.menu-lista form{border-top:1px solid #e3e8e8;margin-top:4px;padding-top:4px}
.menu-lista form button{color:#b5473f}
.menu-grupo{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#939082;padding:8px 10px 2px}
.menu-lista .menu-empresa{display:block;padding:4px 10px 6px;font-weight:600;color:var(--grafite);font-size:13px}
.menu-lista>:not(:last-child):not(.menu-grupo){border-bottom:none}
.menu-lista .menu-grupo:not(:first-child){border-top:1px solid #e3e8e8;margin-top:4px;padding-top:8px}
.company-row{display:flex;align-items:center;gap:10px}
.company-logo{width:34px;height:34px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#eef1f1;color:var(--texto-2);overflow:hidden}
.company-logo img{width:100%;height:100%;object-fit:contain}
.topo-logo{height:34px;max-width:160px;object-fit:contain}
.modal-body fieldset{border:1px solid #dde3e4;border-radius:8px;padding:10px 14px;margin:0 0 15px;display:flex;flex-direction:column;gap:10px;min-width:0}
.modal-body legend{color:var(--grafite);font-weight:600;font-size:13px;padding:0 4px}
.modal-body fieldset .field{margin-bottom:0}
.empresa-logo-linha{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.empresa-logo-previa{min-width:160px;min-height:60px;flex:none;display:flex;align-items:center;justify-content:center;padding:8px 12px;border:1px dashed #c3cbcb;border-radius:8px;background:#f7f9f9}
.empresa-logo-previa img{max-height:50px;max-width:200px}
.empresa-logo-previa .muted{font-size:12px}
.empresa-logo-campo{flex:1;min-width:220px}
@media(max-width:760px){.menu-nome{display:none}.mosaico-blocos{grid-template-columns:repeat(auto-fill,120px)}.mosaico-bloco{width:120px;height:120px}.submenu{flex-direction:column;padding:18px}.submenu-lado{flex-direction:row;align-items:center}.submenu-lado .mosaico-bloco{width:100px;height:100px}}