/* ===== V38 CSS LAYER 01 id="consolidated-design-system" ===== */ /* ---------- V34.09 • Lançamento Enterprise UX ---------- */ .launch-v3407-progress{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:11px 22px;background:#fff;border-bottom:1px solid #edf0f4} .launch-v3407-progress-track{height:6px;border-radius:99px;background:#e9edf2;overflow:hidden} .launch-v3407-progress-bar{height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#1f6feb,#3d8b63);transition:width .22s ease} .launch-v3407-progress-copy{font-size:10px;font-weight:800;color:#6f7b8b;white-space:nowrap} .launch-v3407-autosave{display:flex;align-items:center;gap:7px;padding:8px 22px 0;color:#8490a0;font-size:10px;min-height:20px} .launch-v3407-autosave i{width:7px;height:7px;border-radius:50%;background:#3d8b63;display:inline-block} .launch-v3407-autosave.saving i{background:#c78b28;animation:launchPulse .9s infinite} .launch-v3407-autosave.error i{background:#b42318} @keyframes launchPulse{50%{opacity:.35;transform:scale(.8)}} .launch-v3407-required{display:inline-flex;align-items:center;gap:5px;margin-left:6px;padding:3px 7px;border-radius:99px;background:#f3f6f9;color:#748094;font-size:9px;font-weight:800} .launch-v3407-field-error{border-color:#b42318!important;box-shadow:0 0 0 3px rgba(180,35,24,.08)!important} .launch-v3407-review-ok{display:flex;gap:9px;align-items:flex-start;margin-bottom:12px;padding:10px 12px;border:1px solid #d7e8dc;border-radius:11px;background:#f7fbf8;color:#39634a;font-size:11px;line-height:1.4} @media(max-width:650px){.launch-v3407-progress{grid-template-columns:1fr;padding:10px 16px 9px}.launch-v3407-autosave{padding-left:16px;padding-right:16px}.launch-v3407-progress-copy{text-align:right}} /* ===== id="consolidated-design-system" ===== */ /* ===== CONSOLIDATED CSS · base ===== */ /* ============================================================ CENTRAL DE OCORRÊNCIAS — REGIONAL RS Design system — v3 (camada executiva consolidada) ============================================================ */ :root{ /* ===== Paleta — neutros refinados + acentos executivos ===== */ --navy-950:#0A1A2C; --navy-900:#0D2540; --navy-800:#123655; --navy-700:#1A4A75; --navy-600:#245C90; --navy:#0E2C48; --blue:#2E6FF2; --blue-dark:#1F52C4; --cyan:#2A8FC7; --gold:#B8862E; --gold-light:#D9A94F; --bg:#F1F3F6; --bg-alt:#F7F9FB; --card:#fff; --text:#1C2E42; --heading:#0E2338; --muted:#6B7C8E; --muted-2:#8896A3; --line:#E3E8EE; --line-soft:#ECF0F4; --input:#F7FAFC; --green:#1B7A56; --green-bg:#E7F5EE; --orange:#B5761F; --orange-bg:#FAF1E2; --red:#B23F3B; --red-bg:#FBEAEA; /* ===== Escala de espaçamento consistente ===== */ --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px; --space-6:24px; --space-7:32px; --space-8:40px; /* ===== Raio de borda ===== */ --radius-sm:8px; --radius:12px; --radius-lg:16px; --radius-xl:20px; /* ===== Sombras suaves e difusas ===== */ --shadow-xs:0 1px 2px rgba(14,35,56,.05); --shadow-sm:0 4px 14px rgba(14,35,56,.06); --shadow:0 10px 28px rgba(14,35,56,.08); --shadow-lg:0 18px 44px rgba(14,35,56,.12); --shadow-navy:0 16px 40px rgba(6,20,38,.28); --ease:cubic-bezier(.4,0,.2,1); --transition:all .2s var(--ease); /* ===== Escala tipografica consolidada ===== */ --fs-50:7.5px; --fs-100:8.5px; --fs-150:9.5px; --fs-200:10.5px; --fs-250:11.5px; --fs-300:12.5px; --fs-350:13px; --fs-400:14px; --fs-450:15.5px; --fs-500:18px; --fs-600:21px; --fs-700:24px; --fs-800:28px; --fs-900:32px; --fs-950:39px; /* Aliases legados — mantidos para compatibilidade com as camadas de componentes (v7/v14/v18/v19/v20/v24) mais abaixo no arquivo, agora sincronizados com a paleta consolidada acima. */ --exec-navy:#0E2C48; --exec-green:#1B7A56; --exec-red:#B23F3B; --exec-red-dark:#7A2A2E; --exec-orange:#B5761F; --exec-gold:#B8862E; --exec-line:#E3E8EE; --exec-rgb-navy:14,44,72; /* ===== Tokens adicionais de consolidação ===== */ --green-dark:#176044; --red-dark:#7A2A2E; --orange-dark:#8A5A00; --line-strong:#C6D2DC; --slate:#43596B; --gold-bg:#F6EAD0; --red-border:#EEC8C6; --green-light:#D3ECE0; --shadow-hover:0 14px 34px rgba(10,31,51,.10); /* ===== Consolidado de :root que estavam espalhados em outros blocos (v33.10, v33.12, v33.13, v34-enterprise-ux, v34.01, v34.15). Ordem preservada = mesmo resultado final que já estava valendo antes desta consolidação; nenhum valor foi alterado aqui. ===== */ /* de v33_10_executive_design_system */ --exec-radius:14px; --exec-radius-sm:10px; --exec-shadow:0 8px 24px rgba(9,31,51,.055); --exec-shadow-soft:0 3px 12px rgba(9,31,51,.035); --exec-gap-section:22px; /* de v33-12-hardening-visual — sobrescreve --gold/--gold-light/--orange/--muted-2 acima (correção de contraste WCAG); este é o valor que vale hoje */ --gold:#8A6118; --gold-light:#7A5717; --orange:#9A5A00; --muted-2:#65727F; /* de v33-13-visual-coherence */ --ui-card-radius:var(--radius); --ui-card-shadow:var(--shadow-sm); --ui-card-shadow-hover:var(--shadow); /* de v34-enterprise-ux — variáveis removidas: só existiam para esta paleta paralela, agora sem uso (todos os pontos que as usavam foram migrados para --navy/--blue/--line/--shadow/--shadow-hover acima) */ /* de v34-01-enterprise-polish */ --ux-focus:0 0 0 3px rgba(217,169,79,.20),0 0 0 1px rgba(14,44,72,.55); --ux-focus-inset:inset 0 0 0 2px rgba(217,169,79,.38); --ux-control-h:42px; --ux-touch:44px; /* de v34-15-enterprise-surgical-qa — variáveis removidas: só existiam para esta paleta paralela, agora sem uso (migradas para --text/--heading/ --muted/--green/--orange/--red acima) */ } *{box-sizing:border-box} html{-webkit-text-size-adjust:100%} body{ margin:0; font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif; line-height:1.55; background: radial-gradient(1100px 520px at 100% -10%, rgba(46,111,242,.05), transparent 60%), radial-gradient(900px 500px at -10% 10%, rgba(184,134,46,.05), transparent 55%), var(--bg); color:var(--text); -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; } h1,h2,h3,h4{font-family:'Manrope','Inter',sans-serif;line-height:1.25} button,input,select{font:inherit} button{cursor:pointer;font-family:inherit} /* ---------- Acessibilidade ---------- */ .skip-link{ position:absolute;left:8px;top:-48px;z-index:10000; background:var(--navy-900);color:#fff;padding:10px var(--space-4);border-radius:var(--radius-sm); font-weight:700;font-size:var(--fs-350);text-decoration:none; transition:top .16s var(--ease); } .skip-link:focus{top:8px} :focus-visible{outline:2px solid var(--blue);outline-offset:2px} .nav button:focus-visible{outline-offset:-2px} @media(prefers-reduced-motion:reduce){ *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important} } ::selection{background:rgba(46,111,242,.16)} ::-webkit-scrollbar{width:10px;height:10px} ::-webkit-scrollbar-track{background:transparent} ::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:99px;border:2px solid var(--bg)} ::-webkit-scrollbar-thumb:hover{background:var(--line-strong)} /* ---------- estrutura ---------- */ .app{display:flex;min-height:100vh} /* V34.19 — sidebar redesenhada: sai do padrão "SaaS genérico" (blob azul + ícone em caixinha) para uma linguagem própria, mais editorial/institucional, coerente com o posicionamento de inteligência e governança do produto. */ .sidebar{ width:252px; background: repeating-linear-gradient(135deg, rgba(255,255,255,.025) 0px, rgba(255,255,255,.025) 1px, transparent 1px, transparent 27px), linear-gradient(200deg,var(--navy-950) 0%,#0B2038 55%,var(--navy-900) 100%); color:var(--line-soft); padding:var(--space-6) var(--space-4); position:fixed;top:0;right:auto;bottom:0;left:0; z-index:10; display:flex;flex-direction:column; box-shadow:10px 0 34px rgba(3,14,26,.2); border-right:1px solid rgba(217,169,79,.14); } .brand{ font-family:'Manrope',sans-serif; font-weight:800;font-size:12.5px;letter-spacing:1.1px; padding:2px 4px 22px;line-height:1.35; display:flex;align-items:center;gap:14px; position:relative; margin-bottom:var(--space-5); text-transform:uppercase; } .brand::after{ content:"";position:absolute;left:0;right:0;bottom:0;height:1px; background:linear-gradient(90deg,var(--gold-light) 0%,rgba(217,169,79,.3) 42%,transparent 78%); } .brand-mark{ flex:0 0 auto;width:44px;height:44px; display:flex;align-items:center;justify-content:center; border-radius:4px; background:linear-gradient(160deg,rgba(217,169,79,.14),rgba(217,169,79,0) 70%); border:1px solid rgba(217,169,79,.42); box-shadow:0 6px 16px rgba(3,14,26,.35); } .brand-mark img{width:74%;height:74%;object-fit:contain} .brand-text{min-width:0;flex:1 1 auto;line-height:1.3} .brand small{display:block;font-weight:700;font-family:'Inter',sans-serif;font-size:9px;line-height:1.3;letter-spacing:1.7px;color:var(--gold-light);opacity:.85;margin-top:8px;text-transform:uppercase} .nav{display:flex;flex-direction:column;gap:2px} .nav-group-label{ font-family:'Inter',sans-serif;font-size:9.5px;font-weight:700;letter-spacing:2.1px; text-transform:uppercase;color:rgba(255,255,255,.34); padding:18px var(--space-3) 9px; display:flex;align-items:center;gap:9px; } .nav-group-label::after{content:"";flex:1 1 auto;height:1px;background:rgba(255,255,255,.09)} .nav-group:first-child .nav-group-label{padding-top:2px} .nav button{ display:flex;align-items:center;gap:11px; width:100%;border:0;border-left:2px solid transparent;background:transparent;color:rgba(255,255,255,.7); text-align:left;padding:10px 12px;border-radius:0 6px 6px 0; font-size:var(--fs-350);font-weight:600;letter-spacing:.15px; transition:background .16s var(--ease),color .16s var(--ease),border-color .16s var(--ease); position:relative; } .nav button .ico-wrap{flex:0 0 auto;width:17px;height:17px;display:flex;align-items:center;justify-content:center} .nav button .ico{flex:0 0 auto;width:16px;height:16px;opacity:.58;transition:opacity .16s var(--ease)} .nav button span{position:relative;top:.5px} .nav button:hover{background:rgba(255,255,255,.045);color:#fff} .nav button:hover .ico{opacity:.92} .nav button.active{background:rgba(217,169,79,.1);color:#fff;border-left-color:var(--gold-light)} .nav button.active .ico{opacity:1;color:var(--gold-light)} .nav button.active span{font-weight:750} .creator-brand{margin-top:auto;padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:9px} .creator-brand::before{content:"";flex:0 0 auto;width:5px;height:5px;background:var(--gold-light);box-shadow:0 0 0 3px rgba(217,169,79,.14)} .creator-brand-text{display:flex;flex-direction:column;gap:2px} .creator-brand span{font-size:9px;letter-spacing:1.6px;opacity:.45;font-weight:700;text-transform:uppercase} .creator-brand b{font-size:11px;letter-spacing:.8px;color:var(--line);font-weight:700} .main{margin-left:252px;width:calc(100% - 252px);padding:var(--space-6) var(--space-7) var(--space-8);max-width:1620px} .top{ position:sticky;top:0;z-index:8; display:flex;align-items:center;justify-content:space-between;gap:15px; margin:-var(--space-1) -var(--space-1) var(--space-5);padding:14px var(--space-1) var(--space-4); background:rgba(241,243,246,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px); border-bottom:1px solid rgba(225,231,238,.9); } .top h1{margin:0;font-size:var(--fs-700);font-weight:800;letter-spacing:-.4px;color:var(--heading)} .sub{color:var(--muted);font-size:var(--fs-300);margin-top:var(--space-1);font-weight:500} .actions{ gap:9px;flex-wrap:wrap;align-items:center;} .btn{ border:1px solid var(--line);background:#fff;color:var(--text); padding:9px 15px 9px 34px;border-radius:var(--radius-sm);font-weight:700;font-size:var(--fs-300); box-shadow:var(--shadow-xs);transition:var(--transition); position:relative;letter-spacing:.1px; } .btn{padding-left:15px} .btn::before{content:none;position:absolute;left:12px;top:50%;transform:translateY(-50%);width:15px;height:15px;background:var(--muted);-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat} #saveBtn,#generateReportBtn,#printReportBtn{padding-left:34px} #saveBtn::before,#generateReportBtn::before,#printReportBtn::before{content:""} .btn:hover{transform:translateY(-1.5px);box-shadow:0 8px 18px rgba(14,44,72,.12);border-color:var(--line)} .btn.primary{background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;border-color:transparent;box-shadow:0 8px 18px rgba(46,111,242,.26)} .btn.primary::before{background:#fff} .btn.primary:hover{box-shadow:0 10px 24px rgba(46,111,242,.38)} .btn:disabled{opacity:.65;transform:none;cursor:default} #saveBtn::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2Z'/%3E%3Cpath d='M17 21v-8H7v8'/%3E%3Cpath d='M7 3v5h8'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2Z'/%3E%3Cpath d='M17 21v-8H7v8'/%3E%3Cpath d='M7 3v5h8'/%3E%3C/svg%3E")} #generateReportBtn::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2Z'/%3E%3Cpath d='M9 13h6M9 17h6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2Z'/%3E%3Cpath d='M9 13h6M9 17h6'/%3E%3C/svg%3E")} #printReportBtn::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9V3h12v6'/%3E%3Cpath d='M6 18H4a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-2'/%3E%3Crect x='6' y='14' width='12' height='7'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9V3h12v6'/%3E%3Cpath d='M6 18H4a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-2'/%3E%3Crect x='6' y='14' width='12' height='7'/%3E%3C/svg%3E")} .page{display:none}.page.active{display:block;animation:fadeUp .32s var(--ease)} @keyframes fadeUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}} .grid{display:grid;gap:var(--space-4)} .kpis{grid-template-columns:repeat(4,minmax(0,1fr))} .cols{grid-template-columns:1.35fr 1fr} .card{ background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius-lg); box-shadow:var(--shadow-sm);padding:19px var(--space-5); transition:box-shadow .2s var(--ease),transform .2s var(--ease); } /* ---------- KPI cards ---------- */ .kpi{border:1px solid var(--line-soft);border-top:3px solid var(--navy);position:relative;overflow:hidden;padding-top:17px;transition:transform .2s var(--ease),box-shadow .2s var(--ease)} .kpi:hover{/*hover unificado abaixo*/} .kpi:after{content:"";position:absolute;width:86px;height:86px;border-radius:50%;right:-30px;top:-34px;background:rgba(14,44,72,.045)} .kpi-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);position:relative;z-index:1} .kpi .label{font-size:var(--fs-250);color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.6px} .kpi .num{font-size:var(--fs-900);font-weight:800;margin-top:9px;color:var(--heading);letter-spacing:-.7px;font-family:'Manrope',sans-serif;position:relative;z-index:1} .kpi .hint{font-size:var(--fs-250);color:var(--muted);margin-top:6px;font-weight:500;position:relative;z-index:1} .kpi-badge{font-size:var(--fs-100);padding:3.5px var(--space-2);border-radius:99px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;flex:0 0 auto} .kpi-badge.normal{background:var(--green-bg);color:var(--green)} .kpi-badge.atencao{background:var(--orange-bg);color:var(--orange)} .kpi-badge.critico{background:var(--red-bg);color:var(--red)} /* ---------- tabelas ---------- */ .section-title{font-size:var(--fs-400);font-weight:800;margin:0 0 var(--space-4);color:var(--heading);letter-spacing:.1px} .table-wrap{overflow:auto;border:1px solid var(--line-soft);border-radius:11px;background:#fff;box-shadow:inset 0 0 0 1px rgba(225,231,238,.4)} /* table{} consolidado em v34-15-enterprise-surgical-qa (mais abaixo) */ th,td{padding:10px 11px;border-bottom:1px solid var(--line-soft);text-align:left;font-size:var(--fs-300)} /* th{} consolidado em v34-15-enterprise-surgical-qa (mais abaixo) */ td.num{text-align:right;font-variant-numeric:tabular-nums} tr:last-child td{border-bottom:0} tbody tr{transition:background .15s var(--ease)} tbody tr:hover{background:var(--input)} .progress{height:7px;background:var(--line-soft);border-radius:99px;overflow:hidden} .progress i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--navy-600));border-radius:99px} .shop-tabs{display:flex;gap:7px;overflow:auto;padding-bottom:9px} .shop-tabs button{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:var(--radius-sm);padding:var(--space-2) 13px;font-size:var(--fs-300);font-weight:700;color:var(--text);transition:var(--transition)} .shop-tabs button:hover{border-color:var(--line-strong);background:var(--input)} .shop-tabs button.active{background:var(--navy);color:white;border-color:var(--navy);box-shadow:0 6px 14px rgba(14,44,72,.22)} input[type=number],input[type=text],select{width:100%;border:1px solid var(--line);background:var(--input);border-radius:var(--radius-sm);padding:var(--space-2) 9px;color:var(--text);transition:var(--transition)} input:hover,select:hover{border-color:var(--line-strong)} .entry td select{min-width:88px;text-align:center;font-weight:700;cursor:pointer} .entry td select:focus,.entry td input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(46,111,242,.14);background:#fff} .entry table{min-width:920px} .entry td input{min-width:65px;text-align:center;background:var(--input);border-color:var(--line)} .entry th:first-child,.entry td:first-child{position:sticky;left:0;background:#fff;z-index:2} .entry th:first-child{background:var(--bg-alt);z-index:3} .entry input{min-width:118px} .entry input[data-meta="5"]{min-width:125px} .entry input[data-meta="6"]{min-width:130px} .total{font-weight:800;background:var(--bg-alt);color:var(--navy)} .notice{background:linear-gradient(135deg,var(--bg),var(--line-soft));border:1px solid var(--line);border-left:4px solid var(--cyan);padding:var(--space-3) 15px;border-radius:var(--radius);color:var(--navy-700);font-size:var(--fs-300);margin-bottom:var(--space-5);line-height:1.55} .filters{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:var(--space-4)} .field{min-width:190px} .field label{font-size:var(--fs-200);font-weight:800;color:var(--muted);display:block;margin-bottom:6px;text-transform:uppercase;letter-spacing:.4px} .footer{margin-top:var(--space-6);color:var(--muted-2);font-size:var(--fs-250);text-align:center;font-weight:500} @media(max-width:900px){ .sidebar{width:72px;padding:var(--space-4) var(--space-2)} .brand{font-size:0;padding:0 0 18px;justify-content:center} .brand::after{left:12px;right:12px} .brand-mark{margin:0;width:34px;height:34px} .brand small{display:none} .nav-group-label{display:none} .nav button{justify-content:center;padding:var(--space-3) 6px} .nav button span{display:none} .nav button.active{box-shadow:none;background:rgba(217,169,79,.16)} .main{margin-left:72px;width:calc(100% - 72px);padding:18px} .kpis{grid-template-columns:repeat(2,1fr)} .cols{grid-template-columns:1fr} .top h1{font-size:var(--fs-600)} .save-state{display:none} } @media(max-width:560px){ .main{padding:13px} .kpis{grid-template-columns:1fr 1fr;gap:9px} .card{padding:14px} .kpi .num{font-size:var(--fs-700)} .top{align-items:flex-start;flex-direction:column;gap:10px} .actions{width:100%} .actions .btn{padding-left:var(--space-7);flex:1} .filters .field{min-width:100%} .shop-tabs button{padding:7px 10px} } /* ============================================================ CAMADAS DE COMPONENTES (v7 -> v24) — CONSOLIDADAS Cada seletor abaixo existia em múltiplas camadas sobrepostas que se redeclaravam (v7 visibilidade -> v7 boardroom -> v7 refinamento -> v14/v18/v19/v20/v24). Consolidado no valor final efetivo de cada propriedade — nenhuma mudança visual, apenas remoção de código morto (declarações que já eram sobrescritas antes de chegar à tela). ============================================================ */ /* ---------- EXECUTIVE VISIBILITY ---------- */ .dash-head h2{font-size:var(--fs-800);font-weight:800;letter-spacing:-.5px;text-shadow:0 1px 10px rgba(0,0,0,.12);margin:6px 0 3px} .dash-sub{font-size:var(--fs-300);opacity:.75;color:var(--line-soft);font-weight:500} .dash-kicker{font-size:var(--fs-200);letter-spacing:1.6px;color:var(--gold-light);font-weight:800;text-transform:uppercase} .dash-period span,.dash-status span{font-size:var(--fs-150);opacity:.8;color:var(--line-soft);font-weight:850;letter-spacing:.8px} .dash-period b{font-size:var(--fs-350);color:var(--gold-light);font-weight:850;letter-spacing:.3px} .dash-status b{font-size:var(--fs-350);color:var(--line);font-weight:850;letter-spacing:.3px} .section-title,.section-head h3,.chart-title h3{color:var(--navy-800);font-weight:850} .section-head span,.chart-title span{color:var(--muted);font-weight:600} /* th{}/td{} consolidados em v34-15-enterprise-surgical-qa (mais abaixo) */ /* ---------- Lançamentos • conferência operacional V8 ---------- */ .entry-control-card{margin:10px 0 12px;background:linear-gradient(135deg,#fff,#f8fbff);border:1px solid var(--exec-line);border-radius:16px;padding:15px 17px;box-shadow:0 7px 20px rgba(8,32,53,.045)} .entry-control-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap} .entry-control-title{display:flex;gap:10px;align-items:center}.entry-control-title i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#eef5ff;color:var(--blue);font-style:normal;font-weight:900}.entry-control-title b{display:block;color:var(--exec-navy);font-size:var(--fs-300)}.entry-control-title span{display:block;color:var(--muted);font-size:var(--fs-150);margin-top:2px} .entry-control-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.entry-filter-btn{border:1px solid var(--line);background:#fff;color:var(--navy-700);border-radius:9px;padding:7px 11px;font-weight:800;font-size:var(--fs-150);cursor:pointer}.entry-filter-btn.active{background:var(--navy-800);color:#fff;border-color:var(--navy-800)} .entry-control-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:13px}.entry-control-metric{background:#fff;border:1px solid var(--line-soft);border-radius:11px;padding:10px 12px}.entry-control-metric span{display:block;font-size:var(--fs-100);letter-spacing:.7px;color:var(--muted-2);font-weight:850}.entry-control-metric b{display:block;font-size:var(--fs-500);color:var(--exec-navy);margin-top:2px}.entry-control-metric.warning b{color:var(--red)} .entry-progress{height:7px;border-radius:99px;background:#e9eef4;overflow:hidden;margin-top:12px}.entry-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--exec-green));border-radius:99px;transition:width .25s ease}.entry-progress-note{display:flex;justify-content:space-between;gap:10px;margin-top:6px;color:var(--muted);font-size:var(--fs-100);font-weight:700} .entry-row.row-hidden{display:none}.entry-pending-focus{outline:2px solid rgba(220,53,69,.28);outline-offset:-2px} @media(max-width:1000px){.entry-control-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:640px){.entry-control-grid{grid-template-columns:1fr 1fr}.entry-control-actions{width:100%}.entry-filter-btn{flex:1}.entry-progress-note{font-size:11px}} /* ---------- dashboard header ---------- */ .dash-head{display:flex;align-items:center;justify-content:space-between;gap:18px;background:radial-gradient(480px 280px at 100% 0%, rgba(201,146,43,.16), transparent 60%), linear-gradient(115deg,var(--navy-950),var(--navy-800) 60%,var(--navy-700));color:#fff;border-radius:var(--radius-xl);padding:22px 26px;margin-bottom:var(--space-4);box-shadow:var(--shadow-navy);position:relative;overflow:hidden} .dash-head::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 40%);pointer-events:none} .dash-period{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:11px;padding:10px var(--space-4);text-align:right;backdrop-filter:blur(6px)} .dash-period span{display:block;font-size:var(--fs-150);opacity:.62;font-weight:800;letter-spacing:.6px} .dash-head-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap;position:relative;z-index:1} .dash-status{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:11px;padding:10px var(--space-4);backdrop-filter:blur(6px)} .dash-status span{display:block;font-size:var(--fs-150);opacity:.62;font-weight:800;letter-spacing:.6px} .dash-status-dot{flex:0 0 auto;width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(42,164,119,.25);position:relative} .dash-status-dot::after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1px solid rgba(42,164,119,.55);animation:pulseDot 2.2s ease-out infinite} .dash-status.atencao .dash-status-dot{background:var(--gold-light);box-shadow:0 0 0 4px rgba(228,182,87,.25)} .dash-status.atencao .dash-status-dot::after{border-color:rgba(228,182,87,.55)} .dash-status.atencao b{color:var(--gold-light)} .dash-status.critico .dash-status-dot{background:var(--red);box-shadow:0 0 0 4px rgba(228,114,108,.28)} .dash-status.critico .dash-status-dot::after{border-color:rgba(228,114,108,.6)} .dash-status.critico b{color:var(--red-border)} /* ---------- EXECUTIVE BOARDROOM ---------- */ .v7-exec-strip{display:grid;grid-template-columns:1.25fr .9fr .9fr .9fr;gap:10px;margin-top:14px} .dash-main{grid-template-columns:1.55fr .85fr} .dash-bottom{grid-template-columns:1.2fr .8fr} .chart-card{min-height:312px} .chart-title,.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px} .chart-title h3,.section-head h3{margin:0;font-size:var(--fs-350);color:var(--navy-800);letter-spacing:.65px;font-weight:800} .chart-title span,.section-head span{display:block;color:var(--muted);font-size:var(--fs-200);margin-top:var(--space-1);font-weight:500} .chart-total{font-size:var(--fs-800);font-weight:800;color:var(--exec-navy);font-family:'Manrope',sans-serif} .line-chart-wrap{height:235px;margin-top:var(--space-3);padding:var(--space-2) var(--space-3) 10px} .line-chart-wrap canvas{width:100%;height:100%} .donut-area{height:185px;position:relative;display:flex;align-items:center;justify-content:center;margin-top:3px} .donut-area::before{content:"";position:absolute;width:176px;height:176px;border-radius:50%;background:radial-gradient(circle,rgba(46,111,242,.05),transparent 68%)} .donut-area canvas{width:176px!important;height:176px!important;position:relative} .donut-center{position:absolute;text-align:center;display:flex;flex-direction:column;pointer-events:none} .donut-center b{font-size:var(--fs-800);color:var(--heading);font-family:'Manrope',sans-serif;font-weight:800} .donut-center span{font-size:var(--fs-150);color:var(--muted-2);text-transform:uppercase;letter-spacing:.5px;font-weight:700} .type-legend{display:grid;gap:var(--space-1) var(--space-3);padding:0 15px var(--space-3);grid-template-columns:1fr 1fr} .type-item-2{margin-top:var(--space-2);padding-top:10px;border-top:1px solid var(--line)} .type-item-2 .type-name{font-weight:800} .type-item-3 .type-name{font-weight:800} .type-item{display:flex;align-items:center;justify-content:space-between;font-size:var(--fs-250);padding:5px 0!important;border-bottom:1px solid var(--line-soft)!important} .type-name{display:flex;align-items:center;gap:var(--space-2);font-weight:700;color:var(--navy-700);font-size:var(--fs-100)!important} .type-dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:0 0 auto;box-shadow:0 0 0 2px rgba(14,44,72,.06)} .dot{width:8px;height:8px;border-radius:50%;display:inline-block;box-shadow:0 0 0 3px currentColor} .type-value{font-weight:800;color:var(--exec-navy);font-size:var(--fs-250)} .rank-list{display:grid;gap:var(--space-3);margin-top:14px} .rank-row{display:grid;grid-template-columns:28px 1fr 56px;align-items:center;gap:9px;padding:3px 0} .rank-num{width:26px;height:26px;border-radius:8px;background:var(--line-soft);color:var(--navy);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:var(--fs-250);font-family:'Manrope',sans-serif} .rank-row:nth-child(1) .rank-num{background:linear-gradient(150deg,var(--gold-light),var(--gold));color:#fff} .rank-name{font-size:var(--fs-250);font-weight:800;color:var(--navy-800)} .rank-bar{height:6px;background:var(--line-soft);border-radius:99px;margin-top:5px;overflow:hidden} .rank-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--navy-600),var(--blue));border-radius:99px} .rank-value{text-align:right;font-size:var(--fs-250);font-weight:800;color:var(--exec-navy);font-variant-numeric:tabular-nums} .mini-label{font-size:var(--fs-150);background:var(--line-soft);color:var(--navy);padding:5px var(--space-2);border-radius:7px;font-weight:800;letter-spacing:.4px} .control-list{display:grid;gap:var(--space-3);margin-top:14px;padding:7px 15px 10px} .control-item{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line-soft);padding-bottom:10px} .control-item:last-child{border-bottom:0;padding-bottom:0} .control-item span{font-size:var(--fs-250);color:var(--muted);font-weight:650} .control-item b{font-size:var(--fs-400);color:var(--exec-navy);font-family:'Manrope',sans-serif;display:flex;align-items:center;gap:var(--space-2)} .status-pill{font-size:var(--fs-150);padding:var(--space-1) var(--space-2);border-radius:99px;background:var(--green-bg);color:var(--green);font-weight:800;letter-spacing:.3px} /* ---------- EXECUTIVE REFINEMENT ---------- */ .v7-exec-card:not(.light) .eyebrow{color:var(--gold-light)} .executive-summary{border:1px solid var(--line);background:linear-gradient(135deg,var(--heading) 0%,var(--navy-800) 62%,var(--navy-700) 100%);border-radius:14px;padding:22px var(--space-6);margin-top:14px;box-shadow:0 12px 28px rgba(8,31,53,.16);color:#fff;position:relative;overflow:hidden} .executive-summary h3{font-size:var(--fs-500);color:var(--exec-navy);margin:0;font-weight:800;letter-spacing:.1px;position:relative;z-index:1} .executive-summary .summary-text{font-size:var(--fs-350);line-height:1.7;color:var(--line-soft);font-weight:550;max-width:1120px;margin:9px 0 0;position:relative;z-index:1} .summary-kicker{font-size:var(--fs-150);letter-spacing:1.35px;color:var(--orange);font-weight:850} .summary-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:17px;position:relative;z-index:1} .summary-metric{background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.11);border-radius:10px;padding:11px var(--space-3)} .summary-metric span{display:block;font-size:var(--fs-150);text-transform:uppercase;letter-spacing:.65px;color:var(--line-strong);font-weight:800} .summary-metric b{display:block;margin-top:var(--space-1);font-size:var(--fs-500);color:#fff;font-weight:850} .summary-metric small{display:block;margin-top:2px;color:var(--line-strong);font-size:var(--fs-200);font-weight:600} .outcome-panel{grid-template-columns:repeat(4,minmax(0,1fr));display:grid;gap:10px;margin-top:14px} .outcome-card{min-height:100px;border-radius:12px;box-shadow:0 4px 14px rgba(var(--exec-rgb-navy),.04);border:1px solid var(--line);padding:14px 15px;background:#fff} .outcome-card.critical{border:1px solid var(--red-border);background:linear-gradient(135deg,var(--bg-alt),var(--card))} .outcome-card.critical span{color:var(--red)} .outcome-card.critical b{color:var(--red)} .chart-card,.dash-main>.card{box-shadow:0 8px 20px rgba(var(--exec-rgb-navy),.055)} .type-item:last-child{border-bottom:0} .executive-insights{background:#fff;border-color:var(--line)} /* ---------- reports (relatórios) ---------- */ .report-hero{display:flex;justify-content:space-between;align-items:center;gap:var(--space-5);background:radial-gradient(460px 280px at 100% 0%, rgba(201,146,43,.16), transparent 60%), linear-gradient(115deg,var(--navy-950),var(--navy-800) 55%,var(--navy-700));color:white;border-radius:var(--radius-xl);padding:25px 28px;margin-bottom:var(--space-4);box-shadow:var(--shadow-navy);position:relative;overflow:hidden} .report-hero::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 40%);pointer-events:none} .report-kicker{font-size:var(--fs-200);letter-spacing:1.6px;opacity:.7;font-weight:800;color:var(--gold-light);text-transform:uppercase} .report-hero h2{margin:var(--space-2) 0 5px;font-size:var(--fs-700);font-weight:800;letter-spacing:-.4px} .report-hero p{margin:0;font-size:var(--fs-300);opacity:.78;font-weight:500;max-width:520px} .report-stamp{display:flex;align-items:center;gap:var(--space-3);text-align:right;border-left:1px solid rgba(255,255,255,.18);padding-left:var(--space-6);font-size:var(--fs-150);letter-spacing:1.2px;font-weight:700;opacity:.9} .report-stamp img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.35))} .report-stamp b{font-size:var(--fs-450);display:block;margin-top:var(--space-1);color:var(--gold-light);letter-spacing:.3px} .report-fields{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:13px;margin-top:17px} .report-fields label{font-size:var(--fs-200);letter-spacing:.5px;font-weight:800;color:var(--muted);text-transform:uppercase} .report-actions{display:flex;gap:10px;margin-top:17px;padding-top:15px;border-top:1px solid var(--line-soft)} .empty-report{background:#fff;border:1.5px dashed var(--line-strong);border-radius:var(--radius-lg);padding:48px;text-align:center;color:var(--muted);margin-top:14px} .empty-icon{width:46px;height:46px;margin:0 auto 14px;border-radius:12px;background:linear-gradient(150deg,var(--line-soft),var(--line));display:flex;align-items:center;justify-content:center} .empty-icon::before{content:"";width:22px;height:22px;background:var(--navy-600);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2Z'/%3E%3Cpath d='M9 13h6M9 17h6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2Z'/%3E%3Cpath d='M9 13h6M9 17h6'/%3E%3C/svg%3E") center/contain no-repeat} .empty-report h3{margin:var(--space-2) 0 5px;color:var(--heading);font-size:var(--fs-450)} .empty-report p{font-size:var(--fs-300)} .print-report{background:#fff;border:1px solid var(--line-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-7) 34px;max-width:1100px;margin:var(--space-4) auto;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif} .print-head{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:4px solid var(--navy);padding-bottom:18px;margin-bottom:22px} .print-brand{display:flex;align-items:center;gap:14px} .print-brand img{width:54px;height:54px;object-fit:contain;object-position:center;display:block;flex:0 0 auto} .print-title h2{margin:0;color:var(--heading);font-size:var(--fs-600);font-weight:800;letter-spacing:-.3px} .print-title p{margin:6px 0 0;color:var(--muted);font-size:var(--fs-250);font-weight:500} .print-author{text-align:right;color:var(--navy);font-size:var(--fs-150);font-weight:800;letter-spacing:.5px} .print-author b{color:var(--gold);font-size:var(--fs-250)} .report-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:var(--space-5)} .report-kpi{background:linear-gradient(160deg,var(--bg-alt),var(--bg));border-left:4px solid var(--navy);position:relative;overflow:hidden} .report-kpi span{display:block;font-size:var(--fs-150);color:var(--muted);font-weight:800;letter-spacing:.4px} .report-kpi b{display:block;font-size:var(--fs-700);color:var(--heading);margin-top:5px;font-family:'Manrope',sans-serif;font-weight:800} .report-kpi:nth-child(2){border-left-color:var(--green)} .report-kpi:nth-child(3){border-left-color:var(--red)} .report-kpi:nth-child(4){border-left-color:var(--red)} .report-section{margin-top:18px;break-inside:auto} .report-section h3{font-size:var(--fs-350);color:var(--exec-navy);border-bottom:1px solid var(--line);padding-bottom:var(--space-2);letter-spacing:.25px;font-weight:800;margin:0 0 9px} .report-signature{margin-top:var(--space-7);padding-top:var(--space-4);border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:var(--fs-150);color:var(--muted);font-weight:600} .report-signature b{color:var(--navy)} .report-ranking-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:15px} .ice-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-top:14px} .ice-card{border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow-xs);overflow:hidden} .ice-head{padding:13px 15px;border-bottom:1px solid var(--line-soft);display:flex;justify-content:space-between;align-items:center} .ice-head h3{margin:0;font-size:var(--fs-250);letter-spacing:.5px;color:var(--navy)} .ice-head span{font-size:var(--fs-100);color:var(--muted);font-weight:800;letter-spacing:.35px} .ice-main{padding:var(--space-4);display:grid;grid-template-columns:150px 1fr;gap:var(--space-4);align-items:center} .ice-score{width:136px;height:136px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-alt);border:10px solid var(--line)} .ice-score b{font-size:var(--fs-900);line-height:1;color:var(--navy)} .ice-score small{margin-top:5px;font-size:var(--fs-150);font-weight:900;letter-spacing:.5px} .ice-components{display:grid;gap:var(--space-2)} .ice-component{display:grid;grid-template-columns:115px 1fr 45px;gap:var(--space-2);align-items:center;font-size:var(--fs-150)} .ice-component strong{font-size:var(--fs-150);color:var(--slate)} .ice-bar{height:7px;background:var(--line-soft);border-radius:99px;overflow:hidden} .ice-bar i{display:block;height:100%;background:var(--navy);border-radius:99px} .ice-component b{text-align:right;font-size:var(--fs-150)} .ice-note{padding:10px 15px;background:var(--bg-alt);border-top:1px solid var(--line-soft);font-size:var(--fs-150);color:var(--muted);line-height:1.55} .ice-table{width:100%;border-collapse:collapse} .ice-table th, .ice-table th{font-size:var(--fs-100);text-transform:uppercase;color:var(--muted);background:var(--input)} .ice-table td.num{text-align:right} .ice-score-pill{font-weight:900} .ice-level{font-size:var(--fs-100);font-weight:900;padding:var(--space-1) 7px;border-radius:999px;display:inline-block} .ice-level.normal{background:var(--green-bg);color:var(--green-dark)} .ice-level.monitorar{background:var(--bg);color:var(--slate)} .ice-level.atencao{background:var(--orange-bg);color:var(--orange-dark)} .ice-level.elevada{background:var(--orange-bg);color:var(--orange-dark)} .ice-level.critico{background:var(--red-bg);color:var(--red)} .ice-level.insuficiente{background:var(--line-soft);color:var(--muted)} .ice-top{border-top:3px solid var(--red)} .ranking-card{border:1px solid var(--line);border-radius:11px;background:#fff;overflow:hidden;break-inside:avoid;box-shadow:var(--shadow-xs)} .ranking-card-head{padding:var(--space-3) 15px;background:var(--bg-alt);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center} .ranking-card-head h4{margin:0;color:var(--navy);font-size:var(--fs-250);letter-spacing:.4px;font-weight:800} .ranking-card-head span{font-size:var(--fs-100);color:var(--muted);font-weight:800;letter-spacing:.3px} .ranking-table{width:100%;border-collapse:collapse} .ranking-table th,.ranking-table td{padding:var(--space-2) 10px;border-bottom:1px solid var(--line-soft);font-size:var(--fs-150);text-align:left} .ranking-table th{font-size:var(--fs-100);color:var(--muted);text-transform:uppercase;background:var(--input);font-weight:800;letter-spacing:.3px} .ranking-table td.num{text-align:right} .rank-badge{display:inline-flex;width:23px;height:23px;align-items:center;justify-content:center;border-radius:50%;background:var(--line-soft);color:var(--navy);font-weight:800;font-size:var(--fs-150)} .rank-badge.top{background:linear-gradient(150deg,var(--gold-light),var(--gold));color:#fff} .zero-card{margin-top:15px;border:1px solid var(--line);border-radius:11px;background:var(--bg-alt);break-inside:avoid;box-shadow:var(--shadow-xs)} .zero-card .ranking-card-head{background:var(--bg);border-bottom-color:var(--line)} .zero-card .ranking-card-head h4{color:var(--green-dark)} .zero-store{font-weight:800;color:var(--green-dark)} .report-highlight{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:15px} .highlight-box{padding:13px 15px;border-radius:10px;background:var(--bg-alt);border:1px solid var(--line)} .highlight-box span{display:block;font-size:var(--fs-100);color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.4px} .highlight-box b{display:block;margin-top:5px;color:var(--heading);font-size:var(--fs-350);font-family:'Manrope',sans-serif} .report-note{font-size:var(--fs-150);color:var(--muted);margin-top:7px;font-weight:500} .report-section.break-before{break-before:page;page-break-before:always} .report-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 var(--space-5)} .report-grid .report-kpi{margin:0} .print-report-header{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;border-bottom:4px solid var(--navy);padding-bottom:var(--space-4);margin-bottom:var(--space-5)} .print-report-header h2{margin:5px 0 var(--space-1);color:var(--heading);font-weight:800;font-size:var(--fs-600);font-family:Manrope,sans-serif;letter-spacing:-.3px} .print-report-header p{margin:0;color:var(--muted);font-size:var(--fs-250)} .report-date{font-size:var(--fs-150);color:var(--muted);font-weight:700;text-align:right;white-space:nowrap} .report-callout{margin:var(--space-3) 0;padding:var(--space-3) 14px;border:1px solid var(--line);border-left:4px solid var(--cyan);border-radius:9px;background:var(--input);color:var(--slate);font-size:var(--fs-200);line-height:1.55} .report-callout b,.report-callout strong{color:var(--navy)} .report-method-box{margin-top:var(--space-4);padding:11px 13px;border:1px solid var(--line);border-radius:9px;background:var(--bg-alt);color:var(--muted);font-size:var(--fs-150);line-height:1.55} .report-footnote{margin-top:14px;padding-top:var(--space-2);border-top:1px solid var(--line);color:var(--muted);font-size:var(--fs-100);text-align:center} .report-executive-box{padding:13px 15px;border:1px solid var(--line);border-radius:0 10px 10px 0;background:var(--bg-alt);color:var(--slate);font-size:var(--fs-200);line-height:1.55;border-left:4px solid var(--exec-navy);margin:14px 0} .report-action-item{margin-top:10px;padding:10px var(--space-3);border:1px solid var(--line);border-left:4px solid var(--navy-600);border-radius:9px;background:#fff;font-size:var(--fs-200);line-height:1.55;break-inside:avoid;page-break-inside:avoid;margin:7px 0} .report-action-item b{color:var(--exec-navy)} .report-action-item span{color:var(--muted);font-size:var(--fs-150)} .report-table-compact{width:100%;border-collapse:collapse;margin-top:9px;font-size:var(--fs-200)} .report-table-compact th,.report-table-compact td{padding:var(--space-2) 9px;border-bottom:1px solid var(--line-soft);font-size:var(--fs-150)} .report-table-compact th{background:var(--bg);color:var(--slate);font-size:var(--fs-100);text-transform:uppercase;letter-spacing:.3px} /* ---------- misc ---------- */ .system-status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-200);color:var(--muted);font-weight:600} .status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(42,164,119,.15);position:relative} .status-dot::after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1px solid rgba(42,164,119,.5);animation:pulseDot 2.2s ease-out infinite} .status-dot.off{background:var(--orange);box-shadow:0 0 0 3px rgba(194,123,32,.15)} .status-dot.off::after{border-color:rgba(194,123,32,.5)} .save-state{font-size:var(--fs-200);color:var(--muted);min-width:150px;text-align:right;font-weight:600} .toast{position:fixed;right:24px;bottom:24px;z-index:100;background:linear-gradient(135deg,var(--navy-800),var(--navy-950));color:#fff;border-radius:10px;padding:var(--space-3) var(--space-4);font-size:var(--fs-300);font-weight:700;box-shadow:0 14px 34px rgba(7,20,36,.35);opacity:0;transform:translateY(10px);pointer-events:none;transition:.22s var(--ease)} .toast.show{opacity:1;transform:translateY(0)} .quick-note{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:11px 14px;margin-bottom:13px;border:1px solid var(--line);border-radius:10px;background:#fff} .quick-note b{font-size:var(--fs-250)} .quick-note span{font-size:var(--fs-200);color:var(--muted)} .mobile-menu{display:none} .insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin-top:14px;padding:11px 15px 14px} .insight,.insight-card{background:linear-gradient(150deg,var(--input),var(--bg));border:1px solid var(--line);transition:transform .16s var(--ease),box-shadow .16s var(--ease)} .insight:hover,.insight-card:hover{/*hover unificado abaixo*/} .insight span,.insight-card span{display:block;font-size:var(--fs-100);font-weight:800;letter-spacing:.6px;color:var(--muted);text-transform:uppercase} .insight b,.insight-card b{display:block;margin-top:7px;color:var(--heading);font-size:var(--fs-450);font-family:'Manrope',sans-serif;font-weight:800} .insight small,.insight-card p{display:block;margin-top:var(--space-1);color:var(--muted-2);font-size:var(--fs-150);font-weight:500;line-height:1.5} /* ---------- CORPORATIVA ---------- */ .period-control{display:flex;align-items:center;gap:7px} .period-control input{border:0;background:transparent;outline:0} .user-chip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 10px;border:1px solid var(--line);background:#fff;border-radius:9px;font-size:var(--fs-250);font-weight:700;color:var(--heading)} .user-chip small{display:block;color:var(--muted);font-size:var(--fs-150);font-weight:600} .btn.danger{color:var(--red);border-color:var(--red-border)} .corp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)} .corp-card{border:1px solid var(--line);background:#fff} .corp-card span{display:block;font-size:var(--fs-150);font-weight:800;letter-spacing:.7px;color:var(--muted);text-transform:uppercase} .corp-card b{display:block;font-weight:800;font-size:var(--fs-600);font-family:Manrope,sans-serif;color:var(--heading);margin-top:6px} .corp-card small{display:block;color:var(--muted);margin-top:var(--space-1)} .auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:radial-gradient(760px 520px at 18% 18%,rgba(30,88,145,.28),transparent 60%), radial-gradient(620px 440px at 92% 82%,rgba(201,146,43,.13),transparent 58%), linear-gradient(135deg,var(--navy-950) 0%,var(--heading) 48%,var(--navy) 100%);display:flex;align-items:center;justify-content:center;padding:var(--space-6);overflow:hidden} .auth-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 85%);pointer-events:none} .auth-box{width:min(430px,100%);background:rgba(255,255,255,.985);border:1px solid rgba(255,255,255,.72);border-radius:18px;padding:28px 36px 30px;box-shadow:0 40px 90px rgba(4,14,26,.5),0 10px 26px rgba(4,14,26,.22),0 0 0 1px rgba(184,134,46,.06);position:relative;z-index:1} .auth-box:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:18px 18px 0 0;background:linear-gradient(90deg,var(--exec-navy) 0%,var(--navy-700) 70%,var(--gold) 100%)} .auth-box:after{content:"";position:absolute;inset:-28px;border-radius:34px;background:radial-gradient(closest-side,rgba(184,134,46,.16),transparent 72%);z-index:-1;pointer-events:none} .auth-logo{display:block;margin:0 0 10px 0;width:72px;height:auto;max-width:72px;filter:drop-shadow(0 3px 7px rgba(11,37,64,.16))} .auth-brand{font-weight:800;font-size:var(--fs-250);font-family:Manrope,sans-serif;color:var(--exec-navy);text-align:left;letter-spacing:1.35px;margin-top:0;text-transform:uppercase} .auth-kicker{font-size:var(--fs-100);font-weight:800;letter-spacing:1.55px;color:var(--orange);margin:6px 0 0;text-align:left} .auth-box h2{margin:var(--space-5) 0 6px;color:var(--navy);font-size:var(--fs-700);line-height:1.15;text-align:left;letter-spacing:-.5px} .auth-box p{color:var(--muted);font-size:var(--fs-250);line-height:1.6;text-align:left} .auth-field{margin-top:15px} .auth-field label{display:block;font-size:var(--fs-150);font-weight:850;letter-spacing:.65px;color:var(--slate);text-transform:uppercase;margin-bottom:6px} .auth-field input{width:100%;padding:var(--space-3) 13px var(--space-3) 40px;border:1px solid var(--line);border-radius:8px;background:var(--input);outline:none;box-sizing:border-box;transition:.18s;background-repeat:no-repeat;background-position:13px center;background-size:16px} #loginEmail{background-image:url('data:image/svg+xml;utf8,')} #loginPassword{background-image:url('data:image/svg+xml;utf8,')} .auth-field input:focus{border-color:var(--navy-700);background-color:#fff;box-shadow:0 0 0 3px rgba(15,76,129,.08)} .auth-password-wrap{position:relative} .auth-password-wrap input{padding-right:44px} .auth-password-toggle{ position:absolute;right:6px;top:50%;transform:translateY(-50%); width:30px;height:30px;padding:0;border:0;border-radius:7px; background:transparent;color:var(--muted);cursor:pointer;transition:.16s ease; display:flex;align-items:center;justify-content:center;font-size:0; } .auth-password-toggle:hover{background:rgba(15,76,129,.07);color:var(--navy-700)} .auth-password-toggle::before{ content:"";width:18px;height:18px;display:block; background-repeat:no-repeat;background-position:center;background-size:18px; background-image:url('data:image/svg+xml;utf8,'); } .auth-password-toggle[aria-pressed="true"]::before{ background-image:url('data:image/svg+xml;utf8,'); } .auth-password-toggle:hover{background:var(--bg-alt);border-color:var(--line-strong)} .auth-password-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:1px} #refreshDataBtn{min-width:145px} #refreshDataBtn.refreshing{pointer-events:none} #refreshDataBtn .refresh-icon{display:inline-block;margin-right:6px;transition:transform .5s ease} #refreshDataBtn.refreshing .refresh-icon{animation:centralRefreshSpin .8s linear infinite} @keyframes centralRefreshSpin{to{transform:rotate(360deg)}} .auth-box form .btn.primary{height:43px;border-radius:8px;font-size:var(--fs-250);font-weight:850;letter-spacing:.2px;box-shadow:0 8px 18px rgba(15,76,129,.16)} .auth-error{display:none;background:var(--red-bg);color:var(--red);border:1px solid var(--red-border);border-radius:8px;padding:10px;font-size:var(--fs-250);margin-top:var(--space-3)} .auth-note{font-size:var(--fs-150)!important;margin-top:15px!important;color:var(--muted-2)!important} .audit-table td,.audit-table th{font-size:var(--fs-200)} .badge-role{display:inline-block;padding:var(--space-1) 7px;border-radius:999px;background:var(--bg);color:var(--navy-700);font-size:var(--fs-150);font-weight:800} .status-pill.normal{background:var(--green-bg);color:var(--green)} .status-pill.monitorar{background:var(--bg);color:var(--slate)} .status-pill.atencao{background:var(--orange-bg);color:var(--orange)} .status-pill.elevada{background:var(--orange-bg);color:var(--orange-dark)} .status-pill.critico{background:var(--red-bg);color:var(--red)} .store-status{display:inline-flex;padding:5px var(--space-2);border-radius:999px;font-size:var(--fs-150);font-weight:800} .store-status.active{background:var(--green-bg);color:var(--green-dark)} .store-status.inactive{background:var(--red-bg);color:var(--red)} .admin-note{font-size:var(--fs-250);color:var(--muted)} .executive-summary:after{content:"";position:absolute;width:240px;height:240px;border:1px solid rgba(214,171,79,.18);border-radius:50%;right:-90px;top:-120px;box-shadow:0 0 0 22px rgba(214,171,79,.035),0 0 0 44px rgba(214,171,79,.025)} .executive-summary .summary-kicker{font-size:var(--fs-200);letter-spacing:1.6px;font-weight:800;color:var(--gold-light);text-transform:uppercase;margin-bottom:7px;position:relative;z-index:1} .summary-trend{display:inline-flex;align-items:center;gap:6px;margin-left:var(--space-2);padding:3px 7px;border-radius:99px;font-size:var(--fs-150);font-weight:800;vertical-align:middle} .summary-trend.up{background:rgba(228,114,108,.16);color:var(--red-border)} .summary-trend.down{background:rgba(92,185,139,.16);color:var(--green-light)} .summary-trend.flat{background:rgba(255,255,255,.12);color:var(--line)} .furto-result-cell{min-width:190px;vertical-align:top!important} .furto-result{font-weight:750;border-left:3px solid var(--navy-700);min-width:145px} .furto-result.recovered{border-left-color:var(--exec-green);background:var(--bg);color:var(--green-dark)} .furto-result.not-recovered{border-left-color:var(--exec-red);background:var(--bg-alt);color:var(--red-dark)} .furto-result.follow-up{border-left-color:var(--orange);background:var(--orange-bg);color:var(--orange-dark)} .result-note{font-size:var(--fs-150);color:var(--muted);margin-top:var(--space-1)} .outcome-card span{display:block;font-size:var(--fs-200);font-weight:850;letter-spacing:.7px;color:var(--muted)} .outcome-card b{display:block;font-size:var(--fs-700);line-height:1.05;margin-top:6px;color:var(--exec-navy)} .outcome-card small{display:block;margin-top:5px;color:var(--muted-2);font-size:var(--fs-200)} .outcome-card.recovered{border-top:3px solid var(--exec-green)} .outcome-card.not-recovered{border-top:3px solid var(--exec-red)} .outcome-card.follow-up{border-top:3px solid var(--orange)} .outcome-card.accidents{border-top:3px solid var(--exec-red)} .furto-results-list{display:flex;flex-direction:column;gap:5px;min-width:205px} .furto-item{display:flex;align-items:center;gap:6px;padding:var(--space-1) 6px;border-radius:7px;border-left:3px solid var(--navy-700);background:var(--input)} .furto-item.recovered{border-left-color:var(--exec-green);background:var(--bg)} .furto-item.not-recovered{border-left-color:var(--exec-red);background:var(--bg-alt)} .furto-item.follow-up{border-left-color:var(--orange);background:var(--orange-bg)} .furto-item-label{font-size:var(--fs-200);font-weight:800;min-width:48px} .result-empty{font-size:var(--fs-250);color:var(--muted-2);padding:var(--space-2)} .executive-action-section{margin-top:18px} .status-pill.programada{background:var(--orange-bg);color:var(--orange-dark);border-color:var(--gold-light)} .automatic-action-panel{display:grid;gap:var(--space-3)} .action-card{border:1px solid var(--line);border-radius:14px;padding:var(--space-4);background:#fff} .action-card-head{display:flex;justify-content:space-between;gap:var(--space-4);align-items:center} .action-card-head>div{display:flex;gap:var(--space-3);align-items:center} .action-card-head small{display:block;color:var(--muted);margin-top:3px} .action-rank{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--bg);font-weight:800} .action-main{margin:14px 0 var(--space-2);display:flex;gap:10px;flex-wrap:wrap;align-items:center} .action-main strong{font-size:var(--fs-450)} .action-main span{font-size:var(--fs-300);color:var(--muted)} .action-list{display:grid;gap:var(--space-2)} .action-list>div{padding:10px var(--space-3);background:var(--bg-alt);border-left:3px solid var(--muted-2);border-radius:8px} .action-list p{margin:var(--space-1) 0 0;color:var(--slate);font-size:var(--fs-350);line-height:1.45} .action-empty{padding:18px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);text-align:center} /* ---------- RELATÓRIO EXECUTIVO ---------- */ .report-print-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:22px 26px;border-radius:16px;margin-bottom:18px;background:linear-gradient(135deg,var(--heading) 0%,var(--navy-700) 72%,var(--navy-800) 100%);color:#fff;box-shadow:0 14px 34px rgba(8,31,53,.14)} .report-print-brand{display:flex;align-items:center;gap:var(--space-4);min-width:0} .report-print-logo{width:78px;height:78px;object-fit:contain;border-radius:10px;background:var(--navy-950);padding:5px;box-sizing:border-box} .report-print-kicker{font-size:var(--fs-200);letter-spacing:1.7px;text-transform:uppercase;opacity:.78;font-weight:800} .report-print-title{font-size:var(--fs-700);line-height:1.12;font-weight:850;margin:5px 0} .report-print-subtitle{font-size:var(--fs-300);opacity:.82} .report-print-meta{text-align:right;min-width:180px} .report-print-meta strong{display:block;font-size:var(--fs-400)} .report-print-meta span{display:block;font-size:var(--fs-250);opacity:.78;margin-top:var(--space-1)} .report-exec-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:var(--space-4) 0} .report-metric{border:1px solid var(--line);border-radius:12px;padding:13px;background:#fff} .report-metric span{display:block;font-size:var(--fs-200);text-transform:uppercase;letter-spacing:.7px;color:var(--muted);font-weight:800} .report-metric b{display:block;font-size:var(--fs-600);color:var(--navy-900);margin-top:var(--space-1)} .report-section-note{border-left:4px solid var(--gold);background:var(--bg-alt);padding:var(--space-3) 14px;border-radius:8px;color:var(--slate);font-size:var(--fs-300);line-height:1.5;margin:var(--space-3) 0 18px} .report-action-box{border:1px solid var(--line);border-radius:12px;padding:14px var(--space-4);margin:10px 0;background:#fff} .report-action-box .action-title{font-weight:850;color:var(--navy-900)} .report-action-box .action-body{font-size:var(--fs-300);color:var(--slate);line-height:1.5;margin-top:5px} /* ---------- CABEÇALHO PREMIUM DO RELATÓRIO ---------- */ .report-premium-header{position:relative;overflow:hidden;margin:0 0 22px;border-radius:18px;background:linear-gradient(135deg,var(--navy-950) 0%,var(--navy) 58%,var(--navy-800) 100%);color:#fff;box-shadow:0 18px 42px rgba(6,26,44,.20);font-family:'Inter',Arial,sans-serif} .report-premium-header:after{content:"";position:absolute;right:-90px;top:-130px;width:330px;height:330px;border:1px solid rgba(255,255,255,.10);border-radius:50%;box-shadow:0 0 0 38px rgba(255,255,255,.025),0 0 0 78px rgba(255,255,255,.018)} .report-premium-topline,.report-premium-bottom{display:flex;justify-content:space-between;gap:18px;padding:10px var(--space-6);font-size:var(--fs-150);letter-spacing:1.45px;font-weight:800} .report-premium-topline{border-bottom:1px solid rgba(255,255,255,.12);opacity:.86} .report-premium-bottom{border-top:1px solid rgba(255,255,255,.12);opacity:.68} .report-premium-main{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:var(--space-6);position:relative;z-index:2} .report-premium-brand{display:flex;align-items:center;gap:18px;min-width:0} .report-logo-frame{width:104px;height:104px;display:grid;place-items:center;flex:0 0 104px;border-radius:16px;background:#fff;border:1px solid rgba(255,255,255,.65);box-shadow:0 10px 28px rgba(0,0,0,.22);overflow:hidden} .report-premium-logo{display:block;width:94px;height:94px;object-fit:contain;background:#fff} .report-brand-copy{min-width:0} .report-brand-name{color:var(--gold-light);font-size:var(--fs-200);letter-spacing:2px;font-weight:900;margin-bottom:6px} .report-premium-title{font-size:var(--fs-800);line-height:1.12;font-weight:900;letter-spacing:-.35px} .report-premium-subtitle{font-size:var(--fs-300);line-height:1.45;opacity:.78;margin-top:7px;max-width:620px} .report-premium-meta{min-width:210px;padding-left:22px;border-left:1px solid rgba(255,255,255,.16)} .report-premium-meta .meta-label{font-size:var(--fs-100);letter-spacing:1.5px;font-weight:900;opacity:.62;margin-top:6px} .report-premium-meta .meta-value{font-size:var(--fs-350);font-weight:800;margin-top:2px} .report-premium-meta .meta-status{display:inline-block;margin-top:var(--space-3);padding:6px 9px;border-radius:999px;border:1px solid rgba(217,173,87,.5);color:var(--gold-light);font-size:var(--fs-100);letter-spacing:1px;font-weight:900} .report-cover-block{padding:var(--space-6);border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(10,38,58,.05);margin-bottom:18px} .report-cover-block h3{margin:0 0 7px;color:var(--navy-900);font-size:var(--fs-500)} .report-cover-block p{margin:0;color:var(--slate);font-size:var(--fs-300);line-height:1.55} .report-footer-sign{display:flex;justify-content:space-between;gap:var(--space-5);margin-top:28px;padding-top:var(--space-3);border-top:1px solid var(--line);color:var(--muted);font-size:var(--fs-150);letter-spacing:.7px} /* ---------- GUIA PADRÃO + SOBRE — ---------- */ .guide-hero,.about-hero{display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);padding:var(--space-6) 26px;border-radius:18px;background:linear-gradient(135deg,var(--navy-950),var(--navy-700));color:#fff;margin-bottom:18px;box-shadow:0 14px 34px rgba(8,31,53,.14)} .guide-kicker,.about-label{font-size:var(--fs-150);letter-spacing:1.55px;font-weight:900} .guide-kicker{opacity:.72} .guide-hero h2,.about-hero h2{font-size:var(--fs-800);margin:7px 0 5px;letter-spacing:-.4px} .guide-hero p,.about-hero p{margin:0;max-width:760px;font-size:var(--fs-300);line-height:1.5;opacity:.82} .guide-mark{width:64px;height:64px;border-radius:16px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);font-size:var(--fs-600);font-weight:900;color:var(--gold-light)} .guide-grid,.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .guide-card,.about-card{border:1px solid var(--line);background:#fff;border-radius:15px;padding:18px;box-shadow:0 7px 20px rgba(10,38,58,.045)} .guide-card-wide,.about-card-wide{grid-column:1/-1} .guide-card-head{display:flex;gap:11px;align-items:center;margin-bottom:14px} .guide-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--bg);color:var(--navy-700);font-weight:900} .guide-card-head b{display:block;color:var(--navy);font-size:var(--fs-400)} .guide-card-head small{display:block;color:var(--muted);font-size:var(--fs-200);margin-top:2px} .guide-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;padding:0;margin:0;list-style:none;counter-reset:steps} .guide-steps li{counter-increment:steps;border:1px solid var(--line);border-radius:11px;padding:var(--space-3);background:var(--input);min-height:88px} .guide-steps li:before{content:counter(steps,decimal-leading-zero);display:block;color:var(--gold);font-size:var(--fs-200);font-weight:900;margin-bottom:var(--space-2)} .guide-steps b{display:block;color:var(--navy-800);font-size:var(--fs-300)} .guide-steps span,.guide-list span,.quality-grid span,.about-card p,.about-governance span{display:block;color:var(--slate);font-size:var(--fs-250);line-height:1.5;margin-top:var(--space-1)} .guide-list{display:grid;gap:10px} .guide-list div{padding:10px var(--space-3);background:var(--bg-alt);border-radius:9px;border-left:3px solid var(--slate)} .guide-list b,.quality-grid b{font-size:var(--fs-250);color:var(--navy-800)} .quality-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} .quality-grid>div{padding:var(--space-3);border:1px solid var(--line);border-radius:10px;background:var(--input)} .guide-note{margin-top:14px;padding:13px 15px;border-left:4px solid var(--gold);background:var(--orange-bg);color:var(--gold);border-radius:9px;font-size:var(--fs-250)} .about-logo-placeholder{width:88px;height:88px;flex:0 0 88px;border-radius:16px;background:#fff;color:var(--navy-800);display:grid;place-items:center;font-size:var(--fs-700);font-weight:950;box-shadow:0 8px 24px rgba(0,0,0,.15)} .about-card h3{margin:7px 0 0;color:var(--navy);font-size:var(--fs-450)} .about-card-wide h3{font-size:var(--fs-600)} .about-card p{margin-bottom:0} .about-label{color:var(--orange)} .about-governance{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-top:14px} .about-governance>div{border-radius:13px;padding:15px;background:var(--bg-alt);border:1px solid var(--line)} .about-governance b{display:block;color:var(--navy-800);font-size:var(--fs-300)} .about-logo-real{background:#fff;overflow:hidden;padding:6px;box-sizing:border-box;border:1px solid rgba(255,255,255,.65)} .about-logo-real img{display:block;width:100%;height:100%;object-fit:contain;border-radius:10px} .about-version{margin-top:14px;padding:9px var(--space-3);border-radius:9px;background:var(--bg);color:var(--navy-700);font-size:var(--fs-150);font-weight:900;letter-spacing:1px;text-align:center} /* ===== SOBRE V31.22 • executivo / corporativo ===== */ .about-v31-hero{display:flex;justify-content:space-between;align-items:center;gap:26px;padding:28px 30px;border-radius:20px;background:linear-gradient(135deg,var(--navy-950),var(--navy-700));color:#fff;margin-bottom:16px;box-shadow:0 16px 36px rgba(8,31,53,.16);overflow:hidden;position:relative}.about-v31-hero:after{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(255,255,255,.09);border-radius:50%;right:-100px;top:-150px}.about-v31-hero-copy{position:relative;z-index:1}.about-v31-kicker{font-size:10px;letter-spacing:1.6px;font-weight:900;opacity:.72}.about-v31-hero h2{font-size:34px;letter-spacing:-.7px;margin:8px 0 6px}.about-v31-hero p{max-width:720px;margin:0;color:rgba(255,255,255,.82);font-size:14px;line-height:1.55}.about-v31-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.about-v31-meta span{font-size:10px;font-weight:900;letter-spacing:.8px;padding:7px 9px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.07)}.about-v31-mark{position:relative;z-index:1;width:106px;height:106px;flex:0 0 106px;border-radius:22px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;justify-content:center}.about-v31-mark strong{font-size:38px;letter-spacing:-2px;color:var(--gold-light);line-height:1}.about-v31-mark small{text-align:center;font-size:10px;letter-spacing:1.1px;font-weight:900;line-height:1.35;margin-top:7px;opacity:.75}.about-v31-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:center;padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(10,38,58,.045);margin-bottom:14px}.about-v31-label{font-size:10px;letter-spacing:1.25px;font-weight:900;color:var(--gold)}.about-v31-intro h3{margin:6px 0 0;color:var(--navy);font-size:20px;letter-spacing:-.25px}.about-v31-intro p{margin:0;color:var(--slate);font-size:12px;line-height:1.6}.about-v31-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.about-v31-card{border:1px solid var(--line);border-radius:15px;background:#fff;padding:18px;box-shadow:0 7px 20px rgba(10,38,58,.045);min-width:0}.about-v31-card-feature{grid-column:span 1}.about-v31-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--bg);color:var(--navy-700);font-size:10px;font-weight:950;margin-bottom:13px}.about-v31-card h3{margin:6px 0 7px;color:var(--navy);font-size:16px}.about-v31-card p{margin:0;color:var(--slate);font-size:11.5px;line-height:1.55}.about-v31-regions{display:flex;gap:7px;margin-top:14px}.about-v31-regions b{font-size:10px;padding:6px 8px;border-radius:7px;background:var(--input);color:var(--navy-700);border:1px solid var(--line)}.about-v31-section-head{padding:20px 2px 10px}.about-v31-section-head h3{margin:5px 0 0;color:var(--navy);font-size:19px}.about-v31-roles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.about-v31-roles>div{display:grid;grid-template-columns:30px 1fr;column-gap:10px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--input)}.about-v31-role-dot{grid-row:span 2;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);color:var(--navy-700);font-size:10px;font-weight:950}.about-v31-roles b{color:var(--navy-800);font-size:11px}.about-v31-roles small{color:var(--slate);font-size:10px;line-height:1.4;margin-top:2px}.about-v31-grid-bottom{margin-top:12px}.about-v31-version{display:grid;grid-template-columns:.65fr .9fr 1.45fr;gap:1px;margin-top:14px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--line)}.about-v31-version>div{background:var(--bg);padding:13px 15px}.about-v31-version span{display:block;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:1px}.about-v31-version strong{display:block;color:var(--navy);font-size:11px;margin-top:5px}.about-v31-note{display:flex;gap:12px;align-items:center;margin-top:12px;padding:12px 15px;border-left:3px solid var(--gold);border-radius:10px;background:var(--orange-bg)}.about-v31-note b{font-size:10px;color:var(--navy-800);white-space:nowrap}.about-v31-note span{font-size:10px;color:var(--slate);line-height:1.45} @media(max-width:850px){.about-v31-intro{grid-template-columns:1fr}.about-v31-grid{grid-template-columns:1fr 1fr}.about-v31-roles{grid-template-columns:1fr 1fr}.about-v31-version{grid-template-columns:1fr}} @media(max-width:560px){.about-v31-hero{align-items:flex-start;flex-direction:column;padding:22px}.about-v31-mark{width:78px;height:78px;flex-basis:78px}.about-v31-mark strong{font-size:28px}.about-v31-hero h2{font-size:28px}.about-v31-grid,.about-v31-roles{grid-template-columns:1fr}.about-v31-note{align-items:flex-start;flex-direction:column;gap:4px}} /* ===== IDENTIDADE KE • preserva a marca Klisman Espinosa ===== */ .about-ke-mark{width:154px;height:154px;flex:0 0 154px;border-radius:24px;padding:13px;box-sizing:border-box;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.20);box-shadow:0 14px 34px rgba(0,0,0,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px} .about-ke-logo{display:block;width:92px;height:92px;object-fit:contain;border-radius:12px;background:#fff;padding:4px;box-sizing:border-box;filter:drop-shadow(0 5px 12px rgba(0,0,0,.18))} .about-ke-name{font-size:10px;letter-spacing:1.05px;font-weight:950;color:#fff;text-align:center;line-height:1.2} .about-ke-role{font-size:10px;letter-spacing:.7px;font-weight:800;color:rgba(255,255,255,.66);text-align:center;line-height:1.25} @media(max-width:560px){.about-ke-mark{width:104px;height:104px;flex-basis:104px}.about-ke-logo{width:62px;height:62px}.about-ke-name{font-size:10px}.about-ke-role{font-size:10px}} /* ---------- CONSOLIDATED CSS · v7-executive-refinement ---------- */ #dashboard{padding-bottom:28px} #dashboard .dash-head{padding:var(--space-6) 28px;border-radius:18px;margin-bottom:15px;box-shadow:0 16px 34px rgba(8,47,75,.14)} #dashboard .dash-kicker{font-size:var(--fs-150);letter-spacing:2px;color:var(--gold-light)} #dashboard .dash-head h2{font-size:var(--fs-800);letter-spacing:-.75px;line-height:1.08;margin-top:var(--space-2)} #dashboard .dash-sub{font-size:var(--fs-250);letter-spacing:.05px;opacity:.78;max-width:700px} #dashboard .dash-status,#dashboard .dash-period{min-width:154px;border-radius:12px;padding:11px 14px;background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.14)} #dashboard .dash-status b,#dashboard .dash-period b{font-size:var(--fs-300)} #dashboard .executive-summary{margin-top:11px;padding:var(--space-5) 22px;border-radius:15px;background:linear-gradient(120deg,var(--navy-950) 0%,var(--exec-navy) 62%,var(--navy-700) 100%);border:1px solid rgba(181,138,43,.38);border-left:4px solid var(--gold-light);box-shadow:0 12px 28px rgba(8,31,53,.15);position:relative;overflow:hidden} #dashboard .executive-summary:after{content:"";position:absolute;width:250px;height:250px;border:1px solid rgba(214,171,79,.14);border-radius:50%;right:-110px;top:-135px;box-shadow:0 0 0 22px rgba(214,171,79,.035),0 0 0 44px rgba(214,171,79,.02);pointer-events:none} #dashboard .summary-kicker{font-size:var(--fs-150);letter-spacing:1.8px;color:var(--gold-light);font-weight:850;position:relative;z-index:1} #dashboard .executive-summary h3{font-size:var(--fs-600);letter-spacing:-.25px;color:#fff;margin:var(--space-1) 0 7px;font-weight:850;position:relative;z-index:1} #dashboard .executive-summary .summary-text{font-size:var(--fs-300);line-height:1.65;color:var(--line-soft);max-width:1180px;position:relative;z-index:1} #dashboard .summary-metrics{gap:9px;margin-top:14px;position:relative;z-index:1} #dashboard .summary-metric{border-radius:10px;padding:10px 11px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.12)} #dashboard .summary-metric span{font-size:var(--fs-100);letter-spacing:.85px;color:var(--line-strong)} #dashboard .summary-metric b{font-size:var(--fs-500);color:#fff} #dashboard .summary-metric small{color:var(--line-strong)} #dashboard .outcome-panel{gap:10px;margin-top:10px} #dashboard .outcome-card{min-height:92px;padding:14px 15px;border-radius:12px;box-shadow:none;border:1px solid var(--line);position:relative;overflow:hidden} #dashboard .outcome-card span{font-size:var(--fs-100);letter-spacing:1px;font-weight:850} #dashboard .outcome-card b{font-size:var(--fs-800);line-height:1.05;margin-top:6px} #dashboard .outcome-card small{font-size:var(--fs-150)} #dashboard .outcome-card.recovered{border-top:3px solid var(--exec-green)} #dashboard .outcome-card.not-recovered{border-top:3px solid var(--exec-red)} #dashboard .outcome-card.critical{border-top:3px solid var(--exec-red-dark)} #dashboard .outcome-card.accidents{border-top:3px solid var(--exec-orange)} #dashboard .dash-main{grid-template-columns:1.62fr .88fr;gap:10px;margin-top:10px!important} #dashboard .dash-bottom{grid-template-columns:1.18fr .82fr;gap:10px} #dashboard .chart-card,#dashboard .dash-main>.card,#dashboard .dash-bottom>.card,#dashboard .executive-insights,#dashboard .table-wrap{border-color:var(--exec-line);box-shadow:0 7px 18px rgba(8,47,75,.04)} #dashboard .chart-card{min-height:302px} #dashboard .chart-title h3,#dashboard .section-head h3{font-size:var(--fs-200);letter-spacing:1px;color:var(--navy-800);font-weight:900} #dashboard .chart-title span,#dashboard .section-head span{font-size:var(--fs-150);color:var(--muted)} #dashboard .chart-total{font-size:var(--fs-700);font-weight:900;color:var(--navy)} #dashboard .donut-area{height:174px} #dashboard .type-legend{gap:7px;margin-top:var(--space-1)} #dashboard .type-item{padding:5px 3px;border-bottom:1px solid var(--line-soft)} #dashboard .type-name{font-size:var(--fs-200);font-weight:750} #dashboard .type-value{font-size:var(--fs-200)} #dashboard .rank-list{gap:var(--space-2);margin-top:var(--space-3)} #dashboard .rank-row{padding:5px 0;border-bottom:1px solid var(--bg)} #dashboard .rank-row:last-child{border-bottom:0} #dashboard .rank-name{font-size:var(--fs-200)} #dashboard .rank-value{font-size:var(--fs-200);font-weight:850} #dashboard .control-list{gap:7px} #dashboard .control-item{padding:var(--space-2) 0;border-bottom:1px solid var(--bg)} #dashboard .control-item:last-child{border-bottom:0} #dashboard .control-item span{font-size:var(--fs-150)} #dashboard .control-item b{font-size:var(--fs-300)} #dashboard .executive-insights{margin-top:10px!important} #dashboard .executive-insights .section-head{padding-bottom:2px} #dashboard .insights-grid{gap:var(--space-2)} #dashboard .insight-item{border-radius:10px;border-color:var(--line);padding:11px var(--space-3)} #dashboard .insight-item span{font-size:var(--fs-100);letter-spacing:.8px} #dashboard .insight-item b{font-size:var(--fs-450)} #dashboard .insight-item small{font-size:var(--fs-150)} #dashboard .card[style*="margin-top:14px"]{margin-top:10px!important} #dashboard .table-wrap{border-radius:12px;overflow:hidden} #dashboard table th{font-size:var(--fs-100);letter-spacing:.55px} #dashboard table td{font-size:var(--fs-150)} /* ---------- CONSOLIDATED CSS · ceo-methodology-v8 ---------- */ .methodology-card{background:linear-gradient(145deg,#fff 0%,var(--input) 100%);border:1px solid var(--line);box-shadow:0 8px 20px rgba(8,47,75,.045)} .method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:var(--space-3);padding-top:11px} .method-item{padding:9px;border:1px solid var(--line-soft);border-radius:8px;background:var(--input);min-height:78px} .method-item b{display:block;font-size:var(--fs-100);letter-spacing:.45px;color:var(--navy-800);margin-bottom:5px} .method-item span{display:block;font-size:var(--fs-100);line-height:1.45;color:var(--muted);margin-top:3px} .method-note{margin-top:9px;padding:11px 13px;border-left:3px solid var(--gold-light);background:var(--card);border-radius:8px;font-size:var(--fs-100);line-height:1.5;color:var(--muted)} /* ---------- CONSOLIDATED CSS · v12-ceo-redesign ---------- */ .ceo-dashboard{max-width:1500px;padding-bottom:30px} .ceo-head{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;padding:26px 28px;background:linear-gradient(135deg,var(--navy-950) 0%,var(--navy-800) 58%,var(--navy-700) 100%);border-radius:20px;box-shadow:0 18px 42px rgba(6,25,43,.16);color:#fff;position:relative;overflow:hidden;border:1px solid rgba(201,146,43,.28);margin-bottom:14px} .ceo-kicker{font-size:var(--fs-150);letter-spacing:1.55px;font-weight:800;color:var(--gold-light)!important} .ceo-head h2{margin:7px 0 6px;font-size:var(--fs-900)!important;line-height:1.05;letter-spacing:-.8px!important;color:#fff!important} .ceo-head p{margin:0;color:rgba(255,255,255,.70)!important;font-size:var(--fs-300);max-width:720px} .ceo-head-meta{display:flex;gap:9px;min-width:330px} .ceo-meta-status,.ceo-meta-period{min-width:150px;padding:var(--space-3) 14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07)!important;border-radius:11px;border-color:rgba(255,255,255,.12)!important} .ceo-meta-status{display:flex;gap:9px;align-items:center} .ceo-meta-status i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(85,200,140,.12)} .ceo-meta-status span,.ceo-meta-period span{display:block;font-size:var(--fs-100);letter-spacing:1px;color:rgba(255,255,255,.48)!important;font-weight:800} .ceo-meta-status b,.ceo-meta-period b{display:block;margin-top:var(--space-1);font-size:var(--fs-250);color:#fff!important} .ceo-focus{display:grid;grid-template-columns:1.55fr 1fr 1fr 1fr;gap:var(--space-3);margin-top:var(--space-3)} .ceo-focus-card{position:relative;overflow:hidden;color:var(--navy)!important} .ceo-focus-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--gold)} .ceo-focus-card.ice-focus{border-top:4px solid var(--gold)!important} .ceo-label{font-size:var(--fs-100);letter-spacing:1.3px!important;font-weight:850!important;color:var(--muted)} .ice-focus-row{display:flex; margin-top:10px;} .ice-focus-score{width:78px;height:78px;border-radius:14px!important;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--navy);color:#fff;box-shadow:inset 0 0 0 1px var(--line-soft)} .ice-focus-score b{font-size:var(--fs-950)!important;line-height:1;font-weight:900} .ice-focus-score small{font-size:var(--fs-50);letter-spacing:.7px;margin-top:var(--space-1);color:var(--line);font-weight:900} .ice-focus-copy{display:flex;flex-direction:column;gap:5px} .ice-focus-copy strong{font-size:var(--fs-300);color:var(--navy-800)} .ice-focus-copy span{font-size:var(--fs-150);line-height:1.45;color:var(--muted)} .ice-mini-components{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px} .ice-mini-components .ice-component{display:flex;flex-direction:column;align-items:stretch;justify-content:center;min-width:0;gap:4px;padding:7px 6px;background:#fff;border:1px solid var(--line);border-radius:7px;text-align:center;overflow:hidden} .ice-mini-components .ice-component strong{display:block;min-width:0;font-size:10px;line-height:1.15;color:var(--muted);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ice-mini-components .ice-component span{display:block;font-size:var(--fs-50);color:var(--muted)} .ice-mini-components .ice-component .ice-bar{width:100%;height:5px} .ice-mini-components .ice-component b{display:block;font-size:var(--fs-250);line-height:1;color:var(--navy-800);text-align:center;font-variant-numeric:tabular-nums} .focus-number{font-size:var(--fs-900);line-height:1;margin-top:14px;font-weight:900;color:var(--navy);letter-spacing:-1px} .focus-sub{font-size:var(--fs-150);color:var(--muted);margin-top:7px;line-height:1.35} .focus-meter{height:5px;background:var(--line-soft);border-radius:99px;margin-top:17px;overflow:hidden} .focus-meter i{display:block;height:100%;width:0;background:var(--exec-green);border-radius:99px} .risk-card:after{background:var(--exec-red)} .risk-card .focus-number{color:var(--red)} .focus-breakdown{display:flex;gap:10px;margin-top:11px;flex-wrap:wrap} .focus-breakdown span{font-size:var(--fs-100);color:var(--muted)} .focus-breakdown b{color:var(--navy-800)} .focus-secondary{margin-top:11px;padding-top:9px;border-top:1px solid var(--line-soft)} .focus-secondary span{display:block;font-size:var(--fs-100);color:var(--muted-2)} .focus-secondary b{display:block;font-size:var(--fs-300);color:var(--navy-800);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .focus-secondary small{display:block;font-size:var(--fs-100);color:var(--muted-2);margin-top:3px} .ceo-decision{display:grid;border-radius:17px!important;box-shadow:0 10px 24px rgba(8,32,53,.055)!important;border-color:var(--line)!important} .decision-main{color:#fff} .decision-main .ceo-label,.decision-side .ceo-label{color:var(--gold-light)} .decision-main h3{font-size:var(--fs-500);margin:5px 0 3px;color:#fff} .decision-main p{margin:0;color:var(--line);font-size:var(--fs-200)} .decision-text{margin-top:var(--space-2);font-size:var(--fs-250);line-height:1.5;color:var(--bg-alt)} .decision-metrics{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px} .decision-metrics .summary-metric{padding:6px 9px;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:rgba(255,255,255,.06)} .decision-metrics .summary-metric span{font-size:var(--fs-50);color:var(--line-strong);display:block} .decision-metrics .summary-metric b{font-size:var(--fs-300);color:#fff} .decision-metrics .summary-metric small{font-size:var(--fs-50);color:var(--line-strong)} .decision-side{background:linear-gradient(145deg,var(--navy-900) 0%,var(--navy-800) 100%)!important;border:1px solid var(--navy-700)!important;box-shadow:0 12px 28px rgba(6,31,50,.16)!important;border-radius:17px!important;padding:var(--space-5) 21px!important;position:relative;overflow:hidden;min-height:190px} .focus-store{font-size:var(--fs-500);font-weight:900;color:var(--navy-800);margin-top:10px} .focus-store-meta{font-size:var(--fs-150);color:var(--muted);line-height:1.45;margin-top:var(--space-1)} .decision-action{font-size:var(--fs-100);color:rgba(255,255,255,.78)!important;margin-top:var(--space-3);padding-top:9px;border-top:1px solid var(--line-soft);border-color:rgba(255,255,255,.14)!important} .ceo-section-title{display:flex;justify-content:space-between;align-items:flex-end;margin:22px 2px 9px} .ceo-section-title>div:first-child{display:grid;grid-template-columns:auto auto;column-gap:9px;align-items:baseline} .ceo-section-title span{grid-row:span 2;font-size:var(--fs-150);font-weight:900;color:var(--gold);letter-spacing:1px} .ceo-section-title h3{margin:0;font-size:var(--fs-350);letter-spacing:.8px;color:var(--navy-800)} .ceo-section-title p{grid-column:2;margin:2px 0 0;font-size:var(--fs-150);color:var(--muted-2)} .section-note{font-size:var(--fs-150);color:var(--muted-2)} .section-note b{color:var(--navy-800)} .ceo-panel{background:#fff;border:1px solid var(--exec-line);border-radius:16px!important;box-shadow:0 8px 22px rgba(8,32,53,.045)!important;overflow:hidden} .chart-panel{min-height:300px} .event-panel{min-height:300px} .panel-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:17px 18px!important;border-bottom:1px solid var(--line-soft)} .panel-head h4{margin:0;font-size:var(--fs-200);letter-spacing:.9px;color:var(--navy-800);font-weight:900} .panel-head span{display:block;font-size:var(--fs-100);color:var(--muted-2);margin-top:3px} .panel-head>strong{font-size:var(--fs-700);color:var(--navy)} .panel-tag{font-size:var(--fs-50)!important;letter-spacing:1px!important;color:var(--gold)!important;border:1px solid var(--gold-bg);padding:5px 7px;border-radius:7px!important;background:var(--bg-alt)} .compact-table{border:0!important;border-radius:0!important;box-shadow:none!important} .compact-table table{margin:0} .compact-table th{font-size:var(--fs-50)!important} .compact-table td{font-size:var(--fs-150)!important;padding:9px 10px!important} .exposure-panel .rank-list{padding:10px var(--space-4) 0;margin:0} .exposure-panel .rank-row{padding:var(--space-2) 0} .exposure-panel .rank-name{font-size:var(--fs-150)} .exposure-panel .rank-value{font-size:var(--fs-200)} .concentration-note{margin:var(--space-2) var(--space-4) 14px;padding:9px;background:var(--input);border:1px solid var(--line-soft);border-radius:8px;font-size:var(--fs-100);line-height:1.45;color:var(--muted)} .outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);padding:13px 15px} .outcome-box{border:1px solid var(--line);border-radius:9px;padding:11px var(--space-3)} .outcome-box span{display:block;font-size:var(--fs-50);letter-spacing:.9px;font-weight:900;color:var(--muted)} .outcome-box b{display:block;font-size:var(--fs-700);margin-top:5px;color:var(--navy-800)} .outcome-box small{display:block;font-size:var(--fs-100);color:var(--muted-2);margin-top:3px} .outcome-box.recovered{border-top:3px solid var(--exec-green)} .outcome-box.not-recovered{border-top:3px solid var(--exec-red)} .outcome-box.accidents{border-top:3px solid var(--exec-orange)} .control-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:9px 0;border-bottom:1px solid var(--line-soft)} .control-row:last-child{border-bottom:0} .control-row>div b{display:block;font-size:var(--fs-150);color:var(--navy-700)} .control-row>div span{display:block;font-size:var(--fs-50);color:var(--muted-2);margin-top:2px} .control-row strong{font-size:var(--fs-150)} .insights-panel{margin-top:10px} .insight-item{min-height:82px} .ceo-methodology{margin-top:10px;background:#fff;border:1px solid var(--exec-line);border-radius:13px;box-shadow:0 6px 16px rgba(8,47,75,.03)} .ceo-methodology summary{list-style:none;cursor:pointer;padding:13px var(--space-4);display:flex;justify-content:space-between;align-items:center} .ceo-methodology summary::-webkit-details-marker{display:none} .ceo-methodology summary b{display:block;font-size:var(--fs-150);letter-spacing:.8px;color:var(--navy-800)} .ceo-methodology summary small{display:block;font-size:var(--fs-100);color:var(--muted-2);margin-top:3px} .ceo-methodology summary i{font-style:normal;font-size:var(--fs-500);color:var(--gold)} .ceo-methodology[open] summary i{transform:rotate(45deg)} .method-content{padding:0 var(--space-4) 15px;border-top:1px solid var(--line-soft)} .full-table-panel{margin-top:0} .full-table-panel .table-wrap{border:0!important;border-radius:0!important;box-shadow:none!important} .ceo-dashboard .status-pill{font-size:var(--fs-50);padding:var(--space-1) 7px} .ceo-dashboard .progress{height:4px} /* ---------- — BOARDROOM / CORPORATE INTELLIGENCE Camada de acabamento executivo e novo fluxo de lançamentos ---------- */ .ceo-head:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-120px;top:-210px;background:radial-gradient(circle,rgba(201,146,43,.18),transparent 68%);pointer-events:none} .ceo-head-main,.ceo-head-meta{position:relative;z-index:1} .priority-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:var(--fs-150);font-weight:850;letter-spacing:1px} .priority-top b{font-size:var(--fs-350);color:var(--exec-navy)} .priority-action{margin-top:14px;padding-top:var(--space-3);border-top:1px solid var(--line-soft)} .priority-action span{display:block;font-size:var(--fs-100);letter-spacing:1px;color:var(--orange);font-weight:850} .priority-action b{display:block;margin-top:var(--space-1);font-size:var(--fs-200);line-height:1.45;color:var(--navy-700)} /* ---------- Lançamentos ---------- */ .entry-v14-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-5);margin-bottom:14px;padding:var(--space-1) 2px} .entry-kicker{font-size:var(--fs-150);font-weight:850;letter-spacing:1.5px;color:var(--orange)} .entry-head-status{display:flex;align-items:center;gap:9px;padding:11px 14px;border:1px solid var(--exec-line);border-radius:12px;background:#fff;box-shadow:0 4px 14px rgba(8,32,53,.04)} .entry-head-status b{display:block;font-size:var(--fs-150);color:var(--exec-navy);letter-spacing:.9px} .entry-head-status small{display:block;font-size:var(--fs-150);color:var(--muted-2);margin-top:3px} .entry-live-dot{width:8px;height:8px;border-radius:50%;background:var(--exec-green);box-shadow:0 0 0 4px var(--green-bg)} .entry-guidance{display:flex;gap:var(--space-3);align-items:flex-start;background:linear-gradient(135deg,var(--input),var(--bg));border:1px solid var(--line);border-radius:14px;padding:13px 15px;margin-bottom:var(--space-3)} .entry-guidance-icon{width:27px;height:27px;border-radius:8px;background:var(--exec-navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:850;flex:none} .entry-guidance b{display:block;font-size:var(--fs-200);color:var(--exec-navy);letter-spacing:.5px} .entry-guidance span{display:block;font-size:var(--fs-200);line-height:1.5;color:var(--muted);margin-top:3px} .operator-card{border-radius:14px!important} .entry-toolbar{background:#fff;border:1px solid var(--exec-line);border-radius:14px;padding:10px var(--space-3);margin-bottom:10px;box-shadow:0 5px 16px rgba(8,32,53,.04)} .entry-toolbar .shop-tabs{border:0!important;margin:0!important;padding:0!important} .entry-shop-info{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:9px 2px 2px;color:var(--muted);font-size:var(--fs-200)} .entry-shop-info b{font-size:var(--fs-300);color:var(--exec-navy)} .entry-shop-info .store-status{font-size:var(--fs-100)!important} .entry-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0} .entry-summary>div{background:#fff;border:1px solid var(--exec-line);border-radius:13px;padding:var(--space-3) 14px;box-shadow:0 5px 16px rgba(8,32,53,.035)} .entry-summary span{display:block;font-size:var(--fs-100);letter-spacing:1px;color:var(--muted-2);font-weight:850} .entry-summary b{display:block;font-family:'Manrope',sans-serif;font-size:var(--fs-700);color:var(--exec-navy);margin-top:3px} .entry-summary .pending b{color:var(--red)} .entry-card-head{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:15px 17px;border-bottom:1px solid var(--line-soft)} .entry-card-head h3{margin:0;font-size:var(--fs-300);color:var(--exec-navy);letter-spacing:.8px} .entry-card-head span{display:block;font-size:var(--fs-200);color:var(--muted-2);margin-top:var(--space-1)} .entry-legend{display:flex;gap:13px;white-space:nowrap} .entry-legend span{font-size:var(--fs-150)!important;color:var(--muted)!important;display:flex!important;align-items:center;gap:5px} .legend-dot{width:7px;height:7px;border-radius:50%;display:inline-block} .legend-dot.complete{background:var(--exec-green)} .legend-dot.pending{background:var(--red)} .day-cell{width:55px;text-align:center} .day-cell b{font-family:'Manrope',sans-serif;font-size:var(--fs-400);color:var(--exec-navy)} .day-cell small{display:block;font-size:var(--fs-100);color:var(--muted-2);text-transform:uppercase;margin-top:2px} .furto-cell{min-width:125px} .quantity-field{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:5px 6px;background:var(--input);border:1px solid var(--line);border-radius:9px} .quantity-field span,.accident-input span,.doc-line span{font-size:var(--fs-100);color:var(--muted);font-weight:750} .quantity-field input,.accident-input input{width:58px!important;text-align:center!important;font-weight:800!important} .furto-results{margin-top:7px} .furto-results .result-note{display:none} .furto-results .furto-results-list{gap:var(--space-1)} .furto-results .furto-item{padding:var(--space-1) 5px!important;border-radius:7px!important} .furto-results .furto-item-label{font-size:var(--fs-100)!important} .furto-results .furto-result{min-width:104px!important;padding:6px 7px!important;font-size:var(--fs-100)!important} .accident-cell{min-width:100px} .accident-input{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-bottom:5px} .accident-input:last-child{margin-bottom:0} .accident-total-cell{min-width:75px} .acc-total{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:55px;background:var(--bg-alt);border:1px solid var(--line);border-radius:9px} .acc-total b{font-size:var(--fs-500);color:var(--exec-navy)} .acc-total span{font-size:var(--fs-100);color:var(--muted-2)} .docs-cell{min-width:190px} .doc-stack{display:grid;gap:5px} .doc-line{display:grid;grid-template-columns:1fr 82px;align-items:center;gap:7px} .entry-yn{width:82px!important;min-width:82px!important;padding:6px 7px!important;border-radius:7px!important;font-size:var(--fs-100)!important;background:var(--input)!important} .entry-yn.yes{border-color:var(--green)!important;color:var(--green)!important;background:var(--bg)!important} .entry-yn.no{border-color:var(--red-border)!important;color:var(--red)!important;background:var(--bg-alt)!important} .doc-empty,.event-empty{display:flex;align-items:center;justify-content:center;min-height:54px;border:1px dashed var(--line);border-radius:9px;color:var(--muted-2);font-size:var(--fs-100);background:var(--input)} .responsible-cell{min-width:150px} .responsible-cell input{width:100%!important;min-width:140px} .total-cell{text-align:center;vertical-align:middle!important} .total-cell b{font-family:'Manrope',sans-serif;font-size:var(--fs-500);color:var(--exec-navy)} .status-cell{text-align:center;vertical-align:middle!important} .entry-status{display:inline-flex;padding:5px var(--space-2);border-radius:99px;font-size:var(--fs-100);font-weight:850;letter-spacing:.5px} .entry-status.complete{background:var(--green-bg);color:var(--green)} .entry-status.pending{background:var(--red-bg);color:var(--red)} .entry-pending-reason{display:block;max-width:150px;margin-top:5px;font-size:var(--fs-100);line-height:1.35;color:var(--red)} .entry-footer-note{font-size:var(--fs-150);color:var(--muted);line-height:1.5;padding:10px 3px} .entry-footer-note b{color:var(--red)} /* ---------- CONSOLIDATED CSS · v14-final-corrections ---------- */ #dashboard .chart-panel{min-height:390px!important} #dashboard .event-panel{min-height:390px!important} .furto-summary{display:grid;grid-template-columns:auto 1fr;gap:3px 7px;align-items:center;padding:7px var(--space-2);border:1px solid var(--line);border-radius:9px;background:var(--input);min-width:145px} .furto-summary b{font-size:var(--fs-400);color:var(--exec-green);line-height:1} .furto-summary b.nr{color:var(--exec-red)} .furto-summary span{font-size:var(--fs-100);color:var(--muted)} .furto-summary small{grid-column:1/-1;font-size:var(--fs-100);color:var(--orange);margin-top:2px} .furto-quantity-cell{vertical-align:top!important} .quantity-field span{font-size:var(--fs-100)!important;font-weight:850!important;color:var(--muted)!important;text-transform:uppercase;letter-spacing:.4px} .quantity-field input{width:64px!important;height:34px!important;font-size:var(--fs-450)!important;background:#fff!important;border-color:var(--line-strong)!important} /* ---------- — FOCO IMEDIATO: CONTRASTE EXECUTIVO ---------- */ .ceo-focus-card .ceo-label{color:var(--navy-700)!important;font-size:var(--fs-200)!important;font-weight:950!important;letter-spacing:1.35px!important} .ceo-focus-card .focus-number{color:var(--navy)!important;font-size:var(--fs-950)!important;font-weight:950!important} .ceo-focus-card .focus-sub{color:var(--slate)!important;font-size:var(--fs-200)!important;font-weight:650!important} .ceo-focus-card .focus-breakdown span{color:var(--slate)!important;font-weight:700!important} .ceo-focus-card .focus-breakdown b{color:var(--navy)!important;font-weight:950!important} .ceo-focus-card .focus-secondary span{color:var(--muted)!important;font-weight:750!important} .ceo-focus-card .focus-secondary b{color:var(--navy)!important;font-size:var(--fs-400)!important;font-weight:950!important} .ceo-focus-card .focus-secondary small{color:var(--muted)!important;font-weight:650!important} .ceo-focus-card .focus-meter{background:var(--line)!important;height:7px!important} .ceo-focus-card .focus-meter i{background:var(--exec-green)!important} .ceo-focus-card.risk-card .focus-number{color:var(--red)!important} .ceo-focus-card.ice-focus .ice-focus-score{background:var(--navy)!important;color:#fff!important;box-shadow:inset 0 0 0 5px rgba(210,169,79,.24)!important} .ceo-focus-card.ice-focus .ice-focus-score b{color:#fff!important;font-size:var(--fs-950)!important;font-weight:950!important} .ceo-focus-card.ice-focus .ice-focus-score small{color:var(--line-soft)!important;font-weight:850!important} .ceo-focus-card.ice-focus .ice-focus-copy strong{color:var(--navy)!important;font-size:var(--fs-350)!important;font-weight:950!important} .ceo-focus-card.ice-focus .ice-focus-copy span{color:var(--slate)!important;font-size:var(--fs-200)!important;font-weight:650!important} .ceo-focus-card .ice-mini-components .ice-component{background:var(--bg-alt)!important;border:1px solid var(--line)!important} .ceo-focus-card .ice-mini-components .ice-component span{color:var(--muted)!important;font-weight:750!important} .ceo-focus-card .ice-mini-components .ice-component b{color:var(--navy)!important;font-size:var(--fs-250)!important;font-weight:950!important} .ceo-focus-card.risk-card:after{background:var(--red)!important} .ceo-focus-card.ice-focus:after{background:var(--gold)!important} .ceo-focus-card:nth-child(3) .focus-number,.ceo-focus-card:nth-child(4) .focus-number{color:var(--navy)!important} .decision-side:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gold)} .decision-side:after{content:"";position:absolute;width:180px;height:180px;right:-80px;bottom:-110px;border-radius:50%;background:rgba(201,146,43,.09);pointer-events:none} .focus-side-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px} .decision-side .ceo-label{color:var(--gold-light)!important;font-size:var(--fs-150)!important;font-weight:950!important;letter-spacing:1.5px!important} .focus-risk-badge{display:inline-flex;align-items:center;padding:5px var(--space-2);border-radius:999px;background:var(--orange-bg);color:var(--orange-dark);border:1px solid rgba(240,196,94,.45);font-size:var(--fs-50);font-weight:950;letter-spacing:.65px;white-space:nowrap} .focus-risk-badge.critical{background:var(--red-bg);color:var(--red);border-color:var(--red-border)} .focus-risk-badge.attention{background:var(--orange-bg);color:var(--orange-dark);border-color:var(--gold-light)} .focus-risk-badge.normal{background:var(--green-bg);color:var(--green-dark);border-color:var(--green)} .decision-side .focus-store{position:relative;z-index:1;color:#fff!important;font-family:'Manrope',sans-serif;font-size:var(--fs-700)!important;line-height:1.08!important;font-weight:950!important;letter-spacing:-.35px!important;margin-top:var(--space-1)!important;text-shadow:0 1px 1px rgba(0,0,0,.12)} .decision-side .focus-store-meta{position:relative;z-index:1;color:var(--line)!important;font-size:var(--fs-150)!important;line-height:1.45!important;font-weight:650!important;margin-top:5px!important} .focus-metrics{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px} .focus-metrics>div{background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.12);border-radius:9px;padding:var(--space-2) 9px;min-width:0} .focus-metrics span{display:block;color:var(--line-strong);font-size:var(--fs-50);font-weight:850;letter-spacing:.75px} .focus-metrics b{display:block;color:#fff;font-size:var(--fs-450);font-family:'Manrope',sans-serif;font-weight:950;margin-top:2px} .focus-metrics>div:first-child b{color:var(--gold-light)} .focus-metrics>div:nth-child(2) b{color:var(--red-border)} .focus-metrics>div:nth-child(3) b{color:var(--gold-light)} .decision-side .decision-action{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.14)!important;color:var(--line)!important;font-size:var(--fs-100)!important;line-height:1.45!important;margin-top:var(--space-3)!important;padding-top:10px!important} .decision-side .decision-action b{display:block;color:var(--gold-light);font-size:var(--fs-50);letter-spacing:1px;font-weight:950;margin-bottom:3px} .decision-side .decision-action span{display:block;color:var(--line);font-weight:650} /* ---------- — DIAGNÓSTICO EXECUTIVO Evolução: gráfico deixa de ser apenas visual e passa a gerar contexto. ---------- */ #dashboard .diagnostic-card{position:relative;background:#fff;border:1px solid var(--line);overflow:hidden} #dashboard .diagnostic-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--navy-700)} #dashboard .diagnostic-card.peak:before{background:var(--red)} #dashboard .diagnostic-card.average:before{background:var(--blue)} #dashboard .diagnostic-card.concentration:before{background:var(--gold)} #dashboard .diagnostic-card.recovery-gap:before{background:var(--exec-green)} #dashboard .diagnostic-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)} #dashboard .diagnostic-head span{font-size:var(--fs-100);letter-spacing:1.05px;font-weight:900;color:var(--muted)} #dashboard .diagnostic-head i{font-style:normal;font-size:var(--fs-350);font-weight:900;color:var(--muted-2)} #dashboard .diagnostic-card strong{display:block;margin-top:10px;font-weight:900;font-size:var(--fs-700);line-height:1;font-family:Manrope,sans-serif;color:var(--exec-navy);letter-spacing:-.5px} #dashboard .diagnostic-card small{display:block;margin-top:7px;font-size:var(--fs-100);line-height:1.4;color:var(--muted);font-weight:600} #dashboard .diagnostic-card.peak strong{color:var(--red)} #dashboard .diagnostic-card.recovery-gap strong{color:var(--exec-green)} #dashboard .diagnostic-card.recovery-gap.alert strong{color:var(--exec-red)} #dashboard .diagnostic-card.recovery-gap.alert:before{background:var(--exec-red)} #dashboard .diagnostic-card.concentration.alert strong{color:var(--orange)} #dashboard .diagnostic-card.concentration.alert:before{background:var(--gold)} /* ---------- — DASHBOARD EXECUTIVO PREMIUM Fase 1: hierarquia, leitura em 30s e acabamento do topo. Não altera os cálculos nem o motor de indicadores. ---------- */ #dashboard.ceo-dashboard{max-width:1540px;padding:18px 22px 46px;background:var(--bg-alt)} /* KES / Prevenção — abertura institucional do painel */ .kes-welcome-wrap{display:grid;grid-template-columns:minmax(0,1fr) 324px;gap:14px;margin:0 0 14px;align-items:stretch} .kes-welcome-banner{min-height:126px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #d5e0ec;border-radius:18px;background:linear-gradient(115deg,#ffffff 0%,#f7fbff 64%,#edf5fc 100%);box-shadow:0 10px 28px rgba(20,47,75,.07);position:relative;overflow:hidden} .kes-welcome-banner:after{content:"";position:absolute;width:310px;height:310px;border-radius:50%;right:-90px;top:-155px;border:1px solid rgba(86,130,176,.12);box-shadow:0 0 0 22px rgba(86,130,176,.035),0 0 0 52px rgba(86,130,176,.025);pointer-events:none} .kes-welcome-copy{position:relative;z-index:1} .kes-welcome-kicker,.kes-operation-kicker{display:block;font-size:10px;font-weight:800;letter-spacing:1.25px;color:#6782a1;text-transform:uppercase} .kes-welcome-banner h2{margin:7px 0 6px;font-size:25px;line-height:1.08;letter-spacing:-.5px;color:#182b45} .kes-welcome-banner p{margin:0;max-width:820px;font-size:12px;line-height:1.55;color:#6a7f99} .kes-welcome-result{position:relative;z-index:1;min-width:135px;padding-left:18px;border-left:1px solid #d5e0ec;display:flex;flex-direction:column;gap:5px} .kes-welcome-result strong{font-size:13px;letter-spacing:.3px;color:#17385d} .kes-welcome-result span{font-size:10px;color:#8292a6} .kes-operation-card{min-height:126px;padding:25px 26px;border:1px solid #d5e0ec;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(20,47,75,.055);display:flex;flex-direction:column;justify-content:center} .kes-operation-card h3{margin:9px 0 8px;font-size:19px;line-height:1.18;letter-spacing:-.3px;color:#182b45} .kes-operation-card p{margin:0;max-width:310px;font-size:10.5px;line-height:1.55;color:#8194aa} @media (max-width:1100px){.kes-welcome-wrap{grid-template-columns:1fr}.kes-operation-card{min-height:auto}.kes-operation-card p{max-width:720px}} @media (max-width:680px){.kes-welcome-banner{padding:21px;align-items:flex-start;flex-direction:column}.kes-welcome-result{padding-left:0;padding-top:12px;border-left:0;border-top:1px solid #d5e0ec;width:100%}.kes-welcome-banner h2{font-size:22px}.kes-operation-card{padding:21px}} #dashboard .ceo-head{background:linear-gradient(132deg,var(--navy-950) 0%,var(--navy) 54%,var(--navy-800) 100%);border:1px solid rgba(201,146,43,.34);box-shadow:0 20px 44px rgba(5,27,45,.18)} #dashboard .ceo-head:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.025) 45%,transparent 100%);pointer-events:none} #dashboard .ceo-head:after{width:430px;height:430px;right:-150px;top:-270px;background:radial-gradient(circle,rgba(214,171,78,.20),transparent 67%)} #dashboard .ceo-head-main{max-width:800px} #dashboard .ceo-kicker{font-size:var(--fs-150)!important;letter-spacing:2.1px!important;color:var(--gold-light)!important} #dashboard .ceo-head h2{margin:var(--space-2) 0 7px!important} #dashboard .ceo-head p{color:rgba(255,255,255,.73)!important; } .head-rule{display:flex;align-items:center;gap:9px;margin-top:17px;color:rgba(255,255,255,.43);font-size:var(--fs-50);font-weight:900;letter-spacing:1.35px} .head-rule i{display:block;width:28px;height:1px;background:rgba(221,181,92,.62)} #dashboard .ceo-head-meta{align-self:stretch;align-items:flex-end;justify-content:flex-end} #dashboard .ceo-meta-status,#dashboard .ceo-meta-period{background:rgba(255,255,255,.075)!important;backdrop-filter:blur(8px)} #dashboard .ceo-meta-status i{width:8px;height:8px} #dashboard .ceo-meta-status b,#dashboard .ceo-meta-period b{font-size:var(--fs-300)!important} #dashboard .ceo-focus{grid-template-columns:1.42fr 1fr 1fr 1fr;gap:var(--space-3);margin-top:14px} #dashboard .ceo-focus-card{min-height:154px!important;padding:18px 19px!important;border-radius:16px!important;border:1px solid var(--line)!important;box-shadow:0 9px 24px rgba(7,34,54,.055)!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease} #dashboard .ceo-focus-card:hover{border-color:var(--line-strong)!important} #dashboard .ceo-focus-card:after{height:4px!important} #dashboard .ceo-focus-card .ceo-label{font-size:var(--fs-100)!important;letter-spacing:1.45px!important;color:var(--slate)!important} #dashboard .ceo-focus-card .focus-number{font-size:var(--fs-950)!important;letter-spacing:-1.3px!important;margin-top:17px!important} #dashboard .ceo-focus-card .focus-sub{font-size:var(--fs-150)!important;line-height:1.45!important;color:var(--muted)!important} #dashboard .ceo-focus-card .focus-secondary{margin-top:var(--space-3)!important} #dashboard .ceo-focus-card .focus-secondary b{font-size:var(--fs-350)!important} #dashboard .ice-focus-row{margin-top:var(--space-3)} #dashboard .ice-focus-score{width:82px;height:82px;border-radius:16px!important} #dashboard .ice-focus-score b{font-size:var(--fs-950)!important} #dashboard .ice-focus-copy strong{font-size:var(--fs-300)!important} #dashboard .ice-mini-components{margin-top:var(--space-3); } #dashboard .ice-mini-components .ice-component{padding:6px var(--space-1);border-radius:7px} #dashboard .risk-card .focus-breakdown{margin-top:13px} #dashboard .risk-card .focus-breakdown span{font-size:var(--fs-100)!important} #dashboard .decision-main,#dashboard .decision-side{min-height:198px!important;border-radius:16px!important} #dashboard .decision-main{padding:19px 21px!important;border-left:4px solid var(--gold-light)!important;background:linear-gradient(125deg,var(--navy-900),var(--navy-800))!important;box-shadow:0 12px 28px rgba(7,31,50,.13)!important} #dashboard .decision-main .ceo-label{font-size:var(--fs-100)!important;letter-spacing:1.45px!important} #dashboard .decision-main h3{font-size:var(--fs-500)!important;line-height:1.2!important;margin:7px 0 var(--space-1)!important} #dashboard .decision-main p{font-size:var(--fs-200)!important;color:var(--line-strong)!important} #dashboard .decision-text{font-size:var(--fs-250)!important;line-height:1.6!important;max-width:900px} #dashboard .decision-metrics{gap:var(--space-2);margin-top:13px!important} #dashboard .decision-metrics .summary-metric{min-width:112px;padding:7px 10px!important;border-radius:8px!important} #dashboard .decision-metrics .summary-metric b{font-size:var(--fs-350)!important} #dashboard .decision-side{padding:19px var(--space-5)!important;min-height:198px!important} #dashboard .focus-store{font-size:var(--fs-600)!important;margin-top:var(--space-3)!important} #dashboard .focus-store-meta{font-size:var(--fs-150)!important;line-height:1.5!important} #dashboard .focus-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:14px} #dashboard .focus-metrics>div{padding:var(--space-2) 7px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(255,255,255,.055)} #dashboard .focus-metrics span{display:block;font-size:var(--fs-50);color:var(--line-strong);letter-spacing:.7px;font-weight:850} #dashboard .focus-metrics b{display:block;margin-top:3px;font-size:var(--fs-350);color:#fff} #dashboard .decision-action{margin-top:13px!important;padding-top:10px!important;font-size:var(--fs-100)!important;line-height:1.45} #dashboard .decision-action b{display:block;color:var(--gold-light);font-size:var(--fs-50);letter-spacing:1px;margin-bottom:2px} #dashboard .ceo-section-title{margin-top:var(--space-6)!important;margin-bottom:10px!important} #dashboard .ceo-section-title h3{font-size:var(--fs-300)!important;letter-spacing:1px!important} #dashboard .ceo-section-title p{font-size:var(--fs-150)!important} #dashboard .ceo-section-title span{font-size:var(--fs-100)!important;color:var(--gold)!important} #dashboard .section-note{font-size:var(--fs-100)!important} #dashboard .ceo-risk-grid,#dashboard .ceo-control-grid{gap:var(--space-3)!important} #dashboard .ceo-panel{border-radius:15px!important;border-color:var(--line)!important;box-shadow:0 7px 20px rgba(7,34,54,.04)!important} /* ---------- — MATRIZ EXECUTIVA DE PRIORIDADE ---------- */ #dashboard .risk-matrix-wrap{overflow-x:auto} #dashboard .risk-matrix{min-width:930px} #dashboard .risk-matrix thead th{white-space:nowrap;vertical-align:middle} #dashboard .risk-matrix thead th:nth-child(1){width:34px} #dashboard .risk-matrix thead th:nth-child(2){min-width:150px} #dashboard .risk-matrix thead th:nth-child(5){min-width:105px} #dashboard .risk-matrix thead th:nth-child(9){min-width:125px} #dashboard .risk-matrix tbody td{padding:10px var(--space-2);vertical-align:middle} #dashboard .risk-matrix tbody tr{transition:background .16s ease,transform .16s ease} #dashboard .risk-matrix tbody tr:hover td{background:var(--input)} #dashboard .risk-matrix .store-name{font-weight:900;color:var(--exec-navy)} #dashboard .risk-matrix .rank-index{font-family:'Manrope',sans-serif;font-size:var(--fs-300);font-weight:900;color:var(--muted-2)} #dashboard .risk-matrix .score-main{font-family:'Manrope',sans-serif;font-size:var(--fs-400);font-weight:900;color:var(--exec-navy)} #dashboard .risk-matrix .score-main.critical{color:var(--red)} #dashboard .risk-matrix .score-main.attention{color:var(--orange)} #dashboard .risk-matrix .score-main.normal{color:var(--green)} #dashboard .risk-matrix .risk-cell{display:flex;align-items:center;gap:7px;min-width:92px} #dashboard .risk-matrix .risk-cell i{display:block;width:54px;height:5px;border-radius:99px;background:var(--line-soft);overflow:hidden} #dashboard .risk-matrix .risk-cell i b{display:block;height:100%;border-radius:99px;background:var(--red)} #dashboard .risk-matrix .risk-cell span{font-size:var(--fs-150);font-weight:850;color:var(--muted)} #dashboard .risk-matrix .action-chip{display:inline-flex;align-items:center;justify-content:center;padding:5px var(--space-2);border-radius:7px;font-size:var(--fs-100);font-weight:900;letter-spacing:.55px;white-space:nowrap} #dashboard .risk-matrix .action-chip.immediate{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border)} #dashboard .risk-matrix .action-chip.high{background:var(--orange-bg);color:var(--orange);border:1px solid var(--gold-bg)} #dashboard .risk-matrix .action-chip.planned{background:var(--bg);color:var(--navy-600);border:1px solid var(--line)} #dashboard .risk-matrix .action-chip.monitor{background:var(--green-bg);color:var(--green-dark);border:1px solid var(--green-light)} #dashboard .risk-matrix .subtle{font-size:var(--fs-100);color:var(--muted-2)} #dashboard .risk-matrix tr.row-critical td:first-child{box-shadow:inset 3px 0 var(--red)} #dashboard .risk-matrix tr.row-attention td:first-child{box-shadow:inset 3px 0 var(--exec-gold)} #dashboard .risk-matrix tr.row-normal td:first-child{box-shadow:inset 3px 0 var(--exec-green)} .risk-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin:10px 0 0} .risk-summary .risk-mini{border:1px solid var(--line);background:var(--input);border-radius:9px;padding:var(--space-2) 9px} .risk-summary span{display:block;font-size:var(--fs-50);letter-spacing:.8px;color:var(--muted-2);font-weight:850} .risk-summary b{display:block;font-size:var(--fs-350);color:var(--exec-navy);margin-top:3px} /* ---------- CONSOLIDATED CSS · v21-risk-anatomy ---------- */ #dashboard .risk-anatomy{margin-top:var(--space-3);border:1px solid var(--line);border-radius:15px;background:linear-gradient(135deg,var(--input),var(--bg-alt));overflow:hidden;display:none} #dashboard .risk-anatomy.active{display:block} #dashboard .risk-anatomy-head{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:13px 15px;border-bottom:1px solid var(--line);background:#fff} #dashboard .risk-anatomy-head span{display:block;font-size:var(--fs-50);letter-spacing:1.2px;color:var(--muted-2);font-weight:900} #dashboard .risk-anatomy-head h4{margin:3px 0 0;font-size:var(--fs-400);color:var(--exec-navy)} #dashboard .risk-anatomy-head small{font-size:var(--fs-100);color:var(--muted)} #dashboard .risk-anatomy-body{display:grid;grid-template-columns:1.15fr 1fr 1.15fr;gap:10px;padding:var(--space-3)} #dashboard .anatomy-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:10px 11px} #dashboard .anatomy-card label{display:block;font-size:var(--fs-50);letter-spacing:.9px;color:var(--muted-2);font-weight:900;margin-bottom:6px} #dashboard .anatomy-score{display:flex;align-items:baseline;gap:5px} #dashboard .anatomy-score b{font-family:'Manrope',sans-serif;font-size:var(--fs-700);color:var(--exec-navy)} #dashboard .anatomy-score span{font-size:var(--fs-100);color:var(--muted)} #dashboard .anatomy-bars{display:grid;gap:6px} #dashboard .anatomy-bar{display:grid;grid-template-columns:72px 1fr 28px;gap:6px;align-items:center;font-size:var(--fs-50);color:var(--muted)} #dashboard .anatomy-bar i{height:5px;background:var(--line-soft);border-radius:99px;overflow:hidden} #dashboard .anatomy-bar i b{display:block;height:100%;background:var(--exec-navy);border-radius:99px} #dashboard .anatomy-bar strong{text-align:right;font-size:var(--fs-100);color:var(--navy-700)} #dashboard .anatomy-action{font-size:var(--fs-150);line-height:1.5;color:var(--slate);margin:0} #dashboard .anatomy-action b{color:var(--exec-navy)} #dashboard .risk-matrix tbody tr.selectable{cursor:pointer} #dashboard .risk-matrix tbody tr.selected td{background:var(--bg-alt)!important} #dashboard .risk-timeline{margin:0 var(--space-3) var(--space-3);border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden} #dashboard .risk-timeline-head{display:flex;justify-content:space-between;gap:var(--space-3);align-items:end;padding:10px var(--space-3);border-bottom:1px solid var(--line-soft)} #dashboard .risk-timeline-head span{display:block;font-size:var(--fs-50);letter-spacing:1px;color:var(--muted-2);font-weight:900} #dashboard .risk-timeline-head h4{margin:3px 0 0;font-size:var(--fs-250);color:var(--exec-navy)} #dashboard .risk-timeline-head small{font-size:var(--fs-100);color:var(--muted);text-align:right} #dashboard .timeline-body{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;padding:10px var(--space-3)} #dashboard .timeline-day{min-width:0;border:1px solid var(--line);border-radius:9px;padding:7px 7px var(--space-2);background:var(--input)} #dashboard .timeline-day.hot{border-color:var(--red-border);background:var(--bg-alt)} #dashboard .timeline-day .date{font-size:var(--fs-50);font-weight:900;color:var(--muted-2);text-transform:uppercase} #dashboard .timeline-day .total{font-size:var(--fs-500);font-weight:900;color:var(--exec-navy);margin:3px 0} #dashboard .timeline-day .types{font-size:var(--fs-50);line-height:1.5;color:var(--muted)} #dashboard .timeline-day .bar{height:4px;background:var(--line-soft);border-radius:99px;overflow:hidden;margin-top:6px} #dashboard .timeline-day .bar i{display:block;height:100%;background:var(--exec-navy);border-radius:99px} /* ---------- CONSOLIDATED CSS · v23-v30-premium ---------- */ #dashboard .premium-intelligence{margin-top:14px;display:grid;gap:var(--space-3)} #dashboard .premium-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:var(--space-3)} #dashboard .premium-panel{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 14px rgba(var(--exec-rgb-navy),.045);overflow:hidden} #dashboard .premium-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:13px 15px;border-bottom:1px solid var(--line-soft)} #dashboard .premium-head span{font-size:var(--fs-100);letter-spacing:1.1px;font-weight:900;color:var(--muted)} #dashboard .premium-head h4{margin:var(--space-1) 0 0;font-size:var(--fs-350);color:var(--exec-navy)} #dashboard .premium-head small{font-size:var(--fs-100);color:var(--muted-2)} #dashboard .driver-body{padding:13px 15px} #dashboard .driver-row{display:grid;grid-template-columns:120px 1fr 55px 48px;align-items:center;gap:var(--space-2);margin:var(--space-2) 0} #dashboard .driver-row label{font-size:var(--fs-150);font-weight:850;color:var(--slate)} #dashboard .driver-row i{height:7px;background:var(--line-soft);border-radius:99px;overflow:hidden;display:block} #dashboard .driver-row i b{height:100%;display:block;background:var(--exec-navy);border-radius:99px} #dashboard .driver-row strong{font-size:var(--fs-200);text-align:right;color:var(--exec-navy)} #dashboard .driver-row em{font-size:var(--fs-100);text-align:right;color:var(--muted-2);font-style:normal} #dashboard .cause-summary{margin-top:var(--space-3);padding:10px 11px;border-left:3px solid var(--exec-gold);background:var(--bg-alt);border-radius:6px;font-size:var(--fs-150);line-height:1.55;color:var(--slate)} #dashboard .cause-summary b{color:var(--exec-navy)} #dashboard .diagnosis-box{padding:15px} #dashboard .diagnosis-status{display:flex;align-items:center;gap:var(--space-2);margin-bottom:9px} #dashboard .diagnosis-status .dot{width:9px;height:9px;border-radius:50%;background:var(--exec-green)} #dashboard .diagnosis-status .dot.warn{background:var(--exec-gold)} .diagnosis-status .dot.bad{background:var(--red)} #dashboard .diagnosis-box h5{font-size:var(--fs-450);color:var(--exec-navy);margin:0} #dashboard .diagnosis-box p{font-size:var(--fs-200);line-height:1.65;color:var(--muted);margin:9px 0 0} #dashboard .diagnosis-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:var(--space-3)} #dashboard .diagnosis-fact{padding:var(--space-2);border:1px solid var(--line);border-radius:8px;background:var(--input)} #dashboard .diagnosis-fact span{display:block;font-size:var(--fs-50);letter-spacing:.7px;color:var(--muted-2);font-weight:900} .diagnosis-fact b{display:block;margin-top:3px;font-size:var(--fs-300);color:var(--exec-navy)} #dashboard .trend-matrix{padding:14px 15px} #dashboard .matrix-axis{display:grid;grid-template-columns:72px 1fr 1fr;gap:6px;font-size:var(--fs-50);font-weight:900;color:var(--muted-2);text-transform:uppercase;text-align:center} #dashboard .matrix-axis div{padding:5px} .matrix-grid{display:grid;grid-template-columns:72px 1fr 1fr;gap:6px;margin-top:6px} .matrix-grid>div{min-height:66px;border:1px solid var(--line);border-radius:8px;padding:var(--space-2);background:var(--input)} .matrix-grid .cell-low{background:var(--bg)} .matrix-grid .cell-high{background:var(--orange-bg)} .matrix-grid .cell-critical{background:var(--red-bg)} .matrix-grid .label{font-size:var(--fs-50);font-weight:900;color:var(--muted);display:flex;align-items:center;justify-content:center} .matrix-grid .store-pill{display:inline-flex;margin:2px 2px 0 0;padding:var(--space-1) 6px;border-radius:6px;background:#fff;border:1px solid var(--line);font-size:var(--fs-50);font-weight:850;color:var(--exec-navy);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .matrix-legend{margin-top:var(--space-2);font-size:var(--fs-100);color:var(--muted-2);line-height:1.45} #dashboard .period-compare{padding:13px 15px} .compare-status{display:flex;align-items:center;justify-content:space-between;gap:10px} .compare-months{font-size:var(--fs-100);color:var(--muted-2)} .compare-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px} .compare-kpi{border:1px solid var(--line);border-radius:8px;padding:var(--space-2);background:var(--input)} .compare-kpi span{font-size:var(--fs-50);font-weight:900;color:var(--muted-2)} .compare-kpi b{display:block;font-size:var(--fs-350);color:var(--exec-navy);margin-top:3px} .compare-kpi small{font-size:var(--fs-50);color:var(--muted)} .delta-up{color:var(--red)!important} .delta-down{color:var(--exec-green)!important} .delta-neutral{color:var(--muted)!important} #dashboard .action-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:13px 15px} .plan-card{border:1px solid var(--line);border-radius:9px;padding:10px;background:var(--input)} .plan-card .plan-top{display:flex;justify-content:space-between;gap:var(--space-2);align-items:flex-start} .plan-card .plan-store{font-size:var(--fs-200);font-weight:900;color:var(--exec-navy)} .plan-card .plan-rank{font-size:var(--fs-50);color:var(--muted-2)} .plan-card h5{font-size:var(--fs-150);color:var(--exec-navy);margin:9px 0 5px} .plan-card p{font-size:var(--fs-100);line-height:1.5;color:var(--muted);margin:0} .plan-card .plan-next{margin-top:var(--space-2);padding-top:7px;border-top:1px solid var(--line-soft);font-size:var(--fs-100);color:var(--slate)} .plan-card .plan-next b{color:var(--exec-navy)} #dashboard .premium-footnote{padding:var(--space-2) 15px;border-top:1px solid var(--line-soft);font-size:var(--fs-50);color:var(--muted-2);background:var(--input)} /* ---------- CONSOLIDATED CSS · v24-reports-premium ---------- */ #relatorios .report-config{border:1px solid var(--line);background:linear-gradient(180deg,#fff 0%,var(--input) 100%)} #relatorios .report-fields{grid-template-columns:1.1fr 1.2fr 1.2fr} #relatorios .report-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px} #relatorios .report-actions .btn{min-height:42px;font-weight:800} #relatorios .report-actions .btn.primary{box-shadow:0 8px 20px rgba(var(--exec-rgb-navy),.16)} .generated-report{min-height:120px} .print-report-body{color:var(--text)} .report-doc-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:var(--space-4) 0} .report-doc-kpi{border:1px solid var(--line);border-radius:10px;padding:var(--space-3) 13px;background:var(--input)} .report-doc-kpi span{display:block;font-size:var(--fs-150);font-weight:850;letter-spacing:.7px;color:var(--muted);text-transform:uppercase} .report-doc-kpi b{display:block;font-size:var(--fs-600);line-height:1.1;color:var(--exec-navy);margin-top:5px} .report-doc-kpi small{display:block;margin-top:5px;color:var(--muted);font-size:var(--fs-200)} .report-executive-box strong{color:var(--exec-navy)} .report-alert-box{border-left:4px solid var(--red);background:var(--bg-alt)} .report-table-compact td,.report-table-compact th{padding:7px var(--space-2)} .report-status{font-weight:850;white-space:nowrap} .report-positive{color:var(--green-dark)} .report-negative{color:var(--red)} .report-neutral{color:var(--muted)} /* ===== V31.26 • INTEGRIDADE EXECUTIVA ===== */ .integrity-pro-hero{ display:flex;justify-content:space-between;align-items:stretch;gap:18px; margin:0 0 14px;padding:22px 24px;border:1px solid var(--line);border-radius:18px; background:linear-gradient(135deg,#fff 0%,#f7fafc 68%,#eef4f8 100%); box-shadow:0 12px 30px rgba(8,31,53,.07) } .integrity-pro-kicker{font-size:10px;font-weight:950;letter-spacing:1.45px;color:var(--navy-700);text-transform:uppercase} .integrity-pro-hero h2{margin:4px 0 5px;font-size:28px;color:var(--exec-navy);letter-spacing:-.55px} .integrity-pro-hero p{margin:0;max-width:760px;color:var(--muted);font-size:13px;line-height:1.55} .integrity-pro-badge{ min-width:190px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end; padding-left:18px;border-left:1px solid var(--line) } .integrity-pro-badge span{font-size:10px;font-weight:900;letter-spacing:1.1px;color:var(--muted);text-transform:uppercase} .integrity-pro-badge b{margin-top:5px;font-size:16px;color:var(--navy-900)} .integrity-section-card{overflow:hidden} .integrity-section-card .section-head{margin-bottom:12px} .integrity-section-card .section-head h3{letter-spacing:.15px} .integrity-section-tag{ display:inline-flex;align-items:center;gap:6px;margin-bottom:6px;font-size:10px;font-weight:950; letter-spacing:1.2px;color:var(--navy-700);text-transform:uppercase } .integrity-section-tag::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor} .integrity-pager{ display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap; padding:11px 0 0;margin-top:10px;border-top:1px solid var(--line) } .integrity-pager-info{font-size:12px;color:var(--muted);font-weight:750} .integrity-pager-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap} .integrity-page-btn{ min-width:34px;height:32px;padding:0 9px;border:1px solid var(--line);border-radius:9px; background:#fff;color:var(--navy-800);font-weight:850;cursor:pointer } .integrity-page-btn:hover:not(:disabled){border-color:var(--navy-400);background:var(--bg)} .integrity-page-btn.active{background:var(--navy-900);color:#fff;border-color:var(--navy-900)} .integrity-page-btn:disabled{opacity:.45;cursor:not-allowed} .integrity-page-ellipsis{padding:0 3px;color:var(--muted);font-weight:900} .integrity-history-meta{ display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:-2px 0 10px } .integrity-filter-chip{ display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px; background:var(--bg);border:1px solid var(--line);font-size:10px;font-weight:900; letter-spacing:.65px;color:var(--muted);text-transform:uppercase } @media(max-width:760px){ .integrity-pro-hero{flex-direction:column;padding:18px} .integrity-pro-hero h2{font-size:23px} .integrity-pro-badge{align-items:flex-start;padding:12px 0 0;border-left:0;border-top:1px solid var(--line)} .integrity-pager{align-items:flex-start;flex-direction:column} } /* ---------- — INTEGRIDADE, CONCORRÊNCIA, FECHAMENTO E BACKUP ---------- */ .integrity-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);margin:14px 0} .integrity-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:var(--space-4);box-shadow:0 8px 22px rgba(8,31,53,.06)} .integrity-card span{display:block;font-size:var(--fs-150);font-weight:900;letter-spacing:1px;color:var(--muted);text-transform:uppercase} .integrity-card b{display:block;font-size:var(--fs-700);margin-top:6px;color:var(--navy-900)} .integrity-card small{display:block;color:var(--muted);margin-top:var(--space-1)} .integrity-ok{color:var(--green)!important} .integrity-warn{color:var(--orange-dark)!important} .integrity-danger{color:var(--red)!important} .integrity-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:end} .integrity-toolbar .field{min-width:180px} .integrity-status{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;font-size:var(--fs-150);font-weight:900;text-transform:uppercase;letter-spacing:.7px} .integrity-status.open{background:var(--green-bg);color:var(--green-dark)} .integrity-status.closed{background:var(--red-bg);color:var(--red)} .integrity-status.unknown{background:var(--bg);color:var(--slate)} .integrity-list{display:grid;gap:var(--space-2);margin-top:var(--space-3)} .integrity-item{display:flex;justify-content:space-between;gap:var(--space-4);align-items:center;border:1px solid var(--line);border-radius:10px;padding:11px 13px;background:var(--input)} .integrity-item strong{color:var(--text)} .integrity-item span{font-size:var(--fs-200);color:var(--muted)} .conflict-box{display:none;margin-top:14px;border:1px solid var(--red-border);background:var(--bg-alt);border-radius:12px;padding:14px;color:var(--red-dark)} .conflict-box.show{display:block} .integrity-note{font-size:var(--fs-200);color:var(--muted);line-height:1.5} .backup-drop{border:1px dashed var(--line-strong);border-radius:12px;padding:var(--space-4);background:var(--input)} .integrity-version{font-weight:900;color:var(--navy-700)} .integrity-actions{display:flex;gap:var(--space-2);flex-wrap:wrap} .period-closed-banner{display:none;margin:0 0 var(--space-3);padding:11px 14px;border:1px solid var(--red-border);background:var(--bg-alt);border-radius:10px;color:var(--red-dark);font-size:var(--fs-200);font-weight:800} .period-closed-banner.show{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)} .period-closed-banner button{white-space:nowrap} .integrity-table td,.integrity-table th{font-size:var(--fs-200)} /* ===== RELATÓRIO GERAL • REFORMULAÇÃO EXECUTIVA ===== */ #relatorio .rg-hero{display:flex;justify-content:space-between;gap:18px;align-items:stretch;margin-bottom:14px;padding:22px 24px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,#fff 0%,#f7fafc 72%,#eef4f8 100%);box-shadow:0 10px 28px rgba(8,31,53,.06)} #relatorio .rg-kicker,#relatorio .section-eyebrow{font-size:10px;font-weight:900;letter-spacing:1.35px;color:var(--navy-700);text-transform:uppercase} #relatorio .rg-hero h2{margin:4px 0 5px;font-size:28px;color:var(--exec-navy);letter-spacing:-.5px} #relatorio .rg-hero p{margin:0;max-width:760px;color:var(--muted);font-size:13px;line-height:1.55} #relatorio .rg-period{min-width:180px;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;flex-direction:column;justify-content:center;box-shadow:0 5px 14px rgba(8,31,53,.04)} #relatorio .rg-period span{font-size:10px;font-weight:900;color:var(--muted);letter-spacing:1px} #relatorio .rg-period b{font-size:18px;color:var(--exec-navy);margin:4px 0} #relatorio .rg-period small{font-size:10px;color:var(--muted)} #relatorio .rg-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px} #relatorio .rg-kpi{border:1px solid var(--line);border-radius:13px;background:#fff;padding:13px 14px;box-shadow:0 7px 18px rgba(8,31,53,.045);min-height:88px} #relatorio .rg-kpi-label{font-size:10px;font-weight:900;letter-spacing:.9px;color:var(--muted);text-transform:uppercase} #relatorio .rg-kpi-value{font-size:24px;font-weight:900;color:var(--exec-navy);line-height:1.1;margin-top:6px} #relatorio .rg-kpi-note{font-size:10px;color:var(--muted);margin-top:4px} #relatorio .rg-executive-read{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:10px;margin-bottom:14px} #relatorio .rg-read-main,#relatorio .rg-read-item{border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px 14px} #relatorio .rg-read-main{background:var(--navy-900);color:#fff;border-color:var(--navy-900)} #relatorio .rg-read-main span,#relatorio .rg-read-item span{display:block;font-size:10px;font-weight:900;letter-spacing:.9px;text-transform:uppercase;opacity:.72} #relatorio .rg-read-main b{display:block;font-size:15px;margin-top:5px;line-height:1.3} #relatorio .rg-read-item b{display:block;color:var(--exec-navy);font-size:14px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #relatorio .rg-filter-card{padding:15px 16px;margin-bottom:14px} #relatorio .rg-filter-head,#relatorio .rg-table-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px} #relatorio .rg-filter-head h3,#relatorio .rg-table-head h3{margin:3px 0 0;font-size:16px;color:var(--exec-navy)} #relatorio .rg-filters{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:10px} #relatorio .rg-filters .field{min-width:0} #relatorio .rg-table-card{padding:15px 16px} #relatorio .rg-table-head span{font-size:10px;color:var(--muted)} #relatorio .rg-legend{display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:10px;color:var(--muted);font-weight:800} #relatorio .rg-legend span{display:flex;align-items:center;gap:5px} #relatorio .dot{width:7px;height:7px;border-radius:50%;display:inline-block}.dot.green{background:#3d8a68}.dot.orange{background:#b5761f}.dot.red{background:#b23f3b} #relatorio .rg-table{min-width:1120px} #relatorio .rg-table th{font-size:10px;letter-spacing:.45px;white-space:nowrap;padding:11px 9px;background:#f6f8fa;color:#536679} #relatorio .rg-table td{padding:11px 9px;border-bottom:1px solid var(--line-soft);font-size:11px;vertical-align:middle} #relatorio .rg-table tbody tr:hover{background:#f8fafc} #relatorio .rg-grav-cell{font-size:10px;white-space:nowrap} #relatorio .rg-grav-item{font-weight:800} #relatorio .rg-grav-item.leve{color:#3d6c51} #relatorio .rg-grav-item.moderado{color:#8A5A00} #relatorio .rg-grav-item.grave{color:#a33f3f} #relatorio .rg-isa{display:inline-block;min-width:26px;padding:2px 7px;border-radius:20px;font-weight:800;font-size:11px;background:#eef1f5;color:#536679} #relatorio .rg-isa.controlado{background:#e4f3ea;color:#1B7A56} #relatorio .rg-isa.atencao{background:#fbf1de;color:#8A5A00} #relatorio .rg-isa.elevado{background:#f8e6d8;color:#a3611f} #relatorio .rg-isa.critico{background:#f8e2e1;color:#a33f3f} #relatorio .rg-rank{font-weight:900;color:var(--muted)} #relatorio .rg-store{display:flex;align-items:center;gap:8px;min-width:155px}.rg-store-name{font-weight:900;color:var(--exec-navy)}.rg-store-sub{display:block;font-size:10px;color:var(--muted);margin-top:2px} #relatorio .rg-num{font-weight:850;color:#25394e}.rg-muted{color:var(--muted)} #relatorio .rg-score{font-weight:900;color:var(--exec-navy)} #relatorio .rg-risk{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900;white-space:nowrap}.rg-risk.normal,.rg-risk.monitorar{background:#edf6f1;color:#356b53}.rg-risk.atencao{background:#fff4df;color:#8a5a00}.rg-risk.elevada,.rg-risk.critico{background:#fdeceb;color:#9c3835}.rg-risk.insuficiente{background:#eef1f4;color:#68798a} #relatorio .rg-detail-btn{border:1px solid var(--line);background:#fff;color:var(--navy-700);border-radius:8px;padding:6px 9px;font-size:10px;font-weight:900;cursor:pointer;white-space:nowrap}.rg-detail-btn:hover{border-color:#aebdca;background:#f5f8fa} #relatorio .rg-empty{padding:28px;text-align:center;color:var(--muted);font-size:12px} .rg-detail-backdrop{position:fixed;inset:0;background:rgba(4,20,34,.52);display:none;align-items:center;justify-content:center;padding:22px;z-index:9999}.rg-detail-backdrop.open{display:flex}.rg-detail-modal{width:min(860px,96vw);max-height:90vh;overflow:auto;background:#fff;border-radius:16px;box-shadow:0 28px 80px rgba(0,0,0,.25)}.rg-detail-head{display:flex;justify-content:space-between;gap:15px;padding:18px 20px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:2}.rg-detail-kicker{font-size:10px;font-weight:900;letter-spacing:1px;color:var(--navy-700)}.rg-detail-head h3{margin:4px 0 0;color:var(--exec-navy);font-size:22px}.rg-detail-close{border:0;background:#f3f6f8;width:34px;height:34px;border-radius:9px;font-size:20px;color:#516477;cursor:pointer}.rg-detail-body{padding:18px 20px}.rg-detail-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:15px}.rg-detail-kpi{border:1px solid var(--line);border-radius:10px;padding:10px;background:#f8fafb}.rg-detail-kpi span{display:block;font-size:10px;font-weight:900;color:var(--muted);text-transform:uppercase}.rg-detail-kpi b{display:block;font-size:17px;color:var(--exec-navy);margin-top:4px}.rg-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rg-detail-box{border:1px solid var(--line);border-radius:11px;padding:13px;background:#fff}.rg-detail-box h4{margin:0 0 9px;font-size:11px;color:var(--exec-navy);text-transform:uppercase;letter-spacing:.5px}.rg-detail-box p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.rg-detail-list{display:grid;gap:7px}.rg-detail-list div{display:flex;justify-content:space-between;gap:12px;padding-bottom:7px;border-bottom:1px solid var(--line-soft);font-size:11px}.rg-detail-list div:last-child{border-bottom:0;padding-bottom:0}.rg-detail-list b{color:var(--exec-navy)} @media(max-width:1050px){#relatorio .rg-kpis{grid-template-columns:repeat(3,1fr)}#relatorio .rg-executive-read{grid-template-columns:1fr 1fr}#relatorio .rg-detail-kpis{grid-template-columns:repeat(3,1fr)}} @media(max-width:650px){#relatorio .rg-hero{flex-direction:column}.rg-period{min-width:0!important}#relatorio .rg-kpis{grid-template-columns:repeat(2,1fr)}#relatorio .rg-executive-read,#relatorio .rg-filters,#relatorio .rg-detail-grid{grid-template-columns:1fr}#relatorio .rg-legend{display:none}.rg-detail-kpis{grid-template-columns:repeat(2,1fr)!important}} /* ===== Media queries consolidadas ===== */ @media(max-width:1050px){#dashboard .dash-head{align-items:flex-start}#dashboard .dash-head-right{justify-content:flex-end}.dash-main{grid-template-columns:1fr 1fr!important}.entry-summary{grid-template-columns:repeat(2,1fr)}#dashboard .ceo-chart-grid{grid-template-columns:1fr!important}#dashboard .chart-panel,#dashboard .event-panel{min-height:350px!important}#dashboard .diagnostic-band{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:650px){.guide-grid,.about-grid,.about-governance{grid-template-columns:1fr}.guide-card-wide,.about-card-wide{grid-column:auto}.guide-steps,.quality-grid{grid-template-columns:1fr}.guide-hero,.about-hero{align-items:flex-start;flex-direction:column}} @media(max-width:900px){.dash-main,.dash-bottom{grid-template-columns:1fr}.dash-period{display:none}.summary-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.outcome-panel{grid-template-columns:1fr 1fr}.ice-grid{grid-template-columns:1fr}.ice-main{grid-template-columns:120px 1fr}.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.print-report-header{align-items:flex-start;flex-direction:column}.report-date{text-align:left}.insights-grid{grid-template-columns:1fr 1fr}.top{position:relative;padding-top:0}.guide-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.quality-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.method-grid{grid-template-columns:1fr 1fr}.ceo-focus{grid-template-columns:1fr 1fr!important}.ceo-focus-card{min-height:150px!important}#dashboard .risk-anatomy-body{grid-template-columns:1fr 1fr}#dashboard .anatomy-card:last-child{grid-column:1/-1}#dashboard .timeline-body{grid-template-columns:repeat(4,1fr)}#dashboard .premium-grid{grid-template-columns:1fr}.compare-kpis{grid-template-columns:repeat(2,1fr)}.action-plan-grid{grid-template-columns:1fr!important}} @media(max-width:560px){.dash-head{padding:17px}.dash-head h2{font-size:var(--fs-600)}.chart-card{min-height:280px}.line-chart-wrap{height:210px}.donut-area,.donut-area::before{height:155px}.donut-area canvas{width:155px!important;height:155px!important}.summary-metrics{grid-template-columns:1fr}.outcome-panel{grid-template-columns:1fr 1fr}.executive-summary{padding:18px}.executive-summary h3{font-size:var(--fs-500)}.insights-grid{grid-template-columns:1fr}.quick-note{align-items:flex-start;flex-direction:column;gap:var(--space-1)}.toast{right:12px;bottom:12px;left:12px;text-align:center}.ceo-focus{grid-template-columns:1fr!important}.ceo-focus-card{min-height:145px!important}#dashboard .diagnostic-band{grid-template-columns:1fr 1fr;gap:var(--space-2)}#dashboard .diagnostic-card{min-height:98px}#dashboard .diagnostic-card strong{font-size:var(--fs-600)}#dashboard.ceo-dashboard{padding:10px 10px 30px}#dashboard .ceo-head{padding:23px var(--space-5);border-radius:17px}#dashboard .ceo-head h2{font-size:var(--fs-800)!important}#dashboard .ceo-head-meta{flex-direction:column;width:100%}#dashboard .ceo-meta-status,#dashboard .ceo-meta-period{width:100%;min-width:0}#dashboard .ceo-focus{grid-template-columns:1fr!important}#dashboard .ceo-focus-card.ice-focus{grid-column:auto}#dashboard .focus-metrics{grid-template-columns:repeat(3,1fr)}#dashboard .risk-anatomy-body{grid-template-columns:1fr}#dashboard .anatomy-card:last-child{grid-column:auto}#dashboard .risk-timeline-head{align-items:flex-start;flex-direction:column}#dashboard .risk-timeline-head small{text-align:left}#dashboard .timeline-body{grid-template-columns:repeat(2,1fr)}} @media(max-width:900px){.evo-main-grid,.evo-attention-grid{grid-template-columns:1fr}.evo-controls{grid-template-columns:1fr 1fr}.evo-control-note{grid-column:1/-1}.evo-hero{flex-direction:column}.evo-period{min-width:0}.evo-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}} /* V26.4 — cirurgia do ranking executivo: eliminar coluna redundante e tornar tendência acionável */ .risk-ranking-note{margin:8px 0 0;padding:7px 9px;border:1px solid var(--line-soft);background:var(--bg-alt);border-radius:8px;font-size:var(--fs-50);color:var(--muted-2);line-height:1.45}.risk-ranking-note b{color:var(--navy-700)} .risk-matrix th,.risk-matrix td{white-space:nowrap} .risk-matrix th:nth-child(2),.risk-matrix td:nth-child(2){min-width:150px} .risk-matrix th:nth-child(9),.risk-matrix td:nth-child(9){min-width:105px} .risk-trend{display:inline-flex;align-items:center;gap:5px;font-weight:850;font-size:var(--fs-100)} .risk-trend.up{color:#B23F3B}.risk-trend.down{color:#1B7A56}.risk-trend.flat{color:#617086} .risk-trend small{font-size:var(--fs-50);font-weight:750;color:var(--muted-2)} .risk-summary{grid-template-columns:repeat(3,minmax(0,1fr))} @media(max-width:1100px){.ceo-risk-grid{grid-template-columns:1fr}.exposure-panel{min-height:auto}.risk-matrix{min-width:760px}} @media(max-width:700px){.risk-summary{grid-template-columns:1fr}.risk-matrix th,.risk-matrix td{white-space:normal}} @media(max-width:700px){.report-fields,.report-kpis{grid-template-columns:1fr 1fr}.report-stamp{display:none}.report-ranking-grid,.report-highlight{grid-template-columns:1fr}#dashboard .dash-head{flex-direction:column;padding:19px}.dash-head-right{width:100%;justify-content:flex-start!important}.dash-status,.dash-period{flex:1}.dash-main,.dash-bottom{grid-template-columns:1fr!important}.entry-head-status{width:100%}.entry-summary{grid-template-columns:repeat(2,1fr)}.entry-card-head{align-items:flex-start;flex-direction:column}.entry-legend{white-space:normal}.ceo-head h2{font-size:var(--fs-800)!important}.focus-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.decision-side .focus-store{font-size:var(--fs-600)!important}.risk-matrix-wrap{margin-right:-2px}} @media(max-width:480px){.report-fields,.report-kpis{grid-template-columns:1fr}.report-actions{flex-direction:column}.report-grid{grid-template-columns:1fr}#dashboard .dash-head h2{font-size:var(--fs-700)}.dash-status,.dash-period{min-width:0;width:100%;text-align:left}.dash-head-right{flex-direction:column}.dash-period{text-align:left!important}.summary-metrics{grid-template-columns:1fr 1fr!important}.outcome-panel{grid-template-columns:1fr 1fr!important}.ceo-focus{grid-template-columns:1fr}.ceo-focus-card.ice-focus{grid-column:auto}.ceo-head h2{font-size:var(--fs-700)}.ceo-head-meta{flex-direction:column}.ice-mini-components{grid-template-columns:repeat(3,1fr)}} @media print{body{background:#fff}.sidebar,.top,.footer,.report-config{display:none!important}.main{margin:0;width:100%;padding:0}.page{display:none!important}#relatorios{display:block!important}.report-hero,.print-report{box-shadow:none;border-radius:0}.print-report{border:0!important;padding:0!important;max-width:none!important;box-shadow:none!important;margin:0!important}.ranking-card,.zero-card{box-shadow:none}.report-ranking-grid{grid-template-columns:1fr 1fr}.report-grid{grid-template-columns:repeat(4,1fr)}.print-report-header{break-after:avoid;page-break-after:avoid}.report-section,.report-action-item,.report-callout,.report-kpi{break-inside:avoid;page-break-inside:avoid}h3{break-after:avoid;page-break-after:avoid}table{page-break-inside:auto;break-inside:auto}tr{break-inside:avoid;page-break-inside:avoid}.toast,.system-status,.quick-note{display:none!important}.report-print-header{box-shadow:none;break-inside:avoid}.report-exec-summary{grid-template-columns:repeat(4,1fr)}.report-section-note,.report-action-box{break-inside:avoid}.report-premium-header{border-radius:0;box-shadow:none;break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}.report-logo-frame{print-color-adjust:exact;-webkit-print-color-adjust:exact}.report-cover-block{box-shadow:none;break-inside:avoid}#relatorios .report-config,#relatorios .report-hero,#relatorios .report-actions,#relatorios .section-head{display:none!important}#relatorios .generated-report{display:block!important}.report-section{break-inside:auto}.report-action-item,.report-executive-box,.report-method-box,.report-doc-kpi{break-inside:avoid}thead{display:table-header-group}} @media(max-width:1100px){.corp-grid{grid-template-columns:1fr 1fr}} @media(max-width:720px){.corp-grid{grid-template-columns:1fr}.period-control{order:-1}.user-chip{display:none}} @media(max-width:520px){.outcome-panel{grid-template-columns:1fr}.method-grid{grid-template-columns:1fr}} @media(max-width:760px){.report-premium-main{align-items:flex-start;flex-direction:column}.report-premium-meta{border-left:0;border-top:1px solid rgba(255,255,255,.16);padding:14px 0 0;width:100%}.report-premium-topline,.report-premium-bottom{flex-direction:column;gap:5px}.ceo-head{flex-direction:column;align-items:flex-start}.ceo-head-meta{min-width:0;width:100%}.ceo-focus{grid-template-columns:1fr 1fr}.ceo-focus-card.ice-focus{grid-column:1/-1}.ceo-decision{grid-template-columns:1fr}.ceo-section-title{align-items:flex-start;gap:var(--space-2);flex-direction:column}.insights-grid,.method-grid{grid-template-columns:1fr}.outcome-grid{grid-template-columns:1fr}} @media(max-width:1150px){.ceo-focus{grid-template-columns:1.3fr 1fr 1fr}.ceo-focus-card:last-child{grid-column:1/-1}.ceo-chart-grid,.ceo-risk-grid,.ceo-control-grid{grid-template-columns:1fr}#dashboard.ceo-dashboard{padding-left:var(--space-4);padding-right:var(--space-4)}#dashboard .ceo-focus{grid-template-columns:1.35fr 1fr 1fr!important}#dashboard .ceo-focus-card:last-child{grid-column:auto!important}#dashboard .ceo-head-meta{min-width:320px}} @media(max-width:850px){#dashboard .ceo-head{flex-direction:column;align-items:flex-start;gap:var(--space-5)}#dashboard .ceo-head-meta{width:100%;min-width:0;align-self:auto;justify-content:flex-start}#dashboard .ceo-focus{grid-template-columns:1fr 1fr!important}#dashboard .ceo-focus-card.ice-focus{grid-column:1/-1}#dashboard .ceo-decision{grid-template-columns:1fr!important}} @media(max-width:600px){#dashboard .driver-row{grid-template-columns:95px 1fr 44px 38px}.diagnosis-facts{grid-template-columns:1fr!important}.matrix-axis,.matrix-grid{grid-template-columns:55px 1fr 1fr}} @media(max-width:800px){#relatorios .report-fields,.report-doc-summary{grid-template-columns:1fr 1fr}.report-doc-summary .report-doc-kpi:last-child{grid-column:span 2}} @media(max-width:800px){ #relatorios{min-width:0!important;overflow-x:hidden!important;padding-left:0!important;padding-right:0!important} #relatorios .regional-page-bar,#relatorios .report-hero,#relatorios .report-config{min-width:0!important;max-width:100%!important} #relatorios .regional-page-bar{overflow:hidden!important} #relatorios .regional-page-switch{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;width:100%!important} #relatorios .regional-page-switch button{min-width:0!important;width:100%!important;white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis!important} #relatorios .report-hero{display:flex!important;flex-direction:column!important;gap:14px!important;padding:16px!important} #relatorios .report-hero h2{font-size:22px!important;line-height:1.12!important;overflow-wrap:anywhere!important} #relatorios .report-hero p{font-size:11px!important;line-height:1.45!important} #relatorios .report-stamp{width:100%!important;max-width:none!important} #relatorios .report-config{padding:12px!important} #relatorios .report-fields{grid-template-columns:1fr!important;gap:10px!important} #relatorios .report-fields .field{min-width:0!important;width:100%!important} #relatorios .report-fields select,#relatorios .report-fields input{width:100%!important;min-width:0!important;max-width:100%!important} #relatorios .report-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important} #relatorios .report-actions .btn{width:100%!important;min-width:0!important} #relatorios .generated-report{min-width:0!important;max-width:100%!important;overflow:hidden!important} #relatorios .print-report{min-width:0!important;max-width:100%!important;overflow:hidden!important} #relatorios .report-premium-header,#relatorios .print-report-body{min-width:0!important;max-width:100%!important} #relatorios .report-premium-brand{min-width:0!important;width:100%!important} #relatorios .report-brand-copy{min-width:0!important} #relatorios .report-premium-title,#relatorios .report-premium-subtitle{overflow-wrap:anywhere!important} #relatorios .report-section{min-width:0!important;overflow:hidden!important} #relatorios .report-section table,#relatorios .print-report-body table{display:block!important;width:max-content!important;min-width:100%!important;max-width:none!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important} #relatorios .report-section table th,#relatorios .report-section table td,#relatorios .print-report-body table th,#relatorios .print-report-body table td{white-space:nowrap!important} } @media(max-width:1000px){.integrity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:620px){.integrity-grid{grid-template-columns:1fr}.integrity-toolbar{display:grid;grid-template-columns:1fr}.period-closed-banner.show{align-items:flex-start;flex-direction:column}} /* ===== Animações ===== */ @keyframes pulseDot{0%{transform:scale(.6);opacity:.9}100%{transform:scale(1.9);opacity:0}} /* ===== — GESTÃO DE ACESSOS ===== */ .access-hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:22px 24px;border-radius:16px;background:linear-gradient(135deg,var(--navy-950),var(--navy-700));color:#fff;margin-bottom:15px;box-shadow:var(--shadow-navy)} .access-hero h2{margin:4px 0 7px;font-size:var(--fs-700);letter-spacing:-.4px}.access-hero p{margin:0;opacity:.78;max-width:760px;line-height:1.5}.access-kicker{font-size:var(--fs-150);font-weight:900;letter-spacing:1.6px;color:var(--gold-light)} .access-grid{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.6fr);gap:14px}.access-form,.access-list{border:1px solid var(--line);border-radius:14px;background:#fff;padding:17px;box-shadow:0 8px 20px rgba(8,31,53,.055)} .access-form h3,.access-list h3{margin:0;color:var(--navy-800);font-size:var(--fs-350)}.access-form .hint,.access-list .hint{display:block;color:var(--muted);font-size:var(--fs-200);line-height:1.45;margin:5px 0 14px}.access-fields{display:grid;gap:11px}.access-fields .field label{display:block;font-size:var(--fs-150);font-weight:850;color:var(--navy-700);margin-bottom:5px}.access-fields input,.access-fields select{width:100%;min-height:42px;border:1px solid var(--line-strong);border-radius:9px;padding:9px 11px;background:var(--input);color:var(--text)}.access-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:13px}.access-security{margin-top:13px;padding:11px 12px;border-left:4px solid var(--green);background:var(--green-bg);border-radius:8px;color:var(--green-dark);font-size:var(--fs-200);line-height:1.45}.access-table-wrap{overflow:auto}.access-table{width:100%;min-width:720px}.access-table td,.access-table th{padding:10px 8px}.access-status{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:var(--fs-150);font-weight:900}.access-status.active{background:var(--green-bg);color:var(--green-dark)}.access-status.inactive{background:var(--bg-alt);color:var(--red-dark)}.access-row-actions{display:flex;gap:6px;flex-wrap:wrap}.access-row-actions .btn{padding:7px 9px;font-size:var(--fs-150)}.access-empty{text-align:center;color:var(--muted);padding:24px}.access-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0}.access-summary .mini{border:1px solid var(--line);border-radius:10px;background:var(--input);padding:10px 12px}.access-summary .mini span{display:block;font-size:var(--fs-150);font-weight:850;color:var(--muted);text-transform:uppercase}.access-summary .mini b{display:block;margin-top:4px;color:var(--navy-900);font-size:var(--fs-600)}@media(max-width:850px){.access-grid{grid-template-columns:1fr}.access-hero{flex-direction:column}.access-summary{grid-template-columns:1fr 1fr}} /* CORREÇÃO IPE — componentes de impacto/frequência/tendência/persistência */ @media(max-width:560px){ #dashboard .ice-mini-components{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px} #dashboard .ice-mini-components .ice-component{padding:7px 8px} #dashboard .ice-mini-components .ice-component strong{font-size:10px} #dashboard .ice-mini-components .ice-component b{font-size:13px} } /* FASE 1.4 — CSS AUDITADO: consolidação automática segura não aplicada; duplicações não-idênticas preservadas. */ /* ---------- Lançamentos Pro V9 visual/interaction ---------- */ .launch-pro-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:18px;padding:4px 2px 0}.launch-kicker{font-size:10px;letter-spacing:.14em;font-weight:800;color:#7b8797}.launch-pro-head h2{margin:6px 0 4px;font-size:30px;letter-spacing:-.03em}.launch-pro-head p{margin:0;color:#687386}.launch-period-badge{min-width:150px;border:1px solid #dfe5ec;border-radius:14px;background:#fff;padding:12px 16px;text-align:right;box-shadow:0 8px 22px rgba(24,39,75,.05)}.launch-period-badge span{display:block;font-size:10px;font-weight:800;letter-spacing:.12em;color:#8b95a5}.launch-period-badge b{display:block;margin-top:4px;font-size:15px}.launch-layout{display:block}.launch-main{max-width:100%}.launch-hero-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;border:1px solid #dfe5ec;border-radius:18px;background:linear-gradient(135deg,#fff,#f7f9fc);box-shadow:0 10px 28px rgba(26,39,61,.06);margin-bottom:14px}.launch-hero-copy{display:flex;align-items:center;gap:14px}.launch-hero-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#101828;color:#fff;font-size:25px;font-weight:300}.launch-hero-copy b{display:block;font-size:16px}.launch-hero-copy small{display:block;margin-top:4px;color:#748094}.launch-new-btn{min-width:190px;height:44px;font-weight:800}.launch-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.launch-summary-grid>div{background:#fff;border:1px solid #e1e6ed;border-radius:15px;padding:15px 17px;min-height:84px}.launch-summary-grid span{font-size:10px;letter-spacing:.11em;font-weight:800;color:#8791a0}.launch-summary-grid b{display:block;font-size:25px;line-height:1.05;margin-top:7px;letter-spacing:-.03em}.launch-summary-grid small{color:#8993a2;font-size:10px}.launch-list-card{background:#fff;border:1px solid #dfe5ec;border-radius:18px;overflow:hidden;box-shadow:0 8px 24px rgba(26,39,61,.045)}.launch-list-head{padding:19px 20px 14px;display:flex;justify-content:space-between;gap:20px;align-items:flex-end}.launch-list-head h3{margin:4px 0;font-size:18px}.launch-list-head p{margin:0;color:#7b8696;font-size:12px}.launch-count{font-size:12px;font-weight:800;color:#5f6b7c;white-space:nowrap}.launch-filters{display:grid;grid-template-columns:180px 190px minmax(220px,1fr) 150px auto;gap:10px;padding:0 20px 16px;border-bottom:1px solid #edf0f4;align-items:end}.launch-filters .field label{font-size:10px;font-weight:800;letter-spacing:.1em;color:#8a94a3}.launch-filters select,.launch-filters input{height:38px;border:1px solid #dbe1e8;border-radius:10px;padding:0 11px;background:#fff;color:#263243;width:100%}.launch-search{min-width:0}.launch-table-wrap{overflow:auto}.launch-table{width:100%;border-collapse:collapse;font-size:12px}.launch-table th{background:#f8fafc;color:#7d8796;text-align:left;font-size:10px;letter-spacing:.08em;padding:11px 14px;border-bottom:1px solid #e7ebf0;white-space:nowrap}.launch-table td{padding:12px 14px;border-bottom:1px solid #eef1f4;vertical-align:middle}.launch-table tr:hover td{background:#fbfcfe}.launch-date b{display:block}.launch-date small{display:block;color:#8993a2;margin-top:3px}.launch-type{display:flex;align-items:center;gap:8px;font-weight:800}.launch-type-dot{width:8px;height:8px;border-radius:50%;background:#9aa4b2}.launch-type-dot.furto{background:#c44545}.launch-type-dot.acid{background:#d58a21}.launch-outcome{font-weight:700}.launch-outcome.bad{color:#b33b3b}.launch-outcome.good{color:#39734a}.launch-doc{color:#5d6979}.launch-doc.ok{font-weight:700;color:#39734a}.launch-status{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.04em;background:#edf7f0;color:#3d714e}.launch-row-actions{display:flex;gap:6px;justify-content:flex-end}.launch-row-actions button{border:1px solid #dfe4eb;background:#fff;border-radius:8px;padding:6px 8px;font-size:10px;font-weight:800;cursor:pointer}.launch-row-actions button:hover{background:#f4f6f9}.launch-empty{text-align:center;padding:48px 20px;color:#7b8696}.launch-empty div{width:42px;height:42px;border-radius:50%;background:#eef3f7;display:grid;place-items:center;margin:0 auto 10px}.launch-empty b{display:block;color:#344054}.launch-empty span{display:block;margin-top:4px;font-size:12px}.launch-modal-backdrop{position:fixed;inset:0;background:rgba(12,18,28,.48);z-index:9999;display:none;align-items:center;justify-content:center;padding:20px}.launch-modal-backdrop.open{display:flex}.launch-modal{width:min(720px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.25); }.launch-modal-body{flex:1; }.launch-modal-foot{ display:flex; justify-content:space-between; gap:8px; padding:10px 18px; min-height:54px; box-sizing:border-box; background:#fbfcfd; border-top:1px solid #e7ecf1; position:relative; bottom:0; z-index:5; flex:0 0 auto!important; padding-bottom:max(9px,env(safe-area-inset-bottom))!important; }.launch-modal-head{display:flex;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid #edf0f4}.launch-modal-head h3{margin:3px 0;font-size:21px}.launch-modal-head p{margin:0;color:#7c8797;font-size:12px}.launch-close{border:0;background:#f3f5f8;width:34px;height:34px;border-radius:9px;font-size:18px;cursor:pointer}.launch-stepbar{display:flex;gap:8px;padding:14px 22px;background:#fafbfd;border-bottom:1px solid #edf0f4}.launch-step{ font-weight:800;letter-spacing:.08em;color:#9aa3af;}.launch-step.active{color:#1d2939}.launch-modal-body{padding:22px}.launch-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.launch-type-choice{border:1px solid #dfe4eb;background:#fff; padding:16px;text-align:left;cursor:pointer;}.launch-type-choice.active{border-color:#111827;background:#111827; }.launch-type-choice b{display:block;font-size:13px}.launch-type-choice small{display:block;margin-top:5px;opacity:.7}.launch-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.launch-form-grid .full{grid-column:1/-1}.launch-form-label{display:block; font-weight:800;letter-spacing:.09em;color:#7f8997;margin-bottom:6px;}.launch-form input,.launch-form select,.launch-form textarea{width:100%;box-sizing:border-box;border:1px solid #dbe1e8;border-radius:10px; background:#fff;font:inherit;}.launch-form textarea{min-height:76px;resize:vertical}.launch-doc-grid{display:grid;grid-template-columns:repeat(2,1fr); }.launch-doc-option{border:1px solid #dfe4eb;border-radius:11px;padding:11px;display:flex;gap:9px;align-items:center;cursor:pointer}.launch-doc-option input{width:auto}.launch-doc-option.checked{border-color:#b9c7d8;background:#f7f9fc}.launch-review{border:1px solid #e1e6ed;border-radius:13px;background:#f8fafc;padding:15px}.launch-review-row{display:flex;justify-content:space-between;gap:15px;padding:7px 0;border-bottom:1px solid #e7ebf0}.launch-review-row:last-child{border-bottom:0}.launch-review-row span{color:#7c8797}.launch-modal-foot .right{display:flex;gap:8px}.launch-hidden{display:none!important}.launch-error{color:#b42318;font-size:11px;font-weight:700;margin-top:8px}.launch-detail-grid{display:grid;grid-template-columns:1fr 1fr; }.launch-detail-box{border:1px solid #e4e8ee;border-radius:11px;padding:12px}.launch-detail-box span{display:block;color:#8a94a3; font-weight:800; }.launch-detail-box b{display:block;margin-top:5px}.launch-confirm-icon{font-size:34px;margin-bottom:8px}@media(max-width:900px){.launch-summary-grid{grid-template-columns:repeat(2,1fr)}.launch-filters{grid-template-columns:1fr 1fr}.launch-filters .launch-search{grid-column:1/-1}.launch-type-grid{grid-template-columns:1fr}.launch-form-grid{grid-template-columns:1fr}.launch-form-grid .full{grid-column:auto}}@media(max-width:650px){.launch-pro-head,.launch-hero-card,.launch-list-head{align-items:flex-start;flex-direction:column}.launch-new-btn{width:100%}.launch-summary-grid{grid-template-columns:1fr 1fr}.launch-filters{grid-template-columns:1fr}.launch-filters .launch-search{grid-column:auto}.launch-modal-backdrop{padding:8px}.launch-modal{max-height:96vh}} /* V14 • Refinamento executivo da tabela de lançamentos */ #lancamentos .launch-list-card{border-radius:20px;box-shadow:0 12px 30px rgba(20,35,55,.055)} #lancamentos .launch-list-head{padding:21px 22px 15px} #lancamentos .launch-list-head h3{font-size:19px;letter-spacing:-.02em} #lancamentos .launch-count{display:inline-flex;align-items:center;gap:7px; border:1px solid #e1e6ed;border-radius:999px; color:#526174;} #lancamentos .launch-table-wrap{max-height:520px;overflow:auto;border-top:1px solid #edf1f4} #lancamentos .launch-table{table-layout:auto;min-width:920px} #lancamentos .launch-table thead th{position:sticky;top:0;z-index:3;background:#f7f9fb;box-shadow:0 1px 0 #e5e9ee} #lancamentos .launch-table th:first-child,#lancamentos .launch-table td:first-child{padding-left:20px} #lancamentos .launch-table th:last-child,#lancamentos .launch-table td:last-child{padding-right:20px} #lancamentos .launch-table th:nth-child(1){width:92px} #lancamentos .launch-table th:nth-child(2){width:150px} #lancamentos .launch-table th:nth-child(3){width:180px} #lancamentos .launch-table th:nth-child(4){width:145px} #lancamentos .launch-table th:nth-child(5){width:150px} #lancamentos .launch-table th:nth-child(6){width:160px} #lancamentos .launch-table th:nth-child(7){width:110px} #lancamentos .launch-table th.launch-action-head{text-align:right;width:150px} #lancamentos .launch-table tbody tr{transition:background .16s ease,box-shadow .16s ease} #lancamentos .launch-table tbody tr:nth-child(even) td{background:#fcfdfe} #lancamentos .launch-table tbody tr:hover td{background:#f6f9fc} #lancamentos .launch-table td{height:52px;padding-top:10px;padding-bottom:10px;color:#344054} #lancamentos .launch-date b{font-size:12px;color:#172b42} #lancamentos .launch-date small{font-size:10px;color:#8a95a4} #lancamentos .launch-type{ white-space:nowrap;} #lancamentos .launch-type-dot{ box-shadow:0 0 0 3px rgba(196,69,69,.08);} #lancamentos .launch-type-dot.acid{box-shadow:0 0 0 3px rgba(213,138,33,.09)} #lancamentos .launch-outcome{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border-radius:8px;background:#f4f6f8;color:#5d6979;font-size:10px;white-space:nowrap} #lancamentos .launch-outcome.bad{background:#fff1f1;color:#a83232} #lancamentos .launch-outcome.good{background:#edf8f0;color:#347047} #lancamentos .launch-doc{font-size:10px;white-space:nowrap} #lancamentos .launch-doc.ok{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:8px;background:#eef8f1} #lancamentos .launch-status{padding:5px 9px;background:#edf7f0;border:1px solid #d7ecdd;color:#347047} #lancamentos .launch-row-actions{opacity:.78;transition:opacity .16s ease} #lancamentos .launch-table tbody tr:hover .launch-row-actions{opacity:1} #lancamentos .launch-row-actions button{min-width:31px;height:30px;padding:0 9px; background:#fff;color:#425166;} #lancamentos .launch-row-actions button:first-child{color:#17314c} #lancamentos .launch-row-actions button:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(25,45,70,.08)} #lancamentos .launch-table-wrap::-webkit-scrollbar{height:9px;width:9px} #lancamentos .launch-table-wrap::-webkit-scrollbar-thumb{background:#cfd7e1;border-radius:20px} #lancamentos .launch-table-wrap::-webkit-scrollbar-track{background:#f5f7fa} @media(max-width:900px){#lancamentos .launch-table-wrap{max-height:480px}} /* ===== (bloco 1 sem id) ===== */ /* FASE 1.10 — INTELIGÊNCIA COMPLEMENTAR */ /* V34.38 — VISÃO REGIONAL EXECUTIVA: somente leitura para Diretoria/Admin */ #regional.regional-executive-page{padding:18px 22px 46px;background:var(--bg-alt,#f4f6f8);box-sizing:border-box;max-width:1540px;margin:0 auto} #regional .regional-page-hero{display:flex;align-items:stretch;justify-content:space-between;gap:18px;margin-bottom:14px;padding:20px 22px;border-radius:16px;background:linear-gradient(132deg,var(--navy-950,#081f35) 0%,var(--navy,#0e2c48) 58%,var(--navy-800,#123655) 100%);border:1px solid rgba(201,146,43,.34);box-shadow:0 18px 38px rgba(5,27,45,.16);color:#fff} #regional .regional-page-hero-main{min-width:0} #regional .regional-page-kicker{font-size:10px;font-weight:900;letter-spacing:1.8px;color:var(--gold-light,#d6ab4e)} #regional .regional-page-hero h2{margin:6px 0 5px;font-size:28px;letter-spacing:-.7px;color:#fff} #regional .regional-page-hero p{margin:0;max-width:850px;font-size:11px;line-height:1.55;color:rgba(255,255,255,.72)} #regional .regional-page-period{min-width:170px;align-self:stretch;padding:12px 14px;border-left:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;justify-content:center;align-items:flex-end;text-align:right} #regional .regional-page-period span{font-size:9px;font-weight:900;letter-spacing:1.2px;color:rgba(255,255,255,.52)} #regional .regional-page-period b{margin-top:5px;font-size:18px;color:#fff} #regional .regional-page-period small{margin-top:3px;font-size:9px;color:rgba(255,255,255,.52)} #regional .regional-exec-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px} #regional .regional-exec-kpi{position:relative;background:#fff;border:1px solid var(--line,#e1e7ee);border-radius:14px;padding:14px 15px;box-shadow:0 6px 18px rgba(14,44,72,.045);overflow:hidden} #regional .regional-exec-kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#b8862e} #regional .regional-exec-kpi-top{display:flex;align-items:center;justify-content:space-between;gap:8px} #regional .regional-exec-kpi-top span{font-size:10px;font-weight:900;letter-spacing:1px;color:#7b8794} #regional .regional-exec-kpi-top i{font-style:normal;font-size:9px;font-weight:900;color:#8a96a3} #regional .regional-exec-kpi strong{display:block;margin-top:10px;font-size:28px;line-height:1;color:#123655;letter-spacing:-.8px} #regional .regional-exec-kpi>small{display:block;margin-top:4px;font-size:9px;color:#8a96a3} #regional .regional-kpi-meta{display:grid;grid-template-columns:1fr auto 1fr auto;gap:5px 9px;margin-top:12px;padding-top:9px;border-top:1px solid #edf1f4;align-items:center} #regional .regional-kpi-meta span{font-size:9px;color:#8a96a3;text-transform:uppercase;letter-spacing:.5px} #regional .regional-kpi-meta b{font-size:12px;color:#123655;text-align:right} #regional .regional-exec-reading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px;padding:13px 15px;border:1px solid rgba(184,134,46,.25);border-left:4px solid #b8862e;border-radius:13px;background:linear-gradient(110deg,#fff,#fbfcfd);box-shadow:0 5px 16px rgba(14,44,72,.035)} #regional .regional-exec-reading span,#regional .regional-exec-panel-head>div>span{font-size:9px;font-weight:900;letter-spacing:1.1px;color:#b8862e} #regional .regional-exec-reading h3{margin:4px 0 2px;font-size:13px;color:#123655} #regional .regional-exec-reading p{margin:0;font-size:10px;line-height:1.45;color:#758193} #regional .regional-reading-badge{flex:0 0 auto;padding:7px 10px;border-radius:999px;background:#eef4f8;color:#53687b;font-size:9px;font-weight:900;letter-spacing:.8px} #regional .regional-exec-grid{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(300px,.78fr);gap:10px} #regional .regional-exec-panel{background:#fff;border:1px solid var(--line,#e1e7ee);border-radius:14px;box-shadow:0 6px 18px rgba(14,44,72,.045);overflow:hidden} #regional .regional-exec-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 15px;border-bottom:1px solid #edf1f4} #regional .regional-exec-panel-head h3{margin:4px 0 2px;font-size:13px;color:#123655} #regional .regional-exec-panel-head small{font-size:9.5px;color:#7b8794} #regional .regional-exec-panel-head>b{padding:5px 8px;border-radius:7px;background:#f3f6f9;color:#64748b;font-size:8px;letter-spacing:.8px;white-space:nowrap} #regional .regional-compare-table-wrap{width:100%;overflow:auto} #regional .regional-compare-table{width:100%;min-width:850px;border-collapse:collapse} #regional .regional-compare-table th{padding:9px 8px;background:#f7f9fb;border-bottom:1px solid #e5e9ee;color:#7b8794;font-size:8.5px;text-transform:uppercase;letter-spacing:.55px;text-align:left;white-space:nowrap} #regional .regional-compare-table td{padding:10px 8px;border-bottom:1px solid #edf1f4;color:#344054;font-size:10px;white-space:nowrap} #regional .regional-compare-table tbody tr:last-child td{border-bottom:0} #regional .regional-compare-table td:not(:first-child){text-align:center} #regional .regional-compare-table .regional-name{font-weight:900;color:#123655}.regional-main-value{font-weight:900;color:#123655} #regional .regional-trend{font-weight:900}.regional-trend.up{color:#b23f3b}.regional-trend.down{color:#3f7450}.regional-trend.flat{color:#617086} #regional .regional-priority-list{padding:9px 11px} #regional .regional-priority-item{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 5px;border-bottom:1px solid #edf1f4} #regional .regional-priority-item:last-child{border-bottom:0} #regional .regional-priority-rank{width:24px;height:24px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#f3f6f9;color:#64748b;font-size:10px;font-weight:900} #regional .regional-priority-item:first-child .regional-priority-rank{background:#123655;color:#fff} #regional .regional-priority-name{font-size:10px;font-weight:900;color:#123655}.regional-priority-meta{margin-top:2px;font-size:9px;color:#8a96a3}.regional-priority-score{text-align:right}.regional-priority-score b{display:block;font-size:14px;color:#123655}.regional-priority-score small{font-size:8px;color:#8a96a3} #regional .regional-detail-panel{margin-top:10px} #regional .regional-accident-top-panel{margin-top:10px} #regional .regional-accident-top-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:0 15px 12px;border-bottom:1px solid #edf1f4} #regional .regional-accident-top-filter{display:flex;align-items:center;gap:8px;min-width:240px} #regional .regional-accident-top-filter label{font-size:8px;font-weight:900;letter-spacing:.9px;color:#8a96a3;white-space:nowrap} #regional .regional-accident-top-filter select{height:34px;min-width:215px;padding:0 30px 0 10px;border:1px solid #dbe2e9;border-radius:9px;background:#fff;color:#123655;font-size:10px;font-weight:800;outline:none;cursor:pointer} #regional .regional-accident-top-filter select:focus{border-color:#b8862e;box-shadow:0 0 0 3px rgba(184,134,46,.10)} #regional .regional-accident-top-summary{font-size:8.5px;color:#8a96a3;text-align:right} #regional .regional-accident-top-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:10px} #regional .regional-accident-top-card{border:1px solid #e8edf2;border-radius:11px;background:#fbfdff;overflow:hidden} #regional .regional-accident-top-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 11px;border-bottom:1px solid #edf1f4;background:#fff} #regional .regional-accident-top-head strong{font-size:10px;letter-spacing:.7px;color:#123655} #regional .regional-accident-top-head span{font-size:8px;font-weight:900;letter-spacing:.8px;color:#8a96a3} #regional .regional-accident-top-list{padding:4px 10px 8px} #regional .regional-accident-top-item{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px 1px;border-bottom:1px solid #edf1f4} #regional .regional-accident-top-item:last-child{border-bottom:0} #regional .regional-accident-top-rank{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:#f1f4f7;color:#66758a;font-size:9px;font-weight:900} #regional .regional-accident-top-item:first-child .regional-accident-top-rank{background:#123655;color:#fff} #regional .regional-accident-top-name{min-width:0;font-size:10px;font-weight:850;color:#2b3d51;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #regional .regional-accident-top-meta{margin-top:2px;font-size:8.5px;color:#8a96a3} #regional .regional-accident-top-count{text-align:right}.regional-accident-top-count b{display:block;font-size:15px;line-height:1;color:#123655}.regional-accident-top-count small{display:block;margin-top:2px;font-size:7.5px;color:#8a96a3;text-transform:uppercase;letter-spacing:.5px} #regional .regional-accident-top-empty{padding:16px 10px;text-align:center;color:#8a96a3;font-size:9px} #regional .regional-accident-top-empty strong{display:block;color:#53687b;font-size:9.5px;margin-bottom:3px} #regional .regional-accident-top-empty span{display:block} #regional .regional-accident-type-panel{margin-top:10px} #regional .regional-accident-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:10px} #regional .regional-accident-type-card{border:1px solid #e8edf2;border-radius:11px;background:#fbfdff;overflow:hidden} #regional .regional-accident-type-list{padding:4px 10px 8px} #regional .regional-accident-type-item{display:grid;grid-template-columns:24px minmax(0,1fr) 76px;gap:8px;align-items:center;padding:9px 1px;border-bottom:1px solid #edf1f4} #regional .regional-accident-type-item:last-child{border-bottom:0} #regional .regional-accident-type-rank{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:#f1f4f7;color:#66758a;font-size:9px;font-weight:900} #regional .regional-accident-type-item:first-child .regional-accident-type-rank{background:#123655;color:#fff} #regional .regional-accident-type-name{min-width:0;font-size:10px;font-weight:850;color:#2b3d51;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #regional .regional-accident-type-meta{margin-top:2px;font-size:8.5px;color:#8a96a3} #regional .regional-accident-type-bar{height:5px;margin-top:5px;border-radius:99px;background:#e9eef3;overflow:hidden} #regional .regional-accident-type-bar span{display:block;height:100%;border-radius:99px;background:#b8862e} #regional .regional-accident-type-count{text-align:right}.regional-accident-type-count b{display:block;font-size:14px;line-height:1;color:#123655}.regional-accident-type-count small{display:block;margin-top:2px;font-size:7.5px;color:#8a96a3;text-transform:uppercase;letter-spacing:.5px} #regional .regional-accident-type-empty{padding:16px 10px;text-align:center;color:#8a96a3;font-size:9px} #regional .regional-accident-type-empty strong{display:block;color:#53687b;font-size:9.5px;margin-bottom:3px} #regional .regional-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px} #regional .regional-detail-card{border:1px solid #e8edf2;border-radius:10px;background:#fbfdff;padding:10px} #regional .regional-detail-card h4{margin:0 0 7px;font-size:10px;color:#123655} #regional .regional-detail-row{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid #edf1f4;font-size:9px} #regional .regional-detail-row:last-child{border-bottom:0}.regional-detail-row span{color:#8a96a3}.regional-detail-row b{color:#344054} @media(max-width:1000px){#regional .regional-exec-grid{grid-template-columns:1fr}#regional .regional-accident-top-grid,#regional .regional-accident-type-grid{grid-template-columns:1fr 1fr}} @media(max-width:700px){#regional.regional-executive-page{padding:12px 12px 30px}#regional .regional-page-hero{flex-direction:column;padding:16px}#regional .regional-page-period{min-width:0;border-left:0;border-top:1px solid rgba(255,255,255,.14);padding:10px 0 0;align-items:flex-start;text-align:left}.regional-exec-kpi-grid{grid-template-columns:1fr!important}.regional-exec-reading{align-items:flex-start!important;flex-direction:column}.regional-reading-badge{align-self:flex-start}.regional-detail-grid{grid-template-columns:1fr!important}.regional-accident-top-grid,.regional-accident-type-grid{grid-template-columns:1fr!important}.regional-accident-top-toolbar{align-items:flex-start!important;flex-direction:column}.regional-accident-top-filter{width:100%;min-width:0}.regional-accident-top-filter select{width:100%;min-width:0}.regional-accident-top-summary{text-align:left!important}} #inteligencia{padding-bottom:28px} #inteligencia .ceo-head{margin-bottom:16px} #inteligencia .ceo-section-title{margin-top:18px} #inteligencia .intelligence-page-note{ padding:12px 15px;border:1px solid var(--line-soft); background:var(--bg-alt);color:var(--muted);font-size:12px;font-weight:650;} @media(max-width:900px){ #inteligencia .premium-grid{grid-template-columns:1fr} } /* ===== (bloco 2 sem id) ===== */ /* FASE 1.11 — HIERARQUIA EXECUTIVA */ #executiveReadingGuide{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:0 0 16px; } .executive-reading-item{ display:flex;align-items:center;gap:9px; padding:9px 11px;border:1px solid var(--line-soft); border-radius:10px;background:var(--bg-alt); } .executive-reading-num{font-size:11px;font-weight:800;opacity:.65} .executive-reading-text{display:flex;flex-direction:column;gap:1px} .executive-reading-text strong{font-size:11px;letter-spacing:.04em} .executive-reading-text span{font-size:11px;color:var(--muted)} @media(max-width:900px){ #executiveReadingGuide{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:560px){ #executiveReadingGuide{grid-template-columns:1fr} } /* ===== (bloco 3 sem id) ===== */ /* ========================================================= FASE 1.13 — REDESIGN DA ABA INTELIGÊNCIA Não altera regras de cálculo nem IDs funcionais internos. ========================================================= */ #inteligencia{ --intel-card:var(--bg-card, #fff); --intel-soft:var(--bg-alt, #f7f8fa); --intel-border:var(--line-soft, #e5e7eb); padding-bottom:34px; } #inteligencia .ceo-head{ margin-bottom:14px; } #inteligencia .ceo-kicker{ letter-spacing:.12em; } #inteligencia .ceo-head h2{ margin-bottom:5px; } #inteligencia .ceo-head p{ max-width:820px; } #inteligencia .intel-data-updated{display:block;margin-top:4px;font-size:10px;font-weight:750;letter-spacing:.02em;color:var(--muted);} /* quick navigation */ #intelligenceQuickNav{ display:flex; gap:7px; flex-wrap:wrap; padding:7px; margin:0 0 22px; border:1px solid var(--intel-border); border-radius:12px; background:var(--intel-soft); } #intelligenceQuickNav .intel-nav-item{ display:inline-flex; align-items:center; gap:7px; padding:7px 10px; border-radius:8px; color:inherit; text-decoration:none; font-size:11px; font-weight:750; transition:transform .15s ease, background .15s ease; } #intelligenceQuickNav .intel-nav-item:hover{ background:var(--intel-card); transform:translateY(-1px); } .intel-nav-num{ font-size:10px; opacity:.55; } /* section headings */ .intel-section-heading{ display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin:24px 0 10px; padding:0 2px 8px; border-bottom:1px solid var(--intel-border); } .intel-section-heading > div{ display:flex; align-items:center; gap:9px; } .intel-section-heading h3{ margin:0; font-size:13px; letter-spacing:.07em; } .intel-section-heading p{ margin:0; max-width:540px; color:var(--muted); font-size:11px; line-height:1.45; text-align:right; } .intel-section-num{ font-size:10px; font-weight:850; opacity:.45; } /* analytical container */ #inteligencia .premium-intelligence{ display:block; margin:0; } #inteligencia .premium-panel{ border-radius:12px; box-shadow:none; overflow:hidden; } #inteligencia .premium-head{ min-height:64px; } #inteligencia .premium-panel > *{ max-width:100%; } #inteligencia .insights-grid{ margin-top:0; gap:10px; } #inteligencia .ceo-methodology{ margin-top:0; border-radius:12px; } #inteligencia .full-table-panel{ margin-top:0; border-radius:12px; } #inteligencia .full-table-panel .panel-head{ padding-bottom:12px; } #inteligencia .intelligence-page-note{ margin-top:16px; border-radius:10px; } /* visually separate the action block inside premium */ #inteligencia #intel-acao{ margin-top:2px; } #inteligencia #intel-acao .premium-head{ padding-top:13px; padding-bottom:13px; } /* mobile */ @media(max-width:900px){ .intel-section-heading{ align-items:flex-start; flex-direction:column; gap:5px; } .intel-section-heading p{ text-align:left; max-width:none; } } @media(max-width:560px){ #intelligenceQuickNav{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); } #intelligenceQuickNav .intel-nav-item{ justify-content:center; } } /* ===== (bloco 4 sem id) ===== */ /* FASE 1.14 — INTELIGÊNCIA: correção do motor de render + acabamento */ #inteligencia .premium-panel{ background:var(--bg-card,#fff); border:1px solid var(--line-soft,#e5e7eb); } #inteligencia .premium-grid{ align-items:stretch; } #inteligencia .premium-panel .premium-head{ border-bottom:1px solid var(--line-soft,#e5e7eb); } #inteligencia #executiveInsights{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; } #inteligencia #executiveInsights .insight-card{ min-height:118px; border:1px solid var(--line-soft,#e5e7eb); border-radius:11px; padding:14px; background:var(--bg-card,#fff); } #inteligencia #executiveInsights .insight-card span{ display:block; font-size:10px; font-weight:850; letter-spacing:.09em; opacity:.58; margin-bottom:7px; } #inteligencia #executiveInsights .insight-card b{ display:block; font-size:17px; line-height:1.1; margin-bottom:7px; } #inteligencia #executiveInsights .insight-card p{ margin:0; font-size:11px; line-height:1.45; color:var(--muted); } #inteligencia .full-table-panel{ overflow:hidden; } @media(max-width:900px){ #inteligencia #executiveInsights{grid-template-columns:1fr} } /* ===== id="intel-premium-final" ===== */ /* FASE 1.15 — INTELIGÊNCIA PREMIUM: hierarquia decisória */ #inteligencia{padding:0 0 42px;background:linear-gradient(180deg,#f7f9fb 0%,#f1f3f6 100%)} #inteligencia .intel-hero{margin-bottom:12px;min-height:132px;align-items:stretch} #inteligencia .intel-hero-status{min-width:230px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding:15px 18px;border-left:1px solid rgba(255,255,255,.14);text-align:right} #inteligencia .intel-hero-status span{font-size:10px;letter-spacing:.14em;font-weight:850;color:rgba(255,255,255,.55)} #inteligencia .intel-hero-status b{font:800 21px/1.1 Manrope,Inter,sans-serif;color:#fff;margin:6px 0} #inteligencia .intel-hero-status small{font-size:10px;color:rgba(255,255,255,.58)} #inteligencia .intel-reading-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:0 0 22px;padding:6px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(14,44,72,.05)} #inteligencia .intel-reading-strip .intel-nav-item{min-height:52px;padding:8px 10px;border-radius:10px;border:1px solid transparent} #inteligencia .intel-reading-strip .intel-nav-item:hover{border-color:var(--line);background:var(--bg-alt);transform:none} #inteligencia .intel-reading-strip .intel-nav-num{font-size:10px;font-weight:900;color:var(--gold)} #inteligencia .intel-reading-strip .intel-nav-item>span:last-child{display:flex;flex-direction:column;gap:2px} #inteligencia .intel-reading-strip .intel-nav-item b{font-size:10px;color:var(--navy-800)} #inteligencia .intel-reading-strip .intel-nav-item small{font-size:10px;color:var(--muted);line-height:1.2} #inteligencia .intel-section-heading{margin:20px 0 10px;padding-bottom:7px} #inteligencia .intel-section-heading.inner{margin:22px 0 10px} #inteligencia .intel-section-heading h3{font-size:12px;letter-spacing:.12em} #inteligencia .intel-section-heading p{font-size:10.5px} #inteligencia .premium-intelligence{display:block} #inteligencia .premium-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:12px} #inteligencia .premium-panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 6px 20px rgba(14,44,72,.045)} #inteligencia .premium-panel .premium-head{min-height:68px;padding:14px 16px;border-bottom:1px solid var(--line-soft)} #inteligencia .premium-head>div>span{ letter-spacing:.12em; color:var(--gold);} #inteligencia .premium-head h4{font-size:13px;margin:4px 0 2px;color:var(--navy-800)} #inteligencia .premium-head small{ color:var(--muted);} #inteligencia .premium-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start} #inteligencia .intel-panel-index{ color:var(--muted-2); } #inteligencia .intel-diagnosis-grid .premium-panel{min-height:250px} #inteligencia .intel-direction-grid .premium-panel{min-height:280px} #inteligencia .intel-action-panel{margin-top:12px} #inteligencia .intel-action-panel .action-plan-grid{padding:16px;gap:10px} #inteligencia .intel-signals-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0} #inteligencia .intel-signals-grid .insight-card{min-height:128px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(14,44,72,.04);padding:15px} #inteligencia .intel-signals-grid .insight-card span{font-size:10px;color:var(--gold);letter-spacing:.12em} #inteligencia .intel-signals-grid .insight-card b{font-size:16px;color:var(--navy-800)} #inteligencia .intel-signals-grid .insight-card p{font-size:10.5px;line-height:1.5} #inteligencia .intel-network-panel{margin-top:0;border-radius:14px} #inteligencia .intel-network-panel .panel-head{padding:15px 16px} #inteligencia .intel-network-panel .table-wrap{border:0;border-radius:0;box-shadow:none} #inteligencia .intel-governance-panel{background:#fff;border:1px solid var(--line);box-shadow:0 5px 18px rgba(14,44,72,.035)} #inteligencia .intel-governance-panel summary{padding:16px 18px} #inteligencia .intelligence-page-note{font-size:10px;margin-top:14px;padding:11px 14px} #inteligencia .intel-view-switch{display:flex;align-items:center;gap:4px;position:absolute;right:248px;top:16px;padding:4px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(4,20,35,.28);backdrop-filter:blur(8px);z-index:3} #inteligencia .intel-view-switch>span{font-size:10px;letter-spacing:.12em;font-weight:900;color:rgba(255,255,255,.48);padding:0 6px} #inteligencia .intel-view-switch button{border:0;background:transparent;color:rgba(255,255,255,.68);font:800 9px Manrope,Inter,sans-serif;padding:7px 10px;border-radius:7px;cursor:pointer;transition:all .18s ease} #inteligencia .intel-view-switch button.active{background:#fff;color:var(--navy-800);box-shadow:0 2px 8px rgba(0,0,0,.12)} #inteligencia[data-intel-view="gerencial"] .intel-hero .ceo-kicker:after{content:' • VISÃO GERENCIAL';color:var(--gold-light)} #inteligencia[data-intel-view="gerencial"] #intel-sinais .intel-section-heading p{font-size:0} #inteligencia[data-intel-view="gerencial"] #intel-sinais .intel-section-heading p:after{content:'Sinais e prioridades para acompanhamento gerencial da operação.';font-size:10.5px} #inteligencia[data-intel-view="gerencial"] #intel-sinais .intel-section-heading h3:after{content:' E PRIORIDADES'} @media(max-width:900px){#inteligencia .intel-view-switch{position:static;width:max-content;margin:-2px 0 10px auto}} @media(max-width:1100px){#inteligencia .intel-reading-strip{grid-template-columns:repeat(3,1fr)}} @media(max-width:900px){ #inteligencia .intel-hero-status{align-items:flex-start;text-align:left;border-left:0;border-top:1px solid rgba(255,255,255,.14);min-width:0} #inteligencia .intel-signals-grid{grid-template-columns:1fr} } @media(max-width:560px){ #inteligencia .intel-reading-strip{grid-template-columns:repeat(2,1fr)} #inteligencia .intel-hero{padding:18px} #inteligencia .intel-hero-status{display:none} } /* ===== id="intel-diagnostico-premium-fix" ===== */ /* FASE 1.16 — DIAGNÓSTICO PREMIUM: correção visual dos componentes renderizados */ #inteligencia .intel-diagnosis-grid{align-items:stretch} #inteligencia .intel-diagnosis-grid .premium-panel{ min-height:0; display:flex; flex-direction:column; background:linear-gradient(180deg,#ffffff 0%,#fbfcfd 100%); border:1px solid #dbe3ea; border-radius:16px; box-shadow:0 8px 24px rgba(15,42,68,.055); } #inteligencia .intel-diagnosis-grid .premium-head{ min-height:82px; padding:16px 18px 14px; background:linear-gradient(180deg,#fff 0%,#f9fbfc 100%); border-bottom:1px solid #e6ebf0; } #inteligencia .premium-head>div{min-width:0} #inteligencia .premium-head>div>span{ display:block; font-size:10px; line-height:1.2; letter-spacing:.14em; font-weight:900; color:#b58224; text-transform:uppercase; } #inteligencia .premium-head h4{ margin:5px 0 3px; font-size:14px; line-height:1.2; letter-spacing:.01em; color:#102d49; } #inteligencia .premium-head small{ display:block; font-size:10px; line-height:1.35; color:#7a8997; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; } #inteligencia .intel-panel-index{ flex:0 0 auto; min-width:24px; height:24px; display:grid; place-items:center; border:1px solid #e3e9ee; border-radius:7px; background:#f7f9fb; color:#9aa7b3; font-size:10px; font-weight:900; } /* Drivers: o problema original era a ausência do escopo #dashboard; aqui o componente passa a ser um bloco real. */ #inteligencia .driver-body{ flex:1; padding:18px; display:flex; flex-direction:column; justify-content:center; gap:0; } #inteligencia .driver-row{ display:grid; grid-template-columns:105px minmax(90px,1fr) 48px 45px; align-items:center; gap:10px; min-height:38px; margin:0; padding:6px 0; border-bottom:1px solid #edf1f4; } #inteligencia .driver-row:last-of-type{border-bottom:0} #inteligencia .driver-row label{ min-width:0; font-size:11px; line-height:1.2; font-weight:800; color:#3c5266; } #inteligencia .driver-row i{ display:block; height:7px; min-width:0; background:#e9eef3; border-radius:99px; overflow:hidden; } #inteligencia .driver-row i b{ display:block; height:100%; max-width:100%; border-radius:99px; background:linear-gradient(90deg,#173f67,#2b6ea7); } #inteligencia .driver-row strong{ font-size:12px; line-height:1; font-weight:900; text-align:right; color:#153b5f; } #inteligencia .driver-row em{ font-size:10px; line-height:1; text-align:right; color:#8796a3; font-style:normal; font-weight:700; } #inteligencia .cause-summary{ margin-top:14px; padding:12px 13px; border:1px solid #eadfca; border-left:3px solid #c39132; border-radius:10px; background:linear-gradient(90deg,#fffaf0,#fffdf9); font-size:11px; line-height:1.55; color:#536577; } #inteligencia .cause-summary b{color:#163b5e} /* Diagnóstico executivo */ #inteligencia .diagnosis-box{ flex:1; padding:18px; display:flex; flex-direction:column; } #inteligencia .diagnosis-status{ display:flex; align-items:center; gap:12px; margin:0 0 16px; padding:12px 13px; border:1px solid #efd4d2; border-left:3px solid #c94c47; border-radius:11px; background:linear-gradient(90deg,#fff7f6,#fffafa); } #inteligencia .diagnosis-status .dot{ flex:0 0 auto; width:10px; height:10px; border-radius:50%; background:#31a56f; box-shadow:0 0 0 5px rgba(49,165,111,.10); } #inteligencia .diagnosis-status .dot.warn{ background:#c39132; box-shadow:0 0 0 5px rgba(195,145,50,.10); } #inteligencia .diagnosis-status .dot.bad{ background:#c94c47; box-shadow:0 0 0 5px rgba(201,76,71,.11); } #inteligencia .diagnosis-status span{ display:block; margin:0 0 3px; font-size:10px !important; line-height:1.2 !important; letter-spacing:.13em !important; font-weight:900 !important; color:#a05b57 !important; } #inteligencia .diagnosis-box h5{ margin:0; font-size:16px; line-height:1.2; font-weight:900; color:#173c5f; } #inteligencia .diagnosis-box p{ margin:0; padding:0 0 16px; font-size:12px; line-height:1.65; color:#526678; } #inteligencia .diagnosis-facts{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin-top:auto; padding-top:4px; } #inteligencia .diagnosis-fact{ min-width:0; padding:9px 10px; border:1px solid #e3e9ee; border-radius:9px; background:#f8fafb; } #inteligencia .diagnosis-fact span{ display:block; margin:0; font-size:10px; line-height:1.2; letter-spacing:.08em; color:#8796a3; font-weight:900; } #inteligencia .diagnosis-fact b{ display:block; margin-top:4px; font-size:13px; line-height:1.1; color:#173c5f; font-weight:900; } /* Evita que textos e blocos posteriores herdem estilos inadequados da área antiga. */ #inteligencia .trend-matrix, #inteligencia .period-compare{box-sizing:border-box} #inteligencia .intel-diagnosis-grid + .intel-section-heading{margin-top:24px} @media(max-width:900px){ #inteligencia .driver-row{grid-template-columns:95px minmax(80px,1fr) 45px 40px} #inteligencia .diagnosis-facts{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:560px){ #inteligencia .driver-row{grid-template-columns:82px minmax(60px,1fr) 40px 36px;gap:7px} #inteligencia .diagnosis-facts{grid-template-columns:1fr 1fr} #inteligencia .premium-head{padding:14px} #inteligencia .driver-body,#inteligencia .diagnosis-box{padding:14px} } /* ============================================================ INTELIGÊNCIA V4 — DIREÇÃO DO RISCO Camada visual exclusiva da seção 02. Não altera cálculos nem IDs funcionais. ============================================================ */ #inteligencia .intel-direction-grid{ grid-template-columns:minmax(0,1.38fr) minmax(330px,.62fr); align-items:stretch; gap:14px; } #inteligencia .intel-direction-grid .premium-panel{ min-width:0; background:linear-gradient(180deg,#ffffff 0%,#fbfcfd 100%); box-shadow:0 8px 24px rgba(16,45,73,.055); } #inteligencia .intel-direction-grid .premium-head{ min-height:76px; padding:16px 18px 13px; background:linear-gradient(180deg,#fff 0%,#fbfcfd 100%); } #inteligencia .intel-direction-grid .premium-head span{ color:#b07a25; font-size:10px; letter-spacing:.15em; } #inteligencia .intel-direction-grid .premium-head h4{ font-size:15px; margin-top:5px; } #inteligencia .intel-direction-grid .premium-head small{ max-width:620px; } #inteligencia .trend-matrix{ padding:18px; min-height:270px; } #inteligencia .direction-summary{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-bottom:14px; } #inteligencia .direction-summary-card{ min-width:0; padding:10px 11px; border:1px solid #e4e9ee; border-radius:10px; background:#f8fafc; } #inteligencia .direction-summary-card span{ display:block; font-size:10px; line-height:1.2; letter-spacing:.09em; text-transform:uppercase; font-weight:900; color:#8a98a5; } #inteligencia .direction-summary-card b{ display:block; margin-top:4px; font-size:18px; line-height:1; color:#163b5e; } #inteligencia .direction-summary-card small{ display:block; margin-top:4px; font-size:10px; color:#7d8b98; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #inteligencia .direction-summary-card.urgent{ border-color:#ecd2d0; background:#fff8f7; } #inteligencia .direction-summary-card.urgent b{color:#bd4742} #inteligencia .risk-matrix-axis{ display:grid; grid-template-columns:108px minmax(0,1fr) minmax(0,1fr); gap:8px; margin-bottom:7px; } #inteligencia .risk-matrix-axis>div{ padding:7px 9px; border-radius:7px; background:#f4f7f9; color:#738391; font-size:10px; line-height:1.2; letter-spacing:.09em; font-weight:900; text-align:center; } #inteligencia .risk-matrix-axis .axis-improving{color:#247b62;background:#f0f8f4} #inteligencia .risk-matrix-axis .axis-worsening{color:#ad4a45;background:#fff4f3} #inteligencia .risk-matrix-grid{ display:grid; grid-template-columns:108px minmax(0,1fr) minmax(0,1fr); grid-template-rows:minmax(92px,1fr) minmax(92px,1fr); gap:8px; } #inteligencia .risk-matrix-grid .matrix-row-label{ display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:12px; border:1px solid #e5eaee; border-radius:10px; background:#f8fafb; } #inteligencia .matrix-row-label b{ font-size:10px; letter-spacing:.08em; color:#42586b; } #inteligencia .matrix-row-label small{ margin-top:4px; font-size:10px; line-height:1.35; color:#8a98a5; } #inteligencia .matrix-cell{ position:relative; min-width:0; padding:11px; border:1px solid #e3e9ee; border-radius:10px; background:#fbfcfd; overflow:hidden; } #inteligencia .matrix-cell::before{ content:""; position:absolute; left:0;top:0;bottom:0; width:3px; background:#cfd8df; } #inteligencia .matrix-cell.urgent{background:#fff8f7;border-color:#eed5d3} #inteligencia .matrix-cell.urgent::before{background:#c94c47} #inteligencia .matrix-cell.recovering{background:#f5faf8;border-color:#d7e9e1} #inteligencia .matrix-cell.recovering::before{background:#35a579} #inteligencia .matrix-cell.attention{background:#fffaf1;border-color:#eee0c8} #inteligencia .matrix-cell.attention::before{background:#c39132} #inteligencia .matrix-cell.controlled{background:#f7fafc} #inteligencia .matrix-cell .cell-title{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:8px; } #inteligencia .matrix-cell .cell-title b{ font-size:10px; letter-spacing:.06em; color:#304b62; } #inteligencia .matrix-cell .cell-title span{ font-size:10px; color:#8795a2; font-weight:800; } #inteligencia .matrix-pills{ display:flex; flex-wrap:wrap; gap:5px; align-items:flex-start; } #inteligencia .matrix-pills .risk-store-pill{ display:inline-flex; align-items:center; gap:6px; max-width:100%; padding:6px 8px; border:1px solid #dfe6eb; border-radius:8px; background:#fff; color:#173c5f; font-size:10px; line-height:1; font-weight:850; box-shadow:0 2px 5px rgba(16,45,73,.035); } #inteligencia .risk-store-pill i{ width:5px;height:5px;border-radius:50%;background:#9aa8b4;flex:0 0 auto; } #inteligencia .matrix-cell.urgent .risk-store-pill i{background:#c94c47} #inteligencia .matrix-cell.recovering .risk-store-pill i{background:#35a579} #inteligencia .matrix-cell.attention .risk-store-pill i{background:#c39132} #inteligencia .matrix-empty{ display:flex; align-items:center; justify-content:center; min-height:52px; color:#9aa7b3; font-size:10px; } #inteligencia .direction-legend{ display:flex; flex-wrap:wrap; gap:12px; margin-top:11px; padding-top:10px; border-top:1px solid #edf1f4; color:#788795; font-size:10px; line-height:1.45; } #inteligencia .direction-legend b{color:#304b62} #inteligencia .direction-legend .legend-dot{ display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px; } #inteligencia .direction-legend .legend-dot.red{background:#c94c47} #inteligencia .direction-legend .legend-dot.green{background:#35a579} #inteligencia .direction-legend .legend-dot.gold{background:#c39132} #inteligencia .direction-reading{ margin-top:12px; padding:11px 12px; border:1px solid #e5eaee; border-radius:10px; background:#f8fafb; color:#536779; font-size:10px; line-height:1.5; } #inteligencia .direction-reading strong{color:#173c5f} #inteligencia .direction-reading .direction-reading-main{ display:block; margin-bottom:3px; font-size:11px; font-weight:900; color:#173c5f; } #inteligencia .intel-direction-grid .period-compare{ min-height:270px; padding:18px; display:flex; flex-direction:column; } #inteligencia .intel-direction-grid .compare-status{ padding-bottom:12px; border-bottom:1px solid #edf1f4; } #inteligencia .intel-direction-grid .compare-months{ font-size:10px; color:#7e8c99; } #inteligencia .intel-direction-grid .compare-kpis{ grid-template-columns:1fr 1fr; gap:8px; margin-top:12px; } #inteligencia .intel-direction-grid .compare-kpi{ min-height:74px; padding:11px 12px; border:1px solid #e3e9ee; border-radius:10px; background:#f8fafb; } #inteligencia .intel-direction-grid .compare-kpi span{ font-size:10px; letter-spacing:.08em; } #inteligencia .intel-direction-grid .compare-kpi b{ font-size:20px; margin-top:5px; } #inteligencia .intel-direction-grid .compare-kpi small{ font-size:10px; font-weight:800; } #inteligencia .direction-compare-note{ margin-top:auto; padding:11px 0 0; color:#7b8a97; font-size:10px; line-height:1.5; } #inteligencia .direction-compare-note strong{color:#304b62} @media(max-width:980px){ #inteligencia .intel-direction-grid{grid-template-columns:1fr} } @media(max-width:640px){ #inteligencia .direction-summary{grid-template-columns:1fr 1fr} #inteligencia .risk-matrix-axis,#inteligencia .risk-matrix-grid{grid-template-columns:78px minmax(0,1fr) minmax(0,1fr)} #inteligencia .risk-matrix-grid{grid-template-rows:minmax(105px,1fr) minmax(105px,1fr)} #inteligencia .matrix-row-label{padding:8px!important} #inteligencia .matrix-row-label small{display:none} } @media(max-width:480px){ #inteligencia .direction-summary{grid-template-columns:1fr} #inteligencia .risk-matrix-axis>div{font-size:10px} #inteligencia .risk-matrix-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto} #inteligencia .risk-matrix-grid .matrix-row-label{grid-column:1/-1;min-height:34px;align-items:center;justify-content:center} #inteligencia .risk-matrix-grid .matrix-row-label small{display:block} } /* ===== id="intel-action" ===== */ #inteligencia .intel-action{overflow:hidden} #inteligencia .action-priority-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 15px 14px} #inteligencia .action-summary-item{border:1px solid var(--line);border-radius:12px;background:#fff;padding:11px 13px;display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:8px} #inteligencia .action-summary-item span{font-size:10px;font-weight:900;letter-spacing:.8px;color:var(--muted)} #inteligencia .action-summary-item b{font-size:22px;line-height:1;color:var(--exec-navy)} #inteligencia .action-summary-item small{grid-column:1;font-size:10px;color:var(--muted-2);margin-top:2px} #inteligencia .action-summary-critical{border-left:3px solid var(--red)} #inteligencia .action-summary-high{border-left:3px solid var(--orange)} #inteligencia .action-summary-monitor{border-left:3px solid var(--green)} #inteligencia .action-plan-grid-detail{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 15px 16px} #inteligencia .intel-action-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:var(--shadow-xs);min-width:0} #inteligencia .intel-action-card.action-priority-1{border-top:3px solid var(--red)} #inteligencia .intel-action-card.action-priority-2{border-top:3px solid var(--orange)} #inteligencia .intel-action-card.action-priority-3{border-top:3px solid var(--blue)} #inteligencia .intel-action-card-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start} #inteligencia .intel-action-card .plan-rank{font-size:10px;font-weight:900;letter-spacing:1px;color:var(--muted-2)} #inteligencia .intel-action-card .plan-store{font-size:16px;margin-top:2px} #inteligencia .action-governance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line-soft)} #inteligencia .action-governance>div{padding:8px 9px;border-radius:9px;background:var(--bg-alt)} #inteligencia .action-governance span{display:block;font-size:10px;font-weight:900;letter-spacing:.08em;color:var(--muted)} #inteligencia .action-governance b{display:block;margin-top:3px;font-size:10px;line-height:1.3;color:var(--text)} @media(max-width:900px){#inteligencia .action-governance{grid-template-columns:1fr}} #inteligencia .action-metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:13px 0;padding:9px 0;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)} #inteligencia .action-metric-row span{min-width:0} #inteligencia .action-metric-row small,#inteligencia .action-reason>span,#inteligencia .action-next>span{display:block;font-size:10px;font-weight:900;letter-spacing:.7px;color:var(--muted-2)} #inteligencia .action-metric-row b{display:block;font-size:11px;color:var(--exec-navy);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #inteligencia .action-reason strong{display:block;font-size:12px;color:var(--exec-navy);margin-top:5px} #inteligencia .action-reason p,#inteligencia .action-next p{font-size:10px;line-height:1.5;color:var(--muted);margin:5px 0 0} #inteligencia .action-next{margin-top:12px;padding:10px 11px;border-radius:9px;background:var(--bg-alt);border:1px solid var(--line-soft)} #inteligencia .action-next p{color:var(--slate);font-weight:650;margin-top:4px} #inteligencia .intel-action-empty{grid-column:1/-1} @media(max-width:1000px){#inteligencia .action-plan-grid-detail{grid-template-columns:1fr 1fr}} @media(max-width:700px){#inteligencia .action-priority-summary,#inteligencia .action-plan-grid-detail{grid-template-columns:1fr}#inteligencia .action-metric-row{grid-template-columns:repeat(2,1fr)}} /* INTELIGÊNCIA PREMIUM V6 — Sinais para a Diretoria */ .intel-signals-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:28px} .intel-signals-grid .insight-signal{position:relative;min-height:220px;padding:22px 20px 20px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#fff 0%,#f9fbfd 100%);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden} .intel-signals-grid .insight-signal:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--line-strong)} .intel-signals-grid .insight-signal.critical:before{background:var(--red)} .intel-signals-grid .insight-signal.attention:before{background:var(--orange)} .intel-signals-grid .insight-signal.positive:before{background:var(--green)} .intel-signals-grid .insight-signal.normal:before{background:var(--blue)} .intel-signals-grid .insight-signal.neutral:before{background:var(--muted-2)} .signal-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px} .signal-index{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--muted-2)} .signal-tag{font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--muted)} .intel-signals-grid .insight-signal>b{font-size:23px;line-height:1.15;color:var(--heading);margin-bottom:10px} .intel-signals-grid .insight-signal p{font-size:12px;line-height:1.55;color:var(--slate);margin:0 0 12px} .intel-signals-grid .insight-signal p strong{color:var(--heading)} .intel-signals-grid .insight-signal small{font-size:10.5px;line-height:1.5;color:var(--muted);margin-top:auto;padding-top:12px;border-top:1px solid var(--line-soft)} @media(max-width:1100px){.intel-signals-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:680px){.intel-signals-grid{grid-template-columns:1fr}} /* ===== id="launch-visual-refinement-v11" ===== */ /* V11 — refinamento visual da operação de Lançamentos */ #lancamentos{padding-top:28px} #lancamentos .launch-pro-head{margin-bottom:22px;align-items:center} #lancamentos .launch-kicker{color:#6d7b8c;font-size:10px;letter-spacing:.16em} #lancamentos .launch-pro-head h2{font-size:32px;line-height:1.05;font-weight:800;color:#10253a;margin:7px 0 6px} #lancamentos .launch-pro-head p{font-size:13px;max-width:700px;color:#6b7788} #lancamentos .launch-period-badge{min-width:170px;padding:13px 17px;border-radius:14px;border-color:#d9e1e9;background:linear-gradient(180deg,#fff,#f9fbfd);box-shadow:0 6px 18px rgba(20,35,55,.055)} #lancamentos .launch-period-badge b{font-size:16px;color:#10253a} #lancamentos .launch-hero-card{position:relative;overflow:hidden;padding:20px 22px;border-radius:16px;border-color:#dbe3eb;background:linear-gradient(100deg,#fff 0%,#f8fafc 70%,#f3f7fb 100%);box-shadow:0 8px 22px rgba(20,35,55,.055)} #lancamentos .launch-hero-card:after{content:"";position:absolute;right:-70px;top:-85px;width:190px;height:190px;border-radius:50%;background:rgba(46,111,242,.045);pointer-events:none} #lancamentos .launch-hero-copy{position:relative;z-index:1;gap:13px} #lancamentos .launch-hero-icon{width:46px;height:46px;border-radius:12px;background:#0e2c48;box-shadow:0 7px 18px rgba(14,44,72,.16);font-size:24px} #lancamentos .launch-hero-copy b{font-size:15px;color:#10253a} #lancamentos .launch-hero-copy small{font-size:11px;color:#758295} #lancamentos .launch-new-btn{height:42px;min-width:205px;border-radius:10px;box-shadow:0 7px 16px rgba(46,111,242,.14)} #lancamentos .launch-summary-grid{gap:10px;margin-bottom:16px} #lancamentos .launch-summary-grid>div{min-height:76px;padding:14px 16px;border-radius:13px;border-color:#dfe6ed;box-shadow:0 3px 12px rgba(20,35,55,.035);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease} #lancamentos .launch-summary-grid>div:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(20,35,55,.06);border-color:#d2dce6} #lancamentos .launch-summary-grid span{font-size:10px;color:#7b8796} #lancamentos .launch-summary-grid b{font-size:24px;color:#10253a} #lancamentos .launch-list-card{border-radius:16px;border-color:#dbe3eb;box-shadow:0 8px 24px rgba(20,35,55,.045)} #lancamentos .launch-list-head{padding:18px 20px 13px} #lancamentos .launch-list-head h3{font-size:17px;color:#142a40} #lancamentos .launch-list-head p{font-size:11px} #lancamentos .launch-count{padding:7px 10px;border:1px solid #e1e7ed;border-radius:9px;background:#f8fafc;color:#5f6d7d} #lancamentos .launch-filters{padding:0 20px 15px;gap:9px} #lancamentos .launch-filters .field label{margin-bottom:5px;display:block;color:#778496} #lancamentos .launch-filters select,#lancamentos .launch-filters input{height:37px;border-radius:9px;border-color:#d8e0e8;background:#fbfcfd;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease} #lancamentos .launch-filters select:focus,#lancamentos .launch-filters input:focus{outline:none;border-color:#8fb2e7;background:#fff;box-shadow:0 0 0 3px rgba(46,111,242,.09)} #lancamentos .launch-table{font-size:11.5px} #lancamentos .launch-table th{padding:10px 13px;background:#f7f9fb;color:#718093;font-size:10px;letter-spacing:.09em} #lancamentos .launch-table td{padding:11px 13px;border-bottom-color:#edf1f4} #lancamentos .launch-table tbody tr{transition:background .15s ease} #lancamentos .launch-table tbody tr:hover td{background:#f8fbff} #lancamentos .launch-type{font-size:11px} #lancamentos .launch-type-dot{width:7px;height:7px;box-shadow:0 0 0 3px rgba(120,130,145,.08)} #lancamentos .launch-row-actions button{border-radius:8px;padding:6px 9px;color:#445365;transition:all .16s ease} #lancamentos .launch-row-actions button:hover{border-color:#b9c8d8;background:#f5f8fb;color:#17314c} /* modal */ .launch-modal-backdrop{background:rgba(7,18,30,.56);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);padding:18px} .launch-modal{width:min(760px,100%);height:min(760px,calc(100vh - 36px));max-height:calc(100vh - 36px);border:1px solid rgba(218,226,235,.9);border-radius:18px;box-shadow:0 34px 90px rgba(0,0,0,.28);overflow:hidden;display:flex;flex-direction:column} .launch-modal-head{padding:19px 22px 16px;background:linear-gradient(180deg,#fff,#fbfcfd);border-bottom-color:#e8edf2;flex:0 0 auto} .launch-modal-head .launch-kicker{font-size:10px;color:#738196} .launch-modal-head h3{font-size:20px;color:#10253a;letter-spacing:-.02em} .launch-modal-head p{font-size:11px;color:#748195;margin-top:4px} .launch-close{width:32px;height:32px;border:1px solid #e0e6ec;background:#f7f9fb;color:#647386;transition:all .16s ease} .launch-close:hover{background:#eef3f7;border-color:#ccd7e1;color:#10253a;transform:translateY(-1px)} .launch-stepbar{padding:12px 22px;background:#f7f9fb;border-bottom:1px solid #e7ecf1;align-items:center} .launch-stepbar>span:not(.launch-step){color:#b0b9c4;font-size:13px} .launch-step{font-size:10px;letter-spacing:.09em;color:#9aa5b2;padding:5px 7px;border-radius:7px;transition:all .18s ease} .launch-step.active{color:#0e2c48;background:#eaf1f8} .launch-modal-body{padding:22px 24px 24px;min-height:0;flex:1 1 auto;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable} .launch-form-label{font-size:10px;letter-spacing:.1em;color:#728094;margin-bottom:7px} .launch-form input,.launch-form select,.launch-form textarea{border-color:#d6dfe8;border-radius:9px;background:#fbfcfd;padding:10px 11px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease} .launch-form input:focus,.launch-form select:focus,.launch-form textarea:focus{outline:none;border-color:#8eb0df;background:#fff;box-shadow:0 0 0 3px rgba(46,111,242,.08)} .launch-type-grid{gap:12px} .launch-type-choice{position:relative;min-height:96px;padding:15px 16px;border-radius:13px;border-color:#dbe3ea;background:linear-gradient(180deg,#fff,#fbfcfd);box-shadow:0 3px 10px rgba(20,35,55,.025);transition:all .18s ease} .launch-type-choice:before{content:"";display:block;width:8px;height:8px;border-radius:50%;margin-bottom:12px;background:#9ba6b3;box-shadow:0 0 0 4px rgba(155,166,179,.08)} .launch-type-choice[data-launch-type="FURTO"]:before{background:#c44545;box-shadow:0 0 0 4px rgba(196,69,69,.09)} .launch-type-choice[data-launch-type="ACIDENTE_INTERNO"]:before{background:#d58a21;box-shadow:0 0 0 4px rgba(213,138,33,.10)} .launch-type-choice[data-launch-type="ACIDENTE_EXTERNO"]:before{background:#2e6ff2;box-shadow:0 0 0 4px rgba(46,111,242,.10)} .launch-type-choice:hover{border-color:#b9c8d7;transform:translateY(-1px);box-shadow:0 7px 18px rgba(20,35,55,.06)} .launch-type-choice.active{border-color:#173a5d;background:#123655;color:#fff;box-shadow:0 10px 22px rgba(18,54,85,.16)} .launch-type-choice.active:before{background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.12)} .launch-type-choice b{font-size:12px;letter-spacing:.01em} .launch-type-choice small{font-size:10px;line-height:1.35;margin-top:6px} .launch-doc-grid{gap:9px} .launch-doc-option{min-height:44px;border-color:#dce3ea;border-radius:10px;padding:10px 11px;background:#fff;font-size:11px;transition:all .16s ease} .launch-doc-option:hover{border-color:#bdcbd9;background:#fafcff} .launch-doc-option.checked{border-color:#a9bdd2;background:#f3f7fb;box-shadow:inset 3px 0 0 #2e6ff2} .launch-doc-option input{accent-color:#2e6ff2} .launch-review{border-color:#dbe3ea;border-radius:12px;background:#f7f9fb;padding:15px 16px} .launch-review-row{padding:8px 0;border-bottom-color:#e5eaf0;font-size:11px} .launch-review-row span{color:#7a8797} .launch-review-row b{color:#24384c;text-align:right} .launch-confirm-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#e8f5ee;color:#27714d;font-size:22px;margin-bottom:10px}.launch-modal-foot .btn{ min-height:42px!important; border-radius:9px; padding:0 14px; font-weight:800; font-size:12px; } /* .launch-modal-foot #launchNextBtn{} consolidado em v30-30-launch-polish (mais abaixo) */ .launch-error{padding:8px 10px;border-radius:8px;background:#fff2f1;border:1px solid #f2d0cc;color:#a3322a;font-size:10.5px;margin-top:10px} .launch-detail-grid{ } .launch-detail-box{border-color:#dfe6ed; padding:11px;} .launch-detail-box span{ color:#7b8898;} .launch-detail-box b{font-size:11px;color:#263b50} @media(max-width:700px){ #lancamentos .launch-pro-head{gap:14px} #lancamentos .launch-period-badge{width:100%;box-sizing:border-box;text-align:left} .launch-modal-body{padding:18px} .launch-modal-head,.launch-modal-foot,.launch-stepbar{padding-left:18px;padding-right:18px} } /* V13 — refinamento profissional do detalhe da ocorrência */ .launch-stepbar{flex:0 0 auto} .launch-modal-body{overscroll-behavior:contain} .launch-form-grid{align-content:start} .launch-form textarea{min-height:96px} @media(max-width:650px){.launch-modal{height:96vh;max-height:96vh}.launch-modal-body{padding:18px 16px 22px}.launch-modal-foot{padding:12px 16px}} #launchDetailBackdrop .launch-modal{width:min(820px,100%);border-radius:20px} #launchDetailBackdrop .launch-modal-head{padding:20px 24px 18px} #launchDetailBackdrop .launch-modal-head h3{font-size:22px} #launchDetailBackdrop .launch-modal-body{padding:22px 24px 24px;background:#fbfcfd} .launch-detail-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border:1px solid #dfe6ed;border-radius:15px;background:linear-gradient(135deg,#fff,#f5f8fb);margin-bottom:14px} .launch-detail-hero-main{display:flex;align-items:center;gap:13px;min-width:0} .launch-detail-symbol{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#123655;color:#fff;font-weight:900;font-size:16px;box-shadow:0 7px 16px rgba(18,54,85,.15)} .launch-detail-hero-main b{display:block;font-size:15px;color:#10253a} .launch-detail-hero-main small{display:block;margin-top:4px;color:#778497; } .launch-detail-status{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#edf7f0;color:#39734a;font-size:10px;font-weight:900;letter-spacing:.06em;white-space:nowrap} .launch-detail-section{border:1px solid #e0e6ed;border-radius:14px;background:#fff;padding:14px 15px; } .launch-detail-section-title{font-size:10px;font-weight:900;letter-spacing:.11em;color:#7a8797;margin-bottom:11px} .launch-detail-grid{ gap:9px;} .launch-detail-box{min-height:54px;display:flex;flex-direction:column;justify-content:center;border-color:#e3e8ee;background:#fbfcfd;padding:10px 11px} .launch-detail-box b{line-height:1.35} .launch-detail-docs{display:flex;flex-wrap:wrap;gap:7px} .launch-detail-doc-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #dfe6ed;border-radius:9px;background:#f8fafc;color:#415267;font-size:10px;font-weight:800} .launch-detail-doc-chip.ok{border-color:#cfe4d7;background:#f2f8f4;color:#39734a} .launch-detail-observation{font-size:12px;line-height:1.55;color:#445365;white-space:pre-wrap} .launch-detail-footer-note{font-size:10px;color:#8a95a3;margin-top:10px} #launchDetailBackdrop .launch-modal-foot{justify-content:flex-end} #launchDetailBackdrop .launch-modal-foot .btn{min-width:92px} @media(max-width:650px){.launch-detail-hero{align-items:flex-start;flex-direction:column}.launch-detail-grid{grid-template-columns:1fr}} /* V16 — exclusão administrativa com rastreabilidade */ .launch-detail-admin-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%} .launch-detail-admin-actions #launchDetailAdminAction{display:flex;align-items:center} .launch-admin-label{font-size:10px;font-weight:800;letter-spacing:.08em;color:#8a3d3d;margin-right:4px} .launch-delete-btn{border:1px solid #f1b8b8;background:#fff6f6;color:#b42318;border-radius:9px;padding:9px 13px;font-weight:700;cursor:pointer;font-size:12px} .launch-delete-btn:hover{background:#feecec;border-color:#e58a8a} .launch-delete-dialog{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(9,18,33,.56);backdrop-filter:blur(4px);z-index:9999;padding:20px} .launch-delete-dialog.open{display:flex} .launch-delete-card{width:min(520px,100%);background:#fff;border:1px solid #e5e9ef;border-radius:16px;box-shadow:0 24px 70px rgba(10,25,45,.24);overflow:hidden} .launch-delete-head{padding:22px 24px 16px;border-bottom:1px solid #edf0f4} .launch-delete-head .kicker{font-size:10px;letter-spacing:.12em;font-weight:800;color:#b42318;margin-bottom:6px} .launch-delete-head h3{margin:0;color:#142033;font-size:18px} .launch-delete-head p{margin:7px 0 0;color:#687386;font-size:12px;line-height:1.5} .launch-delete-body{padding:20px 24px} .launch-delete-warning{display:flex;gap:12px;align-items:flex-start;background:#fff8f0;border:1px solid #f3d3aa;border-radius:10px;padding:12px;margin-bottom:16px;color:#7a4b14;font-size:12px;line-height:1.45} .launch-delete-warning strong{display:block;color:#6b3f0d;margin-bottom:2px} .launch-delete-body label{display:block;font-size:10px;letter-spacing:.08em;font-weight:800;color:#586579;margin-bottom:7px} .launch-delete-body textarea{width:100%;min-height:92px;resize:vertical;border:1px solid #d9dee7;border-radius:9px;padding:11px 12px;font:inherit;font-size:13px;box-sizing:border-box;outline:none} .launch-delete-body textarea:focus{border-color:#60748f;box-shadow:0 0 0 3px rgba(68,91,122,.10)} .launch-delete-foot{display:flex;justify-content:flex-end;gap:10px;padding:15px 24px;border-top:1px solid #edf0f4;background:#fafbfd} .launch-delete-confirm{border:0;background:#b42318;color:#fff;border-radius:9px;padding:10px 15px;font-weight:800;cursor:pointer} .launch-delete-confirm:hover{background:#971b12} @media(max-width:620px){.launch-detail-admin-actions{align-items:stretch;flex-direction:column}.launch-delete-btn{width:100%}.launch-delete-foot{flex-direction:column-reverse}.launch-delete-foot .btn,.launch-delete-confirm{width:100%}} /* V15 — detalhe da ocorrência: hierarquia, responsável e observação */ #launchDetailBackdrop .launch-modal{max-height:min(88vh,900px);display:flex;flex-direction:column;overflow:hidden} #launchDetailBackdrop .launch-modal-body{overflow:auto} .launch-detail-hero{padding:20px 22px;background:linear-gradient(135deg,#ffffff 0%,#f4f7fa 100%);border-color:#d9e2ea} .launch-detail-hero-main{gap:14px} .launch-detail-symbol{width:46px;height:46px;border-radius:14px;font-size:15px;background:#0f2f4a} .launch-detail-hero-main b{font-size:16px;letter-spacing:-.01em} .launch-detail-hero-main small{font-size:11px} .launch-detail-section{padding:16px 17px;margin-top:12px;box-shadow:0 2px 8px rgba(25,45,65,.025)} .launch-detail-section-title{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#5f7082} .launch-detail-section-title::before{content:"";width:3px;height:14px;border-radius:3px;background:#2e6ff2;display:inline-block} .launch-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .launch-detail-box{min-height:58px;padding:11px 12px;border-radius:10px;background:#f8fafc} .launch-detail-box span{font-size:10px;font-weight:900;letter-spacing:.08em;color:#8290a0;margin-bottom:5px} .launch-detail-box b{font-size:12px;color:#20384f} .launch-detail-outcome{display:inline-flex;align-items:center;gap:6px;width:max-content;padding:5px 8px;border-radius:7px;font-size:11px!important} .launch-detail-outcome.good{background:#edf8f1;color:#287047!important} .launch-detail-outcome.bad{background:#fff0ef;color:#a53a32!important} .launch-detail-responsible{display:flex;align-items:center;gap:12px;padding:12px 13px;border:1px solid #e2e8ee;border-radius:11px;background:#f9fbfc} .launch-detail-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e8eef5;color:#24415d;font-weight:900;font-size:12px;flex:0 0 auto} .launch-detail-responsible-main{min-width:0} .launch-detail-responsible-main small{display:block;font-size:10px;font-weight:900;letter-spacing:.08em;color:#8390a0;margin-bottom:3px} .launch-detail-responsible-main b{display:block;font-size:12px;color:#20384f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .launch-detail-observation-wrap{padding:12px 13px;border:1px solid #e2e8ee;border-radius:11px;background:#f9fbfc} .launch-detail-observation{font-size:11.5px;color:#405266} .launch-detail-empty{color:#8a95a3;font-style:italic} @media(max-width:650px){.launch-detail-hero{padding:17px}.launch-detail-section{padding:14px}} /* V20 — Comparativo mensal: redesign executivo */ /* V21 — Evolução Diária profissional */ .evo-pro{display:flex;flex-direction:column;gap:14px}.evo-hero{display:flex;justify-content:space-between;align-items:stretch;gap:18px;padding:24px 26px;border:1px solid #dfe5ee;border-radius:18px;background:linear-gradient(135deg,#f8fafc 0%,#eef3f8 100%);box-shadow:0 10px 28px rgba(25,45,75,.07)}.evo-kicker{font-size:10px;font-weight:900;letter-spacing:1.2px;color:#65748a}.evo-hero h3{margin:6px 0 5px;font-size:25px;color:#172235}.evo-hero p{margin:0;max-width:760px;color:#68768a;font-size:13px;line-height:1.55}.evo-period{min-width:205px;padding:15px 17px;border-radius:14px;background:#fff;border:1px solid #dfe5ee;display:flex;flex-direction:column;justify-content:center}.evo-period span,.evo-mini-head span{font-size:10px;letter-spacing:.9px;font-weight:900;color:#7b8798}.evo-period b{font-size:17px;color:#172235;margin-top:3px}.evo-period small{margin-top:6px;font-weight:800;color:#617086}.evo-controls{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:13px;align-items:end}.evo-control-note{min-height:64px;padding:11px 14px;border:1px dashed #d5dde8;border-radius:12px;background:#fbfcfe;display:flex;flex-direction:column;justify-content:center}.evo-control-note b{font-size:11px;color:#344257}.evo-control-note span{font-size:11px;color:#7a8798;margin-top:3px}.evo-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.evo-kpi{background:#fff;border:1px solid #dfe5ee;border-radius:14px;padding:15px 16px;box-shadow:0 7px 20px rgba(25,45,75,.05)}.evo-kpi-label{font-size:10px;letter-spacing:.8px;font-weight:900;color:#7b8798}.evo-kpi-value{font-size:25px;font-weight:900;color:#172235;margin-top:5px}.evo-kpi-note{font-size:10px;color:#78869a;margin-top:4px}.evo-main-grid{display:grid;grid-template-columns:1.55fr .75fr;gap:14px}.evo-attention-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.evo-panel{background:#fff;border:1px solid #dfe5ee;border-radius:16px;box-shadow:0 7px 20px rgba(25,45,75,.045);overflow:hidden}.evo-panel-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px 13px;border-bottom:1px solid #edf1f5}.evo-panel-head h4{margin:0;font-size:11px;letter-spacing:.7px;color:#29374a}.evo-panel-head small{display:block;margin-top:4px;color:#7a8798;font-size:10px}.evo-panel-head>span{font-size:10px;font-weight:900;color:#7a8798;letter-spacing:.5px}.evo-chart{height:290px;padding:18px 18px 12px;display:flex;align-items:flex-end;gap:5px;overflow-x:auto}.evo-bar-wrap{height:100%;min-width:24px;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.evo-bar-value{font-size:10px;font-weight:900;color:#536175;min-height:12px}.evo-bar{width:100%;max-width:32px;min-height:2px;border-radius:6px 6px 2px 2px;background:#d5dde8;transition:.18s}.evo-bar.active{background:#24364f}.evo-bar.peak{background:#b24a4a}.evo-bar-label{font-size:10px;color:#7d8999;white-space:nowrap}.evo-reading{padding:18px 18px 8px}.evo-reading strong{display:block;font-size:17px;color:#172235}.evo-reading p{margin:7px 0 0;font-size:12px;line-height:1.55;color:#68768a}.evo-reading .evo-reading-tag{display:inline-flex;margin-bottom:9px;padding:5px 8px;border-radius:999px;background:#f1f4f8;color:#536175;font-size:10px;font-weight:900;letter-spacing:.4px}.evo-acc-wrap{margin:9px 18px 18px;padding:13px;border-radius:12px;background:#f8fafc;border:1px solid #e8edf3}.evo-mini-head{display:flex;justify-content:space-between;align-items:center}.evo-mini-head b{font-size:15px;color:#172235}.evo-progress{height:7px;background:#e9eef4;border-radius:99px;overflow:hidden;margin:9px 0 6px}.evo-progress span{display:block;height:100%;width:0;background:#263a56;border-radius:99px}.evo-acc-wrap small{font-size:10px;color:#8994a3}.evo-attention-list{padding:8px 14px 14px}.evo-attention-item{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:11px 5px;border-bottom:1px solid #edf1f5}.evo-attention-item:last-child{border-bottom:0}.evo-attention-rank{width:28px;height:28px;border-radius:9px;background:#f2f5f8;display:grid;place-items:center;font-size:10px;font-weight:900;color:#5f6d80}.evo-attention-day b{display:block;font-size:12px;color:#27354a}.evo-attention-day small{font-size:10px;color:#8490a0}.evo-attention-total{font-size:16px;font-weight:900;color:#172235}.evo-profile{padding:18px}.evo-profile-row{display:grid;grid-template-columns:105px 1fr 38px;gap:10px;align-items:center;margin-bottom:13px}.evo-profile-row:last-child{margin-bottom:0}.evo-profile-row label{font-size:10px;color:#66758a}.evo-profile-track{height:8px;border-radius:99px;background:#edf1f5;overflow:hidden}.evo-profile-track span{display:block;height:100%;border-radius:99px;background:#50627a}.evo-profile-row b{text-align:right;font-size:11px;color:#334258}.evo-table-panel .table-wrap{max-height:430px}.evo-table-panel table{min-width:850px}.evo-table-panel thead th{position:sticky;top:0;z-index:2;background:#f8fafc}.evo-table-panel tbody tr{cursor:pointer}.evo-table-panel tbody tr:hover{background:#f7f9fb}.evo-table-panel tbody tr.evo-selected{background:#eef3f8;box-shadow:inset 3px 0 0 #263a56}.evo-var-up{color:#a33f3f!important;font-weight:900}.evo-var-down{color:#3d6c51!important;font-weight:900}.evo-var-flat{color:#7a8798!important;font-weight:900}.evo-day-btn{border:0;background:none;padding:0;font:inherit;cursor:pointer;color:#24344c}.evo-day-btn:hover{text-decoration:underline}.evo-empty{padding:25px;text-align:center;color:#7d8998;font-size:12px} .compare-pro{display:grid;gap:18px} .compare-hero{display:grid;grid-template-columns:1.45fr .55fr;gap:16px} .compare-hero-main{padding:28px 30px;border-radius:22px;background:linear-gradient(135deg,#0c2035 0%,#173f62 62%,#1d5b70 100%);color:#fff;position:relative;overflow:hidden;min-height:180px;display:flex;flex-direction:column;justify-content:center} .compare-hero-main:before{content:"COMPARATIVO";position:absolute;right:-12px;bottom:-34px;font-size:92px;font-weight:1000;letter-spacing:-.08em;color:rgba(255,255,255,.045)} .compare-kicker{font-size:10px;letter-spacing:.16em;font-weight:900;opacity:.72} .compare-hero-main h3{margin:8px 0 7px;font-size:30px;letter-spacing:-.035em} .compare-hero-main p{margin:0;max-width:700px;color:rgba(255,255,255,.78);font-size:13px;line-height:1.6} .compare-hero-side{padding:24px;border:1px solid var(--border);border-radius:22px;background:var(--card);display:flex;flex-direction:column;justify-content:center;box-shadow:0 8px 28px rgba(15,31,48,.06)} .compare-hero-side span,.compare-kpi-pro span,.compare-panel-head span{font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--muted)} .compare-hero-side b{font-size:31px;margin:7px 0 4px;letter-spacing:-.04em} .compare-hero-side small{color:var(--muted);line-height:1.45} .compare-panel{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:20px;overflow:hidden;box-shadow:0 5px 22px rgba(15,31,48,.035)} .compare-controls-pro{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:14px} .compare-controls-pro .field{min-width:0}.compare-controls-pro input{height:44px;font-weight:800} .compare-quick{display:flex;gap:8px;align-items:center;height:44px}.compare-quick button{height:38px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:var(--soft);font-weight:900;font-size:11px;cursor:pointer}.compare-quick button:hover{transform:translateY(-1px)} .compare-period-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:11px 14px;border-radius:12px;background:var(--soft);font-size:11px;color:var(--muted)} .compare-period-strip b{color:var(--text)} .compare-kpis-pro{display:grid;grid-template-columns:repeat(4,1fr);gap:12px} .compare-kpi-pro{padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--card);box-shadow:0 5px 20px rgba(15,31,48,.04);position:relative;overflow:hidden} .compare-kpi-pro:after{content:"";position:absolute;right:-24px;bottom:-34px;width:90px;height:90px;border-radius:50%;background:var(--soft)} .compare-kpi-pro b{display:block;font-size:29px;margin:6px 0 4px;letter-spacing:-.04em;position:relative;z-index:1} .compare-kpi-pro small{font-weight:850;position:relative;z-index:1}.compare-kpi-pro small.up{color:var(--red)}.compare-kpi-pro small.down{color:var(--green)}.compare-kpi-pro small.neutral{color:var(--muted)} .compare-grid-pro{display:grid;grid-template-columns:1.25fr .75fr;gap:16px} .compare-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:16px}.compare-panel-head h4{margin:0;font-size:13px;letter-spacing:.02em}.compare-panel-head small{display:block;color:var(--muted);margin-top:5px;font-size:11px} .compare-trend{display:flex;align-items:flex-end;gap:12px;height:205px;padding:10px 6px 0;border-bottom:1px solid var(--border)} .compare-month-col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;min-width:45px;position:relative} .compare-bar-wrap{height:155px;width:100%;display:flex;align-items:flex-end;justify-content:center}.compare-bar{width:min(42px,72%);border-radius:9px 9px 4px 4px;background:linear-gradient(180deg,#5c88ad,#173b5f);min-height:5px;transition:height .35s;box-shadow:0 5px 12px rgba(23,59,95,.12)}.compare-month-col.current .compare-bar{background:linear-gradient(180deg,#48a989,#176a58);box-shadow:0 5px 12px rgba(23,106,88,.16)} .compare-month-col b{font-size:12px}.compare-month-col small{font-size:10px;color:var(--muted);font-weight:850}.compare-month-col.current:before{content:"ATUAL";position:absolute;top:0;font-size:10px;font-weight:1000;letter-spacing:.1em;color:var(--green)} .compare-reading{display:grid;gap:12px}.compare-reading .reading-main{padding:16px;border-radius:14px;background:var(--soft);font-size:13px;line-height:1.55}.compare-reading .reading-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.compare-reading .reading-item{padding:12px;border:1px solid var(--border);border-radius:12px}.compare-reading .reading-item span{display:block;font-size:10px;font-weight:900;letter-spacing:.08em;color:var(--muted)}.compare-reading .reading-item b{display:block;margin-top:4px;font-size:16px} .compare-table-pro table{min-width:820px}.compare-table-pro thead th{position:sticky;top:0;z-index:2;background:var(--card)}.compare-table-pro tbody tr:hover{background:rgba(25,65,100,.035)}.compare-store-cell{display:flex;align-items:center;gap:9px}.compare-store-rank{width:28px;height:28px;border-radius:9px;background:var(--soft);display:grid;place-items:center;font-size:10px;font-weight:900;color:var(--muted)} .compare-delta{font-weight:900}.compare-delta.up{color:var(--red)}.compare-delta.down{color:var(--green)}.compare-delta.neutral{color:var(--muted)}.compare-direction{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:1000;letter-spacing:.06em}.compare-direction.good{color:var(--green)}.compare-direction.bad{color:var(--red)}.compare-direction.flat{color:var(--muted)} @media(max-width:900px){.compare-hero,.compare-grid-pro{grid-template-columns:1fr}.compare-kpis-pro{grid-template-columns:repeat(2,1fr)}.compare-controls-pro{grid-template-columns:1fr 1fr}.compare-quick{grid-column:1/-1}} @media(max-width:600px){.compare-kpis-pro{grid-template-columns:1fr}.compare-hero-main h3{font-size:23px}.compare-controls-pro{grid-template-columns:1fr}.compare-period-strip{align-items:flex-start;flex-direction:column}} /* ===== id="v26-executive-topbar" ===== */ /* V26 — refinamento executivo do cabeçalho; IDs funcionais preservados. */ .top{ display:grid;grid-template-columns:minmax(260px,1fr) minmax(600px,auto);align-items:center;gap:28px; margin:-var(--space-1) -var(--space-1) var(--space-5);padding:10px 0 16px;min-height:94px; border-bottom:1px solid #e4eaf0; } .top-context{min-width:0;padding-left:2px} .top-title-row{display:flex;align-items:center;gap:9px;min-height:18px} .top-section-kicker{font-size:10px;font-weight:900;letter-spacing:1.35px;color:var(--navy-700);text-transform:uppercase} .region-badge{display:inline-flex;align-items:center;height:21px;padding:0 8px;border:1px solid #d8e2ec;border-radius:999px;background:#f7f9fc;color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.45px;text-transform:uppercase} .top h1{margin-top:5px;font-size:25px;line-height:1.08;letter-spacing:-.7px;color:var(--exec-navy)} .top .sub{margin-top:5px;font-size:10px;line-height:1.35;letter-spacing:.45px;text-transform:uppercase;color:var(--muted);font-weight:750} .actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:0} /* .context-row{} consolidado em v34-enterprise-ux (mais abaixo) */ .action-row{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:100%} .period-control input{font-size:13px;min-width:122px} .user-chip{height:42px;box-sizing:border-box;padding:5px 11px;border-radius:11px;gap:8px;box-shadow:0 3px 10px rgba(8,31,53,.045);border-color:#dfe6ee;min-width:118px} .user-chip > span{width:7px;height:7px;border-radius:50%;background:var(--blue);font-size:0;box-shadow:0 0 0 4px rgba(46,111,242,.10);flex:0 0 auto} .user-chip b{font-size:12px;line-height:1.1;display:block}.user-chip small{font-size:10px;line-height:1.2;margin-top:2px;text-transform:uppercase;letter-spacing:.35px} .system-status{height:42px;box-sizing:border-box;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid #dfe6ee;background:#fff;border-radius:11px;box-shadow:0 3px 10px rgba(8,31,53,.045);white-space:nowrap} .system-status span{font-size:10px;font-weight:750;color:var(--muted)} .save-state{min-width:0;height:42px;box-sizing:border-box;display:flex;align-items:center;padding:0 11px;border:1px dashed #d9e1e9;background:rgba(255,255,255,.58);border-radius:11px;font-size:10px;color:var(--muted-2);white-space:nowrap} /* .action-row .btn{} consolidado em v34-enterprise-ux (mais abaixo) */ #logoutBtn{min-width:82px;background:#fff7f7}#saveBtn{min-width:170px;font-weight:850;letter-spacing:.15px} @media(max-width:1250px){.top{grid-template-columns:1fr}.actions{align-items:stretch}.context-row,.action-row{justify-content:flex-start}} @media(max-width:900px){.top{display:flex;align-items:flex-start;flex-direction:column;gap:13px}.actions{width:100%}.context-row{grid-template-columns:repeat(2,minmax(0,1fr))}.save-state{justify-content:center}.action-row{display:grid;grid-template-columns:1fr 1fr}.action-row #saveBtn{grid-column:1/-1;width:100%}} @media(max-width:560px){.top{padding-top:8px}.top h1{font-size:20px}.top .sub{font-size:10px}.context-row{grid-template-columns:1fr}.period-control,.user-chip,.system-status,.save-state,.action-row .btn{width:100%;min-width:0}.period-control input{min-width:0;width:100%}.action-row{grid-template-columns:1fr}} /* ===== id="v26-1-kpi-surgical" ===== */ /* HISTÓRICO V26.3 — refinamento exclusivo do bloco executivo de KPIs. Não altera cabeçalho, leitura para decisão, gráficos ou lógica. */ .ceo-focus{ grid-template-columns:minmax(290px,1.42fr) minmax(210px,1fr) minmax(220px,1.05fr) minmax(230px,1.08fr); gap:14px; margin-top:14px; } .ceo-focus-card{ min-height:154px; transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; } .ceo-focus-card:hover{ /*hover unificado abaixo*/ } .ceo-focus-card .ceo-label{ letter-spacing:.08em; font-size:10px; line-height:1.15; margin-bottom:2px; } .ceo-focus-card:nth-child(2){ border-top:4px solid var(--blue)!important; } .ceo-focus-card:nth-child(4){ border-top:4px solid var(--cyan)!important; } .ice-focus-row{ align-items:center; gap:15px; margin-top:8px; } .ice-focus-score{ min-width:92px; } .ice-focus-score b{ font-size:40px; line-height:.9; letter-spacing:-1.8px; } .ice-focus-score small{ display:block; margin-top:7px; font-size:10px; letter-spacing:.09em; font-weight:850; } .ice-focus-copy{ padding-left:14px; border-left:1px solid var(--line-soft); } .ice-focus-copy strong{ font-size:13px; line-height:1.25; } .ice-focus-copy span{ display:block; margin-top:5px; font-size:11px; line-height:1.35; } .ice-mini-components{ margin-top:12px; } .ceo-focus-card:nth-child(2) .focus-sub, .ceo-focus-card:nth-child(3) .focus-sub, .ceo-focus-card:nth-child(4) .focus-sub{min-height:28px} .ceo-focus-card:nth-child(2) .focus-meter{ height:6px; margin-top:13px; } .ceo-focus-card:nth-child(3) .focus-breakdown{ gap:8px; margin-top:10px; } .ceo-focus-card:nth-child(3) .focus-breakdown span{ background:var(--bg-alt); border:1px solid var(--line-soft); border-radius:9px; padding:6px 8px; font-size:10px; } .ceo-focus-card:nth-child(3) .focus-breakdown b{ margin-left:4px; font-size:12px; } .ceo-focus-card:nth-child(4) .focus-secondary{ margin-top:10px; padding-top:9px; } .ceo-focus-card:nth-child(4) .focus-secondary span{ font-size:10px; letter-spacing:.07em; text-transform:uppercase; } .ceo-focus-card:nth-child(4) .focus-secondary small{ display:block; margin-top:3px; font-size:10px; } @media (max-width:1100px){ .ceo-focus{ grid-template-columns:1.35fr 1fr; } } @media (max-width:700px){ .ceo-focus{ grid-template-columns:1fr; } .ceo-focus-card{ min-height:138px; } } /* ===== id="v26-2-dashboard-surgical" ===== */ /* V26.3 — compressão executiva: preserva IDs, lógica e componentes existentes. */ #dashboard.ceo-dashboard{max-width:1500px;margin:0 auto;padding-bottom:28px} #dashboard.ceo-dashboard .ceo-head{padding:22px 24px 18px;margin-bottom:12px} #dashboard.ceo-dashboard .ceo-head-main h2{font-size:clamp(26px,2.2vw,34px);letter-spacing:-.035em} #dashboard.ceo-dashboard .ceo-head-main p{max-width:760px;margin-top:7px} #dashboard.ceo-dashboard .executive-reading-guide{margin:0 0 12px;min-height:58px;padding:8px 12px;gap:6px} #dashboard.ceo-dashboard .executive-reading-item{padding:7px 10px} #dashboard.ceo-dashboard .executive-reading-num{font-size:10px} #dashboard.ceo-dashboard .executive-reading-text strong{font-size:10px} #dashboard.ceo-dashboard .executive-reading-text span{font-size:10px} #dashboard.ceo-dashboard .ceo-focus{margin-bottom:12px} #dashboard.ceo-dashboard .ceo-focus-card{min-height:128px;padding:15px 16px} #dashboard.ceo-dashboard .ceo-label{font-size:10px;letter-spacing:.11em} #dashboard.ceo-dashboard .focus-number{font-size:31px;margin-top:8px} #dashboard.ceo-dashboard .focus-sub{font-size:10.5px;line-height:1.35} #dashboard.ceo-dashboard .decision-main{padding:18px 20px} #dashboard.ceo-dashboard .decision-side{padding:18px 20px} #dashboard.ceo-dashboard .decision-text{font-size:13px;line-height:1.5} #dashboard.ceo-dashboard .ceo-section-title{margin:18px 0 9px;padding-bottom:7px} #dashboard.ceo-dashboard .ceo-section-title h3{font-size:13px} #dashboard.ceo-dashboard .ceo-section-title p{font-size:10px} #dashboard.ceo-dashboard .line-chart-wrap{height:245px} #dashboard.ceo-dashboard .donut-area{min-height:210px} #dashboard.ceo-dashboard .risk-ranking-panel{min-width:0} #dashboard.ceo-dashboard .exposure-panel{min-width:0} #dashboard.ceo-dashboard .risk-mini{padding:9px 10px} #dashboard.ceo-dashboard .risk-mini span{font-size:10px} #dashboard.ceo-dashboard .risk-mini b{font-size:16px} #dashboard.ceo-dashboard .risk-anatomy{margin-top:8px} #dashboard.ceo-dashboard .risk-timeline{margin-top:8px} #dashboard.ceo-dashboard .outcome-grid{gap:8px} #dashboard.ceo-dashboard .outcome-box{padding:12px} #dashboard.ceo-dashboard .outcome-box b{font-size:22px} /* Este painel estava sem conteúdo no dashboard e duplicava a área de sinais da Inteligência. */ #dashboard.ceo-dashboard .insights-panel{display:none} @media (max-width:1100px){ #dashboard.ceo-dashboard .ceo-focus{grid-template-columns:repeat(2,minmax(0,1fr))} #dashboard.ceo-dashboard .ceo-chart-grid,#dashboard.ceo-dashboard .ceo-risk-grid{grid-template-columns:1fr} } @media (max-width:700px){ #dashboard.ceo-dashboard{padding:0 8px 20px} #dashboard.ceo-dashboard .ceo-head{padding:18px 15px} #dashboard.ceo-dashboard .ceo-focus{grid-template-columns:1fr} #dashboard.ceo-dashboard .executive-reading-guide{display:grid;grid-template-columns:1fr 1fr} #dashboard.ceo-dashboard .ceo-section-title{margin-top:14px} #dashboard.ceo-dashboard .line-chart-wrap{height:210px} } /* ===== id="v264-launch-surgery" ===== */ .launch-save-status{display:grid;grid-template-columns:minmax(240px,1.5fr) repeat(4,minmax(105px,.7fr));gap:9px;margin:0 0 14px}.launch-save-status .save-status-main,.launch-save-status .save-status-item{border:1px solid #dfe5ec;background:#fff;border-radius:13px;min-height:66px;padding:11px 13px;box-sizing:border-box}.launch-save-status .save-status-main{background:#f8fafc}.launch-save-status .save-status-kicker{display:block;font-size:10px;letter-spacing:.11em;font-weight:850;color:#7c8797}.launch-save-status strong{display:block;margin-top:5px;font-size:14px;color:#172235}.launch-save-status small{display:block;margin-top:3px;color:#8792a1;font-size:10px}.launch-save-status .n{display:block;margin-top:5px;font-size:20px;line-height:1;font-weight:850;color:#172235}.launch-save-status .pending .n{color:#9a6a18}.launch-save-status .conflict .n{color:#a33d3d}.launch-save-status .failure .n{color:#b42318}.launch-save-status .saved .n{color:#39734a}.launch-save-status.is-warning .save-status-main{border-color:#ead9b6;background:#fffaf0}.launch-save-status.is-danger .save-status-main{border-color:#e6c5c5;background:#fff8f8}.launch-save-status.is-ok .save-status-main{border-color:#cfe2d5;background:#f7fbf8}.launch-filter-status{height:38px;border:1px solid #dbe1e8;border-radius:10px;padding:0 11px;background:#fff;color:#263243;width:100%;box-sizing:border-box}.launch-status.pending{background:#fff6e6;color:#8a6116}.launch-status.conflict{background:#fff0f0;color:#a33d3d}.launch-status.failed{background:#fff0f0;color:#b42318}.launch-status.review{background:#f1f4f8;color:#536273}.launch-validation-note{margin-top:12px;padding:10px 12px;border:1px solid #ead9b6;border-radius:10px;background:#fffaf0;color:#765817;font-size:11px;line-height:1.45}.launch-result-banner{margin:0 0 14px;padding:12px 14px;border-radius:12px;border:1px solid #dfe5ec;background:#f8fafc;font-size:11px;line-height:1.45}.launch-result-banner.warning{border-color:#ead9b6;background:#fffaf0}.launch-result-banner.danger{border-color:#e6c5c5;background:#fff7f7}.launch-result-banner.ok{border-color:#cfe2d5;background:#f7fbf8}@media(max-width:900px){.launch-save-status{grid-template-columns:1fr 1fr}.launch-save-status .save-status-main{grid-column:1/-1}}@media(max-width:650px){.launch-save-status{grid-template-columns:1fr}.launch-save-status .save-status-main{grid-column:auto}} /* ===== id="v26-5-dashboard-refinement" ===== */ /* ============================================================ V26.5 — DASHBOARD EXECUTIVO • REFINO CIRÚRGICO Objetivo: reduzir altura, aumentar hierarquia e corrigir contraste sem alterar estrutura, IDs, dados ou motor JS. ============================================================ */ #dashboard.ceo-dashboard{max-width:1540px;padding-bottom:22px} #dashboard .ceo-head{box-shadow:0 12px 28px rgba(6,25,43,.13);} #dashboard .ceo-kicker{font-size:10px;letter-spacing:1.7px} #dashboard .ceo-head h2{margin:5px 0 5px} #dashboard .ceo-head p{line-height:1.45;max-width:760px} #dashboard .head-rule{margin-top:9px!important;font-size:10px!important} #dashboard .ceo-head-meta{gap:7px;min-width:300px} #dashboard .ceo-meta-status,#dashboard .ceo-meta-period{ padding:9px 12px;} #dashboard .ceo-meta-status span,#dashboard .ceo-meta-period span{font-size:10px} #dashboard .ceo-meta-status b,#dashboard .ceo-meta-period b{font-size:11px} /* Guia: vira uma faixa de navegação visual, não mais um bloco alto. */ #dashboard .executive-reading-guide{display:grid!important;grid-template-columns:repeat(4,1fr);gap:0;margin:0 0 10px;padding:0;border:1px solid var(--line);border-radius:11px;background:#fff;overflow:hidden;box-shadow:0 3px 10px rgba(8,32,53,.035)} #dashboard .executive-reading-item{min-height:40px!important;padding:7px 11px!important;border:0!important;border-right:1px solid var(--line-soft)!important;border-radius:0!important;background:transparent!important;display:flex;align-items:center;gap:8px} #dashboard .executive-reading-item:last-child{border-right:0!important} #dashboard .executive-reading-num{color:var(--gold)!important;font-weight:900} #dashboard .executive-reading-text strong{letter-spacing:.65px!important} #dashboard .executive-reading-text span{color:var(--muted-2)!important} /* Foco: mesma informação, menos peso visual. */ #dashboard .ceo-focus{grid-template-columns:1.35fr 1fr 1fr 1fr;gap:9px;margin-top:0} #dashboard .ceo-focus-card{min-height:116px!important;padding:13px 15px!important;border-radius:13px!important;box-shadow:0 5px 15px rgba(8,32,53,.045)!important} #dashboard .ceo-focus-card .ceo-label{font-size:10px!important;letter-spacing:1.05px!important} #dashboard .ice-focus-row{margin-top:7px;gap:11px} #dashboard .ice-focus-score{width:65px;height:65px;border-radius:11px!important} #dashboard .ice-focus-score b{font-size:28px!important} #dashboard .ice-focus-score small{font-size:10px} #dashboard .ice-focus-copy strong{font-size:11px} #dashboard .ice-focus-copy span{font-size:10px;line-height:1.35} #dashboard .ice-mini-components{margin-top:7px;} #dashboard .ice-mini-components .ice-component{padding:5px 4px} #dashboard .ice-mini-components .ice-component b{font-size:10px} #dashboard .focus-number{font-size:30px!important;margin-top:10px!important} #dashboard .focus-sub{font-size:10px!important;margin-top:5px!important} #dashboard .focus-meter{margin-top:10px!important;height:5px!important} #dashboard .focus-breakdown{margin-top:7px;gap:7px} #dashboard .focus-breakdown span{font-size:10px} #dashboard .focus-secondary{margin-top:7px;padding-top:6px} #dashboard .focus-secondary span,#dashboard .focus-secondary small{font-size:10px} #dashboard .focus-secondary b{font-size:11px!important} /* Correção crítica: foco imediato estava com texto escuro sobre fundo escuro. */ #dashboard .decision-side .focus-store{color:#fff!important;font-size:18px!important;margin-top:7px} #dashboard .decision-side .focus-store-meta{color:rgba(255,255,255,.68)!important;font-size:10px} #dashboard .decision-side .focus-metrics{margin-top:10px!important} #dashboard .decision-side .focus-metrics>div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);border-radius:8px;padding:6px 7px} #dashboard .decision-side .focus-metrics span{color:rgba(255,255,255,.52)!important;font-size:10px} #dashboard .decision-side .focus-metrics b{color:#fff!important;font-size:12px} /* Decisão: leitura forte, mas compacta. */ #dashboard .decision-main,#dashboard .decision-side{padding:13px 15px;border-radius:13px} #dashboard .decision-side{min-height:150px!important} #dashboard .decision-main h3{font-size:15px;margin:4px 0 2px} #dashboard .decision-main p{font-size:10px} #dashboard .decision-text{font-size:10px;line-height:1.45;margin-top:6px} #dashboard .decision-metrics{margin-top:7px} #dashboard .decision-metrics .summary-metric{padding:5px 7px} #dashboard .decision-metrics .summary-metric b{font-size:10px} /* Seções: mais ritmo e menos espaço morto. */ #dashboard .ceo-section-title{margin:16px 2px 7px} #dashboard .ceo-section-title h3{font-size:12px;letter-spacing:.65px} #dashboard .ceo-section-title p{font-size:10px;line-height:1.35} #dashboard .section-note{font-size:10px} /* Ritmo e composição: reduzir a altura sem sacrificar legibilidade. */ #dashboard .chart-panel .line-chart-wrap{height:255px!important;min-height:255px!important;padding:7px 12px 10px!important} #dashboard .chart-panel .panel-head,#dashboard .event-panel .panel-head{padding:13px 15px!important} #dashboard .panel-head h4{font-size:10px!important;letter-spacing:.7px} #dashboard .panel-head>strong{font-size:22px} #dashboard .event-panel .donut-area{height:185px!important} #dashboard .event-panel .donut-area canvas,#dashboard .event-panel .donut-area::before{width:170px!important;height:170px!important} #dashboard .event-panel .type-legend{padding-left:15px!important;padding-right:15px!important} #dashboard .type-item{padding:3px 2px!important} /* Diagnóstico: quatro cartões com leitura imediata. */ #dashboard .diagnostic-card{min-height:78px!important} #dashboard .diagnostic-card strong{font-size:20px!important} #dashboard .diagnostic-card small{line-height:1.3} #dashboard .diagnostic-head span{font-size:10px!important;letter-spacing:.75px!important} /* Ranking: prioridade visual no IPE e menos ruído. */ #dashboard .ceo-risk-grid{grid-template-columns:1.65fr .75fr;gap:10px} #dashboard .risk-ranking-panel .panel-head{padding-bottom:10px!important} #dashboard .risk-ranking-panel .ice-table th{font-size:10px!important;padding:7px 7px!important} #dashboard .risk-ranking-panel .ice-table td{font-size:10px!important;padding:7px 7px!important} #dashboard .risk-mini b{font-size:13px!important} #dashboard .risk-ranking-note{font-size:10px!important;margin:6px 0 0!important} #dashboard .risk-anatomy{margin-top:8px!important} #dashboard .risk-timeline{margin-top:8px!important} /* Resultado e controle */ #dashboard .outcome-grid{padding:10px 12px;gap:7px} #dashboard .outcome-box{padding:9px 10px;border-radius:8px} #dashboard .outcome-box b{font-size:20px} #dashboard .outcome-box span{font-size:10px} #dashboard .outcome-box small{font-size:10px} @media(max-width:1050px){ #dashboard .ceo-head{} #dashboard .ceo-head-meta{} #dashboard .ceo-focus{grid-template-columns:1fr 1fr!important} #dashboard .ceo-risk-grid{grid-template-columns:1fr!important} } @media(max-width:700px){ #dashboard .executive-reading-guide{grid-template-columns:repeat(2,1fr)} #dashboard .executive-reading-item:nth-child(2){border-right:0!important} #dashboard .executive-reading-item:nth-child(-n+2){border-bottom:1px solid var(--line-soft)!important} #dashboard .ceo-focus{grid-template-columns:1fr!important} #dashboard .ceo-decision{grid-template-columns:1fr!important} #dashboard .ceo-head{padding:18px 17px} } /* ===== id="v26-6-dashboard-hierarchy" ===== */ /* V26.6 — refinamento visual cirúrgico: hierarquia, densidade e leitura */ :root{ --v26-gold:#c6a15b; --v26-ink:#172033; --v26-muted:#6b7485; --v26-line:#e7e9ee; --v26-soft:#f7f8fa; } .dashboard-shell{ max-width:1500px !important; margin:0 auto !important; } .dashboard-header{ min-height:76px !important; padding:14px 22px !important; } .dashboard-header .brand, .dashboard-header .brand-title{ letter-spacing:.01em; } .dashboard-header .brand-subtitle{ color:var(--v26-muted) !important; } .dashboard-section{ margin-top:14px !important; padding:16px !important; } .dashboard-section .section-title{ margin-bottom:10px !important; } @media (max-width:900px){ .dashboard-header{ padding:12px 15px ; } .dashboard-section{ padding:13px !important; } } /* ===== id="v26-7-dashboard-executive" ===== */ /* V26.7 — segunda cirurgia: foco executivo sem alterar lógica */ .dashboard-shell{max-width:1440px!important} .dashboard-header{border-radius:14px!important;box-shadow:0 4px 18px rgba(20,28,45,.06)!important} .dashboard-section{ border-radius:14px!important; border:1px solid var(--v26-line,#e7e9ee)!important; box-shadow:0 4px 16px rgba(20,28,45,.035)!important; } /* ===== id="v26-8-dashboard-focus" ===== */ /* V26.8 — foco executivo: menos competição visual, mais leitura */ .v7-exec-strip{ margin:8px 0 12px!important; } .dashboard-section{ margin-top:12px!important; padding:15px!important; } .dashboard-section .section-title{ font-size:12px!important; letter-spacing:.055em!important; } /* Reserve visual emphasis for the first KPI and the active decision state. */ .v7-kpi-card:not(:first-child){ box-shadow:0 3px 12px rgba(20,28,45,.035)!important; } /* Avoid oversized empty areas on large displays. */ @media(min-width:1400px){ .dashboard-shell{max-width:1380px!important} } /* ===== id="v26-9-dashboard-executive-reading" ===== */ /* V26.9 — leitura executiva: primeiro viewport mais limpo */ .dashboard-shell{ max-width:1360px!important; } .dashboard-header{ margin-bottom:8px!important; } .dashboard-section:first-of-type{ margin-top:10px!important; } /* Reduce secondary visual noise without hiding any information. */ .v7-chart-card .card-subtitle, .v7-ranking-table .secondary, .v7-ranking-table .muted{ opacity:.78!important; } @media(max-width:900px){ .dashboard-shell{max-width:100%!important} } /* ===== id="v27-0-dashboard-layers" ===== */ /* V27.0 — arquitetura visual em camadas Primário: decisão / risco Secundário: resultado / controle Referência: rede / governança */ /* Ranking = principal superfície analítica */ .ceo-panel.risk-ranking-panel{ border-width:1px!important; box-shadow:0 7px 22px rgba(20,28,45,.055)!important; } .ceo-panel.risk-ranking-panel .ceo-section-title{ font-weight:800!important; } /* A tabela completa da rede passa a ter aparência de referência, sem desaparecer nem perder informação. */ .ceo-panel.full-table-panel.intel-network-panel{ margin-top:10px!important; box-shadow:none!important; background:#fafbfc!important; } .ceo-panel.full-table-panel.intel-network-panel table{ font-size:11px!important; } .ceo-panel.full-table-panel.intel-network-panel th{ padding:7px 8px!important; font-size:10px!important; } .ceo-panel.full-table-panel.intel-network-panel td{ padding:7px 8px!important; } /* Governança: menos peso visual, mais densidade */ .ceo-methodology{ margin-top:10px!important; padding:12px 14px!important; background:#fafbfc!important; border-color:#eceef2!important; } .ceo-methodology .ceo-section-title{ margin-bottom:8px!important; } .ceo-methodology p, .ceo-methodology li{ font-size:11px!important; line-height:1.45!important; } /* Separadores entre as grandes decisões */ .ceo-decision, .ceo-chart-grid, .ceo-risk-grid, .ceo-control-grid{ scroll-margin-top:12px; } /* Menos vazio no fechamento do dashboard */ .ceo-control-grid{ gap:10px!important; } .ceo-control-grid .ceo-panel{ padding:13px!important; } /* Desktop: preserva uma leitura larga sem esticar conteúdo */ @media(min-width:1200px){ .ceo-chart-grid, .ceo-risk-grid, .ceo-control-grid{ column-gap:12px!important; } } /* ===== id="v27-1-dashboard-no-repeat" ===== */ /* V27.1 — redução de repetição visual; não altera conteúdo/JS */ .v27-decision-primary{ border:1px solid #e5e8ed!important; border-radius:14px!important; background:#fff!important; box-shadow:0 6px 18px rgba(20,28,45,.045)!important; } /* ===== id="v27-2-dashboard-priority" ===== */ /* V27.2 — prioridade visual: destacar ação, reduzir competição */ .dashboard-shell{ max-width:1340px!important; } .dashboard-section{ margin-top:11px!important; padding:14px!important; } /* Secondary/reference sections should visually recede. */ .intel-network-panel, .full-table-panel, .ceo-methodology{ opacity:.96!important; } /* ===== v28 — padrao unico de card (raio/padding/sombra/hover) ===== */ .corp-card,.insight,.insight-card,.ceo-focus-card,.diagnostic-card,.report-kpi,.kpi{ border-radius:var(--radius); padding:1rem; box-shadow:var(--shadow-sm); } .corp-card:hover,.insight:hover,.insight-card:hover,.ceo-focus-card:hover,.diagnostic-card:hover,.report-kpi:hover,.kpi:hover{ box-shadow:var(--shadow); transform:translateY(-2px); } .password-modal{display:none;position:fixed;inset:0;z-index:9999;align-items:center;justify-content:center}.password-modal.open{display:flex}.password-modal-backdrop{position:absolute;inset:0;background:rgba(5,18,31,.56);backdrop-filter:blur(3px)}.password-modal-card{position:relative;width:min(470px,calc(100vw - 30px));background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.22);overflow:hidden}.password-modal-head{display:flex;justify-content:space-between;gap:15px;padding:20px 20px 14px;border-bottom:1px solid var(--line)}.password-modal-kicker{font-size:11px;font-weight:900;letter-spacing:.12em;color:var(--muted)}.password-modal-head h3{margin:4px 0 2px;color:var(--navy-900);font-size:20px}.password-modal-head p{margin:0;color:var(--muted);font-size:13px}.password-modal-close{border:0;background:transparent;font-size:28px;line-height:1;color:var(--muted);cursor:pointer}.password-modal-body{display:grid;gap:13px;padding:20px}.password-modal-body label{display:grid;gap:6px;font-size:13px;font-weight:850;color:var(--navy-700)}.password-modal-body input{width:100%;min-height:43px;border:1px solid var(--line-strong);border-radius:9px;padding:10px 12px;background:var(--input);color:var(--text);font:inherit}.password-modal-hint{padding:11px 12px;border-left:4px solid var(--green);background:var(--green-bg);border-radius:8px;color:var(--green-dark);font-size:12px;line-height:1.45}.password-modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px 18px;border-top:1px solid var(--line)} /* ============================================================ V31.22 — ACABAMENTO FINAL DIRETORIA Camada exclusivamente visual/hierárquica. Não altera cálculos. ============================================================ */ #dashboard.ceo-dashboard{padding-top:14px;padding-bottom:42px} #dashboard .ceo-head{min-height:148px;padding:25px 28px 23px;margin-bottom:10px} #dashboard .ceo-head h2{font-size:clamp(34px,3.2vw,48px)!important;margin:6px 0 5px!important} #dashboard .ceo-head p{font-size:14px!important;max-width:700px} #dashboard .head-rule{margin-top:12px} #dashboard .ceo-head-meta{min-width:310px} #dashboard .ceo-meta-status,#dashboard .ceo-meta-period{min-width:140px;padding:11px 13px} #dashboard .executive-reading-guide{margin:0 0 10px!important;padding:7px 10px!important;border-radius:11px!important;background:#fff!important;border:1px solid var(--line)!important;box-shadow:0 4px 12px rgba(7,34,54,.035)!important} #dashboard .executive-reading-item{padding:6px 9px!important} #dashboard .executive-reading-num{font-size:10px!important} #dashboard .executive-reading-text strong{font-size:10px!important;letter-spacing:1px!important} #dashboard .executive-reading-text span{font-size:10px!important} #dashboard .ceo-focus{margin-top:10px!important;gap:10px!important;grid-template-columns:1.48fr 1fr 1fr 1fr!important} #dashboard .ceo-focus-card{min-height:142px!important;padding:15px 16px!important;border-radius:14px!important} #dashboard .ceo-focus-card .focus-number{margin-top:12px!important;font-size:clamp(34px,3.1vw,47px)!important} #dashboard .ice-focus-row{margin-top:10px!important;gap:12px!important} #dashboard .ice-focus-score{width:70px;height:70px;} #dashboard .ice-focus-score b{font-size:32px!important} #dashboard .ice-focus-copy strong{font-size:13px!important} #dashboard .ice-focus-copy span{font-size:10px!important;line-height:1.35!important} #dashboard .ice-mini-components{margin-top:9px!important} #dashboard .ice-mini-components .ice-component{padding:5px 4px!important} #dashboard .decision-main,#dashboard .decision-side{min-height:178px!important;padding:16px 18px!important;border-radius:14px!important} #dashboard .decision-main h3{font-size:19px!important;margin:5px 0 2px!important} #dashboard .decision-main p{font-size:12px!important} #dashboard .decision-text{font-size:14px!important;line-height:1.5!important} #dashboard .decision-metrics{margin-top:10px!important;gap:6px!important} #dashboard .decision-metrics .summary-metric{min-width:102px!important;padding:6px 8px!important} #dashboard .decision-side{padding:16px 18px!important} #dashboard .focus-store{font-size:22px!important;margin-top:10px!important} #dashboard .focus-store-meta{font-size:11px!important} #dashboard .focus-metrics{margin-top:10px!important} #dashboard .decision-action{margin-top:10px!important;padding-top:8px!important} #dashboard .ceo-section-title{margin-top:18px!important;margin-bottom:8px!important} #dashboard .ceo-section-title h3{font-size:13px!important} #dashboard .ceo-section-title p{font-size:10px!important;max-width:850px} #dashboard .section-note{font-size:10px!important} #dashboard .ceo-panel{border-radius:13px!important} #dashboard .panel-head{padding:12px 15px 9px!important} #dashboard .panel-head h4{font-size:11px!important} #dashboard .panel-head span{font-size:10px!important} #dashboard .diagnostic-card{padding:10px 12px!important;min-height:74px!important;border-radius:10px!important} #dashboard .diagnostic-card strong{font-size:24px!important} #dashboard .diagnostic-card small{font-size:10px!important} #dashboard .risk-matrix tbody td{padding:8px 6px!important} #dashboard .risk-matrix .score-main{} #dashboard .risk-matrix .store-name{} #dashboard .risk-summary{gap:7px!important;margin-top:8px!important} #dashboard .risk-mini{padding:8px 9px!important} #dashboard .risk-mini span{} #dashboard .risk-mini b{font-size:15px!important} #dashboard .risk-ranking-note,.concentration-note{font-size:10px!important;line-height:1.4!important} #dashboard .insights-panel{margin-top:10px!important} #dashboard .insights-panel .panel-head{border-bottom:0!important} #dashboard .insights-panel:has(#executiveInsights){padding-bottom:10px} #dashboard .intel-signals-grid,#dashboard .insights-grid{gap:8px!important} #dashboard .insight-card{padding:11px 12px!important;border-radius:10px!important} #dashboard .insight-card b{font-size:15px!important} #dashboard .insight-card p{font-size:10px!important;line-height:1.45!important} #dashboard .insight-card small{font-size:10px!important;line-height:1.4!important} /* A primeira tela deve priorizar decisão; detalhes permanecem acessíveis abaixo. */ @media(max-width:1050px){ #dashboard .ceo-head{align-items:flex-start;flex-direction:column;gap:15px} #dashboard .ceo-head-meta{width:100%;min-width:0} #dashboard .ceo-decision{grid-template-columns:1fr!important} } @media(max-width:700px){ #dashboard.ceo-dashboard{padding:10px 10px 28px} #dashboard .ceo-head{padding:20px 17px} #dashboard .executive-reading-guide{display:grid!important;grid-template-columns:1fr 1fr!important} #dashboard .ceo-chart-grid,#dashboard .ceo-risk-grid,#dashboard .ceo-control-grid{grid-template-columns:1fr!important} #dashboard .diagnostic-band{grid-template-columns:1fr 1fr!important} } /* ===== V38 CSS LAYER 02 id="v31-refinamento-diretoria" ===== */ /* ===== 1) Escala tipográfica — devolvendo hierarquia ===== */ #dashboard .panel-head h4,#inteligencia .panel-head h4{font-size:13.5px!important;font-weight:900!important;letter-spacing:.4px!important;color:var(--navy-900)!important} #dashboard .panel-head span,#inteligencia .panel-head span{font-size:11.5px!important;color:var(--muted)!important} #dashboard .ceo-section-title h3,#inteligencia .ceo-section-title h3{font-size:16px!important;letter-spacing:.3px!important;color:var(--navy-900)!important} #dashboard .ceo-section-title p,#inteligencia .ceo-section-title p{font-size:12.5px!important;color:var(--slate)!important} #dashboard .section-note,#inteligencia .section-note{font-size:11.5px!important} #dashboard .executive-reading-text strong,#inteligencia .intel-reading-strip .intel-nav-item b{font-size:11.5px!important;letter-spacing:.5px!important} #dashboard .executive-reading-text span,#inteligencia .intel-reading-strip .intel-nav-item small{font-size:11px!important} #dashboard .executive-reading-num,#inteligencia .intel-reading-strip .intel-nav-num{font-size:13px!important} #dashboard .diagnostic-card strong{font-size:29px!important;color:var(--navy-900)!important} #dashboard .diagnostic-card small{font-size:11px!important} #dashboard .diagnostic-head span{font-size:10.5px!important;font-weight:900!important} #dashboard .risk-mini span{font-size:10px!important} #dashboard .risk-mini b{font-size:19px!important;color:var(--navy-900)!important} #dashboard .risk-ranking-note,#dashboard .concentration-note,#inteligencia .intel-network-note{font-size:11.5px!important;line-height:1.55!important} #dashboard .insight-card b,#inteligencia .intel-signals-grid .insight-card b{font-size:18px!important} #dashboard .insight-card p,#inteligencia .intel-signals-grid .insight-card p{font-size:12px!important;line-height:1.55!important} #dashboard .insight-card span,#inteligencia .intel-signals-grid .insight-card span{font-size:10.5px!important} #dashboard .risk-matrix .score-main{font-size:15px!important} #dashboard .risk-matrix .store-name{font-size:11.5px!important;font-weight:800!important} #dashboard .risk-matrix th{font-size:10px!important;padding:8px 4px!important} #dashboard .risk-matrix td{font-size:11px!important} #dashboard .risk-matrix tbody td{padding:6px 4px!important} #dashboard .risk-matrix th:first-child,#dashboard .risk-matrix td:first-child{padding-left:8px!important} #dashboard .risk-matrix td.num{font-size:11px!important} #dashboard .risk-matrix .risk-cell span{ } #dashboard .risk-matrix .risk-trend{ } #dashboard .risk-matrix .risk-trend small{ } #inteligencia .premium-head h4{font-size:15px!important} #inteligencia .premium-head small{font-size:11px!important} #inteligencia .premium-head>div>span{font-size:10px!important} #inteligencia .intel-panel-index{font-size:10.5px!important} #inteligencia .intel-section-heading h3{font-size:16px!important;letter-spacing:.4px!important} #inteligencia .intel-section-heading p{font-size:12.5px!important} #inteligencia .intel-hero-status span{font-size:10px!important} #inteligencia .intel-hero-status b{font-size:24px!important} #inteligencia .intel-hero-status small{font-size:11px!important} /* ===== 2) Hierarquia — o número de prioridade regional (IPE) vira o ponto focal ===== */ #dashboard .ceo-focus-card.ice-focus{box-shadow:0 14px 34px rgba(10,26,44,.10)!important;border-top-width:5px!important} #dashboard .ice-focus-score{width:76px!important;height:76px!important;background:linear-gradient(150deg,var(--navy-800),var(--navy-950))!important;box-shadow:inset 0 0 0 2px rgba(216,163,66,.35)!important} #dashboard .ice-focus-score b{font-size:34px!important} #dashboard .ice-focus-copy strong{font-size:14px!important;color:var(--navy-900)!important} #dashboard .ice-focus-copy span{font-size:11px!important} /* Cartões de apoio ficam claramente subordinados ao painel de decisão */ #dashboard .ceo-focus-card:not(.ice-focus){box-shadow:0 6px 16px rgba(10,26,44,.05)!important} #dashboard .ceo-focus-card .ceo-label{font-size:10.5px!important;opacity:.85} /* ===== 3) Tabelas e ranking — de "planilha genérica" para leitura executiva ===== */ #dashboard .risk-matrix-wrap{border-radius:12px} #dashboard .risk-matrix thead th{background:var(--navy-950)!important;color:rgba(255,255,255,.86)!important;font-weight:800!important;letter-spacing:.6px!important;text-transform:uppercase;border-bottom:0!important;position:sticky;top:0;z-index:1} #dashboard .risk-matrix tbody tr{transition:background .12s var(--ease)} #dashboard .risk-matrix tbody tr:nth-child(even){background:var(--bg-alt)} #dashboard .risk-matrix tbody tr:hover{background:var(--input)} #dashboard .risk-matrix tbody tr.selected{background:#EAF1FE!important} #dashboard .risk-matrix tbody td{border-bottom:1px solid var(--line-soft)!important} #dashboard .risk-matrix tr.row-critical td:first-child{box-shadow:inset 4px 0 var(--red)!important} #dashboard .risk-matrix tr.row-attention td:first-child{box-shadow:inset 4px 0 var(--gold)!important} #dashboard .risk-matrix tr.row-normal td:first-child{box-shadow:inset 4px 0 var(--green)!important} #dashboard .risk-matrix .action-chip{font-size:10px!important;padding:3px 6px!important;font-weight:900!important;letter-spacing:.15px!important} #dashboard .risk-matrix-wrap{overflow-x:auto} #dashboard .risk-matrix{table-layout:auto!important;width:100%!important;min-width:0!important} #dashboard .risk-matrix th,#dashboard .risk-matrix td{white-space:nowrap} #dashboard .risk-matrix th:nth-child(2),#dashboard .risk-matrix td:nth-child(2){min-width:0!important} #dashboard .risk-matrix th:nth-child(7),#dashboard .risk-matrix td:nth-child(7){min-width:0!important} #dashboard .risk-matrix th:nth-child(9),#dashboard .risk-matrix td:nth-child(9){min-width:0!important} #dashboard .risk-matrix td:first-child,#dashboard .risk-matrix th:first-child{padding-right:2px!important} #dashboard .panel-head{padding:12px 12px 9px!important} #dashboard .risk-matrix .subtle{white-space:nowrap} #dashboard .risk-matrix .risk-cell{gap:2px!important} #dashboard .risk-matrix .risk-cell i{width:20px!important} #dashboard .risk-matrix .risk-cell span{font-size:10px!important} #dashboard .risk-matrix .subtle{margin-top:1px!important;font-size:10px!important} #dashboard .risk-matrix .risk-trend{font-size:10px!important} #dashboard .risk-matrix .risk-trend small{font-size:10px!important} #dashboard .risk-matrix .store-name{font-size:11px!important} #dashboard .rank-list .rank-name{font-size:12.5px!important;font-weight:750!important} #dashboard .rank-list .rank-value{font-size:12.5px!important;font-weight:900!important;color:var(--navy-900)!important} /* ===== 4) Gráficos — legenda do donut em formato de chip, mais fácil de ler ===== */ #dashboard .type-legend{grid-template-columns:1fr!important;gap:6px!important;padding:2px 15px 14px!important} #dashboard .type-item{border:1px solid var(--line-soft)!important;border-radius:9px!important;padding:8px 10px!important;background:var(--bg-alt)} #dashboard .type-item .type-name{font-size:12px!important;font-weight:650!important;color:var(--navy-800);flex:1} #dashboard .type-item .type-pct{font-size:11px!important;font-weight:800!important;color:var(--muted);margin-right:8px} #dashboard .type-item .type-value{font-size:13px!important;font-weight:900!important;color:var(--navy-900)!important;min-width:26px;text-align:right} #dashboard .type-dot{width:10px!important;height:10px!important;box-shadow:0 0 0 3px rgba(0,0,0,.04);margin-right:9px} /* ===== 5) Painéis "premium" da Inteligência — leitura mais confiante ===== */ #inteligencia .premium-panel{box-shadow:0 10px 26px rgba(10,26,44,.06)!important} #inteligencia .intel-section-heading{border-bottom:2px solid var(--line)!important} #inteligencia .intel-section-num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--navy-900);color:#fff!important;font-size:12px!important;font-weight:900} #inteligencia .intel-signals-grid .insight-card{border-top:3px solid var(--gold)!important} /* ===== 6) Cor/contraste — acento dourado só onde há decisão, nunca decorativo ===== */ #dashboard .ceo-focus-card:after{display:none} /* remove a barra dourada genérica repetida em todo cartão */ #dashboard .ceo-focus-card{border-top:3px solid var(--line-strong)!important} #dashboard .ceo-focus-card.ice-focus{border-top:5px solid var(--gold)!important} @media(min-width:901px){ #dashboard .line-chart-wrap{height:262px!important} #dashboard .donut-area,#dashboard .donut-area::before{height:200px!important} #dashboard .donut-area canvas{width:200px!important;height:200px!important} } /* ===== V38 CSS LAYER 03 id="v29-accident-intelligence" ===== */ .accident-executive-panel{margin:14px 0;border-top:3px solid var(--navy-700)} .accident-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px 15px} .accident-kpi{border:1px solid var(--line-soft);border-left:3px solid var(--line-soft);border-radius:11px;padding:12px;background:linear-gradient(150deg,#fff,var(--bg-alt));transition:border-color .15s} .accident-kpi span{display:block;font-size:10px;font-weight:850;letter-spacing:.08em;color:var(--muted)} .accident-kpi b{display:block;font-family:Manrope,sans-serif;font-size:25px;color:var(--navy);margin-top:5px} .accident-kpi small{display:block;color:var(--muted);font-size:10px;margin-top:3px;font-weight:700} /* Tons semânticos: a severidade calculada (ISA) passa a ser visível de longe, não só legível de perto */ .accident-kpi.tone-critico{border-left-color:var(--red)} .accident-kpi.tone-critico b,.accident-kpi.tone-critico small{color:var(--red)} .accident-kpi.tone-elevado{border-left-color:var(--orange)} .accident-kpi.tone-elevado b,.accident-kpi.tone-elevado small{color:var(--orange)} .accident-kpi.tone-atencao{border-left-color:var(--gold)} .accident-kpi.tone-atencao b,.accident-kpi.tone-atencao small{color:var(--gold-light)} .accident-kpi.tone-controlado{border-left-color:var(--green)} .accident-kpi.tone-controlado b,.accident-kpi.tone-controlado small{color:var(--green)} .accident-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 15px 15px} .accident-breakdown>div{border-top:1px solid var(--line-soft);padding-top:12px} .accident-breakdown strong{font-size:10px;letter-spacing:.08em;color:var(--muted)} .acc-bar-row{display:grid;grid-template-columns:82px 1fr 34px;gap:8px;align-items:center;margin-top:8px;font-size:10px;color:var(--navy-700);font-weight:700} .acc-bar-row.is-zero{color:var(--muted-2);opacity:.55} .acc-bar{height:7px;background:var(--line-soft);border-radius:99px;overflow:hidden} .acc-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--cyan),var(--navy-600))} .acc-bar-row[data-severity="leve"] .acc-bar i{background:linear-gradient(90deg,#4FAE86,var(--green))} .acc-bar-row[data-severity="moderado"] .acc-bar i{background:linear-gradient(90deg,var(--gold-light),var(--orange))} .acc-bar-row[data-severity="grave"] .acc-bar i{background:linear-gradient(90deg,#D9847F,var(--red))} .acc-bar-row b{text-align:right} .intel-accident-panel{margin:14px 0;border-top:3px solid var(--gold)} .intel-accident-grid{display:grid;grid-template-columns:150px 1fr 1.1fr;gap:16px;padding:16px} .intel-accident-score{width:132px;height:132px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-alt);border:9px solid var(--line)} .intel-accident-score span{font-size:10px;font-weight:900;letter-spacing:.1em;color:var(--muted)}.intel-accident-score b{font:800 31px Manrope;color:var(--navy);margin-top:3px}.intel-accident-score small{font-size:10px;color:var(--muted);font-weight:800} .intel-accident-reading{align-self:center;font-size:13px;line-height:1.65;color:var(--slate);padding:12px 14px;background:var(--bg-alt);border:1px solid var(--line);border-radius:10px} .intel-accident-list{border-left:1px solid var(--line);padding-left:16px} .intel-accident-list .intel-acc-row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line-soft);font-size:11px}.intel-acc-row:last-child{border-bottom:0}.intel-acc-row b{color:var(--navy)}.intel-acc-row span{color:var(--muted)} @media(max-width:900px){.accident-kpi-grid{grid-template-columns:repeat(2,1fr)}.accident-breakdown{grid-template-columns:1fr}.intel-accident-grid{grid-template-columns:1fr}.intel-accident-list{border-left:0;border-top:1px solid var(--line);padding:12px 0 0}} /* ===== V38 CSS LAYER 04 id="executive-board-final-refinement-v30-25" ===== */ .ceo-dashboard .ceo-head{margin-bottom:10px} .ceo-dashboard .ceo-focus{gap:10px;margin-bottom:10px} .ceo-dashboard .ceo-focus-card{min-height:132px;padding:16px 17px} .ceo-dashboard .ceo-section-title{margin-top:17px} .ceo-dashboard .risk-ranking-panel .table-wrap{max-height:300px;overflow:auto} @media(max-width:1050px){.ceo-dashboard .ceo-focus{grid-template-columns:repeat(2,minmax(0,1fr))}.ceo-dashboard .ceo-chart-grid,.ceo-dashboard .ceo-risk-grid{grid-template-columns:1fr}} @media(max-width:680px){.ceo-dashboard .ceo-focus{grid-template-columns:1fr}} /* ===== V38 CSS LAYER 05 id="v30-26-visual-polish" ===== */ /* V30.26 — acabamento executivo: identidade cromática por categoria */ .evo-panel-attention,.evo-panel-profile,.evo-panel-gravity{position:relative;} .evo-panel-attention:before,.evo-panel-profile:before,.evo-panel-gravity:before{content:"";display:block;height:3px;position:absolute;left:0;right:0;top:0;z-index:3;} .evo-panel-attention:before{background:linear-gradient(90deg,#c2413f 0%,#d8892f 55%,#e5b64a 100%);} .evo-panel-profile:before{background:linear-gradient(90deg,#d8922e 0%,#3e6fa3 52%,#4c8790 100%);} .evo-panel-gravity:before{background:linear-gradient(90deg,#4b8b68 0%,#d69a32 50%,#bd4d4d 100%);} .evo-panel-attention .evo-panel-head>span{color:#b14d42;} .evo-panel-profile .evo-panel-head h4{color:#355e86;} .evo-panel-gravity .evo-panel-head h4{color:#526b60;} .evo-attention-item{position:relative;border-radius:10px;transition:background .18s ease,transform .18s ease;} .evo-attention-item:hover{background:#f8fafc;transform:translateX(2px);} .evo-attention-item:before{content:"";position:absolute;left:-5px;top:10px;bottom:10px;width:3px;border-radius:4px;background:#dfe5ec;} .evo-attention-item.attention-rank-1:before{background:#c2413f;} .evo-attention-item.attention-rank-2:before{background:#d8892f;} .evo-attention-item.attention-rank-3:before{background:#d3a63a;} .evo-attention-item.attention-rank-1 .evo-attention-rank{background:#fff0ef;color:#b23d39;border:1px solid #f2cbc8;} .evo-attention-item.attention-rank-2 .evo-attention-rank{background:#fff6e9;color:#a96816;border:1px solid #f1d8ae;} .evo-attention-item.attention-rank-3 .evo-attention-rank{background:#fff9e8;color:#92751c;border:1px solid #eadcae;} .evo-attention-item.attention-rank-1 .evo-attention-total{color:#b23d39;} .evo-attention-item.attention-rank-2 .evo-attention-total{color:#a96816;} .evo-attention-item.attention-rank-3 .evo-attention-total{color:#92751c;} .evo-profile-row{position:relative;padding:5px 7px;border-radius:9px;transition:background .18s ease;} .evo-profile-row:hover{background:#f8fafc;} .evo-profile-row label{font-weight:800;} .evo-profile-track{height:9px;box-shadow:inset 0 0 0 1px rgba(30,50,75,.025);} .evo-profile-row span{transition:width .35s ease,background .2s ease;box-shadow:0 1px 3px rgba(20,35,55,.10);} .evo-profile-furto label{color:#a86719;} .evo-profile-furto b{color:#a86719;} .evo-profile-furto .evo-profile-track{background:#fbf1df;} .evo-profile-furto .evo-profile-track span{background:#d8922e;} .evo-profile-interno label{color:#3f6790;} .evo-profile-interno b{color:#3f6790;} .evo-profile-interno .evo-profile-track{background:#e9f0f7;} .evo-profile-interno .evo-profile-track span{background:#4f76a1;} .evo-profile-externo label{color:#4d7c82;} .evo-profile-externo b{color:#4d7c82;} .evo-profile-externo .evo-profile-track{background:#e8f2f2;} .evo-profile-externo .evo-profile-track span{background:#4d8790;} .evo-severity-leve label{color:#4d8465;} .evo-severity-leve b{color:#4d8465;} .evo-severity-leve .evo-profile-track{background:#e9f3ed;} .evo-severity-leve .evo-profile-track span{background:#5a9873;} .evo-severity-moderado label{color:#a06e20;} .evo-severity-moderado b{color:#a06e20;} .evo-severity-moderado .evo-profile-track{background:#fbf1df;} .evo-severity-moderado .evo-profile-track span{background:#d49a35;} .evo-severity-grave label{color:#ae4745;} .evo-severity-grave b{color:#ae4745;} .evo-severity-grave .evo-profile-track{background:#f8e9e8;} .evo-severity-grave .evo-profile-track span{background:#bd5754;} .evo-panel-profile .evo-profile,.evo-panel-gravity .evo-profile{padding-top:16px;padding-bottom:16px;} @media(max-width:800px){.evo-attention-grid{grid-template-columns:1fr;}.evo-profile-row{grid-template-columns:105px 1fr 42px;}} /* ===== V38 CSS LAYER 06 id="central-timeline-and-selector-v3477" ===== */ /* V34.47.7 — Diretoria: seletor limpo + linha do tempo operacional */ #regionalExecutiveView.regional-selector-only{ border:1px solid var(--exec-line,#dfe5ec); border-radius:14px; background:#fff; box-shadow:0 5px 16px rgba(8,47,75,.045); } #regionalExecutiveView.regional-selector-only .regional-exec-top{min-height:42px} #regionalExecutiveView.regional-selector-only .regional-exec-title small{color:#7b8794} #regionalExecutiveView.regional-selector-only .regional-exec-selector{margin-left:auto} .central-timeline{ margin:0 0 18px; padding:16px 16px 14px; border:1px solid #dfe5ec; border-radius:14px; background:linear-gradient(180deg,#fff 0%,#fbfcfd 100%); box-shadow:0 6px 18px rgba(8,47,75,.045); overflow:hidden; } .central-timeline-head{ display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px; } .central-timeline-kicker{font-size:9px;font-weight:900;letter-spacing:1.2px;color:#b58a2b} .central-timeline-head h3{margin:3px 0 2px;font-size:15px;letter-spacing:-.2px;color:#12324d} .central-timeline-head small{font-size:10px;color:#7b8794} .central-timeline-meta{display:flex;align-items:center;gap:8px;flex-shrink:0} .central-timeline-meta span{font-size:9px;font-weight:800;color:#7b8794;padding:6px 9px;border:1px solid #e5eaf0;border-radius:8px;background:#f8fafc} .central-timeline-meta b{font-size:10px;color:#12324d;padding:6px 9px;border-radius:8px;background:#f2f6f9} .central-timeline-viewport{overflow-x:auto;overflow-y:hidden;padding:2px 2px 7px;scrollbar-width:thin} .central-timeline-track{position:relative;display:flex;gap:0;min-width:max-content;padding:9px 8px 0} .central-timeline-track:before{content:"";position:absolute;left:18px;right:18px;top:28px;height:1px;background:linear-gradient(90deg,#dfe6ed,#cfd9e3,#dfe6ed)} .central-timeline-item{position:relative;width:172px;padding:0 8px;text-align:center} .central-timeline-date{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;border-radius:50%;border:4px solid #fff;background:#12324d;box-shadow:0 0 0 1px #d9e1e8,0 5px 12px rgba(18,50,77,.12);font-size:9px;font-weight:900;color:#fff} .central-timeline-item.gold .central-timeline-date{background:#b58a2b;box-shadow:0 0 0 1px #ead9b3,0 5px 12px rgba(181,138,43,.16)} .central-timeline-item.alert .central-timeline-date{background:#9a4b48;box-shadow:0 0 0 3px rgba(154,75,72,.10),0 5px 12px rgba(154,75,72,.14)} .central-timeline-card{margin-top:9px;min-height:76px;padding:9px 8px;border:1px solid #e7ecf1;border-radius:10px;background:#fff;box-shadow:0 3px 10px rgba(8,47,75,.035)} .central-timeline-card strong{display:block;font-size:10px;line-height:1.3;color:#12324d} .central-timeline-card span{display:block;margin-top:4px;font-size:9px;line-height:1.35;color:#7b8794} .central-timeline-card b{display:inline-block;margin-top:6px;font-size:9px;color:#b58a2b;letter-spacing:.25px} .central-timeline-empty{width:100%;padding:16px;text-align:center;color:#8a96a3;font-size:10px} @media(max-width:700px){ #regionalExecutiveView.regional-selector-only .regional-exec-top{align-items:flex-start} #regionalExecutiveView.regional-selector-only .regional-exec-selector{width:100%;margin-left:0} #regionalExecutiveView.regional-selector-only .regional-exec-title{width:100%} .central-timeline-head{align-items:flex-start;flex-direction:column} .central-timeline-meta{width:100%} } /* ===== V38 CSS LAYER 07 id="central-timeline-drilldown-v3478" ===== */ .central-timeline-item{cursor:pointer} .central-timeline-item:focus-visible .central-timeline-card,.central-timeline-item:hover .central-timeline-card{border-color:#cfd9e3;box-shadow:0 7px 18px rgba(8,47,75,.08);transform:translateY(-1px)} .central-timeline-card{transition:box-shadow .16s ease,transform .16s ease,border-color .16s ease} .central-timeline-card .timeline-open-hint{display:block;margin-top:6px;font-size:8px;font-weight:800;letter-spacing:.35px;color:#7b8794} .central-timeline-modal-backdrop{position:fixed;inset:0;z-index:99999;background:rgba(9,25,40,.42);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:18px} .central-timeline-modal{width:min(820px,100%);max-height:min(760px,calc(100vh - 36px));display:flex;flex-direction:column;background:#fff;border:1px solid #dfe5ec;border-radius:16px;box-shadow:0 24px 70px rgba(8,47,75,.24);overflow:hidden} .central-timeline-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 20px 14px;border-bottom:1px solid #edf0f3} .central-timeline-modal-kicker{font-size:9px;font-weight:900;letter-spacing:1.15px;color:#b58a2b} .central-timeline-modal-head h3{margin:4px 0 3px;font-size:18px;color:#12324d;letter-spacing:-.25px} .central-timeline-modal-head p{margin:0;font-size:10px;color:#7b8794} .central-timeline-modal-close{width:32px;height:32px;border:1px solid #e2e7ec;border-radius:9px;background:#f8fafc;color:#12324d;font-size:18px;cursor:pointer;line-height:1} .central-timeline-modal-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px 20px;background:#fbfcfd;border-bottom:1px solid #edf0f3} .central-timeline-modal-stat{padding:9px 10px;border:1px solid #e6ebf0;border-radius:9px;background:#fff} .central-timeline-modal-stat span{display:block;font-size:8px;font-weight:900;letter-spacing:.6px;color:#8a96a3} .central-timeline-modal-stat b{display:block;margin-top:3px;font-size:15px;color:#12324d} .central-timeline-modal-body{overflow:auto;padding:14px 20px 20px} .central-timeline-store{border:1px solid #e3e9ef;border-radius:11px;background:#fff;margin-bottom:10px;overflow:hidden} .central-timeline-store-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;background:#f8fafc;border-bottom:1px solid #edf0f3} .central-timeline-store-head strong{font-size:11px;color:#12324d}.central-timeline-store-head span{font-size:9px;color:#7b8794} .central-timeline-detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px 12px} .central-timeline-detail{padding:9px 10px;border:1px solid #edf0f3;border-radius:9px;background:#fff} .central-timeline-detail strong{display:block;font-size:9px;color:#12324d}.central-timeline-detail span{display:block;margin-top:3px;font-size:9px;line-height:1.4;color:#6f7d8b} .central-timeline-detail.furto strong{color:#9a7220}.central-timeline-detail.acidente strong{color:#315a78}.central-timeline-detail.legacy strong{color:#7b8794} .central-timeline-modal-empty{padding:28px 12px;text-align:center;color:#7b8794;font-size:10px} @media(max-width:620px){.central-timeline-modal-summary{grid-template-columns:repeat(2,1fr)}.central-timeline-detail-list{grid-template-columns:1fr}.central-timeline-modal-backdrop{padding:10px}.central-timeline-modal{max-height:calc(100vh - 20px)}.central-timeline-modal-head,.central-timeline-modal-body{padding-left:14px;padding-right:14px}} /* ===== V38 CSS LAYER 08 id="v3477-remove-dashboard-regional-metrics" ===== */ /* A faixa da Diretoria no Dashboard tem função exclusiva de troca de escopo. */ #dashboard #regionalExecutiveView .regional-exec-summary, #dashboard #regionalExecutiveView #regionalComparisonBlock{display:none!important} /* ===== V38 CSS LAYER 09 ===== */ #regionalExecutiveView{border:1px solid rgba(15,23,42,.10)} #regionalExecutiveView .regional-view-btn[aria-pressed="true"]{font-weight:900;box-shadow:0 0 0 2px rgba(15,23,42,.14) inset} /* V39.68.1 — GOVERNANÇA DE ESCOPO: hidden deve vencer regras de display dos seletores premium. */ #regionalExecutiveView .regional-view-btn[hidden], .v37-context-switch [data-v37-regional][hidden], .regional-page-switch [data-admin-regional][hidden], .fin-scope-btn[hidden], .regional-exec-kpi[hidden], .regional-accident-top-card[hidden], .regional-accident-type-card[hidden]{display:none!important;} /* ===== V38 CSS LAYER 10 ===== */ /* V31.14 — o painel regional pertence ao Dashboard, nunca ao body/grid principal */ #dashboard #regionalExecutiveView{ display:block; width:100%; max-width:100%; box-sizing:border-box; margin:0 0 20px 0; position:relative; z-index:1; } #dashboard #regionalExecutiveSelector{ max-width:100%; } #dashboard #regionalExecutiveSelector .regional-view-btn{ white-space:nowrap; } #dashboard #regionalExecutiveCards{ width:100%; box-sizing:border-box; } #dashboard #regionalComparisonBlock{ width:100%; box-sizing:border-box; } @media (max-width:900px){ #dashboard #regionalExecutiveSelector{ width:100%; } #dashboard #regionalExecutiveSelector .regional-view-btn{ flex:1 1 auto; } } /* ===== V38 CSS LAYER 11 ===== */ #regionalExecutiveView.regional-exec-strip{ margin:0 0 12px!important;padding:10px 14px!important; border:1px solid var(--exec-line,#dfe5ec);border-radius:14px; background:#fff;box-shadow:0 5px 16px rgba(8,47,75,.045); box-sizing:border-box;width:100%;overflow:hidden; } #regionalExecutiveView .regional-exec-top{ display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap; } #regionalExecutiveView .regional-exec-title{display:flex;align-items:baseline;gap:9px;min-width:0} #regionalExecutiveView .regional-exec-kicker{font-size:10px;font-weight:900;letter-spacing:1.2px;color:var(--gold,#b58a2b)} #regionalExecutiveView .regional-exec-title strong{font-size:16px;color:var(--navy-800,#12324d);white-space:nowrap} #regionalExecutiveView .regional-exec-title strong i{font-style:normal;color:var(--gold,#b58a2b)} #regionalExecutiveView .regional-exec-title small{font-size:11px;color:var(--muted,#64748b);white-space:nowrap} #regionalExecutiveView .regional-exec-selector{display:flex;gap:4px;padding:3px;border-radius:9px;background:#f3f6f9} #regionalExecutiveView .regional-view-btn{ border:0!important;background:transparent!important;color:#64748b!important; border-radius:7px!important;padding:6px 12px!important;font-size:11px!important; font-weight:850!important;box-shadow:none!important;min-height:30px; } #regionalExecutiveView .regional-view-btn.active, #regionalExecutiveView .regional-view-btn[aria-pressed="true"]{ background:#12324d!important;color:#fff!important; } #regionalExecutiveView .regional-exec-summary{ display:flex;align-items:center;gap:7px;margin-top:9px; } #regionalExecutiveView .regional-mini{ display:grid;grid-template-columns:auto auto;column-gap:7px;align-items:center; padding:6px 10px;border:1px solid #e8edf2;border-radius:9px;min-width:94px; } #regionalExecutiveView .regional-mini span{font-size:10px;font-weight:900;letter-spacing:.7px;color:#64748b} #regionalExecutiveView .regional-mini b{font-size:17px;line-height:1;color:#12324d} #regionalExecutiveView .regional-mini small{grid-column:2;font-size:10px;color:#8a96a3} #regionalExecutiveView .regional-mini.consolidated{border-left:3px solid var(--gold,#b58a2b)} #regionalExecutiveView .regional-compare-link{ margin-left:auto;display:grid;grid-template-columns:auto auto;column-gap:7px;align-items:center; padding:6px 11px;border-radius:9px;background:#f8fafc;cursor:pointer;min-width:125px; } #regionalExecutiveView .regional-compare-link span{font-size:10px;font-weight:900;letter-spacing:.7px;color:#8a96a3} #regionalExecutiveView .regional-compare-link b{font-size:12px;color:#12324d} #regionalExecutiveView .regional-compare-link small{grid-column:2;font-size:10px;color:#8a96a3} #regionalExecutiveView .regional-comparison{ display:none;margin-top:9px;padding-top:9px;border-top:1px solid #edf1f4; } #regionalExecutiveView .regional-comparison.open{display:block} #regionalExecutiveView .regional-comparison-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px} #regionalExecutiveView .regional-comparison-head b{font-size:11px;color:#12324d} #regionalExecutiveView .regional-comparison-head span{font-size:10px;color:#8a96a3} #regionalExecutiveView .regional-compare-grid{display:grid;grid-template-columns:repeat(6,minmax(70px,1fr));gap:5px} #regionalExecutiveView .regional-compare-metric{ display:grid;grid-template-columns:1fr 1fr;column-gap:4px;padding:7px 8px;border:1px solid #edf1f4;border-radius:8px; } #regionalExecutiveView .regional-compare-metric span{grid-column:1/-1;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#8a96a3;margin-bottom:4px} #regionalExecutiveView .regional-compare-metric b{font-size:13px;color:#12324d;text-align:center} #regionalExecutiveView .regional-compare-metric b+ b{border-left:1px solid #e6ebef} #regionalExecutiveView .regional-compare-legend{display:flex;gap:10px;margin-top:5px;font-size:10px;color:#8a96a3} #regionalExecutiveView .regional-compare-legend i{display:inline-block;font-style:normal;font-weight:900;color:#12324d} @media(max-width:900px){ #regionalExecutiveView .regional-exec-summary{overflow-x:auto} #regionalExecutiveView .regional-compare-grid{grid-template-columns:repeat(3,minmax(100px,1fr))} } @media(max-width:600px){ #regionalExecutiveView .regional-exec-title{width:100%} #regionalExecutiveView .regional-exec-selector{width:100%} #regionalExecutiveView .regional-view-btn{flex:1} #regionalExecutiveView .regional-compare-grid{grid-template-columns:repeat(2,minmax(100px,1fr))} } /* ===== V38 CSS LAYER 12 ===== */ .regional-page-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;margin:0 0 12px;border:1px solid #e4e9ef;border-radius:12px;background:#fff;box-shadow:0 4px 14px rgba(8,47,75,.035);box-sizing:border-box} .regional-page-context{display:flex;align-items:baseline;gap:8px;min-width:0}.regional-page-context>span{font-size:10px;font-weight:900;letter-spacing:1px;color:#b58a2b}.regional-page-context>b{font-size:13px;color:#12324d;white-space:nowrap}.regional-page-context>small{font-size:10px;color:#7b8794;white-space:nowrap} .regional-page-switch{display:flex;gap:3px;padding:3px;background:#f3f6f9;border-radius:8px}.regional-page-switch button{border:0;background:transparent;color:#687788;border-radius:6px;padding:5px 12px;font-size:10px;font-weight:900;cursor:pointer;min-height:27px}.regional-page-switch button[aria-pressed="true"]{background:#12324d;color:#fff} @media(max-width:700px){.regional-page-bar{align-items:flex-start;flex-direction:column}.regional-page-context{width:100%}.regional-page-switch{width:100%}.regional-page-switch button{flex:1}} /* ===== V38 CSS LAYER 13 ===== */ .regional-compare-legend{font-size:10px;color:#7b8794;display:flex;gap:12px;margin-top:4px} /* ===== V38 CSS LAYER 14 ===== */ .regional-compare-grid-3{grid-template-columns:repeat(6,minmax(75px,1fr))}.regional-compare-grid-3 .regional-compare-metric{min-width:0}.regional-compare-grid-3 .regional-compare-metric b{display:block;margin-top:3px}.regional-exec-selector{flex-wrap:wrap}.regional-exec-selector .regional-view-btn{white-space:nowrap}@media(max-width:900px){.regional-compare-grid-3{grid-template-columns:repeat(3,1fr)}} /* ===== V38 CSS LAYER 15 ===== */ #reportRegional{font-weight:800;border-color:#cfd8e3;background:#fbfcfd} #reportRegional:invalid{border-color:#d9dee5} /* ===== V38 CSS LAYER 16 id="audit-regional-v315" ===== */ .audit-regional-bar{margin-bottom:12px}.audit-executive-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin:2px 0 12px;padding:4px 2px}.audit-kicker{font-size:10px;font-weight:900;letter-spacing:1.4px;color:#b58a2b}.audit-executive-head h2{margin:5px 0 3px;font-size:22px;letter-spacing:-.03em;color:#12324d}.audit-executive-head p{margin:0;color:#758193;font-size:11px}.audit-scope-badge{min-width:170px;padding:9px 12px;border:1px solid #e1e7ee;border-radius:11px;background:#fff;text-align:right}.audit-scope-badge span{display:block;font-size:10px;font-weight:900;letter-spacing:.9px;color:#8b96a4}.audit-scope-badge b{display:block;margin-top:4px;font-size:12px;color:#12324d}.audit-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.audit-kpis>div{background:#fff;border:1px solid #e3e8ee;border-radius:11px;padding:10px 12px;min-height:62px}.audit-kpis span{font-size:10px;font-weight:900;letter-spacing:.8px;color:#8a95a3}.audit-kpis b{display:block;margin-top:5px;font-size:17px;color:#12324d}.audit-kpis small{display:block;margin-top:2px;color:#8994a2;font-size:10px}.audit-status-ok{color:#3f7450!important}.audit-filter-card{background:#f8fafc;border:1px solid #e4e9ef;border-radius:12px;padding:10px 12px;margin-bottom:12px}.audit-filter-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.audit-filter-title b{font-size:10px;letter-spacing:.9px;color:#12324d}.audit-filter-title span{font-size:10px;color:#8792a0}.audit-filter-grid{display:grid;grid-template-columns:170px 170px minmax(220px,1fr) auto;gap:8px;align-items:end}.audit-filter-grid label{font-size:10px;font-weight:900;letter-spacing:.7px;color:#8792a0}.audit-filter-grid select,.audit-filter-grid input{display:block;width:100%;height:34px;margin-top:4px;box-sizing:border-box;border:1px solid #dce3ea;border-radius:8px;background:#fff;padding:0 9px;font-size:11px;color:#263243}.audit-filter-grid .btn{height:34px;font-size:10px}.audit-readonly-tag{font-size:10px;font-weight:900;letter-spacing:.8px;padding:5px 8px;border-radius:999px;background:#eef4f8;color:#53687b}.audit-table tbody tr:hover td{background:#f8fafc}.audit-table td{vertical-align:top}.audit-action{font-weight:850}.audit-regional-pill{display:inline-flex;padding:3px 6px;border-radius:999px;background:#f2f5f8;color:#516172;font-size:10px;font-weight:900;letter-spacing:.4px}.audit-empty{padding:30px!important;text-align:center;color:#7c8795}.audit-empty b{display:block;color:#344054;margin-bottom:3px}@media(max-width:850px){.audit-kpis{grid-template-columns:repeat(2,1fr)}.audit-filter-grid{grid-template-columns:1fr 1fr}.audit-filter-grid label:nth-child(3){grid-column:1/-1}.audit-filter-grid .btn{width:100%}}@media(max-width:600px){.audit-executive-head{align-items:flex-start;flex-direction:column}.audit-scope-badge{width:100%;text-align:left;box-sizing:border-box}.audit-kpis{grid-template-columns:1fr 1fr}.audit-filter-grid{grid-template-columns:1fr}.audit-filter-grid label:nth-child(3){grid-column:auto}} /* ===== V38 CSS LAYER 17 ===== */ .audit-regional-bar{margin-left:0;margin-right:0} .audit-events-card{overflow:hidden} .audit-notice{margin:0 0 12px} .audit-table-wrap{width:100%;overflow-x:auto} .audit-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 4px 2px;border-top:1px solid #e9edf2;margin-top:8px} .audit-page-info{font-size:10px;color:#7b8794}.audit-page-info b{color:#31465a} .audit-page-controls{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end} .audit-page-btn{border:1px solid #dce4eb;background:#fff;color:#496074;border-radius:7px;min-width:31px;height:30px;padding:0 9px;font-size:10px;font-weight:800;cursor:pointer}.audit-page-btn:hover:not(:disabled){background:#f4f7fa}.audit-page-btn.active{background:#12324d;color:#fff;border-color:#12324d}.audit-page-btn:disabled{opacity:.45;cursor:not-allowed} @media(max-width:700px){.audit-pagination{align-items:flex-start;flex-direction:column}.audit-page-controls{width:100%;justify-content:flex-start}} /* ===== V38 CSS LAYER 18 ===== */ .audit-archive-pill{display:inline-block;margin-top:4px;padding:2px 7px;border-radius:999px;background:#f2eadb;color:#8a6420;font-size:10px;font-weight:900;letter-spacing:.6px} #auditRetentionFilter{min-width:190px} /* ===== V38 CSS LAYER 19 id="v31-27-period-css" ===== */ .integrity-toolbar .field select#integrityRegionalSelect{min-width:190px} .integrity-regional-note{display:inline-flex;align-items:center;gap:7px;margin-top:9px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--bg);font-size:11px;font-weight:800;color:var(--navy-800)} /* ===== V38 CSS LAYER 20 id="v32-elegant-topbar" ===== */ /* ============================================================ V32 — REFINAMENTO VISUAL DO CABEÇALHO E FAIXA EXECUTIVA Somente aparência: nenhum id/classe funcional foi alterado, nenhum comportamento de JS é afetado. ============================================================ */ /* ---------- Cabeçalho principal (.top) ---------- */ .top{ position:sticky;top:0;z-index:8; display:grid;grid-template-columns:minmax(260px,1fr) minmax(600px,auto); align-items:center;gap:28px; margin:0 0 22px;padding:16px 22px;min-height:auto; background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(248,250,253,.94)); backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px); border:1px solid rgba(222,231,241,.9); border-radius:18px; box-shadow:0 1px 2px rgba(14,35,56,.04),0 14px 34px -18px rgba(14,44,72,.28); } .top::after{content:none} .top-title-row{gap:10px} .top-section-kicker{ font-size:10px;font-weight:900;letter-spacing:1.6px;color:var(--gold,#b8862e); display:inline-flex;align-items:center;gap:6px; } .top-section-kicker::before{ content:"";width:5px;height:5px;border-radius:50%; background:linear-gradient(135deg,var(--blue),var(--gold)); box-shadow:0 0 0 3px rgba(184,134,46,.14); } .region-badge{ height:22px;padding:0 10px 0 9px;border-radius:999px; background:linear-gradient(135deg,rgba(46,111,242,.09),rgba(184,134,46,.09)); border:1px solid rgba(46,111,242,.18); color:var(--navy-800,#123655);font-weight:900;letter-spacing:.5px; display:inline-flex;align-items:center;gap:0; } .top h1{ margin-top:6px;font-size:26px;font-weight:850;letter-spacing:-.8px; background:linear-gradient(100deg,var(--exec-navy,#0e2c48) 25%,var(--navy-700,#1a4a75) 65%,var(--blue,#2e6ff2) 115%); -webkit-background-clip:text;background-clip:text;color:transparent; } .top .sub{ margin-top:6px;font-size:10px;font-weight:750;letter-spacing:.55px; color:var(--muted-2,#8896a3); } /* ---------- Chips de contexto (período, usuário, status) ---------- */ /* .context-row{} consolidado em v34-enterprise-ux (mais abaixo) */ .period-control,.user-chip,.system-status,.save-state{ border:1px solid #e2e8f0;background:#ffffff; border-radius:12px;box-shadow:0 1px 2px rgba(14,35,56,.03); transition:box-shadow .18s var(--ease,ease),border-color .18s var(--ease,ease),transform .18s var(--ease,ease); } .period-control:hover,.user-chip:hover,.system-status:hover{ border-color:#cfdcec;box-shadow:0 6px 16px rgba(14,44,72,.08);transform:translateY(-1px); } .period-control{ height:44px;padding:5px 12px; border-image:none; } .period-control label{ font-size:10px;font-weight:900;letter-spacing:1px;color:var(--muted-2,#8896a3); } .period-control input{font-weight:800;color:var(--navy-800,#123655)} .user-chip{height:44px;padding:5px 12px;min-width:126px} .user-chip>span{ width:9px;height:9px; background:linear-gradient(135deg,var(--blue,#2e6ff2),var(--navy-700,#1a4a75)); box-shadow:0 0 0 4px rgba(46,111,242,.12); } .user-chip b{color:var(--navy-800,#123655);letter-spacing:.1px} .user-chip small{color:var(--muted,#6b7c8e);font-weight:800} .system-status{height:44px;gap:9px} .system-status span{font-weight:800;color:var(--navy-700,#1a4a75)} .save-state{ height:44px;border:0!important;background:transparent!important;box-shadow:none!important; color:var(--muted,#6b7c8e);font-weight:700;justify-content:flex-end;padding:0 4px; } .system-status:has(.status-dot:not(.off)){ background:linear-gradient(180deg,#f4fbf7,#eef8f2);border-color:rgba(42,164,119,.28); } .system-status:has(.status-dot:not(.off)) span{color:var(--green,#2aa477)} .system-status:has(.status-dot.off){ background:linear-gradient(180deg,#fff8ee,#fdf3e2);border-color:rgba(194,123,32,.3); } /* ---------- Botões da barra de ações ---------- */ .action-row{gap:10px} /* .action-row .btn{} consolidado em v34-enterprise-ux (mais abaixo) */ .action-row .btn:not(.primary):not(.danger){ background:#fff;border-color:#dde5ee;color:var(--navy-800,#123655); } .action-row .btn:not(.primary):not(.danger):hover{ border-color:#c3d3e6;background:#f9fbfd;box-shadow:0 8px 20px rgba(14,44,72,.10); } .action-row .btn.primary{ background:linear-gradient(135deg,var(--blue,#2e6ff2),var(--navy-700,#1a4a75)); box-shadow:0 10px 22px rgba(46,111,242,.30); border-bottom:2px solid var(--gold,#b8862e); } .action-row .btn.primary:hover{box-shadow:0 14px 30px rgba(46,111,242,.4),0 0 0 3px rgba(184,134,46,.16);transform:translateY(-1.5px)} .action-row .btn.danger{ background:#fff;border-color:rgba(178,63,59,.28);color:var(--red,#b23f3b); } .action-row .btn.danger:hover{background:var(--red-bg,#fbeaea);border-color:var(--red,#b23f3b)} @media(max-width:1250px){.top{grid-template-columns:1fr}} @media(max-width:900px){.top{display:flex;flex-direction:column;align-items:stretch;border-radius:16px}} /* ---------- Faixa executiva regional ---------- */ #regionalExecutiveView.regional-exec-strip{ background:linear-gradient(180deg,#ffffff,#fbfcfe); border:1px solid #e4eaf1;border-radius:18px; box-shadow:0 1px 2px rgba(14,35,56,.03),0 16px 34px -22px rgba(14,44,72,.3); padding:16px 18px 14px;position:relative;overflow:hidden; } /* V34.20 — removida a barra gradiente azul/dourada e o texto em gradiente: um único acento (dourado, já usado na marca/sidebar) em vez de dois tons competindo entre si. */ #regionalExecutiveView .regional-exec-kicker{color:var(--gold,#b8862e);letter-spacing:1.4px} #regionalExecutiveView .regional-exec-title strong{ color:var(--navy-800,#123655);font-weight:900;letter-spacing:-.2px; } #regionalExecutiveView .regional-exec-title strong i{ color:var(--gold,#b8862e);font-style:normal; } #regionalExecutiveView .regional-exec-selector{ background:#eef2f7;border-radius:11px;padding:4px;gap:3px; } #regionalExecutiveView .regional-view-btn{ border:0;background:transparent;border-radius:8px;padding:8px 13px; font-size:10.5px;font-weight:800;letter-spacing:.35px;color:var(--muted,#6b7c8e); transition:var(--transition,all .2s ease); } #regionalExecutiveView .regional-view-btn:hover{color:var(--navy-800,#123655)} #regionalExecutiveView .regional-view-btn.active, #regionalExecutiveView .regional-view-btn[aria-pressed="true"]{ background:#fff;color:var(--navy-800,#123655); box-shadow:0 3px 10px rgba(14,44,72,.14);font-weight:900; } #regionalExecutiveView .regional-exec-summary{ margin-top:14px;padding-top:14px;border-top:1px dashed #e6ecf2; display:grid;grid-template-columns:repeat(4,minmax(90px,1fr)) auto;gap:10px;align-items:stretch; } #regionalExecutiveView .regional-mini{ border:1px solid #eaeff4;border-radius:13px;background:#fbfdff; padding:11px 13px;position:relative;transition:transform .18s ease,box-shadow .18s ease; } #regionalExecutiveView .regional-mini:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(14,44,72,.08)} #regionalExecutiveView .regional-mini span{color:var(--muted-2,#8896a3);letter-spacing:1px} #regionalExecutiveView .regional-mini b{font-size:19px;font-weight:900;color:var(--navy-800,#123655)} /* V34.20 — os 3 cards regionais (RS/SC/Varejo) usam agora o mesmo tratamento neutro; só o TOTAL se destaca (preenchido em navy), em vez do antigo arco-íris azul/verde/roxo/dourado nas bordas. */ #regionalExecutiveView .regional-mini.consolidated{ border:1px solid var(--navy-800,#123655); background:linear-gradient(155deg,var(--navy-800,#123655),var(--navy,#0e2c48)); } #regionalExecutiveView .regional-mini.consolidated span{color:rgba(255,255,255,.62)} #regionalExecutiveView .regional-mini.consolidated b{color:#fff} #regionalExecutiveView .regional-mini.consolidated small{color:rgba(255,255,255,.55)} #regionalExecutiveView .regional-compare-link{ border:1px solid #e4e9ef;border-radius:13px; background:#f7f9fb; padding:11px 15px;cursor:pointer;transition:var(--transition,all .2s ease); display:flex;flex-direction:column;justify-content:center;min-width:150px; } #regionalExecutiveView .regional-compare-link:hover{ border-color:var(--blue,#2e6ff2);box-shadow:0 8px 18px rgba(46,111,242,.14);transform:translateY(-2px); } #regionalExecutiveView .regional-compare-link b{color:var(--navy-800,#123655);font-weight:900} #regionalExecutiveView .regional-comparison{ margin-top:12px;border-top:1px dashed #e6ecf2;padding-top:12px; } #regionalExecutiveView .regional-comparison-head b{color:var(--navy-800,#123655)} #regionalExecutiveView .regional-compare-metric{ border:1px solid #eaeff4;border-radius:11px;background:#fbfdff;padding:8px 6px; } @media(max-width:900px){ #regionalExecutiveView .regional-exec-summary{grid-template-columns:repeat(2,1fr)} } /* ===== V38 CSS LAYER 21 id="v33-5-mobile-premium" ===== */ /* V33.6 — MOBILE PREMIUM / TRAVA DE CARREGAMENTO CORRIGIDA Navegação mobile recolhível, sem alterar regras de negócio/permissões. */ .mobile-toolbar{display:none} .mobile-nav-backdrop{display:none} @media (max-width:700px){ html,body{width:100%;max-width:100%;overflow-x:hidden} body{padding-top:0} .app{min-height:100vh;display:block} .sidebar{ position:fixed!important;z-index:1200!important;top:0;bottom:0;left:0; width:min(286px,84vw);height:100dvh; padding:14px 12px;box-sizing:border-box; transform:translateX(-105%);transition:transform .22s ease; box-shadow:18px 0 42px rgba(9,28,49,.24);overflow-y:auto;overflow-x:hidden; } body.mobile-nav-open .sidebar{transform:translateX(0)} .sidebar .brand{font-size:inherit!important;padding:2px 6px 18px;justify-content:flex-start!important} .sidebar .brand::after{left:6px!important;right:6px!important} .sidebar .brand-mark{margin:0 10px 0 0!important;width:38px;height:38px!important;flex:0 0 auto} .sidebar .brand-text{display:block!important;font-size:11px;line-height:1.25;white-space:normal} .sidebar .brand-text small{display:block!important;font-size:10px;margin-top:3px} .sidebar .nav{gap:3px;padding-top:4px} .sidebar .nav-group-label{display:block!important;padding:11px 8px 5px;font-size:10px} .sidebar .nav button{justify-content:flex-start!important;padding:10px 9px;min-height:42px;border-radius:10px} .sidebar .nav button span{display:inline!important} .sidebar .nav button .ico-wrap{width:28px;height:28px;margin-right:8px} .sidebar .nav button .ico{width:15px;height:15px} .sidebar .creator-brand{display:block!important;margin-top:18px!important} .mobile-nav-backdrop{ position:fixed;inset:0;z-index:1190;background:rgba(8,25,43,.42); backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px) } body.mobile-nav-open .mobile-nav-backdrop{display:block} .mobile-toolbar{ position:sticky;top:0;z-index:1100; min-height:54px;padding:8px 11px;box-sizing:border-box; display:flex;align-items:center;gap:10px; background:rgba(255,255,255,.96);border-bottom:1px solid #e4e9ef; box-shadow:0 3px 14px rgba(14,44,72,.07); } .mobile-menu-btn{ width:38px;height:38px;flex:0 0 38px;border:1px solid #dce4ec;border-radius:10px; background:#fff;color:#123655;font-size:21px;line-height:1;display:grid;place-items:center; cursor:pointer;font-weight:800 } .mobile-menu-btn:active{transform:scale(.97)} .mobile-toolbar-title{min-width:0;flex:1} .mobile-toolbar-title b{display:block;font-size:12px;color:#123655;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .mobile-toolbar-title small{display:block;margin-top:1px;font-size:10px;color:#7b8795;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.06em} .mobile-toolbar-status{font-size:10px;font-weight:800;color:#39734a;white-space:nowrap} .mobile-toolbar-status.off{color:#a33d3d} .main{margin-left:0!important;width:100%;max-width:none!important;padding:10px;box-sizing:border-box} .top{margin-top:0!important;border-radius:14px!important;padding:14px;gap:12px} .top-context{min-width:0!important;width:100%} .top-title-row{flex-wrap:wrap;gap:6px} .top h1{font-size:23px!important;line-height:1.1;margin:5px 0 2px!important} .sub{font-size:10px!important;line-height:1.35!important} .actions{width:100%!important} .context-row{display:grid!important;grid-template-columns:1fr 1fr;gap:7px} .period-control,.user-chip,.system-status{min-width:0!important;width:100%;box-sizing:border-box} .period-control{grid-column:1/-1} .system-status{justify-content:center} .action-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px;margin-top:7px} .action-row .btn{width:100%!important;min-width:0;padding:0 8px;font-size:10px} .action-row #saveBtn{grid-column:1/-1} .page{min-width:0!important;width:100%;overflow:visible} .card,.dashboard-section,.dashboard-header{max-width:100%;box-sizing:border-box} .filters{gap:8px!important} .filters .field{min-width:100%!important;width:100%} input,select,textarea,button{max-width:100%} #regionalExecutiveView{padding:11px!important;margin-bottom:10px!important} #regionalExecutiveView .regional-exec-top{align-items:flex-start!important;gap:9px} #regionalExecutiveView .regional-exec-title{display:block!important;min-width:0} #regionalExecutiveView .regional-exec-title strong{display:block;font-size:14px;white-space:normal;line-height:1.2} #regionalExecutiveView .regional-exec-title small{display:block;margin-top:3px;font-size:10px;white-space:normal!important} #regionalExecutiveView .regional-exec-selector{ width:100%;box-sizing:border-box;overflow-x:auto;flex-wrap:nowrap!important; scrollbar-width:none;padding:3px } #regionalExecutiveView .regional-exec-selector::-webkit-scrollbar{display:none} #regionalExecutiveView .regional-view-btn{flex:0 0 auto;min-height:34px;padding:0 12px;font-size:10px!important} #regionalExecutiveView .regional-exec-summary{grid-template-columns:1fr 1fr!important;gap:7px;margin-top:10px;padding-top:10px} #regionalExecutiveView .regional-mini{padding:9px 10px!important;min-width:0!important} #regionalExecutiveView .regional-mini b{font-size:17px!important} #regionalExecutiveView .regional-compare-link{min-width:0!important;grid-column:1/-1;padding:10px} #regionalExecutiveView .regional-comparison{overflow:hidden} #regionalExecutiveView .regional-compare-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))!important} #dashboard .ceo-head h2{font-size:22px!important} #dashboard .ceo-head{padding:14px!important} #dashboard .ceo-focus{grid-template-columns:1fr!important} #dashboard .executive-reading-guide{grid-template-columns:1fr 1fr!important} #dashboard .ceo-chart-grid,#dashboard .ceo-risk-grid{grid-template-columns:1fr!important} .kpis{grid-template-columns:1fr 1fr!important;gap:8px!important} .kpi{min-width:0!important;padding:11px!important} .kpi .num{font-size:21px!important} /* Tabelas continuam legíveis: rolagem fica no próprio bloco quando disponível. */ .table-wrap,.table-responsive,.report-table-wrap,.audit-table-wrap,.ranking-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch} table{font-size:10px} th,td{white-space:nowrap} .launch-modal-backdrop{padding:8px!important} .launch-modal-backdrop .launch-modal{height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important;width:100%!important} } @media (max-width:420px){ .main{padding:8px!important} .mobile-toolbar{padding-left:8px;padding-right:8px} .mobile-toolbar-status{display:none} .top{padding:12px!important} .context-row{grid-template-columns:1fr!important} .period-control{grid-column:auto} .action-row{grid-template-columns:1fr!important} .action-row #saveBtn{grid-column:auto} .kpis{grid-template-columns:1fr 1fr!important} #regionalExecutiveView .regional-exec-summary{grid-template-columns:1fr 1fr!important} #regionalExecutiveView .regional-compare-grid-3{grid-template-columns:1fr 1fr!important} #dashboard .executive-reading-guide{} } @media (prefers-reduced-motion:reduce){.sidebar{transition:none!important}.mobile-menu-btn{transition:none!important}} /* ===== V38 CSS LAYER 22 id="v33-8-sidebar-viewport-fix" ===== */ /* V33.8 — Sidebar integral em 100% de zoom / telas baixas. O menu nunca corta itens: quando a altura disponível for menor, somente a própria sidebar rola, preservando o conteúdo principal. */ .sidebar{ overflow-y:auto; overflow-x:hidden; scrollbar-width:thin; scrollbar-gutter:stable; overscroll-behavior:contain; } .sidebar::-webkit-scrollbar{width:6px} .sidebar::-webkit-scrollbar-track{background:transparent} .sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.20);border-radius:99px} .sidebar::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.34)} .sidebar .nav{flex:0 0 auto;min-height:0} .sidebar .creator-brand{flex-shrink:0} @media(max-height:720px) and (min-width:701px){ .sidebar{padding-top:16px;padding-bottom:14px} .brand{padding-bottom:14px;margin-bottom:10px} .nav-group-label{padding-top:10px;padding-bottom:5px} .nav button{padding-top:8px;padding-bottom:8px} .creator-brand{margin-top:12px;padding-top:10px} } /* ===== V38 CSS LAYER 23 id="v33_10_executive_design_system" ===== */ /* ============================================================ V33.10 — EXECUTIVE DESIGN SYSTEM Objetivo: percepção enterprise, hierarquia clara, estados vazios tratados como estado de produto e não como dados "quebrados". Não altera regras de negócio, RLS, Supabase ou cálculos. ============================================================ */ /* :root deste bloco consolidado em consolidated-design-system (topo do arquivo) */ /* 1) Um único padrão de superfície no Dashboard */ #dashboard.ceo-dashboard .ceo-panel, #dashboard.ceo-dashboard .ceo-focus-card, #dashboard.ceo-dashboard .diagnostic-card, #dashboard.ceo-dashboard .decision-main, #dashboard.ceo-dashboard .decision-side, #dashboard.ceo-dashboard .insight-card{ border-radius:var(--exec-radius)!important; border:1px solid #dfe6ed!important; box-shadow:var(--exec-shadow)!important; } #dashboard.ceo-dashboard .ceo-focus-card, #dashboard.ceo-dashboard .ceo-panel, #dashboard.ceo-dashboard .diagnostic-card{ background:#fff!important; } /* Elimina a sensação de quatro famílias diferentes de cards */ #dashboard.ceo-dashboard .ceo-focus-card::after, #dashboard.ceo-dashboard .diagnostic-card::after{ opacity:.55; } #dashboard.ceo-dashboard .ceo-focus-card{ border-top:1px solid #dfe6ed!important; padding:20px 20px 18px!important; } #dashboard.ceo-dashboard .ceo-focus-card.ice-focus{ border-top:3px solid #c99a3b!important; } #dashboard.ceo-dashboard .ceo-focus-card.risk-card{ border-top:3px solid #b23f3b!important; } /* 2) Hierarquia tipográfica: um herói, o restante subordinado */ #dashboard.ceo-dashboard .ceo-kicker{ font-size:10px!important; letter-spacing:1.25px!important; font-weight:800!important; opacity:.78; } #dashboard.ceo-dashboard .ceo-head{ min-height:142px!important; padding:26px 30px 24px!important; margin-bottom:16px!important; border-radius:18px!important; } #dashboard.ceo-dashboard .ceo-head h2{ font-size:clamp(30px,3vw,42px)!important; line-height:1.02!important; letter-spacing:-1.15px!important; margin:7px 0 8px!important; } #dashboard.ceo-dashboard .ceo-head p{ font-size:13px!important; max-width:680px!important; line-height:1.55!important; } #dashboard.ceo-dashboard .ceo-section-title{ margin:28px 0 12px!important; } #dashboard.ceo-dashboard .ceo-section-title h3{ font-size:15px!important; letter-spacing:.55px!important; font-weight:850!important; } #dashboard.ceo-dashboard .ceo-section-title p{ font-size:11px!important; line-height:1.45!important; max-width:760px; } /* Menos "gritos" em caps */ #dashboard.ceo-dashboard .panel-head h4{ font-size:11px!important; letter-spacing:.65px!important; font-weight:850!important; } #dashboard.ceo-dashboard .panel-head span{ font-size:10px!important; } #dashboard.ceo-dashboard .ceo-label, #dashboard.ceo-dashboard .diagnostic-head span, #dashboard.ceo-dashboard .accident-kpi span, #dashboard.ceo-dashboard .outcome-box span, #dashboard.ceo-dashboard .risk-mini span{ font-size:10px!important; letter-spacing:.7px!important; font-weight:800!important; } /* 3) Números importantes continuam fortes, mas sem competir entre si */ #dashboard.ceo-dashboard .ice-focus-score{ width:72px!important; height:72px!important; border-radius:12px!important; box-shadow:inset 0 0 0 4px rgba(210,169,79,.20)!important; } #dashboard.ceo-dashboard .ice-focus-score b{ font-size:30px!important; } #dashboard.ceo-dashboard .focus-number{ font-size:34px!important; line-height:1!important; letter-spacing:-1.2px!important; margin-top:13px!important; } #dashboard.ceo-dashboard .focus-sub{ font-size:10px!important; line-height:1.4!important; } #dashboard.ceo-dashboard .focus-secondary b{ font-size:14px!important; } /* 4) Badges: cor somente quando existe significado */ #dashboard.ceo-dashboard .panel-tag{ background:#f4f6f8!important; color:#647284!important; border:1px solid #e1e6eb!important; box-shadow:none!important; font-size:10px!important; letter-spacing:.8px!important; } #dashboard.ceo-dashboard .section-note{ background:#f7f9fb!important; border:1px solid #e2e7ec!important; color:#667487!important; border-radius:9px!important; box-shadow:none!important; font-size:10px!important; } #dashboard.ceo-dashboard .section-note b{ color:#26384b!important; } /* Status é a exceção: semáforo continua semântico */ #dashboard.ceo-dashboard .ceo-meta-status, #dashboard.ceo-dashboard .ceo-meta-period{ background:rgba(255,255,255,.07)!important; border:1px solid rgba(255,255,255,.14)!important; box-shadow:none!important; border-radius:10px!important; } /* 5) Mais respiro entre grupos */ #dashboard.ceo-dashboard .ceo-focus{ gap:14px!important; margin-bottom:8px!important; } #dashboard.ceo-dashboard .ceo-chart-grid, #dashboard.ceo-dashboard .ceo-risk-grid, #dashboard.ceo-dashboard .ceo-control-grid{ gap:14px!important; } #dashboard.ceo-dashboard .diagnostic-band{ gap:12px!important; margin:14px 0 2px!important; } #dashboard.ceo-dashboard .ceo-panel{ box-shadow:var(--exec-shadow-soft)!important; } /* 6) Diagnósticos compactos: informação secundária, não protagonistas */ #dashboard.ceo-dashboard .diagnostic-card{ min-height:88px!important; padding:14px 15px!important; } #dashboard.ceo-dashboard .diagnostic-card strong{ font-size:22px!important; margin-top:8px!important; } #dashboard.ceo-dashboard .diagnostic-card small{ font-size:10px!important; } #dashboard.ceo-dashboard .diagnostic-card:before{ width:2px!important; } /* 7) Ranking com leitura executiva */ #dashboard.ceo-dashboard .risk-ranking-panel .table-wrap{ border:0!important; box-shadow:none!important; border-radius:0!important; } #dashboard.ceo-dashboard .risk-ranking-panel table{ min-width:780px!important; } #dashboard.ceo-dashboard .risk-ranking-panel th{ background:#f7f9fb!important; color:#738195!important; font-size:10px!important; letter-spacing:.55px!important; } #dashboard.ceo-dashboard .risk-ranking-panel td{ font-size:10px!important; } #dashboard.ceo-dashboard .risk-summary{ gap:9px!important; margin-top:12px!important; } #dashboard.ceo-dashboard .risk-mini{ background:#f8fafb!important; border:1px solid #e5e9ed!important; border-radius:10px!important; box-shadow:none!important; } /* 8) Estado vazio: parece produto em operação, não ambiente de teste */ #dashboard.ceo-dashboard.dashboard-empty-state .ceo-focus-card{ background:linear-gradient(180deg,#fff 0%,#fbfcfd 100%)!important; } #dashboard.ceo-dashboard.dashboard-empty-state .ceo-focus-score{ background:#eef2f5!important; color:#647284!important; box-shadow:inset 0 0 0 1px #dfe5ea!important; } #dashboard.ceo-dashboard.dashboard-empty-state .ice-focus-score b{ color:#526273!important; } #dashboard.ceo-dashboard.dashboard-empty-state .ice-focus-score small{ color:#7b8794!important; } #dashboard.ceo-dashboard.dashboard-empty-state .focus-number{ color:#536476!important; } #dashboard.ceo-dashboard.dashboard-empty-state .risk-card .focus-number{ color:#536476!important; } #dashboard.ceo-dashboard.dashboard-empty-state .ceo-decision{ border-color:#dfe5ea!important; } #dashboard.ceo-dashboard.dashboard-empty-state .decision-main{ background:#fbfcfd!important; } #dashboard.ceo-dashboard.dashboard-empty-state .decision-side{ background:#fff!important; } #dashboard.ceo-dashboard.dashboard-empty-state .decision-side .focus-risk-badge{ background:#f1f4f6!important; color:#657487!important; border-color:#dfe5ea!important; } /* Substitui a aparência de "0,0%" vazio por estado neutro */ #dashboard.ceo-dashboard.dashboard-empty-state .diagnostic-card strong{ color:#526273!important; } #dashboard.ceo-dashboard.dashboard-empty-state .diagnostic-card small{ color:#7a8794!important; } /* 9) Guião executivo: elegante, discreto, sem competir com o painel */ #dashboard.ceo-dashboard .executive-reading-guide{ margin:0 0 16px!important; border:1px solid #e1e7ed!important; border-radius:11px!important; box-shadow:none!important; background:#fff!important; } #dashboard.ceo-dashboard .executive-reading-item{ padding:10px 12px!important; } #dashboard.ceo-dashboard .executive-reading-num{ color:#8a97a5!important; font-size:10px!important; } #dashboard.ceo-dashboard .executive-reading-text strong{ font-size:10px!important; letter-spacing:.7px!important; } #dashboard.ceo-dashboard .executive-reading-text span{ font-size:10px!important; color:#8793a0!important; } /* 10) Mobile: mantém o sistema, só compacta */ @media(max-width:760px){ #dashboard.ceo-dashboard .ceo-head{ padding:21px 18px; border-radius:15px!important; } #dashboard.ceo-dashboard .ceo-head h2{ font-size:28px; } #dashboard.ceo-dashboard .ceo-head p{ font-size:11px; } #dashboard.ceo-dashboard .ceo-focus-card{ padding:17px 16px!important; } #dashboard.ceo-dashboard .focus-number{ font-size:30px!important; } #dashboard.ceo-dashboard .ceo-section-title{ margin-top:22px!important; } } @media(max-width:480px){ #dashboard.ceo-dashboard .ceo-head h2{ font-size:25px!important; } #dashboard.ceo-dashboard .executive-reading-guide{ grid-template-columns:1fr 1fr!important; } } /* ===== V38 CSS LAYER 24 id="v33-11-mobile-stability" ===== */ /* V33.12 — HARDENING VISUAL E MOBILE Somente UX/responsividade. Não altera regras de negócio, cálculos, permissões ou RLS. */ @media (max-width:700px){ html{overflow-x:hidden;overscroll-behavior-x:none} body{overflow-x:hidden;overscroll-behavior-x:none} /* Safe-area: iPhone com notch/Dynamic Island/Home Indicator. */ .mobile-toolbar{ padding-top:max(8px,env(safe-area-inset-top)); padding-left:max(11px,env(safe-area-inset-left)); padding-right:max(11px,env(safe-area-inset-right)); } .sidebar{ padding-top:max(14px,env(safe-area-inset-top))!important; padding-bottom:max(14px,env(safe-area-inset-bottom))!important; padding-left:max(12px,env(safe-area-inset-left))!important; padding-right:max(12px,env(safe-area-inset-right))!important; } /* Evita zoom automático do Safari ao tocar em campos menores que 16px. */ input,select,textarea, .launch-form input,.launch-form select,.launch-form textarea, .launch-filters input,.launch-filters select{ font-size:16px!important; } /* Modal de lançamento: usa a viewport dinâmica quando disponível. */ .launch-modal-backdrop{ padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important; box-sizing:border-box; overscroll-behavior:contain; } .launch-modal-backdrop .launch-modal{ width:100%; height:calc(100vh - 16px); max-height:calc(100vh - 16px); height:calc(100dvh - 16px); max-height:calc(100dvh - 16px); min-height:0; border-radius:14px!important; } .launch-modal-body{ min-height:0; overflow-y:auto; overflow-x:hidden; -webkit-overflow-scrolling:touch; overscroll-behavior:contain; scrollbar-gutter:auto; } /* Etapas: nunca cortar silenciosamente. Permite gesto horizontal no indicador. */ .launch-stepbar{ flex:0 0 auto!important; min-width:0!important; overflow-x:auto!important; overflow-y:hidden; white-space:nowrap!important; -webkit-overflow-scrolling:touch; scrollbar-width:none; overscroll-behavior-x:contain; touch-action:pan-x; } .launch-stepbar::-webkit-scrollbar{display:none} .launch-stepbar>*{flex:0 0 auto} .launch-step{white-space:nowrap!important} /* Botões principais com área de toque confortável. */ .launch-modal-foot .btn, .launch-close, .mobile-menu-btn{touch-action:manipulation} .launch-close{min-width:40px!important;min-height:40px!important} /* Detalhes também respeitam a viewport dinâmica. */ #launchDetailBackdrop .launch-modal{ width:100%!important; height:calc(100vh - 16px); max-height:calc(100vh - 16px); height:calc(100dvh - 16px)!important; max-height:calc(100dvh - 16px)!important; } #launchDetailBackdrop .launch-modal-body{ overflow-y:auto!important; -webkit-overflow-scrolling:touch; overscroll-behavior:contain; } } @media (max-width:420px){ .launch-modal-head{gap:9px!important} .launch-modal-head h3{font-size:18px!important} .launch-modal-head p{font-size:10px!important} .launch-stepbar{padding-left:12px!important;padding-right:12px;gap:4px!important} .launch-step{font-size:10px!important;padding:5px 6px!important} .launch-stepbar>span:not(.launch-step){font-size:11px!important} .launch-modal-body{padding:14px 13px 18px!important} .launch-modal-foot{padding-left:13px!important;padding-right:13px!important} .launch-modal-foot .right{flex:1;min-width:0} .launch-modal-foot .right .btn{width:100%;min-width:0} } /* ===== V38 CSS LAYER 25 id="v33-11-mobile-background-lock" ===== */ @media(max-width:700px){body.launch-modal-open{overflow:hidden!important;touch-action:none}.launch-modal-backdrop.open,.launch-modal-backdrop.open .launch-modal{touch-action:auto}} /* ===== V38 CSS LAYER 26 id="v33-12-hardening-visual" ===== */ /* V33.12 — HARDENING VISUAL CIRÚRGICO Apenas legibilidade/contraste. Não altera regras de negócio, cálculos, permissões ou RLS. */ /* :root deste bloco consolidado em consolidated-design-system (topo do arquivo) */ .auth-box p{color:var(--muted)!important;} /* ===== V38 CSS LAYER 27 id="v33-13-visual-coherence" ===== */ /* V33.14 — VISUAL COHERENCE LAYER Conservative UI-only hardening. No business logic, Supabase, auth or data rules changed. */ /* :root deste bloco consolidado em consolidated-design-system (topo do arquivo) */ /* Primary enterprise card family: one geometry language. */ .corp-card, .insight-card, .ceo-focus-card, .diagnostic-card, .ranking-card, .action-card, .outcome-card, .guide-card, .about-card{ border-radius:var(--ui-card-radius); } .corp-card,.insight-card,.diagnostic-card,.ranking-card,.action-card,.outcome-card,.guide-card,.about-card{ box-shadow:var(--ui-card-shadow); } .corp-card:hover,.insight-card:hover,.diagnostic-card:hover,.ranking-card:hover,.action-card:hover,.outcome-card:hover,.guide-card:hover,.about-card:hover{ box-shadow:var(--ui-card-shadow-hover); } /* Keep dense data tables and compact controls untouched. */ @media (max-width:600px){ .corp-card,.insight-card,.ceo-focus-card,.diagnostic-card,.ranking-card,.action-card,.outcome-card,.guide-card,.about-card{ border-radius:var(--radius-sm); } } /* ===== V38 CSS LAYER 28 id="v33-14-mobile-hardening" ===== */ html,body{max-width:100%;overflow-x:hidden;} .table-wrap{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;} @media (max-width: 768px){ input,select,textarea,button{font-size:16px;} input,select,textarea{max-width:100%;} .table-wrap{width:100%;overflow-x:auto;} } @media (max-width: 430px){ .table-wrap{border-radius:10px;} th,td{padding:9px 10px;} } @media (max-width: 390px){ th,td{padding:8px 9px;} } @media (prefers-reduced-motion: reduce){ *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;} } /* ===== V38 CSS LAYER 29 id="v34-enterprise-ux" ===== */ /* ============================================================ V34.00 ENTERPRISE EXPERIENCE LAYER Objetivo: percepção enterprise + redução de fricção operacional. Regra: camada aditiva. Não substitui regras de negócio, dados, permissões, Supabase ou RLS existentes. ============================================================ */ /* :root deste bloco consolidado em consolidated-design-system (topo do arquivo) */ /* ---------- App shell / hierarchy ---------- */ .main{background:transparent} /* V34.19 — cabeçalho consolidado em versão flat única (remove acúmulo de borda + sombra + barra decorativa vinda de patches anteriores) */ .top{ position:sticky;top:0;z-index:8; background:#fff; border:none!important; border-bottom:1px solid var(--line); border-radius:0!important; box-shadow:none!important; backdrop-filter:none; } .top-section-kicker{letter-spacing:.14em!important;font-weight:900!important} .region-badge{ border:1px solid rgba(47,111,237,.18)!important; background:#f1f6ff!important;color:#2457ad!important; font-weight:850!important;box-shadow:none!important; } /* consolidado: união de consolidated-design-system, v32-elegant-topbar e v34-enterprise-ux */ .context-row{display:grid;grid-template-columns:auto auto auto minmax(165px,1fr);gap:10px;align-items:stretch;justify-content:end;width:100%} .period-control,.user-chip,.system-status{ border:1px solid var(--line); background:rgba(255,255,255,.92); box-shadow:0 2px 8px rgba(10,31,51,.025); } /* consolidado: união de consolidated-design-system, v32-elegant-topbar e v34-enterprise-ux */ .action-row .btn{height:42px;box-sizing:border-box;border-radius:11px;font-size:12px;padding-top:0;padding-bottom:0;white-space:nowrap;font-weight:800;letter-spacing:.15px;box-shadow:0 1px 2px rgba(14,35,56,.04);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease} .action-row .btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(10,31,51,.08)} /* ---------- Unified page rhythm ---------- */ .page{animation:v34-page-in .18s ease both} @keyframes v34-page-in{from{opacity:.55;transform:translateY(3px)}to{opacity:1;transform:none}} .section-head,.panel-head,.chart-title,.launch-list-head{gap:14px} .card,.panel,.dashboard-section,.launch-list-card,.launch-hero-card,.launch-save-status,.entry-control-card{ box-shadow:var(--shadow)!important; } .card:hover,.panel:hover,.launch-list-card:hover{box-shadow:var(--shadow-hover)!important} /* ---------- Consistent interactive states ---------- */ button,.btn,select,input,textarea{transition:box-shadow .16s ease,border-color .16s ease,background-color .16s ease,transform .16s ease} button:disabled,.btn:disabled{cursor:not-allowed;opacity:.58;transform:none!important} input:focus,select:focus,textarea:focus{border-color:rgba(47,111,237,.58)!important;box-shadow:0 0 0 3px rgba(47,111,237,.10)!important;outline:0!important} /* ---------- Multi-regional context ---------- */ .regional-page-bar{ position:sticky!important;top:8px;z-index:40; background:rgba(255,255,255,.94)!important; border:1px solid var(--line)!important; box-shadow:0 5px 20px rgba(10,31,51,.06)!important; backdrop-filter:blur(10px); } .regional-page-context b{color:var(--navy)!important} .regional-page-switch{gap:5px!important} .regional-page-switch button{ border:1px solid #d9e2eb!important;background:#fff!important;color:#52677b!important; min-height:32px!important;padding:0 12px!important;border-radius:9px!important;font-weight:850!important; } .regional-page-switch button[aria-pressed="true"], .regional-page-switch button.active{ background:var(--navy)!important;color:#fff!important;border-color:var(--navy)!important; box-shadow:0 5px 12px rgba(11,32,54,.15)!important; } .regional-exec-strip{box-shadow:var(--shadow)!important;border-color:var(--line)!important} .regional-view-btn{font-weight:850!important} /* ---------- Launch: operational command center ---------- */ #lancamentos .launch-pro-head{ padding:4px 2px 12px!important; } #lancamentos .launch-pro-head h2{letter-spacing:-.025em!important} #lancamentos .launch-hero-card{ border:1px solid rgba(47,111,237,.16)!important; background:linear-gradient(135deg,#fff 0%,#f8fbff 100%)!important; position:relative;overflow:hidden; } #lancamentos .launch-hero-card::after{ content:"";position:absolute;right:-55px;top:-65px;width:170px;height:170px;border-radius:50%; background:radial-gradient(circle,rgba(47,111,237,.10),rgba(47,111,237,0) 68%);pointer-events:none; } #lancamentos .launch-new-btn{position:relative;z-index:1;min-height:42px;padding:0 18px!important;font-weight:900!important} #lancamentos .launch-summary-grid>div{ min-height:88px!important;display:flex;flex-direction:column;justify-content:center; border:1px solid var(--line)!important;background:#fff!important; box-shadow:0 4px 14px rgba(10,31,51,.045)!important; } #lancamentos .launch-summary-grid>div b{letter-spacing:-.02em} #lancamentos .launch-list-card{border:1px solid var(--line)!important} #lancamentos .launch-list-head{align-items:center} #lancamentos .launch-filters{ background:#f8fafc!important;border:1px solid #e7edf3!important;border-radius:12px!important;padding:10px!important; } #lancamentos .launch-filters .field label{font-size:10px!important;font-weight:900!important;letter-spacing:.08em!important} #lancamentos .launch-table tbody tr{transition:background-color .14s ease,box-shadow .14s ease} #lancamentos .launch-table tbody tr:hover{background:#f8fbff!important} #lancamentos .launch-modal-backdrop{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)} #lancamentos .launch-modal{ border:1px solid rgba(223,230,237,.95)!important; box-shadow:0 26px 80px rgba(5,22,38,.24)!important; } #lancamentos .launch-stepbar{position:sticky;top:0;z-index:3;background:rgba(255,255,255,.96);backdrop-filter:blur(8px)} #lancamentos .launch-step{min-height:34px!important} #lancamentos .launch-form-label{font-weight:850!important;color:#30485e!important} #lancamentos .launch-type-choice,#lancamentos .launch-doc-option{ border:1px solid #dfe6ed!important;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease!important; } #lancamentos .launch-type-choice:hover,#lancamentos .launch-doc-option:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(10,31,51,.07)!important} #lancamentos .launch-type-choice.active,#lancamentos .launch-doc-option.checked{box-shadow:0 0 0 2px rgba(47,111,237,.12)!important} #lancamentos .launch-review{background:#f8fafc!important;border-color:#e2e9f0!important} #lancamentos .launch-error{border-radius:10px!important} /* ---------- Intelligence: decision hierarchy ---------- */ #inteligencia .intel-hero,#inteligencia .intel-nav,#inteligencia .intel-panel{ box-shadow:var(--shadow)!important; } #inteligencia .intel-nav-item{transition:transform .14s ease,background .14s ease} #inteligencia .intel-nav-item:hover{transform:translateX(2px)} /* ---------- Tables: enterprise density ---------- */ .table-wrap table,.table-responsive table{border-collapse:separate!important;border-spacing:0!important} .table-wrap thead th,.table-responsive thead th{position:sticky;top:0;z-index:2} /* th{}/td{} consolidados em v34-15-enterprise-surgical-qa (mais abaixo) */ /* ---------- Toast / confirmation affordance ---------- */ .v34-toast{ position:fixed;right:20px;bottom:20px;z-index:5000;max-width:min(420px,calc(100vw - 32px)); padding:13px 15px;border:1px solid #dce5ed;border-radius:12px;background:#fff;color:#1d344a; box-shadow:0 18px 46px rgba(6,25,42,.16);display:flex;align-items:flex-start;gap:10px; font-size:12px;font-weight:700;animation:v34-toast-in .18s ease both; } .v34-toast strong{display:block;font-size:12px;margin-bottom:2px} .v34-toast small{display:block;color:#738294;font-weight:600;line-height:1.4} .v34-toast.ok{border-left:3px solid #1b7a56}.v34-toast.info{border-left:3px solid #2f6fed}.v34-toast.warn{border-left:3px solid #b5761f} @keyframes v34-toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}} /* ---------- Mobile: touch-first, not desktop compressed ---------- */ @media(max-width:700px){ .regional-page-bar{position:sticky!important;top:62px!important} .regional-page-switch{overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:2px} .regional-page-switch button{flex:0 0 auto!important;min-width:64px!important} #lancamentos .launch-pro-head{padding:2px 0 10px!important} #lancamentos .launch-hero-card{display:flex!important;flex-direction:column;gap:12px!important;align-items:stretch!important} #lancamentos .launch-new-btn{width:100%!important;min-height:46px!important} #lancamentos .launch-summary-grid{grid-template-columns:1fr 1fr!important} #lancamentos .launch-summary-grid>div{min-height:82px!important} #lancamentos .launch-list-head{align-items:flex-start!important;flex-direction:column!important} #lancamentos .launch-count{align-self:flex-start!important} #lancamentos .launch-filters{display:grid!important;grid-template-columns:1fr!important} #lancamentos .launch-table-wrap{border-radius:10px!important} #lancamentos .launch-modal{border-radius:16px!important} #lancamentos .launch-modal-foot{position:sticky;bottom:0;z-index:5;background:rgba(255,255,255,.97)!important;border-top:1px solid #e6ebf0!important;padding-bottom:max(10px,env(safe-area-inset-bottom))!important} .v34-toast{right:12px;bottom:12px} } @media(max-width:420px){ #lancamentos .launch-summary-grid{gap:7px!important} #lancamentos .launch-summary-grid>div{padding:9px!important} #lancamentos .launch-summary-grid>div b{font-size:20px!important} } /* ===== V38 CSS LAYER 30 id="v34-01-enterprise-polish" ===== */ /* V34.01 — Enterprise Interaction Layer Camada aditiva: não substitui regras de negócio nem estilos aprovados. */ /* :root deste bloco consolidado em consolidated-design-system (topo do arquivo) */ *,*::before,*::after{box-sizing:border-box} button,input,select,textarea{font:inherit} button{touch-action:manipulation} button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:none;box-shadow:var(--ux-focus)} button:disabled,[aria-disabled="true"]{cursor:not-allowed!important;opacity:.58!important;transform:none!important} input,select,textarea{min-height:var(--ux-control-h)} @media (pointer:coarse){button,.btn,.nav button,select{min-height:var(--ux-touch)}} /* Estados vazios e de carregamento passam a ter hierarquia previsível. */ .is-loading{position:relative;pointer-events:none!important;color:transparent!important} .is-loading::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:v34spin .7s linear infinite} @keyframes v34spin{to{transform:rotate(360deg)}} /* Toast: legível em desktop e mobile, sem cobrir ações essenciais. */ .toast{max-width:min(420px,calc(100vw - 28px));line-height:1.4;overflow-wrap:anywhere} @media(max-width:700px){.toast{right:14px;left:14px;bottom:calc(74px + env(safe-area-inset-bottom));max-width:none;text-align:center}} /* Formulários: labels e controles respiram melhor sem mudar a identidade. */ label{cursor:pointer} input::placeholder,textarea::placeholder{color:#8a98a8;opacity:1} select{cursor:pointer} /* Evita que tabelas corporativas destruam a leitura em telas estreitas. */ .table-wrap,.table-responsive,.responsive-table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch} /* table{} consolidado em v34-15-enterprise-surgical-qa (mais abaixo) */ /* Modais respeitam viewport e área segura do aparelho. */ .launch-modal-backdrop,.modal-backdrop{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))} @media(max-width:700px){ .launch-modal,.modal,.dialog,.launch-detail-modal{max-height:calc(100dvh - 24px);overflow:auto;-webkit-overflow-scrolling:touch} } /* Barra de contexto regional: visualmente secundária, semanticamente clara. */ .regional-page-bar{min-height:42px} .regional-page-switch button[aria-selected="true"],.regional-view-btn[aria-selected="true"]{font-weight:900} /* Redução de movimento para usuários que solicitam isso. */ @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}} /* Desktop muito largo: mantém o produto contido e elegante. */ @media(min-width:1600px){.main{max-width:1540px;margin-inline:auto}} /* ===== V38 CSS LAYER 31 id="v34-02-launch-hardening" ===== */ /* ============================================================ V34.02 — ENTERPRISE LAUNCH HARDENING UX only: no business-rule replacement. ============================================================ */ .launch-ux-status{display:flex;align-items:center;gap:9px;margin:0 0 12px;padding:10px 12px;border:1px solid #dfe6ed;border-radius:10px;background:#f8fafc;color:#526174;font-size:11px;line-height:1.35} .launch-ux-status strong{color:#17314c} .launch-ux-dot{width:7px;height:7px;border-radius:50%;background:#94a3b8;flex:0 0 auto} .launch-ux-status[data-state="draft"] .launch-ux-dot{background:#d58a21} .launch-ux-status[data-state="ready"] .launch-ux-dot{background:#3d8a5b} .launch-ux-status[data-state="saving"] .launch-ux-dot{background:#2e6ff2;animation:launchPulse 1s infinite} @keyframes launchPulse{50%{opacity:.35}} .launch-ux-summary{margin-top:10px;padding:10px 12px;border:1px solid #e2e7ed;border-radius:10px;background:#fff;font-size:11px;color:#647386} .launch-ux-summary b{color:#17314c} .launch-ux-recovery{margin:0 0 14px;padding:12px 14px;border:1px solid #ecd8ae;border-radius:11px;background:#fff9ed;color:#6f511e;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px} .launch-ux-recovery button{border:1px solid #d8c18d;background:#fff;border-radius:8px;padding:7px 10px;font-weight:800;color:#5c4517;cursor:pointer;white-space:nowrap} .launch-ux-recovery button:hover{background:#fffdf7} .launch-modal-foot .btn[aria-busy="true"]{cursor:wait;opacity:.78} /* .launch-modal-foot #launchNextBtn{} consolidado em v30-30-launch-polish (mais abaixo) */ @media(max-width:650px){ .launch-ux-recovery{align-items:flex-start;flex-direction:column} .launch-ux-recovery button{width:100%} .launch-modal-foot #launchNextBtn{flex:1;min-width:0} .launch-modal-foot #launchBackBtn{min-width:86px} } /* ===== V38 CSS LAYER 32 id="v34-09-launch-polish" ===== */ /* V34.09 — lançamento: orientação, foco e revisão sem fricção */ .launch-v3409-context{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 12px;padding:10px 12px;border:1px solid #e3e9ef;border-radius:12px;background:#fbfcfd;font-size:12px;color:#536273} .launch-v3409-context strong{color:#10253a} .launch-v3409-summary{display:flex;gap:8px;flex-wrap:wrap} .launch-v3409-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:#eef3f7;color:#425466;font-weight:750} .launch-field-error{border-color:#c44b4b!important;box-shadow:0 0 0 3px rgba(196,75,75,.10)!important} .launch-inline-error{display:block;margin-top:6px;font-size:11px;font-weight:700;color:#a52f2f} #launchModalBody .launch-form-label{display:flex;align-items:center;min-height:18px} @media(max-width:680px){.launch-v3409-context{align-items:flex-start;flex-direction:column}.launch-v3409-summary{width:100%}.launch-v3409-chip{flex:1;justify-content:center}.launch-modal-foot{position:sticky;bottom:0;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);padding-top:10px}} /* ===== V38 CSS LAYER 33 id="v34-09-launch-polish-success" ===== */ .launch-v3409-success{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:360px;text-align:center;padding:32px 20px}.launch-v3409-success-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#eaf7ef;color:#177245;font-size:34px;font-weight:900;margin-bottom:18px;border:1px solid #cdebd8}.launch-v3409-success h3{margin:0 0 8px;font-size:22px;color:#17202a}.launch-v3409-success p{margin:0;color:#647184;max-width:520px;line-height:1.55}.launch-v3409-success .launch-success-meta{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:18px 0 24px}.launch-v3409-success .launch-success-chip{padding:8px 12px;border-radius:999px;background:#f4f7fa;border:1px solid #e2e8ef;font-size:12px;font-weight:750;color:#3e4a59}.launch-v3409-success-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.launch-v3409-error{scroll-margin-top:24px}.launch-v3409-field-help{font-size:11px;color:#758196;margin-top:5px}.launch-v3409-required::after{content:' *';color:#b33a3a}.launch-v3409-review-edit{font-size:11px;font-weight:800;text-decoration:none;cursor:pointer}.launch-v3409-review-edit:hover{text-decoration:underline}@media(max-width:680px){.launch-v3409-success{min-height:300px;padding:24px 14px}.launch-v3409-success-actions{width:100%}.launch-v3409-success-actions button{width:100%}} /* ===== V38 CSS LAYER 34 id="v34-15-enterprise-surgical-qa" ===== */ /* V34.15 — ENTERPRISE SURGICAL QA: estabilização visual e contraste. */ /* :root deste bloco consolidado em consolidated-design-system (topo do arquivo) */ .page.active{opacity:1!important;animation:none!important;transform:none!important} .card,.corp-card,.panel,.ceo-panel,.premium-panel,.insight,.insight-card,.table-wrap,.report-card,.compare-kpi,.diagnostic-card,.accident-kpi,.regional-page-bar,.regional-exec-strip,.regional-compare,.launch-card,.launch-table-wrap,.integrity-card,.audit-card,.access-card,.help-card,.standard-card{color:var(--text)} .card h1,.card h2,.card h3,.card h4,.corp-card h1,.corp-card h2,.corp-card h3,.corp-card h4,.panel h1,.panel h2,.panel h3,.panel h4,.ceo-panel h1,.ceo-panel h2,.ceo-panel h3,.ceo-panel h4,.premium-panel h1,.premium-panel h2,.premium-panel h3,.premium-panel h4,.table-wrap h1,.table-wrap h2,.table-wrap h3,.table-wrap h4,.report-card h1,.report-card h2,.report-card h3,.report-card h4,.regional-page-bar h1,.regional-page-bar h2,.regional-page-bar h3,.regional-page-bar h4{color:var(--heading)!important} .card p,.card small,.card .muted,.corp-card p,.corp-card small,.panel p,.panel small,.ceo-panel p,.ceo-panel small,.premium-panel p,.premium-panel small,.table-wrap small,.diagnostic-card small,.accident-kpi small,.regional-page-bar small{color:var(--muted)!important} input,select,textarea{color:#172b3e!important;background:#fff!important}input::placeholder,textarea::placeholder{color:#738397!important;opacity:1!important}.btn:not(.primary):not(.danger){color:#20384f!important;background:#fff!important}.btn.primary{color:#fff!important}.btn.danger{color:#a62f2f!important} /* table/th/td consolidados: união das declarações que estavam em consolidated-design-system, v34-01-enterprise-polish e v34-enterprise-ux, mantendo os valores que já venciam a cascata hoje */ table{border-collapse:collapse;width:100%;min-width:700px;max-width:100%;color:#243a4e!important} th{background:var(--bg);color:#52697e!important;font-size:10px!important;text-transform:uppercase;letter-spacing:.035em;font-weight:850;position:sticky;top:0;z-index:1} td{color:#314b61!important;font-weight:550;font-size:12px} td strong,td b{color:#172f46!important} .top h1,.top .top-title,.top .page-title{color:var(--heading)!important}.top .sub,.top .top-subtitle{color:var(--muted)!important} .dash-head,.dashboard-hero,.report-hero,.report-premium,.access-hero,.integrity-pro-hero,.ceo-head,.intel-hero,.intel-page-head{color:#fff}.dash-head h1,.dash-head h2,.dash-head h3,.dashboard-hero h1,.dashboard-hero h2,.dashboard-hero h3,.report-hero h1,.report-hero h2,.report-hero h3,.report-premium h1,.report-premium h2,.report-premium h3,.access-hero h1,.access-hero h2,.access-hero h3,.integrity-pro-hero h1,.integrity-pro-hero h2,.ceo-head h1,.ceo-head h2,.ceo-head h3,.intel-hero h1,.intel-hero h2,.intel-hero h3,.intel-page-head h1,.intel-page-head h2,.intel-page-head h3{color:#fff!important}.dash-head p,.dashboard-hero p,.report-hero p,.report-premium p,.access-hero p,.integrity-pro-hero p,.ceo-head p,.intel-hero p,.intel-page-head p{color:#d6e0e8!important}.dash-head span,.dash-head small,.dashboard-hero span,.dashboard-hero small,.report-hero span,.report-hero small,.report-premium span,.report-premium small,.access-hero span,.access-hero small,.integrity-pro-hero span,.integrity-pro-hero small,.ceo-head span,.ceo-head small,.intel-hero span,.intel-hero small,.intel-page-head span,.intel-page-head small{color:#c7d3dd} .status-ok,.ok,.success{color:var(--green)!important}.status-warn,.warn,.warning{color:var(--orange)!important}.status-danger,.danger-text,.error{color:var(--red)!important} :focus-visible{outline:3px solid #2f73d9!important;outline-offset:2px!important} @media(max-width:700px){.top{min-height:58px}.top .actions{max-width:100%;overflow-x:auto;padding-bottom:2px}.card,.corp-card,.panel,.ceo-panel,.premium-panel{min-width:0}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.regional-page-bar{overflow:visible}} /* ===== V38 CSS LAYER 35 id="v34-21-mobile-dashboard-canonical" ===== */ /* V34.21 — MOBILE DASHBOARD CANONICAL CASCADE Escopo exclusivamente visual/responsivo do Dashboard Executivo. Não altera IDs, dados, cálculos, permissões, eventos ou lógica de negócio. Objetivo: estabelecer um único vencedor final para os componentes executivos em telas <=700px e <=420px, reduzindo deriva entre as camadas legadas. */ @media (max-width:700px){ #dashboard.ceo-dashboard{ width:100%; max-width:100%; box-sizing:border-box; padding:10px 10px 28px; overflow-x:hidden; } #dashboard.ceo-dashboard .ceo-head{ width:100%; box-sizing:border-box; padding:18px 15px; border-radius:17px; margin-bottom:10px; } #dashboard.ceo-dashboard .ceo-head-main{ width:100%; min-width:0; } #dashboard.ceo-dashboard .ceo-head-main h2{ font-size:22px; line-height:1.12; overflow-wrap:anywhere; } #dashboard.ceo-dashboard .ceo-head-main p{ max-width:none; line-height:1.45; } #dashboard.ceo-dashboard .ceo-head-meta{ width:100%; min-width:0; box-sizing:border-box; } #dashboard.ceo-dashboard .ceo-meta-status, #dashboard.ceo-dashboard .ceo-meta-period{ width:100%; min-width:0; box-sizing:border-box; } #dashboard.ceo-dashboard .executive-reading-guide{ width:100%; box-sizing:border-box; grid-template-columns:1fr 1fr; margin-bottom:10px; } #dashboard.ceo-dashboard .executive-reading-item{ min-width:0; box-sizing:border-box; } #dashboard.ceo-dashboard .ceo-focus{ width:100%; grid-template-columns:1fr; gap:10px; box-sizing:border-box; } #dashboard.ceo-dashboard .ceo-focus-card{ width:100%; min-height:138px; } #dashboard.ceo-dashboard .ceo-focus-card.ice-focus{ grid-column:auto; } #dashboard.ceo-dashboard .ceo-decision, #dashboard.ceo-dashboard .ceo-chart-grid, #dashboard.ceo-dashboard .ceo-risk-grid, #dashboard.ceo-dashboard .ceo-control-grid{ grid-template-columns:1fr; } #dashboard.ceo-dashboard .diagnostic-band{ grid-template-columns:1fr 1fr; gap:8px; } #dashboard.ceo-dashboard .diagnostic-card{ box-sizing:border-box; } #dashboard.ceo-dashboard .line-chart-wrap{ min-width:0; height:210px; } } @media (max-width:420px){ #dashboard.ceo-dashboard{ padding-left:8px; padding-right:8px; } #dashboard.ceo-dashboard .ceo-head-main h2{ font-size:21px; } #dashboard.ceo-dashboard .executive-reading-guide{ grid-template-columns:1fr; } #dashboard.ceo-dashboard .executive-reading-item{ border-right:0; border-bottom:1px solid var(--line-soft); } #dashboard.ceo-dashboard .executive-reading-item:last-child{ border-bottom:0; } #dashboard.ceo-dashboard .diagnostic-band{ grid-template-columns:1fr 1fr; } } /* ===== V38 CSS LAYER 36 id="v34-43-sidebar-boardroom" ===== */ /* V34.43 — SIDEBAR BOARDROOM POLISH Visual-only layer. Navigation, IDs, permissions, JS and data remain untouched. Objective: proprietary enterprise navigation; stronger hierarchy, less SaaS-generic. */ .sidebar{ width:252px; padding:20px 12px 18px 14px; background: radial-gradient(420px 280px at -20% 0%,rgba(42,143,199,.11),transparent 58%), linear-gradient(180deg,#091a2c 0%,#0b2138 48%,#0a1c30 100%); border-right:1px solid rgba(217,169,79,.20); box-shadow:14px 0 40px rgba(3,14,26,.25); } .sidebar::before{ content:"";position:absolute;top:0;left:0;right:0;height:2px; background:linear-gradient(90deg,var(--gold-light),rgba(217,169,79,.22),transparent 78%); opacity:.9; } .sidebar .brand{ padding:4px 6px 18px; margin-bottom:8px; gap:12px; } .sidebar .brand::after{ left:6px;right:6px;bottom:0; background:linear-gradient(90deg,rgba(217,169,79,.78),rgba(217,169,79,.16) 48%,transparent 90%); } .sidebar .brand-mark{ width:48px;height:48px; border-radius:9px; background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(217,169,79,.075)); border:1px solid rgba(217,169,79,.50); box-shadow:0 8px 22px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.10); } .sidebar .brand-mark img{width:78%;height:78%;filter:drop-shadow(0 3px 6px rgba(0,0,0,.22));} .sidebar .brand-text{ font-size:12.5px;line-height:1.28;letter-spacing:1.15px; color:rgba(255,255,255,.94); } .sidebar .brand-text small{ margin-top:7px;font-size:8.5px;letter-spacing:1.55px; color:var(--gold-light);opacity:.95; } .sidebar .nav{gap:4px;padding-top:3px;} .sidebar .nav-group{margin:0 0 4px;} .sidebar .nav-group-label{ padding:15px 8px 7px; color:rgba(255,255,255,.42); font-size:9px;font-weight:800;letter-spacing:2.35px; } .sidebar .nav-group:first-child .nav-group-label{padding-top:8px;} .sidebar .nav-group-label::after{ height:1px; background:linear-gradient(90deg,rgba(255,255,255,.13),rgba(255,255,255,.035)); } .sidebar .nav button{ min-height:44px; padding:7px 10px; gap:10px; border-left:3px solid transparent; border-radius:8px; color:rgba(238,244,249,.72); font-size:13px;font-weight:650;letter-spacing:.05px; transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease; } .sidebar .nav button .ico-wrap{ width:30px;height:30px;margin-right:1px; border-radius:8px; background:rgba(255,255,255,.028); box-shadow:inset 0 0 0 1px rgba(255,255,255,.035); } .sidebar .nav button .ico{width:16px;height:16px;color:rgba(222,233,241,.64);} .sidebar .nav button:hover{ background:rgba(255,255,255,.055); color:#fff;transform:translateX(2px); } .sidebar .nav button:hover .ico{color:var(--gold-light);} .sidebar .nav button.active{ background:linear-gradient(90deg,rgba(217,169,79,.17) 0%,rgba(217,169,79,.075) 62%,rgba(217,169,79,0) 100%); border-left-color:var(--gold-light); color:#fff; box-shadow:inset 0 1px 0 rgba(255,255,255,.045),inset 0 -1px 0 rgba(0,0,0,.10); } .sidebar .nav button.active .ico-wrap{ background:rgba(217,169,79,.13); box-shadow:inset 0 0 0 1px rgba(217,169,79,.18); } .sidebar .nav button.active .ico{color:var(--gold-light);} .sidebar .creator-brand{ padding:13px 6px 0; border-top:1px solid rgba(255,255,255,.09); } .sidebar .creator-brand-text span{font-size:8px;letter-spacing:1.8px;color:rgba(255,255,255,.34);} .sidebar .creator-brand-text b{font-size:9px;letter-spacing:1.2px;color:rgba(255,255,255,.62);} @media(max-width:900px){ .sidebar{width:72px;padding:16px 8px;} .sidebar .brand{padding-bottom:16px;} .sidebar .brand-mark{width:38px;height:38px;} .sidebar .nav button{min-height:44px;padding:8px 5px;justify-content:center;border-left-width:2px;border-radius:8px;} .sidebar .nav button .ico-wrap{width:32px;height:32px;margin:0;border-radius:8px;} .sidebar .nav button.active{background:rgba(217,169,79,.15);} } @media(max-width:700px){ .sidebar{width:min(292px,86vw);padding:14px 12px;} .sidebar .brand{padding:3px 6px 17px;gap:12px;margin-bottom:7px;} .sidebar .brand-mark{width:42px;height:42px;} .sidebar .brand-text{font-size:11.5px;letter-spacing:1px;} .sidebar .brand-text small{font-size:8.8px;letter-spacing:1.35px;} .sidebar .nav-group-label{font-size:9.2px;letter-spacing:2.1px;padding:12px 8px 6px;} .sidebar .nav button{min-height:44px;padding:7px 9px;border-radius:8px;} .sidebar .nav button .ico-wrap{width:30px;height:30px;margin-right:7px;} } @media(max-width:380px){ .sidebar .nav button{min-height:42px;} } /* ===== V38 CSS LAYER 37 id="v34-44-sidebar-visual-system" ===== */ /* V34.44 — SIDEBAR VISUAL SYSTEM */ .sidebar{width:252px;padding:22px 15px 18px;background:radial-gradient(900px 520px at -18% -8%,rgba(46,111,242,.13),transparent 52%),radial-gradient(620px 460px at 110% 108%,rgba(217,169,79,.075),transparent 58%),linear-gradient(180deg,#071a2d 0%,#0a2138 48%,#081b30 100%);border-right:1px solid rgba(217,169,79,.22);box-shadow:18px 0 48px rgba(3,14,26,.24);overflow:hidden} .sidebar::before{content:"";position:absolute;inset:0 auto 0 0;width:1px;background:linear-gradient(180deg,transparent 0%,rgba(217,169,79,.55) 18%,rgba(217,169,79,.14) 72%,transparent 100%);pointer-events:none} .sidebar::after{content:"";position:absolute;top:0;left:0;right:0;height:86px;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent);pointer-events:none} .brand{padding:4px 5px 20px;gap:13px;margin-bottom:13px;letter-spacing:1.25px;z-index:1} .brand::after{height:1px;left:2px;right:2px;background:linear-gradient(90deg,var(--gold-light) 0%,rgba(217,169,79,.34) 28%,rgba(255,255,255,.08) 68%,transparent 100%)} .brand-mark{width:47px;height:47px;border-radius:7px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(217,169,79,.07) 48%,rgba(255,255,255,.015));border:1px solid rgba(217,169,79,.52);box-shadow:0 10px 24px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08);position:relative} .brand-mark::after{content:"";position:absolute;inset:4px;border:1px solid rgba(255,255,255,.045);border-radius:4px;pointer-events:none} .brand-mark img{width:76%;height:76%;filter:drop-shadow(0 2px 5px rgba(0,0,0,.28))} .brand-text{font-size:13px;line-height:1.22;letter-spacing:1.15px;color:rgba(255,255,255,.94)} .brand small{margin-top:7px;font-size:8.4px;line-height:1.35;letter-spacing:1.55px;color:var(--gold-light);opacity:.9} .nav{gap:3px;position:relative;z-index:1}.nav-group{position:relative;padding-bottom:6px} .nav-group-label{font-size:9px;font-weight:800;letter-spacing:2.35px;color:rgba(255,255,255,.38);padding:15px 8px 8px}.nav-group:first-child .nav-group-label{padding-top:4px} .nav-group-label::before{content:"";width:3px;height:3px;flex:0 0 3px;background:rgba(217,169,79,.72);box-shadow:0 0 0 3px rgba(217,169,79,.06)} .nav-group-label::after{background:linear-gradient(90deg,rgba(255,255,255,.10),rgba(255,255,255,.035))} .nav button{min-height:43px;padding:9px 10px 9px 8px;gap:10px;border-left:2px solid transparent;border-radius:8px;color:rgba(255,255,255,.68);font-size:var(--fs-350);font-weight:620;letter-spacing:.05px;background:transparent;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease} .nav button .ico-wrap{width:29px;height:29px;border-radius:7px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.045);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease} .nav button .ico{width:15px;height:15px;color:rgba(255,255,255,.58);opacity:.86;transition:color .18s ease,opacity .18s ease,transform .18s ease}.nav button span{top:0} .nav button:hover{background:linear-gradient(90deg,rgba(255,255,255,.055),rgba(255,255,255,.018));color:#fff;transform:translateX(1px)} .nav button:hover .ico-wrap{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.10)}.nav button:hover .ico{color:#fff;opacity:1;transform:scale(1.04)} .nav button.active{background:linear-gradient(90deg,rgba(217,169,79,.16) 0%,rgba(217,169,79,.065) 58%,rgba(217,169,79,.015) 100%);border-left-color:var(--gold-light);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),inset 0 -1px 0 rgba(0,0,0,.10);color:#fff} .nav button.active::after{content:"";position:absolute;right:10px;top:50%;width:4px;height:4px;transform:translateY(-50%);border-radius:50%;background:var(--gold-light);box-shadow:0 0 0 3px rgba(217,169,79,.08),0 0 10px rgba(217,169,79,.22)} .nav button.active .ico-wrap{background:rgba(217,169,79,.10);border-color:rgba(217,169,79,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.045)}.nav button.active .ico{color:var(--gold-light);opacity:1}.nav button.active span{font-weight:780;letter-spacing:.1px} .creator-brand{position:relative;z-index:1;margin:10px 2px 0;padding:13px 8px 2px 9px;border-top:1px solid rgba(255,255,255,.075)} .creator-brand::before{width:4px;height:4px;background:var(--gold-light);box-shadow:0 0 0 3px rgba(217,169,79,.10),0 0 9px rgba(217,169,79,.18)} .creator-brand::after{content:"PLATAFORMA CORPORATIVA";position:absolute;right:8px;top:14px;font-size:7px;letter-spacing:1.25px;font-weight:800;color:rgba(255,255,255,.20);white-space:nowrap} .creator-brand-text{gap:3px}.creator-brand span{font-size:8px;letter-spacing:1.45px;opacity:.42}.creator-brand b{font-size:10.5px;letter-spacing:.7px;color:rgba(255,255,255,.72)} @media(max-width:700px){.sidebar{padding:15px 12px 16px;background:radial-gradient(620px 420px at -20% -10%,rgba(46,111,242,.12),transparent 54%),linear-gradient(180deg,#071a2d 0%,#0a2138 100%)}.sidebar .brand{padding:4px 6px 17px;gap:12px;margin-bottom:7px}.sidebar .brand-mark{width:42px;height:42px}.sidebar .brand-text{font-size:11.5px;letter-spacing:1px}.sidebar .brand-text small{font-size:8.6px;letter-spacing:1.3px}.sidebar .nav-group-label{font-size:9px;letter-spacing:2.15px;padding:12px 8px 6px}.sidebar .nav button{min-height:44px;padding:7px 9px;border-radius:8px}.sidebar .nav button .ico-wrap{width:30px;height:30px;margin-right:6px}.creator-brand::after{display:none}} /* ===== V38 CSS LAYER 38 id="v34-45-sidebar-footer-fix" ===== */ /* V34.45 — CORREÇÃO CIRÚRGICA DO RODAPÉ DA SIDEBAR Corrige a sobreposição visual introduzida na V34.44. Não altera navegação, permissões, dados ou JavaScript. */ .sidebar .creator-brand{ position:relative; z-index:2; display:flex; align-items:center; gap:9px; min-height:42px; box-sizing:border-box; margin:10px 2px 0; padding:11px 8px 5px 9px; border-top:1px solid rgba(255,255,255,.09); overflow:hidden; } .sidebar .creator-brand::before{ flex:0 0 4px; width:4px; height:4px; margin-top:0; background:var(--gold-light); box-shadow:0 0 0 3px rgba(217,169,79,.10); } .sidebar .creator-brand::after{ content:none ; display:none ; } .sidebar .creator-brand-text{ min-width:0; display:flex; flex-direction:column; gap:3px; } .sidebar .creator-brand-text span{ font-size:7.5px; line-height:1.15; letter-spacing:1.55px; color:rgba(255,255,255,.38); opacity:1; white-space:nowrap; } .sidebar .creator-brand-text b{ font-size:10px; line-height:1.15; letter-spacing:.72px; color:rgba(255,255,255,.72); white-space:nowrap; } @media(max-width:700px){ .sidebar .creator-brand{ min-height:40px; margin-top:8px; padding-top:10px; padding-bottom:4px; } .sidebar .creator-brand-text span{font-size:7.2px;letter-spacing:1.4px} .sidebar .creator-brand-text b{font-size:9.5px;letter-spacing:.65px} } /* ===== V38 CSS LAYER 39 ===== */ /* ===== V34.47.11 • Institutional polish — Guia + Sobre ===== */ .guide11-rail,.about11-rail{display:flex;align-items:center;gap:10px;margin:4px 0 14px;color:var(--muted);font-size:9px;letter-spacing:1.1px;font-weight:900;text-transform:uppercase}.guide11-rail:before,.about11-rail:before{content:"";width:28px;height:1px;background:var(--gold)} .guide11-manifesto{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;margin:14px 0}.guide11-manifesto>div{padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(10,38,58,.045)}.guide11-manifesto .quote{background:linear-gradient(145deg,#fff,#f7f8fa);border-left:3px solid var(--gold)}.guide11-manifesto small{display:block;color:var(--gold);font-size:8.5px;letter-spacing:1.4px;font-weight:900}.guide11-manifesto strong{display:block;margin-top:7px;color:var(--navy);font-size:17px;line-height:1.35}.guide11-manifesto p{margin:6px 0 0;color:var(--slate);font-size:10.5px;line-height:1.6} .guide11-sections{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 16px}.guide11-sections article{padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:var(--input)}.guide11-sections b{display:block;color:var(--navy);font-size:10.5px}.guide11-sections span{display:block;margin-top:4px;color:var(--slate);font-size:9.5px;line-height:1.45}.guide11-check{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.guide11-check div{padding:12px;border:1px solid var(--line);border-radius:11px;background:#fff}.guide11-check b{display:block;color:var(--navy-800);font-size:10px}.guide11-check span{display:block;margin-top:4px;color:var(--slate);font-size:9.5px;line-height:1.45} .about11-position{padding:18px 20px;margin-bottom:12px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(10,38,58,.045)}.about11-position>span{display:block;color:var(--gold);font-size:8.5px;letter-spacing:1.4px;font-weight:900}.about11-position h3{margin:6px 0 6px;color:var(--navy);font-size:20px;letter-spacing:-.25px}.about11-position p{max-width:950px;margin:0;color:var(--slate);font-size:11px;line-height:1.65} .about11-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.about11-pillars article{position:relative;padding:15px;border:1px solid var(--line);border-radius:13px;background:#fff}.about11-pillars article:before{content:"";display:block;width:24px;height:2px;background:var(--gold);margin-bottom:10px}.about11-pillars b{display:block;color:var(--navy);font-size:11px}.about11-pillars span{display:block;margin-top:5px;color:var(--slate);font-size:9.5px;line-height:1.5}.about11-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:12px 0 16px;border:1px solid var(--line);border-radius:14px;overflow:hidden}.about11-flow div{position:relative;padding:14px 12px;background:var(--input);border-right:1px solid var(--line)}.about11-flow div:last-child{border-right:0}.about11-flow small{display:block;color:var(--gold);font-size:8px;letter-spacing:1px;font-weight:900}.about11-flow b{display:block;margin-top:5px;color:var(--navy);font-size:10.5px}.about11-flow span{display:block;margin-top:4px;color:var(--slate);font-size:9px;line-height:1.4}.about11-signature{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:12px;padding:14px 16px;border-top:1px solid var(--line);color:var(--slate);font-size:9.5px}.about11-signature strong{color:var(--navy);font-size:10px} @media(max-width:900px){.guide11-manifesto,.guide11-sections,.about11-pillars{grid-template-columns:1fr 1fr}.guide11-check{grid-template-columns:1fr 1fr}.about11-flow{grid-template-columns:1fr 1fr}.about11-flow div{border-bottom:1px solid var(--line)}.about11-flow div:nth-child(even){border-right:0}} @media(max-width:620px){.guide11-manifesto,.guide11-sections,.guide11-check,.about11-pillars,.about11-flow{grid-template-columns:1fr}.about11-flow div{border-right:0}} /* ===== V38 CSS LAYER 40 ===== */ /* ===== V34.47.9 • Guia Padrão + Sobre — refinamento enterprise ===== */ .guide-enterprise-hero,.about-enterprise-hero{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:30px 32px;border-radius:22px;background:linear-gradient(135deg,var(--navy-950),var(--navy-700));color:#fff;margin-bottom:14px;box-shadow:0 18px 40px rgba(8,31,53,.15);position:relative;overflow:hidden} .guide-enterprise-hero:after,.about-enterprise-hero:after{content:"";position:absolute;width:330px;height:330px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-150px;top:-180px;box-shadow:0 0 0 26px rgba(214,171,79,.025),0 0 0 52px rgba(214,171,79,.018);pointer-events:none} .guide-enterprise-copy,.about-enterprise-copy{position:relative;z-index:1}.enterprise-kicker{display:block;font-size:10px;letter-spacing:1.65px;font-weight:900;color:var(--gold-light);opacity:.9}.guide-enterprise-hero h2,.about-enterprise-hero h2{font-size:34px;letter-spacing:-.75px;margin:8px 0 7px}.guide-enterprise-hero p,.about-enterprise-hero p{max-width:800px;margin:0;color:rgba(255,255,255,.78);font-size:13px;line-height:1.65}.guide-enterprise-badge{width:88px;height:88px;flex:0 0 88px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1}.guide-enterprise-badge span{font-size:9px;letter-spacing:1.3px;font-weight:900;color:rgba(255,255,255,.58)}.guide-enterprise-badge strong{font-size:34px;color:var(--gold-light);line-height:1;margin-top:4px} .guide-principles{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:20px}.guide-principles>div{padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 6px 18px rgba(10,38,58,.035)}.guide-principles span{display:block;font-size:9px;font-weight:900;letter-spacing:1px;color:var(--gold);margin-bottom:8px}.guide-principles b{display:block;color:var(--navy-800);font-size:11px}.guide-principles small{display:block;color:var(--slate);font-size:10px;line-height:1.45;margin-top:4px} .guide-enterprise-section-head,.about-section-title{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:4px 2px 10px}.guide-enterprise-section-head span,.about-section-title span{font-size:9px;letter-spacing:1.4px;font-weight:900;color:var(--gold)}.guide-enterprise-section-head h3,.about-section-title h3{margin:5px 0 0;color:var(--navy);font-size:19px;letter-spacing:-.25px}.guide-enterprise-section-head p{margin:0;color:var(--muted);font-size:10px} .guide-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:18px}.guide-flow article{position:relative;padding:14px 13px 15px;border:1px solid var(--line);border-radius:13px;background:var(--input);min-height:104px}.guide-flow article:not(:last-child):after{content:"→";position:absolute;right:-8px;top:38px;color:var(--gold);font-weight:900;background:var(--bg);padding:0 2px;z-index:2}.guide-flow span{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#fff;border:1px solid var(--line);color:var(--navy-700);font-size:9px;font-weight:900;margin-bottom:9px}.guide-flow b{display:block;color:var(--navy-800);font-size:11px}.guide-flow p{margin:5px 0 0;color:var(--slate);font-size:10px;line-height:1.5} .guide-enterprise-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.guide-enterprise-card{border:1px solid var(--line);border-radius:15px;background:#fff;padding:17px;box-shadow:0 7px 20px rgba(10,38,58,.04)}.guide-card-wide{grid-column:1/-1}.enterprise-card-head{display:flex;gap:10px;align-items:center;margin-bottom:13px}.enterprise-card-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--bg);color:var(--navy-700);font-size:10px;font-weight:950}.enterprise-card-head>div>span{font-size:9px;letter-spacing:1.1px;color:var(--gold);font-weight:900}.enterprise-card-head h3{margin:3px 0 0;color:var(--navy);font-size:15px}.enterprise-data-list{display:grid;gap:7px}.enterprise-data-list>div{padding:9px 10px;border:1px solid var(--line-soft);border-radius:9px;background:var(--bg-alt)}.enterprise-data-list b{display:block;color:var(--navy-800);font-size:10.5px}.enterprise-data-list span{display:block;color:var(--slate);font-size:10px;line-height:1.5;margin-top:2px}.guide-quality-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.guide-quality-grid>div{padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--input)}.guide-quality-grid b{display:block;color:var(--navy-800);font-size:10.5px}.guide-quality-grid span{display:block;color:var(--slate);font-size:10px;line-height:1.45;margin-top:4px}.guide-standard-note{display:flex;align-items:center;gap:13px;margin-top:12px;padding:13px 15px;border:1px solid rgba(181,138,43,.28);border-left:4px solid var(--gold);border-radius:12px;background:var(--orange-bg)}.guide-standard-note-mark{width:30px;height:30px;flex:0 0 30px;border-radius:9px;display:grid;place-items:center;background:#fff;color:var(--gold);font-weight:950}.guide-standard-note span{display:block;color:var(--gold);font-size:9px;letter-spacing:1.2px;font-weight:900}.guide-standard-note b{display:block;color:var(--navy-800);font-size:12px;margin-top:2px}.guide-standard-note p{margin:3px 0 0;color:var(--slate);font-size:10px;line-height:1.45} .about-enterprise-brand{position:relative;z-index:1;width:154px;min-width:154px;padding:12px;border-radius:20px;border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.07);display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 14px 32px rgba(0,0,0,.14)}.about-enterprise-brand img{width:88px;height:88px;object-fit:contain;border-radius:12px;background:#fff;padding:4px;box-sizing:border-box;filter:drop-shadow(0 5px 12px rgba(0,0,0,.18))}.about-enterprise-brand strong{font-size:10px;letter-spacing:1px;margin-top:6px}.about-enterprise-brand small{font-size:8px;letter-spacing:.7px;color:rgba(255,255,255,.58);margin-top:3px}.about-enterprise-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.about-enterprise-meta span{font-size:9px;letter-spacing:.8px;font-weight:900;padding:6px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06)}.about-mission{display:grid;grid-template-columns:.65fr 1fr 1.7fr;align-items:center;gap:18px;padding:17px 20px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 7px 20px rgba(10,38,58,.04);margin-bottom:12px}.about-mission>span{font-size:9px;letter-spacing:1.35px;font-weight:900;color:var(--gold)}.about-mission h3{margin:0;color:var(--navy);font-size:19px}.about-mission p{margin:0;color:var(--slate);font-size:11px;line-height:1.55}.about-enterprise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.about-enterprise-grid article{border:1px solid var(--line);border-radius:15px;background:#fff;padding:17px;box-shadow:0 7px 20px rgba(10,38,58,.04)}.about-number{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--bg);color:var(--navy-700);font-size:10px;font-weight:950;margin-bottom:11px}.about-label-enterprise{display:block;color:var(--gold);font-size:9px;letter-spacing:1.25px;font-weight:900}.about-enterprise-grid h3{margin:5px 0 7px;color:var(--navy);font-size:15px}.about-enterprise-grid p{margin:0;color:var(--slate);font-size:10.5px;line-height:1.55}.about-region-pills{display:flex;gap:6px;margin-top:12px}.about-region-pills b{font-size:9px;padding:5px 7px;border-radius:7px;background:var(--input);border:1px solid var(--line);color:var(--navy-700)}.about-section-title{padding-top:19px}.about-role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.about-role-grid>div{display:grid;grid-template-columns:28px 1fr;column-gap:9px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--input)}.about-role-grid b{grid-row:span 2;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#fff;border:1px solid var(--line);color:var(--navy-700);font-size:9px}.about-role-grid strong{font-size:10.5px;color:var(--navy-800)}.about-role-grid span{font-size:9.5px;line-height:1.4;color:var(--slate)}.about-enterprise-grid-bottom{margin-top:10px}.about-enterprise-version{display:grid;grid-template-columns:.7fr .8fr 1.4fr;gap:1px;margin-top:12px;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--line)}.about-enterprise-version>div{padding:12px 14px;background:var(--bg)}.about-enterprise-version span{display:block;font-size:8.5px;letter-spacing:1.1px;color:var(--muted);font-weight:900}.about-enterprise-version strong{display:block;color:var(--navy);font-size:10.5px;margin-top:4px}.about-enterprise-footer-note{display:flex;gap:10px;align-items:center;margin-top:10px;padding:11px 14px;border-left:3px solid var(--gold);border-radius:9px;background:var(--orange-bg)}.about-enterprise-footer-note b{font-size:9px;color:var(--navy-800);white-space:nowrap}.about-enterprise-footer-note span{font-size:9.5px;color:var(--slate);line-height:1.45} @media(max-width:900px){.guide-principles{grid-template-columns:repeat(2,1fr)}.guide-flow{grid-template-columns:repeat(2,1fr)}.guide-flow article:not(:last-child):after{display:none}.guide-quality-grid{grid-template-columns:repeat(2,1fr)}.about-mission{grid-template-columns:1fr}.about-role-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:620px){.guide-enterprise-hero,.about-enterprise-hero{align-items:flex-start;flex-direction:column;padding:22px}.guide-enterprise-hero h2,.about-enterprise-hero h2{font-size:28px}.guide-enterprise-badge{width:70px;height:70px;flex-basis:70px}.about-enterprise-brand{width:110px;min-width:110px}.about-enterprise-brand img{width:65px;height:65px}.guide-principles,.guide-flow,.guide-enterprise-grid,.guide-quality-grid,.about-enterprise-grid,.about-role-grid{grid-template-columns:1fr}.guide-card-wide{grid-column:auto}.about-enterprise-version{grid-template-columns:1fr}.about-enterprise-footer-note{align-items:flex-start;flex-direction:column;gap:3px}} /* ===== V38 CSS LAYER 41 id="v34-49-cc-enterprise" ===== */ /* V34.49.1 — CENTRAL DE CONTROLE EXECUTIVO Camada isolada: não altera as fórmulas existentes. Toda métrica é derivada do modelo canônico. */ .central-control-page{padding-bottom:34px} .central-control-page .cc-page-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:14px;padding:4px 2px 0} .cc-hero-main{min-width:0}.cc-kicker{font-size:10px;letter-spacing:.15em;font-weight:900;color:var(--gold);text-transform:uppercase}.cc-page-hero h2{margin:6px 0 4px;font-size:30px;line-height:1.05;letter-spacing:-.035em;color:var(--navy-950)}.cc-page-hero p{margin:0;color:var(--muted);font-size:12px}.cc-hero-meta{min-width:170px;padding:11px 15px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow-xs);text-align:right}.cc-hero-meta span{display:block;font-size:9px;font-weight:900;letter-spacing:.12em;color:var(--muted)}.cc-hero-meta b{display:block;margin-top:3px;font-size:15px;color:var(--navy-900)}.cc-hero-meta small{display:block;margin-top:3px;font-size:10px;color:var(--muted)} .cc-executive-brief{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:16px 18px;margin-bottom:12px;border:1px solid #d9e1e9;border-radius:15px;background:linear-gradient(110deg,#0D2540,#123655);color:#fff;box-shadow:var(--shadow-sm)}.cc-executive-brief>div:first-child{min-width:0}.cc-executive-brief span{font-size:9px;font-weight:900;letter-spacing:.15em;color:#D9A94F}.cc-executive-brief h3{margin:5px 0 4px;font-size:16px;letter-spacing:-.01em}.cc-executive-brief p{margin:0;max-width:980px;color:#d9e4ef;font-size:11px;line-height:1.55}.cc-brief-lock{flex:0 0 auto;padding:7px 9px;border:1px solid rgba(217,169,79,.4);border-radius:9px;color:#f3d68d;font-size:9px;font-weight:900;letter-spacing:.1em;white-space:nowrap} .cc-kpi-grid{display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:10px;margin-bottom:12px}.cc-kpi{min-width:0;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow-xs)}.cc-kpi-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.cc-kpi-top span{font-size:9px;font-weight:900;letter-spacing:.11em;color:var(--muted)}.cc-kpi-top i{font-style:normal;font-size:8px;font-weight:900;color:var(--gold);white-space:nowrap}.cc-kpi strong{display:block;margin-top:6px;font-size:25px;line-height:1;color:var(--navy-900);letter-spacing:-.03em}.cc-kpi small{display:block;margin-top:6px;color:var(--muted);font-size:9.5px;line-height:1.35}.cc-kpi-status{border-top:3px solid var(--gold)}.cc-kpi-status strong{font-size:19px}.cc-kpi-status i{font-style:normal;padding:4px 7px;border-radius:99px;background:var(--orange-bg);color:var(--orange);font-size:8px;font-weight:900} .cc-main-grid{display:grid;grid-template-columns:1.08fr .92fr 1.45fr .9fr;gap:10px;align-items:start}.cc-main-grid>.cc-panel{height:300px}.cc-main-grid>.cc-side{height:300px}.cc-side{display:grid;grid-template-rows:1fr 1fr;gap:10px;min-width:0}.cc-panel{min-width:0;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow-xs);overflow:hidden}.cc-panel.cc-dark{background:linear-gradient(145deg,#0d2742,#123655);border-color:#183f5e;color:#fff}.cc-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:13px 14px 9px}.cc-panel-head>div{min-width:0}.cc-panel-head span{display:block;font-size:9px;font-weight:900;letter-spacing:.12em;color:var(--gold)}.cc-panel-head h3{margin:3px 0 3px;font-size:13px;line-height:1.15;color:inherit}.cc-panel-head small{display:block;font-size:9px;line-height:1.35;color:var(--muted)}.cc-dark .cc-panel-head small{color:#a9bdcf}.cc-panel-head>b{font-size:9px;color:var(--gold);white-space:nowrap} .cc-list{padding:2px 14px 13px}.cc-change{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;padding:9px 0;border-top:1px solid rgba(255,255,255,.1)}.cc-change:first-child{border-top:0}.cc-change .mark{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.09);font-weight:900}.cc-change b{font-size:10px}.cc-change small{display:block;color:#a9bdcf;font-size:8.5px;margin-top:2px}.cc-change strong{font-size:11px;color:#fff}.cc-change .up{color:#e57373}.cc-change .down{color:#71c79f}.cc-change .flat{color:#f0cc72} .cc-radar-wrap{padding:0 10px 2px;height:218px}.cc-radar-wrap svg{width:100%;height:100%;overflow:visible}.cc-radar-legend{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:0 13px 13px}.cc-radar-legend span{font-size:8.5px;color:#c2d0dc}.cc-radar-legend b{color:#fff}.cc-map-canvas{height:218px;margin:0 8px;position:relative}.cc-map-svg{width:100%;height:100%;overflow:visible}.cc-map-territorial{shape-rendering:geometricPrecision}.cc-map-territorial .cc-map-region{transition:transform .18s ease,filter .18s ease;transform-box:fill-box;transform-origin:center}.cc-map-territorial .cc-map-region:hover{filter:brightness(1.08) drop-shadow(0 6px 10px rgba(0,0,0,.18));transform:translateY(-2px)}.cc-map-territorial .cc-map-region.is-selected{filter:brightness(1.1) drop-shadow(0 0 10px rgba(217,169,79,.28))}.cc-map-territorial .cc-map-region:focus{outline:none}.cc-map-region{cursor:pointer;outline:none}.cc-map-region:focus rect,.cc-map-region.is-selected rect{stroke:#fff;stroke-width:3}.cc-map-region:hover rect{filter:brightness(1.08)}.cc-map-legend{display:flex;flex-wrap:wrap;gap:8px;padding:4px 13px 12px}.cc-map-legend span{font-size:8px;color:#6b7c8e}.cc-map-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px;background:#8b95a5}.cc-map-legend i.critical{background:#b23f3b}.cc-map-legend i.high{background:#b5761f}.cc-map-legend i.attention{background:#d9a94f}.cc-map-legend i.normal{background:#1b7a56} .cc-alerts,.cc-actions{display:flex;flex-direction:column}.cc-alert-list,.cc-action-list{padding:0 13px 11px;overflow:auto}.cc-alert{padding:8px 0;border-top:1px solid var(--line-soft)}.cc-alert:first-child,.cc-action:first-child{border-top:0}.cc-alert-top{display:flex;justify-content:space-between;gap:6px;align-items:center}.cc-alert-badge{font-size:7.5px;font-weight:900;letter-spacing:.05em;padding:3px 5px;border-radius:5px;background:var(--orange-bg);color:var(--orange)}.cc-alert-badge.critico{background:var(--red-bg);color:var(--red)}.cc-alert b{font-size:9.5px;color:var(--navy-900)}.cc-alert p{margin:3px 0 0;font-size:8.5px;line-height:1.35;color:var(--muted)}.cc-action{padding:9px 0;border-top:1px solid var(--line-soft)}.cc-action b{font-size:9.5px;color:var(--navy-900)}.cc-action small{display:block;margin-top:3px;color:var(--muted);font-size:8.5px;line-height:1.35}.cc-action .cc-action-tag{display:inline-block;margin-top:5px;font-size:7.5px;font-weight:900;color:var(--gold);letter-spacing:.08em} .cc-secondary-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:10px;margin-top:10px}.cc-chart{height:205px;padding:4px 12px 12px}.cc-chart svg{width:100%;height:100%}.cc-ranking,.cc-regional-table{padding:0 13px 12px}.cc-rank{display:grid;grid-template-columns:24px 1fr auto auto;gap:8px;align-items:center;padding:9px 0;border-top:1px solid var(--line-soft)}.cc-rank:first-child{border-top:0}.cc-rank-num{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--bg-alt);font-size:8px;font-weight:900;color:var(--navy-900)}.cc-rank b{font-size:9.5px;color:var(--navy-900)}.cc-rank small{font-size:8px;color:var(--muted)}.cc-rank strong{font-size:10px;color:var(--navy-900)}.cc-risk-pill{padding:4px 6px;border-radius:99px;font-size:7px;font-weight:900;background:var(--green-bg);color:var(--green)}.cc-risk-pill.elevada,.cc-risk-pill.atencao{background:var(--orange-bg);color:var(--orange)}.cc-risk-pill.critico{background:var(--red-bg);color:var(--red)}.cc-regional-row{display:grid;grid-template-columns:1fr repeat(3,auto);gap:8px;align-items:center;padding:11px 0;border-top:1px solid var(--line-soft)}.cc-regional-row:first-child{border-top:0}.cc-regional-row b{font-size:9.5px;color:var(--navy-900)}.cc-regional-row span{font-size:8px;color:var(--muted);text-align:right}.cc-regional-row strong{font-size:9.5px;color:var(--navy-900);text-align:right}.cc-footer-status{display:flex;gap:18px;align-items:center;justify-content:flex-end;margin-top:9px;color:var(--muted);font-size:8.5px}.cc-footer-status span{display:inline-flex;align-items:center;gap:5px}.cc-status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block}.nav-live-dot{width:5px;height:5px;border-radius:50%;background:var(--gold);margin-left:auto;box-shadow:0 0 0 3px rgba(184,134,46,.12)} @media(max-width:1250px){.cc-kpi-grid{grid-template-columns:repeat(3,1fr)}.cc-main-grid{grid-template-columns:1fr 1fr}.cc-main-grid>.cc-panel{height:auto}.cc-map{grid-column:1/3}.cc-side{grid-column:1/3;grid-template-columns:1fr 1fr;grid-template-rows:auto;height:auto}.cc-secondary-grid{grid-template-columns:1fr 1fr}.cc-secondary-grid>.cc-panel:last-child{grid-column:1/3}} @media(max-width:760px){.central-control-page .cc-page-hero,.cc-executive-brief{flex-direction:column;align-items:stretch}.cc-kpi-grid,.cc-main-grid,.cc-secondary-grid{grid-template-columns:1fr}.cc-main-grid>.cc-panel{height:auto}.cc-map,.cc-side,.cc-secondary-grid>.cc-panel:last-child{grid-column:auto}.cc-side{grid-template-columns:1fr;height:auto}.cc-footer-status{flex-direction:column;align-items:flex-start}.cc-brief-lock{align-self:flex-start}} /* ===== V38 CSS LAYER 42 id="v34-49-6-central-command-redesign" ===== */ /* V34.49.6 — CENTRAL EXECUTIVA: cockpit de diretoria. Sem alterar o motor de dados. */ .cc-v496{--c-navy:#0b2943;--c-navy2:#123a5a;--c-line:#dfe6ed;--c-muted:#7a8795;--c-gold:#c99a3b;--c-blue:#2e6ff2;--c-green:#1b7a56;--c-varejo:#d9a94f;max-width:1540px!important;margin:0 auto;padding-bottom:28px!important} .cc496-hero{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:18px;padding:24px 24px 22px;border-radius:18px;background:radial-gradient(circle at 78% 20%,rgba(46,111,242,.16),transparent 30%),linear-gradient(135deg,#081f35 0%,#0d2d49 62%,#123b5c 100%);border:1px solid rgba(201,154,59,.35);box-shadow:0 18px 42px rgba(5,27,45,.18);color:#fff} .cc496-kicker{font-size:9px;font-weight:950;letter-spacing:1.7px;color:#d8ae56}.cc496-kicker.light{color:#e2c57d}.cc496-hero h2{margin:7px 0 6px;font-size:29px;letter-spacing:-.8px;line-height:1.04;color:#fff}.cc496-hero p{max-width:850px;margin:0;color:rgba(255,255,255,.70);font-size:11px;line-height:1.55}.cc496-hero-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}.cc496-hero-tags span{padding:5px 8px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.055);font-size:7.5px;font-weight:900;letter-spacing:.8px;color:#d9e4ee}.cc496-hero-right{border-left:1px solid rgba(255,255,255,.13);padding-left:20px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;text-align:right}.cc496-live{display:flex;align-items:center;gap:6px;margin-bottom:15px;padding:5px 8px;border-radius:999px;background:rgba(27,122,86,.18);border:1px solid rgba(107,205,164,.25);font-size:7.5px;font-weight:900;letter-spacing:.8px;color:#bdebd8}.cc496-live i{width:6px;height:6px;border-radius:50%;background:#54c695;box-shadow:0 0 0 4px rgba(84,198,149,.10)}.cc496-hero-right>span{font-size:8px;font-weight:900;letter-spacing:1.2px;color:rgba(255,255,255,.48)}.cc496-hero-right>b{margin-top:5px;font-size:17px;color:#fff}.cc496-hero-right>small{margin-top:4px;font-size:8.5px;color:rgba(255,255,255,.48)} .cc496-command{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:18px;align-items:stretch;margin:12px 0}.cc496-command-main{padding:15px 17px;border:1px solid #e0e6ec;border-left:4px solid var(--c-gold);border-radius:13px;background:linear-gradient(110deg,#fff,#fbfcfd);box-shadow:0 6px 18px rgba(14,44,72,.04)}.cc496-command-main h3{margin:4px 0 3px;color:#12324d;font-size:15px;letter-spacing:-.2px}.cc496-command-main p{margin:0;color:#748293;font-size:10px;line-height:1.45}.cc496-command-state{padding:12px 15px;border:1px solid #e0e6ec;border-radius:13px;background:#fff;text-align:right;box-shadow:0 6px 18px rgba(14,44,72,.04)}.cc496-command-state span{display:block;font-size:8px;font-weight:900;letter-spacing:1px;color:#8a95a3}.cc496-command-state b{display:block;margin-top:6px;font-size:16px;color:#12324d}.cc496-command-state small{display:block;margin-top:3px;font-size:8.5px;color:#8995a3} .cc496-kpi-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr 1fr 1fr;gap:8px;margin-bottom:18px}.cc496-kpi{min-width:0;padding:13px 13px 11px;border:1px solid var(--c-line);border-radius:13px;background:#fff;box-shadow:0 6px 18px rgba(14,44,72,.045)}.cc496-kpi.featured{background:linear-gradient(145deg,#102f4b,#123b5d);border-color:#1c4668;color:#fff}.cc496-kpi>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:5px}.cc496-kpi span{font-size:8px;font-weight:900;letter-spacing:.9px;color:#84909d}.cc496-kpi.featured span{color:#c8d6e2}.cc496-kpi i{font-style:normal;font-size:7px;font-weight:900;color:#b58a2b;white-space:nowrap}.cc496-kpi.featured i{padding:3px 5px;border-radius:999px;background:rgba(255,255,255,.09);color:#e0bd68}.cc496-kpi strong{display:block;margin-top:8px;font-size:24px;line-height:1;color:#12324d;letter-spacing:-.6px}.cc496-kpi.featured strong{color:#fff}.cc496-kpi small{display:block;margin-top:5px;color:#8895a2;font-size:8.5px;line-height:1.3}.cc496-kpi.featured small{color:#a9bdcf}.cc496-kpi-foot{display:flex!important;align-items:baseline!important;justify-content:flex-start!important;gap:5px;margin-top:9px;padding-top:7px;border-top:1px solid #edf1f4}.cc496-kpi.featured .cc496-kpi-foot{border-top-color:rgba(255,255,255,.10)}.cc496-kpi-foot b{font-size:9px;color:#12324d}.cc496-kpi.featured .cc496-kpi-foot b{color:#fff}.cc496-kpi-foot em{font-style:normal;font-size:7px;color:#909aa5}.cc496-kpi.featured .cc496-kpi-foot em{color:#9fb3c4}.cc496-mini-track{height:4px!important;margin-top:11px!important;border-radius:99px;background:#edf1f4;overflow:hidden}.cc496-mini-track b{display:block;width:0;height:100%;border-radius:99px;background:#b58a2b}.cc496-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin:4px 0 9px;padding:0 2px}.cc496-section-head>div:first-child{min-width:0}.cc496-section-head span{font-size:8px;font-weight:900;letter-spacing:1.3px;color:#b58a2b}.cc496-section-head h3{margin:4px 0 2px;color:#12324d;font-size:16px;letter-spacing:-.2px}.cc496-section-head p{margin:0;color:#7c8895;font-size:9px}.cc496-section-meta{text-align:right;flex:0 0 auto}.cc496-section-meta b{display:block;color:#12324d;font-size:10px}.cc496-section-meta small{display:block;margin-top:2px;color:#8c97a2;font-size:8px} .cc496-territory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.cc496-territory{position:relative;overflow:hidden;border:1px solid var(--c-line);border-radius:15px;background:#fff;box-shadow:0 8px 22px rgba(14,44,72,.05)}.cc496-territory:before{content:"";position:absolute;left:0;right:0;top:0;height:3px}.cc496-territory.rs:before{background:var(--c-blue)}.cc496-territory.sc:before{background:var(--c-green)}.cc496-territory.varejo:before{background:var(--c-varejo)}.cc496-territory-head{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:13px 14px 8px}.cc496-territory-head span{font-size:7.5px;font-weight:900;letter-spacing:1.1px;color:#8b96a3}.cc496-territory-head h4{margin:3px 0 0;font-size:12px;color:#12324d}.cc496-territory-head>b{padding:5px 7px;border-radius:999px;background:#eef4f8;color:#53687b;font-size:7px;font-weight:900;letter-spacing:.7px;white-space:nowrap}.cc496-map{height:174px;margin:0 7px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 48%,#f7fafc 0,#fff 69%);overflow:hidden}.cc496-map svg{width:100%;height:100%;display:block;overflow:visible}.cc496-map .cc496-map-shape{transform-origin:center;transition:filter .18s ease,transform .18s ease}.cc496-map .cc496-map-shape:hover{filter:brightness(1.04) drop-shadow(0 8px 10px rgba(14,44,72,.13));transform:translateY(-1px)}.cc496-territory-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #edf1f4;border-bottom:1px solid #edf1f4}.cc496-territory-metrics>div{padding:8px 9px}.cc496-territory-metrics>div+div{border-left:1px solid #edf1f4}.cc496-territory-metrics span{display:block;font-size:7px;font-weight:900;letter-spacing:.6px;color:#8d98a4}.cc496-territory-metrics strong{display:block;margin-top:4px;font-size:13px;color:#12324d}.cc496-territory-action{width:100%;height:32px;border:0;background:#fff;color:#5f7081;text-align:left;padding:0 13px;font-size:8.5px;font-weight:900;cursor:pointer}.cc496-territory-action:hover{background:#f8fafc;color:#12324d}.cc496-territory-action span{float:right;font-size:12px;color:#b58a2b} .cc496-insight-grid{display:grid;grid-template-columns:1.25fr 1.1fr .9fr;gap:10px;margin-bottom:10px}.cc496-analysis-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:10px}.cc496-panel{min-width:0;border:1px solid var(--c-line);border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(14,44,72,.045);overflow:hidden}.cc496-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:12px 13px 9px;border-bottom:1px solid #edf1f4}.cc496-panel-head>div{min-width:0}.cc496-panel-head span{display:block;font-size:7.5px;font-weight:900;letter-spacing:1.1px;color:#b58a2b}.cc496-panel-head h3{margin:4px 0 2px;font-size:12px;color:#12324d}.cc496-panel-head small{display:block;font-size:8.5px;line-height:1.35;color:#8895a2}.cc496-panel-head>b{padding:5px 7px;border-radius:999px;background:#f3f6f9;color:#627285;font-size:7px;white-space:nowrap}.cc496-driver-bars{padding:10px 13px 13px}.cc496-driver-row{display:grid;grid-template-columns:72px minmax(0,1fr) 34px 38px;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #edf1f4}.cc496-driver-row:last-child{border-bottom:0}.cc496-driver-row label{font-size:8.5px;font-weight:850;color:#42566a}.cc496-driver-track{height:7px;border-radius:99px;background:#edf1f4;overflow:hidden}.cc496-driver-track b{display:block;height:100%;border-radius:99px;background:#b58a2b}.cc496-driver-row strong{font-size:9px;color:#12324d;text-align:right}.cc496-driver-row em{font-style:normal;font-size:7px;color:#8b96a3;text-align:right}.cc496-decision-body{padding:13px}.cc496-decision-callout{padding:11px;border-radius:11px;background:linear-gradient(135deg,#f8f5ed,#fff);border:1px solid #ead9b3}.cc496-decision-callout strong{display:block;font-size:11px;color:#12324d}.cc496-decision-callout p{margin:5px 0 0;font-size:8.5px;line-height:1.45;color:#6f7e8d}.cc496-decision-facts{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.cc496-decision-facts div{padding:7px 8px;border:1px solid #e8edf2;border-radius:8px}.cc496-decision-facts span{display:block;font-size:6.8px;font-weight:900;color:#8b96a3;letter-spacing:.5px}.cc496-decision-facts b{display:block;margin-top:3px;font-size:10px;color:#12324d}.cc496-alert-list{max-height:205px;overflow:auto;padding:0 13px 9px}.cc496-alert{padding:9px 0;border-top:1px solid #edf1f4}.cc496-alert:first-child{border-top:0}.cc496-alert-top{display:flex;justify-content:space-between;gap:5px;align-items:center}.cc496-alert-badge{padding:3px 5px;border-radius:5px;background:#f2eadb;color:#8a6420;font-size:6.8px;font-weight:900}.cc496-alert-badge.critico{background:#f8e9e8;color:#a33d3d}.cc496-alert b{font-size:8.5px;color:#12324d}.cc496-alert p{margin:3px 0 0;font-size:7.8px;line-height:1.35;color:#7c8997} .cc496-chart{height:180px;padding:5px 10px 10px}.cc496-chart svg{width:100%;height:100%}.cc496-ranking{padding:2px 12px 9px}.cc496-rank{display:grid;grid-template-columns:22px minmax(0,1fr) auto auto;gap:7px;align-items:center;padding:8px 0;border-top:1px solid #edf1f4}.cc496-rank:first-child{border-top:0}.cc496-rank-num{width:19px;height:19px;border-radius:6px;display:grid;place-items:center;background:#f2f5f8;color:#66778a;font-size:7.5px;font-weight:900}.cc496-rank b{display:block;font-size:8.5px;color:#12324d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc496-rank small{display:block;margin-top:2px;font-size:7px;color:#8995a2}.cc496-rank strong{font-size:9px;color:#12324d}.cc496-risk{padding:4px 5px;border-radius:999px;background:#edf6f1;color:#39734a;font-size:6.5px;font-weight:900}.cc496-risk.elevada,.cc496-risk.atencao{background:#fbf1df;color:#98661c}.cc496-risk.critico{background:#f8e9e8;color:#a33d3d}.cc496-event-mix{padding:13px}.cc496-mix-total{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.cc496-mix-total b{font-size:20px;color:#12324d}.cc496-mix-total span{font-size:7.5px;color:#8995a2}.cc496-mix-bar{height:10px;display:flex;overflow:hidden;border-radius:99px;background:#edf1f4}.cc496-mix-bar i{display:block;height:100%}.cc496-mix-legend{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.cc496-mix-legend div{padding:7px;border:1px solid #e8edf2;border-radius:8px}.cc496-mix-legend span{display:block;font-size:7px;color:#8a95a2}.cc496-mix-legend b{display:block;margin-top:3px;font-size:10px;color:#12324d}.cc496-governance{padding:12px 13px}.cc496-gov-score{display:flex;align-items:center;gap:10px}.cc496-gov-score strong{font-size:23px;color:#12324d}.cc496-gov-score span{font-size:8px;color:#788696}.cc496-gov-track{height:7px;border-radius:99px;background:#edf1f4;overflow:hidden;margin:9px 0}.cc496-gov-track b{display:block;height:100%;background:#1b7a56;border-radius:99px}.cc496-gov-list{display:grid;gap:6px}.cc496-gov-row{display:flex;justify-content:space-between;gap:8px;font-size:7.5px;color:#7d8996}.cc496-gov-row b{color:#12324d}.cc496-footer{display:flex;justify-content:flex-end;gap:18px;align-items:center;margin-top:9px;font-size:7.5px;color:#8995a2}.cc496-footer span{display:inline-flex;align-items:center;gap:5px}.cc496-footer i{width:6px;height:6px;border-radius:50%;background:#1b7a56;box-shadow:0 0 0 3px rgba(27,122,86,.10)} @media(max-width:1300px){.cc496-kpi-grid{grid-template-columns:repeat(3,1fr)}.cc496-territory-grid{grid-template-columns:repeat(3,minmax(220px,1fr))}.cc496-analysis-grid{grid-template-columns:1.3fr 1fr}.cc496-analysis-grid>.cc496-panel:nth-child(3),.cc496-analysis-grid>.cc496-panel:nth-child(4){min-height:170px}.cc496-insight-grid{grid-template-columns:1fr 1fr}.cc496-insight-grid>.cc496-panel:last-child{grid-column:1/-1}} @media(max-width:900px){.cc496-hero,.cc496-command{grid-template-columns:1fr}.cc496-hero-right{border-left:0;border-top:1px solid rgba(255,255,255,.13);padding:12px 0 0;align-items:flex-start;text-align:left}.cc496-kpi-grid,.cc496-territory-grid,.cc496-insight-grid,.cc496-analysis-grid{grid-template-columns:1fr}.cc496-insight-grid>.cc496-panel:last-child{grid-column:auto}.cc496-section-head{align-items:flex-start;flex-direction:column}.cc496-section-meta{text-align:left}.cc496-footer{align-items:flex-start;flex-direction:column}} @media(max-width:600px){.cc-v496{padding:8px!important}.cc496-hero{padding:18px}.cc496-hero h2{font-size:23px}.cc496-kpi-grid{grid-template-columns:1fr 1fr}.cc496-kpi strong{font-size:20px}.cc496-command-state{text-align:left}.cc496-territory-grid,.cc496-analysis-grid,.cc496-insight-grid{grid-template-columns:1fr}.cc496-map{height:190px}} /* V34.49.9 — TERRITÓRIO EXECUTIVO: mesma importância visual, leitura diferente por natureza. */ .cc496-territory{display:flex;flex-direction:column;min-width:0} .cc496-map{height:158px;margin:0 8px;flex:0 0 158px;background:radial-gradient(circle at 50% 48%,#f8fafc 0,#fff 70%);border-radius:12px} .cc496-map:after{content:"";position:absolute;left:16%;right:16%;bottom:10px;height:1px;background:linear-gradient(90deg,transparent,#e8edf2,transparent)} .cc496-map svg{position:relative;z-index:1} .cc496-territory-pulse{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin:0 12px 9px;padding:8px 0 0;border-top:1px solid #edf1f4} .cc496-territory-pulse .pulse-item{min-width:0} .cc496-territory-pulse span{display:block;font-size:6.8px;font-weight:900;letter-spacing:.65px;color:#96a0ab;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .cc496-territory-pulse strong{display:block;margin-top:3px;font-size:10px;line-height:1.1;color:#173650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .cc496-territory-pulse small{display:block;margin-top:2px;font-size:7px;color:#8b96a3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .cc496-territory-signal{display:flex;align-items:center;gap:6px;margin:0 12px 9px;padding:7px 8px;border-radius:8px;background:#f7f9fb} .cc496-territory-signal i{width:6px;height:6px;border-radius:50%;flex:0 0 6px;background:#2a9a73} .cc496-territory-signal b{font-size:7.5px;color:#53687b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .cc496-territory-signal em{margin-left:auto;font-style:normal;font-size:7px;font-weight:900;color:#8793a0;white-space:nowrap} .cc496-territory.rs .cc496-territory-signal i{background:var(--c-blue)} .cc496-territory.sc .cc496-territory-signal i{background:var(--c-green)} .cc496-territory.varejo .cc496-territory-signal i{background:var(--c-varejo)} .cc496-territory-metrics{margin-top:auto} .cc496-territory-action{border-radius:0 0 15px 15px} @media(max-width:900px){.cc496-map{height:180px;flex-basis:180px}.cc496-territory-pulse{margin-left:14px;margin-right:14px}} /* V34.49.8 — palco cartográfico equilibrado: mesma altura, mesma escala percebida e leitura limpa. */ .cc496-map{height:174px!important;margin:0 7px!important;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 50%,#f7fafc 0,#fff 72%)!important;overflow:hidden!important} .cc496-map-state{width:100%!important;height:100%!important;display:block!important;overflow:visible!important} .cc496-map-state .cc496-map-shape{transform-box:fill-box;transform-origin:center;transition:filter .18s ease,transform .18s ease} .cc496-map-state .cc496-map-shape:hover{filter:drop-shadow(0 8px 12px rgba(14,44,72,.13));transform:translateY(-1px)} .cc496-map-state .cc496-map-label text{paint-order:stroke fill} /* ===== V38 CSS LAYER 43 id="v35-10-living-territory-css" ===== */ /* V35.10 — TERRITÓRIO VIVO Camada visual/UX sobre métricas existentes. Não altera fórmulas, dados ou permissões. */ .cc-v496 .cc496-territory{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease} .cc-v496 .cc496-territory:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(14,44,72,.09)} .cc-v496 .cc496-territory.v35-live-active{box-shadow:0 0 0 1px rgba(181,138,43,.20),0 16px 34px rgba(14,44,72,.10)} .cc-v496 .cc496-territory.risk-critico{border-color:rgba(178,63,59,.34)} .cc-v496 .cc496-territory.risk-elevada{border-color:rgba(181,118,31,.30)} .cc-v496 .cc496-territory.risk-atencao{border-color:rgba(217,169,79,.28)} .cc-v496 .cc496-territory.risk-controlado{border-color:rgba(42,154,115,.24)} .cc-v496 .cc496-map{isolation:isolate} .cc-v496 .cc496-map:before{content:"";position:absolute;left:50%;top:50%;width:84px;height:84px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(46,111,242,.11) 0,rgba(46,111,242,.045) 38%,transparent 72%);opacity:0;z-index:0;pointer-events:none} .cc-v496 .cc496-territory.sc .cc496-map:before{background:radial-gradient(circle,rgba(27,122,86,.12) 0,rgba(27,122,86,.045) 38%,transparent 72%)} .cc-v496 .cc496-territory.varejo .cc496-map:before{background:radial-gradient(circle,rgba(217,169,79,.15) 0,rgba(217,169,79,.055) 38%,transparent 72%)} .cc-v496 .cc496-territory.risk-critico .cc496-map:before,.cc-v496 .cc496-territory.risk-elevada .cc496-map:before{opacity:1;animation:v35MapPulse 2.7s ease-in-out infinite} .cc-v496 .cc496-territory.risk-atencao .cc496-map:before{opacity:.8} .cc-v496 .cc496-map .cc496-map-state{position:relative;z-index:1} .cc-v496 .cc496-map-live-tag{position:absolute;right:10px;top:9px;z-index:3;display:flex;align-items:center;gap:5px;padding:4px 6px;border:1px solid #e6edf2;border-radius:999px;background:rgba(255,255,255,.88);backdrop-filter:blur(5px);font-size:6.5px;font-weight:950;letter-spacing:.75px;color:#788897;text-transform:uppercase} .cc-v496 .cc496-map-live-tag i{width:5px;height:5px;border-radius:50%;background:#2a9a73;box-shadow:0 0 0 3px rgba(42,154,115,.09)} .cc-v496 .cc496-territory.risk-critico .cc496-map-live-tag i{background:#b23f3b;box-shadow:0 0 0 3px rgba(178,63,59,.10)} .cc-v496 .cc496-territory.risk-elevada .cc496-map-live-tag i{background:#b5761f;box-shadow:0 0 0 3px rgba(181,118,31,.10)} .cc-v496 .cc496-territory.risk-atencao .cc496-map-live-tag i{background:#d9a94f} @keyframes v35MapPulse{0%,100%{transform:translate(-50%,-50%) scale(.92);opacity:.55}50%{transform:translate(-50%,-50%) scale(1.15);opacity:1}} .cc-v351-live-console{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:10px;margin:0 0 14px} .cc-v351-console-main,.cc-v351-console-side{min-width:0;border:1px solid var(--v35-line);border-radius:15px;background:#fff;box-shadow:0 7px 20px rgba(14,44,72,.045);overflow:hidden} .cc-v351-console-main{display:grid;grid-template-columns:1.05fr 1.95fr} .cc-v351-console-lead{padding:15px 17px;background:linear-gradient(135deg,#0d2d49,#123b5d);color:#fff;position:relative;overflow:hidden} .cc-v351-console-lead:after{content:"";position:absolute;width:150px;height:150px;right:-70px;bottom:-90px;border-radius:50%;border:1px solid rgba(255,255,255,.10);box-shadow:0 0 0 22px rgba(255,255,255,.025),0 0 0 44px rgba(255,255,255,.018)} .cc-v351-console-lead .k{font-size:7.5px;letter-spacing:1.25px;font-weight:950;color:#e0b85d} .cc-v351-console-lead h3{margin:6px 0 3px;font-size:17px;letter-spacing:-.02em;line-height:1.1} .cc-v351-console-lead p{margin:0;color:#b7cad9;font-size:9px;line-height:1.45;max-width:290px} .cc-v351-console-score{display:flex;align-items:flex-end;gap:8px;margin-top:14px} .cc-v351-console-score strong{font-size:29px;line-height:.9;letter-spacing:-.04em} .cc-v351-console-score span{font-size:8px;color:#b9cad8;padding-bottom:3px} .cc-v351-console-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px} .cc-v351-console-meta b{font-size:7px;padding:5px 6px;border-radius:999px;border:1px solid rgba(255,255,255,.13);color:#d8e5ef;background:rgba(255,255,255,.055)} .cc-v351-console-detail{padding:14px 15px} .cc-v351-console-detail-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:10px} .cc-v351-console-detail-head span{display:block;font-size:7px;letter-spacing:1.1px;color:#b58a2b;font-weight:950} .cc-v351-console-detail-head h4{margin:3px 0 0;font-size:13px;color:var(--v35-ink)} .cc-v351-console-detail-head small{font-size:7.5px;color:#8b96a3;white-space:nowrap} .cc-v351-top-units{display:grid;gap:6px} .cc-v351-unit{display:grid;grid-template-columns:22px minmax(0,1fr) auto auto;align-items:center;gap:7px;padding:7px 8px;border:1px solid #edf1f4;border-radius:9px;background:#fbfcfd} .cc-v351-unit-num{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;background:#eef3f7;color:#557086;font-size:7px;font-weight:950} .cc-v351-unit-main{min-width:0}.cc-v351-unit-main b{display:block;font-size:8.5px;color:#21435d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-v351-unit-main small{display:block;margin-top:2px;font-size:6.8px;color:#8b96a3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .cc-v351-unit-score{font-size:10px;font-weight:950;color:#173650}.cc-v351-unit-risk{font-size:6.5px;font-weight:950;letter-spacing:.45px;padding:4px 5px;border-radius:999px;white-space:nowrap}.cc-v351-unit-risk.critico{background:#f9e7e6;color:#a93b36}.cc-v351-unit-risk.elevada{background:#fbefe0;color:#9a6517}.cc-v351-unit-risk.atencao{background:#fff6df;color:#98751e}.cc-v351-unit-risk.controlado{background:#e9f5ef;color:#277a5c} .cc-v351-console-side{padding:14px 15px}.cc-v351-side-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:10px}.cc-v351-side-head span{display:block;font-size:7px;letter-spacing:1.1px;color:#b58a2b;font-weight:950}.cc-v351-side-head h4{margin:3px 0 0;font-size:12px;color:var(--v35-ink)}.cc-v351-side-head b{font-size:7px;color:#788897;padding:5px 6px;background:#f4f7f9;border-radius:999px;white-space:nowrap} .cc-v351-signal-stack{display:grid;gap:7px}.cc-v351-signal-row{display:grid;grid-template-columns:8px minmax(0,1fr);gap:8px;padding:8px 9px;border:1px solid #edf1f4;border-radius:9px;background:#fbfcfd}.cc-v351-signal-row i{width:6px;height:6px;border-radius:50%;margin-top:3px;background:#2a9a73}.cc-v351-signal-row.warn i{background:#d9a94f}.cc-v351-signal-row.bad i{background:#b23f3b}.cc-v351-signal-row b{display:block;font-size:8px;color:#274760}.cc-v351-signal-row span{display:block;margin-top:2px;font-size:7px;line-height:1.4;color:#84919d} .cc-v351-side-foot{display:flex;justify-content:space-between;gap:10px;margin-top:10px;padding-top:9px;border-top:1px solid #edf1f4}.cc-v351-side-foot span{font-size:7px;color:#8a97a4}.cc-v351-side-foot b{font-size:8px;color:#244760} @media(max-width:1050px){.cc-v351-live-console{grid-template-columns:1fr}.cc-v351-console-main{grid-template-columns:1fr 1.6fr}} @media(max-width:760px){.cc-v351-console-main{grid-template-columns:1fr}.cc-v351-console-lead{padding-bottom:18px}.cc-v351-unit{grid-template-columns:22px minmax(0,1fr) auto}.cc-v351-unit-risk{display:none}} /* ===== V38 CSS LAYER 44 ===== */ /* V35.20 — SALA DE SITUAÇÃO EXECUTIVA */ .cc-v352-situation{margin:14px 0 16px;border:1px solid #dfe7ed;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(14,44,72,.06);overflow:hidden} .cc-v352-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;padding:16px 18px 13px;border-bottom:1px solid #e8edf1;background:linear-gradient(180deg,#fbfcfd,#fff)} .cc-v352-head .k{font-size:7px;font-weight:950;letter-spacing:1.15px;color:#b58a2b}.cc-v352-head h3{margin:4px 0 2px;font-size:17px;letter-spacing:-.3px;color:#102f49}.cc-v352-head p{margin:0;color:#7a8996;font-size:8.5px}.cc-v352-head-badge{padding:6px 9px;border-radius:999px;background:#eef4f8;color:#52697c;font-size:7px;font-weight:950;letter-spacing:.75px;white-space:nowrap} .cc-v352-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr .9fr;gap:0}.cc-v352-cell{min-width:0;padding:15px 16px;border-right:1px solid #e8edf1}.cc-v352-cell:last-child{border-right:0}.cc-v352-cell span{display:block;font-size:6.8px;font-weight:950;letter-spacing:.8px;color:#8a98a5}.cc-v352-cell strong{display:block;margin-top:6px;font-size:18px;line-height:1.05;color:#102f49;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-v352-cell p{margin:6px 0 0;font-size:8px;line-height:1.4;color:#71818f;min-height:22px}.cc-v352-cell.featured{background:linear-gradient(135deg,#0c2d49,#123b5d)}.cc-v352-cell.featured span{color:#9eb5c7}.cc-v352-cell.featured strong{color:#fff;font-size:16px}.cc-v352-cell.featured p{color:#b7c8d5}.cc-v352-cell .micro{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:7px;color:#8795a2}.cc-v352-dot{width:6px;height:6px;border-radius:50%;background:#2a9a73;box-shadow:0 0 0 4px rgba(42,154,115,.08);flex:0 0 6px}.cc-v352-dot.warn{background:#d9a94f}.cc-v352-dot.bad{background:#b23f3b;box-shadow:0 0 0 4px rgba(178,63,59,.08)} .cc-v352-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 14px 14px}.cc-v352-decision{border:1px solid #e5ebf0;border-radius:13px;padding:11px 13px;background:#fbfcfd}.cc-v352-decision .k{font-size:6.8px;font-weight:950;letter-spacing:.9px;color:#b58a2b}.cc-v352-decision b{display:block;margin-top:4px;font-size:9.5px;color:#173952}.cc-v352-decision p{margin:4px 0 0;font-size:7.8px;line-height:1.4;color:#788794}.cc-v352-action{border:1px solid #e4eaf0;border-radius:13px;padding:11px 13px;background:#fff}.cc-v352-action .k{font-size:6.8px;font-weight:950;letter-spacing:.9px;color:#b58a2b}.cc-v352-action b{display:block;margin-top:4px;font-size:9.5px;color:#173952}.cc-v352-action p{margin:4px 0 0;font-size:7.8px;line-height:1.4;color:#788794} .cc-v352-focusbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px;border-top:1px solid #e8edf1;background:#f7fafc}.cc-v352-focusbar span{font-size:7px;color:#81909d}.cc-v352-focusbar b{font-size:7.5px;color:#173952}.cc-v352-focusbar button{border:0;background:transparent;color:#5f7486;font-size:7px;font-weight:900;cursor:pointer}.cc-v352-focusbar button:hover{color:#173952} /* V35.30 — Inteligência de Concentração */ .cc-v353-intel{margin:0 0 18px;border:1px solid #dfe7ed;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(14,44,72,.05);overflow:hidden} .cc-v353-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;padding:15px 18px 12px;border-bottom:1px solid #e8edf1;background:linear-gradient(180deg,#fbfcfd,#fff)} .cc-v353-head .k{font-size:7px;font-weight:950;letter-spacing:1.1px;color:#b58a2b}.cc-v353-head h3{margin:4px 0 2px;font-size:16px;letter-spacing:-.25px;color:#102f49}.cc-v353-head p{margin:0;color:#7a8996;font-size:8.3px}.cc-v353-badge{padding:6px 9px;border-radius:999px;background:#eef4f8;color:#52697c;font-size:7px;font-weight:950;letter-spacing:.75px;white-space:nowrap} .cc-v353-grid{display:grid;grid-template-columns:1.25fr .85fr;gap:0}.cc-v353-panel{min-width:0;padding:15px 16px}.cc-v353-panel+.cc-v353-panel{border-left:1px solid #e8edf1}.cc-v353-panel-head{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:10px}.cc-v353-panel-head span{font-size:6.8px;font-weight:950;letter-spacing:.8px;color:#8a98a5}.cc-v353-panel-head h4{margin:3px 0 0;font-size:11px;color:#173952}.cc-v353-panel-head small{font-size:7px;color:#8a98a5;white-space:nowrap} .cc-v353-bars{display:flex;flex-direction:column;gap:9px}.cc-v353-row{display:grid;grid-template-columns:22px minmax(120px,1fr) 72px 58px;align-items:center;gap:8px}.cc-v353-rank{font-size:7px;font-weight:950;color:#9aa7b1}.cc-v353-name{min-width:0}.cc-v353-name b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:8.5px;color:#29465c}.cc-v353-name small{display:block;margin-top:2px;font-size:6.8px;color:#8997a3}.cc-v353-track{height:7px;border-radius:99px;background:#edf2f5;overflow:hidden}.cc-v353-track i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#8da6b7,#173f5d);width:0;transition:width .35s ease}.cc-v353-score{text-align:right;font-size:9px;font-weight:950;color:#173952}.cc-v353-share{text-align:right;font-size:7px;font-weight:900;color:#7b8a97}.cc-v353-empty{padding:12px;border:1px dashed #dce5eb;border-radius:10px;font-size:7.5px;color:#8795a2} .cc-v353-matrix{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cc-v353-signal{border:1px solid #e5ebf0;border-radius:11px;padding:9px 10px;background:#fbfcfd}.cc-v353-signal span{display:block;font-size:6.5px;font-weight:950;letter-spacing:.7px;color:#8b99a5}.cc-v353-signal b{display:block;margin-top:4px;font-size:12px;color:#173952}.cc-v353-signal small{display:block;margin-top:2px;font-size:6.8px;color:#83919d}.cc-v353-signal.dominant{border-color:#d8c89d;background:#fffdf7}.cc-v353-signal.dominant b{color:#8d6a22} .cc-v353-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 14px 14px}.cc-v353-insight{border:1px solid #e5ebf0;border-radius:13px;padding:10px 12px;background:#fbfcfd}.cc-v353-insight .k{font-size:6.7px;font-weight:950;letter-spacing:.85px;color:#b58a2b}.cc-v353-insight b{display:block;margin-top:4px;font-size:9px;color:#173952}.cc-v353-insight p{margin:4px 0 0;font-size:7.5px;line-height:1.4;color:#788794}.cc-v353-focus{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px;border-top:1px solid #e8edf1;background:#f7fafc;font-size:7px;color:#81909d}.cc-v353-focus b{color:#173952}.cc-v353-focus button{border:0;background:transparent;color:#5f7486;font-size:7px;font-weight:900;cursor:pointer} @media(max-width:800px){.cc-v353-grid{grid-template-columns:1fr}.cc-v353-panel+.cc-v353-panel{border-left:0;border-top:1px solid #e8edf1}} @media(max-width:600px){.cc-v353-head{align-items:flex-start;flex-direction:column}.cc-v353-bottom{grid-template-columns:1fr;padding:0 10px 10px}.cc-v353-row{grid-template-columns:20px minmax(90px,1fr) 60px 48px}.cc-v353-panel{padding:13px 11px}} @media(max-width:1050px){.cc-v352-grid{grid-template-columns:1fr 1fr}.cc-v352-cell:nth-child(2){border-right:0}.cc-v352-cell:nth-child(-n+2){border-bottom:1px solid #e8edf1}.cc-v352-bottom{grid-template-columns:1fr}} @media(max-width:600px){.cc-v352-head{align-items:flex-start;flex-direction:column}.cc-v352-grid{grid-template-columns:1fr}.cc-v352-cell{border-right:0!important;border-bottom:1px solid #e8edf1}.cc-v352-cell:last-child{border-bottom:0}.cc-v352-bottom{padding:0 10px 10px}.cc-v352-focusbar{align-items:flex-start;flex-direction:column}} /* ===== V38 CSS LAYER 45 id="v35-51-executive-header" ===== */ /* V35.51 — Cabeçalho executivo: menos ruído, estados contextuais e hierarquia institucional. */ .top{ display:grid!important; grid-template-columns:minmax(280px,1fr) auto!important; align-items:center!important; gap:34px!important; min-height:88px!important; margin:-var(--space-1) -var(--space-1) 20px!important; padding:11px 0 15px!important; background:rgba(255,255,255,.94)!important; border-bottom:1px solid #e5eaf0!important; box-shadow:0 1px 0 rgba(255,255,255,.9)!important; } .top-context{padding-left:2px!important} .top-title-row{gap:8px!important;min-height:17px!important} .top-section-kicker{font-size:9px!important;letter-spacing:1.45px!important;color:#64788b!important} .region-badge{height:21px!important;padding:0 9px!important;border-radius:999px!important;background:#f4f7fb!important;border:1px solid #dce5ee!important;color:#234d73!important;font-size:8.5px!important;letter-spacing:.7px!important;box-shadow:none!important} .top h1{margin-top:5px!important;font-size:25px!important;line-height:1.02!important;letter-spacing:-.8px!important;background:none!important;color:#102f49!important} .top .sub{margin-top:6px!important;font-size:8.5px!important;line-height:1.25!important;letter-spacing:1.05px!important;color:#8a98a5!important;font-weight:800!important} .actions{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:8px!important;min-width:0!important} .context-row{display:grid!important;grid-template-columns:auto auto auto minmax(118px,1fr)!important;gap:8px!important;align-items:stretch!important;width:auto!important;justify-content:end!important} .period-control,.user-chip,.system-status{height:43px!important;box-sizing:border-box!important;border:1px solid #e0e7ee!important;border-radius:11px!important;background:#fff!important;box-shadow:0 2px 7px rgba(10,31,51,.025)!important} .period-control{display:flex!important;align-items:center!important;gap:9px!important;padding:5px 11px!important;min-width:152px!important} .period-control .context-label{font-size:7.5px!important;font-weight:950!important;letter-spacing:1.05px!important;color:#94a0aa!important;white-space:nowrap!important} .period-control input{font-size:12px!important;font-weight:850!important;color:#153b59!important;min-width:108px!important;height:30px!important} .user-chip{min-width:122px!important;padding:5px 10px!important;gap:8px!important} .user-chip>span{width:8px!important;height:8px!important;display:block!important;border-radius:50%!important;background:#2e6ff2!important;box-shadow:0 0 0 4px rgba(46,111,242,.09)!important} .user-chip b{font-size:10.5px!important;line-height:1.08!important;color:#173b59!important;letter-spacing:.1px!important} .user-chip small{font-size:8px!important;line-height:1.15!important;margin-top:3px!important;color:#7e8e9b!important;letter-spacing:.65px!important} .system-status{min-width:124px!important;display:flex!important;align-items:center!important;gap:8px!important;padding:5px 10px!important} .system-status>div{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px} .system-status span{font-size:9.5px!important;line-height:1.05!important;font-weight:850!important;color:#287b5d!important;white-space:nowrap!important} .system-status small{font-size:7.5px!important;line-height:1.1!important;color:#8b99a5!important;white-space:nowrap!important} .system-status.is-attention{background:#fffaf1!important;border-color:#ead9b5!important} .system-status.is-attention span{color:#9a6c1d!important} .status-dot{width:7px!important;height:7px!important;flex:0 0 auto!important;border-radius:50%!important} .save-state{height:43px!important;min-width:118px!important;justify-content:flex-end!important;padding:0 2px 0 8px!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;font-size:8.5px!important;font-weight:800!important;letter-spacing:.15px!important;color:#7e8e9b!important;white-space:nowrap!important} .save-state[data-ux-dirty="true"]{color:#95691c!important} .action-row{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;width:auto!important} .action-row .btn{height:36px!important;border-radius:10px!important;padding:0 13px!important;font-size:10.5px!important;font-weight:800!important;box-shadow:0 1px 2px rgba(14,35,56,.035)!important} #refreshDataBtn{min-width:94px!important;color:#244964!important;background:#fff!important;border-color:#dce5ed!important} #refreshDataBtn .refresh-icon{margin-right:5px!important;font-size:12px!important} #logoutBtn{min-width:68px!important;background:#fff!important;color:#8d4a48!important;border-color:#ead0ce!important} #saveBtn{min-width:138px!important;display:none} #saveBtn.is-needed{display:inline-flex!important} #saveBtn.primary{background:linear-gradient(135deg,#2d6fbd,#1d568f)!important;box-shadow:0 6px 14px rgba(30,88,143,.17)!important} @media(max-width:1250px){ .top{grid-template-columns:1fr!important;gap:13px!important} .actions{align-items:stretch!important;width:100%} .context-row,.action-row{justify-content:flex-start!important;width:100%!important} } @media(max-width:900px){ .top{display:flex!important;align-items:flex-start!important;flex-direction:column!important;gap:12px!important} .actions{width:100%!important} .context-row{grid-template-columns:repeat(2,minmax(0,1fr))!important} .save-state{justify-content:center!important} .action-row{display:flex!important;flex-wrap:wrap!important} } @media(max-width:600px){ .top{padding-top:8px!important} .top h1{font-size:21px!important} .top .sub{font-size:8px!important;letter-spacing:.8px!important} .context-row{grid-template-columns:1fr!important} .period-control,.user-chip,.system-status,.save-state{width:100%!important;min-width:0!important} .period-control input{width:auto!important;flex:1!important} .save-state{justify-content:flex-start!important;padding-left:2px!important} .action-row{display:grid!important;grid-template-columns:1fr 1fr!important} .action-row #saveBtn{grid-column:1/-1!important;width:100%!important} #refreshDataBtn,#logoutBtn{width:100%!important} } /* ===== V38.16.11 — CURRENT DATE / INDEPENDENT HEADER BLOCK ===== A data atual fica visualmente separada do período selecionado. O período pode mudar sem alterar a referência de hoje. */ .period-control{ position:relative!important; display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:flex-start!important; gap:9px!important; min-width:152px!important; height:43px!important; padding:5px 11px!important; } .period-main{ display:flex!important; align-items:center!important; gap:9px!important; width:100%!important; min-width:0!important; } .period-control input{ min-width:0!important; flex:1 1 auto!important; height:30px!important; } .current-date-control{ height:43px!important; min-width:126px!important; box-sizing:border-box!important; display:flex!important; align-items:center!important; gap:8px!important; padding:5px 11px!important; border:1px solid #e0e7ee!important; border-radius:11px!important; background:#fff!important; box-shadow:0 2px 7px rgba(10,31,51,.025)!important; } .current-date-icon{ width:22px!important; height:22px!important; flex:0 0 22px!important; display:grid!important; place-items:center!important; border:1px solid #dce5ed!important; border-radius:7px!important; color:#7c8b99!important; font-size:12px!important; line-height:1!important; } .current-date-control>div{ min-width:0!important; display:flex!important; flex-direction:column!important; justify-content:center!important; gap:2px!important; } .current-date-label{ font-size:7px!important; line-height:1!important; font-weight:950!important; letter-spacing:1.05px!important; color:#94a0aa!important; } .current-date-control b{ font-size:9.5px!important; line-height:1.12!important; font-weight:850!important; color:#38546a!important; white-space:nowrap!important; } .current-date-control:hover{ border-color:#cfdcec!important; box-shadow:0 6px 16px rgba(14,44,72,.08)!important; transform:translateY(-1px); } .context-row{ grid-template-columns:auto auto auto auto minmax(118px,1fr)!important; } @media(max-width:1250px){ .context-row{grid-template-columns:repeat(4,minmax(0,1fr))!important} .current-date-control{min-width:0!important} } @media(max-width:900px){ .context-row{grid-template-columns:repeat(2,minmax(0,1fr))!important} .current-date-control{min-width:0!important} } @media(max-width:600px){ .context-row{grid-template-columns:1fr!important} .period-control,.current-date-control,.user-chip,.system-status,.save-state{width:100%!important;min-width:0!important} .period-control input{width:auto!important;flex:1!important} .current-date-control b{font-size:9.5px!important} } /* ===== V38 CSS LAYER 46 id="v3612-financial-intelligence" ===== */ /* V36.12 — camada avançada incremental; não substitui o motor financeiro existente. */ .fin-phase2-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:10px;margin-bottom:10px}.fin-health-layout{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:center;padding:17px}.fin-health-score-ring{width:126px;height:126px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle,#fff 56%,#eef3f7 57%,#d9e2e9 68%,#f7f9fb 69%);box-shadow:inset 0 0 0 1px #e0e7ed}.fin-health-score-ring b{font-size:34px;line-height:1;color:#173b58;letter-spacing:-1px}.fin-health-score-ring span{margin-top:5px;text-align:center;font-size:7px;line-height:1.2;font-weight:900;letter-spacing:1px;color:#81909e}.fin-health-factors{display:grid;gap:9px}.fin-health-factor{display:grid;grid-template-columns:100px minmax(0,1fr) 42px;gap:8px;align-items:center}.fin-health-factor span{font-size:8px;font-weight:900;letter-spacing:.65px;color:#718091}.fin-health-factor b{text-align:right;font-size:9px;color:#38546a}.fin-health-track{height:6px;border-radius:99px;background:#edf1f4;overflow:hidden}.fin-health-track i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#6a8ba2,#315d7f)}.fin-alert-list{padding:7px 13px 11px;display:grid;gap:6px}.fin-alert{display:grid;grid-template-columns:7px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 10px;border:1px solid #e5eaee;border-radius:9px;background:#f9fafb}.fin-alert>i{width:7px;height:28px;border-radius:5px;background:#7c8b99}.fin-alert.warn{background:#fffaf7}.fin-alert.warn>i{background:#b8872d}.fin-alert.critical{background:#fff8f7}.fin-alert.critical>i{background:#b7443e}.fin-alert.good{background:#f5faf7}.fin-alert.good>i{background:#3f8063}.fin-alert b{display:block;color:#27485f;font-size:9.5px}.fin-alert span{display:block;margin-top:2px;color:#7d8996;font-size:8.5px;line-height:1.35}.fin-alert strong{font-size:9px;color:#52687b;white-space:nowrap}.fin-alert-count{min-width:24px;text-align:center}.fin-exposure-panel{margin-bottom:10px}.fin-exposure-matrix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:13px}.fin-exposure-zone{min-height:112px;border:1px solid #e3e9ee;border-radius:11px;background:#f9fafb;padding:11px}.fin-exposure-zone.critical{background:#fff8f7;border-color:#efd8d5}.fin-exposure-zone.attention{background:#fffaf5;border-color:#eee0ca}.fin-exposure-zone.controlled{background:#f5faf7;border-color:#dcebe3}.fin-exposure-zone-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.fin-exposure-zone-head b{font-size:9px;color:#27485f;letter-spacing:.55px}.fin-exposure-zone-head span{font-size:8px;font-weight:900;color:#8793a0}.fin-exposure-zone p{margin:6px 0 9px;font-size:8.5px;line-height:1.35;color:#7d8996}.fin-exposure-stores{display:flex;flex-wrap:wrap;gap:5px}.fin-exposure-store{padding:5px 6px;border:1px solid #dfe6eb;border-radius:7px;background:#fff;color:#3c576b;font-size:8px;font-weight:900}.fin-exposure-store em{font-style:normal;color:#a7443e;margin-left:3px}.fin-exposure-empty{font-size:8.5px;color:#97a2ad} @media(max-width:900px){.fin-phase2-grid{grid-template-columns:1fr}.fin-exposure-matrix{grid-template-columns:1fr}} @media(max-width:560px){.fin-health-layout{grid-template-columns:1fr;justify-items:center}.fin-health-factors{width:100%}.fin-health-factor{grid-template-columns:90px minmax(0,1fr) 38px}.fin-exposure-matrix{padding:10px}} /* ===== V38 CSS LAYER 47 id="v3619-css-audit-ledger" ===== */ /* V36.19: governance marker; no visual rules. */ :root { --v3619-css-audit: 1; } /* ===== V38 CSS LAYER 48 id="v3620-about-guide-polish" ===== */ .guide-enterprise-version,.about-enterprise-version{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.guide-enterprise-version>div,.about-enterprise-version>div{padding:12px 14px;border:1px solid var(--line-soft);background:rgba(255,255,255,.72);border-radius:12px}.guide-enterprise-version span,.about-enterprise-version span{display:block;font-size:9px;letter-spacing:.12em;font-weight:800;opacity:.62;margin-bottom:4px}.guide-enterprise-version strong,.about-enterprise-version strong{font-size:12px;letter-spacing:.02em}.guide-enterprise-card h3{margin-bottom:5px}.guide11-check{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.guide11-check>div{padding:11px;border:1px solid var(--line-soft);border-radius:10px}.guide11-check b,.guide11-check span{display:block}.guide11-check span{margin-top:4px}.about-enterprise-grid-bottom{grid-template-columns:repeat(4,minmax(0,1fr))}.about-enterprise-grid-bottom article{min-height:150px}@media(max-width:900px){.guide-enterprise-version,.about-enterprise-version,.about-enterprise-grid-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}.guide11-check{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.guide-enterprise-version,.about-enterprise-version,.guide11-check,.about-enterprise-grid-bottom{grid-template-columns:1fr}} /* ===== V38 CSS LAYER 49 id="v36-23-documentacao-ultra-v3" ===== */ /* V36.23 — Etapa 03 DOCUMENTAÇÃO — compactação cirúrgica V3. Escopo exclusivo: os dois controles de documentação do modal de lançamento. */ #launchModalBody .launch-form-grid .launch-doc-grid{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:6px!important; margin:0!important; align-items:center!important; } #launchModalBody .launch-form-grid .launch-doc-grid .launch-doc-option{ display:flex!important; align-items:center!important; justify-content:space-between!important; width:100%!important; min-width:0!important; min-height:32px!important; height:32px!important; box-sizing:border-box!important; margin:0!important; padding:4px 7px!important; gap:6px!important; border:1px solid #dfe6ed!important; border-radius:6px!important; background:#fff!important; box-shadow:none!important; font-size:10px!important; line-height:1!important; } #launchModalBody .launch-form-grid .launch-doc-grid .launch-doc-option:hover{ transform:none!important; box-shadow:none!important; border-color:#cbd7e2!important; } #launchModalBody .launch-form-grid .launch-doc-grid .launch-doc-option.checked{ box-shadow:inset 2px 0 0 #2e6ff2!important; border-color:#cbd8e4!important; background:#f8fafc!important; } #launchModalBody .launch-form-grid .launch-doc-grid .launch-doc-option > span{ flex:1 1 auto!important; min-width:0!important; margin:0!important; padding:0!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; font-size:9.5px!important; line-height:1!important; font-weight:800!important; color:#30485e!important; } #launchModalBody .launch-form-grid .launch-doc-grid .launch-doc-option > select{ flex:0 0 64px!important; width:64px!important; min-width:64px!important; max-width:64px!important; height:24px!important; min-height:24px!important; margin:0!important; padding:2px 4px!important; border:1px solid #d6dfe8!important; border-radius:5px!important; font-size:9px!important; line-height:1!important; } #launchModalBody .launch-form-grid .launch-doc-grid + *{ margin-top:5px!important; } #launchModalBody .launch-form-grid .full:has(.launch-doc-grid){ margin:0!important; padding:0!important; } #launchModalBody .launch-form-grid .full:has(.launch-doc-grid) .launch-form-label{ margin-bottom:4px!important; min-height:0!important; line-height:1!important; } #launchModalBody .launch-form-grid .full:has(.launch-doc-grid) + .full{ margin-top:0!important; } #launchModalBody .launch-validation-note{ padding:6px 8px!important; margin-top:5px!important; font-size:9px!important; line-height:1.25!important; } @media(max-width:640px){ #launchModalBody .launch-form-grid .launch-doc-grid{ grid-template-columns:1fr!important; gap:5px!important; } #launchModalBody .launch-form-grid .launch-doc-grid .launch-doc-option{ height:32px!important; min-height:32px!important; } } /* ===== V38 CSS LAYER 50 id="v3625-financial-premium-refinement" ===== */ /* V36.25 — Refinamento executivo do bloco Evolução + Maiores Eventos. Preserva a lógica e os dados; altera somente a apresentação e a ergonomia. */ .fin-lower-grid{align-items:stretch;gap:14px;margin-top:14px} .fin-lower-grid>.fin-panel{min-width:0;border:1px solid #dce5ec;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(16,43,66,.055);overflow:hidden} .fin-lower-grid .fin-panel-head{min-height:72px;padding:15px 17px 12px;background:linear-gradient(180deg,#ffffff 0%,#fbfcfd 100%);border-bottom:1px solid #e8eef2;align-items:flex-start} .fin-lower-grid .fin-panel-head h3{font-size:13px!important;letter-spacing:-.15px;color:#163952!important;margin:4px 0 3px!important} .fin-lower-grid .fin-panel-head small{font-size:9px!important;line-height:1.45;color:#7b8997!important} .fin-lower-grid .fin-panel-meta{margin-top:3px;padding:5px 8px;border-radius:999px;background:#f1f5f8;color:#5f7182;font-size:7.5px;font-weight:900;white-space:nowrap} .fin-daily-chart{height:235px;padding:18px 18px 13px;display:flex;align-items:stretch;gap:8px;position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#fbfcfd 100%)} .fin-daily-chart:before{content:"";position:absolute;left:18px;right:18px;top:42px;height:1px;background:#edf1f4;box-shadow:0 55px 0 #edf1f4,0 110px 0 #edf1f4,0 165px 0 #edf1f4} .fin-day-bar{flex:1;min-width:38px;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;z-index:1} .fin-day-value{height:23px;font-size:8px;font-weight:900;color:#405a70;white-space:nowrap;display:flex;align-items:center;justify-content:center;opacity:.96} .fin-day-track{height:174px;width:100%;display:flex;align-items:flex-end;justify-content:center;position:relative} .fin-day-track i{display:block;width:min(44px,72%);min-height:3px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#6d8da6 0%,#173e5c 100%);box-shadow:0 5px 12px rgba(18,56,84,.13);transition:height .35s ease,transform .18s ease} .fin-day-bar.has-loss:hover .fin-day-track i{transform:translateY(-2px);filter:brightness(1.05)} .fin-day-bar.no-loss .fin-day-track i{background:#dce5eb;box-shadow:none} .fin-day-label{height:37px;text-align:center;padding-top:7px;color:#6f8090} .fin-day-label b{display:block;font-size:10px;line-height:1;color:#304c63} .fin-day-label small{display:block;margin-top:4px;font-size:7px;color:#9aa5af;letter-spacing:.2px} .fin-event-list{padding:10px 14px 13px;display:flex;flex-direction:column;gap:7px;background:#fbfcfd;min-height:235px;box-sizing:border-box} .fin-event{display:grid;grid-template-columns:32px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:12px 10px;border:1px solid #e3e9ee;border-radius:11px;background:#fff;box-shadow:0 4px 12px rgba(18,48,72,.035);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease} .fin-event:hover{background:#fff;border-color:#cfdce5;transform:translateY(-1px);box-shadow:0 8px 18px rgba(18,48,72,.07)} .fin-event-rank{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#f1f5f8;color:#53697c;font-size:9px;font-weight:950;border:1px solid #e3e9ee} .fin-event:first-child .fin-event-rank{background:#143d5c;color:#fff;border-color:#143d5c;box-shadow:0 5px 12px rgba(20,61,92,.16)} .fin-event-main{min-width:0} .fin-event-name{font-size:10px;font-weight:950;color:#23455e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .fin-event-meta{display:flex;align-items:center;gap:5px;margin-top:4px;font-size:7.5px;color:#8997a4;font-weight:800;letter-spacing:.2px} .fin-event-value{text-align:right;min-width:105px} .fin-event-value b{display:block;color:#b13f3a;font-size:12px;letter-spacing:-.15px} .fin-event-value small{display:block;margin-top:3px;color:#96a1ab;font-size:7px} .fin-drill-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:72px;height:30px;border:1px solid #d6e0e7;background:#fff;color:#23445c;border-radius:8px;padding:0 9px;font-size:8px;font-weight:950;cursor:pointer;white-space:nowrap;transition:.16s ease} .fin-drill-btn strong{font-size:12px;line-height:1;font-weight:800}.fin-drill-btn:hover{background:#f3f7fa;border-color:#bfcfda;transform:translateX(1px)} @media(max-width:900px){.fin-lower-grid{grid-template-columns:1fr!important}.fin-daily-chart{height:220px}.fin-event-list{min-height:0}} @media(max-width:560px){.fin-event{grid-template-columns:30px minmax(0,1fr);gap:8px}.fin-event-value{grid-column:2;text-align:left}.fin-drill-btn{grid-column:2;justify-self:start}.fin-daily-chart{padding-left:10px;padding-right:10px}.fin-daily-chart:before{left:10px;right:10px}.fin-day-bar{min-width:34px}.fin-day-track i{width:26px}} /* ===== V38 CSS LAYER 51 id="v37-04-executive-overview-final" ===== */ #dashboard.ceo-dashboard .ceo-label{ font-size:10px!important; line-height:1.2!important; letter-spacing:1.45px!important; font-weight:850!important; color:#667789!important; } #dashboard.ceo-dashboard .ice-mini-components{ margin-top:13px!important; } #dashboard.ceo-dashboard .ice-mini-components .ice-component{ padding:7px 7px 8px!important;border:1px solid #e3e8ed!important;border-radius:8px!important;background:#f7f9fb!important; } #dashboard.ceo-dashboard .ice-mini-components .ice-component strong{ display:block!important;font-size:9px!important;line-height:1.15!important;color:#748190!important; } #dashboard.ceo-dashboard .ice-mini-components .ice-component b{display:block!important;margin-top:3px!important;font-size:16px!important;line-height:1!important;color:#102b43!important} #dashboard.ceo-dashboard .ice-mini-components .ice-component .ice-bar{height:4px!important;margin-top:6px!important;border-radius:99px!important;background:#e3e8ed!important} #dashboard.ceo-dashboard .focus-breakdown{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-top:14px!important} #dashboard.ceo-dashboard .focus-breakdown span{ border:1px solid #e2e7ec!important;background:#f7f9fb!important;color:#687786!important; } #dashboard.ceo-dashboard .focus-breakdown span b{margin-left:3px!important;color:#102b43!important;font-size:11px!important} #dashboard.ceo-dashboard .focus-secondary{ margin-top:14px!important;padding-top:11px!important;border-top:1px solid #e6ebef!important; } #dashboard.ceo-dashboard .focus-secondary span{ display:block!important;line-height:1.1!important;font-weight:850!important;color:#7a8793!important; } #dashboard.ceo-dashboard .focus-secondary b{ display:block!important;margin-top:5px!important;letter-spacing:-.2px!important;color:#102b43!important; } #dashboard.ceo-dashboard .focus-secondary small{ display:block!important;margin-top:4px!important;color:#71808e!important; } /* At 1024–1150 keep the four executive signals readable instead of squeezing them. */ @media(max-width:1150px) and (min-width:851px){ #dashboard.ceo-dashboard .ceo-focus{grid-template-columns:1.55fr 1fr 1fr!important} #dashboard.ceo-dashboard .ceo-focus-card:last-child{grid-column:1/-1!important;min-height:155px!important} } @media(max-width:560px){ #dashboard.ceo-dashboard .ice-mini-components{grid-template-columns:repeat(2,1fr)!important} } #dashboard.ceo-dashboard .ice-mini-components{ display:grid!important; gap:8px!important;margin-top:14px!important; } #dashboard.ceo-dashboard .ice-mini-components .ice-component{ min-height:58px!important;padding:8px 10px!important;border-radius:9px!important; background:#f8fafc!important;border:1px solid #e3e9ef!important; box-shadow:none!important; } #dashboard.ceo-dashboard .ice-mini-components .ice-component strong{font-size:9.5px!important;letter-spacing:.15px!important} #dashboard.ceo-dashboard .ice-mini-components .ice-component b{font-size:15px!important} #dashboard.ceo-dashboard .focus-breakdown{gap:8px!important;margin-top:12px!important} #dashboard.ceo-dashboard .focus-breakdown span{padding:6px 8px!important;border:1px solid #e4e9ee!important;border-radius:7px!important;background:#fff!important;font-size:9.5px!important} #dashboard.ceo-dashboard .focus-secondary{margin-top:10px!important;padding-top:9px!important} #dashboard.ceo-dashboard .focus-secondary span{font-size:9px!important;letter-spacing:1px!important;text-transform:uppercase!important;font-weight:800!important} #dashboard.ceo-dashboard .focus-secondary b{font-size:17px!important;line-height:1.15!important;margin-top:4px!important} #dashboard.ceo-dashboard .focus-secondary small{font-size:9.5px!important;line-height:1.35!important} @media (max-width:700px){ #dashboard.ceo-dashboard .ice-mini-components{} } #dashboard.ceo-dashboard .ceo-label{ font-size:9px!important; letter-spacing:1.25px!important; } #dashboard.ceo-dashboard .ice-mini-components{ gap:6px!important;margin-top:9px!important; } #dashboard.ceo-dashboard .ice-mini-components .ice-component{ min-height:46px!important;padding:6px 8px!important;border-radius:7px!important; } #dashboard.ceo-dashboard .ice-mini-components .ice-component strong{font-size:8px!important} #dashboard.ceo-dashboard .ice-mini-components .ice-component b{font-size:14px!important;margin-top:2px!important} #dashboard.ceo-dashboard .ice-mini-components .ice-component .ice-bar{height:3px!important;margin-top:5px!important} #dashboard.ceo-dashboard .focus-breakdown{gap:5px!important;margin-top:9px!important} #dashboard.ceo-dashboard .focus-breakdown span{ padding:5px 7px!important;font-size:8.5px!important;border-radius:6px!important; } #dashboard.ceo-dashboard .focus-breakdown span b{font-size:10px!important} #dashboard.ceo-dashboard .focus-secondary{ margin-top:8px!important;padding-top:7px!important; } #dashboard.ceo-dashboard .focus-secondary span{font-size:8px!important;letter-spacing:.9px!important} #dashboard.ceo-dashboard .focus-secondary b{font-size:15px!important;margin-top:3px!important} #dashboard.ceo-dashboard .focus-secondary small{font-size:8.5px!important;margin-top:3px!important} /* ===== V38 CSS LAYER 54 id="v35-enterprise-cockpit" ===== */ /* V35 — território como unidade de decisão. Sem alteração dos motores canônicos. */ .cc-v496{--v35-ink:#102f49;--v35-muted:#748392;--v35-line:#e5ebf0;--v35-blue:#2e6ff2;--v35-green:#1b7a56;--v35-gold:#d4a74b} .cc-v496 .cc496-section-head{margin-top:22px;margin-bottom:11px} .cc-v496 .cc496-section-head h3{font-size:18px;letter-spacing:-.35px} .cc-v496 .cc496-section-head p{font-size:9.5px;max-width:780px} .cc-v496 .cc496-territory-grid{gap:12px;margin-bottom:16px;align-items:stretch} .cc-v496 .cc496-territory{display:grid;grid-template-rows:auto 226px auto auto auto auto;min-height:520px;border-radius:17px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease} .cc-v496 .cc496-territory:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(14,44,72,.09);border-color:#d8e1e8} .cc-v496 .cc496-territory-head{padding:14px 15px 8px} .cc-v496 .cc496-territory-head h4{font-size:12.5px} .cc-v496 .cc496-territory-head>b{font-size:7px} .cc-v496 .cc496-map{height:226px;margin:0 9px;background:radial-gradient(circle at 50% 52%,#f4f8fb 0,#fff 68%);border-radius:12px} .cc-v496 .cc496-map:after{content:"SINAL TERRITORIAL";position:absolute;top:9px;left:10px;font-size:6.5px;font-weight:950;letter-spacing:1px;color:#9aa6b2;pointer-events:none} .cc-v496 .cc496-map svg{width:100%;height:100%} .cc-v496 .cc496-map .cc496-map-shape{transition:filter .18s ease,transform .18s ease} .cc-v496 .cc496-map .cc496-map-shape:hover{filter:brightness(1.04) drop-shadow(0 9px 12px rgba(14,44,72,.15));transform:translateY(-1px)} .cc-v496 .cc496-territory-live{display:grid;grid-template-columns:minmax(0,1.25fr) .7fr .7fr;gap:7px;padding:9px 11px;border-top:1px solid var(--v35-line);border-bottom:1px solid var(--v35-line);background:linear-gradient(180deg,#fbfcfd,#fff)} .cc-v496 .cc496-live-cell{min-width:0;padding:7px 8px;border:1px solid #edf1f4;border-radius:9px;background:#fff} .cc-v496 .cc496-live-cell span{display:block;font-size:6.5px;font-weight:950;letter-spacing:.7px;color:#8d99a5;white-space:nowrap} .cc-v496 .cc496-live-cell strong{display:block;margin-top:4px;color:var(--v35-ink);font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .cc-v496 .cc496-live-cell small{display:block;margin-top:2px;font-size:7px;color:#8794a1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .cc-v496 .cc496-live-cell.is-risk strong{font-size:15px} .cc-v496 .cc496-live-cell.is-up strong{color:#a66d18} .cc-v496 .cc496-territory-pulse{padding:8px 12px 9px!important;gap:0!important;border-bottom:1px solid var(--v35-line);background:#fff} .cc-v496 .cc496-territory-pulse .pulse-item{padding:0 8px!important} .cc-v496 .cc496-territory-pulse .pulse-item:first-child{padding-left:0!important} .cc-v496 .cc496-territory-pulse .pulse-item:last-child{padding-right:0!important} .cc-v496 .cc496-territory-pulse .pulse-item+ .pulse-item{border-left:1px solid #edf1f4} .cc-v496 .cc496-territory-signal{margin:0!important;padding:9px 12px!important;min-height:39px;display:flex;align-items:center;gap:8px;border:0!important;border-radius:0!important;background:#fff!important} .cc-v496 .cc496-territory-signal b{font-size:8.5px;line-height:1.25;color:#465c70!important} .cc-v496 .cc496-territory-signal em{margin-left:auto!important;font-size:7px!important;color:#8b96a3!important;white-space:nowrap} .cc-v496 .cc496-territory-signal i{width:7px!important;height:7px!important;flex:0 0 7px;border-radius:50%;background:#2a9a73!important;box-shadow:0 0 0 4px rgba(42,154,115,.08)} .cc-v496 .cc496-territory-action{height:35px;border-top:1px solid #edf1f4!important;padding:0 13px;font-size:8px;background:#fbfcfd} .cc-v496 .cc496-territory-action:hover{background:#f5f8fa} .cc-v496 .cc496-territory-metrics{display:none} .cc-v496 .cc496-territory-head>b.critico{background:#f9e7e6;color:#a93b36}.cc-v496 .cc496-territory-head>b.elevada{background:#fbefe0;color:#9a6517}.cc-v496 .cc496-territory-head>b.atencao{background:#fff6df;color:#98751e}.cc-v496 .cc496-territory-head>b.controlado{background:#e9f5ef;color:#277a5c} .cc-v496 .cc496-territory.rs .cc496-live-cell.is-risk strong{color:var(--v35-blue)} .cc-v496 .cc496-territory.sc .cc496-live-cell.is-risk strong{color:var(--v35-green)} .cc-v496 .cc496-territory.varejo .cc496-live-cell.is-risk strong{color:#b27e20} .cc-v496 .cc496-territory.rs .cc496-map{box-shadow:inset 0 0 0 1px rgba(46,111,242,.06)} .cc-v496 .cc496-territory.sc .cc496-map{box-shadow:inset 0 0 0 1px rgba(27,122,86,.06)} .cc-v496 .cc496-territory.varejo .cc496-map{box-shadow:inset 0 0 0 1px rgba(212,167,75,.08)} .cc-v496 .cc496-territory-live .trend-arrow{display:inline-block;margin-right:3px;font-size:10px} .cc-v496 .cc496-territory-live .trend-arrow.down{color:#2a8a67}.cc-v496 .cc496-territory-live .trend-arrow.up{color:#b5761f} .cc-v496 .cc496-movement-band{display:grid;grid-template-columns:1.05fr 1fr 1fr 1fr;gap:10px;margin:0 0 12px} .cc-v496 .cc496-movement-card{min-width:0;border:1px solid var(--v35-line);border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(14,44,72,.04);padding:12px 13px} .cc-v496 .cc496-movement-card .k{font-size:7px;font-weight:950;letter-spacing:1px;color:#b58a2b} .cc-v496 .cc496-movement-card h4{margin:4px 0 3px;color:var(--v35-ink);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .cc-v496 .cc496-movement-card p{margin:0;color:#788796;font-size:8px;line-height:1.4;min-height:23px} .cc-v496 .cc496-movement-card .foot{display:flex;justify-content:space-between;align-items:center;gap:7px;margin-top:8px;padding-top:7px;border-top:1px solid #edf1f4} .cc-v496 .cc496-movement-card .foot b{font-size:8.5px;color:#1d405d}.cc-v496 .cc496-movement-card .foot span{font-size:7px;color:#8c98a3} .cc-v496 .cc496-movement-card.featured{background:linear-gradient(135deg,#0d2d49,#123b5d);border-color:#1a4568;color:#fff}.cc-v496 .cc496-movement-card.featured h4{color:#fff}.cc-v496 .cc496-movement-card.featured p,.cc-v496 .cc496-movement-card.featured .foot span{color:#a9bdcf}.cc-v496 .cc496-movement-card.featured .foot{border-color:rgba(255,255,255,.1)}.cc-v496 .cc496-movement-card.featured .foot b{color:#fff} .cc-v496 .cc496-live-legend{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px;padding:7px 11px;border:1px solid #e8edf2;border-radius:10px;background:#fbfcfd} .cc-v496 .cc496-live-legend span{font-size:7px;color:#7f8c99}.cc-v496 .cc496-live-legend i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px;background:#2a9a73}.cc-v496 .cc496-live-legend .attention i{background:#d9a94f}.cc-v496 .cc496-live-legend .critical i{background:#b23f3b} @media(max-width:1100px){.cc-v496 .cc496-movement-band{grid-template-columns:1fr 1fr}.cc-v496 .cc496-territory{min-height:510px}} @media(max-width:900px){.cc-v496 .cc496-territory-grid{grid-template-columns:1fr!important}.cc-v496 .cc496-territory{grid-template-rows:auto 235px auto auto auto auto;min-height:0}.cc-v496 .cc496-map{height:235px}.cc-v496 .cc496-movement-band{grid-template-columns:1fr}.cc-v496 .cc496-territory-live{grid-template-columns:1.3fr .7fr .7fr}} @media(max-width:560px){.cc-v496 .cc496-section-head{align-items:flex-start}.cc-v496 .cc496-section-meta{display:none}.cc-v496 .cc496-territory-live{grid-template-columns:1fr 1fr}.cc-v496 .cc496-live-cell:first-child{grid-column:1/-1}.cc-v496 .cc496-territory{grid-template-rows:auto 215px auto auto auto auto}.cc-v496 .cc496-map{height:215px}.cc-v496 .cc496-territory-pulse{grid-template-columns:1fr 1fr!important}.cc-v496 .cc496-territory-pulse .pulse-item:nth-child(3){display:none}} /* ===== V38 CSS LAYER 55 id="v30-30-launch-polish" ===== */ /* V30.30 — lançamento compacto, elegante e responsivo */ .launch-modal-backdrop{padding:16px} .launch-modal-backdrop .launch-modal{ width:min(680px,calc(100vw - 32px)); height:min(690px,calc(100vh - 32px)); max-height:calc(100vh - 32px); overflow:hidden; border-radius:16px; } .launch-modal-head{padding:15px 18px 13px;gap:14px} .launch-modal-head h3{font-size:19px;margin:2px 0} .launch-modal-head p{font-size:11px} .launch-kicker{font-size:10px;letter-spacing:.12em} .launch-close{width:32px;height:32px;border-radius:8px} .launch-stepbar{padding:10px 18px;gap:7px;align-items:center} .launch-step{font-size:10px} .launch-modal-body{ padding:16px 18px 18px; overflow-y:auto; overflow-x:hidden; scrollbar-width:thin; flex:1 1 auto; min-height:0; } .launch-form-grid{gap:11px 12px} .launch-form-label{font-size:10px;margin-bottom:5px;letter-spacing:.1em} .launch-form input,.launch-form select{min-height:40px;padding:8px 10px;border-radius:9px;font-size:13px} .launch-form textarea{min-height:74px;height:74px;padding:9px 10px;border-radius:9px;font-size:13px} /* consolidado: união das declarações de consolidated-design-system, v34-02-launch-hardening e v30-30-launch-polish */ .launch-modal-foot #launchNextBtn{box-shadow:0 5px 14px rgba(20,35,55,.08);min-width:122px;font-weight:800} @media(max-width:650px){ .launch-modal-backdrop{padding:10px} .launch-modal-backdrop .launch-modal{width:100%;height:calc(100vh - 20px);max-height:calc(100vh - 20px);border-radius:14px} .launch-modal-head{padding:13px 15px 11px} .launch-stepbar{padding:9px 15px;gap:5px;white-space:nowrap;overflow:hidden} .launch-modal-body{padding:14px 15px 16px} .launch-form-grid{grid-template-columns:1fr;gap:10px} .launch-form-grid .full{grid-column:auto} .launch-modal-foot{padding:9px 15px} } /* ===== V38 CSS LAYER 56 id="v33-2-loja-scope-lock" ===== */ /* O operador não deve sequer visualizar controles que expõem comparação entre regionais. */ body[data-central-role="operador"] #regionalExecutiveView, body[data-central-role="operator"] #regionalExecutiveView{ display:none !important; } body[data-central-role="operador"] #regionalCompareToggle, body[data-central-role="operator"] #regionalCompareToggle, body[data-central-role="operador"] #regionalComparisonBlock, body[data-central-role="operator"] #regionalComparisonBlock{ display:none !important; } /* ===== V38 CSS LAYER 57 id="v34-04-runtime-ux" ===== */ #saveBtn[aria-busy="true"]{pointer-events:none} .v34-ux-live{position:fixed;left:12px;bottom:12px;z-index:100000;max-width:min(420px,calc(100vw - 24px));padding:10px 12px;border:1px solid #dce4ec;border-radius:10px;background:#fff;box-shadow:0 10px 28px rgba(14,44,72,.14);font:600 12px/1.4 Inter,system-ui,sans-serif;color:#263b50;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .18s ease,transform .18s ease} .v34-ux-live.show{opacity:1;transform:none} @media(max-width:650px){.v34-ux-live{left:10px;right:10px;max-width:none;bottom:max(10px,env(safe-area-inset-bottom))}} @media(prefers-reduced-motion:reduce){.v34-ux-live{transition:none}} /* ===== V38 CSS LAYER 58 id="v34-22-enterprise-css-surgical-consolidation" ===== */ /* ================================================================ V34.22 — ENTERPRISE CSS SURGICAL CONSOLIDATION Scope: visual/responsive only. No DOM, data, event or business-rule changes. Strategy: final canonical cascade, preserving V34.21 as the visual baseline. ================================================================ */ :root{ --ui-content-max:1620px; --ui-page-gap:20px; --ui-panel-gap:16px; --ui-card-radius:14px; --ui-card-border:1px solid var(--line-soft); --ui-card-shadow:0 4px 16px rgba(14,35,56,.055); --ui-card-shadow-hover:0 10px 26px rgba(14,35,56,.085); --ui-control-height:42px; --ui-control-radius:9px; --ui-focus-ring:0 0 0 3px rgba(46,111,242,.14); } /* ---------- 01. Global geometry: one predictable horizontal system ---------- */ body{overflow-x:hidden} .app{width:100%;min-width:0} .main{width:min(calc(100% - 252px),var(--ui-content-max));min-width:0} .page{min-width:0} .page.active{min-width:0} /* ---------- 02. Shared card language: consistent radius, border, depth ---------- */ .card,.corp-card,.panel,.ceo-panel,.premium-panel,.report-card,.compare-kpi, .diagnostic-card,.accident-kpi,.regional-page-bar,.regional-exec-strip, .regional-compare,.launch-card,.launch-list-card,.launch-hero-card, .outcome-box,.automatic-action-panel,.generated-report{ border-radius:var(--ui-card-radius); } .card,.corp-card,.panel,.ceo-panel,.premium-panel,.report-card,.compare-kpi, .diagnostic-card,.accident-kpi,.launch-card,.launch-list-card,.launch-hero-card, .automatic-action-panel,.generated-report{ border-color:var(--line-soft); } /* Do not flatten intentionally elevated executive components. */ #dashboard.ceo-dashboard .ceo-panel, #dashboard.ceo-dashboard .ceo-focus-card, #dashboard.ceo-dashboard .diagnostic-card, #dashboard.ceo-dashboard .outcome-box, #inteligencia.intelligence-page .premium-panel{ overflow:hidden; } /* ---------- 03. Headings and metadata: stable rhythm, not redesign ---------- */ .panel-head,.section-head,.launch-list-head,.regional-comparison-head{ min-width:0; } .panel-head h4,.section-head h3,.launch-list-head h3{ min-width:0; overflow-wrap:anywhere; } .panel-head span,.section-note,.section-head p{ overflow-wrap:anywhere; } /* ---------- 04. Controls: common enterprise baseline ---------- */ input[type=text],input[type=number],input[type=email],input[type=password], input[type=date],input[type=month],input[type=search],select,textarea{ box-sizing:border-box; max-width:100%; } input[type=text],input[type=number],input[type=email],input[type=password], input[type=date],input[type=month],input[type=search],select{ min-height:var(--ui-control-height); border-radius:var(--ui-control-radius); } textarea{border-radius:var(--ui-control-radius)} input:focus-visible,select:focus-visible,textarea:focus-visible{ outline:2px solid var(--blue); outline-offset:1px; box-shadow:var(--ui-focus-ring); } .btn{ min-height:40px; border-radius:9px; display:inline-flex; align-items:center; justify-content:center; gap:7px; white-space:nowrap; } .btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px} /* ---------- 05. Tables: one container behavior, no page-wide overflow ---------- */ .table-wrap,.launch-table-wrap,.risk-matrix-wrap{ max-width:100%; overflow-x:auto; overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch; } .table-wrap table,.launch-table-wrap table,.risk-matrix-wrap table{margin:0} /* ---------- 06. Dashboard desktop: hierarchy without changing composition ---------- */ #dashboard.ceo-dashboard{ min-width:0; } #dashboard.ceo-dashboard .ceo-head, #dashboard.ceo-dashboard .executive-reading-guide, #dashboard.ceo-dashboard .ceo-focus, #dashboard.ceo-dashboard .ceo-decision, #dashboard.ceo-dashboard .ceo-chart-grid, #dashboard.ceo-dashboard .ceo-risk-grid, #dashboard.ceo-dashboard .ceo-control-grid, #dashboard.ceo-dashboard .diagnostic-band{ min-width:0; } #dashboard.ceo-dashboard .ceo-head > *, #dashboard.ceo-dashboard .ceo-focus-card > *, #dashboard.ceo-dashboard .decision-main > *, #dashboard.ceo-dashboard .decision-side > *, #dashboard.ceo-dashboard .ceo-panel > *{ min-width:0; } #dashboard.ceo-dashboard .ceo-head-main h2, #dashboard.ceo-dashboard .ceo-section-title h3, #dashboard.ceo-dashboard .decision-text, #dashboard.ceo-dashboard .risk-ranking-note, #dashboard.ceo-dashboard .concentration-note{ overflow-wrap:anywhere; } #dashboard.ceo-dashboard .ceo-focus-card{ min-width:0; } #dashboard.ceo-dashboard .ceo-focus-card.ice-focus{ min-width:0; } #dashboard.ceo-dashboard .diagnostic-card{ min-width:0; } #dashboard.ceo-dashboard .risk-matrix-wrap{ border-radius:12px; } #dashboard.ceo-dashboard .risk-matrix{ min-width:680px; } #dashboard.ceo-dashboard .risk-matrix th, #dashboard.ceo-dashboard .risk-matrix td{ vertical-align:middle; } /* ---------- 07. Intelligence: same visual grammar as Executive Dashboard ---------- */ #inteligencia.intelligence-page{ min-width:0; } #inteligencia.intelligence-page .premium-grid, #inteligencia.intelligence-page .intel-diagnosis-grid, #inteligencia.intelligence-page .intel-direction-grid, #inteligencia.intelligence-page .action-plan-grid, #inteligencia.intelligence-page .insights-grid, #inteligencia.intelligence-page .intel-signals-grid, #inteligencia.intelligence-page .method-grid{ min-width:0; } #inteligencia.intelligence-page .premium-panel, #inteligencia.intelligence-page .intel-feature-panel, #inteligencia.intelligence-page .ceo-panel{ min-width:0; } /* ---------- 08. Launch/Reports: protect forms from width drift ---------- */ #lancamentos .launch-layout, #lancamentos .launch-form-grid, #lancamentos .launch-main, #relatorios .report-grid, #relatorios .report-config, #relatorios .report-fields{ min-width:0; } #lancamentos .launch-form input, #lancamentos .launch-form select, #lancamentos .launch-form textarea, #relatorios input,#relatorios select,#relatorios textarea{ max-width:100%; } /* ---------- 09. Sidebar/topbar: prevent long labels from breaking layout ---------- */ .brand-text,.top h1,.sub,.user-chip,.actions{min-width:0} .brand-text,.user-chip{overflow-wrap:anywhere} /* ---------- 10. Medium screens: preserve navigation while reducing density ---------- */ @media (max-width:1100px){ .main{padding-left:18px;padding-right:18px} #dashboard.ceo-dashboard .ceo-focus{gap:12px} #dashboard.ceo-dashboard .ceo-chart-grid, #dashboard.ceo-dashboard .ceo-risk-grid, #dashboard.ceo-dashboard .ceo-control-grid{gap:14px} } /* ---------- 11. Mobile canonical layer: explicit, bounded, non-invasive ---------- */ @media (max-width:700px){ .main{min-width:0;overflow-x:hidden} .top{min-width:0} .top .actions{min-width:0;max-width:100%;overflow-x:auto;flex-wrap:nowrap} .top .actions .btn{flex:0 0 auto} .card,.corp-card,.panel,.ceo-panel,.premium-panel,.report-card, .compare-kpi,.diagnostic-card,.accident-kpi,.launch-card, .launch-list-card,.launch-hero-card,.automatic-action-panel,.generated-report{ max-width:100%; } #dashboard.ceo-dashboard .ceo-head, #dashboard.ceo-dashboard .executive-reading-guide, #dashboard.ceo-dashboard .ceo-focus, #dashboard.ceo-dashboard .ceo-decision, #dashboard.ceo-dashboard .ceo-chart-grid, #dashboard.ceo-dashboard .ceo-risk-grid, #dashboard.ceo-dashboard .ceo-control-grid, #dashboard.ceo-dashboard .diagnostic-band{ width:100%; max-width:100%; } #dashboard.ceo-dashboard .ceo-focus-card, #dashboard.ceo-dashboard .diagnostic-card, #dashboard.ceo-dashboard .ceo-panel, #dashboard.ceo-dashboard .outcome-box{ min-width:0; } #dashboard.ceo-dashboard .line-chart-wrap{max-width:100%;overflow:hidden} #dashboard.ceo-dashboard .risk-matrix-wrap{max-width:100%;overflow-x:auto} #inteligencia.intelligence-page .premium-panel, #inteligencia.intelligence-page .intel-feature-panel, #inteligencia.intelligence-page .ceo-panel{max-width:100%;} .launch-modal-backdrop .launch-modal{max-width:100%;} .launch-modal-body{min-width:0;overflow-x:hidden;} } @media (max-width:480px){ .main{padding-left:10px;padding-right:10px} .actions{gap:7px} .btn{min-height:42px} #dashboard.ceo-dashboard .ceo-head-main h2{overflow-wrap:anywhere} #dashboard.ceo-dashboard .diagnostic-band{gap:7px} #dashboard.ceo-dashboard .diagnostic-card{overflow:hidden} } @media (max-width:380px){ .main{padding-left:8px;padding-right:8px} #dashboard.ceo-dashboard .ceo-head{padding-left:13px;padding-right:13px} #dashboard.ceo-dashboard .ceo-focus-card{min-height:132px} } /* ---------- 12. Motion/accessibility ---------- */ @media (prefers-reduced-motion:reduce){ .page.active{animation:none} .btn,.card,.kpi,tbody tr{transition:none!important} } /* ---------- 13. Print: executive output stays clean ---------- */ @media print{ .sidebar,.top,.actions,.nav,.regional-page-switch{display:none!important} .main{margin:0;width:100%;max-width:none;padding:0} .page{display:none!important} #dashboard.page.active,#inteligencia.page.active,#relatorios.page.active{display:block!important} .card,.panel,.ceo-panel,.premium-panel{box-shadow:none!important;break-inside:avoid} } /* ===== V38 CSS LAYER 59 id="v34-41-regional-visual-polish-safe" ===== */ /* V34.41 — VISÃO REGIONAL • acabamento executivo seguro Somente CSS. Sem alterações de DOM, dados, eventos ou regras de negócio. */ #regional .regional-exec-kpi-grid > .regional-exec-kpi{ min-height:142px; } #regional .regional-exec-kpi-top i{ white-space:nowrap; } #regional .regional-exec-reading > div:first-child{ min-width:0; } #regional .regional-exec-reading h3, #regional .regional-exec-reading p{ overflow-wrap:anywhere; } #regional .regional-exec-panel-head > div{ min-width:0; } #regional .regional-exec-panel-head h3, #regional .regional-exec-panel-head small{ overflow-wrap:anywhere; } #regional .regional-accident-top-card{ min-width:0; } #regional .regional-accident-top-item:first-child{ background:linear-gradient(90deg,rgba(18,54,85,.035),transparent); } #regional .regional-accident-top-item:first-child .regional-accident-top-name{ font-weight:900; } #regional .regional-accident-top-item:first-child .regional-accident-top-count b{ font-size:16px; } #regional .regional-accident-top-count{ min-width:52px; } #regional .regional-compare-table th:first-child, #regional .regional-compare-table td:first-child{ padding-left:12px; } #regional .regional-compare-table th:last-child, #regional .regional-compare-table td:last-child{ padding-right:12px; } @media(max-width:700px){ #regional .regional-exec-kpi-grid > .regional-exec-kpi{min-height:0;} #regional .regional-accident-top-item{grid-template-columns:24px minmax(0,1fr) 58px;} } /* ===== V38 CSS LAYER 60 id="v34-42-sidebar-executive-polish" ===== */ /* V34.42 — SIDEBAR EXECUTIVE POLISH Ajuste exclusivamente visual. Não altera navegação, permissões ou comportamento. Objetivo: linguagem institucional premium, mais respiro e hierarquia sem redesenhar o produto. */ .sidebar{ padding-top:20px; background: linear-gradient(180deg,rgba(255,255,255,.018),transparent 22%), repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 1px,transparent 1px,transparent 29px), linear-gradient(200deg,var(--navy-950) 0%,#0b2038 56%,var(--navy-900) 100%); box-shadow:12px 0 38px rgba(3,14,26,.22); } .sidebar .brand{ padding-bottom:20px; margin-bottom:var(--space-4); } .sidebar .brand-mark{ width:46px;height:46px; border-radius:6px; background:linear-gradient(145deg,rgba(217,169,79,.16),rgba(217,169,79,.025) 72%); border-color:rgba(217,169,79,.48); box-shadow:0 7px 18px rgba(3,14,26,.30),inset 0 1px 0 rgba(255,255,255,.08); } .sidebar .nav{gap:3px} .sidebar .nav-group-label{ padding-top:16px; padding-bottom:7px; color:rgba(255,255,255,.38); letter-spacing:2.25px; } .sidebar .nav-group:first-child .nav-group-label{padding-top:1px} .sidebar .nav-group-label::after{ background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,.035)); } .sidebar .nav button{ min-height:42px; padding:10px 11px; border-left-width:2px; border-radius:0 8px 8px 0; color:rgba(255,255,255,.68); transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease; } .sidebar .nav button .ico-wrap{ width:20px;height:20px; border-radius:5px; transition:background .16s ease,box-shadow .16s ease; } .sidebar .nav button .ico{width:16px;height:16px} .sidebar .nav button:hover{ background:rgba(255,255,255,.045); transform:translateX(1px); } .sidebar .nav button.active{ background:linear-gradient(90deg,rgba(217,169,79,.14),rgba(217,169,79,.055) 68%,rgba(217,169,79,0)); border-left-color:var(--gold-light); box-shadow:inset 0 1px 0 rgba(255,255,255,.025),inset 0 -1px 0 rgba(255,255,255,.018); } .sidebar .nav button.active .ico-wrap{ background:rgba(217,169,79,.10); box-shadow:inset 0 0 0 1px rgba(217,169,79,.12); } .sidebar .nav button.active .ico{color:var(--gold-light)} .sidebar .creator-brand{ padding-top:13px; border-top-color:rgba(255,255,255,.10); } @media(max-width:700px){ .sidebar{ width:min(292px,86vw); padding:14px 12px; } .sidebar .brand{padding:2px 6px 16px;margin-bottom:7px} .sidebar .brand-mark{width:40px;height:40px;margin-right:11px} .sidebar .brand-text{font-size:11.5px;letter-spacing:1px} .sidebar .brand-text small{font-size:9px;letter-spacing:1.45px;opacity:.82} .sidebar .nav{gap:2px;padding-top:3px} .sidebar .nav-group-label{padding:12px 8px 6px;font-size:9.5px;letter-spacing:2px} .sidebar .nav button{min-height:44px;padding:9px 9px;border-radius:9px} .sidebar .nav button .ico-wrap{width:29px;height:29px;margin-right:7px;border-radius:7px} .sidebar .nav button .ico{width:15px;height:15px} .sidebar .nav button.active{box-shadow:inset 0 1px 0 rgba(255,255,255,.025),inset 0 -1px 0 rgba(255,255,255,.018)} } @media(max-width:380px){ .sidebar .nav button{min-height:42px} .sidebar .nav-group-label{padding-top:10px;padding-bottom:5px} } /* ===== V38 CSS LAYER 61 id="v34-46-sidebar-executive-refinement" ===== */ /* V34.46 — SIDEBAR EXECUTIVE REFINEMENT Refinamento visual profundo, sem alteração estrutural ou funcional. Princípios: menos ruído, dourado como acento, hierarquia tipográfica, proporção premium e consistência de navegação. */ .sidebar{ padding:20px 14px 16px 13px; background: radial-gradient(760px 430px at -18% -10%,rgba(46,111,242,.075),transparent 55%), radial-gradient(520px 360px at 108% 104%,rgba(217,169,79,.045),transparent 60%), linear-gradient(180deg,#071a2d 0%,#0a2036 50%,#081b2f 100%); border-right-color:rgba(217,169,79,.16); box-shadow:14px 0 36px rgba(3,14,26,.20); } /* Marca: assinatura institucional, sem excesso de ornamento */ .sidebar .brand{ padding:3px 6px 18px; gap:12px; margin-bottom:10px; } .sidebar .brand::after{ left:6px; right:6px; background:linear-gradient(90deg,rgba(217,169,79,.62),rgba(217,169,79,.18) 36%,rgba(255,255,255,.055) 70%,transparent 100%); } .sidebar .brand-mark{ width:46px; height:46px; border-radius:7px; background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(217,169,79,.045) 55%,rgba(255,255,255,.012)); border-color:rgba(217,169,79,.42); box-shadow:0 7px 18px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.075); } .sidebar .brand-mark::after{ inset:5px; border-color:rgba(255,255,255,.032); } .sidebar .brand-mark img{ width:75%; height:75%; filter:drop-shadow(0 2px 4px rgba(0,0,0,.22)); } .sidebar .brand-text{ font-size:12.6px; line-height:1.24; letter-spacing:1.05px; color:rgba(255,255,255,.91); } .sidebar .brand-text small, .sidebar .brand small{ margin-top:6px; font-size:8.2px; letter-spacing:1.48px; color:rgba(217,169,79,.88); } /* Grupos: mais editoriais e menos decorativos */ .sidebar .nav{ gap:2px; padding-top:1px; } .sidebar .nav-group{ margin:0 0 3px; } .sidebar .nav-group-label{ padding:14px 8px 6px; color:rgba(255,255,255,.34); font-size:8.7px; font-weight:750; letter-spacing:2.15px; } .sidebar .nav-group:first-child .nav-group-label{ padding-top:3px; } .sidebar .nav-group-label::before{ width:3px; height:3px; flex-basis:3px; background:rgba(217,169,79,.60); box-shadow:none; } .sidebar .nav-group-label::after{ background:linear-gradient(90deg,rgba(255,255,255,.085),rgba(255,255,255,.025)); } /* Navegação: texto protagonista, ícone como apoio */ .sidebar .nav button{ min-height:43px; padding:7px 9px 7px 7px; gap:10px; border-left-width:2px; border-radius:7px; color:rgba(239,244,248,.66); font-size:var(--fs-350); font-weight:570; letter-spacing:.02px; background:transparent; transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease; } .sidebar .nav button .ico-wrap{ width:27px; height:27px; margin-right:0; border-radius:6px; background:rgba(255,255,255,.018); border-color:rgba(255,255,255,.035); box-shadow:none; } .sidebar .nav button .ico{ width:15px; height:15px; color:rgba(222,233,241,.52); opacity:.84; } .sidebar .nav button:hover{ background:rgba(255,255,255,.032); color:rgba(255,255,255,.94); transform:translateX(1px); } .sidebar .nav button:hover .ico-wrap{ background:rgba(255,255,255,.038); border-color:rgba(255,255,255,.065); } .sidebar .nav button:hover .ico{ color:rgba(255,255,255,.88); opacity:1; transform:none; } /* Ativo: dourado reservado exclusivamente para estado */ .sidebar .nav button.active{ background:linear-gradient(90deg,rgba(217,169,79,.125),rgba(217,169,79,.045) 62%,transparent 100%); border-left-color:rgba(217,169,79,.92); color:#fff; box-shadow:inset 0 1px 0 rgba(255,255,255,.025); } .sidebar .nav button.active::after{ right:9px; width:3px; height:3px; background:rgba(217,169,79,.92); box-shadow:0 0 0 2px rgba(217,169,79,.065); } .sidebar .nav button.active .ico-wrap{ background:rgba(217,169,79,.075); border-color:rgba(217,169,79,.16); box-shadow:none; } .sidebar .nav button.active .ico{ color:rgba(217,169,79,.96); opacity:1; } .sidebar .nav button.active span{ font-weight:720; letter-spacing:.04px; } /* Rodapé: discreto, institucional e sem competir com a navegação */ .sidebar .creator-brand{ min-height:40px; margin:8px 2px 0; padding:10px 7px 3px 8px; gap:8px; border-top-color:rgba(255,255,255,.065); } .sidebar .creator-brand::before{ width:3px; height:3px; background:rgba(217,169,79,.72); box-shadow:none; } .sidebar .creator-brand-text{ gap:2px; } .sidebar .creator-brand-text span{ font-size:7.2px; letter-spacing:1.35px; color:rgba(255,255,255,.30); } .sidebar .creator-brand-text b{ font-size:9.6px; letter-spacing:.62px; color:rgba(255,255,255,.60); } /* Tablet/mobile: mantém a mesma linguagem sem comprimir o conteúdo */ @media(max-width:900px){ .sidebar{ padding:16px 8px; } } @media(max-width:700px){ .sidebar{ padding:14px 12px 15px; background: radial-gradient(620px 420px at -20% -10%,rgba(46,111,242,.065),transparent 54%), linear-gradient(180deg,#071a2d 0%,#0a2138 100%); } .sidebar .brand{ padding:3px 6px 16px; gap:11px; margin-bottom:7px; } .sidebar .brand-mark{ width:42px; height:42px; } .sidebar .brand-text{ font-size:11.3px; letter-spacing:.92px; } .sidebar .brand-text small, .sidebar .brand small{ font-size:8.1px; letter-spacing:1.25px; } .sidebar .nav-group-label{ padding:11px 8px 5px; font-size:8.8px; letter-spacing:2px; } .sidebar .nav button{ min-height:44px; padding:7px 9px; border-radius:8px; } .sidebar .nav button .ico-wrap{ width:29px; height:29px; margin-right:6px; } } @media(max-width:380px){ .sidebar .nav button{ min-height:42px; } } /* ===== V38 CSS LAYER 62 id="v37-03-shell-cascade-anchor" ===== */ /* V37.03 — CASCADE ANCHOR: reproduz os valores computados do V37.02 após retirar !important históricos. */ @media (max-width:700px){ body .sidebar{width:min(292px,86vw);padding:15px 12px 16px!important;} body .sidebar .brand{font-size:inherit;padding:2px 6px 16px;justify-content:flex-start;margin-bottom:7px;} body .sidebar .brand::after{left:6px;right:6px;} body .sidebar .brand-mark{margin:0 10px 0 0;width:42px;height:42px;flex:0 0 auto;} body .sidebar .brand-text{display:block;} body .sidebar .brand-text small{display:block;} body .sidebar .nav-group-label{display:block;padding:12px 8px 6px;font-size:9.5px;letter-spacing:2px;} body .sidebar .nav button{justify-content:flex-start;min-height:44px;padding:7px 9px;border-radius:8px;} body .sidebar .nav button span{display:inline;} body .sidebar .nav button .ico-wrap{width:29px;height:29px;margin-right:6px;} body .sidebar .creator-brand{display:block;margin-top:18px;} } @media (max-width:380px){ body .sidebar .nav button{min-height:42px;} body .sidebar .nav-group-label{padding-top:10px;padding-bottom:5px;} } /* ===== V38 CSS LAYER 63 id="v35-40-ux-audit-css" ===== */ /* Estado de atenção discreto: informa risco sem transformar a Central em uma tela de alerta. */ #saveState[data-ux-dirty="true"]{color:#8a5f12;font-weight:850} #saveState[data-ux-dirty="false"]{color:var(--muted)} @media(max-width:650px){ #saveState{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} } /* ===== V38 CSS LAYER 64 id="v3615-financial-decision" ===== */ /* V36.17 — CENTRAL COMMAND CENTER */ .cc517-command-center{margin:0 0 12px;border:1px solid #dfe7ed;border-radius:16px;background:#fff;box-shadow:0 9px 24px rgba(14,44,72,.055);overflow:hidden} .cc517-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;padding:15px 17px;border-bottom:1px solid #e8edf1;background:linear-gradient(120deg,#fbfcfd,#fff)} .cc517-kicker{display:block;font-size:7.5px;font-weight:950;letter-spacing:1.4px;color:#b58a2b}.cc517-head h3{margin:4px 0 3px;font-size:16px;color:#12324d}.cc517-head p{margin:0;max-width:900px;font-size:8.5px;line-height:1.45;color:#748394}.cc517-head p b{color:#42576b}.cc517-status-wrap{min-width:170px;text-align:right}.cc517-status-wrap span{display:block;font-size:6.8px;font-weight:900;letter-spacing:1px;color:#8995a2}.cc517-status-wrap b{display:block;margin-top:4px;font-size:12px;color:#1b7a56}.cc517-status-wrap small{display:block;margin-top:2px;font-size:7px;color:#8995a2} .cc517-grid{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:8px;padding:9px}.cc517-card{min-width:0;padding:11px 12px;border:1px solid #e7edf1;border-radius:12px;background:#fff}.cc517-card-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.cc517-card-head span{font-size:6.8px;font-weight:950;letter-spacing:1px;color:#8a96a2}.cc517-card-head b{padding:3px 6px;border-radius:999px;background:#f2f5f7;color:#617285;font-size:6.6px;font-weight:950}.cc517-card strong{display:block;margin-top:8px;font-size:12px;color:#12324d}.cc517-card p{margin:4px 0 0;font-size:7.8px;line-height:1.45;color:#7c8997}.cc517-facts{display:flex;gap:12px;margin-top:9px}.cc517-facts span{font-size:6.5px;color:#8995a2}.cc517-facts b{display:block;margin-top:2px;font-size:8px;color:#42576b}.cc517-list{display:grid;gap:5px;margin-top:8px}.cc517-list div{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:6px;align-items:center;padding:5px 6px;border-radius:7px;background:#f7f9fb}.cc517-list i{width:5px;height:5px;border-radius:50%;background:#b58a2b}.cc517-list b{font-size:7.5px;color:#334e64;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc517-list small{font-size:6.5px;color:#8b96a3}.cc517-focus-card{background:linear-gradient(135deg,#fbfaf6,#fff)}.cc517-action{margin-top:9px;border:1px solid #e4d4ad;border-radius:7px;background:#fff;padding:6px 8px;color:#76571d;font-size:7px;font-weight:900;cursor:pointer}.cc517-action span{margin-left:8px}.cc517-bottom-grid{display:grid;grid-template-columns:1.55fr 1fr .7fr;gap:8px;padding:0 9px 9px}.cc517-panel{min-width:0;border:1px solid #e7edf1;border-radius:12px;background:#fff;overflow:hidden}.cc517-panel-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding:10px 11px 8px;border-bottom:1px solid #edf1f4}.cc517-panel-head span{display:block;font-size:6.8px;font-weight:950;letter-spacing:1px;color:#b58a2b}.cc517-panel-head h4{margin:3px 0 2px;font-size:10px;color:#12324d}.cc517-panel-head small{display:block;font-size:7px;line-height:1.35;color:#8995a2}.cc517-panel-head>b{font-size:7px;color:#607286;background:#f2f5f7;border-radius:999px;padding:4px 6px;white-space:nowrap}.cc517-timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:6px;padding:9px}.cc517-day{padding:7px;border:1px solid #e8edf1;border-radius:8px;cursor:pointer;background:#fff}.cc517-day:hover{background:#f8fafb;border-color:#d8e1e7}.cc517-day-date{font-size:6.7px;font-weight:900;color:#7d8996}.cc517-day-total{margin-top:3px;font-size:14px;font-weight:950;color:#12324d}.cc517-day-meta{margin-top:2px;font-size:6.8px;color:#8995a2}.cc517-day-stores{margin-top:5px;font-size:6.7px;line-height:1.35;color:#52677a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc517-alerts{padding:0 10px 8px;max-height:190px;overflow:auto}.cc517-alert{padding:8px 0;border-bottom:1px solid #edf1f4}.cc517-alert:last-child{border-bottom:0}.cc517-alert-top{display:flex;justify-content:space-between;gap:6px}.cc517-alert-top span{padding:3px 5px;border-radius:5px;background:#f3f6f8;color:#637487;font-size:6.4px;font-weight:950}.cc517-alert-top span.critico{background:#f8e9e8;color:#a33d3d}.cc517-alert-top span.atencao{background:#fbf1df;color:#98661c}.cc517-alert b{font-size:7.5px;color:#334e64}.cc517-alert p{margin:3px 0 0;font-size:6.8px;line-height:1.35;color:#8995a2}.cc517-provenance-list{padding:4px 11px 10px}.cc517-provenance-list div{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid #edf1f4}.cc517-provenance-list div:last-child{border-bottom:0}.cc517-provenance-list span{font-size:6.6px;font-weight:900;letter-spacing:.6px;color:#8c98a4}.cc517-provenance-list b{font-size:7.3px;color:#334e64;text-align:right} @media(max-width:1050px){.cc517-grid,.cc517-bottom-grid{grid-template-columns:1fr 1fr}.cc517-bottom-grid>.cc517-provenance{grid-column:1/-1}}@media(max-width:700px){.cc517-head{flex-direction:column;align-items:stretch}.cc517-status-wrap{text-align:left}.cc517-grid,.cc517-bottom-grid{grid-template-columns:1fr}.cc517-bottom-grid>.cc517-provenance{grid-column:auto}.cc517-command-center{margin-left:0;margin-right:0}.cc517-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}} /* V36.17 — Central Command Center: governança, confiabilidade e rastreabilidade da base financeira. */ .fin-decision-panel{margin:0 0 10px}.fin-decision-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#e4e9ee}.fin-decision-card{padding:15px;background:#fff;min-height:118px;position:relative}.fin-decision-card>span{display:block;font-size:8px;letter-spacing:1px;font-weight:900;color:#8a96a3}.fin-decision-card>b{display:block;margin-top:8px;font-size:15px;line-height:1.2;color:#173b58}.fin-decision-card small{display:block;margin-top:5px;color:#7e8b99;font-size:9px;line-height:1.4;min-height:27px}.fin-decision-action{margin-top:9px;border:1px solid #d7e0e7;border-radius:7px;background:#f7fafc;color:#35566f;padding:6px 8px;font-size:8px;font-weight:900;cursor:pointer}.fin-decision-action:hover{background:#edf3f7;border-color:#b9c8d5}.fin-store-link{border:0;background:none;padding:0;text-align:left;cursor:pointer;font:inherit}.fin-store-link:hover{text-decoration:underline}.fin-decision-card:nth-child(1){border-left:3px solid #b7443e}.fin-decision-card:nth-child(2){border-left:3px solid #a67527}.fin-decision-card:nth-child(3){border-left:3px solid #315f7f}.fin-decision-card:nth-child(4){border-left:3px solid #2f7759} @media(max-width:950px){.fin-decision-grid{grid-template-columns:1fr 1fr}} @media(max-width:560px){.fin-decision-grid{grid-template-columns:1fr}} /* ===== V38 CSS LAYER 65 id="v3614-financial-trend" ===== */ /* V36.14 — Financial Trend: leitura temporal baseada na data real, sem alterar indicadores-base. */ .fin-trend-panel{margin-bottom:10px}.fin-trend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(1.2fr,1.6fr);gap:1px;background:#e6ebef}.fin-trend-kpi,.fin-trend-reading{min-height:92px;padding:15px;background:#fff}.fin-trend-kpi>span,.fin-trend-reading>span{display:block;font-size:8px;letter-spacing:1px;font-weight:900;color:#7d8996}.fin-trend-kpi>b{display:block;margin-top:8px;font-size:19px;line-height:1;color:#173b58}.fin-trend-kpi small,.fin-trend-reading small{display:block;margin-top:6px;color:#8793a0;font-size:8.5px;line-height:1.4}.fin-trend-direction b{color:#315f7f}.fin-trend-reading{background:#f8fafb}.fin-trend-reading b{display:block;margin-top:8px;color:#27485f;font-size:11px;line-height:1.3}.fin-trend-panel .fin-panel-tag{min-width:72px;text-align:center} @media(max-width:900px){.fin-trend-grid{grid-template-columns:1fr 1fr}.fin-trend-reading{grid-column:1/-1}} @media(max-width:560px){.fin-trend-grid{grid-template-columns:1fr}.fin-trend-reading{grid-column:auto}} /* ===== V38 CSS LAYER 66 id="v361-financial-command-center" ===== */ /* V36.14 — Financial Command Center: governança, tendência temporal e auditoria financeira navegável. */ .financial-command-page{--fin-navy:#0b2238;--fin-navy2:#123b5d;--fin-gold:#b8872d;--fin-line:#dfe7ee;--fin-soft:#f5f8fb;--fin-muted:#748295;--fin-green:#2f7759;--fin-red:#b7443e;--fin-amber:#a67527} .fin-page-hero{display:flex;justify-content:space-between;gap:28px;align-items:stretch;padding:24px 26px;border-radius:17px;background:linear-gradient(130deg,#071a2d 0%,#0b263f 58%,#123a59 100%);border:1px solid rgba(190,145,52,.32);box-shadow:0 16px 36px rgba(6,25,43,.16);color:#fff;margin-bottom:12px;overflow:hidden;position:relative}.fin-page-hero:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-130px;top:-180px;border:1px solid rgba(255,255,255,.07);box-shadow:0 0 0 34px rgba(255,255,255,.018),0 0 0 68px rgba(255,255,255,.014)}.fin-hero-main{position:relative;z-index:1}.fin-kicker,.fin-section-eyebrow{font-size:9px;font-weight:900;letter-spacing:1.45px;color:#b8872d}.fin-page-hero h2{margin:5px 0 5px;font-size:29px;letter-spacing:-.7px}.fin-page-hero p{margin:0;max-width:820px;font-size:11px;line-height:1.55;color:rgba(255,255,255,.72)}.fin-hero-rule{display:flex;align-items:center;gap:8px;margin-top:15px;font-size:8px;font-weight:900;letter-spacing:1px;color:rgba(255,255,255,.48)}.fin-hero-rule i{width:24px;height:1px;background:rgba(255,255,255,.15)}.fin-hero-side{position:relative;z-index:1;min-width:165px;padding:12px 0 12px 20px;border-left:1px solid rgba(255,255,255,.13);display:flex;flex-direction:column;justify-content:center;text-align:right}.fin-hero-side span{font-size:8px;letter-spacing:1.1px;color:rgba(255,255,255,.45);font-weight:900}.fin-hero-side b{margin-top:5px;font-size:18px}.fin-hero-side small{margin-top:4px;color:rgba(255,255,255,.48);font-size:9px} .fin-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:12px;padding:9px 11px;border:1px solid var(--fin-line);border-radius:11px;background:#fff;box-shadow:0 5px 15px rgba(12,39,62,.035)}.fin-filter-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.fin-filter-caption{margin-right:4px;font-size:8px;letter-spacing:1px;font-weight:900;color:#8a96a3}.fin-scope-btn{border:1px solid #dce4eb;background:#fff;color:#4d6073;border-radius:8px;padding:7px 10px;font-size:9px;font-weight:900;cursor:pointer}.fin-scope-btn:hover{border-color:#b9c8d5;background:#f7fafc}.fin-scope-btn.active{background:#102f4b;border-color:#102f4b;color:#fff;box-shadow:0 5px 12px rgba(16,47,75,.14)}.fin-toolbar-note{display:flex;align-items:center;gap:7px;color:#7e8a98;font-size:9px;white-space:nowrap}.fin-live-dot{width:6px;height:6px;border-radius:50%;background:#3f8967;box-shadow:0 0 0 4px rgba(63,137,103,.09)} .fin-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.fin-kpi{position:relative;min-height:93px;padding:15px 16px;background:#fff;border:1px solid var(--fin-line);border-radius:13px;box-shadow:0 6px 18px rgba(12,39,62,.04);overflow:hidden}.fin-kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#315d7f}.fin-kpi-recovered:before{background:var(--fin-green)}.fin-kpi-loss:before{background:var(--fin-red)}.fin-kpi-pending:before{background:var(--fin-amber)}.fin-kpi-label{font-size:8.5px;letter-spacing:1.05px;font-weight:900;color:#7b8795}.fin-kpi strong{display:block;margin-top:7px;font-size:24px;line-height:1;letter-spacing:-.45px;color:#123650}.fin-kpi-recovered strong{color:#286b50}.fin-kpi-loss strong{color:#a83c37}.fin-kpi-pending strong{color:#8a6824}.fin-kpi small{display:block;margin-top:5px;font-size:9px;color:#8793a0} .fin-quality-strip{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr) minmax(250px,.75fr);gap:14px;align-items:center;padding:13px 15px;margin-bottom:12px;border:1px solid #e3e9ee;border-radius:12px;background:linear-gradient(100deg,#fff,#f8fafc);box-shadow:0 5px 15px rgba(12,39,62,.03)}.fin-quality-main b{display:block;margin-top:3px;color:#173b58;font-size:13px}.fin-quality-main p{margin:4px 0 0;color:#7c8998;font-size:9.5px}.fin-quality-meter>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#84909e;font-weight:900;letter-spacing:.8px}.fin-quality-meter>div:first-child b{font-size:12px;color:#173b58}.fin-meter{height:7px;margin-top:7px;border-radius:99px;background:#e9eef2;overflow:hidden}.fin-meter i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#315f7f,#4a8067)}.fin-quality-note{padding-left:14px;border-left:1px solid #e5ebef}.fin-quality-note b{display:block;color:#455b6e;font-size:9px}.fin-quality-note span{display:block;margin-top:3px;color:#8a95a1;font-size:9px;line-height:1.4} .fin-grid-2{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:10px;margin-bottom:10px}.fin-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:10px}.fin-panel{background:#fff;border:1px solid var(--fin-line);border-radius:13px;box-shadow:0 6px 18px rgba(12,39,62,.035);overflow:hidden}.fin-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 15px 11px;border-bottom:1px solid #edf1f4}.fin-panel-head.compact{padding-bottom:9px}.fin-panel-head h3{margin:4px 0 2px;color:#173b58;font-size:13px;letter-spacing:.05px}.fin-panel-head small{display:block;color:#8793a0;font-size:9px;line-height:1.4}.fin-panel-tag{padding:5px 7px;border-radius:7px;background:#f1f5f8;color:#65788b;font-size:7.5px;font-weight:900;letter-spacing:.8px;white-space:nowrap}.fin-panel-meta{font-size:8.5px;color:#8995a1}.fin-composition{padding:17px 16px 8px}.fin-comp-row{margin-bottom:13px}.fin-comp-top{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#617285}.fin-comp-top b{font-size:10px;color:#183d5a}.fin-comp-track{height:12px;margin-top:6px;border-radius:99px;background:#edf1f4;overflow:hidden}.fin-comp-track i{display:block;height:100%;border-radius:99px}.fin-comp-track .rec{background:#3f8063}.fin-comp-track .loss{background:#b65b56}.fin-comp-track .pending{background:#c29b4b}.fin-composition-legend{display:flex;gap:16px;padding:0 16px 14px;font-size:8.5px;color:#7e8b99}.fin-composition-legend span{display:flex;align-items:center;gap:5px}.fin-composition-legend i{width:7px;height:7px;border-radius:50%;display:inline-block}.dot-recovered{background:#3f8063}.dot-loss{background:#b65b56}.dot-pending{background:#c29b4b} .fin-executive-reading{padding:13px 15px;display:grid;gap:7px}.fin-reading-item{padding:10px 11px;border:1px solid #e5eaee;border-left:3px solid #456a84;border-radius:9px;background:#f8fafb}.fin-reading-item.warn{border-left-color:#b65b56;background:#fff8f7}.fin-reading-item.good{border-left-color:#3f8063;background:#f5faf7}.fin-reading-item b{display:block;color:#27485f;font-size:10px}.fin-reading-item span{display:block;margin-top:3px;color:#778595;font-size:9px;line-height:1.45} .fin-stat-panel{min-height:150px}.fin-big-stat{padding:16px 15px 10px}.fin-big-stat b{display:block;font-size:25px;line-height:1;color:#173b58;letter-spacing:-.45px}.fin-big-stat span{display:block;margin-top:5px;color:#8793a0;font-size:9px}.fin-stat-foot{display:flex;justify-content:space-between;align-items:center;margin:0 15px;padding:9px 0 13px;border-top:1px solid #edf1f4;color:#8894a1;font-size:8.5px}.fin-stat-foot b{color:#38546a;font-size:9.5px} .fin-ranking-panel{margin-bottom:10px}.fin-ranking-controls select{height:31px;border:1px solid #dce4eb;border-radius:8px;background:#fff;color:#43576b;padding:0 28px 0 9px;font-size:9px;font-weight:800}.fin-ranking-table-wrap{overflow:auto}.fin-ranking-table{width:100%;min-width:880px;border-collapse:collapse}.fin-ranking-table th{padding:9px 10px;background:#f7f9fb;border-bottom:1px solid #e5eaee;color:#7d8996;font-size:8px;letter-spacing:.65px;text-align:left;white-space:nowrap}.fin-ranking-table td{padding:10px;border-bottom:1px solid #edf1f4;color:#42566a;font-size:9.5px;white-space:nowrap}.fin-ranking-table tr:last-child td{border-bottom:0}.fin-ranking-table td.num,.fin-ranking-table th.num{text-align:right}.fin-rank-num{display:grid;place-items:center;width:21px;height:21px;border-radius:6px;background:#f1f4f7;color:#657589;font-weight:900}.fin-ranking-table tbody tr:first-child .fin-rank-num{background:#123b5d;color:#fff}.fin-store{font-weight:900;color:#173b58}.fin-loss-cell{font-weight:900;color:#ad3f3a}.fin-rec-cell{font-weight:900;color:#347457}.fin-share{font-weight:900;color:#4c6478}.fin-rate{font-weight:900;color:#3d7259} .fin-lower-grid{margin-bottom:10px}.fin-daily-chart{height:210px;padding:17px 15px 11px;display:flex;align-items:flex-end;gap:5px;overflow:hidden}.fin-day-bar{flex:1;min-width:8px;display:flex;align-items:flex-end;height:100%;position:relative}.fin-day-bar i{display:block;width:100%;min-height:2px;border-radius:4px 4px 1px 1px;background:linear-gradient(180deg,#6b8aa1,#183d5a)}.fin-day-bar:hover i{filter:brightness(1.08)}.fin-day-bar span{position:absolute;left:50%;bottom:-1px;transform:translate(-50%,100%);font-size:7px;color:#8995a2}.fin-chart-axis{padding:0 15px 10px;display:flex;justify-content:space-between;color:#9aa4af;font-size:7.5px}.fin-event-list{padding:4px 12px 8px}.fin-event{display:grid;grid-template-columns:25px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 4px;border-bottom:1px solid #edf1f4}.fin-event:last-child{border-bottom:0}.fin-event-rank{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:#f2f5f7;color:#68798b;font-size:8px;font-weight:900}.fin-event:first-child .fin-event-rank{background:#123b5d;color:#fff}.fin-event-name{font-size:9.5px;font-weight:900;color:#36536a}.fin-event-meta{margin-top:2px;font-size:8px;color:#8995a2}.fin-event-value{text-align:right}.fin-event-value b{display:block;color:#ad3f3a;font-size:11px}.fin-event-value small{display:block;margin-top:2px;color:#8995a2;font-size:7.5px} .fin-regional-panel{margin-bottom:10px}.fin-regional-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:10px}.fin-regional-card{border:1px solid #e5ebef;border-radius:10px;background:#fbfcfd;padding:11px}.fin-regional-card-head{display:flex;justify-content:space-between;gap:8px}.fin-regional-card-head b{font-size:9.5px;color:#173b58}.fin-regional-card-head span{font-size:7.5px;color:#8793a0;font-weight:900}.fin-regional-total{margin-top:9px;font-size:18px;font-weight:900;color:#173b58}.fin-regional-total small{font-size:8px;color:#8995a2;font-weight:700}.fin-regional-mini{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}.fin-regional-mini div{padding:7px 8px;border-radius:7px;background:#f3f6f8}.fin-regional-mini span{display:block;font-size:7px;color:#8995a2;letter-spacing:.5px}.fin-regional-mini b{display:block;margin-top:3px;font-size:9px;color:#3b556b}.fin-empty{padding:22px;text-align:center;color:#8995a2;font-size:9px}.fin-methodology{display:grid;grid-template-columns:260px 1fr;gap:18px;padding:14px 16px;border:1px solid #e2e8ed;border-radius:12px;background:#f8fafb}.fin-methodology h3{margin:4px 0 0;font-size:12px;color:#173b58}.fin-method-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.fin-method-grid>div{padding:9px 10px;border:1px solid #e3e9ed;border-radius:8px;background:#fff}.fin-method-grid b{display:block;font-size:8.5px;color:#425a6f}.fin-method-grid span{display:block;margin-top:4px;font-size:8px;line-height:1.4;color:#8995a2} @media(max-width:1000px){.fin-kpi-grid{grid-template-columns:repeat(2,1fr)}.fin-quality-strip{grid-template-columns:1fr 1fr}.fin-quality-note{border-left:0;border-top:1px solid #e5ebef;padding:8px 0 0}.fin-grid-2{grid-template-columns:1fr}.fin-grid-3{grid-template-columns:repeat(3,1fr)}.fin-methodology{grid-template-columns:1fr}.fin-method-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:700px){.fin-page-hero{flex-direction:column;padding:19px}.fin-hero-side{border-left:0;border-top:1px solid rgba(255,255,255,.12);padding:11px 0 0;text-align:left}.fin-toolbar{align-items:flex-start;flex-direction:column}.fin-toolbar-note{display:none}.fin-kpi-grid{grid-template-columns:1fr}.fin-quality-strip{grid-template-columns:1fr}.fin-grid-3{grid-template-columns:1fr}.fin-regional-grid{grid-template-columns:1fr}.fin-method-grid{grid-template-columns:1fr 1fr}.fin-hero-rule{flex-wrap:wrap}} @media print{.financial-command-page .fin-page-hero{box-shadow:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}.fin-panel,.fin-kpi,.fin-quality-strip{box-shadow:none}.fin-toolbar{display:none}.fin-ranking-table-wrap{overflow:visible}.fin-ranking-table{min-width:0}.fin-methodology{break-inside:avoid}} .fin-command-strip{display:grid;grid-template-columns:1.05fr 1fr 1fr 1.2fr;gap:10px;margin:12px 0 14px}.fin-command-card{min-width:0;border:1px solid var(--fin-line);border-radius:14px;background:linear-gradient(180deg,#fff,#f8fafc);padding:14px 16px;box-shadow:0 7px 20px rgba(10,38,58,.045)}.fin-command-card>span{display:block;color:var(--fin-muted);font-size:9px;letter-spacing:1.15px;font-weight:900}.fin-command-card>strong{display:block;color:var(--fin-navy);font-size:22px;letter-spacing:-.5px;margin-top:7px;line-height:1.05}.fin-command-card>small{display:block;color:var(--fin-muted);font-size:10px;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fin-command-health{background:linear-gradient(135deg,#0b2238,#123b5d);border-color:#123b5d}.fin-command-health>span,.fin-command-health>small{color:rgba(255,255,255,.68)}.fin-command-health>strong{color:#fff;font-size:30px}.fin-command-priority{border-left:3px solid var(--fin-gold)}.financial-command-page[data-fin-access="store"] .fin-command-strip{grid-template-columns:repeat(4,1fr)}.financial-command-page[data-fin-access="none"] .fin-command-strip{opacity:.65}@media(max-width:900px){.fin-command-strip{grid-template-columns:1fr 1fr}}@media(max-width:560px){.fin-command-strip{grid-template-columns:1fr}.fin-command-card>strong{font-size:20px}} .fin-drill-btn{border:1px solid #d9e2ea;background:#fff;color:#23415c;border-radius:8px;padding:6px 9px;font-size:10px;font-weight:900;cursor:pointer}.fin-drill-btn:hover{background:#f4f7fa}.fin-event{cursor:pointer}.fin-event:hover{background:#f7fafc}.fin-store-detail{display:grid;gap:10px}.fin-store-detail-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-end;padding:14px;border:1px solid #dfe7ee;border-radius:12px;background:#f7fafc}.fin-store-detail-head b{font-size:17px;color:#16334d}.fin-store-detail-head span{font-size:10px;color:#77879a;font-weight:800;letter-spacing:.08em}.fin-store-detail-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.fin-store-detail-kpi{padding:11px;border:1px solid #e2e8ee;border-radius:10px;background:#fff}.fin-store-detail-kpi span{display:block;font-size:9px;color:#8190a0;font-weight:900;letter-spacing:.07em}.fin-store-detail-kpi b{display:block;margin-top:4px;font-size:13px;color:#213b54}.fin-store-events{border:1px solid #e2e8ee;border-radius:12px;overflow:hidden}.fin-store-event{display:grid;grid-template-columns:58px 1fr auto auto;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid #edf1f4}.fin-store-event:last-child{border-bottom:0}.fin-store-event small{color:#8390a0;font-weight:800}.fin-store-event b{color:#243f58;font-size:11px}.fin-store-event .bad{color:#a53a32}.fin-store-event .good{color:#2d7350}.fin-store-empty{padding:18px;text-align:center;color:#8794a3;font-size:11px}@media(max-width:700px){.fin-store-detail-kpis{grid-template-columns:1fr 1fr}.fin-store-event{grid-template-columns:48px 1fr;}.fin-store-event .fin-drill-btn,.fin-store-event strong{grid-column:2;justify-self:start}} /* ===== V38 CSS LAYER 67 id="v3619-enterprise-design-governance" ===== */ /* V36.19 — camada aditiva. Não substitui regras legadas nem remove !important. */ :root{ --ent-space-1:4px;--ent-space-2:8px;--ent-space-3:12px;--ent-space-4:16px;--ent-space-5:20px;--ent-space-6:24px;--ent-space-7:32px; --ent-radius-sm:8px;--ent-radius-md:12px;--ent-radius-lg:16px;--ent-radius-xl:20px; --ent-shadow-sm:0 1px 2px rgba(15,23,42,.05);--ent-shadow-md:0 8px 24px rgba(15,23,42,.08);--ent-shadow-lg:0 16px 40px rgba(15,23,42,.10); --ent-state-ok:#15803d;--ent-state-attention:#b45309;--ent-state-critical:#b91c1c;--ent-state-neutral:#475569;--ent-state-offline:#64748b; } .ent-status{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap} .ent-status::before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 12%,transparent)} .ent-status[data-state="ok"]{color:var(--ent-state-ok)}.ent-status[data-state="attention"]{color:var(--ent-state-attention)}.ent-status[data-state="critical"]{color:var(--ent-state-critical)}.ent-status[data-state="neutral"]{color:var(--ent-state-neutral)}.ent-status[data-state="offline"]{color:var(--ent-state-offline)} .ent-panel{border-radius:var(--ent-radius-lg);box-shadow:var(--ent-shadow-sm)} @media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}} /* ===== V38 CSS LAYER 68 id="v3616-financial-governance" ===== */ /* V36.16 — Financial Governance & Evidence. Camada somente leitura; preserva motor e indicadores-base. */ .fin-governance-panel{margin:0 0 10px}.fin-gov-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#e3e9ee}.fin-gov-card{padding:14px 15px;background:#fff;min-height:82px}.fin-gov-card>span,.fin-gov-summary>span{display:block;font-size:8px;letter-spacing:1px;font-weight:900;color:#7d8996}.fin-gov-card>b{display:block;margin-top:7px;font-size:18px;line-height:1;color:#173b58}.fin-gov-card small{display:block;margin-top:5px;color:#8793a0;font-size:8.5px;line-height:1.35}.fin-gov-bottom{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1px;background:#e3e9ee}.fin-gov-summary,.fin-gov-issues{padding:13px 15px;background:#f8fafb}.fin-gov-summary>b{display:block;margin-top:6px;color:#27485f;font-size:11px}.fin-gov-summary>small{display:block;margin-top:4px;color:#8793a0;font-size:8.5px;line-height:1.4}.fin-gov-issues{display:grid;grid-template-columns:1fr 1fr;gap:6px}.fin-gov-issue{padding:8px 9px;border:1px solid #e2e8ed;border-radius:8px;background:#fff}.fin-gov-issue b{display:block;color:#425a6e;font-size:8.5px}.fin-gov-issue span{display:block;margin-top:3px;color:#8a96a3;font-size:8px}.fin-gov-status-good{color:#2f7759!important}.fin-gov-status-warn{color:#a67527!important}.fin-gov-status-bad{color:#b7443e!important} @media(max-width:850px){.fin-gov-grid{grid-template-columns:1fr 1fr}.fin-gov-bottom{grid-template-columns:1fr}} @media(max-width:560px){.fin-gov-grid{grid-template-columns:1fr}.fin-gov-issues{grid-template-columns:1fr}} /* ===== V38 CSS LAYER 69 id="v3621-responsive-hardening" ===== */ :root{ --ui-sidebar-w:252px; --ui-mobile-break:700px; --ui-content-max:1620px; } /* 01 — Base: o conteúdo nunca usa a largura da viewport como largura visual. */ html,body{max-width:100%;overflow-x:hidden} *,*::before,*::after{box-sizing:border-box} .app{width:100%;min-width:0} .page,.card,.panel,.corp-card,.premium-panel,.ceo-panel,.report-card, .launch-card,.launch-list-card,.launch-hero-card,.diagnostic-card, .accident-kpi,.compare-kpi,.generated-report{min-width:0} /* 02 — Telas grandes: centraliza a área útil DENTRO do espaço à direita do menu. Evita o efeito de "aplicação colada à esquerda" em monitores 2K/4K. */ .main{ margin-left:var(--ui-sidebar-w); margin-right:0; width:min(calc(100% - var(--ui-sidebar-w)),var(--ui-content-max)); max-width:var(--ui-content-max); min-width:0; box-sizing:border-box; } @media (min-width:1874px){ .main{ margin-left:max(var(--ui-sidebar-w),calc(var(--ui-sidebar-w) + (100vw - var(--ui-sidebar-w) - var(--ui-content-max))/2)); } } /* 03 — Entre desktop e notebook: mantém a composição sem esmagar os painéis. */ @media (min-width:701px) and (max-width:1100px){ .main{width:calc(100% - var(--ui-sidebar-w));max-width:none} .grid,.kpis,.cols{min-width:0} .grid > *, .kpis > *, .cols > *{min-width:0} } /* 04 — Todos os grids/flex relevantes podem encolher sem criar overflow invisível. */ .grid > *, [class*="-grid"] > *, [class*="-strip"] > *, [class*="-row"] > *, .flex-row > *, .top > *, .actions > *{min-width:0} /* Textos longos nunca empurram o layout horizontalmente. */ .card h1,.card h2,.card h3,.card h4,.card h5, .panel h1,.panel h2,.panel h3,.panel h4,.panel h5, .ceo-panel h1,.ceo-panel h2,.ceo-panel h3,.ceo-panel h4, .premium-panel h1,.premium-panel h2,.premium-panel h3,.premium-panel h4, button,.btn,label,.sub,.section-note,.section-head p,.panel-head span{ overflow-wrap:anywhere; } /* 05 — Imagens, SVG e canvas respeitam a largura do componente-pai. */ img,svg,canvas,video{max-width:100%} canvas{height:auto} /* 06 — Tabelas grandes: continuam completas, mas o scroll fica no bloco correto. */ .table-wrap,.table-responsive,.report-table-wrap,.audit-table-wrap, .ranking-table-wrap,.launch-table-wrap,.risk-matrix-wrap, [class*="table-wrap"],[class*="table-responsive"]{ max-width:100%; overflow-x:auto; overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch; } /* 07 — Mobile: uma única coluna de navegação + conteúdo integral da viewport. */ @media (max-width:700px){ html,body{width:100%;max-width:100%;overflow-x:hidden} body{min-width:0} .app{display:block;width:100%;min-width:0} .main{ margin:0!important; width:100%!important; max-width:none!important; min-width:0!important; padding-left:10px!important; padding-right:10px!important; overflow-x:hidden; } .page{width:100%;max-width:100%;min-width:0!important;overflow:visible} /* Cabeçalho: evita ações espremidas ou vazando pela lateral. */ .top{width:100%;max-width:100%;min-width:0!important} .top-title-row,.context-row,.action-row{min-width:0;max-width:100%} .top .actions{min-width:0;max-width:100%;overflow-x:auto;scrollbar-width:none} .top .actions::-webkit-scrollbar{display:none} .top .actions .btn{flex:0 0 auto;min-width:0} /* Cards: nunca mais um filho com largura implícita estoura o card. */ .card,.panel,.corp-card,.premium-panel,.ceo-panel,.report-card, .launch-card,.launch-list-card,.launch-hero-card,.diagnostic-card, .accident-kpi,.compare-kpi,.generated-report{ width:100%;max-width:100%;min-width:0!important; } /* Grades executivas: prioriza leitura. */ #dashboard.ceo-dashboard .ceo-head, #dashboard.ceo-dashboard .executive-reading-guide, #dashboard.ceo-dashboard .ceo-focus, #dashboard.ceo-dashboard .ceo-decision, #dashboard.ceo-dashboard .ceo-chart-grid, #dashboard.ceo-dashboard .ceo-risk-grid, #dashboard.ceo-dashboard .ceo-control-grid, #dashboard.ceo-dashboard .diagnostic-band, #inteligencia.intelligence-page .premium-grid, #inteligencia.intelligence-page .intel-diagnosis-grid, #inteligencia.intelligence-page .intel-direction-grid, #inteligencia.intelligence-page .action-plan-grid, #inteligencia.intelligence-page .insights-grid, #inteligencia.intelligence-page .intel-signals-grid, #inteligencia.intelligence-page .method-grid{ width:100%;max-width:100%;min-width:0; } /* KPIs continuam compactos em duas colunas; em aparelhos muito estreitos passam para uma coluna para evitar números/labels ilegíveis. */ .kpis{width:100%;max-width:100%;min-width:0} .kpis > *{min-width:0} /* Inputs: área de toque confortável sem ultrapassar o card. */ input,select,textarea,button{max-width:100%} input,select,textarea{min-width:0} /* Elementos de estado e badges não criam uma segunda largura de página. */ .badge,.status,.ent-status,.user-chip,.system-status,.period-control, .save-state{max-width:100%;min-width:0} /* Tabelas: não quebramos colunas; o usuário desliza apenas dentro da tabela. */ .table-wrap,.table-responsive,.report-table-wrap,.audit-table-wrap, .ranking-table-wrap,.launch-table-wrap,.risk-matrix-wrap, [class*="table-wrap"],[class*="table-responsive"]{ width:100%;max-width:100%;overflow-x:auto!important; } table{max-width:none} /* Modais: nunca podem exceder a viewport. */ .launch-modal-backdrop{max-width:100vw;box-sizing:border-box} .launch-modal-backdrop .launch-modal{ width:min(100%,calc(100vw - 16px))!important; max-width:calc(100vw - 16px)!important; box-sizing:border-box; } } @media (max-width:420px){ .main{padding-left:8px!important;padding-right:8px!important} .top{padding:12px!important} .kpis{grid-template-columns:1fr!important;gap:9px!important} #dashboard .executive-reading-guide{grid-template-columns:1fr!important} .action-row{grid-template-columns:1fr!important} } @media (max-width:360px){ .main{padding-left:6px!important;padding-right:6px!important} .top{padding:10px!important} .mobile-toolbar{gap:7px} .mobile-menu-btn{width:36px;height:36px;flex-basis:36px} } /* 08 — Safe area para iPhone/Android com recorte físico de tela. */ @supports (padding:max(0px)){ @media (max-width:700px){ .main{padding-left:max(8px,env(safe-area-inset-left))!important;padding-right:max(8px,env(safe-area-inset-right))!important} } } /* ===== V38 CSS LAYER 70 id="v36-22-ipe-layout-final" ===== */ /* V36.22 — IPE LAYOUT FINAL / RESPONSIVE CONTAINER FIX Problema corrigido: o cartão IPE podia permanecer em 4 colunas mesmo quando a largura REAL do conteúdo já era pequena. Isso comprimía score, título e os quatro componentes. Esta camada atua pela largura do painel, não apenas pela largura da janela. Somente layout/visual; #dashboard.ceo-dashboard .ice-mini-components{ grid-template-columns:repeat(4,minmax(0,1fr))!important; min-width:0!important; gap:7px!important; } #dashboard.ceo-dashboard .ice-mini-components .ice-component{ min-width:0!important; box-sizing:border-box!important; padding:7px 6px!important; } #dashboard.ceo-dashboard .ice-mini-components .ice-component strong{ min-width:0!important; font-size:10px!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #dashboard.ceo-dashboard .ice-mini-components .ice-component b{ font-size:13px!important; } /* Quando a largura interna do bloco cai, o IPE ganha uma linha inteira. Isto corrige notebooks, zoom 125/150%, split-screen e webviews estreitas. */ @container (max-width:1120px){ #dashboard.ceo-dashboard .ceo-focus{ } #dashboard.ceo-dashboard .ceo-focus-card.ice-focus{ } } @container (max-width:700px){ #dashboard.ceo-dashboard .ice-mini-components{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } } /* Fallback para navegadores sem container queries. */ @media (max-width:1250px){ #dashboard.ceo-dashboard .ceo-focus{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } #dashboard.ceo-dashboard .ceo-focus-card.ice-focus{ grid-column:1/-1!important; } } @media (max-width:700px){ #dashboard.ceo-dashboard .ice-mini-components{grid-template-columns:repeat(2,minmax(0,1fr))!important} } /* Ajuste executivo — Etapa 03 DOCUMENTAÇÃO: cartões mais compactos e proporcionais. */ #lancamentos .launch-doc-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } #lancamentos .launch-doc-option{ min-height:38px!important; height:38px; box-sizing:border-box; padding:7px 9px!important; gap:8px; border-radius:8px!important; font-size:10.5px!important; line-height:1.2; } #lancamentos .launch-doc-option span{ min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #lancamentos .launch-doc-option select{ flex:0 0 104px; width:104px!important; min-height:30px!important; height:30px!important; padding:5px 7px!important; border-radius:7px!important; font-size:10.5px!important; } #lancamentos .launch-doc-option.checked{ box-shadow:inset 2px 0 0 #2e6ff2!important; } @media(max-width:650px){ #lancamentos .launch-doc-grid{grid-template-columns:1fr;gap:7px} #lancamentos .launch-doc-option{height:40px;min-height:40px!important} #lancamentos .launch-doc-option select{flex-basis:96px;width:96px!important} } /* ===== V38 CSS LAYER 71 id="v37-08-universal-context-bar" ===== */ .v37-context-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;margin:0 0 12px;border:1px solid #e3e9ef;border-radius:12px;background:linear-gradient(180deg,#fff,#f9fbfc);box-shadow:0 4px 14px rgba(8,47,75,.035);box-sizing:border-box;position:relative;z-index:2} .v37-context-copy{min-width:0}.v37-context-copy span{display:block;font-size:8px;font-weight:900;letter-spacing:1.15px;color:#8794a2}.v37-context-copy b{display:block;margin-top:2px;font-size:11px;color:#17364f}.v37-context-copy small{display:block;margin-top:2px;font-size:9px;color:#7b8997} .v37-context-switch{display:flex;gap:3px;padding:3px;background:#f1f5f8;border-radius:8px;flex:0 0 auto}.v37-context-switch button{border:0;background:transparent;color:#687788;border-radius:6px;padding:6px 12px;font-size:10px;font-weight:900;cursor:pointer;min-height:28px}.v37-context-switch button[aria-pressed="true"]{background:#12324d;color:#fff}.v37-context-switch button:focus-visible{outline:2px solid #6d9bc1;outline-offset:2px} @media(max-width:700px){.v37-context-bar{align-items:flex-start;flex-direction:column}.v37-context-switch{width:100%;overflow-x:auto}.v37-context-switch button{flex:1 0 auto;min-width:64px}} /* ===== V38.01 VISUAL GOVERNANCE — cirurgia 01 ===== /* Objetivo: coerência fina sem redesenhar componentes aprovados. */ :root{ --vg-content-max:1600px; --vg-focus-ring:0 0 0 3px rgba(46,111,242,.14); } /* Evita que blocos executivos encostem nas bordas em larguras intermediárias. */ .dashboard-section,.page-section,.content-section,.regional-page,.financial-command-page{ min-width:0; } /* Títulos e metadados longos nunca devem provocar overflow horizontal. */ .card h1,.card h2,.card h3,.panel h1,.panel h2,.panel h3, .ceo-panel h1,.ceo-panel h2,.ceo-panel h3, .section-head h3,.panel-head h4{ min-width:0; overflow-wrap:anywhere; } /* Microcoerência: controles interativos mantêm a mesma transição sem alterar dimensões. */ button,.btn,select,input,textarea{transition:var(--transition);} /* Não altera o foco já definido; apenas dá fallback consistente onde não há sombra. */ button:focus-visible,.btn:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{ outline-color:var(--blue); } @media(max-width:700px){ .dashboard-section,.page-section,.content-section,.regional-page,.financial-command-page{min-width:0;max-width:100%;} } /* ========================================================== V38.03 — EXECUTIVE HEADER + KPI CANONICAL LAYER Surgical consolidation: visual-only, dashboard-scoped. Preserves existing palette, markup and behavior. ========================================================== */ #dashboard.ceo-dashboard{ --ceo-gap:12px; --ceo-radius:15px; --ceo-card-shadow:0 7px 20px rgba(7,34,54,.045); } #dashboard .ceo-head{ padding:24px 26px; border-radius:18px; box-shadow:0 14px 34px rgba(6,25,43,.12); } #dashboard .ceo-head-main{min-width:0} #dashboard .ceo-head h2{ font-size:clamp(24px,2.05vw,32px)!important; letter-spacing:-.65px!important; } #dashboard .ceo-head p{max-width:680px;line-height:1.55} #dashboard .ceo-head-meta{gap:8px} #dashboard .ceo-meta-status,#dashboard .ceo-meta-period{ min-width:154px; padding:12px 14px; border-radius:10px; } #dashboard .ceo-focus{ grid-template-columns:minmax(260px,1.42fr) repeat(3,minmax(0,1fr)); gap:var(--ceo-gap); margin-top:var(--ceo-gap); } #dashboard .ceo-focus-card{ min-width:0; min-height:148px!important; padding:17px 18px!important; border-radius:var(--ceo-radius)!important; box-shadow:var(--ceo-card-shadow)!important; } #dashboard .ceo-focus-card .ceo-label{ line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #dashboard .ceo-focus-card .focus-number{ margin-top:14px!important; font-size:clamp(28px,2.4vw,38px)!important; letter-spacing:-1.15px!important; line-height:1!important; } #dashboard .ceo-focus-card .focus-sub{ margin-top:6px!important; line-height:1.4!important; } #dashboard .ceo-focus-card .focus-secondary{ margin-top:12px!important; padding-top:8px; } #dashboard .ceo-focus-card .focus-meter{ margin-top:14px!important; } #dashboard .ice-focus-row{gap:12px;margin-top:12px} #dashboard .ice-focus-score{ flex:0 0 76px; width:76px; height:76px; border-radius:13px!important; } #dashboard .ice-focus-copy{min-width:0} #dashboard .ice-focus-copy strong, #dashboard .ice-focus-copy span{overflow-wrap:anywhere} #dashboard .ice-mini-components{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; margin-top:11px; } #dashboard .ice-mini-components .ice-component{min-width:0} #dashboard .decision-main,#dashboard .decision-side{ border-radius:var(--ceo-radius)!important; min-height:190px!important; } #dashboard .decision-main{box-shadow:0 10px 24px rgba(7,31,50,.10)!important} #dashboard .decision-side{box-shadow:var(--ceo-card-shadow)!important} /* Keep the compact hierarchy on narrower desktop widths. */ @media (max-width:1150px){ #dashboard .ceo-focus{grid-template-columns:1.35fr 1fr 1fr} #dashboard .ceo-focus-card:last-child{grid-column:auto!important} } @media (max-width:850px){ #dashboard .ceo-head{padding:21px 22px} #dashboard .ceo-focus{grid-template-columns:1fr 1fr!important} #dashboard .ceo-focus-card.ice-focus{grid-column:1/-1} } @media (max-width:560px){ #dashboard .ceo-head{padding:20px 18px;border-radius:15px} #dashboard .ceo-focus{grid-template-columns:1fr!important;gap:10px} #dashboard .ceo-focus-card, #dashboard .ceo-focus-card.ice-focus{min-height:140px!important} #dashboard .ceo-focus-card.ice-focus{grid-column:auto} #dashboard .ice-focus-score{flex-basis:70px;width:70px;height:70px} } /* ========================================================== V38.07 — CEO HEAD / HEADER EXECUTIVO CANONICAL CONTRACT Surgical consolidation only. Keeps the established visual result and responsive breakpoints; removes declarations that were provably superseded by the later dashboard contract. ========================================================== */ #dashboard.ceo-dashboard .ceo-head{ width:100%; max-width:100%; min-width:0; } #dashboard.ceo-dashboard .ceo-head-main{ min-width:0; } #dashboard.ceo-dashboard .ceo-head-meta{ min-width:0; } /* ========================================================== V38.04 — DASHBOARD COMPOSITION / VERTICAL RHYTHM Surgical visual layer. No markup, JS, data, permissions or Supabase behavior changes. Establishes one reading cadence across the executive dashboard without redesigning components. ========================================================== */ #dashboard.ceo-dashboard{ --exec-section-gap:14px; --exec-section-gap-lg:20px; } /* The dashboard now reads as one continuous executive narrative: context → headline → KPIs → decision → evidence → diagnosis → risk → control. */ #dashboard.ceo-dashboard > #regionalExecutiveView{margin-bottom:10px!important;} #dashboard.ceo-dashboard > #centralTimeline{margin-bottom:12px!important;} #dashboard.ceo-dashboard > .ceo-head{margin-bottom:14px!important;} #dashboard.ceo-dashboard > .executive-reading-guide{margin-bottom:14px!important;} #dashboard.ceo-dashboard > .ceo-focus{margin-top:0!important;margin-bottom:16px!important;} #dashboard.ceo-dashboard > .ceo-decision{margin-top:0!important;margin-bottom:18px!important;} #dashboard.ceo-dashboard > .ceo-section-title{margin-top:0!important;margin-bottom:10px!important;} #dashboard.ceo-dashboard > .ceo-chart-grid{margin-top:0!important;margin-bottom:18px!important;} #dashboard.ceo-dashboard > .diagnostic-band{margin-top:0!important;margin-bottom:18px!important;} #dashboard.ceo-dashboard > .accident-executive-panel{margin-top:0!important;margin-bottom:18px!important;} #dashboard.ceo-dashboard > .ceo-risk-grid{margin-top:0!important;margin-bottom:18px!important;} #dashboard.ceo-dashboard > .ceo-control-grid{margin-top:0!important;margin-bottom:18px!important;} #dashboard.ceo-dashboard > .insights-panel{margin-top:0!important;} /* Section titles are separators, not additional content blocks. */ #dashboard.ceo-dashboard > .ceo-section-title + .ceo-chart-grid, #dashboard.ceo-dashboard > .ceo-section-title + .ceo-risk-grid, #dashboard.ceo-dashboard > .ceo-section-title + .ceo-control-grid{ margin-top:0!important; } /* Keep internal cards visually attached to their parent section. */ #dashboard.ceo-dashboard > .ceo-chart-grid > .ceo-panel, #dashboard.ceo-dashboard > .ceo-risk-grid > .ceo-panel, #dashboard.ceo-dashboard > .ceo-control-grid > .ceo-panel{ min-height:0; } @media (max-width:900px){ #dashboard.ceo-dashboard > #regionalExecutiveView{margin-bottom:8px!important;} #dashboard.ceo-dashboard > #centralTimeline{margin-bottom:10px!important;} #dashboard.ceo-dashboard > .ceo-head{margin-bottom:12px!important;} #dashboard.ceo-dashboard > .executive-reading-guide{margin-bottom:12px!important;} #dashboard.ceo-dashboard > .ceo-focus{margin-bottom:14px!important;} #dashboard.ceo-dashboard > .ceo-decision{margin-bottom:15px!important;} #dashboard.ceo-dashboard > .ceo-chart-grid, #dashboard.ceo-dashboard > .diagnostic-band, #dashboard.ceo-dashboard > .accident-executive-panel, #dashboard.ceo-dashboard > .ceo-risk-grid, #dashboard.ceo-dashboard > .ceo-control-grid{margin-bottom:14px!important;} } @media (max-width:560px){ #dashboard.ceo-dashboard{--exec-section-gap:10px;} #dashboard.ceo-dashboard > #regionalExecutiveView{margin-bottom:7px!important;} #dashboard.ceo-dashboard > #centralTimeline{margin-bottom:8px!important;} #dashboard.ceo-dashboard > .ceo-head{margin-bottom:10px!important;} #dashboard.ceo-dashboard > .executive-reading-guide{margin-bottom:10px!important;} #dashboard.ceo-dashboard > .ceo-focus{margin-bottom:12px!important;} #dashboard.ceo-dashboard > .ceo-decision{margin-bottom:13px!important;} #dashboard.ceo-dashboard > .ceo-section-title{margin-bottom:8px!important;} #dashboard.ceo-dashboard > .ceo-chart-grid, #dashboard.ceo-dashboard > .diagnostic-band, #dashboard.ceo-dashboard > .accident-executive-panel, #dashboard.ceo-dashboard > .ceo-risk-grid, #dashboard.ceo-dashboard > .ceo-control-grid{margin-bottom:12px!important;} } @media (max-width:380px){ #dashboard.ceo-dashboard > .ceo-decision{margin-bottom:11px!important;} #dashboard.ceo-dashboard > .ceo-chart-grid, #dashboard.ceo-dashboard > .diagnostic-band, #dashboard.ceo-dashboard > .accident-executive-panel, #dashboard.ceo-dashboard > .ceo-risk-grid, #dashboard.ceo-dashboard > .ceo-control-grid{margin-bottom:10px!important;} } /* ========================================================== V38.06 — DASHBOARD KPI CANONICAL CONTRACT Surgical CSS governance: consolidates the effective KPI/IPE cascade without changing markup, JS, data or Supabase rules. Historical rules removed here were replaced only where the resulting selector/context/property is provably equivalent. ========================================================== */ #dashboard.ceo-dashboard .ceo-focus{ display:grid!important; container-type:inline-size; min-width:0; grid-template-columns:minmax(300px,1.75fr) minmax(190px,1fr) minmax(190px,1fr) minmax(190px,1fr)!important; gap:10px!important; align-items:stretch!important; margin-top:0!important; margin-bottom:16px!important; } #dashboard.ceo-dashboard .ceo-focus-card{ position:relative!important; min-width:0!important; min-height:142px!important; box-sizing:border-box!important; padding:14px 16px 13px!important; border:1px solid var(--line)!important; border-radius:13px!important; background:linear-gradient(180deg,#fff 0%,#fbfcfd 100%)!important; box-shadow:0 5px 16px rgba(9,31,51,.045)!important; overflow:hidden!important; } #dashboard.ceo-dashboard .ceo-focus-card:after{height:2px!important;opacity:.9} #dashboard.ceo-dashboard .ceo-focus-card.ice-focus{ padding:14px 16px 12px!important; border-top:3px solid var(--gold)!important; } #dashboard.ceo-dashboard .ceo-focus-card.risk-card{border-top:3px solid var(--exec-red)!important} #dashboard.ceo-dashboard .ceo-focus-card.risk-card:after{background:var(--exec-red)!important} #dashboard.ceo-dashboard .ceo-focus-card.ice-focus:after{background:var(--gold)!important} #dashboard.ceo-dashboard .ceo-focus-card:not(.ice-focus){ grid-column:span 2!important; min-height:142px!important; padding:14px 16px 13px!important; } #dashboard.ceo-dashboard .ceo-focus-card:not(.ice-focus) .focus-number{ font-size:34px!important; line-height:.98!important; margin-top:9px!important; letter-spacing:-1.6px!important; font-weight:900!important; color:#102b43!important; } #dashboard.ceo-dashboard .ceo-focus-card:not(.ice-focus) .focus-sub{ max-width:290px!important; font-size:9.5px!important; line-height:1.3!important; margin-top:5px!important; } #dashboard.ceo-dashboard .ceo-focus-card:not(.ice-focus) .focus-meter{margin-top:13px!important;height:4px!important} #dashboard.ceo-dashboard .ceo-focus-card.risk-card .focus-number{color:var(--navy)!important} #dashboard.ceo-dashboard .ceo-label{ font-size:9px!important; line-height:1.2!important; letter-spacing:1.25px!important; font-weight:850!important; color:#667789!important; } #dashboard.ceo-dashboard .ice-focus-row{ display:grid!important; grid-template-columns:96px minmax(0,1fr)!important; align-items:center!important; gap:16px!important; min-width:0!important; margin-top:8px!important; } #dashboard.ceo-dashboard .ice-focus-score{ width:96px!important;height:96px!important;min-width:96px!important;flex:0 0 96px!important; box-sizing:border-box!important; border-radius:11px!important; } #dashboard.ceo-dashboard .ice-focus-score b{font-size:38px!important;line-height:1!important;letter-spacing:-1.2px!important} #dashboard.ceo-dashboard .ice-focus-score small{font-size:8px!important;line-height:1.1!important;letter-spacing:1px!important;margin-top:4px!important} #dashboard.ceo-dashboard .ice-focus-copy{min-width:0!important;max-width:none!important;gap:5px!important} #dashboard.ceo-dashboard .ice-focus-copy strong{display:block!important;font-size:18px!important;line-height:1.15!important;letter-spacing:-.2px!important;overflow-wrap:anywhere!important} #dashboard.ceo-dashboard .ice-focus-copy span{display:block!important;margin-top:4px!important;font-size:10px!important;line-height:1.35!important;max-width:760px!important;overflow-wrap:anywhere!important} #dashboard.ceo-dashboard .ice-mini-components{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; min-width:0!important; gap:6px!important; margin-top:9px!important; } #dashboard.ceo-dashboard .ice-mini-components .ice-component{ min-width:0!important;box-sizing:border-box!important;min-height:46px!important;padding:6px 8px!important;border-radius:7px!important;background:#f8fafc!important;border:1px solid #e3e9ef!important;box-shadow:none!important; } #dashboard.ceo-dashboard .ice-mini-components .ice-component strong{display:block!important;min-width:0!important;font-size:8px!important;line-height:1.15!important;letter-spacing:.15px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} #dashboard.ceo-dashboard .ice-mini-components .ice-component b{display:block!important;margin-top:2px!important;font-size:14px!important;line-height:1!important;color:#102b43!important} #dashboard.ceo-dashboard .ice-mini-components .ice-component .ice-bar{height:3px!important;margin-top:5px!important;border-radius:99px!important;background:#e3e8ed!important} #dashboard.ceo-dashboard .focus-breakdown{display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin-top:9px!important} #dashboard.ceo-dashboard .focus-breakdown span{padding:5px 7px!important;border:1px solid #e4e9ee!important;border-radius:6px!important;background:#fff!important;font-size:8.5px!important} #dashboard.ceo-dashboard .focus-breakdown span b{font-size:10px!important;margin-left:3px!important;color:#102b43!important} #dashboard.ceo-dashboard .focus-secondary{margin-top:8px!important;padding-top:7px!important;border-top:1px solid #e6ebef!important} #dashboard.ceo-dashboard .focus-secondary span{display:block!important;font-size:8px!important;line-height:1.1!important;letter-spacing:.9px!important;text-transform:uppercase!important;font-weight:800!important;color:#7a8793!important} #dashboard.ceo-dashboard .focus-secondary b{display:block!important;font-size:15px!important;line-height:1.15!important;margin-top:3px!important;color:#102b43!important} #dashboard.ceo-dashboard .focus-secondary small{display:block!important;font-size:8.5px!important;line-height:1.35!important;margin-top:3px!important;color:#71808e!important} @media(max-width:1250px){ #dashboard.ceo-dashboard .ceo-focus{grid-template-columns:repeat(2,minmax(0,1fr))!important} #dashboard.ceo-dashboard .ceo-focus-card.ice-focus{grid-column:1/-1!important} } @media(max-width:900px){ #dashboard.ceo-dashboard .ceo-focus{gap:11px!important;margin-bottom:14px!important} #dashboard.ceo-dashboard .ceo-focus-card.ice-focus{padding:16px!important} #dashboard.ceo-dashboard .ice-focus-row{grid-template-columns:88px minmax(0,1fr)!important;gap:14px!important} #dashboard.ceo-dashboard .ice-focus-score{width:88px!important;height:84px!important;min-width:88px!important} #dashboard.ceo-dashboard .ice-focus-score b{font-size:35px!important} #dashboard.ceo-dashboard .ceo-focus-card:not(.ice-focus){padding:15px 16px!important;min-height:164px!important} } @media(max-width:700px){ #dashboard.ceo-dashboard .ceo-focus{grid-template-columns:1fr!important;gap:10px!important} #dashboard.ceo-dashboard .ceo-focus-card.ice-focus{grid-column:auto!important} #dashboard.ceo-dashboard .ceo-focus-card:not(.ice-focus){grid-column:1!important;min-height:128px!important;padding:13px 14px 12px!important} #dashboard.ceo-dashboard .ceo-focus-card.ice-focus{padding:13px 14px 12px!important} #dashboard.ceo-dashboard .ice-focus-row{grid-template-columns:88px minmax(0,1fr)!important;gap:10px!important} #dashboard.ceo-dashboard .ice-focus-score{width:88px!important;height:88px!important;min-width:88px!important} #dashboard.ceo-dashboard .ice-mini-components{grid-template-columns:repeat(2,minmax(0,1fr))!important} #dashboard.ceo-dashboard .ice-focus-copy strong{font-size:16px!important} } @media(max-width:560px){ #dashboard.ceo-dashboard .ceo-focus{margin-bottom:12px!important} #dashboard.ceo-dashboard .ceo-focus-card:not(.ice-focus) .focus-number{font-size:34px!important} } @media(max-width:380px){ #dashboard.ceo-dashboard .ceo-focus{margin-bottom:10px!important} } /* ========================================================== V38.08 — DASHBOARD EVIDENCE / CHART GRID CANONICAL CONTRACT Surgical governance of the evidence-panel composition only. Canonical desktop winner: two-column evidence layout. Existing responsive media rules remain the authoritative compact contract. Internal chart/donut styling is intentionally untouched. No markup, JS, data or Supabase change. ========================================================== */ #dashboard.ceo-dashboard .ceo-chart-grid{ display:grid; width:100%; max-width:100%; min-width:0; grid-template-columns:minmax(0,1.7fr) minmax(330px,.85fr); gap:10px; align-items:stretch; } #dashboard.ceo-dashboard .ceo-chart-grid > .chart-panel, #dashboard.ceo-dashboard .ceo-chart-grid > .event-panel{ min-width:0; min-height:390px; } /* ========================================================== V38.09 — DASHBOARD DECISION / EXECUTIVE DECISION CANONICAL CONTRACT Structural governance only. The effective dashboard winner is preserved: wide decision column + compact side column, 14px gap, full-width containment and zero top margin under the composition contract. Responsive one-column rules remain untouched. Internal decision-card typography, colors and content are untouched. No markup, JS, data or Supabase behavior changes. ========================================================== */ #dashboard.ceo-dashboard .ceo-decision{ display:grid; width:100%; max-width:100%; min-width:0; grid-template-columns:minmax(0,1.75fr) minmax(285px,.72fr); gap:14px; align-items:stretch; margin-top:0; } /* ========================================================== V38.10 — DASHBOARD RISK GRID / EXECUTIVE RISK CANONICAL CONTRACT Forensic result: the effective desktop winner was the historical #dashboard risk composition (1.65fr / .75fr), while the later executive spacing contract established the effective 14px gap. Responsive one-column rules remain authoritative at <=1100px, with the existing <=1050px important safeguard preserved. Only declarations proven superseded were removed. Internal risk-table, ranking, summary and trend styling is untouched. No markup, JS, data, permissions or Supabase behavior changes. ========================================================== */ #dashboard.ceo-dashboard .ceo-risk-grid{ display:grid; width:100%; max-width:100%; min-width:0; grid-template-columns:minmax(0,1.65fr) minmax(285px,.75fr); gap:14px; align-items:stretch; } #dashboard.ceo-dashboard .ceo-risk-grid > .ceo-panel{ min-width:0; } /* ================================================================ V38.11 — CONTROL GRID CANONICAL LAYER Dashboard-scoped final contract; no business logic changes. Desktop: evidence/control split 1.2fr / .8fr, 14px gap. Responsive one-column rules remain owned by existing media layers. ================================================================ */ #dashboard.ceo-dashboard .ceo-control-grid{ display:grid; width:100%; max-width:100%; min-width:0; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:14px; align-items:stretch; } #dashboard.ceo-dashboard .ceo-control-grid > .ceo-panel{ min-width:0; max-width:100%; } /* ================================================================ V38.12 — DIAGNOSTIC BAND CANONICAL LAYER Dashboard-scoped final contract; visual/CSS only. Desktop: four equal diagnostic signals, 12px internal gap. Vertical rhythm is owned by the dashboard composition contract: top 0 / bottom 18px. Responsive column rules remain authoritative. No markup, JS, data, permissions or Supabase behavior changes. ================================================================ */ #dashboard.ceo-dashboard .diagnostic-band{ display:grid; width:100%; max-width:100%; min-width:0; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:0!important; margin-bottom:18px!important; align-items:stretch; } #dashboard.ceo-dashboard .diagnostic-band > .diagnostic-card{ min-width:0; max-width:100%; } /* ============================================================ V38.13 — INSIGHTS / DECISION SIGNALS CANONICAL Surgical visual-governance layer. The Dashboard placeholder insights panel remains intentionally hidden because the live executive signals are generated in #executiveInsights on the Intelligence page; this avoids duplicate decision surfaces. No JS, business rules, Supabase, RLS or permissions changed. ============================================================ */ #inteligencia.intelligence-page #executiveInsights{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; width:100%; max-width:100%; min-width:0; margin:0 0 28px; align-items:stretch; } #inteligencia.intelligence-page #executiveInsights .insight-card{ position:relative; min-width:0; min-height:220px; padding:22px 20px 20px; border:1px solid var(--line); border-radius:16px; background:linear-gradient(180deg,#fff 0%,#f9fbfd 100%); box-shadow:var(--shadow-sm); display:flex; flex-direction:column; overflow:hidden; } #inteligencia.intelligence-page #executiveInsights .insight-card:before{ content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:var(--line-strong); } #inteligencia.intelligence-page #executiveInsights .insight-card.critical:before{background:var(--red)} #inteligencia.intelligence-page #executiveInsights .insight-card.attention:before{background:var(--orange)} #inteligencia.intelligence-page #executiveInsights .insight-card.positive:before{background:var(--green)} #inteligencia.intelligence-page #executiveInsights .insight-card.normal:before{background:var(--blue)} #inteligencia.intelligence-page #executiveInsights .insight-card.neutral:before{background:var(--muted-2)} #inteligencia.intelligence-page #executiveInsights .signal-top{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:18px; } #inteligencia.intelligence-page #executiveInsights .signal-index{ font-size:11px; font-weight:800; letter-spacing:.08em; color:var(--muted-2); } #inteligencia.intelligence-page #executiveInsights .signal-tag{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:10px; font-weight:800; letter-spacing:.12em; color:var(--muted); } #inteligencia.intelligence-page #executiveInsights .insight-card>b{ min-width:0; overflow-wrap:anywhere; font-size:18px; line-height:1.15; color:var(--heading); margin:0 0 10px; } #inteligencia.intelligence-page #executiveInsights .insight-card p{ min-width:0; overflow-wrap:anywhere; font-size:12px; line-height:1.55; color:var(--slate); margin:0 0 12px; } #inteligencia.intelligence-page #executiveInsights .insight-card p strong{color:var(--heading)} #inteligencia.intelligence-page #executiveInsights .insight-card small{ margin-top:auto; padding-top:12px; border-top:1px solid var(--line-soft); font-size:10.5px; line-height:1.5; color:var(--muted); } @media(max-width:1100px){ #inteligencia.intelligence-page #executiveInsights{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:680px){ #inteligencia.intelligence-page #executiveInsights{grid-template-columns:1fr;gap:12px;margin-bottom:20px} #inteligencia.intelligence-page #executiveInsights .insight-card{min-height:0;padding:18px 16px 16px} } /* V38.14 — IDENTITY & NARRATIVE GOVERNANCE Dashboard contract only. No business logic or data rules changed. Canonical responsive checkpoints: 1440 / 1024 / 900 / 700 / 480 / 360. */ #dashboard.ceo-dashboard{ --dashboard-bp-xs:360px; --dashboard-bp-sm:480px; --dashboard-bp-md:700px; --dashboard-bp-lg:900px; --dashboard-bp-xl:1024px; --dashboard-bp-xxl:1440px; } #dashboard.ceo-dashboard > .insights-panel{ display:none; } #dashboard.ceo-dashboard .ceo-section-title:last-of-type{ margin-bottom:0; } @media (max-width:1024px){ #dashboard.ceo-dashboard .ceo-head, #dashboard.ceo-dashboard .ceo-focus, #dashboard.ceo-dashboard .ceo-decision, #dashboard.ceo-dashboard .ceo-chart-grid, #dashboard.ceo-dashboard .ceo-diagnostic-grid, #dashboard.ceo-dashboard .ceo-risk-grid, #dashboard.ceo-dashboard .ceo-control-grid{max-width:100%;min-width:0;} } @media (max-width:900px){ #dashboard.ceo-dashboard .ceo-section-title h3{overflow-wrap:anywhere;} } @media (max-width:700px){ #dashboard.ceo-dashboard .ceo-section-title{margin-bottom:8px;} } @media (max-width:480px){ #dashboard.ceo-dashboard .ceo-section-title p{max-width:100%;} } @media (max-width:360px){ #dashboard.ceo-dashboard .ceo-section-title h3{font-size:clamp(14px,4.2vw,17px);} } /* ========================================================== V38.15 — EXECUTIVE KPI MICRO-TUNING Surgical visual refinement based on 1440px real screenshot. Purpose: reduce IPE text density and reclaim vertical space in the recovery KPI without adding decorative UI. No business logic, data, markup structure or Supabase change. ========================================================== */ #dashboard.ceo-dashboard .ice-focus-copy strong{ font-size:17px!important; line-height:1.12!important; letter-spacing:-.25px!important; } #dashboard.ceo-dashboard .ice-focus-copy span{ font-size:9.5px!important; line-height:1.28!important; margin-top:3px!important; } #dashboard.ceo-dashboard .ice-focus-row{ grid-template-columns:92px minmax(0,1fr)!important; gap:13px!important; margin-top:7px!important; } #dashboard.ceo-dashboard .ice-focus-score{ width:92px!important; height:92px!important; min-width:92px!important; flex-basis:92px!important; } #dashboard.ceo-dashboard .ice-mini-components{ margin-top:8px!important; } #dashboard.ceo-dashboard .ice-mini-components .ice-component{ min-height:43px!important; padding:5px 8px!important; } #dashboard.ceo-dashboard .ceo-focus-card:not(.ice-focus) .focus-meter{ margin-top:15px!important; } #dashboard.ceo-dashboard .ceo-focus-card:not(.ice-focus) .focus-number{ margin-top:8px!important; } @media(max-width:900px){ #dashboard.ceo-dashboard .ice-focus-row{grid-template-columns:88px minmax(0,1fr)!important;gap:12px!important} #dashboard.ceo-dashboard .ice-focus-score{width:88px!important;height:84px!important;min-width:88px!important} #dashboard.ceo-dashboard .ice-focus-copy span{font-size:9.5px!important;line-height:1.3!important} } @media(max-width:700px){ #dashboard.ceo-dashboard .ice-focus-row{grid-template-columns:88px minmax(0,1fr)!important;gap:10px!important} #dashboard.ceo-dashboard .ice-focus-score{width:88px!important;height:88px!important;min-width:88px!important} #dashboard.ceo-dashboard .ice-focus-copy strong{font-size:16px!important} } /* ===== V38.16.09 — SIDEBAR NAVIGATION / MOBILE VISIBILITY FIX ===== Correção estrutural: a camada visual V34.47 aplicava overflow:hidden na sidebar e anulava o viewport de navegação introduzido anteriormente. Resultado: os últimos itens do menu ficavam fora da área visível. Mantém permissões, páginas, dados e JavaScript intactos. */ .sidebar{ overflow-y:auto!important; overflow-x:hidden!important; scrollbar-width:thin; scrollbar-gutter:stable; overscroll-behavior:contain; } .sidebar .nav{ min-height:0!important; } @media(max-width:700px){ .sidebar{ overflow-y:auto!important; overflow-x:hidden!important; -webkit-overflow-scrolling:touch; scrollbar-width:thin; scrollbar-gutter:stable; } } /* ===== V38.18.00 — CENTRAL DE NOTIFICAÇÕES ===== */ .notification-center{position:relative;display:flex;align-items:center;z-index:80} .notification-bell{position:relative;width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:var(--card);color:var(--navy);display:grid;place-items:center;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-xs);font-size:18px} .notification-bell:hover,.notification-bell:focus-visible{border-color:var(--gold);box-shadow:var(--shadow-sm);transform:translateY(-1px);outline:none} .notification-bell-icon{font-size:22px;line-height:1;display:block;transform:rotate(45deg);opacity:.86} .notification-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:var(--red);color:#fff;border:2px solid var(--card);font-size:9px;font-weight:900;display:grid;place-items:center;line-height:1} .notification-panel{position:absolute;top:calc(100% + 10px);right:0;width:min(390px,calc(100vw - 28px));background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden} .notification-panel[hidden]{display:none} .notification-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;border-bottom:1px solid var(--line-soft);background:linear-gradient(180deg,#fff,#fbfcfd)} .notification-panel-head div{display:grid;gap:2px}.notification-panel-head span{font-size:8px;letter-spacing:.13em;font-weight:900;color:var(--gold)}.notification-panel-head b{font-size:15px;color:var(--heading)} .notification-mark-all,.notification-panel-foot button{border:0;background:transparent;color:var(--blue-dark);font-size:10px;font-weight:800;cursor:pointer;padding:5px}.notification-mark-all:hover,.notification-panel-foot button:hover{text-decoration:underline} .notification-list{max-height:390px;overflow:auto;padding:5px} .notification-item{width:100%;display:grid;grid-template-columns:30px minmax(0,1fr) 6px;gap:10px;text-align:left;border:0;border-radius:11px;background:#fff;padding:11px 9px;cursor:pointer;transition:var(--transition)} .notification-item:hover{background:var(--bg-alt)}.notification-item.is-unread{background:#f8fafc}.notification-mark{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-size:11px;font-weight:900}.notification-mark.level-info{background:#eaf2fb;color:#245c90}.notification-mark.level-atencao{background:var(--orange-bg);color:var(--orange-dark)}.notification-mark.level-critico,.notification-mark.level-seguranca{background:var(--red-bg);color:var(--red-dark)}.notification-mark.level-concluido{background:var(--green-bg);color:var(--green-dark)}.notification-mark.level-administrativo{background:var(--gold-bg);color:var(--gold)} .notification-copy{min-width:0;display:grid;gap:3px}.notification-copy b{font-size:11px;color:var(--heading)}.notification-copy span{font-size:10px;line-height:1.35;color:var(--muted);white-space:normal}.notification-copy small{font-size:8px;color:var(--muted-2);font-weight:700}.notification-unread-dot{width:6px;height:6px;border-radius:50%;background:var(--red);align-self:center}.notification-panel-foot{padding:8px 10px;border-top:1px solid var(--line-soft);display:flex;justify-content:flex-end;background:#fbfcfd}.notification-empty{min-height:120px;display:grid;place-content:center;text-align:center;gap:5px;padding:20px;color:var(--muted);font-size:10px}.notification-empty b{font-size:12px;color:var(--heading)}.notification-empty span{max-width:250px;line-height:1.4} @media(max-width:900px){.notification-panel{right:-8px}} @media(max-width:700px){.notification-bell{width:36px;height:36px}.notification-panel{position:fixed;top:74px;right:12px;width:min(390px,calc(100vw - 24px));}.notification-list{max-height:60vh}} /* ============================================================ V38.18.02 — HEADER EXECUTIVE PREMIUM / LEGIBILITY HARDENING Visual-only layer. IDs, JS, Supabase, RLS and business rules preserved. ============================================================ */ .top{ position:sticky; top:10px; z-index:90; display:grid; grid-template-columns:minmax(300px,1fr) minmax(520px,1.65fr); align-items:center; gap:18px; margin:0 0 20px; padding:15px 16px 15px 18px; min-height:112px; box-sizing:border-box; border:1px solid rgba(61,105,145,.34); border-radius:18px; color:#f7fbff; background: radial-gradient(520px 180px at 88% 0%,rgba(43,119,190,.20),transparent 70%), radial-gradient(380px 180px at 8% 100%,rgba(196,145,43,.10),transparent 70%), linear-gradient(135deg,#061b2f 0%,#0a2b49 52%,#0d385d 100%); box-shadow:0 14px 32px rgba(5,24,42,.18),0 2px 0 rgba(255,255,255,.04) inset; overflow:visible; } .top::before{ content:""; position:absolute; left:0;top:12px;bottom:12px; width:3px; border-radius:0 4px 4px 0; background:linear-gradient(180deg,#e2b650,#b87f1e); box-shadow:0 0 14px rgba(226,182,80,.28); } .top::after{ content:""; position:absolute; right:-1px;top:-1px;bottom:-1px; width:36%; pointer-events:none; border-radius:0 18px 18px 0; background:linear-gradient(125deg,transparent 45%,rgba(255,255,255,.035) 45.5%,transparent 53%); } .top-context{ min-width:0; position:relative; z-index:1; padding-left:4px; } .top-title-row{ display:flex; align-items:center; gap:10px; min-width:0; } .top-section-kicker{ color:#e6b84d!important; font-size:10px!important; font-weight:900!important; letter-spacing:1.65px!important; line-height:1!important; text-transform:uppercase; white-space:nowrap; } .region-badge{ max-width:180px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#dcecff!important; border:1px solid rgba(113,167,211,.34)!important; background:rgba(255,255,255,.055)!important; border-radius:999px!important; padding:5px 9px!important; font-size:9px!important; font-weight:800!important; letter-spacing:.25px; } .top h1, .top #pageTitle{ margin:9px 0 2px!important; color:#ffffff!important; font-family:Manrope,Inter,sans-serif!important; font-size:31px!important; line-height:1.04!important; font-weight:800!important; letter-spacing:-.9px!important; text-shadow:0 2px 16px rgba(0,0,0,.18); } .top .sub{ margin-top:5px!important; color:#a9c4db!important; font-size:9px!important; line-height:1.35!important; font-weight:800!important; letter-spacing:1.15px!important; text-transform:uppercase; white-space:normal; } .actions{ min-width:0; display:flex!important; flex-direction:column!important; align-items:stretch!important; justify-content:center!important; gap:9px!important; position:relative; z-index:2; } .context-row{ min-width:0; display:grid!important; grid-template-columns:minmax(142px,1.15fr) minmax(155px,1.15fr) 46px minmax(142px,1fr) minmax(158px,1.05fr)!important; align-items:center!important; gap:7px!important; } .period-control, .current-date-control, .user-chip, .system-status, .notification-bell{ color:#edf6ff!important; background:rgba(255,255,255,.055)!important; border:1px solid rgba(122,174,215,.30)!important; box-shadow:0 5px 14px rgba(0,0,0,.10),inset 0 1px 0 rgba(255,255,255,.035)!important; } .period-control{ height:45px!important; min-width:0!important; padding:5px 11px!important; border-radius:11px!important; } .period-main{min-width:0!important} .context-label, .current-date-label{ color:#88a8c2!important; font-size:7.5px!important; font-weight:900!important; letter-spacing:1.05px!important; line-height:1!important; } .period-control input{ color:#ffffff!important; font-family:Manrope,Inter,sans-serif!important; font-size:12px!important; font-weight:800!important; min-width:0!important; width:100%!important; height:20px!important; } .period-control input::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.72} .current-date-control{ height:45px!important; min-width:0!important; padding:5px 10px!important; border-radius:11px!important; gap:8px!important; } .current-date-icon{ width:25px!important;height:25px!important;flex:0 0 25px!important; border-color:rgba(122,174,215,.32)!important; color:#d7a944!important; background:rgba(255,255,255,.035)!important; } .current-date-control>div{min-width:0!important} .current-date-control b{ color:#ffffff!important; font-size:10px!important; font-weight:800!important; white-space:nowrap!important; } .notification-center{justify-content:center!important} .notification-bell{ width:44px!important;height:44px!important; border-radius:11px!important; color:#eaf5ff!important; } .notification-bell:hover,.notification-bell:focus-visible{ border-color:rgba(226,182,80,.70)!important; background:rgba(255,255,255,.09)!important; box-shadow:0 8px 18px rgba(0,0,0,.16)!important; } .notification-bell-icon{opacity:1!important;color:#eaf5ff!important} .notification-badge{border-color:#0a2b49!important} .user-chip{ height:45px!important; min-width:0!important; padding:5px 10px!important; border-radius:11px!important; } .user-chip > span{ width:8px!important;height:8px!important; box-shadow:0 0 0 4px rgba(46,111,242,.15)!important; } .user-chip b{ color:#ffffff!important; font-size:11px!important; line-height:1.15!important; } .user-chip small{ color:#9dbbd2!important; font-size:8px!important; line-height:1.15!important; margin-top:3px!important; } .system-status{ height:45px!important; min-width:0!important; padding:0 10px!important; border-radius:11px!important; } .system-status span{ color:#d9f4e8!important; font-size:9px!important; font-weight:850!important; } .system-status small{ color:#7fa99a!important; font-size:7px!important; } .save-state{ position:absolute!important; right:10px!important; bottom:-18px!important; height:18px!important; padding:0 4px!important; border:0!important; background:transparent!important; color:#78d4a9!important; font-size:8px!important; font-weight:800!important; } .action-row{ display:flex!important; justify-content:flex-end!important; align-items:center!important; gap:8px!important; } .action-row .btn{ min-height:35px!important; padding:8px 14px!important; border-radius:10px!important; font-size:10px!important; font-weight:850!important; } #refreshDataBtn{ color:#dcecff!important; background:rgba(255,255,255,.055)!important; border-color:rgba(122,174,215,.32)!important; } #refreshDataBtn:hover{ background:rgba(255,255,255,.10)!important; border-color:rgba(122,174,215,.60)!important; } #logoutBtn{ color:#ffb2b2!important; background:rgba(204,61,61,.07)!important; border-color:rgba(255,111,111,.35)!important; } #logoutBtn:hover{ background:rgba(204,61,61,.14)!important; border-color:rgba(255,111,111,.60)!important; } #saveBtn{ color:#fff!important; background:linear-gradient(135deg,#1f79c9,#145da0)!important; border-color:rgba(121,190,245,.25)!important; } /* Quando a área disponível não comporta o conjunto de controles, o cabeçalho passa para duas linhas antes de qualquer texto ser cortado. */ @media(max-width:1250px){ .top{ grid-template-columns:1fr!important; gap:12px!important; min-height:0!important; padding:15px 16px 14px 18px!important; } .actions{width:100%!important} .context-row{ grid-template-columns:minmax(150px,1.1fr) minmax(165px,1.1fr) 48px minmax(145px,1fr) minmax(165px,1.05fr)!important; } .action-row{justify-content:flex-end!important} } @media(max-width:900px){ .top{top:6px!important;border-radius:15px!important} .context-row{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } .notification-center{justify-content:flex-start!important} .notification-bell{width:100%!important} .save-state{right:4px!important} } @media(max-width:600px){ .top{padding:14px!important} .top h1,#pageTitle{font-size:25px!important} .top .sub{font-size:8px!important;letter-spacing:.75px!important} .top-title-row{flex-wrap:wrap} .context-row{grid-template-columns:1fr!important} .period-control,.current-date-control,.user-chip,.system-status,.notification-bell{width:100%!important} .action-row{display:grid!important;grid-template-columns:1fr 1fr!important} .action-row .btn{width:100%!important} #saveBtn{grid-column:1/-1} } /* ===== V38.18.02 — HEADER PREMIUM / EXECUTIVE REFINEMENT ===== /* Camada final exclusivamente visual. Mantém HTML, IDs, eventos e regras de negócio. */ .top{ position:sticky!important; top:0!important; z-index:50!important; display:grid!important; grid-template-columns:minmax(300px,1fr) minmax(500px,auto)!important; align-items:center!important; gap:28px!important; min-height:0!important; margin:0 0 18px!important; padding:16px 18px 15px 20px!important; background:rgba(255,255,255,.98)!important; border:1px solid #e7edf2!important; border-top:0!important; border-radius:0 0 16px 16px!important; box-shadow:0 8px 24px rgba(20,48,72,.055)!important; backdrop-filter:blur(14px)!important; overflow:visible!important; } .top::before{ content:""!important; position:absolute!important; left:0!important; top:14px!important; bottom:14px!important; width:2px!important; border-radius:0 3px 3px 0!important; background:linear-gradient(180deg,#d8ad4e,#b9872c)!important; box-shadow:none!important; } .top::after{display:none!important} .top-context{ min-width:0!important; padding:0!important; position:relative!important; z-index:1!important; } .top-title-row{ display:flex!important; align-items:center!important; gap:9px!important; min-height:0!important; margin:0!important; } .top-section-kicker{ color:#b1842c!important; font-family:Inter,system-ui,sans-serif!important; font-size:8.5px!important; line-height:1!important; font-weight:900!important; letter-spacing:1.55px!important; text-transform:uppercase!important; white-space:nowrap!important; } .region-badge{ height:20px!important; max-width:180px!important; padding:0 8px!important; display:inline-flex!important; align-items:center!important; border:1px solid #dbe5ed!important; border-radius:999px!important; background:#f7fafc!important; color:#557087!important; font-size:7.5px!important; line-height:1!important; font-weight:850!important; letter-spacing:.65px!important; box-shadow:none!important; } .top h1,.top #pageTitle{ margin:7px 0 0!important; color:#12344f!important; font-family:Manrope,Inter,system-ui,sans-serif!important; font-size:24px!important; line-height:1.05!important; font-weight:800!important; letter-spacing:-.65px!important; text-shadow:none!important; } .top .sub{ margin:5px 0 0!important; color:#8797a5!important; font-size:7.5px!important; line-height:1.25!important; font-weight:800!important; letter-spacing:1.05px!important; text-transform:uppercase!important; } .actions{ min-width:0!important; display:flex!important; flex-direction:column!important; align-items:flex-end!important; justify-content:center!important; gap:7px!important; position:relative!important; z-index:2!important; } .context-row{ min-width:0!important; width:auto!important; display:grid!important; grid-template-columns:150px 150px 40px 136px 150px!important; align-items:center!important; gap:6px!important; } .period-control,.current-date-control,.user-chip,.system-status,.notification-bell{ color:#193c58!important; background:#fff!important; border:1px solid #e1e9ef!important; box-shadow:0 3px 10px rgba(20,48,72,.035)!important; } .period-control{ height:40px!important; min-width:0!important; padding:5px 10px!important; border-radius:10px!important; } .period-main{min-width:0!important} .context-label,.current-date-label{ color:#9aa7b2!important; font-size:6.5px!important; font-weight:900!important; letter-spacing:1px!important; line-height:1!important; } .period-control input{ width:100%!important; min-width:0!important; height:19px!important; color:#173b58!important; font-family:Manrope,Inter,sans-serif!important; font-size:10.5px!important; font-weight:850!important; } .period-control input::-webkit-calendar-picker-indicator{filter:none!important;opacity:.55!important} .current-date-control{ height:40px!important; min-width:0!important; padding:5px 9px!important; border-radius:10px!important; gap:7px!important; } .current-date-icon{ width:22px!important; height:22px!important; flex:0 0 22px!important; border:1px solid #e2e9ee!important; color:#b1842c!important; background:#fafcfd!important; font-size:11px!important; } .current-date-control>div{min-width:0!important} .current-date-control b{ display:block!important; margin-top:2px!important; color:#23445d!important; font-size:9px!important; line-height:1!important; font-weight:850!important; white-space:nowrap!important; } .notification-center{width:40px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important} .notification-bell{ width:40px!important; height:40px!important; border-radius:10px!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:0!important; } .notification-bell-icon{color:#8ea2b2!important;font-size:15px!important} .notification-badge{ min-width:15px!important; height:15px!important; padding:0 4px!important; border:2px solid #fff!important; background:#b7423d!important; font-size:7px!important; font-weight:900!important; } .user-chip{ min-width:0!important; height:40px!important; padding:5px 9px!important; gap:7px!important; border-radius:10px!important; } .user-chip>span{ width:7px!important;height:7px!important;flex:0 0 7px!important; background:#3d7ee9!important; box-shadow:0 0 0 4px rgba(61,126,233,.08)!important; } .user-chip b{ color:#23455f!important; font-size:8.5px!important; line-height:1.05!important; font-weight:850!important; } .user-chip small{ margin-top:3px!important; color:#8998a5!important; font-size:6.5px!important; line-height:1!important; letter-spacing:.55px!important; } .system-status{ min-width:0!important; height:40px!important; padding:5px 9px!important; gap:7px!important; border-radius:10px!important; } .system-status>div{min-width:0!important;gap:2px!important} .system-status span{ color:#2f8768!important; font-size:7.5px!important; line-height:1!important; font-weight:850!important; white-space:nowrap!important; } .system-status small{ color:#91a0ab!important; font-size:6.2px!important; line-height:1!important; white-space:nowrap!important; } .status-dot{width:6px!important;height:6px!important;flex:0 0 6px!important} .save-state{ height:auto!important; min-width:0!important; padding:0!important; border:0!important; background:transparent!important; color:#7e8f9b!important; font-size:6.5px!important; font-weight:800!important; letter-spacing:.2px!important; white-space:nowrap!important; } .action-row{ display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:6px!important; width:auto!important; } .action-row .btn{ height:31px!important; min-height:31px!important; border-radius:8px!important; padding:0 11px!important; font-size:8.5px!important; font-weight:850!important; box-shadow:none!important; } #refreshDataBtn{min-width:82px!important;color:#35556d!important;background:#fff!important;border-color:#dce5ec!important} #refreshDataBtn .refresh-icon{margin-right:4px!important;font-size:10px!important} #logoutBtn{min-width:55px!important;color:#9a5a56!important;background:#fff!important;border-color:#ecd5d2!important} #saveBtn{min-width:118px!important} #saveBtn.primary{background:#245f92!important;box-shadow:0 5px 12px rgba(36,95,146,.15)!important} @media(max-width:1180px){ .top{grid-template-columns:minmax(260px,1fr) minmax(430px,auto)!important;gap:18px!important;padding-left:17px!important;padding-right:15px!important} .context-row{grid-template-columns:140px 140px 38px 128px 140px!important} } @media(max-width:980px){ .top{grid-template-columns:1fr!important;gap:11px!important;padding-top:13px!important;padding-bottom:12px!important} .actions{align-items:stretch!important} .context-row{width:100%!important;grid-template-columns:repeat(5,minmax(0,1fr))!important} .action-row{justify-content:flex-end!important} } @media(max-width:650px){ .top{padding:12px 12px 11px 15px!important;border-radius:0 0 13px 13px!important} .top h1,.top #pageTitle{font-size:21px!important} .top .sub{font-size:6.8px!important;letter-spacing:.85px!important} .context-row{grid-template-columns:1fr 1fr 40px!important} .user-chip{grid-column:1/2} .system-status{grid-column:2/3} .notification-center{grid-column:3/4;grid-row:1} .period-control{grid-column:1/2} .current-date-control{grid-column:2/3} .save-state{display:none!important} } @media(max-width:430px){ .top-title-row{flex-wrap:wrap!important} .top-section-kicker{font-size:7.5px!important;letter-spacing:1.2px!important} .region-badge{height:19px!important;font-size:7px!important} .context-row{grid-template-columns:1fr 1fr!important} .period-control,.current-date-control,.user-chip,.system-status{grid-column:auto!important;grid-row:auto!important} .notification-center{grid-column:1/3!important;justify-self:end!important;grid-row:1!important} .action-row{justify-content:flex-start!important} } /* ============================================================ V38.18.03 — HEADER EXECUTIVE REFINEMENT / USER CONTROL CENTER Cirurgia visual + UX de sessão. Mantém IDs, dados, RLS e regras de negócio. ============================================================ */ .top{ position:sticky!important;top:8px!important;z-index:90!important; display:grid!important;grid-template-columns:minmax(300px,1fr) minmax(690px,auto)!important; align-items:center!important;gap:24px!important; margin:0 0 18px!important;padding:14px 16px 14px 20px!important; min-height:96px!important;box-sizing:border-box!important; border:1px solid #dfe7ee!important;border-radius:16px!important; color:#173b58!important; background:linear-gradient(180deg,rgba(255,255,255,.985),rgba(248,250,252,.975))!important; box-shadow:0 10px 28px rgba(18,48,72,.075),0 1px 0 rgba(255,255,255,.9) inset!important; overflow:visible!important; } .top::before{left:0!important;top:15px!important;bottom:15px!important;width:3px!important;background:linear-gradient(180deg,#d9aa4b,#b98123)!important;box-shadow:none!important} .top::after{right:0!important;top:0!important;bottom:0!important;width:26%!important;background:linear-gradient(105deg,transparent 55%,rgba(41,105,151,.025) 100%)!important;border-radius:0 16px 16px 0!important} .top-context{padding-left:3px!important;min-width:0!important} .top-title-row{gap:9px!important;align-items:center!important;min-height:16px!important} .top-section-kicker{font-size:9px!important;letter-spacing:1.55px!important;color:#9b6e20!important;font-weight:950!important} .region-badge{max-width:185px!important;padding:4px 8px!important;font-size:8px!important;letter-spacing:.45px!important;color:#58738a!important;background:#f5f8fb!important;border:1px solid #dbe5ed!important} .top h1,.top #pageTitle{margin:7px 0 2px!important;color:#143b5a!important;font-size:27px!important;line-height:1.04!important;font-weight:850!important;letter-spacing:-.75px!important;text-shadow:none!important} .top .sub{margin-top:5px!important;color:#8393a0!important;font-size:8px!important;line-height:1.3!important;font-weight:850!important;letter-spacing:1.05px!important} .actions{width:100%!important;max-width:760px!important;min-width:0!important;gap:7px!important;align-items:stretch!important} .context-row{grid-template-columns:minmax(185px,1.28fr) minmax(170px,1.08fr) 42px minmax(155px,1fr) minmax(174px,1.08fr)!important;gap:7px!important} .period-control,.current-date-control,.user-chip,.system-status,.notification-bell{ height:44px!important;box-sizing:border-box!important; border:1px solid #dbe5ed!important;border-radius:11px!important; background:#fff!important;color:#31526c!important; box-shadow:0 3px 10px rgba(16,48,72,.035)!important; } .period-control{min-width:185px!important;padding:5px 12px!important} .period-main{gap:9px!important;min-width:0!important} .context-label,.current-date-label{color:#91a0ad!important;font-size:7px!important;letter-spacing:1.05px!important} .period-control input{color:#284c66!important;font-size:10.5px!important;font-weight:850!important;letter-spacing:.05px!important;height:30px!important;min-width:0!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important} .period-control input::-webkit-calendar-picker-indicator{filter:none!important;opacity:.58!important;transform:scale(.78)} .current-date-control{min-width:170px!important;padding:5px 10px!important;gap:8px!important} .current-date-icon{width:23px!important;height:23px!important;flex:0 0 23px!important;color:#9b742b!important;background:#faf8f1!important;border-color:#e7dfc9!important} .current-date-control b{color:#36566d!important;font-size:9.5px!important;font-weight:850!important} .notification-bell{width:42px!important;height:42px!important;color:#58728a!important;background:#fff!important} .notification-bell:hover,.notification-bell:focus-visible{border-color:#c9d9e5!important;background:#f8fbfd!important;box-shadow:0 7px 15px rgba(20,58,88,.09)!important} .notification-badge{border-color:#fff!important} .user-menu-wrap{position:relative;min-width:0!important;z-index:100} .user-chip{width:100%!important;min-width:155px!important;padding:5px 9px!important;display:flex!important;align-items:center!important;gap:8px!important;text-align:left!important;cursor:pointer!important;transition:box-shadow .16s ease,border-color .16s ease,transform .16s ease!important} .user-chip:hover,.user-chip:focus-visible,.user-chip[aria-expanded="true"]{border-color:#cbdce8!important;box-shadow:0 8px 18px rgba(17,55,82,.10)!important;transform:translateY(-1px)!important;outline:none!important} .user-avatar-dot{width:25px!important;height:25px!important;flex:0 0 25px!important;display:grid!important;place-items:center!important;border-radius:8px!important;background:#edf5fb!important;box-shadow:inset 0 0 0 1px #d7e6f0!important} .user-avatar-initial{font-size:9px!important;font-weight:950!important;color:#2869a1!important;line-height:1!important} .user-chip-copy{min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;flex:1 1 auto!important} .user-chip b{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#244b67!important;font-size:10px!important;font-weight:900!important;line-height:1.1!important} .user-chip small{display:block!important;margin-top:3px!important;color:#8b9aa6!important;font-size:7px!important;font-weight:900!important;letter-spacing:.65px!important;line-height:1!important} .user-chip-chevron{font-size:14px!important;color:#8ea0ad!important;line-height:1!important;transform:translateY(-1px)!important;transition:transform .16s ease!important} .user-chip[aria-expanded="true"] .user-chip-chevron{transform:rotate(180deg) translateY(1px)!important} .user-menu{position:absolute;top:calc(100% + 10px);right:0;width:300px;padding:10px;background:#fff;border:1px solid #dce5ec;border-radius:15px;box-shadow:0 18px 44px rgba(12,43,66,.16),0 3px 10px rgba(12,43,66,.05);animation:userMenuIn .16s ease;transform-origin:top right} .user-menu[hidden]{display:none!important} @keyframes userMenuIn{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}} .user-menu-head{display:flex;align-items:center;gap:10px;padding:7px 7px 10px} .user-menu-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#edf5fb;color:#2869a1;font-size:12px;font-weight:950;border:1px solid #d8e7f0} .user-menu-identity{min-width:0;display:grid;gap:3px}.user-menu-identity strong{font-size:12px;color:#173b58;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-identity span{font-size:8px;color:#8a99a5;font-weight:900;letter-spacing:.65px;text-transform:uppercase} .user-menu-scope{margin:0 3px;padding:8px 9px;border:1px solid #e7edf2;border-radius:9px;background:#f8fafb;display:flex;align-items:center;justify-content:space-between;gap:10px}.user-menu-scope span{font-size:7px;letter-spacing:1px;color:#98a5af;font-weight:950}.user-menu-scope b{font-size:8px;color:#4e6a7f;font-weight:900;text-align:right} .user-menu-divider{height:1px;background:#edf1f4;margin:9px 3px} .user-menu-item{width:100%;display:flex;align-items:center;gap:10px;padding:9px 8px;border:0;border-radius:9px;background:transparent;text-align:left;cursor:pointer;transition:background .14s ease}.user-menu-item:hover,.user-menu-item:focus-visible{background:#f5f8fa;outline:none}.user-menu-icon{width:27px;height:27px;display:grid;place-items:center;border:1px solid #e0e8ee;border-radius:8px;color:#52738c;font-size:12px;background:#fff}.user-menu-item span:last-child{display:grid;gap:2px;min-width:0}.user-menu-item b{font-size:10px;color:#34556d}.user-menu-item small{font-size:8px;color:#93a0aa} .user-menu-session{display:flex;align-items:center;gap:9px;margin:4px 8px;padding:8px 0}.session-dot{width:7px;height:7px;border-radius:50%;background:#31946f;box-shadow:0 0 0 4px rgba(49,148,111,.10)}.user-menu-session span:last-child{display:grid;gap:2px}.user-menu-session b{font-size:8px;color:#4d6d61}.user-menu-session small{font-size:7.5px;color:#9aa7af} .user-menu-logout{width:100%;display:flex;align-items:center;gap:9px;padding:9px 9px;border:1px solid #f0dddd;border-radius:9px;background:#fffafa;color:#a05250;cursor:pointer;font-size:10px;font-weight:900}.user-menu-logout:hover,.user-menu-logout:focus-visible{background:#fff5f4;border-color:#e7c7c5;outline:none}.user-menu-logout span{font-size:14px} #logoutBtn{display:none!important} .action-row{gap:7px!important}.action-row .btn{min-height:34px!important;padding:7px 13px!important;border-radius:9px!important;font-size:9px!important} #refreshDataBtn{color:#47657a!important;background:#fff!important;border-color:#d9e4eb!important} #saveBtn{background:linear-gradient(135deg,#236fae,#155b8f)!important;box-shadow:0 7px 15px rgba(27,96,147,.16)!important} .save-state{right:4px!important;bottom:-16px!important;color:#4e9a78!important;font-size:7.5px!important} /* Profile / self-security dialogs */ .user-dialog-backdrop{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:20px;background:rgba(9,28,43,.34);backdrop-filter:blur(4px)} .user-dialog-backdrop[hidden]{display:none!important} .user-dialog{width:min(440px,calc(100vw - 30px));background:#fff;border:1px solid #dce5ec;border-radius:18px;box-shadow:0 24px 70px rgba(7,30,48,.22);overflow:hidden} .user-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:18px 19px 14px;border-bottom:1px solid #edf1f4}.user-dialog-kicker{font-size:7px;letter-spacing:1.3px;color:#a1782b;font-weight:950}.user-dialog h3{margin:4px 0 3px;font-size:18px;color:#173b58}.user-dialog-head p{margin:0;font-size:9px;color:#8797a3}.user-dialog-close{width:28px;height:28px;border:1px solid #e1e8ed;border-radius:8px;background:#fff;color:#78909f;font-size:17px;cursor:pointer}.user-dialog-body{padding:15px 19px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.profile-field{padding:10px;border:1px solid #e5ebf0;border-radius:10px;background:#fafbfc}.profile-field span{display:block;font-size:7px;letter-spacing:.9px;color:#98a5ae;font-weight:950}.profile-field b{display:block;margin-top:4px;font-size:10px;color:#36566d;overflow-wrap:anywhere}.user-dialog-note{margin-top:10px;padding:9px 10px;border-radius:9px;background:#f7fafc;color:#80919e;font-size:8px;line-height:1.45}.security-form{display:grid;gap:10px}.security-form label{display:grid;gap:5px;font-size:8px;color:#738594;font-weight:900;letter-spacing:.4px}.security-form input{width:100%;box-sizing:border-box;border:1px solid #dbe5ec;border-radius:9px;padding:10px 11px;font-size:11px;color:#294d66;outline:none}.security-form input:focus{border-color:#9dbed6;box-shadow:0 0 0 3px rgba(42,112,163,.08)}.user-dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding:11px 19px 16px;border-top:1px solid #edf1f4}.user-dialog-actions .btn{min-height:34px;padding:7px 13px;font-size:9px} @media(max-width:1250px){.top{grid-template-columns:1fr!important;gap:12px!important}.actions{max-width:none!important}.context-row{grid-template-columns:minmax(170px,1.2fr) minmax(160px,1.05fr) 42px minmax(145px,1fr) minmax(160px,1fr)!important}} @media(max-width:900px){.top{position:relative!important;top:0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:13px!important}.actions{width:100%!important}.context-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}.user-menu-wrap{width:100%}.user-menu{left:0;right:auto;width:min(320px,calc(100vw - 42px))}} @media(max-width:560px){.top h1{font-size:23px!important}.top .sub{font-size:7.5px!important}.top-title-row{flex-wrap:wrap}.context-row{grid-template-columns:1fr!important}.period-control,.current-date-control,.user-menu-wrap,.system-status{width:100%!important;min-width:0!important}.period-control input{font-size:11px!important}.action-row{display:grid!important;grid-template-columns:1fr!important}.action-row #saveBtn{grid-column:auto!important}.action-row .btn{width:100%!important}.profile-grid{grid-template-columns:1fr}.user-dialog{border-radius:15px}} /* V38.18.03 — período: camada de leitura estável sobre o input nativo */ .period-display-wrap{position:relative;min-width:0;flex:1 1 auto;height:30px;display:flex;align-items:center} .period-display{display:block;min-width:0;width:100%;padding-right:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#284c66;font-size:10.5px;font-weight:850;line-height:1.15;pointer-events:none} .period-display-wrap #periodSelector{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;opacity:0!important;cursor:pointer!important;z-index:2!important} .period-control:focus-within{border-color:#b9cfde!important;box-shadow:0 0 0 3px rgba(42,112,163,.06)!important} @media(max-width:1250px){.context-row{grid-template-columns:minmax(170px,1.2fr) minmax(150px,1.05fr) 42px minmax(145px,1fr) minmax(160px,1fr)!important}} /* ============================================================ V38.18.04 — HEADER SURGICAL STABILIZATION Objetivo: eliminar overflow, truncamento indevido e quebra vertical. Somente layout/visual; IDs, eventos, autenticação e regras de negócio preservados. ============================================================ */ .top{ position:sticky!important; top:8px!important; z-index:90!important; display:grid!important; grid-template-columns:minmax(320px,1fr) minmax(744px,auto)!important; align-items:center!important; gap:22px!important; width:100%!important; min-width:0!important; min-height:92px!important; box-sizing:border-box!important; margin:0 0 18px!important; padding:13px 16px 13px 20px!important; overflow:visible!important; } .top-context,.actions,.context-row,.period-control,.period-main,.period-display-wrap,.current-date-control,.user-menu-wrap,.user-chip,.user-chip-copy,.system-status,.system-status>div{min-width:0!important;box-sizing:border-box!important} .top-context{width:100%!important;padding-left:3px!important} .top-title-row{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;white-space:nowrap!important} .top-section-kicker{flex:0 1 auto!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:8.5px!important;letter-spacing:1.45px!important} .region-badge{flex:0 1 auto!important;min-width:0!important;max-width:190px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} .top h1,.top #pageTitle{margin:7px 0 2px!important;font-size:27px!important;line-height:1.02!important;letter-spacing:-.7px!important} .top .sub{max-width:100%!important;margin-top:5px!important;font-size:7.5px!important;line-height:1.3!important;letter-spacing:.95px!important;overflow:hidden!important;text-overflow:ellipsis!important} .actions{width:100%!important;max-width:none!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;gap:6px!important;position:relative!important} .context-row{width:100%!important;display:grid!important;grid-template-columns:minmax(178px,1.2fr) minmax(168px,1.1fr) 42px minmax(165px,1.05fr) minmax(165px,1.05fr)!important;gap:7px!important;align-items:center!important} .period-control,.current-date-control,.user-chip,.system-status,.notification-bell{height:43px!important;min-width:0!important} .period-control{width:100%!important;padding:5px 10px!important;overflow:hidden!important} .period-main{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important} .context-label{flex:0 0 auto!important;white-space:nowrap!important} .period-display-wrap{flex:1 1 auto!important;width:auto!important;overflow:hidden!important} .period-display{width:100%!important;min-width:0!important;display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:10.5px!important;line-height:1.15!important} .period-display-wrap #periodSelector{position:absolute!important;inset:0!important;width:100%!important;height:100%!important} .current-date-control{width:100%!important;padding:5px 9px!important} .current-date-control>div{min-width:0!important;overflow:hidden!important} .current-date-control b{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:9.5px!important} .notification-center{min-width:0!important;display:flex!important;justify-content:center!important} .notification-bell{width:42px!important;flex:0 0 42px!important} .user-menu-wrap{width:100%!important} .user-chip{width:100%!important;padding:5px 9px!important;overflow:hidden!important} .user-chip-copy{overflow:hidden!important} .user-chip b,.user-chip small{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} .system-status{width:100%!important;padding:5px 9px!important;overflow:hidden!important} .system-status>div{overflow:hidden!important} .system-status span,.system-status small{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} .action-row{width:100%!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:7px!important;min-width:0!important} .action-row .btn{height:32px!important;min-height:32px!important;padding:0 12px!important;white-space:nowrap!important} #refreshDataBtn{min-width:86px!important} #saveBtn{min-width:116px!important} .save-state{right:2px!important;bottom:-15px!important} /* At the common notebook/desktop range the shell has only ~840–1020px after the sidebar. Stack the identity and controls instead of squeezing them. */ @media(max-width:1300px){ .top{ grid-template-columns:1fr!important; gap:10px!important; min-height:0!important; padding:12px 15px 11px 19px!important; } .actions{width:100%!important} .context-row{grid-template-columns:minmax(155px,1.15fr) minmax(150px,1.08fr) 42px minmax(150px,1.02fr) minmax(150px,1.08fr)!important} } @media(max-width:950px){ .top{padding:12px 14px 11px 17px!important} .context-row{grid-template-columns:minmax(0,1.15fr) minmax(0,1.1fr) 42px!important;grid-template-areas:'period date notify' 'user system system'!important;row-gap:7px!important} .period-control{grid-area:period!important}.current-date-control{grid-area:date!important}.notification-center{grid-area:notify!important}.user-menu-wrap{grid-area:user!important}.system-status{grid-area:system!important} .action-row{padding-top:1px!important} } @media(max-width:650px){ .top{position:relative!important;top:0!important;padding:12px 12px 11px 15px!important;border-radius:0 0 13px 13px!important} .top-title-row{flex-wrap:wrap!important;white-space:normal!important} .top-section-kicker{font-size:7.5px!important;letter-spacing:1.15px!important} .region-badge{max-width:100%!important} .top h1,.top #pageTitle{font-size:23px!important} .top .sub{font-size:7px!important;letter-spacing:.8px!important;white-space:normal!important;display:block!important;max-height:28px!important} .context-row{grid-template-columns:1fr!important;grid-template-areas:'period' 'date' 'notify' 'user' 'system'!important} .period-control,.current-date-control,.notification-center,.user-menu-wrap,.system-status{grid-column:auto!important;grid-row:auto!important;width:100%!important} .notification-center{justify-content:flex-end!important} .notification-bell{width:42px!important} .action-row{display:grid!important;grid-template-columns:1fr 1fr!important} .action-row #saveBtn{grid-column:1/-1!important} .action-row .btn{width:100%!important} .save-state{display:none!important} } @media(max-width:420px){ .action-row{grid-template-columns:1fr!important} .action-row #saveBtn{grid-column:auto!important} } /* V38.18.05 — correção final de visibilidade dos diálogos e contenção do cabeçalho */ .user-dialog-backdrop[hidden], .user-dialog-backdrop[aria-hidden="true"], #profileDialog[hidden], #securityDialog[hidden]{display:none!important;visibility:hidden!important;pointer-events:none!important} .user-dialog-backdrop:not([hidden]){visibility:visible!important;pointer-events:auto!important} .top{grid-template-columns:minmax(260px,1fr) minmax(0,760px)!important} .actions{min-width:0!important;max-width:760px!important} .context-row{grid-template-columns:minmax(0,1.2fr) minmax(0,1.1fr) 42px minmax(0,1fr) minmax(0,1.05fr)!important} .user-menu{max-width:calc(100vw - 28px)!important;box-sizing:border-box!important} @media(max-width:1300px){.top{grid-template-columns:1fr!important}.context-row{grid-template-columns:minmax(0,1.15fr) minmax(0,1.08fr) 42px minmax(0,1fr) minmax(0,1.05fr)!important}} body.user-dialog-open{overflow:hidden!important} /* ============================================================ V38.18.06 — HEADER / IDENTIDADE DO USUÁRIO • SURGICAL FIX Objetivo: corrigir definitivamente a geometria do cabeçalho, leitura integral do período e renderização do usuário. Não altera IDs, dados, autenticação ou regras de negócio. ============================================================ */ /* 1) O seletor antigo .user-chip > span atingia avatar, texto e chevron. Isso transformava elementos internos em pequenos círculos/"bolinhas". Aqui cada filho recebe sua responsabilidade explicitamente. */ .user-chip > .user-avatar-dot{ width:25px!important; height:25px!important; min-width:25px!important; flex:0 0 25px!important; display:grid!important; place-items:center!important; border-radius:8px!important; background:#edf5fb!important; box-shadow:inset 0 0 0 1px #d7e6f0!important; font-size:initial!important; } .user-chip > .user-chip-copy{ width:auto!important; min-width:0!important; flex:1 1 auto!important; display:flex!important; flex-direction:column!important; justify-content:center!important; align-items:flex-start!important; overflow:hidden!important; background:transparent!important; box-shadow:none!important; } .user-chip > .user-chip-chevron{ width:auto!important; height:auto!important; min-width:14px!important; flex:0 0 14px!important; display:block!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; font-size:14px!important; color:#8ea0ad!important; line-height:1!important; } .user-chip .user-avatar-initial{ width:auto!important; height:auto!important; min-width:0!important; display:block!important; background:transparent!important; box-shadow:none!important; color:#2869a1!important; font-size:9px!important; font-weight:950!important; line-height:1!important; } .user-chip-copy b{ width:100%!important; max-width:100%!important; display:block!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; color:#244b67!important; font-size:10.5px!important; line-height:1.15!important; font-weight:900!important; } .user-chip-copy small{ width:100%!important; max-width:100%!important; display:block!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; margin-top:3px!important; color:#8b9aa6!important; font-size:7.5px!important; line-height:1.05!important; font-weight:900!important; letter-spacing:.55px!important; } /* 2) O período é uma camada textual própria. O input nativo fica invisível apenas para abrir o seletor, sem disputar espaço visual. */ .period-main{min-width:0!important;width:100%!important;display:flex!important;align-items:center!important} .period-main .context-label{flex:0 0 auto!important} .period-display-wrap{min-width:0!important;flex:1 1 auto!important;width:auto!important;overflow:hidden!important} .period-display{ min-width:0!important; width:100%!important; display:block!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; padding-right:4px!important; color:#284c66!important; font-size:10.5px!important; font-weight:850!important; line-height:1.15!important; } .period-display-wrap #periodSelector{ position:absolute!important; inset:0!important; width:100%!important; height:100%!important; margin:0!important; padding:0!important; opacity:0!important; cursor:pointer!important; z-index:3!important; } /* 3) Até 1300px a largura útil do conteúdo não comporta cinco cartões na mesma linha com boa leitura. A solução correta é 3 + 2, não comprimir texto até ficar ilegível. */ @media (max-width:1300px) and (min-width:651px){ .top{ grid-template-columns:1fr!important; gap:10px!important; min-height:0!important; padding:12px 15px 11px 19px!important; } .actions{width:100%!important;max-width:none!important;min-width:0!important} .context-row{ width:100%!important; display:grid!important; grid-template-columns:minmax(0,1.28fr) minmax(0,1.08fr) 42px!important; grid-template-areas: 'period date notify' 'user system system'!important; gap:7px!important; align-items:stretch!important; } .period-control{grid-area:period!important;min-width:0!important;width:100%!important} .current-date-control{grid-area:date!important;min-width:0!important;width:100%!important} .notification-center{grid-area:notify!important} .user-menu-wrap{grid-area:user!important;min-width:0!important;width:100%!important} .system-status{grid-area:system!important;min-width:0!important;width:100%!important} .user-chip{width:100%!important;min-width:0!important} .system-status>div{min-width:0!important} } /* 4) Acima de 1300px preserva a experiência horizontal premium. */ @media (min-width:1301px){ .top{ grid-template-columns:minmax(300px,1fr) minmax(700px,760px)!important; } .context-row{ grid-template-columns:minmax(190px,1.2fr) minmax(175px,1.05fr) 42px minmax(190px,1.05fr) minmax(175px,1fr)!important; } } /* 5) O menu nunca deve ser cortado pelo container do cabeçalho. */ .user-menu-wrap{position:relative!important;overflow:visible!important} .user-menu{z-index:200!important} @media (max-width:650px){ .period-display{font-size:11px!important} .user-chip-copy b{font-size:11px!important} .user-chip-copy small{font-size:8px!important} } /* ============================================================ V38.18.07 — HEADER EXECUTIVE BLUE / GEOMETRY RESET Redesenho estrutural da camada visual do cabeçalho. Mantém IDs, autenticação, período, notificações e regras de negócio. ============================================================ */ .top{ position:sticky!important; top:10px!important; z-index:90!important; display:grid!important; grid-template-columns:minmax(270px,0.92fr) minmax(0,1.75fr)!important; gap:20px!important; align-items:center!important; min-height:104px!important; margin:0 0 20px!important; padding:16px 18px 16px 22px!important; box-sizing:border-box!important; overflow:visible!important; border:1px solid rgba(117,164,201,.34)!important; border-radius:17px!important; background: radial-gradient(500px 180px at 96% -10%,rgba(61,137,203,.28),transparent 68%), radial-gradient(360px 150px at 7% 110%,rgba(211,164,57,.12),transparent 70%), linear-gradient(135deg,#071d31 0%,#0b2d4b 48%,#103b60 100%)!important; box-shadow:0 15px 35px rgba(5,25,43,.20),inset 0 1px 0 rgba(255,255,255,.055)!important; } .top::before{left:0!important;top:14px!important;bottom:14px!important;width:3px!important;border-radius:0 4px 4px 0!important;background:linear-gradient(180deg,#e5bd62,#b98225)!important;box-shadow:0 0 14px rgba(229,189,98,.25)!important} .top::after{right:0!important;top:0!important;bottom:0!important;width:30%!important;pointer-events:none!important;border-radius:0 17px 17px 0!important;background:linear-gradient(115deg,transparent 48%,rgba(255,255,255,.035) 100%)!important} .top-context{min-width:0!important;padding-left:3px!important;position:relative!important;z-index:2!important} .top-title-row{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;white-space:nowrap!important} .top-section-kicker{font-size:9px!important;line-height:1!important;letter-spacing:1.55px!important;font-weight:950!important;color:#e3b95a!important;white-space:nowrap!important} .region-badge{max-width:190px!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;padding:5px 9px!important;border:1px solid rgba(132,181,220,.30)!important;border-radius:999px!important;background:rgba(255,255,255,.065)!important;color:#d8e9f7!important;font-size:8px!important;font-weight:850!important} .top h1,.top #pageTitle{margin:9px 0 2px!important;color:#fff!important;font-size:30px!important;line-height:1.04!important;font-weight:850!important;letter-spacing:-.8px!important;text-shadow:0 3px 16px rgba(0,0,0,.16)!important} .top .sub{margin-top:5px!important;color:#9ebbd2!important;font-size:8.5px!important;line-height:1.3!important;font-weight:850!important;letter-spacing:1.05px!important;text-transform:uppercase!important;white-space:normal!important} .actions{min-width:0!important;width:100%!important;max-width:none!important;display:grid!important;grid-template-rows:auto auto!important;gap:8px!important;position:relative!important;z-index:5!important} .context-row{width:100%!important;min-width:0!important;display:grid!important;grid-template-columns:minmax(170px,1.18fr) minmax(150px,1.02fr) 44px minmax(170px,1.10fr) minmax(170px,1.05fr)!important;gap:7px!important;align-items:stretch!important} .period-control,.current-date-control,.user-chip,.system-status,.notification-bell{height:45px!important;box-sizing:border-box!important;border:1px solid rgba(139,183,215,.28)!important;border-radius:11px!important;background:rgba(255,255,255,.075)!important;color:#eef7ff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 5px 14px rgba(0,0,0,.10)!important} .period-control{min-width:0!important;width:100%!important;padding:5px 8px 5px 11px!important;overflow:hidden!important} .period-main{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;min-width:0!important} .context-label,.current-date-label{flex:0 0 auto!important;color:#8caac0!important;font-size:7px!important;font-weight:950!important;letter-spacing:1.05px!important;line-height:1!important} .period-display-wrap{position:relative!important;display:flex!important;align-items:center!important;min-width:0!important;flex:1 1 auto!important;width:auto!important;height:32px!important;overflow:hidden!important} .period-display,.period-display-label{display:block!important;width:100%!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#f4f9fd!important;font-size:11px!important;font-weight:850!important;line-height:1.15!important;padding-right:3px!important} .period-display-wrap #periodSelector{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;opacity:0!important;cursor:pointer!important;z-index:2!important} .period-picker-btn{width:28px!important;height:30px!important;flex:0 0 28px!important;display:grid!important;place-items:center!important;border:1px solid rgba(161,196,221,.25)!important;border-radius:8px!important;background:rgba(255,255,255,.08)!important;color:#e4bb60!important;font-size:11px!important;cursor:pointer!important;position:relative!important;z-index:4!important} .period-picker-btn:hover,.period-picker-btn:focus-visible{background:rgba(255,255,255,.14)!important;border-color:rgba(229,189,98,.55)!important;outline:none!important;box-shadow:0 0 0 3px rgba(229,189,98,.10)!important} .current-date-control{min-width:0!important;width:100%!important;padding:5px 10px!important;display:flex!important;align-items:center!important;gap:8px!important;overflow:hidden!important} .current-date-icon{width:23px!important;height:23px!important;flex:0 0 23px!important;display:grid!important;place-items:center!important;color:#e2b65b!important;background:rgba(227,182,91,.10)!important;border:1px solid rgba(227,182,91,.25)!important;border-radius:7px!important} .current-date-control>div{min-width:0!important;display:grid!important;gap:3px!important} .current-date-control b{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#edf6fd!important;font-size:9px!important;font-weight:850!important} .notification-center{min-width:0!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important} .notification-bell{width:44px!important;min-width:44px!important;flex:0 0 44px!important;display:grid!important;place-items:center!important;position:relative!important;color:#dcecf8!important} .notification-bell:hover,.notification-bell:focus-visible{background:rgba(255,255,255,.13)!important;border-color:rgba(145,188,218,.46)!important;outline:none!important} .notification-bell-icon{font-size:15px!important;line-height:1!important} .notification-badge{border-color:#0b2d4b!important} .user-menu-wrap{position:relative!important;min-width:0!important;width:100%!important;z-index:30!important;overflow:visible!important} .user-chip{width:100%!important;min-width:0!important;padding:5px 9px!important;display:flex!important;align-items:center!important;gap:8px!important;text-align:left!important;cursor:pointer!important;overflow:hidden!important;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease!important} .user-chip:hover,.user-chip:focus-visible,.user-chip[aria-expanded="true"]{background:rgba(255,255,255,.12)!important;border-color:rgba(149,193,222,.48)!important;box-shadow:0 8px 18px rgba(0,0,0,.14)!important;outline:none!important} .user-avatar-dot{width:27px!important;height:27px!important;min-width:27px!important;flex:0 0 27px!important;display:grid!important;place-items:center!important;border-radius:8px!important;background:linear-gradient(145deg,#edf7ff,#d9eaf5)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)!important} .user-avatar-initial{display:block!important;width:auto!important;height:auto!important;background:transparent!important;box-shadow:none!important;color:#205b87!important;font-size:9px!important;font-weight:950!important;line-height:1!important} .user-chip-copy{display:flex!important;flex:1 1 auto!important;min-width:0!important;overflow:hidden!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important} .user-chip-copy b{display:block!important;width:100%!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#f4f9fd!important;font-size:10.5px!important;line-height:1.12!important;font-weight:900!important} .user-chip-copy small{display:block!important;width:100%!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;margin-top:3px!important;color:#a5bdce!important;font-size:7.5px!important;line-height:1!important;font-weight:850!important;letter-spacing:.6px!important} .user-chip-chevron{display:grid!important;place-items:center!important;width:17px!important;height:17px!important;min-width:17px!important;flex:0 0 17px!important;color:#a8bfd0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;font-size:14px!important;line-height:1!important;transition:transform .16s ease!important} .user-chip[aria-expanded="true"] .user-chip-chevron{transform:rotate(180deg)!important} .system-status{width:100%!important;min-width:0!important;padding:5px 10px!important;display:flex!important;align-items:center!important;gap:8px!important;overflow:hidden!important} .system-status>div{min-width:0!important;overflow:hidden!important;display:grid!important;gap:3px!important} .system-status span,.system-status small{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} .system-status span{color:#dff5eb!important;font-size:8px!important;font-weight:900!important}.system-status small{color:#8faebf!important;font-size:7px!important} .status-dot{width:7px!important;height:7px!important;min-width:7px!important;flex:0 0 7px!important} .action-row{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:7px!important;width:100%!important;min-width:0!important} .action-row .btn{height:31px!important;min-height:31px!important;padding:0 12px!important;border-radius:8px!important;font-size:8.5px!important;white-space:nowrap!important} #refreshDataBtn{color:#dbeaf5!important;background:rgba(255,255,255,.065)!important;border-color:rgba(139,183,215,.26)!important} #saveBtn{background:linear-gradient(135deg,#2b78b3,#195d8d)!important;border-color:rgba(142,196,233,.35)!important;box-shadow:0 7px 16px rgba(7,52,84,.24)!important} .save-state{right:2px!important;bottom:-14px!important;color:#8fd0ad!important;font-size:7px!important} /* Menu do usuário — superfície branca premium, sempre acima do header. */ .user-menu{top:calc(100% + 9px)!important;right:0!important;width:310px!important;max-width:min(310px,calc(100vw - 24px))!important;z-index:250!important;padding:10px!important;border:1px solid #d8e3eb!important;border-radius:14px!important;background:#fff!important;box-shadow:0 22px 48px rgba(7,35,56,.22),0 3px 10px rgba(7,35,56,.07)!important} .user-menu[hidden]{display:none!important} .user-menu-head{padding:7px 7px 10px!important}.user-menu-avatar{background:#edf5fb!important;color:#205f8e!important}.user-menu-identity strong{color:#173b58!important}.user-menu-identity span{color:#8a9aa6!important} /* Faixas responsivas: jamais sobrepor. */ @media(max-width:1280px) and (min-width:951px){ .top{grid-template-columns:1fr!important;gap:11px!important;padding:14px 16px 13px 20px!important} .actions{grid-template-rows:auto auto!important} .context-row{grid-template-columns:minmax(170px,1.15fr) minmax(155px,1fr) 44px minmax(190px,1.15fr) minmax(190px,1.05fr)!important} } @media(max-width:950px) and (min-width:651px){ .top{grid-template-columns:1fr!important;gap:10px!important;min-height:0!important} .context-row{grid-template-columns:minmax(0,1.18fr) minmax(0,1.05fr) 44px!important;grid-template-areas:'period date notify' 'user system system'!important;row-gap:7px!important} .period-control{grid-area:period!important}.current-date-control{grid-area:date!important}.notification-center{grid-area:notify!important}.user-menu-wrap{grid-area:user!important}.system-status{grid-area:system!important} } @media(max-width:650px){ .top{position:relative!important;top:0!important;grid-template-columns:1fr!important;padding:13px 12px 12px 16px!important;border-radius:0 0 14px 14px!important} .top-title-row{flex-wrap:wrap!important;white-space:normal!important}.top-section-kicker{font-size:7.5px!important}.region-badge{max-width:100%!important} .top h1,.top #pageTitle{font-size:23px!important}.top .sub{font-size:7px!important;letter-spacing:.75px!important} .context-row{grid-template-columns:1fr!important;grid-template-areas:'period' 'date' 'notify' 'user' 'system'!important} .period-control,.current-date-control,.notification-center,.user-menu-wrap,.system-status{width:100%!important} .notification-center{justify-content:flex-end!important}.notification-bell{width:44px!important} .action-row{display:grid!important;grid-template-columns:1fr 1fr!important}.action-row #saveBtn{grid-column:1/-1!important}.action-row .btn{width:100%!important} } @media(max-width:420px){.action-row{grid-template-columns:1fr!important}.action-row #saveBtn{grid-column:auto!important}} /* V38.18.07A — ajuste final de composição: período e usuário nunca competem por largura. */ .period-control{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:7px!important} .period-control .period-main{flex:1 1 auto!important;width:auto!important;min-width:0!important} .period-control .period-picker-btn{flex:0 0 28px!important} @media(max-width:1250px) and (min-width:651px){ .top{grid-template-columns:1fr!important;align-items:stretch!important;gap:11px!important} .actions{max-width:none!important} .context-row{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) 44px!important;grid-template-areas:'period date notify' 'user system system'!important;gap:8px!important} .period-control{grid-area:period!important} .current-date-control{grid-area:date!important} .notification-center{grid-area:notify!important} .user-menu-wrap{grid-area:user!important} .system-status{grid-area:system!important} .user-chip{min-width:0!important} } /* ============================================================ V38.18.08 — CORREÇÃO DEFINITIVA • HEADER + AÇÕES DA TABELA Objetivo: eliminar compressão de controles e quebra vertical dos botões "Detalhes" / "Editar" sem alterar lógica ou dados. ============================================================ */ /* HEADER — em desktop largo, reservar espaço real para os controles. O layout anterior limitava .actions a 760px mesmo quando havia área disponível, fazendo período e usuário ficarem excessivamente estreitos. */ @media (min-width:1301px){ .top{ grid-template-columns:minmax(300px,.86fr) minmax(820px,1.72fr)!important; column-gap:22px!important; } .actions{ width:100%!important; max-width:none!important; } .context-row{ grid-template-columns:minmax(230px,1.35fr) minmax(145px,.82fr) 44px minmax(205px,1.08fr) minmax(180px,1fr)!important; gap:8px!important; } } /* Faixa intermediária: em vez de esmagar 5 controles, quebra em duas linhas previsíveis. Isso é mais elegante e mantém todos os textos legíveis. */ @media (min-width:951px) and (max-width:1300px){ .top{ grid-template-columns:1fr!important; gap:11px!important; align-items:stretch!important; } .actions{max-width:none!important;width:100%!important} .context-row{ grid-template-columns:minmax(220px,1.35fr) minmax(150px,.85fr) 44px minmax(205px,1.1fr) minmax(180px,1fr)!important; gap:8px!important; } } /* PERÍODO — leitura premium, sem cortar o mês no meio. */ .period-control{ min-width:0!important; } .period-control .period-main{ min-width:0!important; } .period-control .context-label{ flex:0 0 auto!important; white-space:nowrap!important; } .period-control .period-display-wrap{ min-width:0!important; flex:1 1 auto!important; } .period-control .period-display, .period-control .period-display-label{ overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; letter-spacing:.1px!important; } .period-control .period-picker-btn{ flex:0 0 30px!important; width:30px!important; } /* USUÁRIO — os três filhos têm largura controlada; o texto nunca vira uma coluna estreita de caracteres. */ .user-chip{ min-width:0!important; overflow:hidden!important; } .user-chip > .user-avatar-dot{ flex:0 0 28px!important; width:28px!important; height:28px!important; } .user-chip > .user-chip-copy{ min-width:0!important; flex:1 1 auto!important; width:auto!important; overflow:hidden!important; } .user-chip > .user-chip-copy > b, .user-chip > .user-chip-copy > small{ display:block!important; width:100%!important; max-width:100%!important; min-width:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } .user-chip > .user-chip-chevron{ flex:0 0 16px!important; width:16px!important; min-width:16px!important; text-align:center!important; } /* TABELA DE LANÇAMENTOS — a coluna de ações é uma unidade fixa e os botões não podem quebrar palavra por palavra. */ #lancamentos .launch-table{ table-layout:fixed!important; min-width:1160px!important; } #lancamentos .launch-table th.launch-action-head, #lancamentos .launch-table td:last-child{ width:184px!important; min-width:184px!important; } #lancamentos .launch-table td:last-child{ white-space:nowrap!important; } #lancamentos .launch-row-actions{ display:flex!important; align-items:center!important; justify-content:flex-end!important; flex-wrap:nowrap!important; gap:7px!important; width:100%!important; min-width:0!important; } #lancamentos .launch-row-actions button{ display:inline-flex!important; align-items:center!important; justify-content:center!important; flex:0 0 auto!important; width:auto!important; min-width:72px!important; height:30px!important; padding:0 10px!important; white-space:nowrap!important; word-break:normal!important; overflow-wrap:normal!important; line-height:1!important; } #lancamentos .launch-row-actions button:disabled{ min-width:120px!important; } /* Em telas menores, a tabela continua íntegra dentro do scroll horizontal; nunca sacrificamos a legibilidade das ações. */ @media(max-width:900px){ #lancamentos .launch-table{ min-width:1160px!important; } #lancamentos .launch-table th.launch-action-head, #lancamentos .launch-table td:last-child{ width:184px!important; min-width:184px!important; } } /* ============================================================ V38.18.09 — EXECUTIVE HEADER SIGNATURE Redesign final do cabeçalho: menos "cards", mais hierarquia, leitura executiva e identidade corporativa. Mantém HTML, IDs, eventos, autenticação e regras de negócio. ============================================================ */ .top{ position:sticky!important; top:10px!important; z-index:90!important; display:grid!important; grid-template-columns:minmax(330px,.92fr) minmax(700px,1.58fr)!important; align-items:center!important; gap:30px!important; min-height:102px!important; margin:0 0 20px!important; padding:15px 18px 14px 24px!important; box-sizing:border-box!important; overflow:visible!important; border:1px solid rgba(132,176,207,.30)!important; border-radius:18px!important; background: radial-gradient(560px 190px at 91% -20%,rgba(72,145,204,.23),transparent 67%), radial-gradient(420px 150px at 5% 115%,rgba(205,158,54,.10),transparent 72%), linear-gradient(120deg,#071d31 0%,#0a2945 54%,#0e385b 100%)!important; box-shadow:0 16px 34px rgba(4,24,42,.20),inset 0 1px 0 rgba(255,255,255,.055)!important; } .top::before{ content:""!important; left:0!important;top:15px!important;bottom:15px!important;width:3px!important; border-radius:0 3px 3px 0!important; background:#d9aa4b!important; box-shadow:0 0 14px rgba(217,170,75,.20)!important; } .top::after{ right:0!important;top:0!important;bottom:0!important;width:34%!important; pointer-events:none!important; border-radius:0 18px 18px 0!important; background:linear-gradient(112deg,transparent 42%,rgba(255,255,255,.035) 100%)!important; } .top-context{min-width:0!important;padding-left:0!important;position:relative!important;z-index:2!important} .top-title-row{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;white-space:nowrap!important} .top-section-kicker{ display:inline-flex!important;align-items:center!important;gap:7px!important; font-size:8.5px!important;line-height:1!important;letter-spacing:1.65px!important; font-weight:950!important;color:#e5bb5e!important;white-space:nowrap!important; } .top-section-kicker::before{ width:5px!important;height:5px!important;flex:0 0 5px!important; background:#e5bb5e!important;box-shadow:0 0 0 3px rgba(229,187,94,.10)!important; } .region-badge{ max-width:210px!important;min-width:0!important;height:22px!important; padding:0 9px!important;display:inline-flex!important;align-items:center!important; overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important; border:1px solid rgba(139,188,220,.26)!important;border-radius:6px!important; background:rgba(255,255,255,.045)!important;color:#bcd4e5!important; font-size:7.5px!important;font-weight:850!important;letter-spacing:.55px!important; } .top h1,.top #pageTitle{ margin:8px 0 2px!important;color:#f8fbfd!important; font-size:29px!important;line-height:1.02!important;font-weight:850!important; letter-spacing:-.9px!important;text-shadow:0 4px 18px rgba(0,0,0,.18)!important; } .top .sub{ margin-top:5px!important;color:#8eacc2!important;font-size:7.5px!important; line-height:1.25!important;font-weight:850!important;letter-spacing:1.15px!important; text-transform:uppercase!important;white-space:nowrap!important;overflow:hidden!important; text-overflow:ellipsis!important; } .actions{ min-width:0!important;width:100%!important;max-width:none!important; display:grid!important;grid-template-rows:auto auto!important;gap:7px!important; position:relative!important;z-index:5!important; } .context-row{ width:100%!important;min-width:0!important;display:grid!important; grid-template-columns:minmax(245px,1.38fr) minmax(145px,.82fr) 44px minmax(215px,1.20fr) minmax(190px,1.05fr)!important; gap:7px!important;align-items:stretch!important; } /* Controles: superfície única, bordas discretas e acentos sem aparência de cinco cartões independentes. */ .period-control,.current-date-control,.user-chip,.system-status,.notification-bell{ height:44px!important;box-sizing:border-box!important; border:1px solid rgba(133,178,207,.25)!important; border-radius:9px!important; background:rgba(255,255,255,.055)!important; color:#edf6fc!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important; } .period-control:hover,.current-date-control:hover,.user-chip:hover,.system-status:hover,.notification-bell:hover{ border-color:rgba(157,199,224,.42)!important; background:rgba(255,255,255,.075)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 8px 20px rgba(0,0,0,.10)!important; transform:none!important; } .period-control{ min-width:0!important;width:100%!important;padding:5px 7px 5px 12px!important; overflow:hidden!important;position:relative!important; } .period-control::before{ content:""!important;position:absolute!important;left:0!important;top:9px!important;bottom:9px!important; width:2px!important;border-radius:2px!important;background:#d9aa4b!important;opacity:.9!important; } .period-main{display:flex!important;align-items:center!important;gap:9px!important;width:100%!important;min-width:0!important} .context-label,.current-date-label{ flex:0 0 auto!important;color:#7f9bb0!important;font-size:6.5px!important; font-weight:950!important;letter-spacing:1.15px!important;line-height:1!important; } .period-display-wrap{position:relative!important;display:flex!important;align-items:center!important;min-width:0!important;flex:1 1 auto!important;width:auto!important;height:31px!important;overflow:hidden!important} .period-display,.period-display-label{ display:block!important;width:100%!important;min-width:0!important;overflow:hidden!important; text-overflow:ellipsis!important;white-space:nowrap!important;color:#f6fafc!important; font-size:11.5px!important;font-weight:900!important;line-height:1.15!important; letter-spacing:-.05px!important;padding-right:2px!important; } .period-display-wrap #periodSelector{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;opacity:0!important;cursor:pointer!important;z-index:2!important} .period-picker-btn{ width:29px!important;height:29px!important;flex:0 0 29px!important;display:grid!important;place-items:center!important; border:1px solid rgba(217,170,75,.25)!important;border-radius:7px!important; background:rgba(217,170,75,.08)!important;color:#e3b75a!important;font-size:10px!important; cursor:pointer!important;position:relative!important;z-index:4!important; } .current-date-control{min-width:0!important;width:100%!important;padding:5px 10px!important;display:flex!important;align-items:center!important;gap:8px!important;overflow:hidden!important} .current-date-icon{ width:23px!important;height:23px!important;flex:0 0 23px!important;display:grid!important;place-items:center!important; color:#dcb25a!important;background:rgba(220,178,90,.08)!important; border:1px solid rgba(220,178,90,.20)!important;border-radius:7px!important; } .current-date-control>div{min-width:0!important;display:grid!important;gap:3px!important} .current-date-control b{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#edf6fc!important;font-size:9px!important;font-weight:850!important} .notification-center{min-width:0!important;width:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important} .notification-bell{width:44px!important;min-width:44px!important;flex:0 0 44px!important;display:grid!important;place-items:center!important;position:relative!important;color:#c9dfed!important} .notification-bell-icon{font-size:15px!important;line-height:1!important} .user-menu-wrap{position:relative!important;min-width:0!important;width:100%!important;z-index:30!important;overflow:visible!important} .user-chip{ width:100%!important;min-width:0!important;padding:5px 9px 5px 8px!important; display:flex!important;align-items:center!important;gap:9px!important;text-align:left!important;cursor:pointer!important; overflow:hidden!important; } .user-chip::before{ content:"PERFIL"!important;position:absolute!important;right:28px!important;top:5px!important; color:#7895aa!important;font-size:5.5px!important;font-weight:950!important;letter-spacing:1px!important; pointer-events:none!important; } .user-avatar-dot{ width:28px!important;height:28px!important;min-width:28px!important;flex:0 0 28px!important; display:grid!important;place-items:center!important;border-radius:7px!important; background:linear-gradient(145deg,#f1f8fc,#d5e7f2)!important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)!important; } .user-avatar-initial{color:#18567f!important;font-size:9px!important;font-weight:950!important;line-height:1!important} .user-chip-copy{display:flex!important;flex:1 1 auto!important;min-width:0!important;overflow:hidden!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;padding-top:3px!important} .user-chip-copy b{display:block!important;width:100%!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#f5f9fc!important;font-size:10px!important;line-height:1.12!important;font-weight:900!important} .user-chip-copy small{display:block!important;width:100%!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;margin-top:3px!important;color:#9db7c9!important;font-size:7px!important;line-height:1!important;font-weight:850!important;letter-spacing:.55px!important} .user-chip-chevron{display:grid!important;place-items:center!important;width:17px!important;height:17px!important;min-width:17px!important;flex:0 0 17px!important;color:#9eb8ca!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;font-size:13px!important;line-height:1!important} .system-status{width:100%!important;min-width:0!important;padding:5px 10px!important;display:flex!important;align-items:center!important;gap:8px!important;overflow:hidden!important} .system-status>div{min-width:0!important;overflow:hidden!important;display:grid!important;gap:3px!important} .system-status span,.system-status small{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} .system-status span{color:#dff4e9!important;font-size:7.5px!important;font-weight:900!important}.system-status small{color:#8ba8bb!important;font-size:6.7px!important} .status-dot{width:7px!important;height:7px!important;min-width:7px!important;flex:0 0 7px!important} .action-row{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:7px!important;width:100%!important;min-width:0!important} .action-row .btn{height:30px!important;min-height:30px!important;padding:0 12px!important;border-radius:7px!important;font-size:8.5px!important;white-space:nowrap!important} #refreshDataBtn{color:#d8e9f5!important;background:rgba(255,255,255,.045)!important;border-color:rgba(136,180,207,.22)!important} #saveBtn{background:linear-gradient(135deg,#2d78b2,#195d8c)!important;border-color:rgba(142,196,233,.32)!important;box-shadow:0 7px 16px rgba(7,52,84,.22)!important} .save-state{right:2px!important;bottom:-13px!important;color:#8fd0ad!important;font-size:6.8px!important} /* Menu de usuário alinhado ao novo cabeçalho. */ .user-menu{top:calc(100% + 8px)!important;right:0!important;width:310px!important;max-width:min(310px,calc(100vw - 24px))!important;z-index:250!important} /* Responsividade: não comprimimos texto. A composição muda de estrutura. */ @media(max-width:1350px) and (min-width:951px){ .top{grid-template-columns:1fr!important;gap:10px!important;padding-right:18px!important} .actions{max-width:none!important} .context-row{grid-template-columns:minmax(220px,1.35fr) minmax(145px,.85fr) 44px minmax(210px,1.18fr) minmax(185px,1.02fr)!important} } @media(max-width:950px) and (min-width:651px){ .top{grid-template-columns:1fr!important;gap:10px!important;min-height:0!important} .context-row{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 44px!important;grid-template-areas:'period date notify' 'user system system'!important;row-gap:7px!important} .period-control{grid-area:period!important}.current-date-control{grid-area:date!important}.notification-center{grid-area:notify!important}.user-menu-wrap{grid-area:user!important}.system-status{grid-area:system!important} } @media(max-width:650px){ .top{position:relative!important;top:0!important;grid-template-columns:1fr!important;padding:13px 12px 12px 16px!important;border-radius:0 0 14px 14px!important} .top-title-row{flex-wrap:wrap!important;white-space:normal!important}.top-section-kicker{font-size:7.5px!important}.region-badge{max-width:100%!important} .top h1,.top #pageTitle{font-size:23px!important}.top .sub{font-size:7px!important;letter-spacing:.8px!important} .context-row{grid-template-columns:1fr!important;grid-template-areas:'period' 'date' 'notify' 'user' 'system'!important} .period-control,.current-date-control,.notification-center,.user-menu-wrap,.system-status{width:100%!important} .notification-center{justify-content:flex-end!important}.notification-bell{width:44px!important} .action-row{display:grid!important;grid-template-columns:1fr 1fr!important}.action-row #saveBtn{grid-column:1/-1!important}.action-row .btn{width:100%!important} } @media(max-width:420px){.action-row{grid-template-columns:1fr!important}.action-row #saveBtn{grid-column:auto!important}} /* ============================================================ V38.18.10 — HEADER ARCHITECTURE RESET Correção estrutural, não apenas cosmética. - 5 controles reais = 5 colunas reais - estado de salvamento pertence à barra de ações - elimina a cascata visual dos layers anteriores - preserva IDs, JS, Supabase, autenticação e regras de negócio ============================================================ */ .top{ position:sticky!important;top:10px!important;z-index:90!important; display:grid!important;grid-template-columns:minmax(360px,0.88fr) minmax(620px,1.42fr)!important; align-items:center!important;gap:34px!important; min-height:92px!important;margin:0 0 18px!important;padding:13px 18px 13px 24px!important; box-sizing:border-box!important;overflow:visible!important; border:1px solid rgba(114,158,190,.30)!important;border-radius:16px!important; background: radial-gradient(520px 160px at 100% 0%,rgba(69,137,194,.18),transparent 68%), linear-gradient(115deg,#071d31 0%,#0a2946 62%,#0d3556 100%)!important; box-shadow:0 13px 30px rgba(4,22,39,.18),inset 0 1px 0 rgba(255,255,255,.055)!important; } .top::before{content:""!important;left:0!important;top:14px!important;bottom:14px!important;width:3px!important;border-radius:0 3px 3px 0!important;background:#d9aa4b!important;box-shadow:none!important} .top::after{content:""!important;right:0!important;top:0!important;bottom:0!important;width:27%!important;border-radius:0 16px 16px 0!important;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.025) 100%)!important;pointer-events:none!important} .top-context{position:relative!important;z-index:2!important;min-width:0!important;padding:0!important} .top-title-row{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;white-space:nowrap!important} .top-section-kicker{display:inline-flex!important;align-items:center!important;gap:7px!important;font-size:8px!important;line-height:1!important;letter-spacing:1.7px!important;font-weight:900!important;color:#dcb45c!important;white-space:nowrap!important} .top-section-kicker::before{content:""!important;width:4px!important;height:4px!important;flex:0 0 4px!important;border-radius:50%!important;background:#dcb45c!important;box-shadow:0 0 0 3px rgba(220,180,92,.10)!important} .region-badge{height:20px!important;max-width:190px!important;padding:0 8px!important;display:inline-flex!important;align-items:center!important;border:1px solid rgba(142,190,220,.23)!important;border-radius:5px!important;background:rgba(255,255,255,.045)!important;color:#aac7da!important;font-size:7px!important;font-weight:850!important;letter-spacing:.55px!important} .top h1,.top #pageTitle{margin:8px 0 2px!important;color:#f7fbff!important;font-family:Manrope,Inter,sans-serif!important;font-size:28px!important;line-height:1.02!important;font-weight:850!important;letter-spacing:-.85px!important;text-shadow:none!important} .top .sub{margin-top:4px!important;color:#8da9be!important;font-size:7px!important;line-height:1.25!important;font-weight:800!important;letter-spacing:1.05px!important;text-transform:uppercase!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .actions{position:relative!important;z-index:3!important;min-width:0!important;width:100%!important;display:grid!important;grid-template-rows:auto auto!important;gap:6px!important} .context-row{width:100%!important;min-width:0!important;display:grid!important;grid-template-columns:minmax(190px,1.45fr) minmax(138px,1fr) 40px minmax(180px,1.22fr) minmax(155px,1.02fr)!important;gap:6px!important;align-items:stretch!important} /* A barra utilitária não deve parecer uma fileira de cards. */ .period-control,.current-date-control,.user-chip,.system-status,.notification-bell{ box-sizing:border-box!important;height:42px!important;border:0!important;border-radius:7px!important; background:rgba(255,255,255,.045)!important;color:#eaf4fb!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important; } .period-control:hover,.current-date-control:hover,.user-chip:hover,.system-status:hover,.notification-bell:hover{ background:rgba(255,255,255,.065)!important;border:0!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;transform:none!important } .period-control{position:relative!important;min-width:0!important;width:100%!important;padding:5px 8px 5px 11px!important;overflow:hidden!important} .period-control::before{content:""!important;position:absolute!important;left:0!important;top:8px!important;bottom:8px!important;width:2px!important;border-radius:2px!important;background:#d9aa4b!important} .period-main{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;min-width:0!important} .context-label,.current-date-label{color:#7896ab!important;font-size:6px!important;font-weight:900!important;letter-spacing:1.15px!important;line-height:1!important} .period-display-wrap{position:relative!important;display:flex!important;align-items:center!important;min-width:0!important;flex:1 1 auto!important;height:30px!important;overflow:hidden!important} .period-display,.period-display-label{display:block!important;width:100%!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#f3f8fc!important;font-size:11px!important;font-weight:900!important;line-height:1.1!important} .period-display-wrap #periodSelector{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;z-index:2!important} .period-picker-btn{width:27px!important;height:27px!important;flex:0 0 27px!important;display:grid!important;place-items:center!important;border:1px solid rgba(217,170,75,.22)!important;border-radius:6px!important;background:rgba(217,170,75,.07)!important;color:#e0b65c!important;font-size:9px!important} .current-date-control{min-width:0!important;width:100%!important;padding:5px 8px!important;display:flex!important;align-items:center!important;gap:7px!important;overflow:hidden!important} .current-date-icon{width:22px!important;height:22px!important;flex:0 0 22px!important;display:grid!important;place-items:center!important;color:#d9b15b!important;background:rgba(217,177,91,.07)!important;border:1px solid rgba(217,177,91,.15)!important;border-radius:6px!important} .current-date-control>div{min-width:0!important;display:grid!important;gap:3px!important} .current-date-control b{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#dcebf4!important;font-size:8.5px!important;font-weight:850!important} .notification-center{min-width:0!important;width:40px!important;height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important} .notification-bell{width:40px!important;min-width:40px!important;height:42px!important;display:grid!important;place-items:center!important;position:relative!important;color:#b9d1e1!important} .notification-bell-icon{font-size:14px!important;line-height:1!important} .user-menu-wrap{position:relative!important;z-index:30!important;min-width:0!important;width:100%!important;overflow:visible!important} .user-chip{position:relative!important;width:100%!important;min-width:0!important;padding:5px 8px!important;display:flex!important;align-items:center!important;gap:8px!important;text-align:left!important;overflow:hidden!important;cursor:pointer!important} .user-chip::before{display:none!important;content:none!important} .user-avatar-dot{width:27px!important;height:27px!important;min-width:27px!important;flex:0 0 27px!important;display:grid!important;place-items:center!important;border-radius:7px!important;background:#eaf3f8!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.48)!important} .user-avatar-initial{color:#1b557d!important;font-size:9px!important;font-weight:950!important;line-height:1!important} .user-chip-copy{display:flex!important;flex:1 1 auto!important;min-width:0!important;overflow:hidden!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important} .user-chip-copy b{display:block!important;width:100%!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#f1f7fb!important;font-size:9.5px!important;line-height:1.1!important;font-weight:900!important} .user-chip-copy small{display:block!important;width:100%!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;margin-top:3px!important;color:#8eabbf!important;font-size:6.5px!important;line-height:1!important;font-weight:850!important;letter-spacing:.65px!important} .user-chip-chevron{width:14px!important;height:14px!important;min-width:14px!important;flex:0 0 14px!important;display:grid!important;place-items:center!important;color:#8eabba!important;background:none!important;border:0!important;box-shadow:none!important;font-size:12px!important;line-height:1!important} .user-chip[aria-expanded=true] .user-chip-chevron{transform:rotate(180deg)!important} .system-status{min-width:0!important;width:100%!important;padding:5px 9px!important;display:flex!important;align-items:center!important;gap:7px!important;overflow:hidden!important} .system-status>div{min-width:0!important;overflow:hidden!important;display:grid!important;gap:3px!important} .system-status span,.system-status small{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} .system-status span{color:#cfeade!important;font-size:7px!important;font-weight:900!important}.system-status small{color:#7696a9!important;font-size:6px!important} .status-dot{width:6px!important;height:6px!important;min-width:6px!important;flex:0 0 6px!important} .action-row{width:100%!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important} .action-row .btn{height:27px!important;min-height:27px!important;padding:0 10px!important;border-radius:6px!important;font-size:7.5px!important;white-space:nowrap!important} #refreshDataBtn{color:#9fb9ca!important;background:transparent!important;border:1px solid rgba(127,166,192,.20)!important} #saveBtn{background:#2b6f9e!important;border:1px solid rgba(130,190,225,.25)!important;box-shadow:0 5px 13px rgba(0,0,0,.15)!important} .save-state{position:static!important;margin-left:2px!important;color:#80c59f!important;font-size:6.5px!important;white-space:nowrap!important} .user-menu{top:calc(100% + 8px)!important;right:0!important;width:300px!important;max-width:min(300px,calc(100vw - 24px))!important} /* Breakpoints estruturais — nunca comprimir texto para caber. */ @media(max-width:1280px) and (min-width:951px){ .top{grid-template-columns:1fr!important;gap:9px!important;padding-right:18px!important} .context-row{grid-template-columns:minmax(200px,1.35fr) minmax(140px,1fr) 40px minmax(180px,1.2fr) minmax(155px,1fr)!important} } @media(max-width:950px) and (min-width:651px){ .top{grid-template-columns:1fr!important;gap:10px!important;min-height:0!important} .context-row{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 40px!important;grid-template-areas:'period date notify' 'user system system'!important;row-gap:6px!important} .period-control{grid-area:period!important}.current-date-control{grid-area:date!important}.notification-center{grid-area:notify!important}.user-menu-wrap{grid-area:user!important}.system-status{grid-area:system!important} } @media(max-width:650px){ .top{position:relative!important;top:0!important;grid-template-columns:1fr!important;padding:12px 12px 11px 16px!important;border-radius:0 0 14px 14px!important} .top-title-row{flex-wrap:wrap!important;white-space:normal!important}.top-section-kicker{font-size:7px!important}.region-badge{max-width:100%!important} .top h1,.top #pageTitle{font-size:22px!important}.top .sub{font-size:6.5px!important;letter-spacing:.8px!important} .context-row{grid-template-columns:1fr!important;grid-template-areas:'period' 'date' 'notify' 'user' 'system'!important} .period-control,.current-date-control,.notification-center,.user-menu-wrap,.system-status{width:100%!important} .notification-center{justify-content:flex-end!important}.notification-bell{width:40px!important} .action-row{justify-content:flex-start!important;flex-wrap:wrap!important}.save-state{margin-left:0!important} } /* ================================================================ V38.18.11 — EXECUTIVE COMMAND HEADER Arquitetura final: identidade à esquerda + barra operacional à direita. Não usar como patch de dimensão; o objetivo é eliminar compressão. ================================================================ */ .top{ position:sticky!important; top:12px!important; z-index:90!important; display:grid!important; grid-template-columns:minmax(300px,.78fr) minmax(620px,1.22fr)!important; gap:28px!important; align-items:center!important; min-height:116px!important; margin:0 0 20px!important; padding:15px 16px 14px 22px!important; box-sizing:border-box!important; overflow:visible!important; border:1px solid rgba(116,163,198,.30)!important; border-radius:18px!important; background: radial-gradient(460px 170px at 100% 0%,rgba(71,142,199,.18),transparent 70%), linear-gradient(120deg,#071d31 0%,#0a2946 58%,#0d3556 100%)!important; box-shadow:0 14px 32px rgba(4,22,39,.17),inset 0 1px 0 rgba(255,255,255,.055)!important; } .top::before{ content:""!important;position:absolute!important;left:0!important;top:17px!important;bottom:17px!important; width:3px!important;border-radius:0 3px 3px 0!important;background:#d9aa4b!important;box-shadow:none!important; } .top::after{ content:""!important;position:absolute!important;right:0!important;top:0!important;bottom:0!important;width:25%!important; border-radius:0 18px 18px 0!important;pointer-events:none!important; background:linear-gradient(112deg,transparent 38%,rgba(255,255,255,.028) 100%)!important; } .top-context{position:relative!important;z-index:2!important;min-width:0!important;padding:0!important} .top-title-row{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;white-space:nowrap!important} .top-section-kicker{ display:inline-flex!important;align-items:center!important;gap:7px!important; font-size:8px!important;line-height:1!important;letter-spacing:1.75px!important;font-weight:900!important; color:#dcb45c!important;white-space:nowrap!important; } .top-section-kicker::before{content:""!important;width:4px!important;height:4px!important;flex:0 0 4px!important;border-radius:50%!important;background:#dcb45c!important;box-shadow:0 0 0 3px rgba(220,180,92,.09)!important} .region-badge{ height:20px!important;max-width:185px!important;min-width:0!important;padding:0 8px!important; display:inline-flex!important;align-items:center!important;overflow:hidden!important;text-overflow:ellipsis!important; border:1px solid rgba(143,190,220,.22)!important;border-radius:5px!important;background:rgba(255,255,255,.045)!important; color:#b9d0df!important;font-size:7px!important;font-weight:850!important;letter-spacing:.55px!important; } .top h1,.top #pageTitle{ margin:9px 0 2px!important;color:#f7fbff!important;font-family:Manrope,Inter,sans-serif!important; font-size:30px!important;line-height:1.02!important;font-weight:850!important;letter-spacing:-.95px!important;text-shadow:none!important; } .top .sub{ margin-top:5px!important;color:#8faabd!important;font-size:7px!important;line-height:1.3!important;font-weight:800!important; letter-spacing:1.05px!important;text-transform:uppercase!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important; } .actions{ position:relative!important;z-index:3!important;min-width:0!important;width:100%!important; display:grid!important;grid-template-rows:auto auto!important;gap:8px!important;align-content:center!important; } /* Cinco controles nunca mais cabem numa única linha estreita. */ .context-row{ width:100%!important;min-width:0!important;display:grid!important; grid-template-columns:minmax(185px,1.55fr) minmax(108px,.82fr) 42px minmax(145px,1.12fr)!important; grid-template-areas:"period date notify user" "system system system system"!important; gap:6px!important;align-items:stretch!important; } .period-control{grid-area:period!important} .current-date-control{grid-area:date!important} .notification-center{grid-area:notify!important;min-width:0!important} .user-menu-wrap{grid-area:user!important;min-width:0!important} .system-status{grid-area:system!important} .period-control,.current-date-control,.user-chip,.system-status,.notification-bell{ box-sizing:border-box!important;height:38px!important;border:0!important;border-radius:7px!important; background:rgba(255,255,255,.045)!important;color:#eaf4fb!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important; } .period-control:hover,.current-date-control:hover,.user-chip:hover,.system-status:hover,.notification-bell:hover{ background:rgba(255,255,255,.065)!important;border:0!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;transform:none!important; } .period-control{padding:4px 7px 4px 10px!important;overflow:hidden!important} .period-main{display:flex!important;align-items:center!important;gap:7px!important;width:100%!important;min-width:0!important;height:100%!important} .context-label,.current-date-label{flex:0 0 auto!important;color:#8ca9bc!important;font-size:6.5px!important;font-weight:950!important;letter-spacing:1px!important;line-height:1!important} .period-display-wrap{position:relative!important;display:flex!important;align-items:center!important;min-width:0!important;flex:1 1 auto!important;height:28px!important;overflow:hidden!important} .period-display-label{display:block!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#f0f6fa!important;font-size:9px!important;font-weight:900!important;letter-spacing:.05px!important} .period-display-wrap input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important} .period-picker-btn{width:24px!important;height:26px!important;min-width:24px!important;flex:0 0 24px!important;border:1px solid rgba(147,190,216,.18)!important;border-radius:6px!important;background:rgba(255,255,255,.035)!important;color:#b7cedd!important;font-size:10px!important;display:grid!important;place-items:center!important;padding:0!important} .current-date-control{padding:5px 9px!important;display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important} .current-date-icon{display:grid!important;place-items:center!important;width:22px!important;height:22px!important;flex:0 0 22px!important;border-radius:6px!important;background:rgba(255,255,255,.055)!important;color:#c3d7e4!important;font-size:12px!important} .current-date-control>div{min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important} .current-date-control b{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#f0f6fa!important;font-size:7.5px!important;line-height:1.15!important;font-weight:850!important;margin-top:2px!important} .notification-center{height:38px!important;min-width:42px!important;position:relative!important} .notification-bell{width:42px!important;min-width:42px!important;padding:0!important;display:grid!important;place-items:center!important;cursor:pointer!important} .notification-bell-icon{font-size:15px!important;color:#bfd4e1!important;line-height:1!important} .notification-badge{top:5px!important;right:5px!important;min-width:13px!important;height:13px!important;font-size:7px!important;border:2px solid #0b2b47!important} .user-chip{width:100%!important;min-width:0!important;padding:4px 8px!important;display:flex!important;align-items:center!important;gap:7px!important;text-align:left!important;overflow:hidden!important;cursor:pointer!important} .user-chip::before{display:none!important;content:none!important} .user-chip>.user-avatar-dot{width:25px!important;height:25px!important;min-width:25px!important;flex:0 0 25px!important;border-radius:7px!important;background:#eef5f9!important;box-shadow:none!important;display:grid!important;place-items:center!important} .user-avatar-initial{font-size:9px!important;font-weight:950!important;color:#15507b!important} .user-chip-copy{display:flex!important;flex:1 1 auto!important;min-width:0!important;overflow:hidden!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;padding:0!important} .user-chip-copy b{display:block!important;width:100%!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#f1f7fb!important;font-size:8.5px!important;line-height:1.1!important;font-weight:900!important} .user-chip-copy small{display:block!important;width:100%!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;margin-top:3px!important;color:#8faabd!important;font-size:6.2px!important;line-height:1!important;font-weight:850!important;letter-spacing:.6px!important} .user-chip-chevron{width:13px!important;height:13px!important;min-width:13px!important;flex:0 0 13px!important;display:grid!important;place-items:center!important;color:#8faabd!important;background:none!important;border:0!important;box-shadow:none!important;font-size:11px!important;line-height:1!important} .user-chip[aria-expanded=true] .user-chip-chevron{transform:rotate(180deg)!important} .system-status{width:100%!important;min-width:0!important;padding:5px 9px!important;display:flex!important;align-items:center!important;gap:7px!important} .system-status .status-dot{width:7px!important;height:7px!important;min-width:7px!important;flex:0 0 7px!important} .system-status>div{min-width:0!important;display:flex!important;align-items:center!important;gap:7px!important;overflow:hidden!important} .system-status span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#d9e8f1!important;font-size:7px!important;font-weight:850!important} .system-status small{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#7795aa!important;font-size:6.3px!important;font-weight:750!important} .action-row{width:100%!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important} .action-row .btn{height:27px!important;min-height:27px!important;padding:0 10px!important;border-radius:6px!important;font-size:7.5px!important;white-space:nowrap!important} .action-row #logoutBtn{display:none!important} .action-row #refreshDataBtn{border:1px solid rgba(143,190,216,.18)!important;background:rgba(255,255,255,.035)!important;color:#c5d9e5!important;box-shadow:none!important} .action-row #saveBtn{min-width:132px!important;background:#d9aa4b!important;color:#102a40!important;border-color:#d9aa4b!important;box-shadow:none!important;font-weight:950!important} .save-state{height:27px!important;display:flex!important;align-items:center!important;padding:0 9px!important;border:0!important;background:transparent!important;color:#83a0b2!important;font-size:6.8px!important;white-space:nowrap!important} @media(max-width:1280px){ .top{grid-template-columns:minmax(270px,.74fr) minmax(580px,1.26fr)!important;gap:20px!important;padding-left:20px!important} } @media(max-width:1120px){ .top{grid-template-columns:1fr!important;gap:10px!important;min-height:0!important;padding:14px 16px 13px 20px!important} .actions{width:100%!important} } @media(max-width:720px){ .top{top:0!important;border-radius:0 0 14px 14px!important;padding:12px 12px 12px 16px!important} .top h1,.top #pageTitle{font-size:24px!important} .top .sub{font-size:6.5px!important} .context-row{grid-template-columns:minmax(0,1fr) 112px 40px!important;grid-template-areas:"period date notify" "user user user" "system system system"!important} .user-chip{height:38px!important} .action-row{justify-content:flex-start!important;flex-wrap:wrap!important} } @media(max-width:460px){ .context-row{grid-template-columns:1fr!important;grid-template-areas:"period" "date" "notify" "user" "system"!important} .action-row{display:grid!important;grid-template-columns:1fr!important} .action-row .btn,.action-row #saveBtn,.save-state{width:100%!important} .save-state{justify-content:center!important} } /* V38.19 — MOBILE USER MENU FINAL O menu é transportado para no celular. As regras abaixo anulam qualquer geometria antiga do header e preservam o menu acima de todos os containers/stacking contexts. */ @media (max-width:680px){ body > .user-menu[data-mobile-portal="true"]{ position:fixed!important; top:var(--mobile-user-menu-top,72px)!important; left:var(--mobile-user-menu-left,12px)!important; right:auto!important; width:var(--mobile-user-menu-width,calc(100vw - 24px))!important; max-width:calc(100vw - 24px)!important; max-height:var(--mobile-user-menu-max-height,calc(100dvh - 84px))!important; overflow-y:auto!important; overflow-x:hidden!important; z-index:2147483647!important; margin:0!important; transform:none!important; visibility:visible!important; opacity:1!important; pointer-events:auto!important; display:block!important; } } /* ============================================================ V38.20.00 — CENTRO DE EVENTOS CORPORATIVOS Camada visual aditiva. Não altera o núcleo de autenticação. ============================================================ */ .notification-panel-foot{gap:10px;justify-content:space-between!important;align-items:center} #openCorporateEventCenter{color:var(--gold-dark,#8a6418)!important;font-weight:900!important} .corporate-event-center-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px} .corporate-event-center-modal[hidden]{display:none} .corporate-event-center-backdrop{position:absolute;inset:0;background:rgba(4,17,29,.62);backdrop-filter:blur(5px)} .corporate-event-center{position:relative;width:min(980px,calc(100vw - 28px));max-height:min(820px,calc(100vh - 32px));display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;overflow:hidden;background:#f8fafc;border:1px solid rgba(93,127,157,.28);border-radius:22px;box-shadow:0 28px 80px rgba(2,18,33,.34)} .corporate-event-center-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:24px 26px 20px;background:linear-gradient(135deg,#071e34,#0d385d);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)} .corporate-event-center-kicker{display:block;color:#e5b84f;font-size:9px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:7px} .corporate-event-center-head h2{margin:0;color:#fff;font:800 28px/1.05 Manrope,Inter,sans-serif;letter-spacing:-.7px} .corporate-event-center-head p{margin:8px 0 0;color:#a9c5da;font-size:11px;line-height:1.45;max-width:680px} .corporate-event-center-close{width:38px;height:38px;flex:0 0 38px;border:1px solid rgba(255,255,255,.2);border-radius:11px;background:rgba(255,255,255,.06);color:#fff;font-size:24px;line-height:1;cursor:pointer} .corporate-event-center-close:hover,.corporate-event-center-close:focus-visible{background:rgba(255,255,255,.13);outline:none} .corporate-event-center-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px 20px;border-bottom:1px solid var(--line-soft);background:#fff} .corporate-event-center-stats>div{min-width:0;padding:12px 14px;border:1px solid #e5ebf1;border-radius:13px;background:#fbfcfd;display:grid;gap:3px} .corporate-event-center-stats span{font-size:8px;font-weight:900;letter-spacing:1px;color:var(--muted-2)} .corporate-event-center-stats b{font-size:22px;line-height:1;color:var(--heading)} .corporate-event-center-stats .event-stat-critical b{color:var(--red-dark)} .corporate-event-center-stats .event-stat-attention b{color:var(--orange-dark)} .corporate-event-center-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 20px;border-bottom:1px solid var(--line-soft);background:#fff} .corporate-event-center-filters{display:flex;gap:6px;flex-wrap:wrap} .event-filter{border:1px solid #dce5ec;border-radius:999px;background:#fff;color:#617487;padding:7px 11px;font-size:9px;font-weight:900;cursor:pointer} .event-filter:hover,.event-filter.active{background:#0c3354;border-color:#0c3354;color:#fff} .corporate-event-mark-all{border:0;background:transparent;color:#174c73;font-size:9px;font-weight:900;cursor:pointer;padding:7px} .corporate-event-mark-all:hover{text-decoration:underline} .corporate-event-center-list{min-height:0;overflow:auto;padding:8px 12px;background:#f5f8fa} .corporate-event-row{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;text-align:left;border:1px solid transparent;border-radius:13px;background:#fff;padding:12px 13px;margin:3px 0;cursor:pointer} .corporate-event-row:hover{border-color:#d7e2eb;box-shadow:0 4px 14px rgba(16,43,66,.06)} .corporate-event-row.is-unread{background:#fbfdff;border-color:#e3ebf2} .corporate-event-level{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:12px;font-weight:900} .corporate-event-level.level-info{background:#eaf2fb;color:#245c90}.corporate-event-level.level-atencao{background:var(--orange-bg);color:var(--orange-dark)}.corporate-event-level.level-critico,.corporate-event-level.level-seguranca{background:var(--red-bg);color:var(--red-dark)}.corporate-event-level.level-concluido{background:var(--green-bg);color:var(--green-dark)}.corporate-event-level.level-administrativo{background:var(--gold-bg);color:var(--gold)} .corporate-event-body{min-width:0;display:grid;gap:4px}.corporate-event-body b{font-size:11px;color:var(--heading)}.corporate-event-body>span{font-size:10px;line-height:1.4;color:var(--muted)}.corporate-event-body small{font-size:8px;color:var(--muted-2);font-weight:800;text-transform:uppercase;letter-spacing:.25px} .corporate-event-state{font-size:8px;font-weight:900;letter-spacing:.7px;color:#7d8c99}.is-unread .corporate-event-state{color:#1b5f8e} .corporate-event-loading,.corporate-event-empty{min-height:260px;display:grid;place-content:center;text-align:center;gap:6px;color:var(--muted);font-size:11px;padding:30px}.corporate-event-empty b{color:var(--heading);font-size:13px}.corporate-event-empty span{max-width:390px;line-height:1.5} .corporate-event-center-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;background:#fff;border-top:1px solid var(--line-soft);color:var(--muted-2);font-size:8px;font-weight:800}.corporate-event-center-foot button{border:0;background:transparent;color:#174c73;font-weight:900;cursor:pointer} body.corporate-event-center-open{overflow:hidden} @media(max-width:700px){ .corporate-event-center-modal{padding:0} .corporate-event-center{width:100vw;height:100vh;max-height:none;border-radius:0;grid-template-rows:auto auto auto minmax(0,1fr) auto} .corporate-event-center-head{padding:18px 16px 16px}.corporate-event-center-head h2{font-size:22px}.corporate-event-center-head p{font-size:10px} .corporate-event-center-stats{grid-template-columns:repeat(2,1fr);padding:10px 12px} .corporate-event-center-toolbar{align-items:flex-start;flex-direction:column;padding:10px 12px} .corporate-event-center-filters{width:100%;overflow:auto;flex-wrap:nowrap;padding-bottom:2px}.event-filter{flex:0 0 auto} .corporate-event-mark-all{align-self:flex-end} .corporate-event-row{grid-template-columns:34px minmax(0,1fr);padding:11px 9px}.corporate-event-state{display:none} .corporate-event-center-foot{padding-bottom:max(10px,env(safe-area-inset-bottom));} } /* V38.20.02 — inteligência de eventos */ .corporate-event-center-stats{grid-template-columns:repeat(6,minmax(0,1fr))} .corporate-event-stats-sla,.event-stat-sla{background:#fff8f0!important} .event-meta-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:2px} .event-sla,.event-status-pill{display:inline-flex;align-items:center;min-height:20px;padding:3px 7px;border-radius:999px;background:#eef4f8;color:#496477;font-size:8px;font-weight:900;letter-spacing:.25px} .event-sla.overdue{background:var(--red-bg);color:var(--red-dark)} .event-status-pill{background:#f2f5f7;color:#6c7d8a} .event-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:5px} .event-action{border:1px solid #d6e0e7;border-radius:8px;background:#fff;color:#174c73;padding:6px 9px;font-size:8px;font-weight:900;cursor:pointer} .event-action:hover,.event-action:focus-visible{border-color:#174c73;outline:none} .event-action-primary{background:#0c3354;border-color:#0c3354;color:#fff} .event-action-muted{color:#687985} .corporate-event-open{align-self:start;border:0;background:transparent;color:#174c73;font-size:8px;font-weight:900;cursor:pointer;padding:4px 2px} .corporate-event-open:hover{text-decoration:underline} @media(max-width:900px){.corporate-event-center-stats{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:700px){.corporate-event-center-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.corporate-event-row{grid-template-columns:34px minmax(0,1fr) auto}.corporate-event-open{display:none}.event-actions{padding-right:4px}} /* V38.21.13 — Integração Executiva do Motor de Inteligência. Camada complementar; não altera indicadores legados. */ .executive-intelligence-panel{margin:18px 0;border:1px solid var(--line);border-radius:17px;background:var(--surface,#fff);overflow:hidden} .executive-intelligence-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px;padding:18px} .executive-intelligence-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} .executive-intelligence-summary>div{padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:rgba(14,44,72,.025)} .executive-intelligence-summary span,.executive-intelligence-rec-head span{display:block;font-size:9px;font-weight:800;letter-spacing:.08em;color:#718092} .executive-intelligence-summary b{display:block;margin-top:5px;font-size:20px;line-height:1;color:var(--navy,#0E2C48)} .executive-intelligence-recommendations{border:1px solid var(--line);border-radius:12px;padding:13px} .executive-intelligence-rec-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;margin-bottom:10px} .executive-intelligence-rec-head small{font-size:9px;color:#8995a2;text-align:right} .executive-intelligence-rec{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:10px 0;border-top:1px solid var(--line)} .executive-intelligence-rec:first-child{border-top:0} .executive-intelligence-rec .score{font-weight:800;font-size:14px;min-width:34px} .executive-intelligence-rec .body b{display:block;font-size:11px;color:var(--navy,#0E2C48)} .executive-intelligence-rec .body small{display:block;margin-top:2px;font-size:9px;color:#7c8895} .executive-intelligence-rec .priority{font-size:8px;font-weight:800;letter-spacing:.05em;padding:5px 7px;border-radius:999px;border:1px solid var(--line)} .executive-intelligence-empty{font-size:10px;color:#8b96a3;padding:16px 2px;text-align:center} @media(max-width:850px){.executive-intelligence-grid{grid-template-columns:1fr}.executive-intelligence-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.executive-intelligence-rec-head{align-items:flex-start;flex-direction:column}.executive-intelligence-rec-head small{text-align:left}} /* ============================================================ V38.22.02 — LOGIN CORPORATIVO / REFINAMENTO CIRÚRGICO Escopo: somente #authOverlay. Não altera o shell autenticado. ============================================================ */ #authOverlay .auth-box{ padding:30px 36px 30px; } #authOverlay .auth-logo{ width:100px; max-width:100px; margin:0 0 13px; transform:translateY(-2px); } #authOverlay .auth-brand{letter-spacing:1.45px} #authOverlay .auth-kicker{letter-spacing:1.55px} #authOverlay .auth-box h2{margin-top:22px} #authOverlay .auth-remember{ position:relative; display:flex; align-items:center; gap:9px; width:max-content; max-width:100%; margin:10px 0 0; cursor:pointer; user-select:none; color:#667789; font:700 12px/18px Inter,system-ui,sans-serif; } #authOverlay .auth-remember input{ position:absolute; opacity:0; width:1px; height:1px; pointer-events:none; } #authOverlay .auth-remember-box{ width:15px;height:15px;flex:0 0 15px;box-sizing:border-box; border:1px solid #c8d1da;border-radius:4px;background:#fff; box-shadow:0 1px 2px rgba(10,26,44,.05); transition:border-color .16s ease,background .16s ease,box-shadow .16s ease; } #authOverlay .auth-remember-copy{white-space:nowrap} #authOverlay .auth-remember:hover{color:#334d63} #authOverlay .auth-remember input:focus-visible + .auth-remember-box{ outline:2px solid var(--blue);outline-offset:2px; } #authOverlay .auth-remember input:checked + .auth-remember-box{ border-color:var(--navy-700);background:var(--navy-700); box-shadow:0 2px 6px rgba(13,37,64,.16); } #authOverlay .auth-remember input:checked + .auth-remember-box::after{ content:"";display:block;width:4px;height:8px;margin:2px 0 0 5px; border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg); } @media(max-width:560px){ #authOverlay{padding:18px} #authOverlay .auth-box{padding:26px 24px 24px;border-radius:16px} #authOverlay .auth-logo{width:88px;max-width:88px} } /* V39.30 CSS CONSOLIDATION — header-v38-18-13.css */ /* V38.18.13 — CANONICAL EXECUTIVE HEADER / SURGICAL REBUILD Visual authority: header only. Business logic, IDs and event handlers are untouched. Design principles: no clipping, no nested visual boxes, dedicated user/period widths, neutral executive palette, restrained gold accent, responsive reflow before compression. */ :root{ --hx-bg:#f4f3f0; --hx-surface:#ffffff; --hx-ink:#1d252b; --hx-ink-soft:#4f5c65; --hx-muted:#879198; --hx-line:#dfe3e4; --hx-line-soft:#e9ecec; --hx-accent:#a9854a; --hx-accent-soft:#f4eee4; --hx-ok:#2f8061; } /* ===== SHELL ===== */ .top{ position:sticky!important; top:10px!important; z-index:90!important; width:100%!important; min-width:0!important; box-sizing:border-box!important; display:grid!important; grid-template-columns:minmax(300px,1fr) minmax(690px,auto)!important; align-items:center!important; column-gap:30px!important; row-gap:12px!important; margin:0 0 20px!important; padding:16px 18px 16px 20px!important; min-height:100px!important; border:1px solid var(--hx-line)!important; border-radius:14px!important; background:var(--hx-bg)!important; color:var(--hx-ink)!important; box-shadow:0 7px 22px rgba(24,31,35,.055)!important; overflow:visible!important; } .top::before{ content:""!important; position:absolute!important; left:-1px!important; top:17px!important; bottom:17px!important; width:2px!important; border-radius:2px!important; background:var(--hx-accent)!important; box-shadow:none!important; } .top::after{display:none!important} /* ===== IDENTITY ===== */ .top-context{min-width:0!important;width:100%!important;padding:0!important;position:relative!important;z-index:1!important} .top-title-row{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;min-height:18px!important;margin:0!important} .top-section-kicker{ flex:0 0 auto!important; display:inline-flex!important; align-items:center!important; gap:7px!important; color:#8d6c36!important; font:850 8px/1 Inter,system-ui,sans-serif!important; letter-spacing:1.55px!important; text-transform:uppercase!important; white-space:nowrap!important; } .top-section-kicker::before{content:""!important;width:4px!important;height:4px!important;flex:0 0 4px!important;border-radius:50%!important;background:var(--hx-accent)!important;box-shadow:none!important} .region-badge{ flex:0 1 auto!important; min-width:0!important; max-width:210px!important; height:21px!important; box-sizing:border-box!important; display:inline-flex!important; align-items:center!important; padding:0 9px!important; border:1px solid #d9ddde!important; border-radius:999px!important; background:#f8f8f6!important; color:#68747b!important; font:750 7.5px/1 Inter,system-ui,sans-serif!important; letter-spacing:.45px!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } .top h1,.top #pageTitle{ margin:8px 0 0!important; color:var(--hx-ink)!important; font-family:Manrope,Inter,system-ui,sans-serif!important; font-size:27px!important; line-height:1.04!important; font-weight:800!important; letter-spacing:-.72px!important; text-shadow:none!important; } .top .sub{ max-width:100%!important; margin:5px 0 0!important; color:var(--hx-muted)!important; font:750 7.5px/1.25 Inter,system-ui,sans-serif!important; letter-spacing:.85px!important; text-transform:uppercase!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } /* ===== COMMAND AREA ===== */ .actions{ min-width:0!important; width:100%!important; max-width:none!important; display:grid!important; grid-template-rows:auto auto!important; gap:9px!important; position:relative!important; z-index:2!important; } .context-row{ width:100%!important; min-width:0!important; display:grid!important; grid-template-columns:minmax(215px,1.25fr) minmax(138px,.82fr) 42px minmax(225px,1.3fr)!important; grid-template-rows:42px 30px!important; align-items:stretch!important; gap:7px!important; } /* IMPORTANT: the fifth child is system status. Give it its own row instead of squeezing five items. */ .context-row > .system-status{grid-column:1 / 2!important;grid-row:2!important} .context-row > .period-control{grid-column:1!important;grid-row:1!important} .context-row > .current-date-control{grid-column:2!important;grid-row:1!important} .context-row > .notification-center{grid-column:3!important;grid-row:1!important} .context-row > .user-menu-wrap{grid-column:4!important;grid-row:1!important} /* ===== QUIET SURFACES ===== */ .period-control,.current-date-control,.user-chip,.notification-bell{ box-sizing:border-box!important; min-width:0!important; border:1px solid var(--hx-line)!important; border-radius:10px!important; background:var(--hx-surface)!important; color:var(--hx-ink-soft)!important; box-shadow:0 2px 7px rgba(24,31,35,.025)!important; } /* ===== PERIOD — explicit text element, never rely on the native month input for display ===== */ .period-control{width:100%!important;height:42px!important;padding:5px 9px!important;overflow:hidden!important} .period-main{width:100%!important;min-width:0!important;display:flex!important;align-items:center!important;gap:9px!important} .context-label,.current-date-label{flex:0 0 auto!important;color:#929ba0!important;font:850 6.5px/1 Inter,system-ui,sans-serif!important;letter-spacing:1px!important;white-space:nowrap!important} .period-display-wrap{position:relative!important;flex:1 1 auto!important;min-width:0!important;width:auto!important;height:29px!important;display:flex!important;align-items:center!important;overflow:hidden!important} .period-display-label{ display:block!important; width:100%!important; min-width:0!important; padding-right:2px!important; color:#29383f!important; font:800 11px/1.1 Manrope,Inter,sans-serif!important; text-transform:capitalize!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .period-display-wrap #periodSelector{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important} .period-picker-btn{flex:0 0 auto!important;width:25px!important;height:25px!important;display:grid!important;place-items:center!important;border:1px solid #e2e5e5!important;border-radius:7px!important;background:#f8f8f6!important;color:#8d6c36!important;padding:0!important} /* ===== TODAY ===== */ .current-date-control{width:100%!important;height:42px!important;padding:5px 9px!important;display:flex!important;align-items:center!important;gap:7px!important;overflow:hidden!important} .current-date-icon{width:23px!important;height:23px!important;flex:0 0 23px!important;display:grid!important;place-items:center!important;border:1px solid #e4e5e3!important;border-radius:7px!important;background:#f7f6f2!important;color:#8d6c36!important;font-size:12px!important} .current-date-control>div{min-width:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:2px!important} .current-date-control b{display:block!important;margin:0!important;color:#3e4b52!important;font:800 8px/1.1 Manrope,Inter,sans-serif!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} /* ===== NOTIFICATIONS ===== */ .notification-center{width:42px!important;height:42px!important;min-width:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important} .notification-bell{width:42px!important;height:42px!important;min-width:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;color:#69767d!important} .notification-bell-icon{color:#6f7b81!important;font-size:14px!important} .notification-badge{border:2px solid var(--hx-surface)!important;background:#b84c46!important} /* ===== USER — high-specificity selectors neutralize the legacy .user-chip > span rule ===== */ .user-menu-wrap{width:100%!important;min-width:0!important;position:relative!important;z-index:100!important} .user-chip{ width:100%!important; height:42px!important; min-width:0!important; padding:5px 9px!important; display:flex!important; align-items:center!important; gap:8px!important; text-align:left!important; cursor:pointer!important; overflow:hidden!important; } .user-chip > .user-avatar-dot{ width:27px!important;height:27px!important;min-width:27px!important;flex:0 0 27px!important; display:grid!important;place-items:center!important; border-radius:8px!important; background:var(--hx-accent-soft)!important; border:1px solid #e7dcc8!important; box-shadow:none!important; } .user-chip > .user-avatar-dot .user-avatar-initial{font:900 9px/1 Inter,sans-serif!important;color:#80612e!important} .user-chip > .user-chip-copy{ width:auto!important; min-width:0!important; flex:1 1 auto!important; display:flex!important; flex-direction:column!important; justify-content:center!important; overflow:hidden!important; } .user-chip > .user-chip-copy b{ display:block!important; width:100%!important; min-width:0!important; color:#27343b!important; font:800 9.5px/1.15 Manrope,Inter,sans-serif!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .user-chip > .user-chip-copy small{ display:block!important; width:100%!important; margin-top:3px!important; color:#8a959b!important; font:800 6.5px/1 Inter,system-ui,sans-serif!important; letter-spacing:.65px!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .user-chip > .user-chip-chevron{width:auto!important;height:auto!important;min-width:0!important;flex:0 0 auto!important;background:transparent!important;border:0!important;border-radius:0!important;color:#9aa3a7!important;font-size:13px!important;line-height:1!important} .user-chip:hover,.user-chip:focus-visible,.user-chip[aria-expanded="true"]{border-color:#d0d6d7!important;background:#fff!important;box-shadow:0 5px 14px rgba(24,31,35,.07)!important;outline:none!important} /* ===== SYSTEM STATUS — deliberately a text signal, not a giant bordered card ===== */ .context-row > .system-status{ width:max-content!important; max-width:100%!important; height:30px!important; min-width:0!important; padding:0 2px!important; display:flex!important; align-items:center!important; gap:6px!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; overflow:hidden!important; } .system-status .status-dot,.system-status > .status-dot{width:6px!important;height:6px!important;flex:0 0 6px!important} .context-row > .system-status > div{min-width:0!important;overflow:hidden!important;display:flex!important;flex-direction:row!important;align-items:baseline!important;gap:6px!important} .context-row > .system-status span{display:block!important;color:var(--hx-ok)!important;font:850 7.5px/1 Inter,system-ui,sans-serif!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .context-row > .system-status small{display:block!important;color:#9aa3a7!important;font:700 6.5px/1 Inter,system-ui,sans-serif!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .context-row > .system-status.is-attention{background:transparent!important;border:0!important} .context-row > .system-status.is-attention span{color:#9a6c1d!important} /* ===== ACTIONS ===== */ .action-row{width:100%!important;min-width:0!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:7px!important} .action-row .btn{height:30px!important;min-height:30px!important;padding:0 11px!important;border-radius:8px!important;font:800 8px/1 Inter,system-ui,sans-serif!important;white-space:nowrap!important;box-shadow:none!important} #refreshDataBtn{min-width:82px!important;color:#5a676d!important;background:#fff!important;border:1px solid #dfe3e4!important} #saveBtn{min-width:112px!important;color:#fff!important;background:#39464d!important;border:1px solid #39464d!important;box-shadow:0 4px 10px rgba(57,70,77,.12)!important} #logoutBtn{display:none!important} .save-state{position:static!important;height:auto!important;min-width:0!important;margin-left:2px!important;padding:0!important;border:0!important;background:transparent!important;color:#5a8b75!important;font:750 7px/1 Inter,system-ui,sans-serif!important;white-space:nowrap!important} /* ===== MENUS ===== */ .user-menu{border-color:#dfe3e4!important;box-shadow:0 18px 42px rgba(24,31,35,.13),0 3px 10px rgba(24,31,35,.04)!important} /* ===== RESPONSIVE — reflow before shrinking text ===== */ @media(max-width:1320px){ .top{grid-template-columns:1fr!important;align-items:stretch!important;gap:12px!important;padding:14px 16px 14px 18px!important} .context-row{grid-template-columns:minmax(215px,1.25fr) minmax(138px,.82fr) 42px minmax(225px,1.3fr)!important} } @media(max-width:860px){ .context-row{grid-template-columns:minmax(0,1fr) 42px!important;grid-template-rows:42px 42px 30px!important} .context-row > .period-control{grid-column:1!important;grid-row:1!important} .context-row > .notification-center{grid-column:2!important;grid-row:1!important} .context-row > .current-date-control{grid-column:1!important;grid-row:2!important} .context-row > .user-menu-wrap{grid-column:2!important;grid-row:2!important} .context-row > .system-status{grid-column:1 / -1!important;grid-row:3!important;width:max-content!important} } @media(max-width:600px){ .top{top:4px!important;border-radius:12px!important;padding:13px!important} .top h1,.top #pageTitle{font-size:23px!important} .top .sub{font-size:7px!important;letter-spacing:.7px!important} .context-row{grid-template-columns:1fr!important;grid-template-rows:auto!important} .context-row > .period-control{grid-column:1!important;grid-row:1!important} .context-row > .current-date-control{grid-column:1!important;grid-row:2!important} .context-row > .user-menu-wrap{grid-column:1!important;grid-row:3!important} .context-row > .notification-center{grid-column:1!important;grid-row:4!important;justify-self:start!important} .context-row > .system-status{grid-column:1!important;grid-row:5!important} .action-row{justify-content:flex-start!important;flex-wrap:wrap!important} } @media(max-width:430px){ .top-title-row{flex-wrap:wrap!important} .top-section-kicker{font-size:7.5px!important} .region-badge{max-width:100%!important} .action-row .btn{flex:1 1 130px!important} .save-state{width:100%!important;margin-left:0!important} } /* ============================================================================ V38.18.14 — HEADER SURGICAL POLISH Objetivo: corrigir hierarquia, legibilidade e clipping sem tocar na lógica. ============================================================================ */ :root{ --hx-bg:#f6f7f7; --hx-surface:#ffffff; --hx-ink:#17242c; --hx-ink-soft:#52616a; --hx-muted:#7d8990; --hx-line:#d9dfe1; --hx-line-soft:#e9edef; --hx-accent:#9a7438; --hx-accent-soft:#f5efe6; --hx-ok:#247a5a; } .top{ grid-template-columns:minmax(360px, .92fr) minmax(650px, 1.08fr)!important; column-gap:34px!important; min-height:112px!important; padding:18px 20px 16px 21px!important; border-radius:16px!important; background:linear-gradient(180deg,#f8f9f9 0%,#f3f4f4 100%)!important; border-color:#dce1e3!important; box-shadow:0 8px 24px rgba(24,31,35,.06)!important; } .top-context{padding-right:8px!important} .top-title-row{gap:0!important;min-height:18px!important} .top-section-kicker{ font-size:11px!important; line-height:1!important; letter-spacing:1.65px!important; color:#84652f!important; } /* O selo regional antigo criava ruído e era a principal fonte de truncamento. */ .region-badge{display:none!important} .top h1,.top #pageTitle{ margin-top:10px!important; font-size:31px!important; line-height:1!important; letter-spacing:-.95px!important; color:#17242c!important; } .top .sub{ margin-top:7px!important; max-width:100%!important; overflow:visible!important; text-overflow:clip!important; white-space:normal!important; font-size:9px!important; line-height:1.25!important; letter-spacing:.95px!important; color:#7d8990!important; } .actions{ width:100%!important; max-width:none!important; gap:9px!important; } .context-row{ grid-template-columns:minmax(190px,1.18fr) minmax(175px,1.05fr) 44px minmax(205px,1.28fr)!important; grid-template-rows:44px!important; gap:8px!important; align-items:stretch!important; } .context-row > .period-control{grid-column:1!important;grid-row:1!important} .context-row > .current-date-control{grid-column:2!important;grid-row:1!important} .context-row > .notification-center{grid-column:3!important;grid-row:1!important} .context-row > .user-menu-wrap{grid-column:4!important;grid-row:1!important} .context-row > .system-status{ grid-column:auto!important; grid-row:auto!important; position:absolute!important; right:206px!important; bottom:-38px!important; width:auto!important; height:28px!important; padding:0 2px!important; border:0!important; background:transparent!important; box-shadow:none!important; border-radius:0!important; z-index:3!important; } .period-control,.current-date-control,.user-chip,.notification-bell{ height:44px!important; border-color:#d9dfe1!important; border-radius:10px!important; box-shadow:0 2px 8px rgba(24,31,35,.028)!important; } .period-control{padding:5px 10px!important} .period-display-label{ font-size:12px!important; color:#26363e!important; text-overflow:clip!important; } .context-label,.current-date-label{font-size:7px!important;letter-spacing:1.05px!important} .period-picker-btn{width:27px!important;height:27px!important} .current-date-control{padding:5px 10px!important;gap:8px!important} .current-date-icon{width:25px!important;height:25px!important;flex-basis:25px!important} .current-date-control>div{gap:3px!important} .current-date-control b{ font-size:10px!important; line-height:1.15!important; color:#2d3c44!important; white-space:nowrap!important; overflow:visible!important; text-overflow:clip!important; } .notification-center,.notification-bell{width:44px!important;min-width:44px!important;height:44px!important} .notification-bell{color:#5e6b72!important} .notification-bell-icon{font-size:15px!important;color:#59676e!important} .user-menu-wrap{min-width:0!important} .user-chip{ padding:5px 10px!important; gap:9px!important; overflow:visible!important; } .user-chip > .user-avatar-dot{width:29px!important;height:29px!important;min-width:29px!important;flex-basis:29px!important} .user-chip > .user-chip-copy{min-width:0!important;overflow:visible!important} .user-chip > .user-chip-copy b{ font-size:10.5px!important; line-height:1.15!important; overflow:visible!important; text-overflow:clip!important; white-space:nowrap!important; } .user-chip > .user-chip-copy small{ font-size:7px!important; line-height:1.1!important; overflow:visible!important; text-overflow:clip!important; white-space:nowrap!important; } .user-chip > .user-chip-chevron{flex:0 0 auto!important} /* A linha operacional fica visualmente limpa: status à direita, atualização legível. */ .action-row{ min-height:30px!important; height:30px!important; margin-top:1px!important; gap:8px!important; justify-content:flex-end!important; align-items:center!important; } .action-row .btn{ height:32px!important; min-height:32px!important; padding:0 13px!important; border-radius:9px!important; font-size:9px!important; letter-spacing:.1px!important; } #refreshDataBtn{ min-width:94px!important; color:#304c5b!important; background:#ffffff!important; border:1px solid #cfd8dc!important; opacity:1!important; font-weight:850!important; box-shadow:0 2px 7px rgba(24,31,35,.035)!important; } #refreshDataBtn:hover{ background:#f8fafb!important; border-color:#b9c5ca!important; color:#213f4f!important; } #refreshDataBtn .refresh-icon{font-size:12px!important;margin-right:5px!important} .save-state{ height:30px!important; min-width:78px!important; padding:0!important; border:0!important; background:transparent!important; font-size:8px!important; color:#3c8067!important; font-weight:800!important; } /* O status deixa de parecer um cartão independente e vira um indicador institucional. */ .system-status .status-dot{width:7px!important;height:7px!important;flex:0 0 7px!important} .system-status>div{gap:2px!important} .system-status span{font-size:8px!important;line-height:1!important;font-weight:850!important;color:#247a5a!important} .system-status small{font-size:6.5px!important;line-height:1!important;color:#8a959a!important} /* Evita que as media queries antigas comprimam o cabeçalho antes de reflowar. */ @media(max-width:1250px){ .top{grid-template-columns:1fr!important;row-gap:13px!important} .top-context{padding-right:0!important} .actions{align-items:stretch!important} } @media(max-width:760px){ .context-row{grid-template-columns:minmax(0,1fr) 44px!important;grid-template-rows:44px 44px!important} .context-row > .period-control{grid-column:1!important;grid-row:1!important} .context-row > .notification-center{grid-column:2!important;grid-row:1!important} .context-row > .current-date-control{grid-column:1!important;grid-row:2!important} .context-row > .user-menu-wrap{grid-column:2!important;grid-row:2!important} .context-row > .system-status{grid-column:1 / -1!important;grid-row:auto!important;position:static!important;justify-self:start!important;width:auto!important;height:26px!important} .action-row{margin-top:0!important} } @media(max-width:520px){ .top{padding:14px!important} .top-section-kicker{font-size:9px!important;letter-spacing:1.3px!important} .top h1,.top #pageTitle{font-size:27px!important} .top .sub{font-size:8px!important} } /* V39.30 CSS CONSOLIDATION — header-v38-18-15.css */ /* V38.18.15 — HEADER ALIGNMENT / GEOMETRY FIX Corrige posicionamento sem alterar estrutura, dados ou comportamento JS. */ .top{ position:sticky!important; display:grid!important; grid-template-columns:minmax(350px, .82fr) minmax(590px, 1.18fr)!important; align-items:center!important; column-gap:28px!important; min-height:118px!important; height:auto!important; padding:16px 20px 14px 20px!important; box-sizing:border-box!important; } .top-context{ min-width:0!important; align-self:center!important; padding:0!important; } .top-title-row{ min-height:16px!important; height:16px!important; align-items:center!important; } .top-section-kicker{ display:block!important; font-size:10.5px!important; line-height:16px!important; letter-spacing:1.55px!important; white-space:nowrap!important; } .top h1,.top #pageTitle{ margin:8px 0 0!important; font-size:31px!important; line-height:34px!important; letter-spacing:-.95px!important; } .top .sub{ display:block!important; margin:5px 0 0!important; max-width:430px!important; font-size:8.5px!important; line-height:12px!important; letter-spacing:.8px!important; white-space:normal!important; } .actions{ position:relative!important; width:100%!important; min-width:0!important; height:86px!important; display:grid!important; grid-template-rows:44px 32px!important; row-gap:10px!important; align-items:center!important; align-content:center!important; } .context-row{ position:relative!important; width:100%!important; height:44px!important; display:grid!important; grid-template-columns:minmax(178px,1.12fr) minmax(166px,1.05fr) 44px minmax(205px,1.30fr)!important; gap:8px!important; align-items:stretch!important; justify-content:stretch!important; overflow:visible!important; } .period-control,.current-date-control,.notification-center,.user-menu-wrap{ min-width:0!important; width:100%!important; height:44px!important; box-sizing:border-box!important; } .period-control{ overflow:hidden!important; } .period-main{min-width:0!important;width:100%!important} .period-display-wrap{min-width:0!important;overflow:hidden!important} .period-display-label{ display:block!important; min-width:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; max-width:100%!important; } .current-date-control{overflow:hidden!important} .current-date-control>div{min-width:0!important;overflow:hidden!important} .current-date-control b{ display:block!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; max-width:100%!important; } .notification-center{width:44px!important;min-width:44px!important} .notification-bell{width:44px!important;min-width:44px!important} .user-menu-wrap{overflow:visible!important} .user-chip{ width:100%!important; min-width:0!important; overflow:hidden!important; } .user-chip-copy{min-width:0!important;overflow:hidden!important} .user-chip-copy b,.user-chip-copy small{ display:block!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } /* Status pertence à segunda linha visual, não deve escapar do cabeçalho. */ .context-row>.system-status{ position:absolute!important; right:112px!important; bottom:-42px!important; width:auto!important; min-width:0!important; height:24px!important; padding:0!important; margin:0!important; border:0!important; background:transparent!important; box-shadow:none!important; border-radius:0!important; z-index:5!important; } .system-status>div{min-width:0!important} .system-status span{font-size:7.5px!important;line-height:1!important} .system-status small{font-size:6px!important;line-height:1!important} .action-row{ position:relative!important; width:100%!important; height:32px!important; min-height:32px!important; margin:0!important; display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:8px!important; } #refreshDataBtn{ height:32px!important; min-height:32px!important; min-width:94px!important; padding:0 13px!important; opacity:1!important; color:#304c5b!important; background:#fff!important; border:1px solid #cfd8dc!important; box-shadow:0 2px 7px rgba(24,31,35,.06)!important; } #refreshDataBtn:hover{ color:#213f4f!important; border-color:#b9c5ca!important; background:#f8fafb!important; } .save-state{ height:32px!important; min-width:76px!important; padding:0!important; margin:0!important; display:inline-flex!important; align-items:center!important; justify-content:flex-start!important; font-size:8px!important; white-space:nowrap!important; } /* Mantém a moldura inteira dentro da viewport antes de qualquer compressão. */ @media(max-width:1320px){ .top{ grid-template-columns:minmax(320px,.78fr) minmax(560px,1.22fr)!important; column-gap:22px!important; } } @media(max-width:1180px){ .top{ grid-template-columns:minmax(290px,.72fr) minmax(520px,1.28fr)!important; column-gap:18px!important; } .context-row{ grid-template-columns:minmax(155px,1.05fr) minmax(150px,1fr) 44px minmax(185px,1.22fr)!important; } } @media(max-width:1050px){ .top{ grid-template-columns:1fr!important; row-gap:10px!important; min-height:0!important; padding-bottom:15px!important; } .actions{height:auto!important} .context-row>.system-status{bottom:-42px!important} } @media(max-width:760px){ .context-row{grid-template-columns:minmax(0,1fr) 44px!important;grid-template-rows:44px 44px!important;height:96px!important} .context-row>.period-control{grid-column:1;grid-row:1} .context-row>.notification-center{grid-column:2;grid-row:1} .context-row>.current-date-control{grid-column:1;grid-row:2} .context-row>.user-menu-wrap{grid-column:2;grid-row:2} .context-row>.system-status{position:static!important;grid-column:1 / -1;grid-row:auto;justify-self:start;width:auto!important;height:24px!important} .actions{height:auto!important;grid-template-rows:auto auto!important} } /* V39.30 CSS CONSOLIDATION — header-v38-18-16.css */ /* V38.18.16 — SURGICAL HEADER COMPOSITION Final visual authority for the header only. Goal: one coherent command rail, no floating/escaping elements. No business logic, IDs, events, auth, Supabase or data rules changed. */ .top{ position:sticky!important; top:10px!important; z-index:90!important; display:grid!important; grid-template-columns:minmax(360px,390px) minmax(0,1fr)!important; column-gap:24px!important; align-items:center!important; width:100%!important; min-width:0!important; min-height:114px!important; height:114px!important; margin:0 0 20px!important; padding:15px 20px 14px 20px!important; box-sizing:border-box!important; overflow:visible!important; border:1px solid #dfe4e7!important; border-radius:15px!important; background:#f7f8f7!important; box-shadow:0 7px 22px rgba(22,34,42,.055)!important; } .top::before{left:-1px!important;top:16px!important;bottom:16px!important;width:2px!important;background:#b58b49!important;box-shadow:none!important} /* LEFT: fixed editorial block. */ .top-context{min-width:0!important;width:100%!important;padding:0!important;align-self:center!important} .top-title-row{display:flex!important;align-items:center!important;gap:0!important;min-height:14px!important;height:14px!important;margin:0!important} .top-section-kicker{ display:block!important; width:max-content!important; max-width:100%!important; overflow:visible!important; white-space:nowrap!important; color:#8b672d!important; font:800 10px/14px Inter,system-ui,sans-serif!important; letter-spacing:1.55px!important; } .region-badge{display:none!important} .top h1,.top #pageTitle{ display:block!important; margin:7px 0 0!important; padding:0!important; color:#18252d!important; font-family:Manrope,Inter,system-ui,sans-serif!important; font-size:31px!important; line-height:34px!important; font-weight:800!important; letter-spacing:-1px!important; white-space:nowrap!important; } .top .sub{ display:block!important; width:100%!important; max-width:390px!important; margin:4px 0 0!important; padding:0!important; color:#7b888f!important; font:750 8.5px/11px Inter,system-ui,sans-serif!important; letter-spacing:.72px!important; text-transform:uppercase!important; white-space:nowrap!important; overflow:visible!important; } /* RIGHT: exactly two deliberate rows. */ .actions{ min-width:0!important; width:100%!important; height:84px!important; display:grid!important; grid-template-rows:42px 32px!important; row-gap:10px!important; align-items:center!important; align-content:center!important; position:relative!important; z-index:2!important; } .context-row{ width:100%!important; min-width:0!important; height:42px!important; display:grid!important; grid-template-columns:180px 170px 44px minmax(200px,1fr)!important; gap:8px!important; align-items:stretch!important; justify-content:stretch!important; overflow:visible!important; } .period-control,.current-date-control,.notification-center,.user-menu-wrap,.user-chip,.notification-bell{ box-sizing:border-box!important; height:42px!important; min-width:0!important; } .period-control{width:100%!important;padding:5px 9px!important;overflow:hidden!important} .period-main{width:100%!important;min-width:0!important;display:flex!important;align-items:center!important;gap:7px!important} .context-label,.current-date-label{flex:0 0 auto!important;font-size:6.5px!important;line-height:1!important;letter-spacing:1px!important;white-space:nowrap!important} .period-display-wrap{flex:1 1 auto!important;min-width:0!important;width:auto!important;height:27px!important;overflow:hidden!important} .period-display-label{display:block!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font:800 10.5px/1.15 Manrope,Inter,sans-serif!important;color:#26363e!important} .period-picker-btn{width:27px!important;height:27px!important;min-width:27px!important;flex:0 0 27px!important} .current-date-control{width:100%!important;padding:5px 9px!important;gap:7px!important;overflow:hidden!important} .current-date-icon{width:23px!important;height:23px!important;min-width:23px!important;flex:0 0 23px!important} .current-date-control>div{min-width:0!important;overflow:hidden!important} .current-date-control b{ display:block!important; max-width:100%!important; margin-top:2px!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; color:#33454f!important; font:800 8.8px/1.15 Manrope,Inter,sans-serif!important; } .notification-center{width:44px!important;min-width:44px!important;height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important} .notification-bell{width:44px!important;min-width:44px!important;height:42px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important} .notification-bell-icon{font-size:14px!important} .user-menu-wrap{width:100%!important;min-width:0!important;position:relative!important;z-index:100!important;overflow:visible!important} .user-chip{ width:100%!important; padding:5px 10px!important; gap:8px!important; overflow:hidden!important; } .user-chip>.user-avatar-dot{width:29px!important;height:29px!important;min-width:29px!important;flex:0 0 29px!important} .user-chip-copy{min-width:0!important;flex:1 1 auto!important;overflow:hidden!important} .user-chip-copy b,.user-chip-copy small{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} .user-chip-copy b{font-size:10px!important;line-height:12px!important} .user-chip-copy small{font-size:6.7px!important;line-height:9px!important} .user-chip-chevron{flex:0 0 auto!important} /* SECOND ROW: status is now structurally in the same row as the actions. It cannot escape the header and it no longer floats under the card. */ .action-row{ width:100%!important; min-width:0!important; height:32px!important; min-height:32px!important; margin:0!important; padding:0!important; display:grid!important; grid-template-columns:minmax(0,1fr) auto auto!important; column-gap:9px!important; align-items:center!important; justify-content:stretch!important; } .system-status{ grid-column:1!important; justify-self:end!important; position:static!important; width:auto!important; min-width:0!important; height:24px!important; margin:0!important; padding:0!important; display:flex!important; align-items:center!important; gap:6px!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; white-space:nowrap!important; } .system-status .status-dot{width:7px!important;height:7px!important;min-width:7px!important;flex:0 0 7px!important} .system-status>div{min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:2px!important} .system-status span{font-size:7.5px!important;line-height:8px!important;font-weight:850!important;color:#237858!important;white-space:nowrap!important} .system-status small{font-size:6px!important;line-height:7px!important;color:#8b969b!important;white-space:nowrap!important} #refreshDataBtn{ grid-column:2!important; height:32px!important; min-height:32px!important; min-width:94px!important; margin:0!important; padding:0 13px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; opacity:1!important; color:#304c5b!important; background:#fff!important; border:1px solid #cbd5da!important; border-radius:9px!important; box-shadow:0 2px 7px rgba(24,31,35,.055)!important; font-size:9px!important; font-weight:850!important; white-space:nowrap!important; } #refreshDataBtn:hover{color:#203e4d!important;background:#fafbfb!important;border-color:#b8c5cb!important} #refreshDataBtn .refresh-icon{font-size:12px!important;margin-right:5px!important} .save-state{ grid-column:3!important; width:auto!important; min-width:76px!important; height:32px!important; margin:0!important; padding:0!important; display:inline-flex!important; align-items:center!important; justify-content:flex-start!important; border:0!important; background:transparent!important; box-shadow:none!important; border-radius:0!important; color:#3b8068!important; font-size:8px!important; font-weight:800!important; white-space:nowrap!important; } /* Existing privileged buttons keep their JS behavior but don't disrupt the compact rail. */ #logoutBtn,#saveBtn{display:none!important} /* Large desktop: use every available pixel without stretching the left identity. */ @media(min-width:1400px){ .top{grid-template-columns:minmax(390px,420px) minmax(0,1fr)!important;column-gap:30px!important} .context-row{grid-template-columns:190px 180px 44px minmax(220px,1fr)!important} } /* Transitional desktop: still one row of controls, with deliberate widths. */ @media(max-width:1120px) and (min-width:901px){ .top{grid-template-columns:minmax(330px,37%) minmax(0,1fr)!important;column-gap:20px!important;padding-left:18px!important;padding-right:18px!important} .context-row{grid-template-columns:minmax(165px,1.05fr) minmax(155px,1fr) 44px minmax(190px,1.2fr)!important;gap:7px!important} .top .sub{font-size:8px!important;letter-spacing:.62px!important} } /* Tablet/mobile: reflow rather than compressing words into unreadable fragments. */ @media(max-width:900px){ .top{display:flex!important;flex-direction:column!important;align-items:stretch!important;height:auto!important;min-height:0!important;gap:14px!important;padding:15px 18px!important} .top-context{width:100%!important} .top .sub{max-width:none!important;white-space:normal!important} .actions{width:100%!important;height:auto!important;grid-template-rows:auto auto!important} .context-row{height:42px!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px minmax(170px,1.15fr)!important} .action-row{height:32px!important} } @media(max-width:680px){ .context-row{height:auto!important;grid-template-columns:minmax(0,1fr) 44px!important;grid-template-rows:42px 42px!important} .period-control{grid-column:1!important;grid-row:1!important} .notification-center{grid-column:2!important;grid-row:1!important} .current-date-control{grid-column:1!important;grid-row:2!important} .user-menu-wrap{grid-column:2!important;grid-row:2!important} .action-row{grid-template-columns:minmax(0,1fr) auto!important;row-gap:7px!important} .system-status{grid-column:1!important;grid-row:1!important;justify-self:start!important} #refreshDataBtn{grid-column:2!important;grid-row:1!important} .save-state{grid-column:1 / -1!important;grid-row:2!important;justify-self:start!important;height:20px!important} } @media(max-width:480px){ .top h1,.top #pageTitle{font-size:28px!important;line-height:31px!important} .top-section-kicker{font-size:9px!important;letter-spacing:1.35px!important} .context-row{grid-template-columns:minmax(0,1fr) 42px!important} .user-chip-copy b{font-size:9px!important} } /* V39.30 CSS CONSOLIDATION — header-v38-18-18.css */ /* V38.18.17 — HEADER FINAL SURGICAL COMPOSITION Geometry-first: one card, two balanced zones, no floating status. Visual-only. Existing IDs/classes preserved. */ .top{ position:sticky!important; top:10px!important; z-index:90!important; width:100%!important; box-sizing:border-box!important; display:grid!important; grid-template-columns:minmax(315px,335px) minmax(0,1fr)!important; column-gap:18px!important; align-items:center!important; height:112px!important; min-height:112px!important; margin:0 0 18px!important; padding:14px 18px 13px 20px!important; overflow:hidden!important; border:1px solid #dfe4e7!important; border-radius:15px!important; background:linear-gradient(180deg,#fafbfa 0%,#f5f7f6 100%)!important; box-shadow:0 6px 20px rgba(26,39,46,.055)!important; } .top::before{content:""!important;left:0!important;top:17px!important;bottom:17px!important;width:2px!important;background:#b58b49!important;box-shadow:none!important} .top::after{display:none!important} /* Identity block */ .top-context{width:100%!important;min-width:0!important;align-self:center!important;padding:0!important} .top-title-row{height:auto!important;min-height:14px!important;display:flex!important;align-items:center!important;gap:0!important;margin:0!important} .top-section-kicker{ display:block!important;width:auto!important;max-width:100%!important; color:#89662f!important;font:800 10px/14px Inter,system-ui,sans-serif!important; letter-spacing:1.45px!important;white-space:nowrap!important;overflow:visible!important; } .region-badge{display:none!important} .top h1,.top #pageTitle{ display:block!important;margin:7px 0 0!important;padding:0!important; color:#18252d!important;font-family:Manrope,Inter,system-ui,sans-serif!important; font-size:31px!important;line-height:34px!important;font-weight:800!important; letter-spacing:-1px!important;white-space:nowrap!important; } .top .sub{ display:block!important;width:100%!important;max-width:none!important; margin:4px 0 0!important;padding:0!important; color:#78868d!important;font:800 8.3px/11px Inter,system-ui,sans-serif!important; letter-spacing:.55px!important;text-transform:uppercase!important; white-space:nowrap!important;overflow:visible!important; } /* Command zone: controls on top, status/actions below. */ .actions{ position:relative!important;z-index:3!important;width:100%!important;min-width:0!important; height:84px!important;display:grid!important; grid-template-rows:42px 30px!important;row-gap:8px!important; align-content:center!important;align-items:center!important; } .context-row{ width:100%!important;min-width:0!important;height:42px!important; display:grid!important; grid-template-columns:minmax(190px,1.1fr) minmax(178px,1fr) 44px minmax(210px,1.18fr)!important; gap:6px!important;align-items:stretch!important;overflow:visible!important; } .period-control,.current-date-control,.notification-center,.user-menu-wrap,.user-chip,.notification-bell{ height:42px!important;min-width:0!important;box-sizing:border-box!important; } .period-control{width:100%!important;padding:5px 9px!important;overflow:hidden!important} .period-main{width:100%!important;min-width:0!important;display:flex!important;align-items:center!important;gap:7px!important} .context-label,.current-date-label{flex:0 0 auto!important;color:#8b969c!important;font-size:6.4px!important;line-height:1!important;letter-spacing:.95px!important;white-space:nowrap!important} .period-display-wrap{flex:1 1 auto!important;min-width:0!important;width:auto!important;height:27px!important;overflow:hidden!important} .period-display-label{display:block!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#26363e!important;font:800 10.5px/1.15 Manrope,Inter,sans-serif!important} .period-picker-btn{width:27px!important;height:27px!important;min-width:27px!important;flex:0 0 27px!important} .current-date-control{width:100%!important;padding:5px 9px!important;gap:7px!important;overflow:hidden!important} .current-date-icon{width:23px!important;height:23px!important;min-width:23px!important;flex:0 0 23px!important} .current-date-control>div{min-width:0!important;overflow:hidden!important} .current-date-control b{display:block!important;max-width:100%!important;margin-top:2px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#33454f!important;font:800 8.8px/1.15 Manrope,Inter,sans-serif!important} .notification-center{width:44px!important;min-width:44px!important;height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important} .notification-bell{width:44px!important;min-width:44px!important;height:42px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important} .notification-bell-icon{font-size:14px!important;color:#63747c!important} .user-menu-wrap{width:100%!important;min-width:0!important;position:relative!important;z-index:100!important;overflow:visible!important} .user-chip{width:100%!important;padding:5px 10px!important;gap:8px!important;overflow:hidden!important;background:#fff!important;border:1px solid #dce3e6!important;box-shadow:0 2px 8px rgba(24,36,42,.04)!important} .user-chip>.user-avatar-dot{width:29px!important;height:29px!important;min-width:29px!important;flex:0 0 29px!important} .user-chip-copy{min-width:0!important;flex:1 1 auto!important;overflow:hidden!important} .user-chip-copy b,.user-chip-copy small{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} .user-chip-copy b{font-size:10px!important;line-height:12px!important;color:#26343b!important} .user-chip-copy small{font-size:6.7px!important;line-height:9px!important;color:#7f8b90!important} .user-chip-chevron{flex:0 0 auto!important;color:#89959a!important} /* Action rail stays INSIDE the card and aligns to the control row. */ .action-row{ width:100%!important;height:30px!important;min-height:30px!important;margin:0!important;padding:0!important; display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important; position:static!important; } .system-status{ position:static!important;width:auto!important;min-width:0!important;height:26px!important; margin:0 auto 0 0!important;padding:0!important;display:flex!important;align-items:center!important;gap:6px!important; border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important; white-space:nowrap!important;overflow:visible!important; } .system-status .status-dot{width:7px!important;height:7px!important;min-width:7px!important;flex:0 0 7px!important} .system-status>div{min-width:0!important;display:flex!important;align-items:center!important;gap:7px!important;overflow:visible!important} .system-status span{font-size:7.5px!important;line-height:8px!important;font-weight:850!important;color:#237858!important;white-space:nowrap!important} .system-status small{font-size:6.2px!important;line-height:8px!important;color:#899499!important;white-space:nowrap!important} #refreshDataBtn{ flex:0 0 auto!important;width:auto!important;height:30px!important;min-height:30px!important;min-width:96px!important; margin:0!important;padding:0 13px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important; opacity:1!important;color:#365563!important;background:#fff!important;border:1px solid #c8d3d8!important; border-radius:8px!important;box-shadow:0 2px 7px rgba(24,31,35,.06)!important; font-size:8.5px!important;font-weight:850!important;white-space:nowrap!important; } #refreshDataBtn:hover{color:#244756!important;background:#f9fbfb!important;border-color:#afbec5!important} #refreshDataBtn .refresh-icon{font-size:12px!important;margin-right:5px!important} .save-state{position:static!important;width:auto!important;min-width:0!important;height:30px!important;margin:0!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#3d8068!important;font-size:8px!important;font-weight:800!important;white-space:nowrap!important} #logoutBtn,#saveBtn{display:none!important} /* At the screenshot width (~1076px viewport), keep the desktop composition intact. */ @media(max-width:1120px) and (min-width:901px){ .top{grid-template-columns:minmax(305px,33%) minmax(0,1fr)!important;column-gap:16px!important;padding-left:18px!important;padding-right:14px!important} .context-row{grid-template-columns:minmax(180px,1.06fr) minmax(174px,1fr) 44px minmax(205px,1.12fr)!important;gap:6px!important} .top .sub{font-size:8px!important;letter-spacing:.48px!important} } @media(max-width:900px){ .top{position:relative!important;top:0!important;display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;gap:12px!important;padding:15px 16px!important;overflow:visible!important} .top .sub{white-space:normal!important;line-height:12px!important} .actions{height:auto!important;display:grid!important;grid-template-rows:auto auto!important;gap:8px!important} .context-row{height:auto!important;grid-template-columns:minmax(0,1fr) 44px!important;grid-template-rows:42px 42px!important} .period-control{grid-column:1;grid-row:1}.notification-center{grid-column:2;grid-row:1}.current-date-control{grid-column:1;grid-row:2}.user-menu-wrap{grid-column:2;grid-row:2} } @media(max-width:680px){ .context-row{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:42px 42px 42px!important} .period-control,.current-date-control,.user-menu-wrap,.notification-center{grid-column:1!important} .period-control{grid-row:1!important}.current-date-control{grid-row:2!important}.user-menu-wrap{grid-row:3!important}.notification-center{position:absolute!important;right:0!important;top:0!important;width:44px!important} .action-row{justify-content:flex-start!important;flex-wrap:wrap!important;height:auto!important} } /* Final micro-geometry at the target desktop width: controls get explicit breathing room. */ @media(max-width:1120px) and (min-width:901px){ .context-row{grid-template-columns:190px 170px 44px 205px!important;gap:6px!important} .action-row{justify-content:flex-end!important} .system-status{margin-left:auto!important;margin-right:0!important} } /* V38.18.18 — USER MENU / PROFILE INTERACTION FIX The header card may not clip the user dropdown. Keep the menu in the same visual axis while allowing its full hit-area and profile action to render. */ .top{overflow:visible!important} .user-menu-wrap{overflow:visible!important} .user-menu{ position:absolute!important; top:calc(100% + 8px)!important; right:0!important; left:auto!important; z-index:1000!important; visibility:visible!important; pointer-events:auto!important; } .user-menu[hidden]{display:none!important;visibility:hidden!important;pointer-events:none!important} .user-menu-wrap.is-open{z-index:1001!important} .user-menu-wrap.is-open .user-menu{display:block!important} .user-menu-item,.user-menu-logout{pointer-events:auto!important} .user-dialog-backdrop{z-index:2000!important} /* V39.30 CSS CONSOLIDATION — header-v38-19-elegante.css */ /* V38.19 — HEADER ELEGANTE / EXECUTIVO Redesenho visual do cabeçalho (.top): sai o cartão bege/cinza genérico, entra um cabeçalho navy premium com acentos em dourado, coerente com a paleta institucional já usada no restante da Central (--navy-950/900/800, --gold, --gold-light). Só visual — nenhum ID, classe, atributo ou comportamento de JS foi alterado. Carregado por último: sobrescreve header-v38-18-13/15/16/18.css apenas na aparência do cabeçalho fechado (a lógica de posicionamento do menu do usuário definida no v38-18-18 permanece intacta e não é tocada aqui). */ .top.top{ position:sticky!important; top:10px!important; z-index:90!important; width:100%!important; box-sizing:border-box!important; display:grid!important; grid-template-columns:minmax(315px,335px) minmax(0,1fr)!important; column-gap:22px!important; align-items:center!important; height:118px!important; min-height:118px!important; margin:0 0 20px!important; padding:16px 24px 16px 26px!important; overflow:visible!important; border:1px solid rgba(216,178,100,.16)!important; border-radius:16px!important; background: radial-gradient(120% 160% at 0% 0%,rgba(184,134,46,.14) 0%,rgba(184,134,46,0) 42%), linear-gradient(120deg,var(--navy-950) 0%,var(--navy-900) 58%,var(--navy-800) 100%)!important; box-shadow:0 18px 42px rgba(6,20,38,.30),inset 0 1px 0 rgba(255,255,255,.05)!important; } .top.top::before{ content:""!important; left:0!important; top:14px!important; bottom:14px!important; width:3px!important; background:linear-gradient(180deg,rgba(217,169,79,0) 0%,var(--gold-light) 22%,var(--gold) 78%,rgba(184,134,46,0) 100%)!important; box-shadow:0 0 12px rgba(217,169,79,.35)!important; border-radius:3px!important; } .top.top::after{display:none!important} /* Identity block */ .top.top .top-context{width:100%!important;min-width:0!important;align-self:center!important;padding:0 22px 0 0!important;position:relative!important} .top.top .top-context::after{ content:""!important;position:absolute!important;right:0!important;top:2px!important;bottom:2px!important;width:1px!important; background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.16),rgba(255,255,255,0))!important; } .top.top .top-title-row{height:auto!important;min-height:14px!important;display:flex!important;align-items:center!important;gap:9px!important;margin:0!important} .top.top .top-section-kicker{ display:block!important;width:auto!important;max-width:100%!important; color:var(--gold-light)!important;font:800 10px/14px Inter,system-ui,sans-serif!important; letter-spacing:1.9px!important;white-space:nowrap!important;overflow:visible!important; } .top.top .region-badge{display:none!important} .top.top h1,.top.top #pageTitle{ display:block!important;margin:8px 0 0!important;padding:0!important; color:#fff!important;font-family:Manrope,Inter,system-ui,sans-serif!important; font-size:31px!important;line-height:34px!important;font-weight:800!important; letter-spacing:-.6px!important;white-space:nowrap!important; } .top.top .sub{ display:block!important;width:100%!important;max-width:none!important; margin:5px 0 0!important;padding:0!important; color:rgba(217,228,238,.62)!important;font:800 8.6px/11px Inter,system-ui,sans-serif!important; letter-spacing:.62px!important;text-transform:uppercase!important; white-space:nowrap!important;overflow:visible!important; } /* Command zone: controls on top, status/actions below. */ .top.top .actions{ position:relative!important;z-index:3!important;width:100%!important;min-width:0!important; height:86px!important;display:grid!important; grid-template-rows:44px 30px!important;row-gap:9px!important; align-content:center!important;align-items:center!important; } .top.top .context-row{ width:100%!important;min-width:0!important;height:44px!important; display:grid!important; grid-template-columns:minmax(190px,1.1fr) minmax(178px,1fr) 44px minmax(210px,1.18fr)!important; gap:8px!important;align-items:stretch!important;overflow:visible!important; } .top.top .period-control,.top.top .current-date-control,.top.top .notification-center,.top.top .user-menu-wrap,.top.top .user-chip,.top.top .notification-bell{ height:44px!important;min-width:0!important;box-sizing:border-box!important; } .top.top .period-control{ width:100%!important;padding:6px 11px!important;overflow:hidden!important; background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.11)!important; border-radius:10px!important;box-shadow:none!important;transition:background .16s ease,border-color .16s ease!important; } .top.top .period-control:hover{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.18)!important} .top.top .period-main{width:100%!important;min-width:0!important;display:flex!important;align-items:center!important;gap:8px!important} .top.top .context-label,.top.top .current-date-label{flex:0 0 auto!important;color:rgba(228,181,99,.72)!important;font-size:6.6px!important;line-height:1!important;font-weight:800!important;letter-spacing:1.05px!important;white-space:nowrap!important} .top.top .period-display-wrap{flex:1 1 auto!important;min-width:0!important;width:auto!important;height:27px!important;overflow:hidden!important} .top.top .period-display-label{display:block!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#fff!important;font:800 10.8px/1.15 Manrope,Inter,sans-serif!important} .top.top .period-picker-btn{ width:27px!important;height:27px!important;min-width:27px!important;flex:0 0 27px!important; background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.14)!important;color:#e9dcc2!important;border-radius:7px!important; } .top.top .period-picker-btn:hover{background:rgba(255,255,255,.13)!important} .top.top .current-date-control{ width:100%!important;padding:6px 11px!important;gap:8px!important;overflow:hidden!important; background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:10px!important;box-shadow:none!important; } .top.top .current-date-icon{width:23px!important;height:23px!important;min-width:23px!important;flex:0 0 23px!important;color:var(--gold-light)!important} .top.top .current-date-control>div{min-width:0!important;overflow:hidden!important} .top.top .current-date-control b{display:block!important;max-width:100%!important;margin-top:2px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#fff!important;font:800 9px/1.15 Manrope,Inter,sans-serif!important} .top.top .notification-center{width:44px!important;min-width:44px!important;height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important} .top.top .notification-bell{ width:44px!important;min-width:44px!important;height:44px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important; background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:10px!important; } .top.top .notification-bell:hover{background:rgba(255,255,255,.09)!important} .top.top .notification-bell-icon{font-size:14px!important;color:rgba(233,220,194,.85)!important} .top.top .notification-badge{border-color:var(--navy-900)!important} .top.top .user-menu-wrap{width:100%!important;min-width:0!important;position:relative!important;z-index:100!important;overflow:visible!important} .top.top .user-chip{ width:100%!important;padding:6px 12px!important;gap:9px!important;overflow:hidden!important; background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:none!important;border-radius:10px!important; transition:background .16s ease,border-color .16s ease!important; } .top.top .user-chip:hover{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.20)!important} .top.top .user-chip>.user-avatar-dot{ width:30px!important;height:30px!important;min-width:30px!important;flex:0 0 30px!important; background:linear-gradient(155deg,var(--gold-light),var(--gold))!important;box-shadow:0 2px 8px rgba(184,134,46,.35)!important; } .top.top .user-avatar-initial{color:var(--navy-950)!important;font-weight:900!important} .top.top .user-chip-copy{min-width:0!important;flex:1 1 auto!important;overflow:hidden!important} .top.top .user-chip-copy b,.top.top .user-chip-copy small{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} .top.top .user-chip-copy b{font-size:10.2px!important;line-height:12px!important;color:#fff!important} .top.top .user-chip-copy small{font-size:6.8px!important;line-height:9px!important;color:rgba(217,228,238,.6)!important;font-weight:800!important;letter-spacing:.4px!important;text-transform:uppercase!important} .top.top .user-chip-chevron{flex:0 0 auto!important;color:rgba(217,228,238,.55)!important} /* Action rail stays INSIDE the card and aligns to the control row. */ .top.top .action-row{ width:100%!important;height:30px!important;min-height:30px!important;margin:0!important;padding:0!important; display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:11px!important; position:static!important; } .top.top .system-status{ position:static!important;width:auto!important;min-width:0!important;height:26px!important; margin:0 auto 0 0!important;padding:0!important;display:flex!important;align-items:center!important;gap:7px!important; border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important; white-space:nowrap!important;overflow:visible!important; } .top.top .system-status .status-dot{width:7px!important;height:7px!important;min-width:7px!important;flex:0 0 7px!important;box-shadow:0 0 0 4px rgba(70,196,140,.16)!important} .top.top .system-status>div{min-width:0!important;display:flex!important;align-items:center!important;gap:7px!important;overflow:visible!important} .top.top .system-status span{font-size:7.6px!important;line-height:8px!important;font-weight:850!important;color:#7fe0b3!important;white-space:nowrap!important} .top.top .system-status small{font-size:6.3px!important;line-height:8px!important;color:rgba(217,228,238,.5)!important;white-space:nowrap!important} .top.top #refreshDataBtn{ flex:0 0 auto!important;width:auto!important;height:30px!important;min-height:30px!important;min-width:98px!important; margin:0!important;padding:0 14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important; opacity:1!important;color:#f2f5f8!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.16)!important; border-radius:8px!important;box-shadow:none!important; font-size:8.6px!important;font-weight:850!important;white-space:nowrap!important;letter-spacing:.2px!important; } .top.top #refreshDataBtn:hover{color:#fff!important;background:rgba(255,255,255,.11)!important;border-color:rgba(255,255,255,.26)!important} .top.top #refreshDataBtn .refresh-icon{font-size:12px!important;margin-right:5px!important;color:var(--gold-light)!important} .top.top .save-state{position:static!important;width:auto!important;min-width:0!important;height:30px!important;margin:0!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#7fe0b3!important;font-size:8px!important;font-weight:800!important;white-space:nowrap!important} .top.top #logoutBtn,.top.top #saveBtn{display:none!important} /* At the screenshot width (~1076px viewport), keep the desktop composition intact. */ @media(max-width:1120px) and (min-width:901px){ .top.top{grid-template-columns:minmax(305px,33%) minmax(0,1fr)!important;column-gap:18px!important;padding-left:22px!important;padding-right:18px!important} .top.top .context-row{grid-template-columns:minmax(180px,1.06fr) minmax(174px,1fr) 44px minmax(205px,1.12fr)!important;gap:7px!important} .top.top .sub{font-size:8.2px!important;letter-spacing:.5px!important} } @media(max-width:900px){ .top.top{position:relative!important;top:0!important;display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;gap:14px!important;padding:18px 18px!important;overflow:visible!important} .top.top .top-context{padding:0 0 12px!important} .top.top .top-context::after{right:auto!important;left:0!important;top:auto!important;bottom:0!important;width:100%!important;height:1px!important;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.14),rgba(255,255,255,0))!important} .top.top .sub{white-space:normal!important;line-height:12px!important} .top.top .actions{height:auto!important;display:grid!important;grid-template-rows:auto auto!important;gap:9px!important} .top.top .context-row{height:auto!important;grid-template-columns:minmax(0,1fr) 44px!important;grid-template-rows:44px 44px!important} .top.top .period-control{grid-column:1!important;grid-row:1!important} .top.top .notification-center{grid-column:2!important;grid-row:1!important} .top.top .current-date-control{grid-column:1!important;grid-row:2!important} .top.top .user-menu-wrap{grid-column:2!important;grid-row:2!important} } @media(max-width:680px){ .top.top .context-row{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:44px 44px 44px!important} .top.top .period-control,.top.top .current-date-control,.top.top .user-menu-wrap,.top.top .notification-center{grid-column:1!important} .top.top .period-control{grid-row:1!important} .top.top .current-date-control{grid-row:2!important} .top.top .user-menu-wrap{grid-row:3!important} .top.top .notification-center{position:absolute!important;right:0!important;top:0!important;width:44px!important} .top.top .action-row{justify-content:flex-start!important;flex-wrap:wrap!important;height:auto!important} } @media(max-width:1120px) and (min-width:901px){ .top.top .context-row{grid-template-columns:190px 170px 44px 205px!important;gap:7px!important} .top.top .action-row{justify-content:flex-end!important} .top.top .system-status{margin-left:auto!important;margin-right:0!important} } /* ============================================================ V38.19.01 — SURGICAL HEADER FINAL Mantém o redesenho V38.19 e apenas elimina duas fragilidades de cascata: .user-chip > span legado e largura do período. ============================================================ */ /* O span direto .user-chip-copy nunca é o indicador de status. A regra legada em app.css pode continuar existindo; estes seletores, carregados por último, isolam cada responsabilidade. */ .top.top .user-chip > .user-avatar-dot{ width:30px!important; height:30px!important; min-width:30px!important; flex:0 0 30px!important; display:grid!important; place-items:center!important; border-radius:8px!important; } .top.top .user-chip > .user-chip-copy{ width:auto!important; height:auto!important; min-width:0!important; flex:1 1 auto!important; display:flex!important; flex-direction:column!important; justify-content:center!important; align-items:flex-start!important; overflow:hidden!important; background:transparent!important; box-shadow:none!important; } .top.top .user-chip > .user-chip-chevron{ width:13px!important; height:13px!important; min-width:13px!important; flex:0 0 13px!important; display:grid!important; place-items:center!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } /* Nome/cargo: área própria, sem risco de herdar geometria do span legado. */ .top.top .user-chip-copy b{ display:block!important; width:100%!important; height:auto!important; min-height:12px!important; max-width:100%!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; font-family:Manrope,Inter,system-ui,sans-serif!important; } .top.top .user-chip-copy small{ display:block!important; width:100%!important; height:auto!important; min-height:9px!important; max-width:100%!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; font-family:Inter,system-ui,sans-serif!important; } /* Período: reserva real para "Setembro de 2026" antes de distribuir o espaço restante entre data e usuário. */ .top.top .context-row{ grid-template-columns:minmax(210px,1.18fr) minmax(165px,.92fr) 44px minmax(205px,1.12fr)!important; } .top.top .period-display-wrap{ min-width:0!important; flex:1 1 auto!important; } .top.top .period-display-label{ min-width:0!important; width:100%!important; max-width:none!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; font-family:Manrope,Inter,system-ui,sans-serif!important; letter-spacing:0!important; } @media(max-width:1120px) and (min-width:901px){ .top.top .context-row{ grid-template-columns:minmax(205px,1.18fr) minmax(165px,.92fr) 44px minmax(205px,1.12fr)!important; } } /* ============================================================ V38.19.02 — USER CHIP / TEXT RENDERING SURGICAL FIX O chip do usuário passa a usar uma grade explícita de 3 áreas: avatar | identidade | chevron. Isso impede qualquer colisão/encobrimento do primeiro caractere causado pela cascata histórica de .user-chip. ============================================================ */ .top.top .user-chip{ position:relative!important; display:grid!important; grid-template-columns:30px minmax(0,1fr) 18px!important; align-items:center!important; column-gap:9px!important; width:100%!important; min-width:0!important; height:44px!important; padding:6px 10px!important; box-sizing:border-box!important; overflow:hidden!important; text-align:left!important; } /* Remove a decoração histórica "PERFIL", que pode ficar sobre o conteúdo. */ .top.top .user-chip::before{ content:none!important; display:none!important; } .top.top .user-chip > .user-avatar-dot{ grid-column:1!important; grid-row:1!important; position:relative!important; z-index:2!important; width:30px!important; height:30px!important; min-width:30px!important; max-width:30px!important; margin:0!important; flex:none!important; } .top.top .user-chip > .user-chip-copy{ grid-column:2!important; grid-row:1!important; position:relative!important; z-index:3!important; width:100%!important; min-width:0!important; max-width:none!important; height:auto!important; margin:0!important; padding:0!important; display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:center!important; overflow:hidden!important; flex:none!important; } .top.top .user-chip > .user-chip-copy > b{ display:block!important; position:relative!important; width:100%!important; min-width:0!important; max-width:none!important; height:12px!important; min-height:12px!important; margin:0!important; padding:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; text-indent:0!important; transform:none!important; color:#f7fbff!important; font-family:Manrope,Inter,system-ui,sans-serif!important; font-size:10.2px!important; font-weight:900!important; line-height:12px!important; letter-spacing:0!important; } .top.top .user-chip > .user-chip-copy > small{ display:block!important; position:relative!important; width:100%!important; min-width:0!important; max-width:none!important; height:9px!important; min-height:9px!important; margin:2px 0 0!important; padding:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; text-indent:0!important; transform:none!important; color:rgba(217,228,238,.66)!important; font-family:Inter,system-ui,sans-serif!important; font-size:6.8px!important; font-weight:800!important; line-height:9px!important; letter-spacing:.4px!important; text-transform:uppercase!important; } .top.top .user-chip > .user-chip-chevron{ grid-column:3!important; grid-row:1!important; position:relative!important; z-index:3!important; width:18px!important; height:18px!important; min-width:18px!important; max-width:18px!important; margin:0!important; padding:0!important; display:grid!important; place-items:center!important; flex:none!important; background:transparent!important; box-shadow:none!important; border:0!important; color:rgba(217,228,238,.62)!important; font-size:13px!important; line-height:18px!important; } @media(max-width:1120px) and (min-width:901px){ .top.top .user-chip{ grid-template-columns:30px minmax(0,1fr) 18px!important; column-gap:8px!important; padding-left:9px!important; padding-right:8px!important; } } /* ============================================================ V38.19.03 — USER CHIP / IDENTITY ISOLATION Último ajuste: elimina a dependência da cascata flex/grid histórica para o texto do usuário. A identidade fica em uma caixa absoluta própria, entre o avatar e o chevron, sem clipping lateral. ============================================================ */ .top.top .user-chip{ position:relative!important; display:block!important; width:100%!important; min-width:0!important; height:44px!important; padding:0!important; overflow:hidden!important; box-sizing:border-box!important; } .top.top .user-chip > .user-avatar-dot{ position:absolute!important; left:10px!important; top:50%!important; transform:translateY(-50%)!important; z-index:4!important; width:30px!important; height:30px!important; min-width:30px!important; max-width:30px!important; margin:0!important; padding:0!important; display:grid!important; place-items:center!important; } .top.top .user-chip > .user-chip-copy{ position:absolute!important; left:49px!important; right:29px!important; top:50%!important; transform:translateY(-50%)!important; z-index:5!important; display:flex!important; flex-direction:column!important; justify-content:center!important; align-items:flex-start!important; width:auto!important; min-width:0!important; max-width:none!important; height:auto!important; margin:0!important; padding:0!important; overflow:hidden!important; box-sizing:border-box!important; } .top.top .user-chip > .user-chip-copy > b{ display:block!important; width:100%!important; min-width:0!important; max-width:none!important; height:auto!important; min-height:14px!important; margin:0!important; padding:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; text-indent:0!important; transform:none!important; color:#f7fbff!important; font-family:Manrope,Inter,system-ui,sans-serif!important; font-size:12px!important; font-weight:800!important; line-height:14px!important; letter-spacing:0!important; } .top.top .user-chip > .user-chip-copy > small{ display:block!important; width:100%!important; min-width:0!important; max-width:none!important; height:auto!important; min-height:9px!important; margin:1px 0 0!important; padding:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; text-indent:0!important; transform:none!important; color:rgba(217,228,238,.68)!important; font-family:Inter,system-ui,sans-serif!important; font-size:7.2px!important; font-weight:800!important; line-height:9px!important; letter-spacing:.35px!important; text-transform:uppercase!important; } .top.top .user-chip > .user-chip-chevron{ position:absolute!important; right:9px!important; top:50%!important; transform:translateY(-50%)!important; z-index:5!important; width:17px!important; height:17px!important; min-width:17px!important; max-width:17px!important; margin:0!important; padding:0!important; display:grid!important; place-items:center!important; color:rgba(217,228,238,.62)!important; font-size:13px!important; line-height:17px!important; } @media(max-width:1120px) and (min-width:901px){ .top.top .user-chip > .user-avatar-dot{left:9px!important} .top.top .user-chip > .user-chip-copy{left:48px!important;right:27px!important} .top.top .user-chip > .user-chip-chevron{right:8px!important} } /* ============================================================ V38.19.04 — ROOT FIX / USER IDENTITY CONTAINER .user-chip-copy is a DIV, not a direct child SPAN. This makes the legacy .user-chip > span status-dot rule structurally unable to resize/clip the identity container. ============================================================ */ .top.top .user-chip > .user-chip-copy{ position:absolute!important; left:49px!important; right:29px!important; top:50%!important; transform:translateY(-50%)!important; z-index:5!important; display:flex!important; flex-direction:column!important; justify-content:center!important; align-items:flex-start!important; width:auto!important; min-width:0!important; max-width:none!important; height:auto!important; margin:0!important; padding:0!important; overflow:hidden!important; box-sizing:border-box!important; } .top.top .user-chip > .user-chip-copy > b{ display:block!important; width:100%!important; min-width:0!important; max-width:none!important; height:14px!important; margin:0!important; padding:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; text-indent:0!important; transform:none!important; font-family:Manrope,Inter,system-ui,sans-serif!important; font-size:12px!important; line-height:14px!important; font-weight:800!important; letter-spacing:0!important; color:#f7fbff!important; } .top.top .user-chip > .user-chip-copy > small{ display:block!important; width:100%!important; min-width:0!important; max-width:none!important; height:9px!important; margin:1px 0 0!important; padding:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; text-indent:0!important; transform:none!important; font-family:Inter,system-ui,sans-serif!important; font-size:7.2px!important; line-height:9px!important; font-weight:800!important; letter-spacing:.35px!important; text-transform:uppercase!important; color:rgba(217,228,238,.68)!important; } @media(max-width:1120px) and (min-width:901px){ .top.top .user-chip > .user-chip-copy{left:48px!important;right:27px!important} } /* V39.30 CSS CONSOLIDATION — notifications-v38-22-enterprise.css */ /* V38.22 — Notification Design System. Deliberately isolated from app.css. */ .notification-center{position:relative;z-index:90;display:flex;align-items:center;justify-content:center;min-width:44px} .notification-bell{width:44px!important;height:44px!important;border:1px solid rgba(142,183,211,.30)!important;border-radius:12px!important;background:rgba(255,255,255,.08)!important;color:#eaf4fb!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 6px 16px rgba(0,0,0,.10)!important;display:grid!important;place-items:center!important;cursor:pointer!important;transition:all .18s ease!important} .notification-bell:hover,.notification-bell:focus-visible{background:rgba(255,255,255,.14)!important;border-color:rgba(229,184,79,.65)!important;transform:translateY(-1px);outline:none!important} .notification-bell-icon{font-size:0!important;transform:none!important;opacity:1!important;width:19px;height:19px;position:relative} .notification-bell-icon:before{content:'\1F514';font-size:17px;line-height:19px;filter:grayscale(1) brightness(4)} .notification-badge{top:3px!important;right:3px!important;min-width:16px!important;height:16px!important;padding:0 4px!important;border-radius:99px!important;background:#b4232d!important;color:#fff!important;border:2px solid #0b2b47!important;font-size:8px!important;font-weight:900!important;display:grid!important;place-items:center!important} .notification-panel{position:absolute!important;top:calc(100% + 12px)!important;right:0!important;width:min(410px,calc(100vw - 24px))!important;background:#fff!important;border:1px solid #dfe7ee!important;border-radius:18px!important;box-shadow:0 24px 60px rgba(5,25,42,.24)!important;overflow:hidden!important} .notification-panel-head{padding:15px 16px!important;background:linear-gradient(135deg,#09243c,#0e3b61)!important;border-bottom:0!important}.notification-panel-head span{color:#e5b84f!important;font-size:8px!important}.notification-panel-head b{color:#fff!important;font-size:16px!important}.notification-panel-head:after{content:'Controle de eventos e sinais prioritários';display:block;color:#a9c5da;font-size:9px;margin-top:4px} .notification-mark-all,.notification-panel-foot button{color:#174c73!important;font-weight:900!important}.notification-list{max-height:420px!important;padding:6px!important;background:#f5f8fa} .notification-item{border:1px solid transparent!important;border-radius:12px!important;margin:3px 0!important;padding:12px 10px!important}.notification-item:hover{background:#eef5f9!important;border-color:#dce7ee!important}.notification-item.is-unread{background:#fff!important;border-color:#e3eaf0!important;box-shadow:0 2px 8px rgba(20,58,88,.05)} .notification-copy b{font-size:11px!important;color:#102d45!important}.notification-copy span{font-size:10px!important;color:#5d7182!important}.notification-copy small{font-size:8px!important;color:#8293a1!important}.notification-mark{width:30px!important;height:30px!important;border-radius:9px!important} .corporate-event-center-modal,.corporate-event-detail-modal{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:18px}.corporate-event-center-modal[hidden],.corporate-event-detail-modal[hidden]{display:none}.corporate-event-center-backdrop,.corporate-event-detail-backdrop{position:absolute;inset:0;background:rgba(3,16,28,.68);backdrop-filter:blur(7px)} .corporate-event-center{position:relative;width:min(1040px,calc(100vw - 24px));height:min(820px,calc(100vh - 28px));display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;overflow:hidden;background:#f5f8fa;border:1px solid rgba(140,170,194,.30);border-radius:24px;box-shadow:0 34px 90px rgba(0,0,0,.30)} .corporate-event-center-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:25px 28px 21px;background:linear-gradient(135deg,#071d31,#0d3a5f);color:#fff}.corporate-event-center-kicker{display:block;color:#e5b84f;font-size:9px;font-weight:900;letter-spacing:1.6px;margin-bottom:7px}.corporate-event-center-head h2{margin:0;color:#fff;font:800 29px/1.05 Manrope,Inter,sans-serif;letter-spacing:-.8px}.corporate-event-center-head p{margin:8px 0 0;color:#a9c5da;font-size:11px;line-height:1.45}.corporate-event-head-actions{display:flex;align-items:center;gap:12px}.corporate-event-sync-state{font-size:9px;font-weight:900;color:#9eb6c9;white-space:nowrap}.corporate-event-sync-state.is-ok{color:#8dd4aa}.corporate-event-sync-state.is-warn{color:#f0bd72}.corporate-event-center-close{width:38px;height:38px;border:1px solid rgba(255,255,255,.20);border-radius:11px;background:rgba(255,255,255,.06);color:#fff;font-size:23px;cursor:pointer}.corporate-event-center-close:hover{background:rgba(255,255,255,.14)} .corporate-event-center-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;padding:13px 18px;background:#fff;border-bottom:1px solid #e5ebf1}.corporate-event-center-stats>div{min-width:0;padding:11px 12px;border:1px solid #e4eaf0;border-radius:12px;background:#fbfcfd}.corporate-event-center-stats span{font-size:7px;font-weight:900;letter-spacing:1px;color:#80909d}.corporate-event-center-stats b{display:block;margin-top:4px;font-size:21px;line-height:1;color:#16334b}.corporate-event-center-stats .event-stat-critical b{color:#a5222d}.corporate-event-center-stats .event-stat-attention b{color:#a05b08}.corporate-event-center-stats .event-stat-sla b{color:#a5222d} .corporate-event-center-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 18px;background:#fff;border-bottom:1px solid #e5ebf1}.corporate-event-center-filters{display:flex;gap:6px;flex-wrap:wrap}.event-filter{border:1px solid #dce5ec;background:#fff;color:#536a7b;border-radius:999px;padding:7px 10px;font-size:8px;font-weight:900;cursor:pointer}.event-filter.active{background:#0d3a5f;border-color:#0d3a5f;color:#fff}.corporate-event-mark-all{border:0;background:transparent;color:#174c73;font-size:9px;font-weight:900;cursor:pointer;white-space:nowrap} .corporate-event-center-list{min-height:0;overflow:auto;padding:8px 12px;background:#f3f7f9}.corporate-event-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:start;padding:14px;border:1px solid #e1e8ee;border-radius:14px;background:#fff;margin:4px 0;cursor:pointer;box-shadow:0 2px 8px rgba(18,49,71,.035)}.corporate-event-row.is-unread{border-left:3px solid #c9a03d}.corporate-event-row:hover{border-color:#cddbe5;box-shadow:0 6px 18px rgba(18,49,71,.07)}.corporate-event-level{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:13px;font-weight:900}.level-critico{background:#fde9eb;color:#a5222d}.level-atencao{background:#fff2dc;color:#a05b08}.level-seguranca{background:#fde9eb;color:#8f2630}.level-info{background:#eaf3fb;color:#255d8d}.level-concluido{background:#e6f5ec;color:#217346}.level-administrativo{background:#f7efd8;color:#8b691d} .corporate-event-body{min-width:0}.corporate-event-row-top{display:flex;gap:7px;align-items:center;margin-bottom:5px}.event-level-label{font-size:7px;font-weight:900;letter-spacing:1px;color:#8293a1}.event-status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 7px;background:#edf2f5;color:#536a7b;font-size:7px;font-weight:900}.event-status-pill.status-reconhecido,.event-status-pill.status-em_tratamento{background:#e9f3fb;color:#1e5b89}.event-status-pill.status-escalado{background:#f8e8ea;color:#9e2530}.corporate-event-body>b{display:block;color:#102d45;font-size:11px}.corporate-event-body>span{display:block;margin-top:3px;color:#5d7182;font-size:10px;line-height:1.4}.corporate-event-body>small{display:block;margin-top:5px;color:#8495a2;font-size:8px}.event-meta-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}.event-sla,.event-owner{font-size:8px;font-weight:900;color:#537084}.event-sla.overdue{color:#a5222d}.event-sla.urgent{color:#a05b08}.event-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.event-action{border:1px solid #d5e0e7;border-radius:8px;background:#fff;color:#23465f;padding:7px 9px;font-size:8px;font-weight:900;cursor:pointer}.event-action-primary{background:#0d3a5f;border-color:#0d3a5f;color:#fff}.event-action-muted{background:#f7f9fa;color:#667b89}.corporate-event-open{border:1px solid #d7e2e9;border-radius:8px;background:#fff;color:#174c73;padding:8px 10px;font-size:8px;font-weight:900;cursor:pointer}.corporate-event-center-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;background:#fff;border-top:1px solid #e5ebf1;color:#8293a1;font-size:8px}.corporate-event-center-foot button{border:0;background:transparent;color:#174c73;font-weight:900;cursor:pointer} .corporate-event-detail{position:relative;width:min(760px,calc(100vw - 24px));max-height:min(760px,calc(100vh - 28px));overflow:hidden;background:#fff;border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.32);border:1px solid #dce6ed}.corporate-event-detail>header{display:flex;justify-content:space-between;gap:20px;padding:23px 25px;background:linear-gradient(135deg,#09243c,#0e3b61);color:#fff}.event-detail-level{font-size:8px;font-weight:900;letter-spacing:1.3px}.corporate-event-detail h2{margin:6px 0 0;font:800 23px/1.1 Manrope,Inter,sans-serif;color:#fff}.corporate-event-detail header p{margin:7px 0 0;color:#b2c9da;font-size:10px;line-height:1.45}.corporate-event-detail-close{width:36px;height:36px;border:1px solid rgba(255,255,255,.20);border-radius:10px;background:rgba(255,255,255,.06);color:#fff;font-size:22px;cursor:pointer}.corporate-event-detail-content{max-height:calc(100vh - 210px);overflow:auto;padding:20px 24px}.corporate-event-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.corporate-event-detail-grid>div{padding:11px 12px;border:1px solid #e2e9ef;border-radius:11px;background:#fbfcfd}.corporate-event-detail-grid span{display:block;font-size:7px;font-weight:900;letter-spacing:1px;color:#8495a2}.corporate-event-detail-grid b{display:block;margin-top:4px;color:#17364e;font-size:10px}.corporate-event-detail-grid b.overdue{color:#a5222d}.corporate-event-detail-actions{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0 20px;padding-bottom:17px;border-bottom:1px solid #e4ebf0}.corporate-event-section-title{display:grid;gap:3px;margin-bottom:10px}.corporate-event-section-title span{font-size:7px;font-weight:900;letter-spacing:1.2px;color:#b18b35}.corporate-event-section-title b{font-size:14px;color:#17364e}.corporate-event-history-list{display:grid;gap:0}.corporate-event-history-item{display:grid;grid-template-columns:18px 1fr;gap:10px;position:relative;padding:0 0 15px}.corporate-event-history-item i{width:9px;height:9px;margin-top:4px;border-radius:50%;background:#b18b35;box-shadow:0 0 0 4px #f7f1df}.corporate-event-history-item:not(:last-child):before{content:'';position:absolute;left:4px;top:13px;bottom:2px;width:1px;background:#dfe7ed}.corporate-event-history-item b{display:block;font-size:10px;color:#17364e}.corporate-event-history-item span{display:block;margin-top:2px;color:#8495a2;font-size:8px}.corporate-event-history-item small{display:block;margin-top:4px;color:#5d7182;font-size:8px} .corporate-event-loading,.corporate-event-empty{display:grid;place-content:center;min-height:140px;text-align:center;color:#738594;font-size:10px}.corporate-event-empty b{color:#17364e;font-size:12px}.corporate-event-empty span{max-width:360px;line-height:1.45} @media(max-width:900px){.corporate-event-center-stats{grid-template-columns:repeat(3,1fr)}.corporate-event-detail-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:700px){.notification-panel{position:fixed!important;top:72px!important;right:12px!important;width:calc(100vw - 24px)!important}.corporate-event-center-modal,.corporate-event-detail-modal{padding:0}.corporate-event-center{width:100vw;height:100vh;max-height:none;border-radius:0}.corporate-event-center-head{padding:20px 18px}.corporate-event-center-head h2{font-size:23px}.corporate-event-head-actions .corporate-event-sync-state{display:none}.corporate-event-center-stats{grid-template-columns:repeat(2,1fr);padding:10px}.corporate-event-center-toolbar{align-items:flex-start;flex-direction:column}.corporate-event-center-filters{width:100%;overflow:auto;flex-wrap:nowrap}.corporate-event-mark-all{align-self:flex-end}.corporate-event-row{grid-template-columns:34px minmax(0,1fr);padding:12px}.corporate-event-level{width:34px;height:34px}.corporate-event-open{grid-column:2;justify-self:start}.corporate-event-detail{width:100vw;height:100vh;max-height:none;border-radius:0}.corporate-event-detail-content{max-height:calc(100vh - 175px);padding:17px}.corporate-event-detail-grid{grid-template-columns:repeat(2,1fr)}} /* ============================================================================ V39.35 — HEADER & RESPONSIVE FORENSICS Objetivo: impedir clipping estrutural em 1440→360px sem alterar a identidade, regras de negócio ou contratos existentes. A regra é reflow antes de redução. ============================================================================ */ /* Desktop: nunca deixar o conteúdo textual competir com o trilho de comandos. */ .top.top .top-context, .top.top .actions, .top.top .context-row, .top.top .action-row{min-width:0!important;box-sizing:border-box!important} .top.top .top-context{overflow:hidden!important} .top.top .top-section-kicker, .top.top .top h1, .top.top #pageTitle, .top.top .sub{max-width:100%!important} .top.top .top h1, .top.top #pageTitle{overflow:hidden!important;text-overflow:ellipsis!important} /* 901–1120: preserve the compact enterprise composition, but allow controls to shrink safely instead of forcing the header beyond the available column. */ @media(max-width:1120px) and (min-width:901px){ .top.top{grid-template-columns:minmax(285px,31%) minmax(0,1fr)!important;column-gap:16px!important} .top.top .context-row{grid-template-columns:minmax(160px,1.05fr) minmax(150px,1fr) 44px minmax(180px,1.12fr)!important;gap:6px!important} .top.top .period-display-label{font-size:10.2px!important} .top.top .user-chip-copy b{font-size:9.8px!important} } /* 901–760: one controlled reflow point before mobile stacking. */ @media(max-width:900px){ .top.top .top-context{overflow:visible!important} .top.top h1,.top.top #pageTitle{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-size:clamp(24px,4.8vw,31px)!important;line-height:1.08!important} .top.top .top-section-kicker{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .top.top .context-row{width:100%!important} .top.top .period-display-wrap, .top.top .current-date-control>div, .top.top .user-chip-copy{min-width:0!important} } /* 680–481: keep period/date/user balanced in two columns; notifications stay as a compact command tile rather than consuming a full row. */ @media(max-width:680px) and (min-width:481px){ .top.top{padding:16px!important;border-radius:14px!important} .top.top .context-row{grid-template-columns:minmax(0,1fr) 44px!important;grid-template-rows:44px 44px 44px!important} .top.top .period-control{grid-column:1!important;grid-row:1!important} .top.top .notification-center{grid-column:2!important;grid-row:1!important;position:static!important} .top.top .current-date-control{grid-column:1!important;grid-row:2!important} .top.top .user-menu-wrap{grid-column:2!important;grid-row:2!important} .top.top .top h1,.top.top #pageTitle{font-size:26px!important} .top.top .action-row{gap:8px!important} .top.top .system-status{max-width:calc(100% - 210px)!important;overflow:hidden!important} } /* 480–360: all controls become full-width rows. This is intentional: it eliminates horizontal compression and makes the menu portal independent of the header clipping context. */ @media(max-width:480px){ .top.top{width:100%!important;margin-bottom:14px!important;padding:14px!important;border-radius:13px!important} .top.top .top-context{padding-bottom:10px!important} .top.top .top-section-kicker{font-size:8.6px!important;letter-spacing:1.35px!important} .top.top h1,.top.top #pageTitle{font-size:24px!important;line-height:1.08!important;letter-spacing:-.35px!important} .top.top .sub{font-size:7px!important;line-height:11px!important;letter-spacing:.38px!important} .top.top .context-row{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:44px 44px 44px!important;gap:7px!important} .top.top .period-control{grid-column:1!important;grid-row:1!important} .top.top .current-date-control{grid-column:1!important;grid-row:2!important} .top.top .user-menu-wrap{grid-column:1!important;grid-row:3!important} .top.top .notification-center{position:absolute!important;right:0!important;top:0!important;width:44px!important;height:44px!important} .top.top .period-control{padding-right:58px!important} .top.top .period-display-label{font-size:10px!important} .top.top .action-row{width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:7px!important} .top.top #refreshDataBtn{width:100%!important;min-width:0!important} .top.top .save-state{grid-column:1 / -1!important;width:100%!important;min-width:0!important} .top.top .system-status{grid-column:1 / -1!important;max-width:100%!important;width:100%!important;overflow:hidden!important} } @media(max-width:360px){ .top.top{padding:12px!important} .top.top .top-section-kicker{font-size:8px!important;letter-spacing:1.15px!important} .top.top h1,.top.top #pageTitle{font-size:22px!important} .top.top .sub{font-size:6.6px!important;letter-spacing:.28px!important} .top.top .period-display-label{font-size:9.6px!important} .top.top .user-chip{padding-left:9px!important;padding-right:9px!important} } /* V39.37 — INTELLIGENCE PANEL FORENSICS: compact executive signal band; preserve data authority, remove visual redundancy. */ .executive-intelligence-panel{margin:14px 0;border-radius:14px} .executive-intelligence-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:12px;padding:14px} .executive-intelligence-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;align-items:stretch} .executive-intelligence-summary>div{min-width:0;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:rgba(14,44,72,.018)} .executive-intelligence-summary .ei-metric-primary{display:flex;flex-direction:column;justify-content:center;min-height:52px} .executive-intelligence-summary .ei-metric-secondary{padding:6px 8px;background:transparent;border-color:rgba(14,44,72,.09)} .executive-intelligence-summary span,.executive-intelligence-rec-head span{font-size:8px;letter-spacing:.07em} .executive-intelligence-summary b{margin-top:3px;font-size:17px;line-height:1} .executive-intelligence-summary .ei-metric-secondary b{font-size:13px} .executive-intelligence-recommendations{padding:10px 12px;border-radius:10px} .executive-intelligence-rec-head{margin-bottom:5px;align-items:center} .executive-intelligence-rec-head>div{min-width:0} .executive-intelligence-rec-head small{display:block;margin-top:2px;font-size:8px;text-align:left} .executive-intelligence-rec-count{font-size:11px;line-height:1;min-width:22px;height:22px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--navy,#0E2C48);background:var(--surface,#fff)} .executive-intelligence-rec{grid-template-columns:28px 1fr auto;gap:8px;padding:7px 0} .executive-intelligence-rec .score{font-size:13px} .executive-intelligence-rec .body b{font-size:10px;line-height:1.25} .executive-intelligence-rec .body small{font-size:8px;line-height:1.25} .executive-intelligence-rec .priority{font-size:7px;padding:4px 6px} .executive-intelligence-rec .rec-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px;white-space:nowrap} .executive-intelligence-rec .rec-count{font-size:7px;color:#7c8895} @media(max-width:1100px){.executive-intelligence-grid{grid-template-columns:1fr}.executive-intelligence-summary{grid-template-columns:repeat(5,minmax(0,1fr))}} @media(max-width:760px){.executive-intelligence-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.executive-intelligence-summary .ei-metric-secondary{display:none}} @media(max-width:480px){.executive-intelligence-grid{padding:10px}.executive-intelligence-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.executive-intelligence-rec{grid-template-columns:24px 1fr}.executive-intelligence-rec .rec-side{grid-column:2;align-items:flex-start;flex-direction:row;align-items:center}.executive-intelligence-rec-head small{font-size:7px}} /* V39.37.01 — second-order cleanup: secondary engine diagnostics remain available to the runtime contract but do not compete with executive signals. */ .executive-intelligence-summary .ei-metric-secondary{display:none} .executive-intelligence-summary{grid-template-columns:repeat(5,minmax(82px,1fr))} @media(max-width:760px){.executive-intelligence-summary{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:480px){.executive-intelligence-summary{grid-template-columns:repeat(2,minmax(0,1fr))}} /* V39.38 — INTELLIGENCE SIGNAL STRIP: executive signal, not a second dashboard. */ .executive-intelligence-panel{margin:12px 0!important;border-radius:12px!important} .executive-intelligence-panel .panel-head{padding:10px 14px!important;min-height:0!important} .executive-intelligence-panel .panel-head h4{font-size:9px!important;letter-spacing:.11em!important} .executive-intelligence-panel .panel-head span{font-size:8px!important} .executive-intelligence-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.95fr)!important;gap:10px!important;padding:10px 14px!important;align-items:center!important} .executive-intelligence-summary{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important} .executive-intelligence-summary>div{padding:7px 9px!important;border-radius:8px!important;background:transparent!important} .executive-intelligence-summary .ei-metric-primary{min-height:42px!important} .executive-intelligence-summary .ei-metric-primary span{font-size:7px!important;letter-spacing:.08em!important} .executive-intelligence-summary .ei-metric-primary b{font-size:15px!important;margin-top:3px!important} .executive-intelligence-summary .ei-metric-secondary{display:none!important} .executive-intelligence-recommendations{padding:8px 10px!important;border-radius:9px!important;background:rgba(14,44,72,.018)!important} .executive-intelligence-rec-head{margin-bottom:3px!important} .executive-intelligence-rec-head span{font-size:7px!important} .executive-intelligence-rec-head small{font-size:7px!important} .executive-intelligence-rec-count{min-width:20px!important;height:20px!important;font-size:10px!important} .executive-intelligence-rec{grid-template-columns:30px 1fr auto!important;gap:7px!important;padding:5px 0!important} .executive-intelligence-rec .score{font-size:12px!important} .executive-intelligence-rec .body b{font-size:9px!important;line-height:1.2!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important} .executive-intelligence-rec .body small{font-size:7px!important;line-height:1.2!important;display:-webkit-box!important;-webkit-line-clamp:1!important;-webkit-box-orient:vertical!important;overflow:hidden!important} .executive-intelligence-rec .priority{font-size:6.5px!important;padding:4px 5px!important} .executive-intelligence-rec .rec-count{font-size:6.5px!important} @media(max-width:900px){.executive-intelligence-grid{grid-template-columns:1fr!important}.executive-intelligence-recommendations{max-width:none!important}} @media(max-width:560px){.executive-intelligence-grid{padding:8px 10px!important}.executive-intelligence-summary{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important}.executive-intelligence-summary>div{padding:6px!important}.executive-intelligence-summary .ei-metric-primary b{font-size:14px!important}.executive-intelligence-recommendations{padding:7px 8px!important}} @media(max-width:390px){.executive-intelligence-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.executive-intelligence-rec{grid-template-columns:26px 1fr!important}.executive-intelligence-rec .rec-side{grid-column:2!important;justify-self:start!important;flex-direction:row!important;align-items:center!important}} /* ===== V39.39 — DASHBOARD HIERARCHY FORENSICS ===== Visual-only hierarchy pass. Preserve DOM, IDs, runtime, calculations and permissions. Principle: the first screen should communicate context -> decision -> evidence, without repeating the same information in multiple large blocks. */ #dashboard.ceo-dashboard > .executive-reading-guide{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); min-height:0; margin:0 0 9px; padding:4px 7px; gap:0; border:1px solid var(--line); border-radius:9px; background:rgba(255,255,255,.78); box-shadow:none; } #dashboard.ceo-dashboard > .executive-reading-guide .executive-reading-item{ min-width:0; padding:5px 9px; border-right:1px solid var(--line-soft); } #dashboard.ceo-dashboard > .executive-reading-guide .executive-reading-item:last-child{border-right:0} #dashboard.ceo-dashboard > .executive-reading-guide .executive-reading-num{font-size:8px} #dashboard.ceo-dashboard > .executive-reading-guide .executive-reading-text{gap:1px} #dashboard.ceo-dashboard > .executive-reading-guide .executive-reading-text strong{font-size:8.5px;letter-spacing:.65px} #dashboard.ceo-dashboard > .executive-reading-guide .executive-reading-text span{font-size:8.5px;line-height:1.15;color:var(--muted-2)} /* Timeline remains useful as drill-down context, but should not behave like a second hero. Compact rail keeps the feature discoverable while returning vertical space to decisions. */ #dashboard.ceo-dashboard > .central-timeline{ margin:0 0 10px; padding:9px 11px 8px; border-radius:11px; box-shadow:none; } #dashboard.ceo-dashboard > .central-timeline .central-timeline-head{margin-bottom:6px;gap:10px} #dashboard.ceo-dashboard > .central-timeline .central-timeline-kicker{font-size:8px;letter-spacing:1px} #dashboard.ceo-dashboard > .central-timeline .central-timeline-head h3{font-size:12px;margin:2px 0 1px} #dashboard.ceo-dashboard > .central-timeline .central-timeline-head small{font-size:8.5px} #dashboard.ceo-dashboard > .central-timeline .central-timeline-meta{gap:5px} #dashboard.ceo-dashboard > .central-timeline .central-timeline-meta span, #dashboard.ceo-dashboard > .central-timeline .central-timeline-meta b{padding:4px 7px;font-size:8px} #dashboard.ceo-dashboard > .central-timeline .central-timeline-track{padding:5px 6px 0} #dashboard.ceo-dashboard > .central-timeline .central-timeline-track:before{top:19px} #dashboard.ceo-dashboard > .central-timeline .central-timeline-item{width:142px;padding:0 5px} #dashboard.ceo-dashboard > .central-timeline .central-timeline-date{min-width:27px;height:27px;border-width:3px;font-size:7px} #dashboard.ceo-dashboard > .central-timeline .central-timeline-card{margin-top:6px;min-height:48px;padding:6px 7px;border-radius:8px;box-shadow:none} #dashboard.ceo-dashboard > .central-timeline .central-timeline-card strong{font-size:8.5px;line-height:1.2} #dashboard.ceo-dashboard > .central-timeline .central-timeline-card span{font-size:7.5px;line-height:1.2;margin-top:3px} #dashboard.ceo-dashboard > .central-timeline .central-timeline-card b{font-size:7.5px;margin-top:4px} #dashboard.ceo-dashboard > .central-timeline .central-timeline-card .timeline-open-hint{font-size:6.8px;margin-top:3px} @media(max-width:760px){ #dashboard.ceo-dashboard > .executive-reading-guide{grid-template-columns:repeat(2,minmax(0,1fr));padding:4px 6px} #dashboard.ceo-dashboard > .executive-reading-guide .executive-reading-item{padding:5px 7px} #dashboard.ceo-dashboard > .executive-reading-guide .executive-reading-item:nth-child(2){border-right:0} #dashboard.ceo-dashboard > .executive-reading-guide .executive-reading-item:nth-child(-n+2){border-bottom:1px solid var(--line-soft)} } @media(max-width:420px){ #dashboard.ceo-dashboard > .executive-reading-guide{grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;padding:3px 2px} #dashboard.ceo-dashboard > .executive-reading-guide .executive-reading-item{padding:5px 3px;display:flex;align-items:center;gap:3px;justify-content:center;border-bottom:0!important} #dashboard.ceo-dashboard > .executive-reading-guide .executive-reading-num{font-size:7px} #dashboard.ceo-dashboard > .executive-reading-guide .executive-reading-text strong{font-size:7px;letter-spacing:.35px} #dashboard.ceo-dashboard > .executive-reading-guide .executive-reading-text span{display:none} #dashboard.ceo-dashboard > .central-timeline{padding:8px} #dashboard.ceo-dashboard > .central-timeline .central-timeline-head{align-items:center;flex-direction:row} #dashboard.ceo-dashboard > .central-timeline .central-timeline-head small{display:none} #dashboard.ceo-dashboard > .central-timeline .central-timeline-meta{width:auto} } /* ===== V39.40 — DASHBOARD REDUNDANCY FORENSICS ===== The Dashboard already communicates decision, risk, concentration and control through canonical sections. These two legacy summary surfaces remain in DOM for compatibility and rollback, but do not compete visually with the executive reading order. */ #dashboard.ceo-dashboard > .dashboard-secondary-block{ display:none!important; } #dashboard.ceo-dashboard > .ceo-risk-grid{ grid-template-columns:1fr!important; } #dashboard.ceo-dashboard > .ceo-risk-grid > .risk-ranking-panel{ min-width:0; } @media(max-width:760px){ #dashboard.ceo-dashboard > .ceo-risk-grid{grid-template-columns:1fr!important} } /* ===== V39.41 — DASHBOARD INFORMATION ARCHITECTURE ===== Context follows the executive header; operational timeline belongs to evidence, not to the page chrome. Compact treatment prevents either block from becoming a competing hero surface. */ #dashboard.ceo-dashboard > .regional-exec-strip{ margin:0 0 9px!important; padding:9px 12px!important; border-radius:11px!important; box-shadow:0 2px 9px rgba(8,47,75,.035)!important; } #dashboard.ceo-dashboard > .regional-exec-strip .regional-exec-top{gap:8px!important} #dashboard.ceo-dashboard > .regional-exec-strip .regional-exec-kicker{font-size:8px!important;letter-spacing:1px!important} #dashboard.ceo-dashboard > .regional-exec-strip .regional-exec-title{gap:7px!important} #dashboard.ceo-dashboard > .regional-exec-strip .regional-exec-title strong{font-size:13px!important;letter-spacing:-.1px!important} #dashboard.ceo-dashboard > .regional-exec-strip .regional-exec-title small{font-size:9px!important} #dashboard.ceo-dashboard > .regional-exec-strip .regional-exec-selector{padding:2px!important;gap:2px!important} #dashboard.ceo-dashboard > .regional-exec-strip .regional-view-btn{min-height:27px!important;padding:5px 9px!important;font-size:9px!important} #dashboard.ceo-dashboard > .central-timeline{ margin:0 0 10px!important; } @media(max-width:760px){ #dashboard.ceo-dashboard > .regional-exec-strip .regional-exec-title{flex-wrap:wrap} #dashboard.ceo-dashboard > .regional-exec-strip .regional-exec-title small{display:none} } @media(max-width:480px){ #dashboard.ceo-dashboard > .regional-exec-strip{padding:8px 9px!important} #dashboard.ceo-dashboard > .regional-exec-strip .regional-exec-top{align-items:stretch!important} #dashboard.ceo-dashboard > .regional-exec-strip .regional-exec-title{width:100%!important} #dashboard.ceo-dashboard > .regional-exec-strip .regional-exec-selector{width:100%!important} #dashboard.ceo-dashboard > .regional-exec-strip .regional-view-btn{flex:1 1 0!important} } /* ===== V39.42 — EXECUTIVE METRIC RAIL ===== Cirurgia visual: os quatro sinais permanecem funcionais, mas deixam de dominar a tela. Sem alteração de IDs, dados, cálculos ou comportamento. */ #dashboard.ceo-dashboard .ceo-focus{ grid-template-columns:minmax(280px,1.28fr) repeat(3,minmax(180px,.92fr)); gap:8px; margin:0 0 11px; align-items:stretch; } #dashboard.ceo-dashboard .ceo-focus-card{ min-height:104px!important; padding:12px 14px!important; border-radius:11px!important; box-shadow:0 3px 11px rgba(8,32,53,.035)!important; border-top-width:2px!important; } #dashboard.ceo-dashboard .ceo-focus-card:after{height:2px!important} #dashboard.ceo-dashboard .ceo-focus-card .ceo-label{ font-size:9px!important; letter-spacing:.95px!important; } #dashboard.ceo-dashboard .ice-focus-row{gap:9px;margin-top:6px} #dashboard.ceo-dashboard .ice-focus-score{ width:54px!important;height:54px!important;min-width:54px!important; border-radius:10px!important;box-shadow:inset 0 0 0 3px rgba(210,169,79,.20)!important; } #dashboard.ceo-dashboard .ice-focus-score b{font-size:24px!important;letter-spacing:-1px!important} #dashboard.ceo-dashboard .ice-focus-score small{font-size:8px!important;margin-top:4px!important} #dashboard.ceo-dashboard .ice-focus-copy{padding-left:9px} #dashboard.ceo-dashboard .ice-focus-copy strong{font-size:10.5px!important;line-height:1.2!important} #dashboard.ceo-dashboard .ice-focus-copy span{font-size:9px!important;line-height:1.25!important;margin-top:3px!important} #dashboard.ceo-dashboard .ice-mini-components{margin-top:5px!important} #dashboard.ceo-dashboard .ice-mini-components .ice-component{padding:4px 3px!important} #dashboard.ceo-dashboard .ice-mini-components .ice-component span{font-size:8px!important} #dashboard.ceo-dashboard .ice-mini-components .ice-component b{font-size:9px!important} #dashboard.ceo-dashboard .focus-number{ font-size:27px!important; line-height:1!important; margin-top:9px!important; } #dashboard.ceo-dashboard .focus-sub{ font-size:9.5px!important; line-height:1.25!important; margin-top:4px!important; min-height:0!important; } #dashboard.ceo-dashboard .focus-meter{height:4px!important;margin-top:8px!important} #dashboard.ceo-dashboard .focus-breakdown{margin-top:7px!important;gap:5px!important} #dashboard.ceo-dashboard .focus-breakdown span{padding:4px 6px!important;font-size:8.5px!important;border-radius:7px!important} #dashboard.ceo-dashboard .focus-breakdown b{font-size:10px!important} #dashboard.ceo-dashboard .focus-secondary{margin-top:6px!important;padding-top:5px!important} #dashboard.ceo-dashboard .focus-secondary span, #dashboard.ceo-dashboard .focus-secondary small{font-size:8.5px!important} #dashboard.ceo-dashboard .focus-secondary b{font-size:10.5px!important;margin-top:2px!important} @media(max-width:1050px){ #dashboard.ceo-dashboard .ceo-focus{grid-template-columns:1fr 1fr!important} #dashboard.ceo-dashboard .ceo-focus-card{min-height:100px!important} } @media(max-width:700px){ #dashboard.ceo-dashboard .ceo-focus{grid-template-columns:1fr!important;gap:7px} #dashboard.ceo-dashboard .ceo-focus-card{min-height:92px!important;padding:11px 12px!important} #dashboard.ceo-dashboard .ice-focus-row{align-items:center} #dashboard.ceo-dashboard .focus-number{font-size:25px!important} } /* ===== V39.43 — DASHBOARD VERTICAL DENSITY FORENSICS ===== Segunda cirurgia de densidade: preservar a narrativa e os IDs, mas reduzir altura artificial em decisão/diagnóstico. Nenhum dado, cálculo, JS, RLS ou comportamento de interação é alterado. */ #dashboard.ceo-dashboard > .ceo-decision{ grid-template-columns:minmax(0,1.9fr) minmax(270px,.72fr)!important; gap:10px!important; margin-bottom:13px!important; } #dashboard.ceo-dashboard > .ceo-decision .decision-main, #dashboard.ceo-dashboard > .ceo-decision .decision-side{ min-height:0!important; padding:13px 15px!important; border-radius:11px!important; box-shadow:var(--exec-shadow-soft)!important; } #dashboard.ceo-dashboard > .ceo-decision .decision-main{border-left-width:3px!important} #dashboard.ceo-dashboard > .ceo-decision .decision-main h3{font-size:16px!important;margin:4px 0 2px!important} #dashboard.ceo-dashboard > .ceo-decision .decision-main p{font-size:9.5px!important;line-height:1.35!important;margin:0 0 5px!important} #dashboard.ceo-dashboard > .ceo-decision .decision-text{font-size:10.5px!important;line-height:1.38!important} #dashboard.ceo-dashboard > .ceo-decision .decision-metrics{margin-top:7px!important;gap:6px!important} #dashboard.ceo-dashboard > .ceo-decision .decision-side{padding:12px 14px!important} #dashboard.ceo-dashboard > .ceo-decision .focus-side-head{margin-bottom:4px!important} #dashboard.ceo-dashboard > .ceo-decision .focus-store{font-size:16px!important;margin-top:4px!important} #dashboard.ceo-dashboard > .ceo-decision .focus-store-meta{font-size:9px!important;line-height:1.25!important;margin-top:2px!important} #dashboard.ceo-dashboard > .ceo-decision .focus-metrics{margin-top:7px!important;gap:5px!important} #dashboard.ceo-dashboard > .ceo-decision .focus-metrics>div{padding:5px 6px!important} #dashboard.ceo-dashboard > .ceo-decision .focus-metrics span{font-size:8px!important} #dashboard.ceo-dashboard > .ceo-decision .focus-metrics b{font-size:11px!important} #dashboard.ceo-dashboard > .ceo-decision .decision-action{margin-top:7px!important;padding-top:6px!important;font-size:8.5px!important;line-height:1.3!important} #dashboard.ceo-dashboard > .diagnostic-band{ grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:7px!important; margin:9px 0 12px!important; } #dashboard.ceo-dashboard > .diagnostic-band .diagnostic-card{ min-height:64px!important; padding:8px 10px!important; border-radius:9px!important; box-shadow:none!important; } #dashboard.ceo-dashboard > .diagnostic-band .diagnostic-head{gap:5px!important} #dashboard.ceo-dashboard > .diagnostic-band .diagnostic-head span{font-size:8px!important;letter-spacing:.55px!important} #dashboard.ceo-dashboard > .diagnostic-band .diagnostic-head i{font-size:9px!important} #dashboard.ceo-dashboard > .diagnostic-band .diagnostic-card strong{font-size:18px!important;margin-top:5px!important} #dashboard.ceo-dashboard > .diagnostic-band .diagnostic-card small{font-size:8px!important;line-height:1.2!important;margin-top:3px!important} #dashboard.ceo-dashboard > .ceo-section-title{margin-top:18px!important;margin-bottom:8px!important} #dashboard.ceo-dashboard > .ceo-section-title:first-of-type{margin-top:14px!important} #dashboard.ceo-dashboard > .ceo-chart-grid{margin-bottom:13px!important} #dashboard.ceo-dashboard > .accident-executive-panel{margin-bottom:13px!important} #dashboard.ceo-dashboard > .ceo-risk-grid{margin-bottom:13px!important} #dashboard.ceo-dashboard > .ceo-control-grid{margin-bottom:12px!important} @media(max-width:900px){ #dashboard.ceo-dashboard > .ceo-decision{grid-template-columns:1fr!important;gap:8px!important} #dashboard.ceo-dashboard > .diagnostic-band{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:560px){ #dashboard.ceo-dashboard > .ceo-decision .decision-main, #dashboard.ceo-dashboard > .ceo-decision .decision-side{padding:11px 12px!important} #dashboard.ceo-dashboard > .diagnostic-band{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin:7px 0 10px!important} #dashboard.ceo-dashboard > .diagnostic-band .diagnostic-card{min-height:60px!important;padding:7px 8px!important} #dashboard.ceo-dashboard > .diagnostic-band .diagnostic-card strong{font-size:17px!important} } @media(max-width:380px){ #dashboard.ceo-dashboard > .diagnostic-band{grid-template-columns:1fr 1fr!important} } /* ===== V39.44 — DASHBOARD COMPOSITION BALANCE ===== Final density pass: reduce only proven vertical inflation in evidence and safety panels. Preserve readability, markup, data and interaction. */ #dashboard.ceo-dashboard > .ceo-chart-grid{ gap:10px!important; margin-bottom:11px!important; } #dashboard.ceo-dashboard > .ceo-chart-grid > .chart-panel, #dashboard.ceo-dashboard > .ceo-chart-grid > .event-panel{ min-height:315px!important; } #dashboard.ceo-dashboard > .ceo-chart-grid .line-chart-wrap{ height:205px!important; min-height:205px!important; margin-top:6px!important; padding:5px 10px 8px!important; } #dashboard.ceo-dashboard > .ceo-chart-grid .donut-area{ height:160px!important; min-height:160px!important; margin-top:0!important; } #dashboard.ceo-dashboard > .ceo-chart-grid .donut-area canvas, #dashboard.ceo-dashboard > .ceo-chart-grid .donut-area::before{ width:150px!important; height:150px!important; } #dashboard.ceo-dashboard > .accident-executive-panel{ margin-bottom:11px!important; } #dashboard.ceo-dashboard > .accident-executive-panel .accident-kpi-grid{ gap:7px!important; padding:10px 12px!important; } #dashboard.ceo-dashboard > .accident-executive-panel .accident-kpi{ padding:8px 9px!important; min-height:58px!important; } #dashboard.ceo-dashboard > .accident-executive-panel .accident-breakdown{ gap:10px!important; padding:0 12px 11px!important; } #dashboard.ceo-dashboard > .accident-executive-panel .accident-breakdown>div{padding-top:8px!important} @media(max-width:900px){ #dashboard.ceo-dashboard > .ceo-chart-grid > .chart-panel, #dashboard.ceo-dashboard > .ceo-chart-grid > .event-panel{min-height:290px!important} #dashboard.ceo-dashboard > .ceo-chart-grid .line-chart-wrap{height:190px!important;min-height:190px!important} } @media(max-width:560px){ #dashboard.ceo-dashboard > .ceo-chart-grid > .chart-panel, #dashboard.ceo-dashboard > .ceo-chart-grid > .event-panel{min-height:255px!important} #dashboard.ceo-dashboard > .ceo-chart-grid .line-chart-wrap{height:175px!important;min-height:175px!important} #dashboard.ceo-dashboard > .ceo-chart-grid .donut-area{height:140px!important;min-height:140px!important} #dashboard.ceo-dashboard > .ceo-chart-grid .donut-area canvas, #dashboard.ceo-dashboard > .ceo-chart-grid .donut-area::before{width:132px!important;height:132px!important} } /* ===== V39.45 — DASHBOARD RESPONSIVE COMPOSITION GUARD ===== Guard rail: consolidate effective responsive proportions without changing data, JS, IDs or interaction. Prevent historical height inflation from resurfacing at the six QA widths. */ #dashboard.ceo-dashboard{ width:100%; max-width:100%; overflow-x:clip; } #dashboard.ceo-dashboard > *{ min-width:0; box-sizing:border-box; } #dashboard.ceo-dashboard .ceo-focus, #dashboard.ceo-dashboard .ceo-decision, #dashboard.ceo-dashboard .ceo-chart-grid, #dashboard.ceo-dashboard .diagnostic-band, #dashboard.ceo-dashboard .ceo-risk-grid, #dashboard.ceo-dashboard .ceo-control-grid{ width:100%; max-width:100%; } #dashboard.ceo-dashboard .ceo-focus-card, #dashboard.ceo-dashboard .decision-main, #dashboard.ceo-dashboard .decision-side, #dashboard.ceo-dashboard .chart-panel, #dashboard.ceo-dashboard .event-panel, #dashboard.ceo-dashboard .diagnostic-card, #dashboard.ceo-dashboard .accident-executive-panel, #dashboard.ceo-dashboard .ceo-risk-grid > *, #dashboard.ceo-dashboard .ceo-control-grid > *{ min-width:0; } #dashboard.ceo-dashboard .ceo-focus-card *, #dashboard.ceo-dashboard .decision-main *, #dashboard.ceo-dashboard .decision-side *, #dashboard.ceo-dashboard .chart-panel *, #dashboard.ceo-dashboard .event-panel *, #dashboard.ceo-dashboard .diagnostic-card *{ max-width:100%; } #dashboard.ceo-dashboard .ceo-focus-card strong, #dashboard.ceo-dashboard .decision-main h3, #dashboard.ceo-dashboard .decision-main p, #dashboard.ceo-dashboard .decision-text, #dashboard.ceo-dashboard .focus-store, #dashboard.ceo-dashboard .focus-store-meta{ overflow-wrap:anywhere; } #dashboard.ceo-dashboard .regional-exec-strip, #dashboard.ceo-dashboard .central-timeline, #dashboard.ceo-dashboard .ceo-section-title{ max-width:100%; } @media(max-width:1024px){ #dashboard.ceo-dashboard > .ceo-focus{grid-template-columns:1fr 1fr!important} #dashboard.ceo-dashboard > .ceo-chart-grid{grid-template-columns:1.15fr .85fr!important} } @media(max-width:900px){ #dashboard.ceo-dashboard > .ceo-chart-grid{grid-template-columns:1fr!important} #dashboard.ceo-dashboard > .ceo-focus{grid-template-columns:1fr 1fr!important} } @media(max-width:700px){ #dashboard.ceo-dashboard > .ceo-focus{grid-template-columns:1fr!important} #dashboard.ceo-dashboard > .ceo-chart-grid > .chart-panel, #dashboard.ceo-dashboard > .ceo-chart-grid > .event-panel{min-height:240px!important} #dashboard.ceo-dashboard > .ceo-chart-grid .line-chart-wrap{height:165px!important;min-height:165px!important} } @media(max-width:480px){ #dashboard.ceo-dashboard{overflow-x:hidden} #dashboard.ceo-dashboard > .ceo-chart-grid > .chart-panel, #dashboard.ceo-dashboard > .ceo-chart-grid > .event-panel{min-height:225px!important} #dashboard.ceo-dashboard > .ceo-chart-grid .line-chart-wrap{height:150px!important;min-height:150px!important} #dashboard.ceo-dashboard > .ceo-chart-grid .donut-area{height:128px!important;min-height:128px!important} } @media(max-width:360px){ #dashboard.ceo-dashboard > .ceo-focus-card{min-height:88px!important} #dashboard.ceo-dashboard > .ceo-chart-grid > .chart-panel, #dashboard.ceo-dashboard > .ceo-chart-grid > .event-panel{min-height:215px!important} #dashboard.ceo-dashboard > .ceo-chart-grid .line-chart-wrap{height:140px!important;min-height:140px!important} #dashboard.ceo-dashboard > .ceo-chart-grid .donut-area{height:120px!important;min-height:120px!important} } /* ===== V39.46 — RESPONSIVE BREAKPOINT MATRIX ===== Final static contract for the six visual-QA widths. This layer does not alter data, JS, IDs or interaction; it makes the intended cascade explicit. */ #dashboard.ceo-dashboard > .diagnostic-band{ width:100%; max-width:100%; } @media(max-width:1024px){ #dashboard.ceo-dashboard > .ceo-focus{grid-template-columns:1fr 1fr!important} #dashboard.ceo-dashboard > .ceo-chart-grid{grid-template-columns:1.15fr .85fr!important} } @media(max-width:900px){ #dashboard.ceo-dashboard > .ceo-chart-grid{grid-template-columns:1fr!important} #dashboard.ceo-dashboard > .ceo-focus{grid-template-columns:1fr 1fr!important} } @media(max-width:700px){ #dashboard.ceo-dashboard > .ceo-focus{grid-template-columns:1fr!important} } @media(max-width:480px){ #dashboard.ceo-dashboard > .ceo-chart-grid > .chart-panel, #dashboard.ceo-dashboard > .ceo-chart-grid > .event-panel{min-height:225px!important} } @media(max-width:360px){ #dashboard.ceo-dashboard > .ceo-chart-grid > .chart-panel, #dashboard.ceo-dashboard > .ceo-chart-grid > .event-panel{min-height:215px!important} } /* ===== V39.47 — FINANCIAL EMPTY-STATE HONESTY ===== A financial zero must not look like a measured loss/recovery result when the source has no monetary value. The data remains untouched; only the semantic state is made explicit in the presentation. */ .financial-command-page.fin-state-empty .fin-kpi-grid, .financial-command-page.fin-state-empty .fin-command-strip{ position:relative; } .financial-command-page.fin-state-empty .fin-kpi-grid .fin-kpi strong, .financial-command-page.fin-state-empty .fin-command-strip .fin-command-card strong{ letter-spacing:-.25px; } .financial-command-page[data-fin-state="NO_EVENTS"] .finDataStatus, .financial-command-page[data-fin-state="NO_VALUES"] .finDataStatus, .financial-command-page[data-fin-state="PARTIAL_OUTCOME"] .finDataStatus{ white-space:normal; } /* V39.53 — GOVERNANCE LIVE RECONCILIATION: linha de evidência compacta, sem alterar a composição do painel. */ .fin-gov-recon-meta{display:block;margin-top:7px;font-size:11px;line-height:1.35;letter-spacing:.02em;opacity:.78;} /* V39.62 — CENTRO DE SEGURANÇA E GOVERNANÇA */ .security-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px 26px;margin-bottom:16px;background:linear-gradient(135deg,#0d2540,#123655);border-radius:16px;color:#fff;box-shadow:var(--shadow-sm)} .security-kicker{font-size:9px;letter-spacing:1.8px;font-weight:800;opacity:.72}.security-hero h2{margin:7px 0 5px;font-size:25px;letter-spacing:-.4px}.security-hero p{margin:0;color:rgba(255,255,255,.72);font-size:12px}.security-hero-badge{border:1px solid rgba(255,255,255,.16);padding:12px 14px;border-radius:12px;text-align:right;min-width:145px}.security-hero-badge span{display:block;font-size:8px;letter-spacing:1.4px;opacity:.65}.security-hero-badge b{display:block;margin-top:4px;font-size:10px} .security-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.security-kpi-grid article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 15px;min-width:0}.security-kpi-grid span{display:block;font-size:9px;letter-spacing:1.1px;font-weight:800;color:var(--muted)}.security-kpi-grid b{display:block;margin:5px 0 2px;font-size:24px;color:var(--heading)}.security-kpi-grid small{font-size:10px;color:var(--muted-2)}.security-status-good{color:var(--green)!important}.security-status-warn{color:var(--orange)!important} .security-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin-bottom:16px}.security-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;min-width:0}.security-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.security-panel-head>div>span{font-size:9px;letter-spacing:1.2px;font-weight:800;color:var(--muted)}.security-panel h3{margin:4px 0 0;font-size:16px;color:var(--heading)}.security-panel-head small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.security-tag{font-size:9px;letter-spacing:.8px;padding:6px 9px;border-radius:99px;background:#eef3f7;color:var(--slate);white-space:nowrap}.security-tag.ok{background:var(--green-bg);color:var(--green)} .security-role-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.security-role-grid>div{padding:12px;border:1px solid var(--line-soft);border-radius:10px;background:var(--bg-alt)}.security-role-grid b{font-size:20px;color:var(--heading);display:block}.security-role-grid span{font-size:9px;font-weight:800;letter-spacing:.7px;color:var(--slate)}.security-role-grid small{display:block;font-size:10px;color:var(--muted);margin-top:4px;line-height:1.35}.security-control-list{display:grid;gap:2px}.security-control-list>div{display:flex;align-items:center;gap:10px;padding:9px 2px;border-bottom:1px solid var(--line-soft)}.security-control-list>div:last-child{border-bottom:0}.security-control-list span{flex:1;min-width:0}.security-control-list b{display:block;font-size:11px;color:var(--heading)}.security-control-list small{display:block;font-size:9.5px;color:var(--muted);margin-top:2px}.security-control-list strong{font-size:8px;letter-spacing:.8px;color:var(--green);background:var(--green-bg);padding:5px 7px;border-radius:99px}.security-control-dot{width:7px;height:7px;border-radius:50%;background:var(--green);flex:0 0 auto}.security-event-table-wrap{overflow:auto}.security-event-table{width:100%;border-collapse:collapse;font-size:10px}.security-event-table th{text-align:left;font-size:8.5px;letter-spacing:.7px;color:var(--muted);padding:8px;border-bottom:1px solid var(--line)}.security-event-table td{padding:10px 8px;border-bottom:1px solid var(--line-soft);color:var(--text);vertical-align:top}.security-footer-note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;margin-top:12px;border:1px solid var(--line);border-radius:12px;background:#f8fafc;color:var(--muted);font-size:10px;line-height:1.45}.security-footer-note b{color:var(--heading);white-space:nowrap}.security-audit-panel{margin-bottom:12px} @media(max-width:900px){.security-kpi-grid{grid-template-columns:repeat(2,1fr)}.security-grid{grid-template-columns:1fr}.security-hero{align-items:flex-start}}@media(max-width:560px){.security-hero{padding:18px;flex-direction:column}.security-hero-badge{width:100%;text-align:left}.security-kpi-grid{grid-template-columns:1fr}.security-role-grid{grid-template-columns:1fr}.security-panel{padding:14px}.security-panel-head{flex-direction:column}.security-footer-note{flex-direction:column}.security-footer-note b{white-space:normal}} /* V39.62 — SECURITY OPERATIONS CENTER: observabilidade administrativa compacta */ .security-ops-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:-4px 0 16px} .security-ops-strip>div{background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:11px 14px;min-width:0} .security-ops-strip span{display:block;font-size:8px;letter-spacing:1px;font-weight:900;color:var(--muted)} .security-ops-strip b{display:block;margin-top:4px;font-size:13px;color:var(--heading);overflow-wrap:anywhere} .security-ops-strip small{display:block;margin-top:3px;font-size:9px;color:var(--muted)} .security-control-list strong.warn{color:var(--orange);background:rgba(205,135,43,.12)} .security-control-dot.warn{background:var(--orange)} .security-tag.warn{background:rgba(205,135,43,.12);color:var(--orange)} .security-event-level{display:inline-block;margin-right:5px;padding:3px 6px;border-radius:99px;font-size:7px;font-weight:900;letter-spacing:.6px;background:#eef3f7;color:var(--slate)} .security-event-level.warn{background:rgba(205,135,43,.12);color:var(--orange)} .security-event-level.info{background:#eef5fb;color:#28668e} @media(max-width:700px){.security-ops-strip{grid-template-columns:1fr 1fr}.security-ops-strip>div:last-child{grid-column:1/-1}} @media(max-width:480px){.security-ops-strip{grid-template-columns:1fr}.security-ops-strip>div:last-child{grid-column:auto}} /* V39.63 — Fatos & Ocorrências: leitura executiva de acontecimentos */ .facts-page{padding-bottom:28px} .facts-context-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px;padding:12px 16px;border:1px solid rgba(91,169,255,.18);border-radius:14px;background:linear-gradient(90deg,rgba(7,29,58,.92),rgba(9,42,79,.72));box-shadow:0 10px 28px rgba(0,0,0,.12)} .facts-context-copy{display:flex;flex-direction:column;gap:2px}.facts-context-copy span,.facts-context-meta span{font-size:10px;letter-spacing:.13em;font-weight:800;color:#73b9ff}.facts-context-copy b{font-size:14px;color:#f3f7fc}.facts-context-copy small{font-size:11px;color:#8fa9c3}.facts-context-meta{min-width:150px;text-align:right}.facts-context-meta{display:flex;flex-direction:column;gap:2px}.facts-context-meta b{font-size:13px;color:#fff} .facts-hero{display:flex;justify-content:space-between;align-items:stretch;gap:20px;margin-bottom:18px}.facts-kicker{font-size:10px;letter-spacing:.15em;font-weight:800;color:#62aef7;margin-bottom:7px}.facts-hero h2{margin:0;font-size:28px;letter-spacing:-.03em;color:var(--text,#eef5ff)}.facts-hero p{max-width:760px;margin:8px 0 0;color:var(--muted,#91a8bf);font-size:13px;line-height:1.55}.facts-hero-badge{min-width:190px;border:1px solid rgba(91,169,255,.28);border-radius:16px;padding:16px 18px;background:linear-gradient(145deg,rgba(14,50,91,.9),rgba(6,25,49,.95));display:flex;flex-direction:column;justify-content:center}.facts-hero-badge strong{font-size:30px;line-height:1;color:#fff}.facts-hero-badge span{font-size:11px;color:#9db4ca;margin-top:5px}.facts-hero-badge small{font-size:10px;color:#5eb2ff;margin-top:12px} .facts-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:18px}.facts-kpis article{min-height:92px;padding:14px 15px;border:1px solid rgba(110,154,199,.18);border-radius:14px;background:linear-gradient(145deg,rgba(12,35,65,.94),rgba(6,24,46,.94));box-shadow:0 8px 22px rgba(0,0,0,.1)}.facts-kpis span{font-size:9px;letter-spacing:.12em;color:#83a1bb;font-weight:800}.facts-kpis strong{display:block;margin-top:8px;font-size:23px;color:#f6f9fd}.facts-kpis small{display:block;margin-top:4px;color:#718ba5;font-size:10px} .facts-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.75fr);gap:14px}.facts-list-panel,.facts-detail{border:1px solid rgba(100,148,194,.2);border-radius:16px;background:rgba(6,25,48,.9);box-shadow:0 12px 30px rgba(0,0,0,.12);overflow:hidden}.facts-panel-head{display:flex;justify-content:space-between;gap:15px;padding:18px 18px 14px}.facts-panel-head span{font-size:9px;letter-spacing:.14em;color:#63b2ff;font-weight:800}.facts-panel-head h3{margin:5px 0 3px;color:#f1f6fc;font-size:18px}.facts-panel-head p{margin:0;color:#829bb3;font-size:11px}.facts-result-count{align-self:center;color:#a9bfd3;font-size:11px;white-space:nowrap} .facts-filters{display:grid;grid-template-columns:1.6fr .7fr .7fr 1fr auto;gap:8px;padding:0 18px 14px;border-bottom:1px solid rgba(112,151,190,.12)}.facts-filters label{font-size:9px;letter-spacing:.08em;color:#7894ad;font-weight:800}.facts-filters input,.facts-filters select{display:block;width:100%;height:38px;margin-top:5px;padding:0 10px;border:1px solid rgba(104,151,195,.22);border-radius:9px;background:#081e39;color:#eaf2fa;outline:none}.facts-clear{align-self:end;height:38px;padding:0 12px;border:1px solid rgba(91,169,255,.28);border-radius:9px;background:transparent;color:#8fc8ff;font-weight:700;cursor:pointer} .facts-timeline{padding:4px 18px 14px}.fact-item{position:relative;display:grid;grid-template-columns:78px 1fr auto;gap:14px;align-items:center;padding:14px 8px;border-bottom:1px solid rgba(111,150,186,.1);cursor:pointer;transition:.16s ease}.fact-item:hover,.fact-item.is-selected{background:rgba(39,117,190,.08)}.fact-date{font-size:10px;color:#7693ad;text-align:left}.fact-date b{display:block;color:#dbe9f5;font-size:12px}.fact-main{min-width:0}.fact-top{display:flex;align-items:center;gap:7px}.fact-type{font-size:9px;font-weight:900;letter-spacing:.06em;padding:4px 7px;border-radius:999px;background:rgba(76,163,255,.12);color:#8fcaff}.fact-type.furto{background:rgba(239,76,76,.13);color:#ff8d8d}.fact-type.acidente{background:rgba(240,166,49,.13);color:#ffc56b}.fact-main strong{display:block;margin-top:5px;color:#eef5fb;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fact-main small{display:block;margin-top:3px;color:#7893aa;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fact-value{text-align:right;white-space:nowrap}.fact-value b{display:block;color:#e8f2fb;font-size:11px}.fact-value small{color:#718da5;font-size:9px}.facts-empty{padding:45px 20px;text-align:center;color:#7f99b0}.facts-empty strong,.facts-empty span{display:block}.facts-empty strong{color:#dbe8f4;margin-bottom:5px}.facts-empty span{font-size:11px} .facts-detail{min-height:520px;padding:0}.facts-detail-empty{height:100%;min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;color:#7892aa}.facts-detail-icon{width:54px;height:54px;border:1px solid rgba(91,169,255,.3);border-radius:50%;display:grid;place-items:center;color:#6cbaff;font-size:26px;margin-bottom:14px}.facts-detail-empty strong{color:#dfeaf4;font-size:15px}.facts-detail-empty span{font-size:11px;margin-top:5px;max-width:220px;line-height:1.5}.facts-detail-content{padding:18px}.facts-detail-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding-bottom:15px;border-bottom:1px solid rgba(110,151,189,.14)}.facts-detail-head span{font-size:9px;letter-spacing:.1em;color:#68b5ff;font-weight:900}.facts-detail-head h3{margin:5px 0 3px;font-size:20px;color:#f2f7fb}.facts-detail-head small{color:#7f9ab2;font-size:10px}.facts-detail-status{padding:5px 8px;border-radius:999px;background:rgba(85,190,139,.12);color:#7be1ae;font-size:9px;font-weight:900;white-space:nowrap}.facts-detail-status.warn{background:rgba(239,166,53,.12);color:#ffc86f}.facts-detail-section{padding:15px 0;border-bottom:1px solid rgba(110,151,189,.12)}.facts-detail-section:last-child{border-bottom:0}.facts-detail-section>span{font-size:9px;letter-spacing:.1em;color:#6f91ad;font-weight:900}.facts-detail-section p{margin:7px 0 0;color:#d5e2ee;font-size:12px;line-height:1.55}.facts-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:9px}.facts-detail-grid div{padding:10px;border:1px solid rgba(105,150,190,.13);border-radius:9px;background:rgba(12,39,68,.45)}.facts-detail-grid label{display:block;color:#708ca5;font-size:9px}.facts-detail-grid b{display:block;margin-top:3px;color:#e7f0f8;font-size:11px}.facts-detail-actions{display:flex;gap:8px;margin-top:14px}.facts-detail-actions button{flex:1;height:36px;border-radius:9px;border:1px solid rgba(91,169,255,.3);background:#0d4174;color:#dceeff;font-weight:800;cursor:pointer} @media(max-width:1050px){.facts-kpis{grid-template-columns:repeat(3,1fr)}.facts-layout{grid-template-columns:1fr}.facts-detail{min-height:360px}.facts-detail-empty{min-height:320px}} @media(max-width:720px){.facts-context-bar,.facts-hero{flex-direction:column}.facts-context-meta{text-align:left}.facts-hero-badge{min-width:0}.facts-kpis{grid-template-columns:repeat(2,1fr)}.facts-filters{grid-template-columns:1fr 1fr}.facts-filters label:first-child{grid-column:1/-1}.facts-clear{width:100%}.fact-item{grid-template-columns:62px 1fr}.fact-value{display:none}} /* V39.63.1 — Refinamento visual executivo */ .facts-page{background:radial-gradient(circle at 78% 0%,rgba(42,123,202,.08),transparent 32%),linear-gradient(180deg,rgba(2,17,34,.18),transparent 38%)} .facts-context-bar{backdrop-filter:blur(12px);border-color:rgba(102,173,235,.22);background:linear-gradient(105deg,rgba(7,28,53,.96),rgba(8,40,72,.84));min-height:58px} .facts-context-copy b{font-size:15px;letter-spacing:-.01em}.facts-context-meta{padding-left:18px;border-left:1px solid rgba(120,166,207,.16)} .facts-hero{padding:8px 2px 2px}.facts-hero h2{font-size:31px;letter-spacing:-.045em}.facts-hero p{max-width:820px;color:#91a9c0}.facts-hero-badge{min-width:205px;border-color:rgba(100,177,241,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 14px 35px rgba(0,0,0,.18)} .facts-kpis{gap:12px}.facts-kpis article{position:relative;overflow:hidden;min-height:104px;padding:16px 17px;background:linear-gradient(145deg,rgba(12,38,69,.96),rgba(5,22,43,.98));border-color:rgba(116,164,204,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 30px rgba(0,0,0,.14)}.facts-kpis article:after{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:rgba(91,169,255,.55);opacity:.75}.facts-kpis article:nth-child(2):after{background:rgba(239,76,76,.7)}.facts-kpis article:nth-child(3):after{background:rgba(240,166,49,.7)}.facts-kpis article:nth-child(4):after{background:rgba(85,190,139,.7)}.facts-kpis article:nth-child(5):after{background:rgba(139,177,214,.7)} .facts-kpis strong{font-size:25px;letter-spacing:-.025em}.facts-kpis small{color:#8199af} .facts-list-panel,.facts-detail{border-radius:18px;background:linear-gradient(180deg,rgba(7,29,54,.97),rgba(4,21,41,.98));border-color:rgba(108,159,205,.2);box-shadow:0 18px 45px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.025)} .facts-panel-head{padding:20px 20px 15px}.facts-panel-head h3{font-size:19px;letter-spacing:-.02em}.facts-filters{padding:0 20px 16px}.facts-filters input,.facts-filters select{height:40px;background:rgba(5,25,47,.9);border-color:rgba(112,160,202,.2)}.facts-filters input:focus,.facts-filters select:focus{border-color:rgba(92,174,246,.65);box-shadow:0 0 0 3px rgba(50,139,211,.1)}.facts-clear{height:40px} .facts-timeline{padding:5px 14px 16px}.fact-item{margin:0 4px;padding:15px 10px;border-bottom-color:rgba(112,151,190,.09);border-radius:10px}.fact-item:hover,.fact-item.is-selected{background:linear-gradient(90deg,rgba(38,119,190,.12),rgba(38,119,190,.035));box-shadow:inset 2px 0 0 rgba(82,169,239,.7)}.fact-date b{font-size:12px}.fact-main strong{font-size:12.5px}.fact-main small{color:#839bb0}.fact-value b{font-size:12px;color:#f0f6fb} .facts-detail-content{padding:20px}.facts-detail-head h3{font-size:21px;letter-spacing:-.025em}.facts-detail-grid{gap:8px}.facts-detail-grid div{background:rgba(13,42,72,.42);border-color:rgba(105,150,190,.15);padding:11px}.facts-detail-actions button{height:40px;background:linear-gradient(180deg,#14568e,#0c3c68);border-color:rgba(112,187,247,.34);box-shadow:0 8px 18px rgba(0,0,0,.12)} .facts-empty{padding:64px 24px}.facts-empty strong{font-size:14px}.facts-detail-empty{background:radial-gradient(circle at 50% 38%,rgba(54,137,205,.07),transparent 30%)} @media(max-width:1050px){.facts-hero h2{font-size:27px}.facts-kpis{grid-template-columns:repeat(3,1fr)}} @media(max-width:720px){.facts-hero h2{font-size:24px}.facts-kpis{gap:8px}.facts-kpis article{min-height:90px;padding:13px}.facts-kpis strong{font-size:21px}.facts-context-meta{border-left:0;padding-left:0}.facts-panel-head{padding:16px}.facts-filters{padding:0 16px 14px}.facts-timeline{padding:4px 10px 12px}} /* V39.64 — Paginação elegante de Fatos & Ocorrências */ .facts-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px 15px;border-top:1px solid rgba(112,151,190,.1);background:linear-gradient(180deg,rgba(8,29,52,.45),rgba(4,20,39,.7));min-height:48px}.facts-pagination-info{font-size:10px;color:#7f9ab1;letter-spacing:.02em}.facts-pagination-controls{display:flex;align-items:center;gap:5px}.facts-page-btn{min-width:31px;height:31px;padding:0 8px;border:1px solid rgba(105,157,204,.2);border-radius:8px;background:rgba(7,31,57,.72);color:#9db7cc;font-size:10px;font-weight:800;cursor:pointer;transition:.16s ease}.facts-page-btn:hover:not(:disabled){border-color:rgba(91,169,255,.55);color:#e9f5ff;background:rgba(31,100,159,.18)}.facts-page-btn.is-active{background:linear-gradient(180deg,#17619c,#0d4777);border-color:rgba(109,192,255,.65);color:#fff;box-shadow:0 5px 14px rgba(0,0,0,.16)}.facts-page-btn:disabled{opacity:.35;cursor:default}.facts-page-ellipsis{padding:0 3px;color:#627f98;font-size:11px} @media(max-width:720px){.facts-pagination{padding:11px 12px;flex-direction:column;align-items:flex-start}.facts-pagination-controls{width:100%;justify-content:flex-end}.facts-page-btn{min-width:30px;height:30px}} /* V39.65 — FACTS INTELLIGENCE & OCCURRENCE EXPLORER */ .facts-hero{align-items:flex-end}.facts-hero-signals{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.facts-hero-signals span{padding:6px 9px;border:1px solid rgba(106,158,205,.16);border-radius:999px;background:rgba(7,29,53,.58);color:#8faac0;font-size:9px}.facts-hero-badge{justify-content:flex-end}.facts-hero-badge>span{font-size:9px;letter-spacing:.12em;color:#70baff;font-weight:800}.facts-filter-summary{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px 20px;border-bottom:1px solid rgba(112,151,190,.09);background:rgba(4,20,38,.45);color:#7895ad;font-size:9px}.facts-filter-summary b{color:#b6cbe0;font-size:9px;white-space:nowrap}.facts-filters{grid-template-columns:1.5fr .72fr .82fr .72fr 1fr .9fr auto}.fact-item{grid-template-columns:82px 1fr auto}.fact-item:focus-visible{outline:2px solid rgba(91,169,255,.65);outline-offset:-2px}.fact-top{flex-wrap:wrap}.fact-status{padding:3px 6px;border-radius:999px;font-size:8px;font-weight:800;background:rgba(130,154,176,.1);color:#90a9bf}.fact-status-attention{background:rgba(239,166,53,.12);color:#ffc86f}.fact-status-ok{background:rgba(85,190,139,.1);color:#7be1ae}.fact-meta-line{display:flex;gap:10px;margin-top:6px}.fact-meta-line span{font-size:8px;color:#5f7e97}.facts-detail-impact{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.facts-detail-impact>div{padding:12px;border:1px solid rgba(105,150,190,.14);border-radius:10px;background:linear-gradient(145deg,rgba(14,43,74,.5),rgba(7,27,50,.6))}.facts-detail-impact span,.facts-detail-trace>span{display:block;color:#6f91ad;font-size:8px;font-weight:900;letter-spacing:.1em}.facts-detail-impact b{display:block;margin-top:5px;color:#f2f7fb;font-size:13px}.facts-detail-status.ok{background:rgba(85,190,139,.12);color:#7be1ae}.facts-detail-status.neutral{background:rgba(130,154,176,.1);color:#a5b9ca}.facts-detail-trace{margin-top:14px;padding:11px 12px;border-left:2px solid rgba(91,169,255,.42);background:rgba(8,31,55,.48);border-radius:0 8px 8px 0}.facts-detail-trace p{margin:5px 0 0;color:#7894ac;font-size:9px;line-height:1.5}.facts-empty-icon{width:42px;height:42px;display:grid;place-items:center;margin:0 auto 10px;border:1px solid rgba(91,169,255,.2);border-radius:50%;color:#6e9fc7;font-size:18px} @media(max-width:1180px){.facts-filters{grid-template-columns:1.3fr .7fr .8fr .7fr 1fr 1fr}.facts-filters .facts-clear{grid-column:1/-1;justify-self:end}} @media(max-width:1050px){.facts-filters{grid-template-columns:1.4fr 1fr 1fr}.facts-filters label:first-child{grid-column:1/-1}.facts-filter-summary{padding:9px 16px}} @media(max-width:720px){.facts-hero-signals{gap:5px}.facts-hero-signals span{font-size:8px}.facts-filter-summary{align-items:flex-start;flex-direction:column}.facts-filters{grid-template-columns:1fr 1fr;padding:0 16px 14px}.facts-filters label:first-child{grid-column:1/-1}.facts-filters .facts-clear{grid-column:1/-1}.fact-item{grid-template-columns:62px 1fr}.fact-meta-line{display:none}.facts-detail-impact{grid-template-columns:1fr}.facts-detail-grid{grid-template-columns:1fr 1fr}} /* V39.65.2 — FACTS EXECUTIVE PREMIUM / VISUAL REMODEL Visual-only layer. Facts data contract, IDs, source authority and calculations remain unchanged. */ .facts-page{ position:relative; isolation:isolate; margin:-8px -2px -28px; padding:18px 2px 42px; min-height:calc(100vh - 90px); color:#eaf2f9; background: radial-gradient(900px 520px at 78% -4%,rgba(37,113,184,.16),transparent 55%), radial-gradient(700px 460px at 18% 40%,rgba(217,169,79,.055),transparent 58%), linear-gradient(180deg,#061321 0%,#07192c 48%,#061321 100%); } .facts-page:before{ content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.24; background-image:linear-gradient(rgba(114,170,213,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(114,170,213,.045) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(to bottom,#000,transparent 82%); } .facts-context-bar{ margin:0 0 22px; padding:10px 16px; min-height:52px; border:1px solid rgba(122,171,213,.16); border-radius:13px; background:rgba(5,22,40,.72); box-shadow:0 12px 30px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.035); backdrop-filter:blur(16px); } .facts-context-copy span,.facts-context-meta span{font-size:8px;letter-spacing:.18em;color:#6db7f6} .facts-context-copy b{font-size:13px;color:#f4f7fa;letter-spacing:.01em} .facts-context-copy small{font-size:9px;color:#7690a8} .facts-context-meta{min-width:180px;padding-left:18px;border-left:1px solid rgba(121,164,201,.13)} .facts-context-meta b{font-size:11px;color:#dce8f2} .facts-hero{ position:relative;align-items:flex-end;gap:28px;margin-bottom:18px;padding:8px 2px 0;overflow:hidden; } .facts-hero:after{ content:"";position:absolute;right:230px;top:-100px;width:340px;height:280px;border-radius:50%; background:radial-gradient(circle,rgba(72,155,225,.12),transparent 68%);pointer-events:none; } .facts-kicker{font-size:8px;letter-spacing:.2em;color:#e0b35a;margin-bottom:8px} .facts-hero h2{font-size:34px;line-height:1.05;letter-spacing:-.055em;color:#f5f8fb;text-shadow:0 5px 24px rgba(0,0,0,.18)} .facts-hero p{max-width:720px;margin-top:9px;font-size:12px;line-height:1.65;color:#8da6bc} .facts-hero-signals{gap:6px;margin-top:12px} .facts-hero-signals span{padding:6px 9px;border:1px solid rgba(118,167,207,.13);background:rgba(7,29,51,.5);color:#829cb3;font-size:8px} .facts-hero-badge{ position:relative;z-index:1;min-width:250px;min-height:112px;padding:18px 20px;border-radius:16px; border:1px solid rgba(113,173,222,.27); background:linear-gradient(145deg,rgba(11,42,72,.95),rgba(4,21,39,.98)); box-shadow:0 18px 42px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.045); } .facts-hero-badge:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:2px;background:linear-gradient(#e2b85e,#58b1f5);border-radius:2px} .facts-hero-badge>span{font-size:8px;letter-spacing:.16em;color:#79bdf4} .facts-hero-badge strong{margin-top:6px;font-size:38px;letter-spacing:-.05em} .facts-hero-badge small{margin-top:9px;font-size:8px;color:#6888a2} .facts-kpis{gap:10px;margin-bottom:18px} .facts-kpis article{ min-height:100px;padding:15px 16px;border-radius:14px;border:1px solid rgba(112,160,204,.15); background:linear-gradient(145deg,rgba(9,34,60,.93),rgba(4,21,39,.97)); box-shadow:0 12px 28px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.035); transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; } .facts-kpis article:hover{transform:translateY(-2px);border-color:rgba(121,181,229,.27);box-shadow:0 18px 34px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.045)} .facts-kpis article:after{width:2px;opacity:.9} .facts-kpis span{font-size:8px;letter-spacing:.16em;color:#6f91aa} .facts-kpis strong{margin-top:9px;font-size:26px;letter-spacing:-.04em;color:#f4f8fb} .facts-kpis small{font-size:9px;color:#6e879e} .facts-layout{grid-template-columns:minmax(0,1.72fr) minmax(350px,.78fr);gap:12px} .facts-list-panel,.facts-detail{ border-radius:16px;border:1px solid rgba(108,160,205,.16); background:linear-gradient(180deg,rgba(6,28,50,.96),rgba(4,20,37,.98)); box-shadow:0 20px 48px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.035); } .facts-panel-head{padding:18px 20px 14px} .facts-panel-head>div>span{font-size:8px;letter-spacing:.18em;color:#e0b35a} .facts-panel-head h3{font-size:18px;letter-spacing:-.025em;color:#f1f6fa} .facts-panel-head p{font-size:10px;color:#718ca4} .facts-result-count{font-size:10px;color:#9ab1c5} .facts-filters{gap:7px;padding:0 20px 15px;border-bottom:1px solid rgba(112,151,190,.1)} .facts-filters label{font-size:8px;letter-spacing:.13em;color:#66839b} .facts-filters input,.facts-filters select{height:39px;margin-top:5px;padding:0 11px;border-radius:9px;border-color:rgba(107,157,199,.17);background:#061b31;color:#e7f0f7;font-size:10px} .facts-filters input::placeholder{color:#5d7890} .facts-filters input:hover,.facts-filters select:hover{border-color:rgba(115,174,222,.3)} .facts-filters input:focus,.facts-filters select:focus{border-color:rgba(91,174,237,.62);box-shadow:0 0 0 3px rgba(52,137,204,.1)} .facts-clear{height:39px;padding:0 13px;border-radius:9px;border-color:rgba(218,174,85,.3);background:rgba(218,174,85,.04);color:#dcb463;font-size:10px} .facts-clear:hover{background:rgba(218,174,85,.1);border-color:rgba(218,174,85,.55)} .facts-filter-summary{padding:9px 20px;background:rgba(3,16,30,.48);font-size:8px;color:#607d95} .facts-table-head{ display:grid;grid-template-columns:82px 1fr 100px;gap:14px;align-items:center; margin:0 14px;padding:9px 10px 7px;border-bottom:1px solid rgba(112,151,190,.1); color:#52718b;font-size:7px;font-weight:900;letter-spacing:.15em; } .facts-table-head span:last-child{text-align:right} .facts-timeline{padding:0 14px 12px} .fact-item{grid-template-columns:82px 1fr 100px;gap:14px;margin:0;padding:13px 10px;border-bottom:1px solid rgba(112,151,190,.075);border-radius:8px} .fact-item:hover,.fact-item.is-selected{background:linear-gradient(90deg,rgba(45,129,201,.13),rgba(45,129,201,.035));box-shadow:inset 2px 0 0 rgba(92,181,239,.8)} .fact-item.is-selected{border-color:rgba(91,169,255,.18)} .fact-date b{font-size:10px;color:#d8e6f1}.fact-date span{font-size:8px;color:#58748d} .fact-type{padding:4px 7px;font-size:7px;letter-spacing:.07em} .fact-main strong{margin-top:5px;font-size:11px;color:#edf4f9} .fact-main small{font-size:9px;color:#718aa1} .fact-meta-line{gap:9px;margin-top:5px}.fact-meta-line span{font-size:7px;color:#55738c} .fact-value b{font-size:10px;color:#e9f2f8}.fact-value small{font-size:7px;color:#5d7890} .facts-detail{min-height:100%;position:relative} .facts-detail-content{padding:19px} .facts-detail-head{padding-bottom:14px} .facts-detail-head>div>span{font-size:8px;letter-spacing:.14em;color:#e0b35a} .facts-detail-head h3{font-size:20px;letter-spacing:-.035em} .facts-detail-head small{font-size:9px;color:#718da4} .facts-detail-status{padding:5px 8px;font-size:8px} .facts-detail-impact{gap:7px;margin:13px 0} .facts-detail-impact>div{padding:11px;border-radius:9px;border-color:rgba(106,156,199,.13);background:rgba(9,35,60,.42)} .facts-detail-impact span,.facts-detail-trace>span{font-size:7px;letter-spacing:.14em;color:#63829a} .facts-detail-impact b{font-size:13px;color:#f1f6fa} .facts-detail-section{padding:13px 0} .facts-detail-section>span{font-size:8px;color:#6e91ad} .facts-detail-section p{font-size:10px;line-height:1.55;color:#b9cada} .facts-detail-grid{gap:7px;margin-top:8px} .facts-detail-grid div{padding:9px;border-radius:8px;background:rgba(9,34,59,.42);border-color:rgba(105,150,190,.11)} .facts-detail-grid label{font-size:7px;color:#5e7b93}.facts-detail-grid b{font-size:9px;color:#dce8f2} .facts-detail-trace{margin-top:12px;padding:10px 11px;border-left-color:rgba(224,179,90,.55);background:rgba(8,29,50,.48)} .facts-detail-trace p{font-size:8px;color:#69869e} .facts-detail-actions button{height:38px;border-radius:8px;background:linear-gradient(180deg,#175c91,#0c3b65);border-color:rgba(103,184,241,.35);font-size:9px} .facts-empty{padding:60px 20px}.facts-empty strong{font-size:13px}.facts-empty span{font-size:9px} .facts-pagination{background:linear-gradient(180deg,rgba(7,27,48,.48),rgba(3,17,31,.78));border-top-color:rgba(112,151,190,.08)} .facts-page-btn{background:rgba(7,29,52,.68);border-color:rgba(105,157,204,.16)} .facts-page-btn.is-active{background:linear-gradient(180deg,#17619c,#0d4777);border-color:rgba(109,192,255,.55)} @media(max-width:1180px){.facts-layout{grid-template-columns:minmax(0,1.5fr) minmax(320px,.8fr)}.facts-table-head,.fact-item{grid-template-columns:72px 1fr 90px}} @media(max-width:1050px){.facts-page{margin:-6px -1px -20px;padding:15px 1px 32px}.facts-layout{grid-template-columns:1fr}.facts-detail{min-height:430px}.facts-hero-badge{min-width:220px}.facts-table-head,.fact-item{grid-template-columns:82px 1fr 100px}} @media(max-width:720px){.facts-page{margin:-4px -1px -14px;padding:12px 0 26px}.facts-context-bar{margin-bottom:16px}.facts-context-meta{min-width:0;border:0;padding:5px 0 0;text-align:left}.facts-hero h2{font-size:27px}.facts-hero p{font-size:11px}.facts-hero-badge{width:100%;min-height:94px}.facts-kpis{grid-template-columns:repeat(2,1fr)}.facts-kpis article{min-height:88px}.facts-kpis strong{font-size:22px}.facts-table-head{display:none}.fact-item{grid-template-columns:62px 1fr;gap:10px}.fact-value{display:none}.facts-filters{grid-template-columns:1fr 1fr}.facts-filters label:first-child{grid-column:1/-1}.facts-filters .facts-clear{grid-column:1/-1}.facts-detail-grid{grid-template-columns:1fr 1fr}} /* V39.65.3 — FACTS EXECUTIVE PREMIUM POLISH Visual-only refinement layer. No data, authority, calculation or interaction contract changes. */ .facts-page{ --facts-ink:#f4f7fb; --facts-muted:#7892aa; --facts-line:rgba(123,169,207,.13); --facts-blue:#59b5f5; --facts-gold:#e1b45d; --facts-green:#45d3a0; --facts-red:#ff5c70; } .facts-context-bar{ position:relative;overflow:hidden; padding:11px 16px 11px 18px; background:linear-gradient(100deg,rgba(5,22,40,.92),rgba(7,28,49,.78)); border-color:rgba(127,174,216,.19); } .facts-context-bar:after{ content:"";position:absolute;right:-90px;top:-80px;width:260px;height:180px; background:radial-gradient(circle,rgba(86,171,235,.11),transparent 67%);pointer-events:none; } .facts-context-copy{gap:3px} .facts-context-copy span:before{ content:"";display:inline-block;width:5px;height:5px;margin:0 7px 1px 0;border-radius:50%; background:#42d29d;box-shadow:0 0 0 3px rgba(66,210,157,.08),0 0 10px rgba(66,210,157,.42); } .facts-context-meta{position:relative;z-index:1} .facts-hero{margin-bottom:20px;padding-top:4px} .facts-kicker{display:flex;align-items:center;gap:8px} .facts-kicker:after{content:"";width:42px;height:1px;background:linear-gradient(90deg,rgba(225,180,93,.7),transparent)} .facts-hero h2{font-weight:700;text-wrap:balance} .facts-hero p{max-width:670px;color:#91a9bd} .facts-hero-signals span{transition:background .18s ease,border-color .18s ease,transform .18s ease} .facts-hero-signals span:hover{transform:translateY(-1px);background:rgba(15,45,73,.72);border-color:rgba(118,177,220,.25)} .facts-hero-badge{overflow:hidden;min-width:264px;background:linear-gradient(145deg,rgba(10,39,67,.98),rgba(4,20,37,.99))} .facts-hero-badge:after{content:"";position:absolute;right:-50px;bottom:-65px;width:150px;height:150px;border:1px solid rgba(95,174,230,.1);border-radius:50%;box-shadow:0 0 0 18px rgba(95,174,230,.025),0 0 0 38px rgba(95,174,230,.018)} .facts-hero-badge strong{line-height:.95} .facts-kpis{grid-template-columns:repeat(5,minmax(0,1fr));} .facts-kpis article{position:relative;overflow:hidden;min-height:104px;padding:15px 17px;background:linear-gradient(145deg,rgba(10,37,63,.96),rgba(4,20,37,.99));} .facts-kpis article:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.035),transparent 36%);pointer-events:none} .facts-kpis article:after{content:"";position:absolute;left:0;top:18px;bottom:18px;width:2px;border-radius:0 2px 2px 0;background:linear-gradient(180deg,rgba(89,181,245,.9),rgba(89,181,245,.05));} .facts-kpis article:nth-child(2):after{background:linear-gradient(180deg,rgba(255,84,108,.9),rgba(255,84,108,.05))} .facts-kpis article:nth-child(3):after{background:linear-gradient(180deg,rgba(225,180,93,.9),rgba(225,180,93,.05))} .facts-kpis article:nth-child(4):after{background:linear-gradient(180deg,rgba(181,104,255,.9),rgba(181,104,255,.05))} .facts-kpis article:nth-child(5):after{background:linear-gradient(180deg,rgba(69,211,160,.9),rgba(69,211,160,.05))} .facts-kpis strong{font-variant-numeric:tabular-nums} .facts-kpis small{margin-top:4px} .facts-layout{align-items:stretch;gap:14px} .facts-list-panel,.facts-detail{border-color:rgba(116,164,207,.17);box-shadow:0 24px 60px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04)} .facts-panel-head{display:flex;align-items:flex-end} .facts-panel-head h3{font-weight:650} .facts-panel-head p{max-width:650px} .facts-result-count{font-variant-numeric:tabular-nums} .facts-filters{background:linear-gradient(180deg,rgba(4,20,36,.08),rgba(4,20,36,.25))} .facts-filters label{font-weight:800} .facts-filters input,.facts-filters select{box-shadow:inset 0 1px 2px rgba(0,0,0,.12);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,transform .16s ease} .facts-filters input:focus,.facts-filters select:focus{transform:translateY(-1px);background:#08203a} .facts-clear{font-weight:800;transition:transform .16s ease,background .16s ease,border-color .16s ease} .facts-clear:hover{transform:translateY(-1px)} .facts-table-head{margin-top:2px;color:#5e7e97} .fact-item{position:relative;min-height:72px;transition:background .18s ease,box-shadow .18s ease,transform .18s ease,border-color .18s ease} .fact-item:after{content:"›";position:absolute;right:5px;top:50%;transform:translateY(-50%) translateX(-3px);font-size:17px;color:#41627b;opacity:0;transition:opacity .18s ease,transform .18s ease} .fact-item:hover:after,.fact-item.is-selected:after{opacity:1;transform:translateY(-50%) translateX(0)} .fact-item:hover{transform:translateX(2px)} .fact-item.is-selected{background:linear-gradient(90deg,rgba(54,145,215,.16),rgba(54,145,215,.045));box-shadow:inset 2px 0 0 #5bb8f4,0 6px 18px rgba(0,0,0,.08)} .fact-date b,.fact-main strong,.fact-value b{font-variant-numeric:tabular-nums} .fact-type{border:1px solid rgba(255,255,255,.05)} .facts-detail{overflow:hidden} .facts-detail:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#e0b35a,#58b1f5,transparent)} .facts-detail-content{padding:20px} .facts-detail-head h3{font-weight:680} .facts-detail-status{box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)} .facts-detail-impact>div{transition:transform .16s ease,border-color .16s ease,background .16s ease} .facts-detail-impact>div:hover{transform:translateY(-1px);border-color:rgba(108,170,215,.25);background:rgba(10,40,67,.56)} .facts-detail-section{border-top:1px solid rgba(110,157,196,.08)} .facts-detail-section:first-of-type{border-top:0} .facts-detail-grid div{transition:border-color .16s ease,background .16s ease} .facts-detail-grid div:hover{border-color:rgba(106,158,202,.2);background:rgba(12,41,67,.54)} .facts-detail-trace{box-shadow:inset 0 1px 0 rgba(255,255,255,.025)} .facts-detail-actions button{width:100%;font-weight:850;letter-spacing:.01em;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease} .facts-detail-actions button:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,0,0,.2);filter:brightness(1.08)} .facts-empty{background:radial-gradient(circle at center,rgba(37,105,158,.07),transparent 48%)} .facts-empty-icon{box-shadow:0 0 0 8px rgba(91,169,255,.025)} .facts-pagination{backdrop-filter:blur(8px)} .facts-page-btn{transition:transform .14s ease,border-color .14s ease,background .14s ease,color .14s ease} .facts-page-btn:hover:not(:disabled){transform:translateY(-1px)} .facts-page-btn:focus-visible,.facts-clear:focus-visible,.facts-detail-actions button:focus-visible,.facts-filters input:focus-visible,.facts-filters select:focus-visible{outline:2px solid rgba(91,181,244,.72);outline-offset:2px} @media(max-width:1180px){.facts-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:720px){.facts-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.facts-kpis article{min-height:92px}.facts-hero-badge{min-width:0}.facts-detail-content{padding:16px}.fact-item:hover{transform:none}.fact-item:after{display:none}} @media(prefers-reduced-motion:reduce){.facts-page *,.facts-page *:before,.facts-page *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.fact-item:hover{transform:none}} /* V39.65.4 — FACTS EXECUTIVE INFORMATION ARCHITECTURE Visual/IA refinement. Preserves canonical data and existing contracts. */ .facts-page{--facts-blue:#59b9f5;--facts-gold:#e3b85f;--facts-green:#43d2a0;--facts-red:#ff6174;--facts-violet:#b879ff} .facts-hero{margin-bottom:16px;min-height:132px} .facts-hero>div:first-child{padding-left:2px} .facts-hero h2{font-size:36px;letter-spacing:-.058em} .facts-hero p{max-width:700px;font-size:12.5px;line-height:1.6} .facts-hero-signals{margin-top:11px} .facts-hero-signals span{background:rgba(5,24,43,.56);backdrop-filter:blur(5px)} .facts-hero-badge{min-width:250px;padding:18px 20px;border-radius:14px;justify-content:center} .facts-hero-badge strong{font-size:42px} .facts-kpis{gap:10px;margin-bottom:13px} .facts-kpis article{display:flex;align-items:center;gap:12px;min-height:96px;padding:14px 15px 14px 14px;border-radius:13px} .facts-kpis article>i{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);font-style:normal} .facts-kpis article>i svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .facts-kpis article>div{min-width:0} .facts-kpis article span{font-size:8px;letter-spacing:.15em} .facts-kpis article strong{margin-top:4px;font-size:28px;letter-spacing:-.04em} .facts-kpis article small{font-size:8.5px} .facts-kpi-total>i{color:var(--facts-blue)}.facts-kpi-furto>i{color:var(--facts-red)}.facts-kpi-acidente>i{color:var(--facts-gold)}.facts-kpi-attention>i{color:var(--facts-violet)}.facts-kpi-impact>i{color:var(--facts-green)} .facts-executive-strip{display:grid;grid-template-columns:1.2fr repeat(3,1fr);align-items:stretch;gap:0;margin:0 0 13px;border:1px solid rgba(112,158,198,.14);border-radius:13px;background:linear-gradient(100deg,rgba(6,26,45,.78),rgba(5,21,38,.58));overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)} .facts-executive-title,.facts-executive-item{min-height:58px;padding:11px 14px;display:flex;align-items:center;gap:10px} .facts-executive-title{border-right:1px solid rgba(112,158,198,.1);flex-direction:column;align-items:flex-start;justify-content:center;gap:2px} .facts-executive-title span,.facts-executive-item span{font-size:7px;letter-spacing:.16em;font-weight:900;color:#64849d} .facts-executive-title strong{font-size:10px;color:#d9e7f2;font-weight:650} .facts-executive-item{border-right:1px solid rgba(112,158,198,.08);transition:background .16s ease,transform .16s ease} .facts-executive-item:last-child{border-right:0}.facts-executive-item:hover{background:rgba(39,112,172,.08);transform:translateY(-1px)} .facts-executive-item i{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:rgba(91,169,255,.08);border:1px solid rgba(91,169,255,.13);color:#72bff3;font-size:10px;font-style:normal;font-weight:900} .facts-executive-item:first-of-type i{color:#ffc66f;border-color:rgba(225,180,93,.16);background:rgba(225,180,93,.07)} .facts-executive-item:nth-of-type(3) i{color:#5fe0b0;border-color:rgba(69,211,160,.16);background:rgba(69,211,160,.07)} .facts-executive-item div{min-width:0}.facts-executive-item b{display:block;margin-top:3px;color:#dce9f3;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .facts-layout{gap:13px} .facts-list-panel,.facts-detail{border-radius:15px} .facts-panel-head{padding:17px 18px 13px} .facts-panel-head h3{font-size:19px;letter-spacing:-.02em}.facts-panel-head p{font-size:10px} .facts-filters{padding-top:2px} .facts-filters input,.facts-filters select{height:38px;border-radius:9px;font-size:10px} .facts-filter-summary{padding:8px 18px} .facts-table-head{padding:8px 10px 5px} .facts-timeline{padding:3px 12px 12px} .fact-item{min-height:66px;grid-template-columns:82px 1fr 94px;padding:11px 10px;border-radius:8px} .fact-item:hover{transform:translateX(1px)} .fact-date b{font-size:11px}.fact-date span{font-size:8px} .fact-type{font-size:8px;padding:4px 6px}.fact-status{font-size:7.5px;padding:3px 6px} .fact-main strong{font-size:12px;margin-top:4px}.fact-main small{font-size:9px;margin-top:2px}.fact-meta-line{margin-top:4px}.fact-meta-line span{font-size:7.5px} .fact-value b{font-size:11px}.fact-value small{font-size:8px} .facts-detail-content{padding:18px} .facts-detail-head h3{font-size:21px}.facts-detail-head small{font-size:8px}.facts-detail-impact{margin:12px 0}.facts-detail-grid{margin-top:7px}.facts-detail-grid div{padding:8px}.facts-detail-grid b{font-size:8.5px} .facts-detail-actions button{height:36px;font-size:8.5px} @media(max-width:1180px){.facts-executive-strip{grid-template-columns:1fr repeat(3,1fr)}.facts-kpis article strong{font-size:25px}} @media(max-width:1050px){.facts-executive-strip{grid-template-columns:1fr 1fr}.facts-executive-title{grid-column:1/-1;border-right:0;border-bottom:1px solid rgba(112,158,198,.08)}.facts-executive-item:nth-child(3){border-right:0}.facts-hero h2{font-size:30px}} @media(max-width:720px){.facts-hero{min-height:0}.facts-hero h2{font-size:26px}.facts-kpis article{min-height:86px;padding:12px}.facts-kpis article>i{width:30px;height:30px;flex-basis:30px}.facts-kpis article strong{font-size:21px}.facts-executive-strip{grid-template-columns:1fr}.facts-executive-title{grid-column:auto}.facts-executive-item{border-right:0;border-bottom:1px solid rgba(112,158,198,.08)}.facts-executive-item:last-child{border-bottom:0}.fact-item{min-height:64px}} /* V39.65.5 — KPI impact value hardening Prevents currency truncation at narrow desktop widths and preserves the complete formatted value without ellipsis or clipping. */ .facts-kpi-impact>div{flex:1 1 auto;min-width:0} .facts-kpi-impact strong#factsKpiImpact{ display:block; width:100%; max-width:100%; white-space:nowrap; overflow:visible; text-overflow:clip; font-size:clamp(20px,1.8vw,26px); letter-spacing:-.045em; line-height:1.08; } @media (max-width:1120px){ .facts-kpi-impact strong#factsKpiImpact{font-size:23px;letter-spacing:-.04em} } @media (max-width:900px){ .facts-kpi-impact strong#factsKpiImpact{font-size:22px} } @media (max-width:640px){ .facts-kpis article{gap:10px;padding-left:12px;padding-right:12px} .facts-kpi-impact strong#factsKpiImpact{font-size:21px;letter-spacing:-.035em} } /* ============================================================ V39.65.6 — SIDEBAR IA REFINEMENT Objetivo: transformar a navegação em uma estrutura executiva, com hierarquia clara e menor carga visual. Nenhuma regra de negócio ou roteamento é alterada. ============================================================ */ .sidebar{ width:272px; padding:22px 14px 16px; background: radial-gradient(circle at 18% 0%, rgba(217,169,79,.075), transparent 28%), repeating-linear-gradient(135deg, rgba(255,255,255,.018) 0 1px, transparent 1px 30px), linear-gradient(180deg,#081d31 0%,#0a2238 54%,#071b2e 100%); border-right:1px solid rgba(217,169,79,.18); box-shadow:12px 0 38px rgba(3,14,26,.24); } .sidebar .brand{ padding:2px 6px 18px; margin-bottom:10px; gap:12px; } .sidebar .brand::after{ background:linear-gradient(90deg,rgba(217,169,79,.85),rgba(217,169,79,.22) 48%,transparent 82%); } .sidebar .brand-mark{ width:42px;height:42px; border-radius:9px; background:linear-gradient(145deg,rgba(217,169,79,.16),rgba(255,255,255,.025)); border-color:rgba(217,169,79,.38); } .sidebar .brand-text{font-size:12px;letter-spacing:1px} .sidebar .brand small{font-size:8px;letter-spacing:1.45px;margin-top:7px} .sidebar .nav{ flex:1 1 auto; min-height:0; overflow-y:auto; overflow-x:hidden; padding:0 2px 8px 0; scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.12) transparent; } .sidebar .nav::-webkit-scrollbar{width:5px} .sidebar .nav::-webkit-scrollbar-track{background:transparent} .sidebar .nav::-webkit-scrollbar-thumb{ background:rgba(255,255,255,.12); border:0; border-radius:99px; } .sidebar .nav-group{ margin:0 0 8px; padding:0; } .sidebar .nav-group + .nav-group{ border-top:1px solid rgba(255,255,255,.055); padding-top:8px; } .sidebar .nav-group-label{ padding:8px 10px 6px; color:rgba(255,255,255,.38); font-size:8.5px; letter-spacing:1.8px; gap:8px; } .sidebar .nav-group-label::before{ content:""; width:3px;height:3px; flex:0 0 auto; border-radius:50%; background:rgba(217,169,79,.72); box-shadow:0 0 0 2px rgba(217,169,79,.07); } .sidebar .nav-group-label::after{ background:linear-gradient(90deg,rgba(255,255,255,.08),transparent); } .sidebar .nav button{ min-height:42px; padding:6px 9px; margin:1px 0; gap:11px; border-left:2px solid transparent; border-radius:8px; color:rgba(232,239,246,.68); font-size:12px; font-weight:600; letter-spacing:0; } .sidebar .nav button .ico-wrap{ width:31px;height:31px; border:1px solid rgba(255,255,255,.055); border-radius:8px; background:rgba(255,255,255,.025); transition:background .16s var(--ease),border-color .16s var(--ease),transform .16s var(--ease); } .sidebar .nav button .ico{ width:15px;height:15px; color:#8ea2b6; opacity:.72; } .sidebar .nav button:hover{ background:rgba(255,255,255,.045); color:#fff; } .sidebar .nav button:hover .ico-wrap{ background:rgba(255,255,255,.055); border-color:rgba(255,255,255,.10); transform:translateX(1px); } .sidebar .nav button.active{ background:linear-gradient(90deg,rgba(217,169,79,.15),rgba(217,169,79,.055)); border-left-color:var(--gold-light); box-shadow:inset 0 0 0 1px rgba(217,169,79,.055); } .sidebar .nav button.active .ico-wrap{ background:rgba(217,169,79,.13); border-color:rgba(217,169,79,.30); } .sidebar .nav button.active .ico{ color:var(--gold-light); opacity:1; } .sidebar .nav button.active span:last-child{ font-weight:750; color:#fff; } .sidebar .nav-live-dot{ width:5px!important;height:5px!important; min-height:0!important; margin-left:auto; border:0!important; border-radius:50%!important; background:var(--gold)!important; box-shadow:0 0 0 3px rgba(184,134,46,.10); } .sidebar .creator-brand{ margin-top:4px; padding:12px 7px 0; border-top:1px solid rgba(255,255,255,.07); } .sidebar .creator-brand::before{ width:4px;height:4px; } .sidebar .creator-brand span{font-size:8px;letter-spacing:1.45px} .sidebar .creator-brand b{font-size:10px;letter-spacing:.65px} /* Em telas menores a sidebar continua no modo compacto já existente. */ @media(max-width:900px){ .sidebar{width:72px;padding:16px 8px} .sidebar .nav{padding-right:0} .sidebar .nav-group + .nav-group{padding-top:5px} .sidebar .nav button{ min-height:40px; padding:5px; justify-content:center; border-radius:8px; } .sidebar .nav button .ico-wrap{width:32px;height:32px} .sidebar .creator-brand{display:none} } /* V40 — APRESENTAÇÃO DE LOGIN EXECUTIVA Camada visual isolada. IDs, formulário, autenticação e contratos existentes preservados. */ #authOverlay{ padding:0; align-items:stretch; justify-content:stretch; background: radial-gradient(700px 520px at 78% 22%,rgba(38,103,175,.22),transparent 64%), radial-gradient(560px 460px at 92% 90%,rgba(201,146,43,.10),transparent 66%), linear-gradient(135deg,#06111f 0%,#081827 48%,#071321 100%); } #authOverlay:before{ background-image:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(to bottom,rgba(0,0,0,.6),transparent 90%); } #authOverlay:after{content:"";position:absolute;width:680px;height:680px;right:-240px;bottom:-360px;border:1px solid rgba(137,177,218,.09);border-radius:50%;box-shadow:0 0 0 70px rgba(137,177,218,.018),0 0 0 140px rgba(137,177,218,.012);pointer-events:none} .auth-shell{position:relative;z-index:2;width:min(1180px,calc(100% - 64px));height:100%;margin:0 auto;display:flex;flex-direction:column} .auth-topbar{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.075)} .auth-top-brand{display:flex;align-items:center;gap:12px;color:#fff} .auth-mini-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(120,169,222,.22);border-radius:10px;background:rgba(255,255,255,.035);overflow:hidden} .auth-mini-mark img{width:34px;height:34px;object-fit:contain} .auth-top-brand strong{display:block;font:800 12px/1 Manrope,sans-serif;letter-spacing:1.35px} .auth-top-brand span{display:block;margin-top:5px;color:#7692b0;font:700 8px/1 Manrope,sans-serif;letter-spacing:2.3px} .auth-online{display:flex;align-items:center;gap:9px;color:#86a2c0;font:700 9px/1 Manrope,sans-serif;letter-spacing:1.55px} .auth-online i,.auth-logo-caption i,.auth-secure i{width:5px;height:5px;border-radius:50%;display:inline-block;background:#39d48a;box-shadow:0 0 0 4px rgba(57,212,138,.08)} .auth-main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 470px;gap:88px;align-items:center;padding:42px 0 32px} .auth-hero{padding:20px 0 10px} .auth-eyebrow{font:800 9px/1.4 Manrope,sans-serif;letter-spacing:1.75px;color:#7299c4;margin-bottom:25px} .auth-eyebrow b{color:#c99b4a;font-weight:800;margin:0 6px} .auth-hero h1{margin:0;color:#f8fbff;font:800 clamp(54px,6.1vw,82px)/.92 Manrope,sans-serif;letter-spacing:-4.5px} .auth-hero h1 em{font-style:normal;color:#86a8cf} .auth-lead{max-width:650px;margin:27px 0 0;color:#9bb0c7;font:500 15px/1.8 Manrope,sans-serif;letter-spacing:.05px} .auth-capabilities{display:grid;grid-template-columns:repeat(3,1fr);margin-top:68px;border-top:1px solid rgba(255,255,255,.10);border-bottom:1px solid rgba(255,255,255,.10)} .auth-capabilities>div{padding:19px 18px 18px 0;min-width:0} .auth-capabilities>div+div{padding-left:20px;border-left:1px solid rgba(255,255,255,.10)} .auth-capabilities b{display:block;color:#78a0c9;font:800 8px/1 Manrope,sans-serif;letter-spacing:1.5px} .auth-capabilities span{display:block;color:#7f94aa;margin-top:10px;font:500 10px/1.5 Manrope,sans-serif} .auth-panel{position:relative;width:100%;box-sizing:border-box;padding:27px 31px 25px;border:1px solid rgba(150,187,225,.15);border-radius:22px;background:linear-gradient(145deg,rgba(17,32,49,.92),rgba(8,21,34,.96));box-shadow:0 34px 80px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035);overflow:hidden} .auth-panel:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#2e84e8 0%,#6ea5dd 68%,#c69a4b 100%)} .auth-panel-glow{position:absolute;width:270px;height:270px;right:-90px;top:-120px;background:radial-gradient(circle,rgba(44,124,221,.17),transparent 68%);pointer-events:none} .auth-logo-stage{position:relative;text-align:right;min-height:130px;padding-bottom:4px} .auth-logo{width:156px;height:156px;object-fit:contain;filter:drop-shadow(0 12px 22px rgba(0,0,0,.30));margin:-15px -4px -20px auto;display:block} .auth-logo-caption{display:flex;justify-content:flex-end;align-items:center;gap:8px;color:#7190ad;font:800 8px/1 Manrope,sans-serif;letter-spacing:1.45px} .auth-panel-copy{position:relative;margin-top:8px} .auth-brand{font:800 11px/1 Manrope,sans-serif;color:#dce8f5;letter-spacing:1.55px} .auth-kicker{font:800 8px/1 Manrope,sans-serif;color:#7299c4;letter-spacing:1.45px;margin-top:7px} .auth-panel h2{margin:22px 0 5px;color:#fff;font:800 27px/1.1 Manrope,sans-serif;letter-spacing:-.8px} .auth-panel p{margin:0;color:#8197ad;font:500 11px/1.55 Manrope,sans-serif} .auth-panel form{position:relative;margin-top:18px} .auth-field{margin-top:13px} .auth-field label{color:#7890a8;font:800 8px/1 Manrope,sans-serif;letter-spacing:1.2px;margin-bottom:7px} .auth-field input{height:43px;padding:0 13px 0 39px;border-color:rgba(140,172,203,.17);border-radius:9px;background-color:rgba(255,255,255,.045);color:#eaf2fa;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)} .auth-field input::placeholder{color:#536b82} .auth-field input:focus{border-color:#3985d8;background-color:rgba(255,255,255,.055);box-shadow:0 0 0 3px rgba(46,132,232,.10)} #loginEmail{background-image:url('data:image/svg+xml;utf8,')} #loginPassword{background-image:url('data:image/svg+xml;utf8,')} .auth-password-toggle{color:#718aa2} .auth-password-toggle:hover{background:rgba(255,255,255,.06);color:#b5cae0} .auth-actions-row{display:flex;align-items:center;justify-content:space-between;margin-top:12px} .auth-remember-copy{color:#7d93a8} .auth-secure{display:flex;align-items:center;gap:7px;color:#5f7891;font:800 7px/1 Manrope,sans-serif;letter-spacing:1.1px} .auth-submit{width:100%;height:46px!important;margin-top:18px!important;border:0!important;border-radius:9px!important;background:linear-gradient(135deg,#2c83e8,#1d63bd)!important;color:#fff!important;box-shadow:0 12px 24px rgba(22,94,180,.22)!important;font:800 11px/1 Manrope,sans-serif!important;letter-spacing:.25px} .auth-submit span{font-size:17px;margin-left:7px;vertical-align:-1px} .auth-submit:hover{filter:brightness(1.06);transform:translateY(-1px)} .auth-note{color:#526b82!important;font:500 8px/1.55 Manrope,sans-serif!important;text-align:center!important;margin:15px 0 0!important} .auth-footer{height:52px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.075);color:#4f6982;font:700 7px/1 Manrope,sans-serif;letter-spacing:1.25px} @media(max-width:1050px){.auth-main{grid-template-columns:minmax(0,1fr) 410px;gap:42px}.auth-hero h1{font-size:62px}.auth-capabilities{margin-top:46px}.auth-panel{padding:24px 26px}} @media(max-width:800px){.auth-shell{width:min(100% - 36px,540px)}.auth-topbar{height:72px}.auth-main{display:block;overflow:auto;padding:28px 0 30px}.auth-hero{padding:12px 0 32px}.auth-hero h1{font-size:52px;letter-spacing:-3px}.auth-lead{font-size:13px}.auth-capabilities{margin-top:36px}.auth-panel{max-width:470px;margin:0 auto}.auth-footer{display:none}.auth-online span{display:none}} @media(max-width:520px){.auth-shell{width:calc(100% - 24px)}.auth-top-brand strong{font-size:10px}.auth-hero h1{font-size:43px}.auth-eyebrow{font-size:7px}.auth-capabilities{grid-template-columns:1fr}.auth-capabilities>div,.auth-capabilities>div+div{padding:12px 0;border-left:0}.auth-capabilities>div+div{border-top:1px solid rgba(255,255,255,.08)}.auth-panel{padding:21px 20px}.auth-logo{width:132px;height:132px}} /* ---------- KES / CENTRAL DE OCORRÊNCIAS — ABERTURA INSTITUCIONAL PREMIUM ---------- */ #dashboard.ceo-dashboard{position:relative;overflow:hidden} #dashboard.ceo-dashboard:before{content:"";position:absolute;inset:0 0 auto 0;height:440px;background:radial-gradient(circle at 84% 18%,rgba(28,116,210,.13),transparent 29%),linear-gradient(135deg,rgba(255,255,255,.75),rgba(232,243,253,.46));pointer-events:none;z-index:0} #dashboard.ceo-dashboard>*{position:relative;z-index:1} .kes-welcome-wrap{grid-template-columns:minmax(0,1fr) 324px;gap:14px} .kes-welcome-banner{min-height:148px;background:linear-gradient(115deg,#ffffff 0%,#f7fbff 56%,#e8f2fc 100%);box-shadow:0 14px 34px rgba(20,47,75,.075)} .kes-welcome-banner:before{content:"";position:absolute;right:24px;top:-82px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(25,117,210,.16) 0,rgba(25,117,210,.055) 38%,transparent 68%);pointer-events:none} .kes-welcome-banner:after{right:-40px;top:-150px;width:370px;height:370px;border-color:rgba(34,117,190,.14);box-shadow:0 0 0 24px rgba(34,117,190,.04),0 0 0 58px rgba(34,117,190,.025)} .kes-welcome-result{min-width:150px} .kes-welcome-result:after{content:"";position:absolute;right:-250px;top:-92px;width:310px;height:310px;background:url('../assets/logo-marca-KE.png') center/contain no-repeat;opacity:.11;filter:saturate(1.15);pointer-events:none} .kes-operation-card{min-height:148px;position:relative;overflow:hidden;background:linear-gradient(105deg,#ffffff 0%,#fbfdff 64%,#eef6fe 100%);box-shadow:0 14px 34px rgba(20,47,75,.065)} .kes-operation-card:after{content:"";position:absolute;right:-80px;top:-115px;width:330px;height:330px;border-radius:50%;border:1px solid rgba(38,125,214,.12);box-shadow:0 0 0 25px rgba(38,125,214,.035),0 0 0 58px rgba(38,125,214,.025);pointer-events:none} .kes-capability-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} .kes-capability-card{min-height:136px;padding:18px 18px 17px;border:1px solid #d8e5f2;border-radius:16px;background:rgba(255,255,255,.92);box-shadow:0 10px 28px rgba(20,47,75,.055);display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease} .kes-capability-card:hover{transform:translateY(-2px);box-shadow:0 15px 32px rgba(20,47,75,.09);border-color:#bcd5ee} .kes-capability-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#eaf4ff,#d8ebff);color:#1775d1;font-size:19px;font-weight:800;border:1px solid #cfe3f7} .kes-capability-card div{min-width:0} .kes-capability-card div>span{display:block;margin:1px 0 7px;font-size:9px;font-weight:900;letter-spacing:1px;color:#4778a9} .kes-capability-card strong{display:block;color:#193554;font-size:14px;line-height:1.22} .kes-capability-card small{display:block;margin-top:6px;color:#7b91a9;font-size:10px;line-height:1.45} .kes-capability-card i{align-self:center;color:#287bc6;font-size:20px;font-style:normal} @media (max-width:1180px){.kes-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:680px){.kes-capability-grid{grid-template-columns:1fr}.kes-capability-card{min-height:118px}.kes-welcome-banner{min-height:132px}.kes-welcome-result:after{display:none}} /* V42.1 — gestão territorial */ .store-regional-move{min-width:170px;max-width:220px;padding:.45rem .6rem;border:1px solid var(--border,#d9e0e8);border-radius:8px;background:var(--surface,#fff);font:inherit;color:inherit} [data-admin-regional]{white-space:nowrap} /* ===== V42.2 — SELECTOR TERRITORIAL EXECUTIVO PREMIUM ===== */ #regionalExecutiveView.regional-exec-strip{padding:12px 14px!important;border-radius:16px!important;background:linear-gradient(180deg,#ffffff 0%,#fbfcfe 100%)!important;box-shadow:0 8px 24px rgba(18,50,77,.055)!important;} #regionalExecutiveView .regional-exec-top{align-items:center!important;gap:16px!important;} #regionalExecutiveView .regional-exec-title{display:grid!important;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:9px;row-gap:2px;align-items:center;} #regionalExecutiveView .regional-exec-kicker{grid-column:1/-1;font-size:9px!important;letter-spacing:1.5px!important;} #regionalExecutiveView .regional-exec-title strong{font-size:15px!important;letter-spacing:-.15px;} #regionalExecutiveView .regional-exec-title small{font-size:10px!important;grid-column:2;overflow:hidden;text-overflow:ellipsis;} #regionalExecutiveView .regional-exec-selector{display:grid!important;grid-template-columns:repeat(7,minmax(78px,1fr));gap:3px!important;padding:4px!important;border:1px solid #e7ecf1;background:#f5f7fa!important;border-radius:12px!important;flex:1 1 650px;max-width:760px;} #regionalExecutiveView .regional-view-btn{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;min-width:0!important;min-height:40px!important;padding:5px 7px!important;border:1px solid transparent!important;border-radius:9px!important;line-height:1.05!important;color:#667587!important;transition:background .16s ease,box-shadow .16s ease,transform .16s ease!important;} #regionalExecutiveView .regional-view-btn span{font-size:10px!important;font-weight:900!important;letter-spacing:.15px;} #regionalExecutiveView .regional-view-btn small{font-size:7.5px!important;font-weight:700!important;color:#97a2ad!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;} #regionalExecutiveView .regional-view-btn:hover{background:#fff!important;color:#12324d!important;box-shadow:0 3px 9px rgba(18,50,77,.08)!important;} #regionalExecutiveView .regional-view-btn.active,#regionalExecutiveView .regional-view-btn[aria-pressed="true"]{background:#12324d!important;color:#fff!important;box-shadow:0 4px 10px rgba(18,50,77,.18)!important;} #regionalExecutiveView .regional-view-btn.active small,#regionalExecutiveView .regional-view-btn[aria-pressed="true"] small{color:rgba(255,255,255,.68)!important;} #regionalExecutiveView .regional-view-all{border-right:1px solid #dfe5eb!important;} .regional-group-label{display:block;margin-top:2px;font-size:8px;color:#8a96a3;} @media(max-width:1050px){#regionalExecutiveView .regional-exec-selector{grid-template-columns:repeat(4,minmax(90px,1fr));max-width:none;}#regionalExecutiveView .regional-exec-top{align-items:stretch!important;}.regional-exec-title{width:100%;}} @media(max-width:620px){#regionalExecutiveView .regional-exec-selector{grid-template-columns:repeat(2,minmax(0,1fr));}.regional-exec-title{grid-template-columns:1fr!important;}.regional-exec-title small{grid-column:1!important;}.regional-group-label{font-size:7px;}} /* ===== V42.2 — SEIS REGIONAIS NO COMPARATIVO ===== */ #regionalExecutiveTable .regional-name{font-weight:900;} #regionalExecutiveTable .regional-group-label{display:block;font-size:8px;color:#8a96a3;margin-top:2px;} /* V42.06 — Executive territory cards: compact, premium, six-region model */ .cc-v496 .ccx-territory-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px!important;margin:0 0 16px!important} .cc-v496 .ccx-territory-grid .cc496-territory{display:flex!important;flex-direction:column!important;min-height:0!important;height:auto!important;border:1px solid #e5ebf0!important;border-radius:16px!important;background:#fff!important;box-shadow:0 6px 18px rgba(14,44,72,.055)!important;overflow:hidden!important;transform:none!important;transition:box-shadow .18s ease,border-color .18s ease!important} .cc-v496 .ccx-territory-grid .cc496-territory:hover{transform:none!important;box-shadow:0 12px 26px rgba(14,44,72,.085)!important;border-color:#d6e0e7!important} .cc-v496 .ccx-territory-grid .cc496-territory-head{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:14px 15px 11px!important;border-bottom:1px solid #eef2f5!important} .cc-v496 .ccx-territory-head span{display:block;font-size:7px!important;font-weight:900!important;letter-spacing:1.05px!important;color:#8996a3!important} .cc-v496 .ccx-territory-head h4{margin:4px 0 1px!important;font-size:15px!important;line-height:1.1!important;letter-spacing:-.2px!important;color:#16344d!important} .cc-v496 .ccx-territory-head small{display:block;font-size:8px!important;color:#98a3ae!important} .cc-v496 .ccx-territory-head>b{font-size:7px!important;letter-spacing:.7px!important;padding:5px 7px!important;border-radius:999px!important;background:#eef3f6!important;color:#5f7282!important} .cc-v496 .ccx-territory-score{display:grid!important;grid-template-columns:auto 1fr!important;align-items:end!important;gap:12px!important;padding:15px 15px 12px!important} .cc-v496 .ccx-territory-score span,.cc-v496 .ccx-territory-kpis span,.cc-v496 .ccx-territory-foot span{display:block!important;font-size:6.8px!important;font-weight:900!important;letter-spacing:.8px!important;color:#98a3ad!important} .cc-v496 .ccx-territory-score strong{display:block!important;margin-top:2px!important;font-size:29px!important;line-height:.95!important;letter-spacing:-1px!important;color:#163b57!important} .cc-v496 .ccx-territory-score small{display:block!important;margin-top:4px!important;font-size:7.5px!important;color:#9aa5af!important} .cc-v496 .ccx-score-line{height:5px!important;margin-bottom:5px!important;border-radius:99px!important;background:#eef2f5!important;overflow:hidden!important} .cc-v496 .ccx-score-line i{display:block!important;width:0!important;height:100%!important;border-radius:99px!important;background:linear-gradient(90deg,#2e6ff2,#7b9ed8)!important;transition:width .35s ease!important} .cc-v496 .ccx-territory-kpis{display:grid!important;grid-template-columns:repeat(3,1fr)!important;margin:0 15px!important;border-top:1px solid #eef2f5!important;border-bottom:1px solid #eef2f5!important} .cc-v496 .ccx-territory-kpis>div{padding:11px 8px!important;min-width:0!important} .cc-v496 .ccx-territory-kpis>div+div{border-left:1px solid #eef2f5!important} .cc-v496 .ccx-territory-kpis strong{display:block!important;margin-top:4px!important;font-size:13px!important;color:#173650!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .cc-v496 .ccx-territory-foot{display:grid!important;grid-template-columns:1fr 1fr!important;padding:11px 15px!important;gap:12px!important} .cc-v496 .ccx-territory-foot>div+div{border-left:1px solid #eef2f5!important;padding-left:12px!important} .cc-v496 .ccx-territory-foot strong{display:block!important;margin-top:4px!important;font-size:10px!important;color:#52697b!important} .cc-v496 .ccx-territory-foot small{display:block!important;margin-top:2px!important;font-size:7px!important;color:#9aa5af!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .cc-v496 .ccx-signal{margin:0 15px!important;padding:8px 0!important;min-height:0!important;border-top:1px solid #eef2f5!important;background:#fff!important} .cc-v496 .ccx-signal b{font-size:7.5px!important;color:#687b8b!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .cc-v496 .ccx-signal em{font-size:7px!important} .cc-v496 .ccx-territory-grid .cc496-territory-action{height:36px!important;margin-top:0!important;border:0!important;border-top:1px solid #eef2f5!important;border-radius:0!important;background:#fbfcfd!important;color:#31546d!important;font-size:8px!important;font-weight:850!important;text-align:left!important;padding:0 15px!important} .cc-v496 .ccx-territory-grid .cc496-territory-action span{float:right;font-size:13px!important;color:#8798a6!important} .cc-v496 .ccx-territory-grid .cc496-map,.cc-v496 .ccx-territory-grid .cc496-territory-live,.cc-v496 .ccx-territory-grid .cc496-territory-pulse{display:none!important} .cc-v496 .ccx-territory-grid .cc496-territory.rs .ccx-score-line i{background:linear-gradient(90deg,#2e6ff2,#6f9ae5)!important} .cc-v496 .ccx-territory-grid .cc496-territory.sc .ccx-score-line i{background:linear-gradient(90deg,#1b7a56,#62ad8d)!important} .cc-v496 .ccx-territory-grid .cc496-territory.varejo .ccx-score-line i{background:linear-gradient(90deg,#d9a94f,#e8c97d)!important} .cc-v496 .ccx-territory-grid .cc496-territory.rs .ccx-territory-head{border-top:2px solid #2e6ff2!important} .cc-v496 .ccx-territory-grid .cc496-territory.sc .ccx-territory-head{border-top:2px solid #1b7a56!important} .cc-v496 .ccx-territory-grid .cc496-territory.varejo .ccx-territory-head{border-top:2px solid #d9a94f!important} @media(max-width:1100px){.cc-v496 .ccx-territory-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:700px){.cc-v496 .ccx-territory-grid{grid-template-columns:1fr!important}} /* V42.07 — Executive Territory Premium / clean command matrix Substitui o cartão genérico por uma leitura territorial em três faixas, cada uma com duas regionais. IDs de indicadores permanecem intactos para não alterar a camada de dados. */ .cc-v496 .ccx-territory-groups{display:flex!important;flex-direction:column!important;gap:12px!important;margin:0 0 18px!important} .cc-v496 .ccx-territory-group{border:1px solid #e6edf2!important;border-radius:18px!important;background:#fff!important;box-shadow:0 5px 18px rgba(14,44,72,.045)!important;overflow:hidden!important} .cc-v496 .ccx-group-head{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:12px 17px!important;background:linear-gradient(180deg,#fbfcfd,#f7f9fb)!important;border-bottom:1px solid #edf1f4!important} .cc-v496 .ccx-group-title{display:flex!important;align-items:baseline!important;gap:9px!important;min-width:0!important} .cc-v496 .ccx-group-title span{font-size:7px!important;letter-spacing:1.35px!important;font-weight:900!important;color:#9aa7b2!important} .cc-v496 .ccx-group-title h4{margin:0!important;font-size:13px!important;line-height:1!important;letter-spacing:-.1px!important;color:#173650!important;font-weight:850!important} .cc-v496 .ccx-group-title small{font-size:8px!important;color:#9aa5af!important;font-weight:650!important} .cc-v496 .ccx-group-hint{font-size:8px!important;color:#9aa5af!important;white-space:nowrap!important} .cc-v496 .ccx-group-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important} .cc-v496 .ccx-group-cards .cc496-territory{position:relative!important;display:grid!important;grid-template-columns:112px 1fr auto!important;grid-template-rows:auto auto auto!important;min-height:142px!important;height:auto!important;margin:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important;padding:16px 17px!important;box-sizing:border-box!important} .cc-v496 .ccx-group-cards .cc496-territory+ .cc496-territory{border-left:1px solid #edf1f4!important} .cc-v496 .ccx-group-cards .cc496-territory:before{content:""!important;position:absolute!important;left:0!important;top:0!important;width:3px!important;height:100%!important;background:#dbe4eb!important} .cc-v496 .ccx-group-cards .cc496-territory.rs:before{background:#2f6ff2!important} .cc-v496 .ccx-group-cards .cc496-territory.sc:before{background:#1b8b62!important} .cc-v496 .ccx-group-cards .cc496-territory.varejo:before{background:#d4a33d!important} .cc-v496 .ccx-group-cards .ccx-territory-head{grid-column:1/4!important;grid-row:1!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;padding:0 0 10px!important;border:0!important;background:none!important} .cc-v496 .ccx-group-cards .ccx-territory-head h4{margin:0!important;font-size:17px!important;line-height:1!important;color:#173650!important;letter-spacing:-.35px!important;font-weight:900!important} .cc-v496 .ccx-group-cards .ccx-territory-head>b{font-size:7px!important;letter-spacing:.8px!important;padding:5px 8px!important;border:1px solid #e6edf1!important;border-radius:999px!important;background:#f7f9fa!important;color:#657887!important} .cc-v496 .ccx-group-cards .ccx-territory-score{grid-column:1!important;grid-row:2/4!important;display:block!important;padding:3px 15px 0 0!important;border-right:1px solid #edf1f4!important} .cc-v496 .ccx-group-cards .ccx-territory-score span{font-size:7px!important;letter-spacing:1.1px!important;color:#8f9ca7!important} .cc-v496 .ccx-group-cards .ccx-territory-score strong{font-size:30px!important;line-height:.95!important;margin:5px 0 0!important;color:#153b58!important;letter-spacing:-1.2px!important} .cc-v496 .ccx-group-cards .ccx-territory-score small{font-size:7px!important;color:#a1abb4!important;margin-top:5px!important;display:block!important} .cc-v496 .ccx-group-cards .ccx-score-line{height:4px!important;margin:10px 0 0!important;background:#edf2f5!important;border-radius:99px!important} .cc-v496 .ccx-group-cards .ccx-territory-kpis{grid-column:2/4!important;grid-row:2!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;margin:0!important;border:0!important;padding:0 0 9px 15px!important} .cc-v496 .ccx-group-cards .ccx-territory-kpis>div{padding:0 9px 0 0!important;border:0!important} .cc-v496 .ccx-group-cards .ccx-territory-kpis>div+div{border-left:1px solid #edf1f4!important;padding-left:10px!important} .cc-v496 .ccx-group-cards .ccx-territory-kpis span,.cc-v496 .ccx-group-cards .ccx-territory-foot span{font-size:6.5px!important;letter-spacing:.85px!important;color:#98a4ae!important;font-weight:900!important} .cc-v496 .ccx-group-cards .ccx-territory-kpis strong{font-size:13px!important;margin-top:4px!important;color:#173650!important} .cc-v496 .ccx-group-cards .ccx-territory-foot{grid-column:2/4!important;grid-row:3!important;display:grid!important;grid-template-columns:1fr 1fr!important;padding:9px 0 0 15px!important;gap:12px!important;border-top:1px solid #edf1f4!important} .cc-v496 .ccx-group-cards .ccx-territory-foot>div+div{border-left:1px solid #edf1f4!important;padding-left:12px!important} .cc-v496 .ccx-group-cards .ccx-territory-foot strong{font-size:9px!important;margin-top:4px!important;color:#52697b!important} .cc-v496 .ccx-group-cards .ccx-territory-foot small{font-size:6.5px!important;color:#a0abb4!important;margin-top:2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .cc-v496 .ccx-group-cards .ccx-signal{display:none!important} .cc-v496 .ccx-group-cards .cc496-territory-action{grid-column:1/4!important;grid-row:4!important;height:25px!important;margin:9px -17px -16px!important;padding:0 17px!important;border:0!important;border-top:1px solid #edf1f4!important;background:#fbfcfd!important;color:#49677f!important;font-size:7.5px!important;font-weight:850!important;text-align:left!important} .cc-v496 .ccx-group-cards .cc496-territory-action span{float:right!important;font-size:12px!important;color:#92a0ab!important} .cc-v496 .ccx-group-cards .cc496-territory-live,.cc-v496 .ccx-group-cards .cc496-territory-pulse,.cc-v496 .ccx-group-cards .cc496-map{display:none!important} @media(max-width:900px){.cc-v496 .ccx-group-cards{grid-template-columns:1fr!important}.cc-v496 .ccx-group-cards .cc496-territory+.cc496-territory{border-left:0!important;border-top:1px solid #edf1f4!important}} @media(max-width:620px){.cc-v496 .ccx-group-head{padding:11px 13px!important}.cc-v496 .ccx-group-hint{display:none!important}.cc-v496 .ccx-group-cards .cc496-territory{grid-template-columns:94px 1fr!important;min-height:150px!important;padding:14px!important}.cc-v496 .ccx-group-cards .ccx-territory-head{grid-column:1/3!important}.cc-v496 .ccx-group-cards .ccx-territory-score{grid-row:2/4!important}.cc-v496 .ccx-group-cards .ccx-territory-kpis{grid-column:2!important;padding-left:12px!important}.cc-v496 .ccx-group-cards .ccx-territory-foot{grid-column:2!important;padding-left:12px!important}.cc-v496 .ccx-group-cards .cc496-territory-action{grid-column:1/3!important;margin-left:-14px!important;margin-right:-14px!important;padding-left:14px!important;padding-right:14px!important}} /* ============================================================ V42.08 — MOBILE UX SYSTEM Camada mobile consolidada. Não altera regras de negócio, permissões, cálculos ou RLS. Objetivo: reduzir densidade, eliminar overflow e transformar controles em leitura móvel. ============================================================ */ @media (max-width:700px){ :root{--mobile-gutter:12px;--mobile-radius:14px} html{scroll-behavior:smooth} body{background:#f3f6f9} /* Navegação */ .mobile-toolbar{ min-height:58px!important; padding:9px var(--mobile-gutter)!important; background:rgba(248,250,252,.97)!important; border-bottom:1px solid #dfe6ed!important; box-shadow:0 5px 18px rgba(11,38,62,.08)!important; } .mobile-menu-btn{ width:40px!important;height:40px!important;flex-basis:40px!important; border-radius:12px!important;background:#123655!important;color:#fff!important; border-color:#123655!important;font-size:19px!important; } .mobile-toolbar-title b{font-size:12px!important;font-weight:850!important} .mobile-toolbar-title small{font-size:8px!important;letter-spacing:.11em!important} .mobile-toolbar-status{font-size:9px!important} .sidebar{width:min(300px,86vw)!important;border-right:1px solid rgba(217,169,79,.22)!important} /* Cabeçalho desktop vira uma faixa compacta de contexto. */ .top{ margin:0 0 10px!important;padding:13px!important;border-radius:var(--mobile-radius)!important; box-shadow:0 5px 18px rgba(18,50,77,.055)!important; } .top-title-row .region-badge{font-size:8px!important;padding:4px 7px!important} .top h1{font-size:22px!important;letter-spacing:-.035em!important} .sub{max-width:34em!important} .actions .context-row{gap:7px!important} .period-control,.current-date-control,.user-menu-wrap,.system-status{border-radius:11px!important} .current-date-control{min-height:42px!important} .user-chip{min-height:42px!important} .action-row .btn{min-height:40px!important;border-radius:10px!important} .save-state{font-size:9px!important} /* Escopo: no mobile, um único controle limpo em vez de sete botões apertados. */ .mobile-scope-select-wrap{display:block!important;width:100%;margin-top:9px} .mobile-scope-select-label{display:block;margin:0 0 5px;font-size:8px;font-weight:850;letter-spacing:1.15px;text-transform:uppercase;color:#82909d} .mobile-scope-select{ width:100%;min-height:44px;padding:0 38px 0 12px;border:1px solid #dbe3ea;border-radius:11px; background:#fff;color:#123655;font:800 12px/1 Manrope,Arial,sans-serif; box-shadow:0 3px 10px rgba(18,50,77,.045);appearance:auto; } .v37-context-switch,.regional-exec-selector{display:none!important} .v37-context-bar{ padding:12px!important;border-radius:var(--mobile-radius)!important;gap:9px!important; flex-direction:column!important;align-items:stretch!important;margin-bottom:10px!important; } .v37-context-copy b{font-size:12px!important} .v37-context-copy small{font-size:9px!important} /* Estrutura geral */ .page{padding:0!important} .page > *{max-width:100%!important} .ceo-head,.regional-page-hero,.fin-hero,.evo-hero,.compare-hero, .facts-hero,.audit-executive-head{border-radius:var(--mobile-radius)!important} .panel,.card,.dashboard-section{border-radius:var(--mobile-radius)!important} .section-title,.panel-head{gap:8px!important} .section-title h3,.panel-head h3{font-size:13px!important} /* Dashboard: leitura em coluna, sem mosaico comprimido. */ #dashboard .ceo-head{padding:16px!important} #dashboard .ceo-head h2{font-size:24px!important;line-height:1.08!important} #dashboard .ceo-head-main p{font-size:11px!important;line-height:1.5!important} #dashboard .ceo-head-meta{grid-template-columns:1fr!important} #dashboard .ceo-focus{grid-template-columns:1fr!important;gap:9px!important} #dashboard .ceo-focus-card{min-height:0!important;padding:13px!important} #dashboard .ceo-chart-grid,#dashboard .ceo-risk-grid,#dashboard .ceo-control-grid{grid-template-columns:1fr!important} #dashboard .executive-reading-guide{grid-template-columns:1fr!important} #dashboard .kpis{grid-template-columns:1fr 1fr!important} #dashboard .kpi{min-height:96px!important} #dashboard .kpi .num{font-size:23px!important} /* Gestão executiva: menos ornamentação, uma leitura por grupo. */ #centralcontrole .cc-v496 .cc496-hero{padding:15px!important;border-radius:var(--mobile-radius)!important} #centralcontrole .cc496-hero-main h2{font-size:23px!important;line-height:1.08!important} #centralcontrole .cc496-hero-main p{font-size:10px!important;line-height:1.45!important} #centralcontrole .cc496-kpi-grid{grid-template-columns:1fr 1fr!important;gap:7px!important} #centralcontrole .cc496-analysis-grid,#centralcontrole .cc496-insight-grid,#centralcontrole .cc496-bottom-grid{grid-template-columns:1fr!important} #centralcontrole .ccx-territory-groups{display:block!important} #centralcontrole .ccx-territory-group{margin-bottom:10px!important;border-radius:13px!important;overflow:hidden!important} #centralcontrole .ccx-group-head{padding:11px 12px!important} #centralcontrole .ccx-group-title{font-size:11px!important} #centralcontrole .ccx-group-cards{grid-template-columns:1fr!important} #centralcontrole .ccx-group-cards .cc496-territory{min-height:0!important;grid-template-columns:1fr!important;padding:14px!important} #centralcontrole .ccx-territory-head{grid-column:1!important} #centralcontrole .ccx-territory-score{grid-column:1!important;grid-row:auto!important;padding:9px 0 7px!important} #centralcontrole .ccx-territory-kpis{grid-column:1!important;padding:8px 0!important} #centralcontrole .ccx-territory-foot{grid-column:1!important;padding:8px 0 0!important} #centralcontrole .cc496-territory-action{grid-column:1!important;margin:10px -14px -14px!important;padding:0 14px!important} /* Financeiro */ #financeiro .fin-command-strip{grid-template-columns:1fr 1fr!important;gap:8px!important} #financeiro .fin-kpi-grid{grid-template-columns:1fr 1fr!important;gap:8px!important} #financeiro .fin-decision-grid,#financeiro .fin-composition,#financeiro .fin-command-main{grid-template-columns:1fr!important} #financeiro .fin-big-stat{font-size:25px!important} #financeiro .fin-event-list{max-height:none!important} #financeiro .fin-daily-chart{min-height:210px!important} /* Visão regional / Inteligência / Evolução / Comparativo */ #regional .regional-page-hero,#inteligencia .evo-hero,#evolucao .evo-hero,#comparativo .compare-hero{padding:15px!important} #regional .regional-page-hero-main h2,#inteligencia .evo-hero h2,#evolucao .evo-hero h2,#comparativo .compare-hero h3{font-size:23px!important;line-height:1.1!important} #regional .regional-page-hero{grid-template-columns:1fr!important} #regional .regional-exec-selector{display:none!important} #regional .regional-exec-top{display:block!important} #regional .regional-exec-title{width:100%!important} #inteligencia .evo-controls,#evolucao .evo-controls,#comparativo .compare-controls-pro{grid-template-columns:1fr!important} #inteligencia .evo-main-grid,#evolucao .evo-main-grid,#comparativo .compare-grid-pro{grid-template-columns:1fr!important} #inteligencia .evo-kpis{grid-template-columns:1fr 1fr!important} #evolucao .evo-kpis{grid-template-columns:1fr 1fr!important} #comparativo .compare-kpis-pro{grid-template-columns:1fr 1fr!important} /* Fatos: prioriza leitura e detalhe; não espreme timeline em duas colunas. */ #fatos .facts-page{padding:8px 0 24px!important} #fatos .facts-hero{padding:15px!important} #fatos .facts-hero h2{font-size:24px!important} #fatos .facts-kpis{grid-template-columns:1fr 1fr!important;gap:7px!important} #fatos .facts-kpis article{min-height:88px!important;padding:11px!important} #fatos .facts-layout{grid-template-columns:1fr!important} #fatos .facts-detail{min-height:0!important} #fatos .facts-filters{grid-template-columns:1fr!important;padding:0 12px 12px!important} #fatos .facts-filters label:first-child{grid-column:auto!important} #fatos .facts-executive-strip{grid-template-columns:1fr!important} /* Lançamentos */ #lancamentos .launch-main{grid-template-columns:1fr!important} #lancamentos .launch-kpis{grid-template-columns:1fr 1fr!important} #lancamentos .launch-controls{grid-template-columns:1fr!important} /* Auditoria / Integridade / Relatórios / Administração */ #auditoria .audit-kpis,#integridade .integrity-kpis{grid-template-columns:1fr 1fr!important} #auditoria .audit-filter-grid,#integridade .integrity-filter-grid{grid-template-columns:1fr!important} #relatorio .report-kpis,#relatorios .report-kpis{grid-template-columns:1fr 1fr!important} #lojas .admin-grid,#acessos .admin-grid,#seguranca .admin-grid{grid-template-columns:1fr!important} #lojas .store-regional-move{width:100%!important;max-width:none!important} /* Gráficos: nunca esmagar o canvas; permitir altura confortável. */ canvas{max-width:100%!important} .chart-container,.chart-wrap,.evo-chart,.compare-trend{min-height:210px!important;overflow:hidden!important} /* Tabelas: rolagem localizada, nunca na página inteira. */ .table-wrap,.table-responsive,.report-table-wrap,.audit-table-wrap,.ranking-table-wrap, .launch-table-wrap,.risk-matrix-wrap{border-radius:11px!important;overflow-x:auto!important;overscroll-behavior-x:contain!important} /* Alvos de toque */ button,[role="button"],select,input[type="month"]{min-height:40px} } @media (min-width:701px) and (max-width:1100px){ .sidebar{width:88px!important;padding-left:10px!important;padding-right:10px!important} .sidebar .brand-text,.sidebar .nav button span:not(.ico-wrap),.sidebar .nav-group-label,.sidebar .creator-brand{display:none!important} .sidebar .nav button{justify-content:center!important} .main{margin-left:88px!important} .top{gap:12px!important} .ceo-chart-grid,.ceo-risk-grid,.cc496-analysis-grid,.evo-main-grid,.compare-grid-pro{grid-template-columns:1fr 1fr!important} } @media (max-width:420px){ :root{--mobile-gutter:9px} .mobile-toolbar{min-height:54px!important;padding:7px 9px!important} .mobile-menu-btn{width:38px!important;height:38px!important;flex-basis:38px!important} .top{padding:11px!important} .top h1{font-size:20px!important} #dashboard .kpis,#financeiro .fin-kpi-grid,#financeiro .fin-command-strip, #inteligencia .evo-kpis,#evolucao .evo-kpis,#comparativo .compare-kpis-pro, #fatos .facts-kpis,#lancamentos .launch-kpis,#auditoria .audit-kpis, #integridade .integrity-kpis,#relatorio .report-kpis,#relatorios .report-kpis{grid-template-columns:1fr!important} #centralcontrole .cc496-kpi-grid{grid-template-columns:1fr!important} .mobile-scope-select{min-height:46px;font-size:12px} } @media (prefers-reduced-motion:reduce){ .mobile-toolbar,.mobile-menu-btn,.mobile-scope-select{transition:none!important} } /* ===== V42.11 — MOBILE EXECUTIVE COMPOSITION HARDENING ===== Correção estrutural de composição para telefones. Não altera dados, indicadores, permissões, escopo ou regras de negócio. */ @media (max-width: 700px){ html,body{max-width:100%;overflow-x:hidden} .main,.page{min-width:0!important;max-width:100%!important;box-sizing:border-box} /* Relatórios: no telefone, a identidade do gerador vem antes do seletor de escopo. */ #relatorios.active{display:flex!important;flex-direction:column!important;min-width:0!important;width:100%!important;box-sizing:border-box!important} #relatorios > .regional-page-bar{order:2!important} #relatorios > .report-hero{order:1!important} #relatorios > .report-config{order:3!important} #relatorios > .executive-action-section{order:4!important} #relatorios > .generated-report{order:5!important} #relatorios > .report-hero{width:100%!important;box-sizing:border-box!important;margin-bottom:10px!important} #relatorios > .regional-page-bar{width:100%!important;margin:0 0 10px!important;padding:10px!important;box-sizing:border-box!important} #relatorios .regional-page-context{display:block!important;min-width:0!important} #relatorios .regional-page-context>b, #relatorios .regional-page-context>small{display:block!important;white-space:normal!important;overflow-wrap:anywhere!important} #relatorios .regional-page-context>b{margin-top:3px!important} #relatorios .regional-page-context>small{margin-top:2px!important;line-height:1.35!important} #relatorios .regional-page-switch{max-height:180px!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important} /* Dashboard: abertura sem cortes e sem cartão lateral desproporcional. */ #dashboard.ceo-dashboard{width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important;padding:8px 8px 24px!important} #dashboard .kes-welcome-wrap{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:10px!important;margin-bottom:10px!important} #dashboard .kes-welcome-banner, #dashboard .kes-operation-card{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important} #dashboard .kes-welcome-banner{min-height:0!important;padding:17px 16px!important;display:block!important} #dashboard .kes-welcome-copy{min-width:0!important;width:100%!important} #dashboard .kes-welcome-kicker{font-size:9px!important;letter-spacing:1px!important;white-space:normal!important} #dashboard .kes-welcome-banner h2{font-size:20px!important;line-height:1.18!important;letter-spacing:-.3px!important;margin:6px 0 7px!important;overflow-wrap:anywhere!important} #dashboard .kes-welcome-banner p{font-size:11px!important;line-height:1.48!important;max-width:none!important;overflow-wrap:anywhere!important} #dashboard .kes-welcome-result{width:100%!important;min-width:0!important;box-sizing:border-box!important;margin-top:12px!important;padding:10px 0 0!important;border-left:0!important;border-top:1px solid #d5e0ec!important;display:block!important} #dashboard .kes-welcome-result strong{display:block!important;font-size:11px!important} #dashboard .kes-welcome-result span{display:block!important;font-size:9px!important;margin-top:2px!important} #dashboard .kes-welcome-result:after{display:none!important} #dashboard .kes-operation-card{min-height:0!important;padding:16px!important;border-radius:15px!important} #dashboard .kes-operation-kicker{font-size:9px!important} #dashboard .kes-operation-card h3{font-size:16px!important;line-height:1.25!important;margin:6px 0!important;overflow-wrap:anywhere!important} #dashboard .kes-operation-card p{font-size:10px!important;line-height:1.48!important;max-width:none!important;overflow-wrap:anywhere!important} /* Blindagem final contra componentes internos com largura fixa. */ #dashboard *,.kes-welcome-wrap *,#relatorios *{max-width:100%} #dashboard input,#dashboard select,#dashboard textarea,#dashboard button, #relatorios input,#relatorios select,#relatorios textarea,#relatorios button{box-sizing:border-box} } @media (max-width:390px){ #dashboard.ceo-dashboard{padding-left:6px!important;padding-right:6px!important} #dashboard .kes-welcome-banner{padding:15px 14px!important} #dashboard .kes-welcome-banner h2{font-size:18px!important} #dashboard .kes-operation-card{padding:14px!important} #dashboard .kes-operation-card h3{font-size:15px!important} #relatorios .report-hero{padding:14px!important} #relatorios .report-hero h2{font-size:19px!important} } /* ============================================================ V42.13 — REGIONAL MAPS / EXECUTIVE TERRITORY Reintroduz os mapas na Gestão Executiva, agora com as duas regionais reais dentro de cada território. Dados continuam vindo dos mesmos snapshots; esta camada é exclusivamente visual. ============================================================ */ .cc-v496 .ccx-territory-groups .ccx-territory-group{overflow:hidden!important} .cc-v496 .ccx-regional-map-panel{display:block!important;padding:0 14px 12px!important;background:#fff!important} .cc-v496 .ccx-map-panel-head{display:flex!important;align-items:end!important;justify-content:space-between!important;padding:12px 3px 8px!important;border-bottom:1px solid #edf1f4!important} .cc-v496 .ccx-map-panel-head span{display:block!important;font-size:6.5px!important;letter-spacing:1.2px!important;font-weight:950!important;color:#9aa7b2!important} .cc-v496 .ccx-map-panel-head b{display:block!important;margin-top:3px!important;font-size:10px!important;letter-spacing:.1px!important;color:#264a63!important} .cc-v496 .ccx-map-panel-head small{font-size:7.5px!important;color:#9aa6b0!important} .cc-v496 .ccx-regional-map{height:248px!important;margin:0!important;border:1px solid #e8eef2!important;border-top:0!important;border-radius:0 0 14px 14px!important;background:radial-gradient(circle at 50% 52%,#f8fafc 0,#fff 70%)!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important} .cc-v496 .ccx-regional-map-svg{width:100%!important;height:100%!important;display:block!important;overflow:visible!important} .cc-v496 .ccx-regional-map-svg .ccx-map-caption{font-size:6.5px!important;letter-spacing:1.1px!important;font-weight:950!important;fill:#a0abb4!important} .cc-v496 .ccx-regional-map-svg .ccx-map-name{font-size:12px!important;font-weight:950!important;fill:#fff!important;paint-order:stroke fill!important;stroke:rgba(14,44,72,.20)!important;stroke-width:3px!important} .cc-v496 .ccx-regional-map-svg .ccx-map-metric{font-size:7.5px!important;font-weight:800!important;fill:#fff!important;paint-order:stroke fill!important;stroke:rgba(14,44,72,.18)!important;stroke-width:2px!important} .cc-v496 .ccx-regional-map-svg .ccx-map-status{font-size:6.5px!important;font-weight:950!important;letter-spacing:.6px!important;fill:#fff!important;paint-order:stroke fill!important;stroke:rgba(14,44,72,.18)!important;stroke-width:2px!important} .cc-v496 .ccx-regional-map-svg .ccx-regional-map-label{cursor:pointer;outline:none} .cc-v496 .ccx-regional-map-svg .ccx-regional-map-label:hover text,.cc-v496 .ccx-regional-map-svg .ccx-regional-map-label:focus text{filter:brightness(1.15)} .cc-v496 .ccx-group-cards{background:#fff!important} .cc-v496 .ccx-group-cards .cc496-territory{min-height:134px!important} .cc-v496 .ccx-group-cards .cc496-territory-live,.cc-v496 .ccx-group-cards .cc496-territory-pulse{display:none!important} @media(max-width:900px){.cc-v496 .ccx-regional-map{height:230px!important}} @media(max-width:620px){ .cc-v496 .ccx-regional-map-panel{padding:0 10px 10px!important} .cc-v496 .ccx-map-panel-head{padding:10px 2px 7px!important;align-items:flex-start!important} .cc-v496 .ccx-map-panel-head small{display:none!important} .cc-v496 .ccx-regional-map{height:205px!important;border-radius:0 0 12px 12px!important} .cc-v496 .ccx-regional-map-svg .ccx-map-name{font-size:10px!important} .cc-v496 .ccx-regional-map-svg .ccx-map-metric{font-size:6.7px!important} .cc-v496 .ccx-regional-map-svg .ccx-map-status{font-size:5.8px!important} } /* ============================================================ V42.14 — EXECUTIVE REGIONAL MAP CARDS Redesign visual: o mapa volta a ser parte da própria regional. Não há mais um mapa genérico acima de cards; cada regional possui seu próprio palco cartográfico e sua leitura executiva. ============================================================ */ .cc-v496 .ccx-regional-map-panel{display:none!important} .cc-v496 .ccx-group-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;padding:14px!important;background:#f7f9fb!important} .cc-v496 .ccx-group-cards .cc496-territory{ display:flex!important;flex-direction:column!important;min-width:0!important;min-height:0!important;height:auto!important; padding:0!important;margin:0!important;border:1px solid #e5ebf0!important;border-radius:16px!important; background:#fff!important;box-shadow:0 7px 22px rgba(16,45,70,.055)!important;overflow:hidden!important; } .cc-v496 .ccx-group-cards .cc496-territory:before{display:none!important} .cc-v496 .ccx-group-cards .ccx-territory-head{ order:1!important;display:flex!important;align-items:center!important;justify-content:space-between!important; padding:14px 16px 10px!important;border:0!important;background:#fff!important; } .cc-v496 .ccx-group-cards .ccx-territory-head h4{font-size:17px!important;letter-spacing:-.35px!important;color:#183a53!important;font-weight:900!important} .cc-v496 .ccx-group-cards .ccx-territory-head>b{font-size:7px!important;letter-spacing:.75px!important;padding:5px 8px!important;border-radius:999px!important;background:#f5f8fa!important;color:#667b8b!important;border:1px solid #e4ebf0!important} .cc-v496 .ccx-regional-map-wrap{order:2!important;margin:0 12px!important;border:1px solid #e7edf1!important;border-radius:13px!important;overflow:hidden!important;background:linear-gradient(180deg,#f8fafc 0%,#fff 100%)!important} .cc-v496 .ccx-regional-map-label{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:8px 11px!important;border-bottom:1px solid #edf1f4!important;background:rgba(255,255,255,.82)!important} .cc-v496 .ccx-regional-map-label span{font-size:6.5px!important;letter-spacing:1.05px!important;color:#8d9ba7!important;font-weight:950!important} .cc-v496 .ccx-regional-map-label small{font-size:6.5px!important;color:#a0abb4!important} .cc-v496 .ccx-regional-map-wrap .ccx-regional-map{height:190px!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important} .cc-v496 .ccx-regional-map-wrap .ccx-regional-map-svg{width:100%!important;height:100%!important;display:block!important} .cc-v496 .ccx-regional-map-wrap .ccx-map-state .cc-map-territory-shape{filter:none!important} .cc-v496 .ccx-regional-map-wrap .cc496-map-label text{paint-order:stroke fill!important} .cc-v496 .ccx-group-cards .ccx-territory-score{order:3!important;display:flex!important;align-items:flex-end!important;gap:14px!important;padding:13px 16px 7px!important;border:0!important} .cc-v496 .ccx-group-cards .ccx-territory-score>div:first-child{min-width:72px!important;padding:0!important;border:0!important} .cc-v496 .ccx-group-cards .ccx-territory-score span{font-size:7px!important;letter-spacing:1px!important;color:#94a2ad!important;font-weight:900!important} .cc-v496 .ccx-group-cards .ccx-territory-score strong{font-size:28px!important;line-height:1!important;color:#183a53!important;letter-spacing:-1px!important;margin:4px 0 0!important} .cc-v496 .ccx-group-cards .ccx-territory-score small{font-size:6.5px!important;color:#a1abb3!important;margin-top:4px!important} .cc-v496 .ccx-group-cards .ccx-score-line{flex:1!important;height:5px!important;margin:0 0 5px!important;background:#edf2f5!important;border-radius:99px!important} .cc-v496 .ccx-group-cards .ccx-score-line i{display:block!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,#2e6ff2,#6f98df)!important} .cc-v496 .ccx-group-cards .ccx-territory-kpis{order:4!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;margin:0!important;padding:10px 16px!important;border-top:1px solid #edf1f4!important;border-bottom:1px solid #edf1f4!important} .cc-v496 .ccx-group-cards .ccx-territory-kpis>div{padding:0 9px!important;border:0!important} .cc-v496 .ccx-group-cards .ccx-territory-kpis>div+div{border-left:1px solid #edf1f4!important} .cc-v496 .ccx-group-cards .ccx-territory-kpis span,.cc-v496 .ccx-group-cards .ccx-territory-foot span{font-size:6px!important;letter-spacing:.75px!important;color:#98a5af!important;font-weight:900!important} .cc-v496 .ccx-group-cards .ccx-territory-kpis strong{font-size:12px!important;margin-top:4px!important;color:#183a53!important} .cc-v496 .ccx-group-cards .ccx-territory-foot{order:5!important;display:grid!important;grid-template-columns:1fr 1fr!important;padding:10px 16px!important;gap:0!important;border:0!important} .cc-v496 .ccx-group-cards .ccx-territory-foot>div+div{border-left:1px solid #edf1f4!important;padding-left:12px!important} .cc-v496 .ccx-group-cards .ccx-territory-foot strong{font-size:9px!important;margin-top:3px!important;color:#536b7c!important} .cc-v496 .ccx-group-cards .ccx-territory-foot small{font-size:6.5px!important;color:#a0abb4!important;margin-top:2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .cc-v496 .ccx-group-cards .ccx-signal{order:6!important;display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 16px 10px!important;padding:7px 0!important;border-top:1px solid #edf1f4!important;background:none!important} .cc-v496 .ccx-group-cards .ccx-signal i{display:none!important} .cc-v496 .ccx-group-cards .ccx-signal b{font-size:7px!important;color:#667b8b!important} .cc-v496 .ccx-group-cards .ccx-signal em{font-size:6.5px!important;color:#a0abb4!important;font-style:normal!important} .cc-v496 .ccx-group-cards .cc496-territory-action{order:7!important;height:34px!important;margin:0!important;padding:0 16px!important;border:0!important;border-top:1px solid #edf1f4!important;background:#fbfcfd!important;color:#48677e!important;font-size:7.5px!important;font-weight:900!important;text-align:left!important} .cc-v496 .ccx-group-cards .cc496-territory-action span{float:right!important;font-size:12px!important;color:#91a0ab!important} @media(max-width:900px){.cc-v496 .ccx-group-cards{grid-template-columns:1fr!important}.cc-v496 .ccx-regional-map-wrap .ccx-regional-map{height:205px!important}} @media(max-width:620px){ .cc-v496 .ccx-group-cards{gap:10px!important;padding:10px!important} .cc-v496 .ccx-group-cards .cc496-territory{border-radius:14px!important} .cc-v496 .ccx-group-cards .ccx-territory-head{padding:12px 13px 9px!important} .cc-v496 .ccx-group-cards .ccx-territory-head h4{font-size:16px!important} .cc-v496 .ccx-regional-map-wrap{margin:0 10px!important} .cc-v496 .ccx-regional-map-wrap .ccx-regional-map{height:190px!important} .cc-v496 .ccx-group-cards .ccx-territory-score{padding:11px 13px 6px!important} .cc-v496 .ccx-group-cards .ccx-territory-kpis{padding:9px 13px!important} .cc-v496 .ccx-group-cards .ccx-territory-foot{padding:9px 13px!important} .cc-v496 .ccx-group-cards .ccx-signal{margin-left:13px!important;margin-right:13px!important} .cc-v496 .ccx-group-cards .cc496-territory-action{padding-left:13px!important;padding-right:13px!important} } /* ============================================================ V42.15 — MAPA EXECUTIVO UNIFICADO Um único palco cartográfico para RS + SC + Varejo. As seis regionais são áreas interativas dentro dos territórios. ============================================================ */ .cc-v496 .ccx-unified-map-shell{display:block!important;margin:0 0 16px!important;border:1px solid #dfe7ed!important;border-radius:20px!important;background:linear-gradient(180deg,#fbfcfd 0%,#fff 100%)!important;box-shadow:0 10px 28px rgba(14,44,72,.065)!important;overflow:hidden!important} .cc-v496 .ccx-unified-map-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:16px 19px 12px!important;border-bottom:1px solid #edf1f4!important} .cc-v496 .ccx-unified-map-head span{display:block!important;font-size:7px!important;letter-spacing:1.45px!important;font-weight:900!important;color:#98a5b0!important} .cc-v496 .ccx-unified-map-head h3{margin:4px 0 2px!important;font-size:19px!important;line-height:1!important;letter-spacing:-.35px!important;color:#173650!important} .cc-v496 .ccx-unified-map-head small{font-size:8.5px!important;color:#8d99a4!important} .cc-v496 .ccx-unified-map-focus{padding:7px 10px!important;border:1px solid #e1e8ed!important;border-radius:999px!important;background:#f7f9fa!important;color:#607485!important;font-size:7px!important;font-weight:900!important;letter-spacing:.7px!important;white-space:nowrap!important} .cc-v496 .ccx-unified-map{min-height:390px!important;padding:10px 24px 4px!important;background:radial-gradient(circle at 50% 48%,rgba(226,235,241,.45),transparent 55%)!important} .cc-v496 .cc-unified-map-svg{display:block!important;width:100%!important;height:390px!important;max-width:900px!important;margin:0 auto!important;overflow:visible!important} .cc-v496 .cc-unified-shape{transition:filter .18s ease,opacity .18s ease!important} .cc-v496 .cc-unified-territory:hover .cc-unified-shape{filter:drop-shadow(0 8px 12px rgba(14,44,72,.13)) brightness(1.02)!important} .cc-v496 .cc-unified-region{cursor:pointer!important;outline:none!important;transition:transform .18s ease,filter .18s ease!important} .cc-v496 .cc-unified-region:hover,.cc-v496 .cc-unified-region:focus{filter:drop-shadow(0 5px 8px rgba(14,44,72,.18))!important;transform:translateY(-1px)!important} .cc-v496 .cc-unified-region.is-selected rect{fill:rgba(8,30,49,.42)!important;stroke:#fff!important;stroke-width:1.8!important} .cc-v496 .cc-unified-map-legend{display:flex!important;align-items:center!important;gap:15px!important;padding:10px 19px 13px!important;border-top:1px solid #edf1f4!important;flex-wrap:wrap!important} .cc-v496 .cc-unified-map-legend span{display:inline-flex!important;align-items:center!important;gap:6px!important;font-size:7.5px!important;font-weight:850!important;color:#637688!important} .cc-v496 .cc-unified-map-legend i{width:7px!important;height:7px!important;border-radius:50%!important;display:inline-block!important}.cc-v496 .cc-unified-map-legend i.rs{background:#2E6FF2!important}.cc-v496 .cc-unified-map-legend i.sc{background:#1B7A56!important}.cc-v496 .cc-unified-map-legend i.varejo{background:#D4A33D!important} .cc-v496 .cc-unified-map-legend small{margin-left:auto!important;font-size:7px!important;color:#9aa5ae!important} .cc-v496 .ccx-territory-groups{display:none!important} @media(max-width:900px){.cc-v496 .ccx-unified-map{min-height:340px!important;padding:8px 10px 2px!important}.cc-v496 .ccx-unified-map-svg{height:340px!important}.cc-v496 .ccx-unified-map-head{padding:14px!important}.cc-v496 .ccx-unified-map-head h3{font-size:17px!important}.cc-v496 .ccx-unified-map-legend small{width:100%;margin-left:0!important}} @media(max-width:600px){.cc-v496 .ccx-unified-map-shell{border-radius:16px!important}.cc-v496 .ccx-unified-map-head{align-items:flex-start!important;flex-direction:column!important;gap:9px!important}.cc-v496 .ccx-unified-map-focus{font-size:6.8px!important}.cc-v496 .ccx-unified-map{min-height:300px!important;padding:4px 4px 0!important;overflow:hidden!important}.cc-v496 .ccx-unified-map-svg{height:300px!important;min-width:430px!important;width:100%!important;transform:translateX(-4%)!important}.cc-v496 .ccx-unified-map-legend{gap:9px 13px!important;padding:9px 13px 11px!important}.cc-v496 .ccx-unified-map-legend small{font-size:6.8px!important}} /* ============================================================ V42.16 — EXECUTIVE TERRITORY MAP / PREMIUM DARK COMPOSITION Referência visual: mapa único + painel executivo lateral. Mantém dados, filtros, permissões e cálculos existentes. ============================================================ */ .cc-v496 .ccx-unified-map-shell{ margin:0 0 18px!important; border:1px solid #173958!important; border-radius:18px!important; background:linear-gradient(180deg,#071a2b 0%,#061526 100%)!important; box-shadow:0 16px 38px rgba(5,19,32,.16)!important; overflow:hidden!important; color:#fff!important; } .cc-v496 .ccx-unified-map-head{ min-height:68px!important; padding:15px 18px 13px!important; border-bottom:1px solid rgba(123,163,195,.14)!important; background:linear-gradient(180deg,rgba(11,35,57,.92),rgba(7,26,43,.92))!important; } .cc-v496 .ccx-unified-map-head span{font-size:6.5px!important;letter-spacing:1.6px!important;color:#7894aa!important} .cc-v496 .ccx-unified-map-head h3{font-size:18px!important;letter-spacing:-.25px!important;color:#f4f8fb!important;margin:4px 0 3px!important} .cc-v496 .ccx-unified-map-head small{font-size:7.8px!important;color:#7890a4!important} .cc-v496 .ccx-unified-map-focus{padding:6px 9px!important;border:1px solid #234763!important;background:#0a2238!important;color:#91aac0!important;font-size:6.5px!important;letter-spacing:.8px!important} .cc-v496 .ccx-unified-map-body{display:grid!important;grid-template-columns:minmax(0,1fr) 290px!important;min-height:455px!important} .cc-v496 .ccx-unified-map{ min-height:455px!important;height:455px!important;padding:8px 12px 2px!important; background: radial-gradient(circle at 46% 48%,rgba(28,89,139,.20),transparent 48%), linear-gradient(180deg,#061a2b,#071827)!important; position:relative!important; } .cc-v496 .ccx-unified-map:before{ content:"";position:absolute;inset:18px 12px 14px;pointer-events:none;opacity:.28; background-image:linear-gradient(rgba(103,145,176,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(103,145,176,.055) 1px,transparent 1px); background-size:34px 34px;mask-image:radial-gradient(circle at center,#000 0%,transparent 82%); } .cc-v496 .ccx-unified-map-svg{width:100%!important;height:445px!important;max-width:none!important;filter:drop-shadow(0 14px 20px rgba(0,0,0,.16))!important} .cc-v496 .cc-unified-map-svg text{font-family:Manrope,Arial,sans-serif!important} .cc-v496 .cc-unified-map-svg > text{fill:#7e9ab0!important;font-size:6px!important;letter-spacing:1.5px!important} .cc-v496 .cc-unified-shape{stroke:rgba(224,241,250,.72)!important;stroke-width:1.6!important} .cc-v496 .cc-unified-territory:hover .cc-unified-shape{filter:drop-shadow(0 9px 14px rgba(0,0,0,.28)) brightness(1.05)!important} .cc-v496 .cc-unified-region rect{fill:rgba(4,20,34,.27)!important;stroke:rgba(255,255,255,.28)!important} .cc-v496 .cc-unified-region:hover rect,.cc-v496 .cc-unified-region:focus rect{fill:rgba(4,20,34,.55)!important;stroke:rgba(255,255,255,.72)!important} .cc-v496 .cc-unified-region text:first-of-type{font-size:7.8px!important;font-weight:850!important} .cc-v496 .cc-unified-region text:last-of-type{font-size:5.7px!important;fill:rgba(255,255,255,.72)!important} .cc-v496 .ccx-unified-regional-panel{ border-left:1px solid rgba(123,163,195,.14)!important; background:linear-gradient(180deg,#081d30,#07192a)!important; min-width:0!important; } .cc-v496 .ccx-unified-panel-head{padding:15px 15px 11px!important;border-bottom:1px solid rgba(123,163,195,.13)!important} .cc-v496 .ccx-unified-panel-head span{font-size:6.2px!important;font-weight:900!important;letter-spacing:1.45px!important;color:#718da4!important} .cc-v496 .ccx-unified-panel-head h4{margin:4px 0 3px!important;font-size:13px!important;color:#f1f6f9!important;letter-spacing:-.15px!important} .cc-v496 .ccx-unified-panel-head small{font-size:7px!important;color:#70899d!important} .cc-v496 .ccx-unified-regional-list{padding:3px 0!important} .cc-v496 .ccx-unified-regional-item{width:100%!important;display:grid!important;grid-template-columns:8px minmax(0,1fr) auto 8px!important;align-items:center!important;gap:8px!important;padding:10px 13px!important;border:0!important;border-bottom:1px solid rgba(123,163,195,.10)!important;background:transparent!important;color:#fff!important;text-align:left!important;cursor:pointer!important;transition:background .16s ease!important} .cc-v496 .ccx-unified-regional-item:hover,.cc-v496 .ccx-unified-regional-item:focus{background:rgba(40,101,147,.13)!important;outline:none!important} .cc-v496 .ccx-regional-dot{width:7px!important;height:7px!important;border-radius:50%!important;background:#3fa77e!important;box-shadow:0 0 0 3px rgba(63,167,126,.08)!important} .cc-v496 .ccx-regional-dot.critico{background:#db625d!important}.cc-v496 .ccx-regional-dot.elevada{background:#e0a24b!important}.cc-v496 .ccx-regional-dot.atencao{background:#d4b45b!important}.cc-v496 .ccx-regional-dot.controlado{background:#3fa77e!important} .cc-v496 .ccx-regional-copy{min-width:0!important}.cc-v496 .ccx-regional-copy b{display:block!important;font-size:8.5px!important;color:#edf5f9!important;font-weight:850!important}.cc-v496 .ccx-regional-copy small{display:block!important;margin-top:2px!important;font-size:6.3px!important;color:#6f899d!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .cc-v496 .ccx-regional-score{text-align:right!important}.cc-v496 .ccx-regional-score b{display:block!important;font-size:8.5px!important;color:#eaf2f7!important}.cc-v496 .ccx-regional-score small{display:block!important;margin-top:2px!important;font-size:5.8px!important;color:#7893a8!important} .cc-v496 .ccx-regional-chevron{font-size:15px!important;color:#54758e!important;line-height:1!important} .cc-v496 .ccx-unified-map-legend{padding:8px 15px 10px!important;border-top:1px solid rgba(123,163,195,.13)!important;background:#061727!important;gap:13px!important} .cc-v496 .ccx-unified-map-legend span{font-size:6.5px!important;color:#7c96aa!important}.cc-v496 .ccx-unified-map-legend i{width:6px!important;height:6px!important}.cc-v496 .ccx-unified-map-legend small{font-size:6.2px!important;color:#5f788d!important} .cc-v496 .ccx-territory-groups{display:none!important} @media(max-width:1000px){.cc-v496 .ccx-unified-map-body{grid-template-columns:minmax(0,1fr) 250px!important}.cc-v496 .ccx-unified-map,.cc-v496 .ccx-unified-map-svg{height:410px!important;min-height:410px!important}.cc-v496 .ccx-unified-map-body{min-height:420px!important}} @media(max-width:760px){.cc-v496 .ccx-unified-map-head{padding:13px 14px 11px!important}.cc-v496 .ccx-unified-map-head h3{font-size:16px!important}.cc-v496 .ccx-unified-map-body{grid-template-columns:1fr!important}.cc-v496 .ccx-unified-map{height:360px!important;min-height:360px!important;padding:4px 6px!important}.cc-v496 .ccx-unified-map-svg{height:355px!important;min-width:0!important;width:100%!important;transform:none!important}.cc-v496 .ccx-unified-regional-panel{border-left:0!important;border-top:1px solid rgba(123,163,195,.14)!important}.cc-v496 .ccx-unified-regional-list{display:grid!important;grid-template-columns:1fr 1fr!important}.cc-v496 .ccx-unified-regional-item{padding:9px 10px!important}.cc-v496 .ccx-unified-map-legend small{width:100%!important;margin-left:0!important}} @media(max-width:480px){.cc-v496 .ccx-unified-map{height:300px!important;min-height:300px!important}.cc-v496 .ccx-unified-map-svg{height:295px!important}.cc-v496 .ccx-unified-regional-list{grid-template-columns:1fr!important}.cc-v496 .ccx-unified-map-head{gap:7px!important}.cc-v496 .ccx-unified-map-focus{font-size:6px!important}} /* ============================================================ V42.17 — MAPA GEOGRÁFICO UNIFICADO RS + SC RS 01/02 dentro do RS; SC 01/02 dentro de SC; Varejo 01/02 como operação distribuída nos dois estados. ============================================================ */ .cc-v496 .cc-unified-map-svg{height:445px!important;viewBox:0 0 760 430!important} .cc-v496 .cc-unified-state-shape{vector-effect:non-scaling-stroke!important;transition:filter .18s ease,opacity .18s ease!important} .cc-v496 .cc-unified-territory:hover .cc-unified-state-shape{filter:brightness(1.06) drop-shadow(0 8px 14px rgba(0,0,0,.28))!important} .cc-v496 .cc-unified-map-title{font-family:Manrope,Arial,sans-serif!important;fill:#8CA8BD!important;font-size:10px!important;font-weight:900!important;letter-spacing:2px!important} .cc-v496 .cc-unified-map-subtitle{font-family:Manrope,Arial,sans-serif!important;fill:#5E7B91!important;font-size:7px!important;font-weight:700!important;letter-spacing:.3px!important} .cc-v496 .cc-unified-state-label{font-family:Manrope,Arial,sans-serif!important;fill:rgba(239,248,253,.78)!important;font-size:11px!important;font-weight:900!important;letter-spacing:2px!important} .cc-v496 .cc-unified-context-label{font-family:Manrope,Arial,sans-serif!important;fill:#7894A8!important;font-size:8px!important;font-weight:800!important;letter-spacing:1.5px!important} .cc-v496 .cc-unified-region,.cc-v496 .cc-unified-varejo{cursor:pointer!important;outline:none!important;transition:filter .16s ease,transform .16s ease!important} .cc-v496 .cc-unified-region:hover,.cc-v496 .cc-unified-region:focus,.cc-v496 .cc-unified-varejo:hover,.cc-v496 .cc-unified-varejo:focus{filter:drop-shadow(0 5px 10px rgba(0,0,0,.34))!important;transform:translateY(-1px)!important} .cc-v496 .cc-unified-region.is-selected rect{fill:rgba(4,20,34,.62)!important;stroke:#fff!important;stroke-width:1.6!important} .cc-v496 .cc-unified-region-name{font-family:Manrope,Arial,sans-serif!important;fill:#fff!important;font-size:13px!important;font-weight:900!important;letter-spacing:.1px!important} .cc-v496 .cc-unified-region-meta{font-family:Manrope,Arial,sans-serif!important;fill:rgba(234,245,251,.72)!important;font-size:8px!important;font-weight:700!important} .cc-v496 .cc-unified-varejo-name{font-family:Manrope,Arial,sans-serif!important;fill:#FFE9B7!important;font-size:10px!important;font-weight:900!important} .cc-v496 .cc-unified-varejo-meta{font-family:Manrope,Arial,sans-serif!important;fill:#E8C984!important;font-size:7px!important;font-weight:800!important} .cc-v496 .cc-unified-varejo.is-selected rect{fill:rgba(217,154,50,.34)!important;stroke:#FFE1A0!important} .cc-v496 .cc-unified-note-text{font-family:Manrope,Arial,sans-serif!important;fill:#91AABD!important;font-size:7px!important;font-weight:700!important} @media(max-width:760px){ .cc-v496 .cc-unified-map{height:380px!important;min-height:380px!important;overflow:hidden!important} .cc-v496 .cc-unified-map-svg{height:372px!important;min-width:620px!important;width:100%!important;transform:translateX(-8%)!important} .cc-v496 .cc-unified-map-title{font-size:9px!important} .cc-v496 .cc-unified-region-name{font-size:11px!important} .cc-v496 .cc-unified-region-meta{font-size:7px!important} } @media(max-width:480px){ .cc-v496 .cc-unified-map{height:330px!important;min-height:330px!important} .cc-v496 .cc-unified-map-svg{height:322px!important;min-width:560px!important;transform:translateX(-11%)!important} .cc-v496 .cc-unified-state-label{font-size:9px!important} .cc-v496 .cc-unified-varejo-name{font-size:9px!important} } /* ============================================================ V42.18 — EXECUTIVE CARTOGRAPHY PREMIUM POLISH Refinamento visual do mapa unificado para apresentação executiva. ============================================================ */ .cc-v496 .ccx-unified-map-shell, .cc-v496 .ccx-unified-map-shell *{box-sizing:border-box!important} .cc-v496 .ccx-unified-map-shell{border:1px solid rgba(103,151,187,.20)!important;background:linear-gradient(145deg,#061522 0%,#071c2d 52%,#04121f 100%)!important;box-shadow:0 18px 45px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025)!important} .cc-v496 .ccx-unified-map-head{background:linear-gradient(180deg,rgba(9,30,47,.92),rgba(6,22,36,.76))!important;border-bottom:1px solid rgba(120,164,194,.13)!important} .cc-v496 .ccx-unified-map-head span{font-size:7px!important;letter-spacing:1.8px!important;color:#6f91aa!important} .cc-v496 .ccx-unified-map-head h3{font-size:19px!important;letter-spacing:-.45px!important;color:#f3f7fa!important} .cc-v496 .ccx-unified-map-head small{font-size:8px!important;color:#6e8799!important} .cc-v496 .ccx-unified-map-focus{background:rgba(9,34,53,.72)!important;border-color:rgba(105,156,193,.24)!important;color:#a1bed0!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important} .cc-v496 .ccx-unified-map{position:relative!important;background:radial-gradient(circle at 46% 46%,rgba(30,105,151,.16),transparent 32%),radial-gradient(circle at 75% 22%,rgba(42,120,174,.08),transparent 24%),linear-gradient(180deg,#061522 0%,#061827 100%)!important} .cc-v496 .ccx-unified-map:after{content:"";position:absolute;inset:12px;border:1px solid rgba(105,157,190,.09);border-radius:18px;pointer-events:none;box-shadow:inset 0 0 40px rgba(27,100,143,.06)} .cc-v496 .ccx-unified-map-svg{filter:drop-shadow(0 18px 26px rgba(0,0,0,.24))!important} .cc-v496 .cc-unified-map-title{font-size:8px!important;letter-spacing:2.4px!important;fill:#7897ad!important} .cc-v496 .cc-unified-map-subtitle{font-size:6.5px!important;letter-spacing:.55px!important;fill:#52748b!important} .cc-v496 .cc-unified-state-label{font-size:10px!important;letter-spacing:2.2px!important;fill:rgba(235,246,251,.66)!important} .cc-v496 .cc-unified-state-kicker{font-family:Manrope,Arial,sans-serif!important;fill:rgba(190,216,230,.42)!important;font-size:5.3px!important;font-weight:800!important;letter-spacing:1.25px!important} .cc-v496 .cc-unified-context-label{font-size:7px!important;letter-spacing:1.8px!important;fill:#5e7e93!important} .cc-v496 .cc-unified-state-shape{stroke:rgba(229,246,255,.72)!important;stroke-width:1.4!important} .cc-v496 .cc-unified-territory:hover .cc-unified-state-shape{filter:brightness(1.07) drop-shadow(0 10px 16px rgba(0,0,0,.34))!important} .cc-v496 .cc-unified-region{transform-origin:center!important} .cc-v496 .cc-unified-region-panel{transition:fill .16s ease,stroke .16s ease,filter .16s ease!important} .cc-v496 .cc-unified-region:hover .cc-unified-region-panel,.cc-v496 .cc-unified-region:focus .cc-unified-region-panel{fill:rgba(8,31,49,.96)!important;stroke:rgba(255,255,255,.58)!important;filter:drop-shadow(0 7px 10px rgba(0,0,0,.28))!important} .cc-v496 .cc-unified-region.is-selected .cc-unified-region-panel{fill:rgba(8,33,52,.98)!important;stroke:rgba(255,255,255,.78)!important} .cc-v496 .cc-unified-region-name{font-size:10.5px!important;font-weight:850!important;letter-spacing:.15px!important;fill:#f7fafc!important} .cc-v496 .cc-unified-region-meta{font-size:6.5px!important;font-weight:700!important;letter-spacing:.15px!important;fill:rgba(210,228,238,.68)!important} .cc-v496 .cc-unified-risk-text{font-family:Manrope,Arial,sans-serif!important;font-size:4.9px!important;font-weight:900!important;fill:#d9e8ef!important;letter-spacing:.35px!important} .cc-v496 .cc-unified-varejo-panel{transition:fill .16s ease,stroke .16s ease,filter .16s ease!important} .cc-v496 .cc-unified-varejo:hover .cc-unified-varejo-panel,.cc-v496 .cc-unified-varejo:focus .cc-unified-varejo-panel{fill:rgba(104,70,18,.88)!important;stroke:#F4CF82!important;filter:drop-shadow(0 6px 10px rgba(0,0,0,.28))!important} .cc-v496 .cc-unified-varejo.is-selected .cc-unified-varejo-panel{fill:rgba(116,77,17,.92)!important;stroke:#FFE0A0!important} .cc-v496 .cc-unified-varejo-name{font-size:8px!important;font-weight:850!important;letter-spacing:.15px!important;fill:#FFF0CA!important} .cc-v496 .cc-unified-varejo-meta{font-size:5.8px!important;font-weight:800!important;fill:#E5C77D!important} .cc-v496 .cc-unified-note-text{font-size:5.8px!important;letter-spacing:.15px!important;fill:#7f9caf!important} .cc-v496 .ccx-unified-map-legend{background:rgba(4,18,30,.86)!important;border-top:1px solid rgba(120,165,195,.12)!important} .cc-v496 .ccx-unified-regional-panel{background:linear-gradient(180deg,#071a2b,#061624)!important;border-left:1px solid rgba(110,159,191,.13)!important} .cc-v496 .ccx-unified-panel-head h4{font-size:13px!important;color:#f1f6f9!important} .cc-v496 .ccx-unified-regional-item{padding:10px 13px!important} @media(max-width:760px){ .cc-v496 .ccx-unified-map{height:360px!important;min-height:360px!important} .cc-v496 .ccx-unified-map-svg{height:352px!important;min-width:0!important;width:100%!important;transform:none!important} .cc-v496 .cc-unified-region-name{font-size:9.5px!important} .cc-v496 .cc-unified-region-meta{font-size:6px!important} } /* V39.67.0 — INFRASTRUCTURE OPERATIONS FOUNDATION */ .infrastructure-page{padding:28px 30px 60px;max-width:1500px;margin:0 auto}.infra-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}.infra-kicker,.infra-panel-head span,.infra-filter-bar>div>span,.infra-scope-strip span,.infra-kpi-grid span,.infra-detail-grid span{display:block;font-size:9px;letter-spacing:.14em;font-weight:800;color:#6e8da8}.infra-page-head h2{margin:5px 0 4px;font-size:28px;letter-spacing:-.035em;color:#eef7ff}.infra-page-head p{margin:0;color:#829db3;font-size:12px}.infra-head-actions{display:flex;gap:8px}.infra-scope-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 16px;border:1px solid rgba(105,157,204,.14);background:linear-gradient(90deg,rgba(7,29,51,.9),rgba(7,22,39,.62));border-radius:12px;margin-bottom:16px}.infra-scope-strip b{display:block;color:#d9e9f7;font-size:12px;margin-top:3px}.infra-scope-strip small{color:#6f879a;font-size:10px}.infra-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:18px}.infra-kpi-grid article{min-height:104px;padding:16px 17px;border:1px solid rgba(105,157,204,.13);border-radius:14px;background:linear-gradient(145deg,rgba(9,35,59,.82),rgba(5,22,39,.72));box-shadow:0 12px 30px rgba(0,0,0,.12)}.infra-kpi-grid article.critical{border-color:rgba(241,153,75,.25)}.infra-kpi-grid strong{display:block;color:#f3f8fd;font-size:27px;line-height:1;margin:11px 0 7px;letter-spacing:-.04em}.infra-kpi-grid small{color:#70899e;font-size:10px}.infra-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:8px 0 12px}.infra-filter-bar b{display:block;color:#dceaf5;font-size:14px;margin-top:3px}.infra-filters{display:flex;gap:5px;flex-wrap:wrap}.infra-filters button{border:1px solid rgba(103,154,198,.15);background:rgba(6,26,45,.68);color:#8199ac;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:800;cursor:pointer}.infra-filters button.active,.infra-filters button:hover{background:rgba(31,102,163,.25);border-color:rgba(91,169,255,.45);color:#e8f5ff}.infra-load-state{margin:12px 0;padding:13px 15px;border:1px solid rgba(241,153,75,.25);border-radius:10px;background:rgba(75,44,15,.25);color:#d9b27a;font-size:11px}.infra-panel{border:1px solid rgba(105,157,204,.13);border-radius:15px;background:linear-gradient(145deg,rgba(7,28,49,.82),rgba(4,19,34,.74));overflow:hidden;margin-top:14px}.infra-panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 19px;border-bottom:1px solid rgba(105,157,204,.09)}.infra-panel-head h3{margin:5px 0 4px;color:#eaf4fb;font-size:16px;letter-spacing:-.02em}.infra-panel-head p{margin:0;color:#71899e;font-size:10px}.infra-no-evidence{white-space:nowrap;padding:6px 9px;border:1px solid rgba(105,157,204,.12);border-radius:999px;color:#678197!important;font-size:8px!important;letter-spacing:.1em!important}.infra-table-wrap{overflow:auto}.infra-table{width:100%;border-collapse:collapse;min-width:920px}.infra-table th{padding:11px 13px;text-align:left;color:#617e95;font-size:8px;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid rgba(105,157,204,.08)}.infra-table td{padding:13px;border-bottom:1px solid rgba(105,157,204,.06);color:#afc3d2;font-size:11px;vertical-align:middle}.infra-table tbody tr:hover{background:rgba(30,95,145,.08)}.infra-table td strong{display:block;color:#e4eff7;font-size:11px}.infra-table td small{display:block;color:#6f879b;font-size:9px;margin-top:3px}.infra-code{border:0;background:none;padding:0;color:#62b7ff;font-size:10px;font-weight:800;cursor:pointer}.infra-pill{display:inline-flex;align-items:center;padding:5px 7px;border-radius:999px;font-size:8px;font-weight:800;white-space:nowrap}.priority-baixa{background:rgba(95,150,185,.12);color:#89aabd}.priority-media{background:rgba(63,143,202,.14);color:#77bde9}.priority-alta{background:rgba(241,171,72,.14);color:#e7b45f}.priority-critica{background:rgba(236,91,91,.15);color:#ef9292}.status-novo,.status-triagem{background:rgba(79,156,219,.12);color:#80c3f2}.status-em_tratamento,.status-em_manutencao{background:rgba(236,171,66,.13);color:#e7bd6b}.status-aguardando_terceiro{background:rgba(160,125,220,.14);color:#bba3e8}.status-resolvido,.status-validacao_loja{background:rgba(57,182,132,.13);color:#71d1ab}.status-encerrado{background:rgba(102,133,154,.13);color:#8ca1af}.status-reaberto{background:rgba(237,103,103,.13);color:#ee9999}.asset-ativo{background:rgba(57,182,132,.13);color:#71d1ab}.asset-em_manutencao{background:rgba(236,171,66,.13);color:#e7bd6b}.infra-row-action{border:1px solid rgba(91,169,255,.18);background:rgba(21,77,121,.12);color:#87bde3;border-radius:7px;padding:6px 8px;font-size:9px;font-weight:800;cursor:pointer}.infra-empty-row{padding:34px 20px;text-align:center}.infra-empty-row strong{display:block;color:#b9cbd8;font-size:12px}.infra-empty-row span{display:block;color:#667f94;font-size:10px;margin-top:5px}.infra-modal{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(1,10,19,.72);backdrop-filter:blur(7px)}.infra-modal[hidden]{display:none}.infra-modal-card{width:min(760px,100%);max-height:90vh;overflow:auto;border:1px solid rgba(105,157,204,.2);border-radius:18px;background:linear-gradient(145deg,#071e34,#041322);box-shadow:0 30px 80px rgba(0,0,0,.42)}.infra-detail-card{width:min(820px,100%)}.infra-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid rgba(105,157,204,.1)}.infra-modal-head span{font-size:8px;letter-spacing:.14em;color:#6792b0;font-weight:800}.infra-modal-head h3{margin:5px 0;color:#edf7ff;font-size:19px}.infra-modal-head p{margin:0;color:#70889d;font-size:10px}.infra-modal-head>button{border:0;background:none;color:#7e9aae;font-size:25px;cursor:pointer}.infra-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:20px 22px}.infra-form-grid label{color:#7690a5;font-size:9px;font-weight:800;letter-spacing:.05em}.infra-form-grid label.wide{grid-column:1/-1}.infra-form-grid input,.infra-form-grid select,.infra-form-grid textarea{display:block;width:100%;margin-top:6px;box-sizing:border-box;border:1px solid rgba(105,157,204,.16);background:#06192c;color:#dcebf5;border-radius:9px;padding:10px 11px;font:inherit;font-size:11px;outline:none}.infra-form-grid textarea{min-height:110px;resize:vertical}.infra-form-grid input:focus,.infra-form-grid select:focus,.infra-form-grid textarea:focus{border-color:rgba(91,169,255,.55);box-shadow:0 0 0 3px rgba(44,130,201,.1)}.infra-form-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 22px;border-top:1px solid rgba(105,157,204,.1);color:#647e93;font-size:9px}.infra-form-foot>div{display:flex;gap:8px}.infra-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px 22px}.infra-detail-grid>div{padding:11px 12px;border:1px solid rgba(105,157,204,.09);border-radius:10px;background:rgba(4,21,37,.48)}.infra-detail-grid b{display:block;color:#dbe9f2;font-size:11px;margin-top:5px}.infra-detail-main{padding:3px 22px 18px}.infra-detail-kicker{color:#6794b0;font-size:8px;letter-spacing:.1em;font-weight:800}.infra-detail-main h3{color:#edf7ff;font-size:18px;margin:7px 0}.infra-detail-main p{color:#91a9ba;font-size:11px;line-height:1.7;margin:0}.infra-history{padding:0 22px 20px}.infra-section-mini{margin-bottom:12px}.infra-section-mini span{display:block;color:#678197;font-size:8px;letter-spacing:.12em;font-weight:800}.infra-section-mini b{display:block;color:#dbe8f1;font-size:11px;margin-top:4px}.infra-history-item{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid rgba(105,157,204,.07)}.infra-history-item i{width:7px;height:7px;border-radius:50%;background:#5db5f0;margin-top:5px;flex:none;box-shadow:0 0 0 4px rgba(93,181,240,.08)}.infra-history-item strong{color:#cfe1ed;font-size:10px}.infra-history-item small{color:#647e92;font-size:9px;margin-left:8px}.infra-history-item p{color:#738b9e;font-size:9px;margin:4px 0 0}.infra-toast{position:fixed;right:24px;bottom:24px;z-index:1400;transform:translateY(12px);opacity:0;pointer-events:none;background:#09233b;border:1px solid rgba(91,169,255,.3);color:#dceefa;padding:11px 14px;border-radius:10px;box-shadow:0 16px 40px rgba(0,0,0,.3);font-size:10px;transition:.2s}.infra-toast.show{transform:translateY(0);opacity:1}@media(max-width:1050px){.infra-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.infrastructure-page{padding:18px 13px 40px}.infra-page-head{align-items:flex-start;flex-direction:column}.infra-head-actions{width:100%}.infra-head-actions .btn{flex:1}.infra-scope-strip,.infra-filter-bar{align-items:flex-start;flex-direction:column}.infra-kpi-grid{grid-template-columns:1fr 1fr}.infra-panel-head{align-items:flex-start;flex-direction:column}.infra-form-grid{grid-template-columns:1fr;padding:16px}.infra-form-grid label.wide{grid-column:auto}.infra-detail-grid{grid-template-columns:1fr 1fr;padding:16px}.infra-form-foot{align-items:flex-start;flex-direction:column;padding:13px 16px}.infra-form-foot>div{width:100%}.infra-form-foot .btn{flex:1}.infra-modal{padding:10px}.infra-modal-card{max-height:94vh}.infra-toast{right:12px;left:12px;bottom:12px;text-align:center}} /* V39.67.1 — Infraestrutura: contraste e legibilidade premium */ .infrastructure-page{ color:var(--text); background:transparent; } .infrastructure-page .infra-page-head h2{ color:var(--heading)!important; font-size:30px!important; font-weight:850!important; } .infrastructure-page .infra-page-head p{ color:#64778a!important; font-size:12.5px!important; } .infrastructure-page .infra-kicker, .infrastructure-page .infra-panel-head>div>span, .infrastructure-page .infra-filter-bar>div>span, .infrastructure-page .infra-scope-strip>div>span, .infrastructure-page .infra-kpi-grid article>span, .infrastructure-page .infra-detail-grid span{ color:#647d92!important; } .infrastructure-page .infra-scope-strip{ background:linear-gradient(135deg,#102d47,#173c5c)!important; border:1px solid rgba(14,44,72,.12)!important; box-shadow:0 8px 24px rgba(14,44,72,.12)!important; } .infrastructure-page .infra-scope-strip b{ color:#fff!important; font-size:13px!important; } .infrastructure-page .infra-scope-strip small{ color:#b9cfdf!important; font-size:10.5px!important; } .infrastructure-page .infra-kpi-grid article{ min-height:112px!important; background:#fff!important; border:1px solid #dfe6ed!important; box-shadow:0 8px 22px rgba(14,44,72,.07)!important; } .infrastructure-page .infra-kpi-grid article.critical{ border-color:#ecd5b5!important; } .infrastructure-page .infra-kpi-grid article>span{ color:#70869a!important; } .infrastructure-page .infra-kpi-grid strong{ color:#102d47!important; font-size:30px!important; } .infrastructure-page .infra-kpi-grid small{ color:#7a8b9a!important; font-size:10.5px!important; } .infrastructure-page .infra-filter-bar b{ color:#17344f!important; font-size:15px!important; } .infrastructure-page .infra-filters button{ background:#fff!important; border:1px solid #d8e1e9!important; color:#50677b!important; box-shadow:0 2px 7px rgba(14,44,72,.04); } .infrastructure-page .infra-filters button.active, .infrastructure-page .infra-filters button:hover{ background:#0e3a5e!important; border-color:#0e3a5e!important; color:#fff!important; } .infrastructure-page .infra-panel{ background:#fff!important; border:1px solid #dfe6ed!important; box-shadow:0 10px 28px rgba(14,44,72,.07)!important; } .infrastructure-page .infra-panel-head{ border-bottom:1px solid #edf1f5!important; } .infrastructure-page .infra-panel-head h3{ color:#17344f!important; font-size:17px!important; } .infrastructure-page .infra-panel-head p{ color:#738596!important; font-size:10.5px!important; } .infrastructure-page .infra-no-evidence{ color:#657b8e!important; background:#f6f8fa!important; border-color:#e0e7ed!important; } .infrastructure-page .infra-table th{ color:#74899b!important; border-bottom-color:#e7edf2!important; background:#fbfcfd!important; } .infrastructure-page .infra-table td{ color:#52697c!important; border-bottom-color:#edf1f4!important; } .infrastructure-page .infra-table td strong{ color:#17344f!important; } .infrastructure-page .infra-table td small{ color:#80909d!important; } .infrastructure-page .infra-code{ color:#1768a5!important; } .infrastructure-page .infra-row-action{ background:#eef6fc!important; border-color:#cfe2f1!important; color:#1768a5!important; } .infrastructure-page .infra-empty-row strong{ color:#40586d!important; } .infrastructure-page .infra-empty-row span{ color:#8493a0!important; } .infrastructure-page .infra-load-state{ background:#fff8ed!important; border-color:#efd6ae!important; color:#815b22!important; } .infrastructure-page .infra-head-actions .btn:not(.primary){ background:#fff!important; color:#17344f!important; border:1px solid #d8e1e9!important; box-shadow:0 3px 10px rgba(14,44,72,.05); } @media(max-width:720px){ .infrastructure-page .infra-page-head h2{font-size:25px!important} .infrastructure-page .infra-page-head p{font-size:11.5px!important} .infrastructure-page .infra-kpi-grid strong{font-size:26px!important} } /* V39.68.0 — Scope filters + recurrence intelligence */ .infrastructure-page .infra-filter-panel{ margin:0 0 14px; padding:15px 16px 16px; border:1px solid #dfe6ed; border-radius:14px; background:#fff; box-shadow:0 8px 22px rgba(14,44,72,.055); } .infrastructure-page .infra-filter-title{margin-bottom:12px} .infrastructure-page .infra-filter-title>span{display:block;color:#71869a;font-size:9px;letter-spacing:.14em;font-weight:850} .infrastructure-page .infra-filter-title>b{display:block;color:#17344f;font-size:14px;margin-top:4px} .infrastructure-page .infra-scope-filters{display:grid;grid-template-columns:1.1fr 1.5fr 1.15fr 1.1fr 1fr auto;gap:9px;align-items:end} .infrastructure-page .infra-scope-filters label{color:#60778b;font-size:9px;font-weight:800;letter-spacing:.04em} .infrastructure-page .infra-scope-filters select{ display:block;width:100%;box-sizing:border-box;margin-top:5px;padding:9px 10px;border:1px solid #d8e1e9;border-radius:9px;background:#fbfcfd;color:#17344f;font:inherit;font-size:10.5px;outline:none; } .infrastructure-page .infra-scope-filters select:focus{border-color:#78a9ca;box-shadow:0 0 0 3px rgba(43,126,184,.09)} .infrastructure-page .infra-scope-filters select:disabled{background:#f1f4f7;color:#8392a0;cursor:not-allowed} .infrastructure-page .infra-filter-reset{height:34px;padding:0 12px;border:1px solid #d8e1e9;border-radius:9px;background:#f6f8fa;color:#4e6679;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap} .infrastructure-page .infra-filter-reset:hover{background:#eef4f8;color:#17344f} .infrastructure-page .infra-store-indicators-panel{margin-top:14px}.infrastructure-page .infra-store-indicator-list{display:grid;grid-template-columns:1fr}.infrastructure-page .infra-store-indicator-row{display:grid;grid-template-columns:34px minmax(180px,1fr) repeat(4,minmax(75px,100px));gap:12px;align-items:center;padding:13px 18px;border-bottom:1px solid #edf1f4}.infrastructure-page .infra-store-indicator-row:last-child{border-bottom:0}.infrastructure-page .infra-store-rank{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#eef5fa;color:#39749b;font-size:9px;font-weight:900}.infrastructure-page .infra-store-main strong{display:block;color:#17344f;font-size:11px}.infrastructure-page .infra-store-main small{display:block;color:#7b8d9b;font-size:9px;margin-top:3px}.infrastructure-page .infra-store-indicator-row>div:not(.infra-store-main):not(.infra-store-rank){text-align:right}.infrastructure-page .infra-store-indicator-row span{display:block;color:#7b8d9b;font-size:8px;text-transform:uppercase;letter-spacing:.06em}.infrastructure-page .infra-store-indicator-row b{display:block;color:#0e5d8e;font-size:15px;margin-top:2px}.infrastructure-page .infra-row-actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.infrastructure-page .infra-row-action.danger{color:#9b3f3f;border-color:#ecd2d2;background:#fff8f8}.infrastructure-page .infra-row-action.danger:hover{background:#fff0f0;border-color:#d9aaaa} .infrastructure-page .infra-analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px} .infrastructure-page .infra-ranking-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid #edf1f4} .infrastructure-page .infra-ranking-row:last-child{border-bottom:0} .infrastructure-page .infra-rank{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:#eef5fa;color:#39749b;font-size:9px;font-weight:900} .infrastructure-page .infra-ranking-row strong{display:block;color:#17344f;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .infrastructure-page .infra-ranking-row small{display:block;color:#7b8d9b;font-size:9px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .infrastructure-page .infra-ranking-row>b{color:#0e5d8e;font-size:13px;white-space:nowrap} @media(max-width:1120px){ .infrastructure-page .infra-scope-filters{grid-template-columns:repeat(3,minmax(0,1fr))} .infrastructure-page .infra-filter-reset{width:100%} } @media(max-width:720px){ .infrastructure-page .infra-scope-filters{grid-template-columns:1fr 1fr} .infrastructure-page .infra-analytics-grid{grid-template-columns:1fr} .infrastructure-page .infra-ranking-row{padding:11px 14px} .infrastructure-page .infra-ranking-row strong{font-size:10.5px} .infrastructure-page .infra-ranking-row small{font-size:8.5px} } /* ============================================================ V42.14 — MOBILE EXPERIENCE POLISH Tela pequena com composição própria. Desktop/tablet não são alterados por esta camada. ============================================================ */ @media (max-width:700px){ /* Relatórios: o escopo participa do fluxo normal; nunca flutua sobre o cabeçalho do gerador. */ #relatorios > .regional-page-bar{ position:relative!important; top:auto!important; z-index:2!important; flex:none!important; } #relatorios > .report-hero{ position:relative!important; z-index:1!important; overflow:hidden!important; min-width:0!important; } #relatorios .report-hero > div:first-child{min-width:0!important;width:100%!important} #relatorios .report-hero .report-kicker{white-space:normal!important;line-height:1.35!important} #relatorios .report-hero p{max-width:none!important;overflow-wrap:anywhere!important} /* Escopo regional: catálogo visível e navegável por toque. */ #relatorios .regional-page-switch{ display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important; align-items:stretch!important; width:100%!important; min-width:0!important; max-width:100%!important; overflow-x:auto!important; overflow-y:hidden!important; -webkit-overflow-scrolling:touch!important; scrollbar-width:none!important; gap:6px!important; padding:2px 1px 5px!important; } #relatorios .regional-page-switch::-webkit-scrollbar{display:none!important} #relatorios .regional-page-switch button{ flex:0 0 auto!important; min-width:82px!important; min-height:40px!important; white-space:nowrap!important; padding:0 11px!important; } #relatorios .regional-page-context{margin-bottom:8px!important} #relatorios .regional-page-context span{font-size:8px!important;letter-spacing:.12em!important} #relatorios .regional-page-context>b{font-size:12px!important;line-height:1.25!important} #relatorios .regional-page-context>small{font-size:9px!important} /* Configuração: uma coluna, sem campos espremidos. */ #relatorios .report-config{padding:14px!important;overflow:hidden!important} #relatorios .report-config .section-head{margin-bottom:12px!important} #relatorios .report-config .section-head h3{font-size:12px!important} #relatorios .report-config .section-head span{font-size:9px!important;line-height:1.4!important} #relatorios .report-fields{display:grid!important;grid-template-columns:1fr!important;gap:10px!important} #relatorios .report-fields .field{min-width:0!important;width:100%!important} #relatorios .report-fields label{font-size:8px!important} #relatorios .report-fields input, #relatorios .report-fields select{width:100%!important;min-width:0!important;min-height:44px!important;box-sizing:border-box!important;font-size:13px!important} #relatorios .report-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:12px!important} #relatorios .report-actions .btn{width:100%!important;min-height:44px!important} /* Dashboard: primeiro bloco curto, legível e sem cartão lateral dominante. */ #dashboard .kes-welcome-wrap{gap:8px!important} #dashboard .kes-welcome-banner{padding:15px!important;border-radius:14px!important} #dashboard .kes-welcome-banner h2{font-size:19px!important;line-height:1.16!important} #dashboard .kes-welcome-banner p{font-size:10.5px!important;line-height:1.45!important;margin-bottom:0!important} #dashboard .kes-welcome-result{margin-top:10px!important;padding-top:8px!important} #dashboard .kes-operation-card{padding:13px 14px!important;border-radius:14px!important} #dashboard .kes-operation-kicker{font-size:8px!important;letter-spacing:.12em!important} #dashboard .kes-operation-card h3{font-size:14px!important;line-height:1.22!important;margin:5px 0!important} #dashboard .kes-operation-card p{font-size:9.5px!important;line-height:1.42!important} /* Infraestrutura: filtros e análises passam a priorizar leitura/touch. */ .infrastructure-page .infra-page-head{gap:10px!important} .infrastructure-page .infra-page-head h2{font-size:22px!important;line-height:1.12!important} .infrastructure-page .infra-page-head p{font-size:10.5px!important;line-height:1.45!important} .infrastructure-page .infra-head-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:7px!important} .infrastructure-page .infra-head-actions .btn{width:100%!important} .infrastructure-page .infra-filter-panel{padding:13px!important;border-radius:13px!important} .infrastructure-page .infra-scope-filters select{min-height:42px!important;font-size:12px!important} .infrastructure-page .infra-filter-reset{min-height:42px!important} .infrastructure-page .infra-ranking-row{grid-template-columns:28px minmax(0,1fr) auto!important}.infrastructure-page .infra-store-indicator-row{grid-template-columns:30px minmax(0,1fr) repeat(2,1fr);gap:8px;padding:11px 14px}.infrastructure-page .infra-store-indicator-row>div:nth-child(n+5){display:none}.infrastructure-page .infra-store-indicator-row>div:not(.infra-store-main):not(.infra-store-rank){text-align:right} } @media (max-width:430px){ #relatorios > .regional-page-bar{padding:9px!important;margin-bottom:8px!important} #relatorios .regional-page-switch button{min-width:78px!important;padding:0 9px!important;font-size:10px!important} #relatorios .report-hero{padding:13px!important;margin-bottom:8px!important} #relatorios .report-hero h2{font-size:18px!important;line-height:1.14!important} #relatorios .report-hero p{font-size:10px!important} #dashboard.ceo-dashboard{padding-left:5px!important;padding-right:5px!important} #dashboard .kes-welcome-banner h2{font-size:18px!important} #dashboard .kes-welcome-banner p{font-size:10px!important} #dashboard .kes-operation-card h3{font-size:13.5px!important} .infrastructure-page .infra-scope-filters{grid-template-columns:1fr!important}.infrastructure-page .infra-store-indicator-row{grid-template-columns:28px minmax(0,1fr) repeat(2,1fr)!important}.infrastructure-page .infra-store-indicator-row>div:nth-child(n+5){display:none!important} .infrastructure-page .infra-kpi-grid{grid-template-columns:1fr 1fr!important;gap:7px!important} .infrastructure-page .infra-kpi-grid article{min-width:0!important;padding:10px!important} .infrastructure-page .infra-kpi-grid strong{font-size:21px!important} } /* V39.67.x — Executive infrastructure reading: isolated to Infraestrutura */ .infrastructure-page .infra-exec-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 18px 16px} .infrastructure-page .infra-exec-kpi{border:1px solid #e6edf2;border-radius:12px;background:#fbfcfd;padding:12px 14px;min-width:0} .infrastructure-page .infra-exec-kpi span{display:block;color:#7a8d9b;font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase} .infrastructure-page .infra-exec-kpi b{display:block;color:#17344f;font-size:22px;line-height:1.1;margin-top:5px} .infrastructure-page .infra-exec-kpi b.health-good{color:#287354}.infrastructure-page .infra-exec-kpi b.health-attention{color:#9a6a18}.infrastructure-page .infra-exec-kpi b.health-critical{color:#a44545} .infrastructure-page .infra-exec-kpi small{display:block;color:#8b9aa5;font-size:9px;margin-top:4px} .infrastructure-page .infra-store-indicator-head{display:grid;grid-template-columns:34px minmax(180px,1fr) repeat(4,minmax(100px,1fr));gap:12px;padding:0 18px 8px;border-bottom:1px solid #e7edf1;color:#8a9aa6;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase} .infrastructure-page .infra-store-indicator-row{grid-template-columns:34px minmax(180px,1fr) repeat(4,minmax(100px,1fr));gap:12px;padding:13px 18px;align-items:center} .infrastructure-page .infra-store-indicator-row>div:not(.infra-store-main):not(.infra-store-rank){text-align:right} .infrastructure-page .infra-store-indicator-row span{display:block;color:#7b8d9b;font-size:8px;text-transform:uppercase;letter-spacing:.06em} .infrastructure-page .infra-store-indicator-row b{display:block;color:#17344f;font-size:15px;margin-top:2px} .infrastructure-page .infra-store-indicator-row small{display:block;color:#8998a3;font-size:8px;margin-top:3px} .infrastructure-page .infra-store-indicator-row .infra-indicator-health b{font-size:20px} .infrastructure-page .infra-store-indicator-row.health-good .infra-indicator-health b{color:#287354}.infrastructure-page .infra-store-indicator-row.health-attention .infra-indicator-health b{color:#9a6a18}.infrastructure-page .infra-store-indicator-row.health-critical .infra-indicator-health b{color:#a44545} .infrastructure-page .infra-store-indicator-row.health-critical{background:linear-gradient(90deg,#fffafa,transparent)} .infrastructure-page .infra-store-indicator-row.health-attention{background:linear-gradient(90deg,#fffdf7,transparent)} @media(max-width:900px){ .infrastructure-page .infra-exec-summary{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 14px 14px} .infrastructure-page .infra-store-indicator-head{display:none} .infrastructure-page .infra-store-indicator-row{grid-template-columns:28px minmax(120px,1fr) repeat(2,minmax(70px,1fr));gap:8px;padding:12px 14px} .infrastructure-page .infra-store-indicator-row>div:nth-child(n+5){display:none} .infrastructure-page .infra-store-indicator-row .infra-indicator-health b{font-size:18px} } @media(max-width:560px){ .infrastructure-page .infra-exec-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0 10px 12px} .infrastructure-page .infra-exec-kpi{padding:10px}.infrastructure-page .infra-exec-kpi b{font-size:18px}.infrastructure-page .infra-exec-kpi small{font-size:8px} .infrastructure-page .infra-store-indicator-row{grid-template-columns:26px minmax(105px,1fr) 62px 62px;gap:6px;padding:10px} .infrastructure-page .infra-store-main strong{font-size:10px}.infrastructure-page .infra-store-main small{font-size:8px} .infrastructure-page .infra-store-indicator-row span{font-size:7px}.infrastructure-page .infra-store-indicator-row b{font-size:13px}.infrastructure-page .infra-store-indicator-row small{font-size:7px} .infrastructure-page .infra-store-indicator-row .infra-indicator-health b{font-size:16px} } /* Infraestrutura — ação operacional de finalização do reparo */ .infrastructure-page .infra-row-action.success{ color:#287354; border-color:#cfe7da; background:#f5fbf7; } .infrastructure-page .infra-row-action.success:hover{ background:#eaf7ef; border-color:#9fcfb3; } @media(max-width:720px){ .infrastructure-page .infra-row-actions{align-items:stretch} .infrastructure-page .infra-row-action{min-height:30px} } /* V39.67.x — Refinamento executivo dos indicadores de Infraestrutura. Isolado ao módulo Infraestrutura; não altera os demais módulos. */ .infrastructure-page .infra-store-indicators-panel{ border:1px solid #dfe8ee; background:linear-gradient(180deg,#ffffff 0%,#fbfcfd 100%); box-shadow:0 12px 32px rgba(20,49,72,.06); overflow:hidden; } .infrastructure-page .infra-store-indicators-panel .infra-panel-head{ padding:20px 20px 16px; border-bottom:1px solid #edf2f5; background:linear-gradient(180deg,#ffffff,#fbfdfe); } .infrastructure-page .infra-store-indicators-panel .infra-panel-head h3{ font-size:16px; letter-spacing:-.02em; color:#12324d; margin-top:5px; } .infrastructure-page .infra-store-indicators-panel .infra-panel-head p{ max-width:760px; color:#718493; line-height:1.5; } .infrastructure-page .infra-store-indicators-panel .infra-no-evidence{ border:1px solid #dce9f0; background:#f6fafc; color:#52738a; padding:7px 10px; border-radius:999px; font-size:8px; letter-spacing:.08em; } .infrastructure-page .infra-exec-summary{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; padding:16px 18px 14px; background:#f8fafb; border-bottom:1px solid #edf2f5; } .infrastructure-page .infra-exec-kpi{ position:relative; min-height:72px; padding:13px 15px 12px 16px; border:1px solid #e3ebef; border-radius:14px; background:#fff; box-shadow:0 5px 16px rgba(26,55,76,.035); overflow:hidden; } .infrastructure-page .infra-exec-kpi:before{ content:""; position:absolute; left:0;top:0;bottom:0;width:3px; background:#75a9c5; } .infrastructure-page .infra-exec-kpi:nth-child(1):before{background:#2d9b74} .infrastructure-page .infra-exec-kpi:nth-child(2):before{background:#d69a2d} .infrastructure-page .infra-exec-kpi:nth-child(3):before{background:#4d86aa} .infrastructure-page .infra-exec-kpi:nth-child(4):before{background:#8c75b7} .infrastructure-page .infra-exec-kpi span{font-size:8px;letter-spacing:.1em;color:#718694} .infrastructure-page .infra-exec-kpi b{font-size:23px;line-height:1;margin-top:6px;color:#173b56} .infrastructure-page .infra-exec-kpi small{font-size:8.5px;color:#8a99a4;margin-top:5px} .infrastructure-page .infra-store-indicator-head{ display:grid; grid-template-columns:42px minmax(190px,1.5fr) minmax(150px,1.15fr) minmax(160px,1.2fr) minmax(105px,.8fr) minmax(105px,.8fr); gap:14px; align-items:center; padding:12px 20px 9px; background:#fff; border-bottom:1px solid #e8eef2; color:#8797a3; font-size:7.5px; font-weight:900; letter-spacing:.1em; } .infrastructure-page .infra-store-indicator-list{background:#fff} .infrastructure-page .infra-store-indicator-row{ position:relative; display:grid; grid-template-columns:42px minmax(190px,1.5fr) minmax(150px,1.15fr) minmax(160px,1.2fr) minmax(105px,.8fr) minmax(105px,.8fr); gap:14px; align-items:center; min-height:76px; padding:12px 20px; border-bottom:1px solid #edf2f5; background:#fff; transition:background .16s ease,box-shadow .16s ease; } .infrastructure-page .infra-store-indicator-row:last-child{border-bottom:0} .infrastructure-page .infra-store-indicator-row:hover{ background:#f9fbfc; box-shadow:inset 3px 0 0 #5d9bbd; } .infrastructure-page .infra-store-indicator-row.health-critical{background:linear-gradient(90deg,#fffafa 0,#fff 28%)} .infrastructure-page .infra-store-indicator-row.health-attention{background:linear-gradient(90deg,#fffdf8 0,#fff 28%)} .infrastructure-page .infra-store-rank{ width:32px;height:32px; border-radius:10px; display:grid;place-items:center; background:#f0f5f8; border:1px solid #e0e9ee; color:#54758a; font-size:9px;font-weight:900; } .infrastructure-page .infra-store-main{min-width:0;text-align:left!important} .infrastructure-page .infra-store-name-line{display:flex;align-items:center;gap:7px;min-width:0} .infrastructure-page .infra-store-main strong{font-size:12px;color:#173b56;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .infrastructure-page .infra-store-main small{font-size:8.5px;color:#8797a3;margin-top:4px} .infrastructure-page .infra-store-health-dot{width:7px;height:7px;border-radius:50%;flex:none;box-shadow:0 0 0 3px rgba(45,155,116,.08)} .infrastructure-page .infra-store-health-dot.health-good{background:#2d9b74} .infrastructure-page .infra-store-health-dot.health-attention{background:#d69a2d;box-shadow:0 0 0 3px rgba(214,154,45,.1)} .infrastructure-page .infra-store-health-dot.health-critical{background:#c75b5b;box-shadow:0 0 0 3px rgba(199,91,91,.1)} .infrastructure-page .infra-indicator-health{display:flex;align-items:center;gap:10px;text-align:left!important} .infrastructure-page .infra-health-ring{ --health:0; width:44px;height:44px;flex:none;border-radius:50%; display:grid;place-items:center;position:relative; background:conic-gradient(#2d9b74 calc(var(--health)*1%),#e8eef1 0); box-shadow:inset 0 0 0 6px #fff; } .infrastructure-page .infra-health-ring:after{content:"";position:absolute;inset:6px;border-radius:50%;background:#fff;z-index:0} .infrastructure-page .infra-health-ring b{position:relative;z-index:1;font-size:13px!important;color:#287354!important;line-height:1;margin:0!important} .infrastructure-page .infra-health-ring span{position:absolute;z-index:1;top:28px;font-size:5px;color:#82929c} .infrastructure-page .infra-health-ring.health-attention{background:conic-gradient(#d69a2d calc(var(--health)*1%),#edf0ee 0)} .infrastructure-page .infra-health-ring.health-attention b{color:#9a6a18!important} .infrastructure-page .infra-health-ring.health-critical{background:conic-gradient(#c75b5b calc(var(--health)*1%),#f0eded 0)} .infrastructure-page .infra-health-ring.health-critical b{color:#a44545!important} .infrastructure-page .infra-indicator-health>div:last-child span, .infrastructure-page .infra-indicator-incidence span, .infrastructure-page .infra-indicator-recurrence span, .infrastructure-page .infra-indicator-sla span{ display:block;color:#84939e;font-size:7.5px;font-weight:900;letter-spacing:.09em;text-transform:uppercase; } .infrastructure-page .infra-indicator-health>div:last-child small, .infrastructure-page .infra-indicator-incidence small, .infrastructure-page .infra-indicator-recurrence small, .infrastructure-page .infra-indicator-sla small{ display:block;color:#8b99a3;font-size:8px;line-height:1.35;margin-top:4px; } .infrastructure-page .infra-indicator-health>div:last-child small{max-width:90px} .infrastructure-page .infra-indicator-incidence,.infrastructure-page .infra-indicator-recurrence,.infrastructure-page .infra-indicator-sla{text-align:left!important} .infrastructure-page .infra-indicator-label{display:flex;align-items:baseline;justify-content:space-between;gap:8px} .infrastructure-page .infra-indicator-incidence .infra-indicator-label b{font-size:16px;color:#173b56;margin:0} .infrastructure-page .infra-progress{height:5px;margin:7px 0 4px;border-radius:99px;background:#edf2f4;overflow:hidden} .infrastructure-page .infra-progress i{display:block;height:100%;border-radius:99px;background:#5c9dbc} .infrastructure-page .infra-indicator-recurrence b,.infrastructure-page .infra-indicator-sla b{display:block;font-size:16px;color:#173b56;margin-top:4px} .infrastructure-page .infra-indicator-sla b{color:#287354} .infrastructure-page .health-attention .infra-indicator-sla b{color:#9a6a18} .infrastructure-page .health-critical .infra-indicator-sla b{color:#a44545} @media(max-width:1050px){ .infrastructure-page .infra-store-indicator-head,.infrastructure-page .infra-store-indicator-row{grid-template-columns:36px minmax(150px,1.3fr) minmax(130px,1fr) minmax(130px,1fr) 90px 90px;gap:10px} .infrastructure-page .infra-store-indicator-row{padding-left:14px;padding-right:14px} } @media(max-width:900px){ .infrastructure-page .infra-exec-summary{grid-template-columns:repeat(2,minmax(0,1fr))} .infrastructure-page .infra-store-indicator-head{display:none} .infrastructure-page .infra-store-indicator-row{grid-template-columns:34px minmax(0,1fr) 120px 100px;gap:10px;padding:12px 14px} .infrastructure-page .infra-store-indicator-row>div:nth-child(5),.infrastructure-page .infra-store-indicator-row>div:nth-child(6){display:none} .infrastructure-page .infra-indicator-health{justify-content:flex-end} } @media(max-width:560px){ .infrastructure-page .infra-store-indicators-panel .infra-panel-head{padding:16px 14px 13px} .infrastructure-page .infra-exec-summary{padding:12px 10px;gap:7px} .infrastructure-page .infra-exec-kpi{min-height:66px;padding:10px 11px} .infrastructure-page .infra-exec-kpi b{font-size:19px} .infrastructure-page .infra-store-indicator-row{grid-template-columns:30px minmax(0,1fr) 78px;gap:8px;padding:10px} .infrastructure-page .infra-store-indicator-row>div:nth-child(4){display:none} .infrastructure-page .infra-store-rank{width:28px;height:28px;border-radius:8px} .infrastructure-page .infra-store-main strong{font-size:10.5px} .infrastructure-page .infra-store-main small{font-size:7.5px} .infrastructure-page .infra-health-ring{width:40px;height:40px} .infrastructure-page .infra-health-ring b{font-size:12px!important} .infrastructure-page .infra-indicator-health>div:last-child{display:none} } /* V39.67.6 — Infraestrutura: disponibilidade operacional das regionais */ .infra-regional-control{margin:14px 0 18px;padding:20px;border:1px solid rgba(21,55,83,.10);border-radius:18px;background:linear-gradient(180deg,#ffffff 0%,#f8fbfd 100%);box-shadow:0 12px 32px rgba(16,42,67,.06)} .infra-regional-control[hidden]{display:none!important} .infra-regional-control-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px} .infra-regional-control-head span{display:block;font-size:10px;letter-spacing:.14em;font-weight:800;color:#0b8f72;margin-bottom:5px} .infra-regional-control-head h3{margin:0;font-size:18px;color:#17324d} .infra-regional-control-head p{margin:6px 0 0;max-width:760px;font-size:12px;line-height:1.55;color:#6d7e8e} .infra-regional-control-meta{min-width:104px;padding:10px 13px;border:1px solid #e4edf2;border-radius:14px;background:#fff;text-align:right} .infra-regional-control-meta b{display:block;font-size:22px;line-height:1;color:#0b8f72} .infra-regional-control-meta span{display:block;margin-top:4px;font-size:10px;color:#7b8995} .infra-regional-control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .infra-regional-control-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border:1px solid #e6edf2;border-radius:14px;background:#fff;transition:.18s ease} .infra-regional-control-card:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(16,42,67,.06)} .infra-regional-control-card.is-inactive{background:#f6f8fa;border-color:#e5e8eb;opacity:.78} .infra-regional-control-card-main{display:flex;align-items:center;gap:10px;min-width:0} .infra-regional-status-dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#13a67e;box-shadow:0 0 0 4px rgba(19,166,126,.10)} .is-inactive .infra-regional-status-dot{background:#a9b3bb;box-shadow:0 0 0 4px rgba(169,179,187,.12)} .infra-regional-control-card-main strong{display:block;font-size:13px;color:#18344f} .infra-regional-control-card-main span{display:block;margin-top:2px;font-size:10px;color:#788997} .infra-regional-control-card-main small{display:block;margin-top:3px;font-size:10px;color:#99a5ae} .infra-regional-control-card-action{text-align:right;flex:0 0 auto} .infra-regional-control-card-action>span{display:block;margin-bottom:5px;font-size:9px;letter-spacing:.08em;font-weight:800;color:#0b8f72} .is-inactive .infra-regional-control-card-action>span{color:#89959d} .infra-regional-toggle{position:relative;width:42px;height:23px;border:0;border-radius:99px;background:#cbd4da;cursor:pointer;padding:0;transition:.18s ease} .infra-regional-toggle i{position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.16);transition:.18s ease} .infra-regional-toggle.on{background:#0b9b78} .infra-regional-toggle.on i{left:22px} @media(max-width:900px){.infra-regional-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.infra-regional-control-head{flex-direction:column}.infra-regional-control-meta{text-align:left}} @media(max-width:620px){.infra-regional-control{padding:15px;border-radius:15px}.infra-regional-control-grid{grid-template-columns:1fr}.infra-regional-control-card{padding:12px}.infra-regional-control-head h3{font-size:16px}.infra-regional-control-head p{font-size:11px}.infra-regional-control-meta{width:max-content;min-width:90px}} /* V39.67.10 — Governança de Escopo Global: controle administrativo fora dos módulos operacionais */ .scope-governance-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin:0 0 14px;padding:22px 24px;border-radius:20px;background:linear-gradient(135deg,#0e2c48 0%,#173f60 58%,#0f6c68 100%);color:#fff;box-shadow:0 16px 36px rgba(14,44,72,.16)} .scope-governance-kicker{font-size:9px;letter-spacing:.16em;font-weight:900;color:#a8d8ce;margin-bottom:7px}.scope-governance-hero h2{margin:0;font-size:25px;letter-spacing:-.03em}.scope-governance-hero p{max-width:760px;margin:7px 0 0;color:rgba(255,255,255,.72);font-size:11px;line-height:1.55}.scope-governance-badge{min-width:145px;padding:11px 13px;border:1px solid rgba(255,255,255,.15);border-radius:13px;background:rgba(255,255,255,.08);text-align:right}.scope-governance-badge span{display:block;font-size:8px;letter-spacing:.13em;color:rgba(255,255,255,.58)}.scope-governance-badge b{display:block;margin-top:5px;font-size:11px;color:#fff} .scope-governance-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.scope-governance-summary article{padding:13px 15px;border:1px solid #e3e9ee;border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(16,42,67,.04)}.scope-governance-summary span{display:block;font-size:8px;letter-spacing:.1em;font-weight:900;color:#8795a2}.scope-governance-summary b{display:block;margin-top:6px;font-size:21px;line-height:1;color:#17324d}.scope-governance-summary small{display:block;margin-top:5px;color:#8a97a3;font-size:9px} .scope-governance-panel{padding:18px;border:1px solid #e3e9ee;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(16,42,67,.05)}.scope-governance-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:15px}.scope-governance-panel-head span{display:block;font-size:8px;letter-spacing:.14em;font-weight:900;color:#0b9274}.scope-governance-panel-head h3{margin:5px 0 0;font-size:17px;color:#17324d}.scope-governance-panel-head p{max-width:820px;margin:5px 0 0;color:#758492;font-size:10.5px;line-height:1.5}.scope-governance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.scope-governance-card{padding:14px;border:1px solid #e4ebef;border-radius:15px;background:#fbfcfd;transition:.18s ease}.scope-governance-card:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(16,42,67,.06)}.scope-governance-card.is-inactive{background:#f5f7f8;border-color:#e3e7ea}.scope-governance-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.scope-governance-status{display:flex;align-items:center;gap:9px;min-width:0}.scope-governance-status i{width:9px;height:9px;border-radius:50%;background:#13a67e;box-shadow:0 0 0 4px rgba(19,166,126,.1);flex:0 0 9px}.is-inactive .scope-governance-status i{background:#a7b1b8;box-shadow:0 0 0 4px rgba(167,177,184,.1)}.scope-governance-status span{display:block;font-size:8px;letter-spacing:.12em;font-weight:900;color:#0b9274}.scope-governance-card.is-inactive .scope-governance-status span{color:#87939d}.scope-governance-status b{display:block;margin-top:3px;font-size:12px;color:#17344f}.scope-governance-state{padding:4px 7px;border-radius:99px;background:#e7f6f1;color:#0b8e70;font-size:7px;font-weight:900;letter-spacing:.08em}.is-inactive .scope-governance-state{background:#e9edef;color:#7e8992}.scope-governance-card-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 12px;padding-top:11px;border-top:1px solid #e8edf1}.scope-governance-card-meta span{display:block;font-size:7px;letter-spacing:.1em;color:#8996a2;font-weight:900}.scope-governance-card-meta b{display:block;margin-top:4px;font-size:12px;color:#30485e}.scope-governance-card-foot{display:flex;align-items:center;justify-content:space-between;gap:9px}.scope-governance-card-foot small{max-width:190px;color:#7e8d99;font-size:8.5px;line-height:1.4}.scope-governance-toggle{display:flex;align-items:center;gap:7px;border:0;background:transparent;cursor:pointer;padding:2px 0;color:#0b8f72;font-size:8px;font-weight:900}.scope-governance-toggle.off{color:#687680}.scope-governance-toggle i{position:relative;width:38px;height:21px;border-radius:99px;background:#cbd3d8;display:block}.scope-governance-toggle i:after{content:"";position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.14);transition:.18s ease}.scope-governance-toggle.on i{background:#0b9b78}.scope-governance-toggle.on i:after{left:20px}.scope-governance-note{display:flex;align-items:flex-start;gap:11px;margin-top:12px;padding:13px 15px;border:1px solid #dcebe7;border-radius:14px;background:#f5fbf9}.scope-governance-note-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:#dff3ed;color:#0b8f72;font-weight:900}.scope-governance-note span{display:block;font-size:7px;letter-spacing:.13em;font-weight:900;color:#0b9274}.scope-governance-note b{display:block;margin-top:4px;font-size:10px;color:#29455b}.scope-governance-note p{margin:3px 0 0;color:#778793;font-size:9px;line-height:1.45}.scope-governance-empty{padding:30px;text-align:center;color:#82909c;font-size:10px} @media(max-width:900px){.scope-governance-summary{grid-template-columns:repeat(2,1fr)}.scope-governance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scope-governance-hero{align-items:flex-start;flex-direction:column}.scope-governance-badge{text-align:left}} @media(max-width:620px){.scope-governance-hero{padding:17px;border-radius:16px}.scope-governance-hero h2{font-size:20px}.scope-governance-hero p{font-size:10px}.scope-governance-summary{grid-template-columns:1fr 1fr;gap:7px}.scope-governance-summary article{padding:11px}.scope-governance-panel{padding:13px;border-radius:15px}.scope-governance-panel-head{flex-direction:column}.scope-governance-panel-head .btn{width:100%}.scope-governance-grid{grid-template-columns:1fr}.scope-governance-card-foot{align-items:flex-end}.scope-governance-card-foot small{max-width:165px}} /* ===== V39.68.2 — MOBILE HEADER + REPORT ISOLATION HARDENING ===== Correção cirúrgica: 1) Gerador de relatórios não interfere visualmente nas demais páginas. 2) Status "Sistema online" não sobrepõe "Atualizar". 3) Mobile usa fluxo vertical previsível para ações do cabeçalho. Sem alteração de dados, permissões, escopo ou RLS. */ @media (max-width:700px){ /* Cada página fica estritamente responsável pelo próprio conteúdo. */ .main > .page{ position:relative!important; float:none!important; clear:both!important; } .main > .page:not(.active){ display:none!important; visibility:hidden!important; pointer-events:none!important; } .main > .page.active{ display:block!important; visibility:visible!important; pointer-events:auto!important; } /* O gerador só pode existir visualmente dentro da página de relatórios. */ #relatorios:not(.active), #relatorios[aria-hidden="true"]{ display:none!important; visibility:hidden!important; pointer-events:none!important; } /* Cabeçalho mobile: status em uma linha; ações abaixo, sem sobreposição. */ .top .actions{ width:100%!important; min-width:0!important; max-width:100%!important; overflow:visible!important; } .action-row{ width:100%!important; min-width:0!important; display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; grid-auto-flow:row!important; align-items:center!important; gap:8px!important; } .action-row .system-status{ grid-column:1 / -1!important; grid-row:1!important; width:100%!important; min-width:0!important; max-width:100%!important; box-sizing:border-box!important; overflow:hidden!important; display:flex!important; align-items:center!important; } .action-row .system-status > div{ min-width:0!important; overflow:hidden!important; } .action-row .system-status span, .action-row .system-status small{ overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } .action-row #refreshDataBtn{ grid-column:1!important; grid-row:2!important; width:100%!important; min-width:0!important; margin:0!important; } .action-row #logoutBtn{ grid-column:2!important; grid-row:2!important; width:100%!important; min-width:0!important; margin:0!important; } .action-row #saveBtn{ grid-column:1 / -1!important; grid-row:3!important; width:100%!important; min-width:0!important; margin:0!important; } .action-row .save-state{ grid-column:1 / -1!important; grid-row:4!important; width:100%!important; min-width:0!important; box-sizing:border-box!important; } /* Relatórios: composição isolada e sem posicionamento sobre outras abas. */ #relatorios{ position:relative!important; isolation:isolate!important; z-index:1!important; overflow:visible!important; } #relatorios > *{ position:relative; } } @media (max-width:420px){ .action-row{ grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:7px!important; } .action-row .system-status{ padding-left:0!important; padding-right:0!important; } } /* ===== V40.3.1 — MOBILE REAL-WORLD HARDENING ===== Corrige visibilidade de páginas, cortes de conteúdo e composição do gerador. Não altera dados, permissões ou regras de negócio. */ @media (max-width:700px){ .main > .page{ float:none!important; clear:both!important; min-width:0!important; max-width:100%!important; box-sizing:border-box!important; } .main > .page:not(.active), .main > .page[aria-hidden="true"]{ display:none!important; visibility:hidden!important; pointer-events:none!important; } .main > .page.active, .main > .page[aria-hidden="false"]{ visibility:visible!important; pointer-events:auto!important; } .main > .page.active{ overflow-x:clip!important; overflow-y:visible!important; } /* O gerador só entra no fluxo quando a página realmente está ativa. */ #relatorios:not(.active), #relatorios[aria-hidden="true"]{ display:none!important; visibility:hidden!important; pointer-events:none!important; } #relatorios.active{ display:flex!important; } #relatorios .report-hero, #relatorios .report-config, #relatorios .executive-action-section, #relatorios .generated-report{ min-width:0!important; max-width:100%!important; box-sizing:border-box!important; overflow:visible!important; } #relatorios .report-hero{ overflow:hidden!important; } #relatorios .report-stamp, #relatorios .report-stamp *{ max-width:100%!important; overflow-wrap:anywhere!important; } /* Controles do topo não podem criar largura além do viewport. */ .top,.top-context,.top-title-row,.top .actions,.context-row, .period-control,.period-main,.period-display-wrap{ min-width:0!important; max-width:100%!important; box-sizing:border-box!important; } .period-display-label{ overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } .top-title-row h1,.top-context .sub{ overflow-wrap:anywhere!important; } } /* Nunca permita que o modo mobile de relatórios substitua a regra de página ativa. */ @media (max-width:700px){ #relatorios.active > .report-hero{display:flex!important;} #relatorios:not(.active) > .report-hero{display:none!important;} }