:root{--petroleo: #21333F;--petroleo-claro: #2C4150;--ouro: #A16C32;--ouro-claro: #C49A66;--salvia: #C1C3BA;--linha: #E4E2DB;--texto: #2A3440;--texto-suave: #6B7682;--creme: #FAF8F4;--fonte: "Avenir Next", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--fonte);color:var(--texto);background:#fff}a{color:inherit;text-decoration:none}.app{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{background:var(--petroleo);color:var(--salvia);padding:20px 0 58px;display:flex;flex-direction:column}.brand{padding:0 18px 16px;border-bottom:.5px solid var(--petroleo-claro);margin-bottom:10px;text-align:center}.brand .rule{width:34px;height:1px;background:var(--ouro-claro);margin:11px auto 6px}.brand .sub{font-size:11px;color:#8c9aa0;letter-spacing:.5px;white-space:nowrap}.nav{display:flex;align-items:center;gap:10px;padding:10px 18px;color:#8c9aa0;font-size:14px;border-left:3px solid transparent}.nav.active{color:#fff;background:var(--petroleo-claro);border-left-color:var(--ouro-claro)}.main{background:#fff;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:.5px solid var(--linha)}.topbar h1{font-size:20px;font-weight:500;margin:0}.content{padding:20px 24px 64px}.btn{font:inherit;font-size:14px;padding:8px 14px;border:.5px solid var(--linha);background:#fff;border-radius:8px;cursor:pointer}.btn-primary{background:var(--ouro);color:#fff;border:none}.toolbar{display:flex;gap:8px;align-items:center;margin-bottom:14px}.toolbar input,.toolbar select{font:inherit;font-size:14px;height:36px;padding:0 10px;border:.5px solid var(--linha);border-radius:8px}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:12px;color:var(--texto-suave);font-weight:500;padding:8px 10px}.table td{font-size:14px;padding:11px 10px;border-top:.5px solid var(--linha)}.badge{font-size:12px;padding:2px 9px;border-radius:8px;font-weight:500}.badge-ativo{background:#eaf3de;color:#3b6d11}.badge-inativo{background:#f1efe8;color:#5f5e5a}.badge-prospecto{background:#faeeda;color:#854f0b}.badge-info{background:#e6f1fb;color:#185fa5}.badge-danger{background:#fcebeb;color:#a32d2d}.muted{color:var(--texto-suave)}.footer{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;align-items:center;gap:14px;height:38px;padding:0 14px;background:var(--petroleo);color:var(--salvia);font-size:12px;border-top:.5px solid var(--petroleo-claro)}.footer-relogio{margin-right:auto;font-variant-numeric:tabular-nums}.footer-usuario{color:#fff;font-weight:500}.footer-sair{font:inherit;font-size:12px;color:#fff;background:none;border:.5px solid var(--petroleo-claro);border-radius:6px;padding:3px 12px;cursor:pointer}.footer-sair:hover{border-color:var(--ouro-claro);color:var(--ouro-claro)}.screencode{font-family:SF Mono,Menlo,Consolas,monospace;font-size:11px;letter-spacing:.5px;color:#8c9aa0;border:.5px solid var(--petroleo-claro);border-radius:6px;padding:2px 8px}.modal-code{margin-right:auto;font-family:SF Mono,Menlo,Consolas,monospace;font-size:11px;letter-spacing:.5px;color:var(--texto-suave);background:#fff;border:.5px solid var(--linha);border-radius:6px;padding:2px 8px}.svc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.svc-card{background:#fff;border:.5px solid var(--linha);border-radius:12px;padding:16px;display:flex;flex-direction:column}.svc-card.off{opacity:.6}.svc-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.svc-head h3{margin:0;font-size:15px;color:var(--petroleo)}.svc-desc{margin:8px 0 0;font-size:13px;color:var(--texto-suave);line-height:1.4}.svc-metrics{display:flex;gap:16px;margin:14px 0 12px;flex-wrap:wrap}.svc-metrics strong{font-size:16px;color:var(--petroleo)}.svc-metrics .muted{font-size:12px}.svc-foot{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:8px;border-top:.5px solid var(--linha)}.cel-trunc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:0}.avatar{width:44px;height:44px;border-radius:50%;background:var(--petroleo);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:15px;overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:26px;height:26px;font-size:10px}.avatar-lg{width:72px;height:72px;font-size:24px}.dash-grid{display:grid;grid-template-columns:1fr 320px;gap:16px;align-items:start}.dash-main{display:flex;flex-direction:column;gap:16px}.dash-side{position:sticky;top:12px}.urg-card{border-left:3px solid #A32D2D}.urg-list{display:flex;flex-direction:column;gap:8px}.urg-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;background:#fcebeb;border-radius:8px}.urg-flag{border:none;background:none;cursor:pointer;font-size:15px;padding:2px}.mural{display:flex;flex-direction:column;max-height:560px}.mural-novo textarea{width:100%;font:inherit;font-size:13px;padding:8px 10px;border:.5px solid var(--linha);border-radius:8px;resize:vertical;box-sizing:border-box}.mural-lista{margin-top:12px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.msg{border:.5px solid var(--linha);border-radius:8px;padding:8px 10px}.msg.aviso{border-color:#e7b9b9;background:#fdf4f4}.msg-top{display:flex;align-items:center;gap:6px;font-size:12px;margin-bottom:3px}@media (max-width: 900px){.dash-grid{grid-template-columns:1fr}.dash-side{position:static}}.card{background:#fff;border:.5px solid var(--linha);border-radius:12px;padding:16px}.board-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.board-wide{grid-column:1 / -1}.board-h{margin:0 0 10px;font-size:14px;color:var(--petroleo)}.board-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;border-top:.5px solid var(--linha)}.board-row:first-of-type{border-top:none}.organograma-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.org-col h4{margin:0 0 8px;font-size:13px;color:var(--petroleo)}.org-col label{display:flex;align-items:center;gap:8px;font-size:13px;padding:3px 0;cursor:pointer}.org-col label input{width:auto;height:auto}.state{padding:48px 16px;text-align:center;color:var(--texto-suave)}.state .warn{color:#854f0b}.viewtoggle{display:flex;border:.5px solid var(--linha);border-radius:8px;overflow:hidden}.viewtoggle button{font:inherit;font-size:13px;padding:6px 12px;border:none;background:#fff;cursor:pointer;color:var(--texto-suave)}.viewtoggle button.on{background:var(--petroleo);color:#fff}.kanban{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.lane{background:var(--creme);border-radius:10px;padding:8px;min-height:120px}.lane-head{display:flex;justify-content:space-between;font-size:12px;font-weight:500;padding:2px 4px 8px}.kcard{background:#fff;border:.5px solid var(--linha);border-radius:8px;padding:8px 9px;margin-bottom:8px}.kcard-move{display:flex;align-items:center;justify-content:space-between;gap:6px}.kcard-move button{font:inherit;width:26px;height:24px;border:.5px solid var(--linha);background:#fff;border-radius:6px;cursor:pointer;color:var(--petroleo)}.kcard-move button:disabled{opacity:.35;cursor:default}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#21333f73;display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px;z-index:50}.modal{background:#fff;border-radius:12px;width:520px;max-width:100%;box-shadow:0 10px 40px #0003;overflow:hidden}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:.5px solid var(--linha)}.modal-head .x{border:none;background:none;font-size:20px;cursor:pointer;color:var(--texto-suave)}.modal-body{padding:16px 18px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:.5px solid var(--linha)}.field{margin-bottom:12px}.field label{display:block;font-size:12px;color:var(--texto-suave);margin-bottom:4px}.field input,.field select{width:100%;font:inherit;font-size:14px;height:36px;padding:0 10px;border:.5px solid var(--linha);border-radius:8px;background:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.campo-edicao{width:200px;height:30px;padding:0 8px;border:.5px solid var(--linha);border-radius:8px;font:inherit;font-size:13px;background:#fff}.dcard{background:var(--creme);border-radius:10px;padding:12px 14px;margin-bottom:12px}.dcard .dl{font-size:12px;font-weight:500;color:var(--texto-suave);margin-bottom:8px}.drow{display:flex;justify-content:space-between;font-size:13px;padding:4px 0}.evrow{display:flex;gap:10px;padding:10px 0;border-top:.5px solid var(--linha)}.editor-rico{border:.5px solid var(--linha);border-radius:8px;background:#fff}.editor-rico .barra{display:flex;gap:2px;padding:4px 6px;border-bottom:.5px solid var(--linha)}.editor-rico .barra button{font-family:inherit;font-size:12px;width:26px;height:24px;border:none;background:none;border-radius:5px;cursor:pointer;color:var(--texto-suave)}.editor-rico .barra button:hover{background:var(--creme);color:var(--texto)}.editor-rico .area{min-height:64px;max-height:240px;overflow-y:auto;padding:8px 10px;font-size:14px;outline:none}.editor-rico .area:empty:before{content:attr(data-placeholder);color:var(--texto-suave);pointer-events:none}.ev-html{overflow-wrap:break-word}.ev-html p,.ev-html div{margin:0}.ev-html ul,.ev-html ol{margin:4px 0;padding-left:18px}.tabs{display:flex;gap:2px;border-bottom:.5px solid var(--linha);margin:14px 0 16px;flex-wrap:wrap}.tabs button{font:inherit;font-size:13px;padding:9px 12px;border:none;background:none;cursor:pointer;color:var(--texto-suave);border-bottom:2px solid transparent}.tabs button.on{color:var(--texto);border-bottom-color:var(--ouro)}.fases{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 4px}.fchip{font:inherit;font-size:12px;padding:5px 12px;border-radius:16px;border:.5px solid var(--linha);background:#fff;color:var(--texto-suave);cursor:pointer}.fchip.cur{background:var(--petroleo);color:#fff;border-color:var(--petroleo)}.fchip.done{background:var(--creme);color:var(--petroleo);border-color:var(--creme)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.metric{background:var(--creme);border-radius:10px;padding:12px 14px}.metric .ml{font-size:12px;color:var(--texto-suave)}.metric .mv{font-size:22px;font-weight:500;margin-top:2px}.bottomnav,.mais-sheet{display:none}@media (max-width: 760px){.app{grid-template-columns:1fr}.sidebar{display:none}.content{padding:14px 14px 132px}.topbar{padding:12px 14px;flex-wrap:wrap;gap:8px}.metrics{grid-template-columns:1fr 1fr}.board-grid{grid-template-columns:1fr}.grade-2col{grid-template-columns:1fr!important}.toolbar{flex-wrap:wrap}.btn{min-height:40px}.detail-grid{grid-template-columns:1fr}.drow{flex-wrap:wrap;gap:4px 10px}.campo-edicao{width:100%}.footer{bottom:calc(56px + env(safe-area-inset-bottom));flex-wrap:nowrap;gap:10px}.footer-usuario{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:90px}.bottomnav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--petroleo);padding-bottom:env(safe-area-inset-bottom);border-top:.5px solid var(--petroleo-claro)}.bottomnav a,.bottomnav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;font:inherit;font-size:10px;color:var(--salvia);background:none;border:none;text-decoration:none;cursor:pointer}.bottomnav .ic{font-size:18px;line-height:1}.bottomnav .on{color:#fff;box-shadow:inset 0 2px 0 var(--ouro-claro)}.mais-sheet{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#21333f73;z-index:55}.mais-painel{position:absolute;left:0;right:0;bottom:calc(56px + env(safe-area-inset-bottom));background:#fff;border-radius:14px 14px 0 0;padding:16px;display:flex;flex-direction:column}.mais-painel a,.mais-painel button{font:inherit;font-size:15px;text-align:left;color:var(--texto);background:none;border:none;border-top:.5px solid var(--linha);padding:13px 4px;text-decoration:none;cursor:pointer}.table{display:block}.table colgroup,.table thead{display:none}.table tbody{display:flex;flex-direction:column;gap:8px}.table tr{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;border:.5px solid var(--linha);border-radius:10px;padding:10px 12px;background:#fff!important}.table td{display:inline-flex;align-items:center;border:none;padding:0;width:auto!important;max-width:100%;font-size:13px}.table td:first-child{flex-basis:100%}.cel-trunc{white-space:normal}.modal-overlay{padding:0;align-items:stretch}.modal{width:100%;max-width:none;border-radius:0;min-height:100vh;overflow-y:auto}.dash-main,.dash-side,.card{min-width:0}.agenda-semana{display:flex!important;overflow-x:auto;padding-bottom:6px;max-width:100%}.agenda-semana>div{min-width:210px;flex:0 0 210px}.agenda-mes>div{min-height:52px!important}.agenda-mes a{font-size:0!important;height:6px;padding:0!important}}