:root {
      --bg-main: #0b0f17;
      --bg-card: #131924;
      --bg-sidebar: #0f141f;
      --border-color: rgba(255, 255, 255, 0.07);
      --border-hover: rgba(255, 255, 255, 0.15);
      
      --text-main: #f1f5f9;
      --text-muted: #94a3b8;
      
      --accent-green: #10b981;
      --accent-green-glow: rgba(16, 185, 129, 0.25);
      --accent-blue: #3b82f6;
      --accent-orange: #f59e0b;
      --accent-red: #ef4444;
      --accent-purple: #a855f7;
    }

    * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Inter', system-ui, -apple-system, sans-serif; }
    [data-lucide], .lucide { width: 17px; height: 17px; stroke-width: 1.8; flex: 0 0 auto; }
    .nav-item [data-lucide], .nav-item .lucide { width: 18px; height: 18px; }
    .card-icon [data-lucide], .card-icon .lucide { width: 18px; height: 18px; }
    .actions-cell button { color: var(--text-muted); }
    .actions-cell button:hover { color: var(--text-main); }
    .section-tab, .report-card h3, .config-item h3 { display: flex; align-items: center; gap: 8px; }
    .global-search { display: flex; align-items: center; gap: 8px; }
    
    body { 
      background-color: var(--bg-main); 
      color: var(--text-main); 
      min-height: 100vh;
      overflow-x: hidden;
    }

    ::-webkit-scrollbar { width: 8px; height: 8px; }
    ::-webkit-scrollbar-track { background: var(--bg-main); }
    ::-webkit-scrollbar-thumb { background: #1e293b; border-radius: 4px; }
    ::-webkit-scrollbar-thumb:hover { background: #334155; }

    .container { display: flex; min-height: 100vh; }

    .sidebar { 
      width: 250px; 
      background-color: var(--bg-sidebar); 
      border-right: 1px solid var(--border-color); 
      padding: 28px 18px; 
      display: flex; 
      flex-direction: column; 
      gap: 32px; 
    }

    .brand { display: flex; align-items: center; gap: 12px; padding-left: 6px; }
    .brand-icon {
      width: 36px; height: 36px; background: linear-gradient(135deg, var(--accent-green), #059669);
      border-radius: 8px; display: flex; align-items: center; justify-content: center;
      font-weight: 700; color: #fff; font-size: 1.1rem; box-shadow: 0 4px 12px var(--accent-green-glow);
    }
    .brand-icon img { width:100%; height:100%; display:block; object-fit:cover; border-radius:inherit; }
    .brand h2 { font-size: 1.15rem; color: #ffffff; font-weight: 600; letter-spacing: -0.3px; }

    .sidebar nav ul { list-style: none; display: flex; flex-direction: column; gap: 6px; }
    .sidebar nav li { 
      padding: 11px 16px; 
      border-radius: 8px; 
      cursor: pointer; 
      color: var(--text-muted); 
      font-size: 0.9rem; 
      font-weight: 500;
      transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); 
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .sidebar nav li:hover { background-color: rgba(255, 255, 255, 0.04); color: var(--text-main); }
    .sidebar nav li.active { 
      background: linear-gradient(90deg, rgba(16, 185, 129, 0.15) 0%, rgba(16, 185, 129, 0.02) 100%); 
      color: var(--accent-green); 
      font-weight: 600; 
      border-left: 3px solid var(--accent-green);
      border-radius: 4px 8px 8px 4px;
    }

    .content { flex: 1; padding: 36px 40px; display: flex; flex-direction: column; gap: 28px; overflow-y: auto; }
    
    .header { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; }
    .header h1 { font-size: 1.65rem; color: #ffffff; font-weight: 700; letter-spacing: -0.5px; }
    .header p { color: var(--text-muted); font-size: 0.88rem; margin-top: 4px; }
    .actions { display: flex; gap: 12px; }

    .view-section { display: flex; flex-direction: column; gap: 28px; }
    .view-section.hidden { display: none; }

    .btn { 
      padding: 10px 18px; 
      border-radius: 8px; 
      border: none; 
      font-weight: 600; 
      font-size: 0.85rem; 
      cursor: pointer; 
      transition: all 0.2s ease;
      display: inline-flex;
      align-items: center;
      gap: 8px;
    }
    .btn:hover { transform: translateY(-1px); }
    .btn:active { transform: translateY(0); }
    
    .btn-primary { 
      background: linear-gradient(135deg, #10b981, #059669); 
      color: #ffffff; 
      box-shadow: 0 4px 14px var(--accent-green-glow);
    }
    .btn-primary:hover { box-shadow: 0 6px 18px rgba(16, 185, 129, 0.35); }
    
    .btn-danger { background: rgba(239, 68, 68, 0.12); color: #f87171; border: 1px solid rgba(239, 68, 68, 0.25); }
    .btn-danger:hover { background: rgba(239, 68, 68, 0.2); }

    .btn-secondary { background: rgba(255, 255, 255, 0.05); color: var(--text-main); border: 1px solid var(--border-color); }
    .btn-secondary:hover { background: rgba(255, 255, 255, 0.1); }

    .cards-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 18px; }
    .card { 
      background-color: var(--bg-card); 
      border: 1px solid var(--border-color); 
      border-radius: 12px; 
      padding: 20px; 
      display: flex; 
      flex-direction: column; 
      gap: 12px; 
      transition: border-color 0.2s ease, transform 0.2s ease;
    }
    .card:hover { border-color: var(--border-hover); transform: translateY(-2px); }
    .card-action { cursor: pointer; }
    .card-action:focus-visible { outline: 2px solid #60a5fa; outline-offset: 3px; }
    .card-top { display: flex; justify-content: space-between; align-items: center; }
    .card span { font-size: 0.8rem; color: var(--text-muted); font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px; }
    .card h2 { font-size: 2rem; color: #ffffff; font-weight: 700; letter-spacing: -0.5px; }
    
    .card-icon { width: 34px; height: 34px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 1rem; }
    .icon-total { background: rgba(255, 255, 255, 0.05); color: #cbd5e1; }
    .icon-blue { background: rgba(59, 130, 246, 0.12); color: #60a5fa; }
    .icon-green { background: rgba(16, 185, 129, 0.12); color: #34d399; }
    .icon-orange { background: rgba(245, 158, 11, 0.12); color: #fbbf24; }
    .icon-red { background: rgba(239, 68, 68, 0.12); color: #f87171; }

    .table-container { 
      background-color: var(--bg-card); 
      border: 1px solid var(--border-color); 
      border-radius: 12px; 
      padding: 24px; 
      box-shadow: 0 10px 30px rgba(0,0,0,0.2);
      max-width: 100%;
    }
    .table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .table-scroll::-webkit-scrollbar { height: 8px; }
    .table-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 22px; flex-wrap: wrap; gap: 16px; }
    .table-header h3 { font-size: 1.1rem; color: #ffffff; font-weight: 600; letter-spacing: -0.3px; }
    
    .filters { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
    .filters select, .filters input { 
      background-color: var(--bg-main); 
      color: var(--text-main); 
      border: 1px solid var(--border-color); 
      padding: 9px 14px; 
      border-radius: 8px; 
      font-size: 0.85rem; 
      outline: none; 
      transition: all 0.2s ease; 
      max-width: 100%;
    }
    .filters select:focus, .filters input:focus { 
      border-color: var(--accent-green); 
      box-shadow: 0 0 0 3px var(--accent-green-glow); 
    }
    .filters input { width: 260px; }

    table { width: 100%; min-width: 1100px; border-collapse: collapse; text-align: left; font-size: 0.88rem; }
    th { color: var(--text-muted); padding: 14px 16px; border-bottom: 1px solid var(--border-color); font-weight: 600; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.6px; white-space: nowrap; }
    td { padding: 16px; border-bottom: 1px solid var(--border-color); color: #cbd5e1; }
    tbody tr { transition: background-color 0.15s ease; }
    tbody tr:hover { background-color: rgba(255, 255, 255, 0.02); }
    
    a.protocolo { color: #60a5fa; text-decoration: none; font-weight: 600; cursor: pointer; }
    a.protocolo:hover { text-decoration: underline; color: #93c5fd; }

    .badge { padding: 5px 12px; border-radius: 20px; font-size: 0.75rem; font-weight: 600; display: inline-flex; align-items: center; gap: 6px; }
    
    .badge-resolvido { background-color: rgba(16, 185, 129, 0.12); color: #34d399; border: 1px solid rgba(16, 185, 129, 0.25); }
    .badge-pendente { background-color: rgba(245, 158, 11, 0.12); color: #fbbf24; border: 1px solid rgba(245, 158, 11, 0.25); }
    .badge-andamento { background-color: rgba(59, 130, 246, 0.12); color: #60a5fa; border: 1px solid rgba(59, 130, 246, 0.25); }
    
    .badge-alta { background-color: rgba(239, 68, 68, 0.12); color: #f87171; border: 1px solid rgba(239, 68, 68, 0.25); }
    .badge-normal { background-color: rgba(255, 255, 255, 0.05); color: #94a3b8; border: 1px solid var(--border-color); }

    .badge-origem { background-color: rgba(255, 255, 255, 0.05); color: #94a3b8; border: 1px solid var(--border-color); }
    .badge-tecnico { background-color: rgba(168, 85, 247, 0.12); color: #c084fc; border: 1px solid rgba(168, 85, 247, 0.25); }

    .actions-cell { display: flex; gap: 10px; }
    .actions-cell button { 
      background: rgba(255, 255, 255, 0.04); 
      border: 1px solid var(--border-color); 
      border-radius: 6px;
      padding: 6px 8px;
      cursor: pointer; 
      font-size: 0.9rem; 
      transition: all 0.2s ease; 
    }
    .actions-cell button:hover { background: rgba(255, 255, 255, 0.1); transform: scale(1.05); }

    .modal-overlay { 
      position: fixed; top: 0; left: 0; width: 100%; height: 100%; 
      background: rgba(0, 0, 0, 0.75); 
      backdrop-filter: blur(4px);
      display: none; justify-content: center; align-items: center; z-index: 1000; 
      animation: fadeIn 0.2s ease;
    }
    @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

    .modal-overlay.active { display: flex; }
    
    .modal { 
      background: var(--bg-card); 
      border: 1px solid var(--border-hover); 
      border-radius: 14px; 
      padding: 28px; 
      width: 620px; 
      max-width: 92%; 
      max-height: 90vh;
      overflow-y: auto;
      display: flex; flex-direction: column; gap: 20px; 
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
    }
    .modal h3 { color: #fff; font-size: 1.25rem; font-weight: 600; letter-spacing: -0.3px; }
    .modal .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
    .datas-chamado {
      display: flex;
      gap: 20px;
      flex-wrap: wrap;
      background-color: rgba(255, 255, 255, 0.03);
      border: 1px solid var(--border-color);
      border-radius: 8px;
      padding: 10px 14px;
      margin-bottom: 18px;
      font-size: 0.82rem;
      color: var(--text-muted);
    }
    .datas-chamado strong { color: var(--text-main); }
    .datas-chamado span { display: inline-flex; align-items: center; gap: 7px; }
    .datas-chamado.hidden { display: none; }
    .modal .form-group { display: flex; flex-direction: column; gap: 6px; }
    .modal .form-group.full { grid-column: span 2; }
    .modal label { font-size: 0.8rem; color: var(--text-muted); font-weight: 500; }
    .modal input, .modal select, .modal textarea { 
      background: var(--bg-main); 
      border: 1px solid var(--border-color); 
      color: #fff; 
      padding: 10px 14px; 
      border-radius: 8px; 
      outline: none; 
      font-size: 0.88rem; 
      transition: border-color 0.2s ease;
    }
    .modal input:focus, .modal select:focus, .modal textarea:focus { border-color: var(--accent-green); }
    .modal textarea { resize: vertical; min-height: 80px; }
    .modal-actions { display: flex; justify-content: flex-end; gap: 12px; margin-top: 8px; }
    .consulta-cnpj-campo { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: stretch; }
    .consulta-cnpj-campo input { width: 100%; min-width: 0; }
    .consulta-cnpj-campo .btn { min-height: 40px; white-space: nowrap; }
    .consulta-cnpj-campo .btn:disabled { opacity: .68; cursor: wait; }
    .consulta-cnpj-status { display: block; padding: 8px 10px; border-radius: 8px; border: 1px solid var(--border-color); color: var(--text-muted); background: rgba(148,163,184,.07); line-height: 1.4; }
    .consulta-cnpj-status.sucesso { color: #6ee7b7; border-color: rgba(16,185,129,.3); background: rgba(16,185,129,.09); }
    .consulta-cnpj-status.aviso { color: #fbbf24; border-color: rgba(245,158,11,.32); background: rgba(245,158,11,.09); }
    .consulta-cnpj-status.erro { color: #fda4af; border-color: rgba(244,63,94,.32); background: rgba(244,63,94,.09); }
    .consulta-cnpj-status.carregando { color: #93c5fd; border-color: rgba(59,130,246,.28); background: rgba(59,130,246,.08); }
    .consulta-cnpj-spinner { width: 15px; height: 15px; border: 2px solid rgba(255,255,255,.28); border-top-color: currentColor; border-radius: 50%; animation: consultaCnpjGirar .75s linear infinite; }
    @keyframes consultaCnpjGirar { to { transform: rotate(360deg); } }

    .chamado-interacoes { grid-column: span 2; margin-top: 5px; padding-top: 20px; border-top: 1px solid var(--border-color); }
    .chamado-interacoes.hidden { display: none; }
    .interacoes-cabecalho { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 14px; }
    .interacoes-cabecalho h4 { margin: 0 0 3px; color: var(--text-main); font-size: 1rem; }
    .interacoes-cabecalho small { color: var(--text-muted); font-size: .76rem; }
    .interacoes-contador { flex: 0 0 auto; padding: 5px 10px; border-radius: 999px; color: #6ee7b7; background: rgba(16,185,129,.12); border: 1px solid rgba(16,185,129,.22); font-size: .72rem; font-weight: 700; }
    .interacao-form { display: grid; grid-template-columns: 145px minmax(210px,1fr) 175px; gap: 10px; align-items: end; padding: 14px; border-radius: 10px; background: rgba(255,255,255,.025); border: 1px solid var(--border-color); }
    .interacao-descricao { grid-column: span 2; }
    .modelo-select { margin-top: 7px; font-size: .78rem; }
    .interacao-anexo { display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 12px;border:1px dashed #36506e;border-radius:8px;color:#9fb4ce;cursor:pointer;font-size:.8rem; }
    .interacao-anexo:hover { border-color:#4f91ea;color:#d9e9ff;background:rgba(52,127,232,.08); }
    .interacao-anexo input { display:none; }
    .interacao-anexo svg { width:16px;height:16px; }
    .anexos-selecionados { grid-column:1/-1;color:#8fa5bf;font-size:.74rem;min-height:0; }
    .interacao-anexos { display:flex;flex-wrap:wrap;gap:7px;margin-top:10px; }
    .interacao-anexo-link { display:inline-flex;align-items:center;gap:6px;border:1px solid #29425f;background:#0d1b2b;color:#9fc7ff;border-radius:7px;padding:6px 9px;cursor:pointer;font-size:.72rem; }
    .interacao-anexo-link:hover { border-color:#347fe8;color:#fff; }
    .interacao-proximo-campo { grid-column: 1 / 3; min-width: 0; }
    .interacao-proximo-campo input { width: 100%; min-width: 0; color-scheme: dark; }
    .interacao-proximo-campo input::-webkit-calendar-picker-indicator { filter: invert(.8); cursor: pointer; }
    .interacao-data-hora { display:grid;grid-template-columns:minmax(150px,1fr) minmax(110px,.55fr);gap:9px; }
    .interacao-data-hora>label { display:flex;flex-direction:column;gap:4px;color:#7186a1;font-size:.68rem; }
    .interacao-data-hora input { height:40px;padding:0 10px;border:1px solid var(--border-color);border-radius:8px;background:#0a111c;color:#e3edf8; }
    .interacao-form .btn.hidden { display:none!important; }
    .interacao-interna { display: flex !important; flex-direction: row !important; align-items: center; gap: 7px; min-height: 40px; cursor: pointer; }
    .interacao-interna input { width: auto; accent-color: var(--accent-green); }
    .interacoes-lista { display: grid; gap: 10px; max-height: 280px; overflow-y: auto; margin-top: 14px; padding-right: 4px; }
    .interacao-item { position: relative; padding: 13px 78px 13px 15px; border: 1px solid var(--border-color); border-left: 3px solid var(--accent-blue); border-radius: 10px; background: rgba(11,15,23,.7); }
    .interacao-item.interna { border-left-color: var(--accent-orange); }
    .interacao-item-topo { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin-bottom: 6px; }
    .interacao-tipo { color: #93c5fd; font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .3px; }
    .interacao-item.interna .interacao-tipo { color: #fbbf24; }
    .interacao-meta { color: var(--text-muted); font-size: .72rem; }
    .interacao-texto { color: #e2e8f0; white-space: pre-wrap; overflow-wrap: anywhere; font-size: .86rem; line-height: 1.45; }
    .interacao-proximo { display: block; width: fit-content; margin-top: 8px; color: #fbbf24; font-size: .75rem; }
    .interacao-acoes { position: absolute; top: 8px; right: 8px; display: flex; gap: 3px; }
    .interacao-acoes button { display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border:0;border-radius:6px;color:var(--text-muted);background:transparent;cursor:pointer;font-size:.7rem; }
    .interacao-acoes button svg { width:14px;height:14px; }
    .interacao-editar:hover { color: #60a5fa; background: rgba(59,130,246,.1); }
    .interacao-excluir:hover { color: #f87171; background: rgba(239,68,68,.1); }
    .interacoes-estado { padding: 18px; border: 1px dashed var(--border-hover); border-radius: 10px; text-align: center; color: var(--text-muted); font-size: .82rem; }

    @media (max-width: 760px) {
      .consulta-cnpj-campo { grid-template-columns: 1fr; }
      .consulta-cnpj-campo .btn { width: 100%; justify-content: center; }
      .chamado-interacoes { grid-column: span 1; }
      .interacao-form { grid-template-columns: 1fr; }
      .interacao-descricao { grid-column: span 1; }
      .interacoes-cabecalho { align-items: flex-start; }
    }

    /* ---- Login ---- */
    #telaLogin {
      position: fixed; inset: 0; z-index: 3000;
      display: flex; align-items: center; justify-content: center;
      background: radial-gradient(circle at 30% 20%, rgba(16,185,129,0.08), transparent 55%), var(--bg-main);
    }
    #telaLogin.hidden { display: none; }
    .login-box {
      width: 380px; max-width: 90%;
      background: var(--bg-card); border: 1px solid var(--border-color); border-radius: 14px;
      padding: 32px; display: flex; flex-direction: column; gap: 18px;
      box-shadow: 0 20px 50px rgba(0,0,0,0.5);
    }
    .login-box .brand { justify-content: center; padding-left: 0; }
    .login-box .brand h2 { display: block; }
    .login-box p.sub { text-align: center; color: var(--text-muted); font-size: 0.85rem; margin-top: -8px; }
    .login-error { color: #f87171; font-size: 0.82rem; text-align: center; min-height: 16px; }
    .login-hint { font-size: 0.72rem; color: var(--text-muted); text-align: center; opacity: 0.7; }
    .container.hidden { display: none; }

    /* ---- Usuário logado / logout ---- */
    .user-box {
      margin-top: auto; padding-top: 14px; border-top: 1px solid var(--border-color);
      display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 0.8rem;
    }
    .user-box .user-info { display: flex; flex-direction: column; gap: 2px; overflow: hidden; }
    .user-box .user-info strong { color: var(--text-main); font-size: 0.82rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .user-box .user-info span { color: var(--text-muted); font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.4px; }
    .user-box button { background: transparent; border: 1px solid var(--border-color); color: var(--text-muted); border-radius: 6px; padding: 6px 8px; cursor: pointer; font-size: 0.85rem; }
    .user-box button:hover { color: #f87171; border-color: rgba(239,68,68,0.4); }

    /* ---- Campo de senha com revelar ---- */
    .campo-senha-wrap { position: relative; }
    .campo-senha-wrap textarea, .campo-senha-wrap input { -webkit-text-security: disc; }
    .campo-senha-wrap.revelado textarea, .campo-senha-wrap.revelado input { -webkit-text-security: none; }
    .btn-revelar {
      position: absolute; top: 6px; right: 8px; background: rgba(255,255,255,0.06); border: 1px solid var(--border-color);
      color: var(--text-muted); border-radius: 6px; font-size: 0.7rem; padding: 3px 8px; cursor: pointer;
    }
    .aviso-senha { font-size: 0.72rem; color: var(--accent-orange); margin-top: -2px; }

    /* ---- Permissões (checklist) ---- */
    .permissoes-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
    .permissao-item {
      display: flex; align-items: center; gap: 10px; background: rgba(255,255,255,0.03);
      border: 1px solid var(--border-color); border-radius: 8px; padding: 10px 12px; font-size: 0.85rem;
    }
    .permissao-item input { width: 16px; height: 16px; accent-color: var(--accent-green); }

    .badge-role { background: rgba(59,130,246,0.12); color: #60a5fa; border: 1px solid rgba(59,130,246,0.25); }
    .badge-role.admin { background: rgba(168,85,247,0.12); color: #c084fc; border: 1px solid rgba(168,85,247,0.25); }

    /* ---- Alerta de chamado crítico parado ---- */
    tr.linha-alerta { background: rgba(239, 68, 68, 0.07); }
    tr.linha-alerta td:first-child { box-shadow: inset 3px 0 0 var(--accent-red); }

    /* ---- Gráfico ---- */
    .chart-container {
      background-color: var(--bg-card); border: 1px solid var(--border-color); border-radius: 12px;
      padding: 24px; display: grid; grid-template-columns: 1fr 1fr; gap: 24px;
    }
    .chart-box { min-height: 220px; }
    .chart-box h4 { font-size: 0.9rem; color: var(--text-muted); font-weight: 600; margin-bottom: 12px; }
    @media (max-width: 900px) { .chart-container { grid-template-columns: 1fr; } }

    /* ---- Gráfico de barras nativo (sem dependências externas) ---- */
    .bar-chart { display: flex; align-items: flex-end; gap: 14px; height: 190px; padding-top: 24px; }
    .bar-chart .bar-col { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; flex: 1; height: 100%; min-width: 0; }
    .bar-chart .bar { width: 100%; max-width: 42px; background: linear-gradient(180deg, #c084fc, #a855f7); border-radius: 6px 6px 2px 2px; transition: height 0.3s ease; min-height: 3px; }
    .bar-chart .bar-value { font-size: 0.75rem; color: var(--text-main); font-weight: 600; margin-bottom: 4px; }
    .bar-chart .bar-label { margin-top: 8px; font-size: 0.7rem; color: var(--text-muted); text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
    .chart-empty { color: var(--text-muted); font-size: 0.85rem; text-align: center; padding-top: 40px; }

    /* ---- Gráfico de rosca nativo (CSS conic-gradient) ---- */
    .donut-chart-wrap { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
    .donut { width: 140px; height: 140px; border-radius: 50%; flex-shrink: 0; position: relative; }
    .donut::after { content: ''; position: absolute; inset: 24px; border-radius: 50%; background: var(--bg-card); }
    .donut-legend { display: flex; flex-direction: column; gap: 8px; font-size: 0.82rem; }
    .donut-legend .legend-item { display: flex; align-items: center; gap: 8px; }
    .donut-legend .legend-dot { width: 10px; height: 10px; border-radius: 3px; flex-shrink: 0; }
    .donut-legend .legend-label { color: var(--text-main); }
    .donut-legend .legend-count { color: var(--text-muted); }

    /* ---- Log de atividades ---- */
    .log-item { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--border-color); font-size: 0.82rem; }
    .log-item:last-child { border-bottom: none; }
    .log-item .log-acao { color: var(--text-main); }
    .log-item .log-meta { color: var(--text-muted); white-space: nowrap; }

    @media print {
      body * { visibility: hidden; }
      #visaoDashboard, #visaoDashboard * { visibility: visible; }
      #visaoDashboard { position: absolute; left: 0; top: 0; width: 100%; }
      .sidebar, .actions, .filters, .actions-cell { display: none !important; }
    }


    /* ---- Navegação compacta e arquitetura do sistema ---- */
    .sidebar { transition: width .25s ease, padding .25s ease; flex-shrink: 0; }
    .sidebar-toggle {
      width: 34px; height: 34px; border-radius: 8px; border: 1px solid var(--border-color);
      background: rgba(255,255,255,.04); color: var(--text-main); cursor: pointer; flex-shrink: 0;
      display:flex; align-items:center; justify-content:center; transition:.2s ease;
    }
    .sidebar-toggle:hover { background: rgba(255,255,255,.1); }
    .nav-item { position: relative; }
    .nav-label { overflow: hidden; white-space: nowrap; }
    .container.sidebar-collapsed .sidebar { width: 78px; padding: 28px 12px; }
    .container.sidebar-collapsed .brand { justify-content:center; padding-left:0; }
    .container.sidebar-collapsed .brand h2,
    .container.sidebar-collapsed .nav-label,
    .container.sidebar-collapsed .user-info { display:none; }
    .container.sidebar-collapsed .sidebar nav li { justify-content:center; padding:11px 8px; gap:0; }
    .container.sidebar-collapsed .sidebar nav li.active { border-left-width: 2px; }
    .container.sidebar-collapsed .user-box { justify-content:center; }
    .container.sidebar-collapsed .user-box button { width:100%; }
    .content { min-width: 0; width: 0; }
    .content > * { min-width: 0; }
    .section-tabs {
      display:flex; gap:8px; padding:6px; background:rgba(255,255,255,.025);
      border:1px solid var(--border-color); border-radius:12px; width:max-content; max-width:100%;
    }
    .section-tab {
      border:0; background:transparent; color:var(--text-muted); padding:9px 14px;
      border-radius:8px; cursor:pointer; font:inherit; font-size:.84rem; font-weight:600;
    }
    .section-tab.active, .section-tab:hover { background:rgba(16,185,129,.12); color:var(--accent-green); }
    .cadastro-panel.hidden { display:none; }
    .settings-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:18px; }
    .settings-card {
      background:var(--bg-card); border:1px solid var(--border-color); border-radius:12px; padding:22px;
      display:flex; flex-direction:column; gap:14px;
    }
    .settings-card h3 { font-size:1rem; }
    .settings-card p { color:var(--text-muted); font-size:.82rem; line-height:1.5; }
    .settings-card input { background:var(--bg-main); border:1px solid var(--border-color); color:#fff; padding:10px 12px; border-radius:8px; width:100%; }
    .login-shell { width:min(1040px,92vw); min-height:580px; display:grid; grid-template-columns:1.15fr .85fr; overflow:hidden; border:1px solid var(--border-color); border-radius:22px; background:var(--bg-card); box-shadow:0 30px 90px rgba(0,0,0,.5); }
    .login-side { padding:54px; display:flex; flex-direction:column; justify-content:space-between; background:linear-gradient(145deg, rgba(16,185,129,.15), rgba(11,15,23,.2) 55%, rgba(59,130,246,.08)); position:relative; }
    .login-side:after { content:''; position:absolute; width:300px; height:300px; border:1px solid rgba(16,185,129,.18); border-radius:42px; transform:rotate(28deg); right:-100px; bottom:-120px; }
    .login-side .brand { position:relative; z-index:1; }
    .login-copy { position:relative; z-index:1; max-width:480px; }
    .login-copy .eyebrow { color:var(--accent-green); font-size:.78rem; text-transform:uppercase; letter-spacing:1.6px; font-weight:700; }
    .login-copy h1 { margin-top:16px; font-size:2.5rem; line-height:1.08; letter-spacing:-1.4px; }
    .login-copy p { margin-top:18px; color:var(--text-muted); line-height:1.7; }
    .login-form-wrap { padding:54px; display:flex; flex-direction:column; justify-content:center; }
    .login-box { width:100%; max-width:360px; background:transparent; border:0; box-shadow:none; padding:0; margin:0 auto; }
    .login-box .brand { justify-content:flex-start; }
    .login-box p.sub { text-align:left; margin-top:-6px; }
    .login-form-title { font-size:1.55rem; margin-bottom:4px; }
    @media (max-width: 760px) {
      .login-shell { grid-template-columns:1fr; min-height:auto; }
      .login-side { padding:30px; min-height:230px; }
      .login-copy h1 { font-size:1.8rem; }
      .login-form-wrap { padding:34px 28px; }
      .login-side .brand { margin-bottom:28px; }
    }

    /* ---- Responsivo ---- */
    @media (max-width: 900px) {
      .container { flex-direction: column; }
      .sidebar {
        width: 100%;
        flex-direction: row;
        align-items: center;
        padding: 14px 16px;
        gap: 16px;
        overflow-x: auto;
      }
      .sidebar nav ul { flex-direction: row; gap: 4px; }
      .sidebar nav li { white-space: nowrap; padding: 8px 12px; }
      .sidebar nav li.active { border-left: none; border-bottom: 3px solid var(--accent-green); border-radius: 6px 6px 4px 4px; }
      .brand h2 { display: none; }
      .user-box { margin-top: 0; padding-top: 0; border-top: none; flex-shrink: 0; }
      .user-box .user-info { display: none; }

      .content { padding: 20px; gap: 20px; }
      .header { flex-direction: column; align-items: flex-start; }
      .actions { width: 100%; }
      .actions .btn { flex: 1; justify-content: center; }

      .table-container { padding: 16px; }
      .filters { width: 100%; }
      .filters input { width: 100%; flex: 1 1 100%; }
    }

    @media (max-width: 480px) {
      .cards-grid { grid-template-columns: repeat(2, 1fr); }
      .card h2 { font-size: 1.5rem; }
      .modal { padding: 20px; }
      .modal .form-grid { grid-template-columns: 1fr; }
      .modal .form-group.full { grid-column: span 1; }
    }
  
/* ===== IDENTIDADE VISUAL HELP V2 ===== */
:root{--help-blue:#1768d6;--help-blue-2:#0d3f8e;--help-orange:#ff8a00;--help-navy:#061426;--help-panel:#0b192d;--help-line:rgba(126,165,220,.18)}
body{background:radial-gradient(circle at 85% 0%,#102542 0,transparent 28%),#071321;color:#eaf1fb}
.container{background:linear-gradient(120deg,#071321,#09182a)}
.sidebar{width:230px;background:linear-gradient(180deg,#081728,#071321);border-right:1px solid var(--help-line);padding:22px 14px;gap:22px;box-shadow:14px 0 35px rgba(0,0,0,.12)}
.brand{padding:0 6px 16px;justify-content:flex-start;position:relative}.brand-icon{background:linear-gradient(135deg,var(--help-blue),var(--help-orange));box-shadow:none;border-radius:10px}.brand h2{font-size:1.08rem;letter-spacing:.1px}.sidebar-toggle{margin-left:auto;background:rgba(255,255,255,.04)!important;border:1px solid var(--help-line)!important;border-radius:9px!important;color:#dce7f6!important;padding:7px 9px!important}
.sidebar nav li{border:1px solid transparent;border-radius:9px;padding:12px 14px;color:#b6c4d8}.sidebar nav li:hover{background:#102440;color:#fff}.sidebar nav li.active{background:linear-gradient(90deg,rgba(23,104,214,.22),rgba(23,104,214,.05));border-left:2px solid #3988ff;color:#fff}
.content{padding:28px 34px;gap:22px;min-width:0}.view-section{gap:20px}.dashboard-v2-header{align-items:center}.header h1{font-size:1.72rem}.header h1 span{color:#fff}.dashboard-toolbar{display:flex;align-items:center;gap:12px}.global-search{width:300px;height:42px;border:1px solid var(--help-line);background:#0a1a2e;border-radius:9px;color:#6f849e;display:flex;align-items:center;gap:8px;padding:0 12px}.global-search input{background:transparent;border:0;outline:0;color:#eaf1fb;width:100%}.notify-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--help-line);background:#0a1a2e;color:#d9e6f7;position:relative}.notify-btn b{position:absolute;right:-3px;top:-5px;background:var(--help-blue);color:#fff;border-radius:50%;font-size:.68rem;width:18px;height:18px;display:grid;place-items:center}.btn-primary{background:linear-gradient(135deg,#2576e6,#1454ba);box-shadow:0 10px 22px rgba(23,104,214,.2)}.btn-danger{display:none}
.cards-grid{grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px}.card{background:linear-gradient(145deg,rgba(18,36,60,.98),rgba(10,25,44,.98));border:1px solid var(--help-line);border-radius:10px;padding:18px;min-height:120px}.card-top{flex-direction:row-reverse;justify-content:space-between;align-items:flex-start}.card-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:1.25rem}.card h2{font-size:1.8rem;margin-top:16px}.chart-container{grid-template-columns:1fr 1fr;gap:14px}.chart-box,.table-container{background:linear-gradient(145deg,rgba(17,34,56,.94),rgba(9,24,42,.96));border:1px solid var(--help-line);border-radius:10px;box-shadow:none}.chart-box{min-height:280px}.table-container{padding:0;overflow:hidden}.table-header{padding:17px 18px;border-bottom:1px solid var(--help-line)}.table-scroll{overflow-x:auto}table{min-width:900px}th{background:#0d2038;color:#93a8c4}td{border-color:rgba(126,165,220,.1)}tr:hover td{background:rgba(30,77,135,.08)}
#telaLogin{position:fixed;inset:0;z-index:50;background:#061426;display:grid;place-items:center;overflow:auto}.login-v2-shell{width:min(1500px,100vw);min-height:100vh;display:grid;grid-template-columns:1.04fr .96fr;background:#061426;overflow:hidden}.login-v2-brand{position:relative;min-height:100%;padding:68px clamp(36px,7vw,120px);background:radial-gradient(circle at 15% 12%,rgba(27,96,196,.22),transparent 28%),linear-gradient(145deg,#06192f,#061120 72%);border-right:1px solid rgba(59,125,220,.22);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.login-v2-brand:after{content:"";position:absolute;right:-130px;top:-10%;width:300px;height:120%;border-left:2px solid #1d71df;border-radius:50%;transform:skewX(-9deg);opacity:.8}.login-v2-logo{position:relative;z-index:2;width:300px;height:205px;border-radius:32px;display:grid;place-items:center;margin-bottom:34px}.login-v2-logo img{width:100%;height:100%;object-fit:contain;border-radius:28px;mix-blend-mode:screen}.login-v2-copy{position:relative;z-index:2;max-width:590px}.login-v2-copy h1{font-size:clamp(2rem,3.2vw,3.35rem);line-height:1.22;color:#fff;letter-spacing:-1.5px}.login-v2-copy span{color:#5ba4ff}.login-v2-copy em{color:var(--help-orange);font-style:normal}.brand-rule{width:126px;height:4px;margin:26px 0;background:linear-gradient(90deg,#2277e6 0 65%,var(--help-orange) 65%)}.login-v2-copy p{font-size:1.08rem;line-height:1.75;color:#b8c6d9;max-width:480px}.login-v2-copy strong{color:#4f95f4}.login-benefits{position:relative;z-index:2;display:flex;gap:48px;margin-top:70px}.login-benefits div{display:flex;flex-direction:column;gap:11px;color:#d7e0ee;font-size:.88rem;line-height:1.45}.login-benefits b{width:46px;height:46px;border:1px solid #2779e8;border-radius:12px;display:grid;place-items:center;color:#64a7ff;font-size:1.4rem}.login-benefits div:last-child b{border-color:var(--help-orange);color:var(--help-orange)}.circuit{position:absolute;border:1px solid rgba(41,113,221,.22);height:0}.circuit-a{width:370px;left:-50px;top:10%;box-shadow:100px 35px 0 -0.5px rgba(41,113,221,.18),210px 85px 0 -0.5px rgba(41,113,221,.16)}.circuit-b{width:260px;left:0;bottom:16%;box-shadow:80px -40px 0 -0.5px rgba(255,138,0,.28)}.circuit-c{width:300px;right:15%;bottom:4%;opacity:.35}
.login-v2-panel{background:radial-gradient(circle at 85% 10%,rgba(31,101,207,.09),transparent 30%),#071526;display:grid;place-items:center;padding:40px}.login-v2-card{width:min(570px,100%);padding:22px 0;color:#e9f0fb}.login-avatar{width:68px;height:68px;border-radius:22px;background:linear-gradient(145deg,#f5f8fc,#d9e1ec);color:#1768d6;display:grid;place-items:center;font-size:2rem;margin:0 auto 30px;box-shadow:0 16px 38px rgba(0,0,0,.18)}.login-v2-card h2{text-align:center;font-size:2.3rem;letter-spacing:-1px}.login-v2-card>p{text-align:center;color:#9cadc3;margin:10px 0 48px;font-size:1.04rem}.login-v2-fields{display:grid;gap:24px}.login-v2-fields label{color:#dbe6f5;font-weight:600;display:grid;grid-template-columns:28px 1fr;align-items:center;font-size:.95rem}.login-v2-fields label input{grid-column:1/-1;width:100%;margin-top:10px;height:62px;border:1px solid #31445e;border-radius:12px;background:rgba(255,255,255,.035);color:#fff;padding:0 18px;font-size:1rem;outline:none}.login-v2-fields label input:focus{border-color:#2d79e4;box-shadow:0 0 0 4px rgba(45,121,228,.12)}.login-options{display:flex;justify-content:space-between;align-items:center;margin:26px 0;color:#aebbd0;font-size:.9rem}.login-options input{accent-color:#1768d6}.login-options a{color:#63a2f8;text-decoration:none}.login-v2-submit{width:100%;height:64px;border:0;border-radius:12px;background:linear-gradient(90deg,#1768d6,#226fd9);color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 14px 30px rgba(23,104,214,.22)}.login-v2-submit span{font-size:1.5rem;margin-left:12px}.login-v2-footer{display:flex;align-items:center;gap:14px;justify-content:center;color:#7e92ae;letter-spacing:2px;font-size:.72rem;margin:56px 0 10px}.login-v2-footer i{height:1px;flex:1;background:linear-gradient(90deg,#1768d6,transparent)}.login-v2-footer i:last-of-type{background:linear-gradient(90deg,transparent,var(--help-orange))}.login-v2-card small{display:block;text-align:center;color:#61738d;font-size:.72rem}

/* ===== CENTRAL DE NOTIFICAÇÕES ===== */
.notification-wrap{position:relative}.notification-panel{position:absolute;right:0;top:54px;width:min(390px,calc(100vw - 36px));background:linear-gradient(145deg,#10243d,#0a1829);border:1px solid rgba(92,145,220,.28);border-radius:14px;box-shadow:0 24px 70px rgba(0,0,0,.45);z-index:1200;overflow:hidden;animation:notificationIn .18s ease-out}.notification-panel.hidden{display:none}.notification-head{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;border-bottom:1px solid var(--help-line)}.notification-head strong{display:block;color:#eef5ff;font-size:1rem}.notification-head span{display:block;color:#7990ad;font-size:.78rem;margin-top:3px}.notification-close{width:30px;height:30px;border:1px solid var(--help-line);border-radius:8px;background:transparent;color:#aebed2;font-size:1.25rem;cursor:pointer}.notification-list{max-height:360px;overflow:auto}.notification-item{display:grid;grid-template-columns:10px 1fr auto;gap:12px;align-items:start;padding:15px 18px;border-bottom:1px solid rgba(126,165,220,.10);transition:.2s}.notification-item:hover{background:rgba(41,105,198,.10)}.notification-dot{width:9px;height:9px;border-radius:50%;margin-top:6px;background:#3284ff;box-shadow:0 0 14px rgba(50,132,255,.5)}.notification-dot.warning{background:#ff9900;box-shadow:0 0 14px rgba(255,153,0,.45)}.notification-dot.danger{background:#ef4455;box-shadow:0 0 14px rgba(239,68,85,.45)}.notification-item strong{display:block;color:#dfe9f6;font-size:.88rem;margin-bottom:5px}.notification-item p{margin:0;color:#8fa1b8;font-size:.78rem;line-height:1.45}.notification-item time{display:block;color:#5f738f;font-size:.7rem;margin-top:7px}.notification-dismiss{border:0;background:transparent;color:#647891;font-size:1rem;cursor:pointer;padding:0 2px}.notification-foot{padding:13px 18px;background:rgba(3,12,24,.25)}.notification-foot button{width:100%;border:1px solid rgba(49,121,228,.32);background:rgba(23,104,214,.10);color:#75adff;border-radius:9px;padding:10px;cursor:pointer;font-size:.82rem}.notification-empty{padding:36px 20px;text-align:center;color:#8da0b7;font-size:.9rem}.notification-empty b{display:block;color:#dce8f7;font-size:1rem;margin-bottom:5px}@keyframes notificationIn{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}

/* ===== LOGIN FINAL — LAYOUT SEPARADO E PROPORCIONAL ===== */
#telaLogin{position:fixed;inset:0;z-index:1000;display:block;background:#061426;overflow:auto}
#telaLogin.hidden{display:none!important}
.login-v2-shell{width:100%;min-height:100vh;display:grid;grid-template-columns:minmax(420px,44%) minmax(520px,56%);background:#061426;overflow:hidden}
.login-v2-brand{min-height:100vh;padding:clamp(42px,6vw,88px);background:radial-gradient(circle at 16% 12%,rgba(24,105,214,.20),transparent 26%),linear-gradient(145deg,#06182d 0%,#061120 76%);border-right:1px solid rgba(52,122,224,.28);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;overflow:hidden}
.login-v2-brand:after{right:-190px;top:-18%;width:430px;height:140%;border-left:2px solid rgba(41,120,231,.75);border-radius:48%;transform:skewX(-8deg)}
.login-v2-logo{width:300px;height:300px;margin:0 0 26px;overflow:hidden;border-radius:50%;background:#fff;box-shadow:0 22px 60px rgba(0,0,0,.28);position:relative;z-index:3}
.login-v2-logo img{width:100%;height:100%;object-fit:cover;border-radius:50%;mix-blend-mode:normal}
.login-v2-copy{max-width:600px}.login-v2-copy h1{font-size:clamp(2.5rem,4.1vw,4.25rem);line-height:1.05;letter-spacing:-2.2px;margin:0}.brand-rule{margin:28px 0 30px;width:156px}.login-v2-copy p{font-size:1.18rem;line-height:1.75;max-width:560px;margin:0}
.login-benefits{margin-top:68px;gap:clamp(28px,4vw,68px);width:100%;justify-content:flex-start}.login-benefits div{font-size:.9rem;min-width:100px}.login-benefits b{width:52px;height:52px;border-radius:14px}
.login-v2-panel{min-height:100vh;padding:clamp(40px,7vw,120px);background:radial-gradient(circle at 90% 8%,rgba(34,105,213,.10),transparent 28%),linear-gradient(180deg,#0a1a2d,#071526);display:flex;align-items:center;justify-content:center}
.login-v2-card{width:min(590px,100%);padding:0;color:#e9f0fb}.login-avatar{width:72px;height:72px;border-radius:50%;background:rgba(25,52,83,.85);border:1px solid #294462;color:#4d97f3;margin:0 0 28px;font-size:2rem;box-shadow:none}.login-v2-card h2{text-align:left;font-size:clamp(2rem,3vw,3rem);line-height:1.1;margin:0;letter-spacing:-1.5px}.login-v2-card>p{text-align:left;margin:12px 0 44px;font-size:1.1rem;color:#aab9cc}
.login-v2-fields{gap:24px}.login-v2-fields label{grid-template-columns:26px 1fr;font-size:1rem;color:#dbe6f5}.login-v2-fields label input{height:64px;margin-top:12px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid #314861;font-size:1.05rem}.login-options{margin:26px 0 30px}.login-v2-submit{height:64px;border-radius:12px;font-size:1.15rem;background:linear-gradient(90deg,#1768d6,#2f78dc);box-shadow:0 14px 32px rgba(23,104,214,.25)}.login-v2-footer{margin:52px 0 10px}.login-v2-card small{display:none}
.login-error{min-height:22px;color:#ff8585;margin-top:10px;font-size:.9rem}
@media(max-width:1100px){.cards-grid{grid-template-columns:repeat(3,1fr)}.login-v2-shell{grid-template-columns:1fr}.login-v2-brand{min-height:480px}.login-v2-panel{padding:50px 30px}.login-v2-logo{width:230px;height:160px}.login-benefits{margin-top:38px}}@media(max-width:720px){.content{padding:18px}.dashboard-toolbar{width:100%}.global-search{flex:1}.cards-grid{grid-template-columns:repeat(2,1fr)}.chart-container{grid-template-columns:1fr}.login-v2-brand{padding:55px 28px}.login-v2-copy h1{font-size:2.15rem}.login-benefits{gap:20px}.login-v2-panel{padding:28px 22px}.login-v2-card h2{font-size:1.8rem}.login-options{font-size:.78rem}}


/* CRM básico */
.crm-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.crm-mini,.crm-stage,.crm-actions{background:linear-gradient(145deg,#122238,#0c1728);border:1px solid var(--help-line);border-radius:14px}.crm-mini{padding:16px}.crm-mini span{color:#91a4bb;font-size:.8rem}.crm-mini strong{display:block;font-size:1.7rem;margin-top:7px}.crm-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}.crm-board{display:grid;grid-template-columns:repeat(6,minmax(230px,1fr));gap:12px;overflow-x:auto;padding:2px 2px 12px;scrollbar-color:#315276 transparent}.crm-stage{padding:12px;min-height:310px;transition:border-color .16s,background .16s,transform .16s}.crm-stage.destino{border-color:#3c8bf0;background:linear-gradient(145deg,#153252,#102440);transform:translateY(-2px);box-shadow:0 0 0 3px rgba(47,125,225,.12)}.crm-stage-head{display:flex;justify-content:space-between;align-items:flex-start;font-weight:700;margin-bottom:10px}.crm-stage-head>div{display:flex;flex-direction:column;gap:3px}.crm-stage-head small{color:#7f98b5;font-size:.68rem;font-weight:500}.crm-stage-head b{display:grid;place-items:center;min-width:25px;height:25px;padding:0 7px;border-radius:20px;background:#1a3552;color:#9dc8ff;font-size:.75rem}.crm-stage-list{min-height:245px}.crm-stage-empty{display:grid;place-items:center;min-height:90px;margin-top:10px;border:1px dashed #294661;border-radius:10px;color:#7089a5;font-size:.76rem;text-align:center}.crm-lead-card{padding:12px;margin:9px 0;background:#101f31;border:1px solid #263d59;border-radius:11px;cursor:grab;transition:transform .15s,border-color .15s,opacity .15s,box-shadow .15s}.crm-lead-card:hover{transform:translateY(-2px);border-color:#3b6087;box-shadow:0 10px 22px rgba(0,0,0,.2)}.crm-lead-card.arrastando{opacity:.38;cursor:grabbing}.crm-lead-top{display:flex;justify-content:space-between;gap:8px}.crm-lead-top svg{width:16px;color:#5f7895}.crm-lead-card small{display:block;color:#9fb0c5;margin-top:4px}.crm-tag{display:inline-block;margin-top:8px;color:#f6a44d;font-size:.75rem}.crm-lead-date{display:flex;align-items:center;gap:5px;margin-top:9px;color:#7fa6d2;font-size:.7rem}.crm-lead-date svg{width:13px;height:13px}.crm-mobile-stage{display:none}.crm-actions{padding:16px}.crm-next{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07)}.crm-next span{display:block;color:#8fa4bd;font-size:.8rem;margin-top:3px}.crm-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.crm-modal-grid .full{grid-column:1/-1}@media(max-width:1100px){.crm-layout{grid-template-columns:1fr}.crm-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.crm-summary{grid-template-columns:1fr 1fr;gap:9px}.crm-mini{padding:12px}.crm-mini strong{font-size:1.35rem}.crm-board{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px}.crm-stage{flex:0 0:min(84vw,300px);scroll-snap-align:start;min-height:280px}.crm-actions{margin-top:4px}.crm-lead-card{cursor:pointer}.crm-lead-top svg{display:none}.crm-mobile-stage{display:block;width:100%;margin-top:11px;padding:8px 9px;border:1px solid #294967;border-radius:8px;background:#0b1726;color:#dfe9f5;font:inherit;font-size:.76rem}}

  
/* ===== CRM: MODAL DE LEAD CORRIGIDO ===== */
.crm-modal-overlay{position:fixed;inset:0;z-index:5000;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(3,10,20,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.crm-modal-overlay.active{display:flex;animation:crmFadeIn .18s ease-out}
@keyframes crmFadeIn{from{opacity:0}to{opacity:1}}
.crm-modal-content{width:min(760px,calc(100vw - 40px));max-height:calc(100vh - 40px);overflow:auto;background:linear-gradient(145deg,#16263a,#0d1828);border:1px solid #2b4663;border-radius:18px;box-shadow:0 28px 80px rgba(0,0,0,.55);padding:0;animation:crmModalUp .2s ease-out}
@keyframes crmModalUp{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.crm-modal-content .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(124,159,198,.18)}
.crm-modal-content .modal-header h2{margin:0;color:#f2f6fb;font-size:1.25rem}.crm-modal-content .modal-close{width:36px;height:36px;border-radius:10px;border:1px solid #2b4663;background:#101d2d;color:#a9bdd4;font-size:24px;line-height:1;cursor:pointer}.crm-modal-content .modal-close:hover{color:#fff;border-color:#f08b2d}
.crm-modal-grid{padding:22px 24px 8px}.crm-modal-grid>div{display:flex;flex-direction:column;gap:7px}.crm-modal-grid label{font-size:.8rem;color:#9db0c7;font-weight:600}.crm-modal-grid input,.crm-modal-grid select,.crm-modal-grid textarea{width:100%;background:#0d1724;border:1px solid #2b405a;color:#eaf1f8;border-radius:9px;padding:11px 12px;outline:none;font:inherit}.crm-modal-grid input:focus,.crm-modal-grid select:focus,.crm-modal-grid textarea:focus{border-color:#2f7de1;box-shadow:0 0 0 3px rgba(47,125,225,.12)}
.crm-modal-content .modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:18px 24px 24px}.crm-modal-content #crmHistoricoArea{margin:0 24px 24px!important;padding-top:16px;border-top:1px solid rgba(124,159,198,.16)}
@media(max-width:700px){.crm-modal-overlay{padding:12px}.crm-modal-content{width:100%;max-height:calc(100vh - 24px)}.crm-modal-grid{grid-template-columns:1fr;padding:18px 18px 6px}.crm-modal-content .modal-header{padding:18px}.crm-modal-content .modal-footer{padding:16px 18px 20px}.crm-modal-content #crmHistoricoArea{margin:0 18px 20px!important}}


/* Correção estrutural de navegação */
.view-section{width:100%;min-width:0}
.view-section.hidden{display:none!important}

/* ===== MOBILE: NAVEGAÇÃO, TABELAS E FORMULÁRIOS ===== */
@media (max-width: 720px) {
  body { padding-bottom: 72px; }
  .container, .container.sidebar-collapsed { display: block; min-height: 100vh; }
  .sidebar, .container.sidebar-collapsed .sidebar {
    position: fixed; left: 0; right: 0; bottom: 0; top: auto; z-index: 2000;
    width: 100%; height: 68px; padding: 6px 8px calc(6px + env(safe-area-inset-bottom));
    display: block; overflow: visible; border: 0; border-top: 1px solid var(--help-line);
    background: rgba(6,20,38,.96); backdrop-filter: blur(16px); box-shadow: 0 -12px 30px rgba(0,0,0,.28);
  }
  .sidebar .brand, .sidebar .user-box { display: none !important; }
  .sidebar nav { width: 100%; }
  .sidebar nav ul { display: grid; grid-template-columns: repeat(6,1fr); gap: 2px; }
  .sidebar nav li, .container.sidebar-collapsed .sidebar nav li {
    min-width: 0; height: 56px; padding: 7px 3px; display: flex; flex-direction: column;
    justify-content: center; align-items: center; gap: 4px; border: 0; border-radius: 9px;
    font-size: .65rem; overflow: hidden;
  }
  .sidebar nav li.active, .container.sidebar-collapsed .sidebar nav li.active {
    border: 0; background: rgba(37,118,230,.16); color: #6da9ff;
  }
  .sidebar nav li .nav-label, .container.sidebar-collapsed .nav-label { display: block; max-width: 100%; text-overflow: ellipsis; overflow: hidden; }
  .content { width: 100%; padding: 16px 12px 28px; gap: 16px; }
  .header { gap: 12px; }
  .header h1 { font-size: 1.42rem; }
  .dashboard-toolbar { display: grid; grid-template-columns: 1fr 42px; width: 100%; gap: 8px; }
  .global-search { width: 100%; min-width: 0; }
  .dashboard-toolbar > .btn { grid-column: 1/-1; justify-content: center; min-height: 44px; }
  .cards-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
  .card { min-height: 106px; padding: 13px; }
  .card h2 { font-size: 1.45rem; margin-top: 10px; }
  .card span { font-size: .67rem; }
  .card-icon { width: 34px; height: 34px; }
  .chart-container { padding: 14px; gap: 18px; }
  .chart-box { min-height: 220px; }
  .table-container { border-radius: 12px; overflow: visible; }
  .table-header { padding: 14px; }
  .filters { display: grid; grid-template-columns: 1fr; width: 100%; }
  .filters select, .filters input, .cadastro-actions .btn { width: 100%; min-height: 42px; }
  .section-tabs { width: 100%; overflow-x: auto; }
  .section-tab { flex: 1 0 auto; justify-content: center; }

  #tabelaChamados, #tabelaClientes { min-width: 0; width: 100%; }
  #tabelaChamados thead, #tabelaClientes thead { display: none; }
  #tabelaChamados tbody, #tabelaClientes tbody { display: grid; gap: 10px; padding: 10px; }
  #tabelaChamados tbody tr, #tabelaClientes tbody tr {
    display: grid; width: 100%; padding: 11px 13px; border: 1px solid var(--help-line);
    border-radius: 12px; background: rgba(13,32,56,.82);
  }
  #tabelaChamados tbody td, #tabelaClientes tbody td {
    display: grid; grid-template-columns: minmax(92px,40%) 1fr; align-items: center; gap: 10px;
    padding: 8px 0; border-bottom: 1px solid rgba(126,165,220,.1); text-align: right; min-width: 0;
    overflow-wrap: anywhere;
  }
  #tabelaChamados tbody td::before, #tabelaClientes tbody td::before {
    content: attr(data-label); color: #7f95b1; font-size: .7rem; font-weight: 700;
    text-transform: uppercase; letter-spacing: .35px; text-align: left;
  }
  #tabelaChamados tbody td:first-child, #tabelaClientes tbody td:first-child { font-size: .95rem; }
  #tabelaChamados tbody td:last-child, #tabelaClientes tbody td:last-child { border-bottom: 0; }
  #tabelaChamados .actions-cell, #tabelaClientes .actions-cell { display: flex; justify-content: flex-end; padding-top: 11px; }
  #tabelaChamados .actions-cell::before, #tabelaClientes .actions-cell::before { margin-right: auto; }
  .actions-cell button { width: 38px; height: 38px; display: grid; place-items: center; }

  .modal-overlay { padding: 0; align-items: flex-end; }
  .modal { width: 100%; max-width: none; max-height: 94dvh; border-radius: 18px 18px 0 0; padding: 20px 16px; gap: 15px; }
  .modal .form-grid { grid-template-columns: 1fr; gap: 12px; }
  .modal .form-group.full, .chamado-interacoes { grid-column: span 1; }
  .modal input, .modal select, .modal textarea { min-height: 44px; font-size: 16px; }
  .modal-actions { position: sticky; bottom: -20px; margin: 0 -16px -20px; padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); background: #101a29; border-top: 1px solid var(--help-line); }
  .modal-actions .btn { flex: 1; justify-content: center; min-height: 44px; }
  .interacao-form { grid-template-columns: 1fr; padding: 12px; }
  .interacao-descricao { grid-column: span 1; }
  .interacao-proximo-campo { grid-column: 1; }
  .interacao-proximo-campo input { min-width: 0; width: 100%; }
  .interacao-data-hora { grid-template-columns:1fr 120px; }
  .interacao-form .btn { width: 100%; justify-content: center; min-height: 44px; }
  .interacao-item { padding-right: 76px; }
  .crm-summary { grid-template-columns: repeat(2,1fr); gap: 9px; }
  .crm-board { scroll-snap-type: x mandatory; }
  .crm-stage { scroll-snap-align: start; }
  .notification-panel { position: fixed; left: 12px; right: 12px; top: 72px; width: auto; max-height: calc(100dvh - 160px); }
}

    main.content > .view-section { width:100%; min-width:0; }


    .cadastro-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
    .cadastro-actions input{min-width:260px}
    @media (max-width:700px){.cadastro-actions{width:100%}.cadastro-actions input{width:100%;min-width:0}.cadastro-actions .btn{width:100%}}

/* Centraliza verticalmente a ação principal do formulário de interações */
.interacao-form > .btn-primary {
  align-self: center;
}

/* ===== RELATÓRIOS: ACABAMENTO VISUAL ===== */
#visaoRelatorios { gap: 18px; }
#visaoRelatorios .header { margin-bottom: 2px; }
#visaoRelatorios .report-actions { align-items: center; flex-wrap: wrap; }
#visaoRelatorios .report-actions select {
  min-height: 42px; padding: 0 38px 0 13px; color: var(--text-main);
  background: #0d1d31; border: 1px solid var(--help-line); border-radius: 9px;
  font: inherit; font-size: .84rem; outline: none; cursor: pointer;
}
#visaoRelatorios .report-actions select:focus { border-color: #347fe8; box-shadow: 0 0 0 3px rgba(52,127,232,.12); }
#visaoRelatorios .table-container {
  overflow: hidden; border-color: rgba(91,145,218,.22);
  background: linear-gradient(145deg,rgba(15,34,57,.97),rgba(8,24,42,.97));
}
#visaoRelatorios .table-header { min-height: 58px; gap: 18px; }
#visaoRelatorios .table-header h3 { display: flex; align-items: center; gap: 9px; font-size: 1rem; }
#visaoRelatorios .table-header h3 .lucide { color: #64a6ff; }
#visaoRelatorios .table-header p { margin-left: auto; text-align: right; line-height: 1.4; }
#visaoRelatorios table { min-width: 680px; }
#visaoRelatorios th { padding: 14px 16px; font-size: .72rem; letter-spacing: .45px; }
#visaoRelatorios td { padding: 15px 16px; }
#visaoRelatorios tbody tr:last-child td { border-bottom: 0; }
#visaoRelatorios .report-rate-field {
  max-width: 260px; margin: 16px 18px; padding: 14px 16px;
  background: rgba(6,19,35,.55); border: 1px solid var(--help-line); border-radius: 10px;
}
#visaoRelatorios .report-rate-field label { display: block; margin-bottom: 8px; color: #9db0c7; font-size: .78rem; font-weight: 600; }
#visaoRelatorios .report-rate-field input {
  width: 100%; height: 40px; padding: 0 12px; color: var(--text-main); background: #091624;
  border: 1px solid #2b405a; border-radius: 8px; font: inherit; outline: none;
}
#visaoRelatorios .report-rate-field input:focus { border-color: #347fe8; box-shadow: 0 0 0 3px rgba(52,127,232,.12); }

/* Mantém a navegação visível durante a rolagem no computador */
@media (min-width: 721px) {
  .sidebar {
    position: fixed; inset: 0 auto 0 0; z-index: 1500;
    height: 100dvh; overflow-y: auto;
  }
  .content { margin-left: 230px; width: calc(100% - 230px); }
  .container.sidebar-collapsed .content { margin-left: 78px; width: calc(100% - 78px); }
}

@media (max-width: 720px) {
  #visaoRelatorios .report-actions { display: grid; grid-template-columns: 1fr; width: 100%; }
  #visaoRelatorios .report-actions select, #visaoRelatorios .report-actions .btn { width: 100%; justify-content: center; }
  #visaoRelatorios .table-header { align-items: flex-start; }
  #visaoRelatorios .table-header p { margin-left: 0; text-align: left; }
  #visaoRelatorios .report-rate-field { max-width: none; }
}

/* ===== DOSSIÊ DO CHAMADO ===== */
.dossie-chamado-card .table-header > div { width: 100%; }
.dossie-chamado-card .table-header p { margin: 5px 0 0 !important; text-align: left !important; }
.dossie-toolbar {
  display: grid; grid-template-columns: minmax(260px,1fr) auto auto; align-items: end; gap: 14px;
  padding: 18px; border-bottom: 1px solid var(--help-line); background: rgba(4,15,29,.26);
}
.dossie-select-wrap label { display: block; margin-bottom: 7px; color: #9db0c7; font-size: .76rem; font-weight: 700; }
.dossie-select-wrap select {
  width: 100%; min-height: 43px; padding: 0 38px 0 12px; color: var(--text-main);
  background: #091624; border: 1px solid #2b405a; border-radius: 9px; font: inherit; outline: none;
}
.dossie-select-wrap select:focus { border-color: #347fe8; box-shadow: 0 0 0 3px rgba(52,127,232,.12); }
.dossie-internas {
  min-height: 43px; display: flex; align-items: center; gap: 8px; padding: 0 12px;
  color: #aebdd0; background: rgba(255,255,255,.025); border: 1px solid var(--help-line);
  border-radius: 9px; font-size: .78rem; white-space: nowrap; cursor: pointer;
}
.dossie-internas input { accent-color: #347fe8; }
.dossie-actions { display: flex; gap: 8px; }
.dossie-actions .btn { min-height: 43px; white-space: nowrap; }
.dossie-actions .btn:disabled { opacity: .45; cursor: not-allowed; box-shadow: none; }
.dossie-preview { padding: 20px; }
.dossie-vazio {
  min-height: 150px; display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 7px; color: #7086a3; text-align: center;
}
.dossie-vazio .lucide { width: 30px; height: 30px; color: #4f8fe8; margin-bottom: 4px; }
.dossie-vazio strong { color: #c9d6e7; font-size: .95rem; }
.dossie-vazio span { font-size: .78rem; }
.dossie-vazio.erro strong { color: #ff8d98; }
.dossie-preview-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; margin-bottom: 16px; }
.dossie-preview-head > div > span { display: block; color: #6e85a2; font-size: .68rem; font-weight: 800; text-transform: uppercase; letter-spacing: .65px; }
.dossie-preview-head h4 { margin: 4px 0 0; color: #f1f6fd; font-size: 1.35rem; }
.dossie-campos { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; margin-bottom: 12px; }
.dossie-campos > div { min-width: 0; padding: 11px 12px; background: rgba(6,19,35,.55); border: 1px solid var(--help-line); border-radius: 9px; }
.dossie-campos span,.dossie-bloco > span,.dossie-historico-head > div > span { display: block; color: #6f86a4; font-size: .65rem; font-weight: 800; text-transform: uppercase; letter-spacing: .45px; }
.dossie-campos strong { display: block; margin-top: 5px; color: #dce7f5; font-size: .78rem; overflow-wrap: anywhere; }
.dossie-bloco { padding: 13px 14px; margin-bottom: 9px; background: rgba(6,19,35,.38); border: 1px solid var(--help-line); border-radius: 9px; }
.dossie-bloco p { margin: 6px 0 0; color: #c1cee0; font-size: .82rem; line-height: 1.55; }
.dossie-historico-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 14px; margin: 20px 0 10px; }
.dossie-historico-head strong { display: block; margin-top: 4px; color: #e3edf9; font-size: .95rem; }
.dossie-historico-head small { color: #d99a46; font-size: .72rem; }
.dossie-timeline { display: grid; gap: 9px; }
.dossie-interacao { position: relative; padding: 13px 15px; background: #091624; border: 1px solid var(--help-line); border-left: 3px solid #347fe8; border-radius: 9px; }
.dossie-interacao.interna { border-left-color: #f29a31; background: rgba(67,42,15,.18); }
.dossie-interacao-topo { display: flex; justify-content: space-between; gap: 12px; color: #7eb1f8; font-size: .75rem; }
.dossie-interacao-topo span { color: #7086a2; font-size: .7rem; white-space: nowrap; }
.dossie-interacao p { margin: 8px 0; color: #d5e0ee; font-size: .82rem; line-height: 1.5; }
.dossie-interacao-meta { color: #7086a2; font-size: .69rem; }
.dossie-sem-interacoes { padding: 24px; color: #7d91aa; text-align: center; border: 1px dashed var(--help-line); border-radius: 9px; font-size: .8rem; }
.crm-tools-card{margin-top:18px;padding-bottom:20px;overflow:hidden}.crm-tools-card>.table-header{background:linear-gradient(90deg,rgba(23,104,212,.10),transparent)}.crm-tools-card>.table-header p{color:#7f96b2!important;font-size:.8rem;margin-top:5px}.crm-tools-card>.table-header h3{display:flex;align-items:center;gap:8px}.crm-tools-card>.table-header h3 svg{width:18px;color:#58a0ff}.crm-tool-form{display:grid;grid-template-columns:minmax(220px,1fr) minmax(160px,.45fr) auto;gap:14px;padding:18px}.crm-field{display:flex!important;flex-direction:column!important;gap:7px;min-width:0;color:#9fb0c5;font-size:.75rem;font-weight:700}.crm-field>span{display:block}.crm-field b{color:#f28b18}.crm-field input,.crm-field textarea,.crm-tool-search{display:block!important;width:100%!important;margin:0!important;border:1px solid #243b57!important;border-radius:9px!important;background:#081522!important;color:#e6eef8!important;outline:none!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.18)!important;font:inherit!important;font-weight:500!important;transition:border-color .18s,box-shadow .18s!important}.crm-field input{height:43px!important;padding:0 12px!important}.crm-field textarea{min-height:108px!important;padding:11px 12px!important;resize:vertical!important;line-height:1.5!important}.crm-field input::placeholder,.crm-field textarea::placeholder,.crm-tool-search::placeholder{color:#60758f!important}.crm-field input:focus,.crm-field textarea:focus,.crm-tool-search:focus{border-color:#347fe8!important;box-shadow:0 0 0 3px rgba(52,127,232,.13)!important}.crm-field small{align-self:flex-end;color:#60758f;font-weight:500}.crm-field-wide{grid-column:1/3}.crm-tool-form .btn{align-self:end;min-height:43px}.knowledge-form{grid-template-columns:1fr minmax(150px,.38fr) 1fr}.knowledge-form .crm-field:nth-of-type(4){grid-column:1/2}.knowledge-form .crm-field:nth-of-type(5){grid-column:2/4}.knowledge-form .btn{grid-column:3;justify-self:end;min-width:180px}.crm-tool-status{margin:0 18px 14px;padding:10px 12px;border-radius:8px;font-size:.78rem}.crm-tool-status.success{display:block!important;background:rgba(16,185,129,.10);border:1px solid rgba(16,185,129,.3);color:#6ee7b7}.crm-tool-status.error{display:block!important;background:rgba(239,68,68,.10);border:1px solid rgba(239,68,68,.3);color:#fca5a5}.crm-search-wrap{position:relative;margin:2px 18px 15px}.crm-search-wrap>svg{position:absolute;left:13px;top:12px;width:17px;color:#60758f}.crm-search-wrap .crm-tool-search{height:42px!important;padding:0 42px!important}.crm-search-wrap>button{position:absolute;right:6px;top:5px;width:32px;height:32px;border:0;border-radius:7px;background:transparent;color:#738aa6;cursor:pointer}.crm-search-wrap>button:hover{background:#12263e;color:#fff}.crm-search-wrap>button svg{width:16px}.crm-tool-list{display:grid;gap:10px;padding:0 18px}.crm-tool-item{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px 15px;border:1px solid #213a57;border-radius:10px;background:linear-gradient(135deg,#0a1828,#0b1b2e)}.crm-tool-item:hover{border-color:#31577f}.crm-tool-item strong{color:#e5eef9}.crm-tool-item small{display:block;color:#7790ad;margin:5px 0}.crm-tool-item p{margin:7px 0 0;color:#b8c7d9;white-space:pre-wrap;font-size:.8rem;line-height:1.5}.crm-tool-actions{display:flex;gap:5px}.crm-tool-actions button{border:0;background:transparent;color:#8fa7c3;cursor:pointer;padding:6px;border-radius:7px}.crm-tool-actions button:hover{background:rgba(239,68,68,.1);color:#f87171}.crm-tool-empty{padding:22px;color:#8196ae;text-align:center;border:1px dashed #29425f;border-radius:9px}

@media (max-width: 1100px) {
  .dossie-toolbar { grid-template-columns: 1fr 1fr; }
  .dossie-actions { grid-column: 1/-1; }
  .dossie-campos { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (max-width: 720px) {
  .crm-tool-form,.knowledge-form{grid-template-columns:1fr}.crm-field-wide,.knowledge-form .crm-field:nth-of-type(4),.knowledge-form .crm-field:nth-of-type(5),.knowledge-form .btn{grid-column:1}.crm-tool-form .btn,.knowledge-form .btn{width:100%;justify-self:stretch}.crm-tool-form{padding:14px}.crm-tool-list{padding:0 14px}.crm-search-wrap{margin-left:14px;margin-right:14px}
  .dossie-toolbar { grid-template-columns: 1fr; padding: 14px; }
  .dossie-internas,.dossie-actions { grid-column: auto; }
  .dossie-actions { display: grid; grid-template-columns: 1fr; }
  .dossie-actions .btn { width: 100%; justify-content: center; }
  .dossie-preview { padding: 14px; }
  .dossie-campos { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dossie-historico-head,.dossie-interacao-topo { align-items: flex-start; flex-direction: column; }
  .dossie-interacao-topo { gap: 4px; }
  .dossie-interacao-topo span { white-space: normal; }
}
/* Processos internos */
#visaoProcessos{gap:18px}.processos-header{margin-bottom:0}.processos-resumo{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.processo-resumo-card{background:#0d1d32;border:1px solid var(--help-line);border-radius:12px;padding:17px 19px;display:flex;justify-content:space-between;align-items:center}.processo-resumo-card span{color:#9db0c7;font-size:.8rem}.processo-resumo-card strong{font-size:1.45rem}.processo-resumo-card.alerta strong{color:#fb7185}.processo-resumo-card.sucesso strong{color:#34d399}.processos-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 190px 220px;gap:10px}.processos-toolbar select,.processos-busca{height:42px;background:#081321;border:1px solid var(--help-line);border-radius:9px;color:#e9f1fb}.processos-toolbar select{padding:0 12px}.processos-busca{display:flex;align-items:center;gap:9px;padding:0 12px}.processos-busca input{border:0!important;background:transparent!important;width:100%;color:#e9f1fb!important;box-shadow:none!important}.processos-busca .lucide{color:#7691b1}.processos-lista{display:grid;gap:14px}.processos-vazio{min-height:180px;border:1px dashed rgba(126,165,220,.3);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#86a5ca}.processos-vazio .lucide{width:28px;height:28px}.processos-vazio.erro{color:#fb7185}.processo-card{background:linear-gradient(145deg,#0c1b2f,#091728);border:1px solid var(--help-line);border-left:3px solid #347fe8;border-radius:12px;padding:18px;box-shadow:0 8px 22px rgba(0,0,0,.08)}.processo-card.atrasado{border-left-color:#ef4444}.processo-card-top{display:flex;justify-content:space-between;gap:20px}.processo-card-top h3{margin:9px 0 5px;font-size:1rem}.processo-card-top p{margin:0;color:#91a6bf;font-size:.82rem;line-height:1.5}.processo-badges{display:flex;gap:7px;flex-wrap:wrap}.processo-status,.processo-prioridade,.processo-atrasado{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.35px;border-radius:999px;padding:4px 8px;background:rgba(52,127,232,.13);color:#7db5ff}.processo-prioridade.prioridade-alta,.processo-atrasado{background:rgba(239,68,68,.12);color:#fb7185}.processo-prioridade.prioridade-baixa{background:rgba(52,211,153,.1);color:#6ee7b7}.processo-card-acoes{display:flex;gap:5px}.processo-card-acoes button{width:34px;height:34px;border:1px solid var(--help-line);border-radius:8px;background:#0b1829;color:#9fb2ca;display:grid;place-items:center;cursor:pointer}.processo-card-acoes button:hover{color:#fff;border-color:#347fe8}.processo-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:15px;padding-top:13px;border-top:1px solid var(--help-line);color:#a8bad0;font-size:.76rem}.processo-meta span{display:flex;align-items:center;gap:6px}.processo-meta .lucide{width:15px;height:15px;color:#65a5ff}.processo-checklist{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.processo-check{display:flex;align-items:flex-start;gap:8px;background:rgba(4,13,24,.45);border:1px solid rgba(126,165,220,.1);padding:9px 10px;border-radius:8px;font-size:.78rem;color:#c6d3e2}.processo-check input:checked+span{text-decoration:line-through;color:#6f849d}.processo-observacoes{margin-top:12px;display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:8px;background:rgba(245,158,11,.06);color:#d4b77c;font-size:.77rem}.processo-card-rodape{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}.processo-historico{border-top:1px solid var(--help-line);margin-top:15px;padding-top:12px}.processo-historico summary{cursor:pointer;color:#84a8d3;font-size:.76rem;font-weight:600}.processo-historico>div{display:flex;gap:8px;align-items:flex-start;margin-top:10px;color:#8fd6b8}.processo-historico>div span{display:flex;flex-direction:column;color:#cad7e6;font-size:.76rem}.processo-historico small{color:#8298b2;margin-top:3px}.processo-modal{max-width:820px;border-color:rgba(80,137,210,.38);background:linear-gradient(155deg,#13253a 0%,#0b192b 70%);box-shadow:0 32px 90px rgba(0,0,0,.68)}.processo-modal .modal-header{background:linear-gradient(90deg,rgba(43,113,219,.11),transparent);padding:22px 26px}.processo-modal .modal-header h2{font-size:1.18rem}.processo-modal .modal-header p{color:#8fa3bb;font-size:.79rem;margin:5px 0 0}.processo-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 14px;padding:22px 26px 8px}.processo-form-grid .hidden{display:none!important}.processo-campo-largo{grid-column:1/-1}.processo-modal .crm-field{gap:8px;color:#a9bbd0;font-size:.73rem}.processo-modal .crm-field>span{letter-spacing:.1px}.processo-modal .crm-field input,.processo-modal .crm-field textarea,.processo-modal .crm-field select{width:100%!important;border:1px solid #29435f!important;border-radius:10px!important;background-color:#071522!important;color:#eaf2fc!important;outline:none!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.24)!important;font:inherit!important;font-size:.82rem!important;font-weight:500!important;transition:border-color .18s,box-shadow .18s,background .18s!important}.processo-modal .crm-field input,.processo-modal .crm-field select{height:44px!important;padding:0 13px!important}.processo-modal .crm-field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#91a7c1 50%),linear-gradient(135deg,#91a7c1 50%,transparent 50%);background-position:calc(100% - 17px) 19px,calc(100% - 12px) 19px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:35px!important}.processo-modal .crm-field select option{background:#0b192a;color:#eef5ff}.processo-modal .crm-field input:focus,.processo-modal .crm-field textarea:focus,.processo-modal .crm-field select:focus{border-color:#418bf0!important;background-color:#091a2c!important;box-shadow:0 0 0 3px rgba(49,124,228,.14)!important}.processo-modal input[type="datetime-local"]{color-scheme:dark}.processo-modal textarea{padding:12px 13px!important;line-height:1.5!important;resize:vertical}.processo-modal #processoDescricao{min-height:82px!important}.processo-modal #processoChecklist{min-height:102px!important}.processo-modal #processoObservacoes{min-height:72px!important}.processo-modal .crm-field small{color:#6f859f}.processo-dias{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-top:2px}.processo-dias label{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;background:#071522;border:1px solid #29435f;border-radius:9px;padding:8px;color:#aebfd2;font-size:.72rem;cursor:pointer;transition:.18s}.processo-dias label:hover{border-color:#4279ba;background:#0c2035}.processo-dias label:has(input:checked){border-color:#347fe8;background:rgba(52,127,232,.18);color:#dcecff;box-shadow:0 0 0 2px rgba(52,127,232,.08)}.processo-dias input{appearance:none;width:15px!important;height:15px!important;padding:0!important;border:1px solid #526c89!important;border-radius:4px!important;background:#06111d!important;display:grid;place-items:center}.processo-dias input:checked{background:#347fe8!important;border-color:#5b9cff!important}.processo-dias input:checked:after{content:'✓';color:#fff;font-size:10px;line-height:1}.processo-modal .modal-footer{border-top:1px solid rgba(124,159,198,.13);margin-top:10px;padding:17px 26px 21px;background:rgba(4,12,22,.18)}
@media(max-width:900px){.processos-resumo{grid-template-columns:repeat(2,1fr)}.processos-toolbar{grid-template-columns:1fr 1fr}.processos-busca{grid-column:1/-1}.processo-checklist{grid-template-columns:1fr}}
@media(max-width:600px){.processos-header{align-items:stretch}.processos-header .btn{width:100%;justify-content:center}.processos-resumo{grid-template-columns:1fr 1fr;gap:8px}.processo-resumo-card{padding:12px;flex-direction:column;align-items:flex-start;gap:5px}.processos-toolbar{grid-template-columns:1fr}.processos-busca{grid-column:auto}.processo-card{padding:14px}.processo-card-top{gap:10px}.processo-meta{display:grid;gap:8px}.processo-card-rodape{display:grid;grid-template-columns:1fr}.processo-card-rodape .btn{justify-content:center}.processo-form-grid{grid-template-columns:1fr;padding:18px 16px 6px;gap:15px}.processo-campo-largo{grid-column:auto}.processo-modal{max-height:94vh;overflow:auto;border-radius:15px}.processo-modal .modal-header{padding:18px 16px}.processo-modal .modal-footer{padding:15px 16px 18px;position:sticky;bottom:0;background:#0a1829}.processo-dias{grid-template-columns:repeat(4,1fr)}.processo-dias label{min-height:40px}}

/* Dashboard operacional personalizável */
.dashboard-customize-btn{white-space:nowrap}.dashboard-ops-section{margin:18px 0;padding:18px;background:linear-gradient(145deg,rgba(16,32,53,.86),rgba(8,22,39,.92));border:1px solid var(--help-line);border-radius:12px}.dashboard-ops-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px}.dashboard-ops-head h2{margin:0 0 4px;font-size:1.08rem}.dashboard-ops-head p{margin:0;color:#86a1c1;font-size:.82rem}.dashboard-periodo{display:flex;align-items:center;gap:9px;color:#92a9c5;font-size:.75rem}.dashboard-periodo select{min-width:150px;background:#091728;color:#eaf3ff;border:1px solid #28415f;border-radius:8px;padding:9px 11px}.dashboard-widgets-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start}.dashboard-widget{grid-column:span 1;min-width:0;background:linear-gradient(155deg,#10233b,#09192c);border:1px solid #263f5d;border-radius:11px;padding:15px;min-height:150px;box-shadow:0 10px 24px rgba(0,0,0,.1)}.dashboard-widget.tamanho-medio{grid-column:span 2}.dashboard-widget.tamanho-grande{grid-column:span 4}.dashboard-widget-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.dashboard-widget-head>div{display:flex;align-items:center;gap:9px;min-width:0}.dashboard-widget-head h3{font-size:.92rem;margin:0;color:#f2f7ff}.dashboard-widget-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:rgba(42,119,225,.14);color:#71b5ff}.dashboard-widget-icon svg{width:16px;height:16px}.dashboard-head-action{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:#6db4ff;font-weight:700;font-size:.7rem;cursor:pointer;padding:5px}.dashboard-head-action svg{width:14px}.dashboard-kpi{display:flex;align-items:end;gap:9px;margin:5px 0 12px}.dashboard-kpi strong{font-size:2.05rem;line-height:1}.dashboard-kpi span{font-size:.75rem;color:#8da6c3;padding-bottom:3px}.dashboard-kpi.danger strong{color:#ff687b}.dashboard-kpi.warning strong{color:#ffc247}.dashboard-kpi.success strong{color:#36d5a2}.dashboard-list-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;border-top:1px solid rgba(123,157,199,.12);background:transparent;color:#dce9fa;padding:10px 2px;text-align:left;cursor:pointer}.dashboard-list-item:hover{background:rgba(39,101,183,.08)}.dashboard-list-item>span{display:flex;flex-direction:column;gap:3px;min-width:0}.dashboard-list-item strong{font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-list-item small{font-size:.66rem;color:#7895b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-list-item>b{font-size:.66rem;color:#88bfff;text-align:right;max-width:46%;font-weight:600}.dashboard-widget-vazio{min-height:95px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#7390b1;text-align:center;font-size:.75rem}.dashboard-widget-vazio svg{width:22px;color:#32c89d}.dashboard-rank-item{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(123,157,199,.12);padding:10px 2px}.dashboard-rank-item span{display:flex;flex-direction:column}.dashboard-rank-item strong{font-size:.77rem}.dashboard-rank-item small{color:#7895b8;font-size:.66rem;margin-top:2px}.dashboard-rank-item>b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#18365c;color:#84c2ff;font-size:.7rem}.dashboard-performance-table{overflow:auto}.performance-row{min-width:560px;display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:12px;padding:10px 8px;border-top:1px solid rgba(123,157,199,.12);font-size:.75rem;color:#b7cae0}.performance-row.header{text-transform:uppercase;letter-spacing:.04em;color:#7191b7;font-size:.63rem;font-weight:800;background:rgba(14,42,74,.42)}.performance-row strong{color:#ecf5ff}.dashboard-agenda{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.dashboard-agenda>div{display:grid;grid-template-columns:29px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 2px;border-top:1px solid rgba(123,157,199,.12)}.dashboard-agenda>div>svg{width:16px;color:#6eb5ff}.dashboard-agenda span{display:flex;flex-direction:column;min-width:0}.dashboard-agenda strong{font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-agenda small{font-size:.64rem;color:#7793b4}.dashboard-agenda time{font-size:.65rem;color:#b8cce3}.dashboard-aviso{padding:11px 12px;margin-top:8px;border:1px solid #2b496b;border-left:3px solid #4c9eff;border-radius:8px;background:rgba(14,43,75,.48)}.dashboard-aviso>div{display:flex;align-items:center;justify-content:space-between}.dashboard-aviso strong{font-size:.78rem}.dashboard-aviso button{border:0;background:transparent;color:#7e9ab9;cursor:pointer}.dashboard-aviso button svg{width:14px}.dashboard-aviso p{white-space:pre-line;margin:7px 0;color:#b9cce1;font-size:.72rem;line-height:1.45}.dashboard-aviso small{font-size:.62rem;color:#6f8bac}.dashboard-shortcuts{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.dashboard-shortcuts button{display:flex;align-items:center;gap:9px;min-height:48px;padding:10px;border:1px solid #2a4565;border-radius:8px;background:#0b1d33;color:#dcecff;cursor:pointer;text-align:left;font-size:.72rem;font-weight:700}.dashboard-shortcuts button:hover{border-color:#377ed6;background:#102a49}.dashboard-shortcuts svg{width:17px;color:#69afff}.dashboard-chart-box{padding:0;border:0;background:transparent;min-height:230px}.dashboard-chart-box canvas{max-height:225px}
.dashboard-config-modal{width:min(720px,calc(100vw - 28px));max-height:88vh;overflow:auto}.dashboard-config-intro{display:flex;gap:10px;align-items:center;margin:0 18px 13px;padding:11px 13px;border-radius:8px;background:rgba(45,117,211,.1);color:#91acd0;font-size:.73rem}.dashboard-config-intro svg{width:17px;color:#64adff}.dashboard-config-lista{padding:0 18px 18px;display:grid;gap:8px}.dashboard-config-item{display:grid;grid-template-columns:24px 39px minmax(160px,1fr) 118px 64px;align-items:center;gap:9px;padding:10px;border:1px solid #263f5d;border-radius:9px;background:#0b1c30}.dashboard-config-item.dragging{opacity:.45;border-color:#4b9dff}.dashboard-drag{cursor:grab;color:#637f9f}.dashboard-drag svg{width:17px}.dashboard-config-toggle input{display:none}.dashboard-config-toggle span{display:block;width:34px;height:19px;border-radius:12px;background:#263951;position:relative;cursor:pointer}.dashboard-config-toggle span:after{content:'';position:absolute;width:13px;height:13px;left:3px;top:3px;border-radius:50%;background:#91a5bc;transition:.18s}.dashboard-config-toggle input:checked+span{background:#2169cb}.dashboard-config-toggle input:checked+span:after{left:18px;background:#fff}.dashboard-config-name{display:flex;align-items:center;gap:9px;min-width:0}.dashboard-config-name svg{width:16px;color:#75b6ff}.dashboard-config-name strong{font-size:.76rem}.dashboard-config-item select{background:#081729;color:#dcecff;border:1px solid #294563;border-radius:7px;padding:7px}.dashboard-order-buttons{display:flex}.dashboard-order-buttons button{width:29px;height:29px;display:grid;place-items:center;border:1px solid #294563;background:#10233a;color:#91acd0;cursor:pointer}.dashboard-order-buttons button:first-child{border-radius:7px 0 0 7px}.dashboard-order-buttons button:last-child{border-radius:0 7px 7px 0}.dashboard-order-buttons button:disabled{opacity:.3}.dashboard-order-buttons svg{width:14px}.dashboard-config-spacer{flex:1}.dashboard-aviso-modal{width:min(560px,calc(100vw - 28px))}.dashboard-aviso-form{padding:2px 18px 20px;display:grid;gap:13px}.dashboard-aviso-form .crm-field textarea{min-height:100px}
@media(max-width:1150px){.dashboard-widgets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-widget.tamanho-grande{grid-column:span 2}.dashboard-agenda{grid-template-columns:1fr}}
@media(max-width:760px){.dashboard-customize-btn{width:44px;font-size:0;padding:0;justify-content:center}.dashboard-customize-btn svg{margin:0}.dashboard-ops-section{padding:13px;margin-inline:-4px}.dashboard-ops-head{align-items:stretch;flex-direction:column}.dashboard-periodo{justify-content:space-between}.dashboard-periodo select{flex:1}.dashboard-widgets-grid{grid-template-columns:1fr}.dashboard-widget,.dashboard-widget.tamanho-medio,.dashboard-widget.tamanho-grande{grid-column:span 1}.dashboard-agenda{grid-template-columns:1fr}.dashboard-config-item{grid-template-columns:22px 36px 1fr 62px}.dashboard-config-item select{grid-column:3/5;width:100%}.dashboard-order-buttons{grid-column:4;grid-row:1}.dashboard-shortcuts{grid-template-columns:1fr}.performance-row{min-width:480px}.dashboard-config-spacer{display:none}}

/* Fluxo diário, Kanban, cronômetro e encerramento */
.operacional-view{gap:18px}.meu-trabalho-resumo{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.meu-trabalho-resumo>div{padding:17px 18px;background:linear-gradient(145deg,#10243b,#0a1a2e);border:1px solid var(--help-line);border-radius:11px}.meu-trabalho-resumo span{display:block;color:#8ea4bf;font-size:.72rem;text-transform:uppercase}.meu-trabalho-resumo strong{display:block;margin-top:10px;font-size:1.45rem}.meu-trabalho-resumo .alerta strong{color:#fb7185}.operacional-panel{background:#0c1d32;border:1px solid var(--help-line);border-radius:12px;overflow:hidden}.operacional-panel-head{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;border-bottom:1px solid var(--help-line)}.operacional-panel-head h3,.operacional-panel-head p{margin:0}.operacional-panel-head p{font-size:.72rem;color:#8097b3;margin-top:4px}.operacional-panel-head select,.kanban-filtros select,.kanban-filtros input{height:39px;border:1px solid #294460;background:#081625;color:#e7f1fd;border-radius:8px;padding:0 11px}.meu-trabalho-lista{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px}.trabalho-card{padding:14px;background:#091829;border:1px solid #233d5b;border-left:3px solid #3985ee;border-radius:10px;cursor:pointer;transition:.18s}.trabalho-card:hover{transform:translateY(-2px);border-color:#3e78bc}.trabalho-card.alta{border-left-color:#ef5265}.trabalho-card>div,.trabalho-card footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.trabalho-card>div>span{font-size:.67rem;font-weight:800;color:#65adff}.trabalho-card h3{margin:12px 0 5px;font-size:.88rem}.trabalho-card p{margin:0;color:#91a7c0;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trabalho-card footer{margin-top:13px;padding-top:10px;border-top:1px solid rgba(119,155,196,.12);color:#718aa8;font-size:.63rem}.trabalho-card footer span{display:flex;align-items:center;gap:5px}.trabalho-card footer svg{width:12px}.operacional-vazio{grid-column:1/-1;min-height:210px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:#7892b0}.operacional-vazio svg{color:#35d0a0}.kanban-filtros{display:flex;gap:9px}.kanban-board{display:grid;grid-template-columns:repeat(4,minmax(245px,1fr));gap:12px;align-items:start;overflow:auto;padding-bottom:7px}.kanban-coluna{background:#0a192b;border:1px solid #213a58;border-radius:11px;min-height:520px;overflow:hidden}.kanban-coluna>header{display:flex;align-items:center;gap:8px;padding:14px;border-bottom:1px solid #213a58;background:#0e2138}.kanban-coluna>header h3{font-size:.78rem;margin:0;flex:1}.kanban-coluna>header b{font-size:.65rem;background:#1b385c;color:#9ecaff;border-radius:20px;padding:3px 7px}.kanban-status-dot{width:8px;height:8px;border-radius:50%;background:#f4b421}.kanban-status-dot.status-em-andamento{background:#3b8ef6}.kanban-status-dot.status-aguardando-cliente{background:#a77bf3}.kanban-status-dot.status-resolvido{background:#34d399}.kanban-coluna>div{padding:10px;display:grid;gap:9px}.kanban-card{padding:12px;background:#10243c;border:1px solid #29435f;border-radius:9px;cursor:grab}.kanban-card:active{cursor:grabbing}.kanban-card>span{color:#69b1ff;font-size:.64rem;font-weight:800}.kanban-card h4{margin:8px 0 4px;font-size:.8rem}.kanban-card p{margin:0;color:#8098b5;font-size:.68rem}.kanban-card footer{display:flex;align-items:center;justify-content:space-between;margin-top:11px;padding-top:9px;border-top:1px solid rgba(120,160,205,.13)}.kanban-card footer small{color:#9bb0c9;font-size:.63rem}.kanban-card footer b{font-size:.59rem;color:#8ea7c5}.kanban-card footer b.alta{color:#fb7185}.kanban-vazio{text-align:center;padding:24px 8px;color:#58728f;font-size:.68rem;border:1px dashed #28415f;border-radius:8px}.controle-atendimento,.checklist-encerramento{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #2a4564;border-radius:10px;background:#0a192a;padding:13px 14px}.controle-atendimento-info span{display:flex;align-items:center;gap:7px;font-size:.69rem;color:#83a0c1}.controle-atendimento-info svg{width:15px;color:#65adff}.controle-atendimento-info strong{display:block;margin-top:5px;font-size:.85rem}.cronometro-ativo{border-color:#ef596b!important;color:#ff8190!important}.checklist-encerramento{display:grid;grid-template-columns:1fr auto;background:rgba(32,104,190,.08)}.checklist-encerramento>div{display:flex;gap:9px}.checklist-encerramento>div>svg{color:#70b2ff}.checklist-encerramento strong,.checklist-encerramento small{display:block}.checklist-encerramento small{font-size:.65rem;color:#7891af;margin-top:3px}.checklist-encerramento>label{font-size:.72rem;color:#c7d6e8}.checklist-encerramento>p{grid-column:1/-1;display:flex;gap:18px;margin:2px 0 0;padding-top:10px;border-top:1px solid rgba(113,153,199,.15)}.checklist-encerramento>p span{display:flex;align-items:center;gap:6px;color:#778eaa;font-size:.68rem}.checklist-encerramento>p span.ok{color:#45d7a7}.checklist-encerramento>p svg{width:14px}.notification-foot{display:grid;gap:8px}.notification-foot button:first-child{display:flex;align-items:center;justify-content:center;gap:7px}.notification-foot button:first-child svg{width:15px}.notification-foot button.ativo{color:#49d6a7;border-color:rgba(52,211,153,.35)}
@media(max-width:1050px){.meu-trabalho-lista{grid-template-columns:repeat(2,1fr)}.kanban-board{grid-template-columns:repeat(4,280px)}}
@media(max-width:700px){.meu-trabalho-resumo{grid-template-columns:repeat(2,1fr)}.meu-trabalho-lista{grid-template-columns:1fr}.operacional-panel-head,.operacional-view>.header{align-items:stretch;flex-direction:column}.kanban-filtros{display:grid}.kanban-filtros input,.kanban-filtros select{width:100%}.controle-atendimento,.checklist-encerramento{align-items:stretch;flex-direction:column}.controle-atendimento .btn{width:100%;justify-content:center}.checklist-encerramento{display:flex}.checklist-encerramento>p{display:grid;width:100%}}

/* Processos com múltiplos responsáveis */
.processo-responsaveis-campo{border:1px solid rgba(91,145,211,.2);border-radius:11px;padding:13px;background:rgba(5,18,31,.34)}.processo-responsaveis-atalhos{display:flex;gap:8px;flex-wrap:wrap}.processo-responsaveis-atalhos button{display:flex;align-items:center;gap:6px;min-height:35px;padding:0 11px;border:1px solid #2c4969;border-radius:8px;background:#0a1b2e;color:#a9bdd5;font-size:.72rem;font-weight:650;cursor:pointer}.processo-responsaveis-atalhos button:hover,.processo-responsaveis-atalhos button.ativo{border-color:#438ef3;background:rgba(52,127,232,.16);color:#e8f3ff}.processo-responsaveis-atalhos svg{width:14px}.processo-responsaveis-lista{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.processo-responsavel-opcao{position:relative;display:flex;align-items:center;gap:7px;min-height:38px;padding:0 11px;border:1px solid #294560;border-radius:999px;background:#081725;color:#a9bdd4;cursor:pointer;font-size:.74rem}.processo-responsavel-opcao:has(input:checked){border-color:#438ef3;background:rgba(52,127,232,.18);color:#edf6ff}.processo-responsavel-opcao input{width:15px!important;height:15px!important;margin:0!important;accent-color:#347fe8}.processo-responsaveis-chips{display:flex!important;gap:6px!important;flex-wrap:wrap}.processo-responsavel-chip{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:4px 8px;border-radius:999px;background:rgba(52,127,232,.12);border:1px solid rgba(82,146,228,.22);color:#acd0ff}.processo-atribuido-mim{background:rgba(52,211,153,.12)!important;color:#65e6b9!important}.processo-check{position:relative}.processo-check.bloqueado{opacity:.72;cursor:not-allowed}.processo-check-detalhe{display:block;margin-top:3px;color:#6f8eae;font-size:.64rem;text-decoration:none!important}.processo-historico .evento-checklist{color:#6fb6ff}.trabalho-card.processo-trabalho{border-left-color:#8b7cf6}.trabalho-card .atribuido-mim{color:#63dfb6;background:rgba(52,211,153,.1);padding:3px 7px;border-radius:999px}
html[data-theme="light"] .processo-responsaveis-campo{background:#f8fbff;border-color:#d7e4f1}html[data-theme="light"] .processo-responsaveis-atalhos button,html[data-theme="light"] .processo-responsavel-opcao{background:#fff;color:#52657a;border-color:#cfdbea}html[data-theme="light"] .processo-responsaveis-atalhos button.ativo,html[data-theme="light"] .processo-responsavel-opcao:has(input:checked){background:#eaf3ff;color:#2366ba;border-color:#73a5df}

/* Agenda operacional e comercial */
.dashboard-agenda-item{width:100%;display:grid;grid-template-columns:29px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 2px;border:0;border-top:1px solid rgba(123,157,199,.12);background:transparent;color:#dce9fa;text-align:left;cursor:pointer;font:inherit}
.dashboard-agenda-item:hover{background:rgba(39,101,183,.08)}
.dashboard-agenda-item>svg{width:16px;color:#6eb5ff}
.dashboard-agenda-item.tipo-crm>svg,.dashboard-crm-item>b{color:#f6a84b}
.dashboard-crm-item{border-left:2px solid rgba(246,168,75,.55);padding-left:9px}

/* Ações do funil comercial */
.crm-next-action{display:flex;align-items:center;justify-content:space-between;gap:12px}.crm-next-action>div{min-width:0}.crm-next-action button{flex:none;display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid rgba(52,211,153,.35);border-radius:8px;background:rgba(52,211,153,.11);color:#6ee7b7;font-weight:700;cursor:pointer}.crm-next-action button:hover{background:rgba(52,211,153,.2)}.crm-delete-lead{border-color:rgba(248,113,113,.42)!important;background:rgba(127,29,29,.2)!important;color:#fca5a5!important}.crm-delete-lead:hover{background:rgba(185,28,28,.3)!important}@media(max-width:700px){.crm-next-action{align-items:flex-start}.crm-next-action button{margin-top:2px}}