/* =========================== HJT – Design System básico =========================== */ :root{ --hjt-blue:#004AAD; --hjt-blue-700:#003B82; --hjt-orange:#FF6600; --hjt-orange-700:#E05500; /* Bootstrap hook */ --bs-primary: var(--hjt-blue); } /* Navbar */ .navbar-hjt{ background:var(--hjt-blue); } .navbar-hjt .navbar-brand, .navbar-hjt .nav-link, .navbar-hjt .navbar-text{ color:#fff !important; } .navbar-hjt .nav-link:hover{ opacity:.9; } /* Botões */ .btn-primary{ background:var(--hjt-blue); border-color:var(--hjt-blue); } .btn-primary:hover,.btn-primary:focus{ background:var(--hjt-blue-700); border-color:var(--hjt-blue-700); } .btn-accent{ background:var(--hjt-orange); border-color:var(--hjt-orange); color:#fff; } .btn-accent:hover,.btn-accent:focus{ background:var(--hjt-orange-700); border-color:var(--hjt-orange-700); color:#fff; } /* Cards */ .card.hjt-card{ border-radius:12px; box-shadow:0 6px 18px rgba(0,0,0,.06); } .card.hjt-card .card-header{ background:#fff; border-bottom:1px solid #eef1f5; } .card.hjt-card .card-title{ color:#202124; font-weight:700; } /* Form & Inputs */ .form-control, .form-select{ border-radius:8px; } .form-control-sm, .form-select-sm{ border-radius:8px; padding:.25rem .5rem; } /* Links discretos */ a.link-muted{ color:#6c757d; text-decoration:none; } a.link-muted:hover{ color:#495057; text-decoration:underline; } /* =========================== Tabelas (com cabeçalho sticky) =========================== */ .table { margin-bottom:0; } .table-sm td, .table-sm th{ padding:.4rem .5rem; } .table-responsive{ /* container rolável da tabela */ overflow:auto; } /* Faz o thead “grudar” no topo do container rolável */ .table-responsive thead.sticky-top th{ position: sticky; top: 0; z-index: 2; /* acima das células */ background:#f8f9fa; /* evita “transparência” quando rola */ border-bottom:1px solid #dee2e6; } /* Alternância suave nas linhas */ .table tbody tr:nth-child(odd) td{ background:#fff; } .table tbody tr:nth-child(even) td{ background:#fafbfc; } /* Botões de ação na tabela */ .table .btn{ min-width: 66px; } /* Pequeno ajuste quando a tabela tem muitas colunas */ @media (max-width: 992px){ .table { min-width: 720px; } } /* =========================== Login – Marca d’água (HJ azul + T laranja) =========================== */ /* Use na página de login */ body.login-watermark{ position: relative; min-height: 100vh; } /* Zera qualquer imagem antiga herdada */ body.login-watermark, body.login-watermark::before, body.login-watermark::after{ background-image: none !important; } /* HJ (azul) – máscara do logo completo */ body.login-watermark::before{ content:""; position: fixed; inset: 0; pointer-events:none; background:#0057FF; /* azul de fundo da marca d’água */ opacity:.10; -webkit-mask: url("/static/logo-hjt-mask.png?v=2") center / 42% no-repeat; mask: url("/static/logo-hjt-mask.png?v=2") center / 42% no-repeat; z-index:0; } /* T (laranja) – aplica a mesma máscara e corta a parte esquerda */ body.login-watermark::after{ content:""; position: fixed; inset: 0; pointer-events:none; background:#FF6600; opacity:.12; -webkit-mask: url("/static/logo-hjt-mask.png?v=2") center / 42% no-repeat; mask: url("/static/logo-hjt-mask.png?v=2") center / 42% no-repeat; /* Mostra só o “T” (faixa direita). Ajuste fino: 60–66% conforme seu logo */ clip-path: inset(0 0 0 63%); z-index:0; } /* =========================== Utilitários rápidos =========================== */ .max-h-65vh{ max-height:65vh; } .rounded-12{ border-radius:12px; } .shadow-soft{ box-shadow:0 6px 18px rgba(0,0,0,.06); } /* Ajuste visual do texto “Total/Página” */ .card .text-muted small strong{ color:#000; } /* ==== Coluna3 colorida conforme situação (pagar/receber) ==== */ #form-totais [name="coluna3"].status-pagar{ color:#b00000; background:#fde2e2 !important; border-color:#f1aeb5 !important; font-weight:600; } #form-totais [name="coluna3"].status-receber{ color:#0a7d00; background:#e6f4ea !important; border-color:#9ad29b !important; font-weight:600; } /* ===== Permissões: pills padrão ===== */ .perm-pill { display:inline-block; padding:.25rem .6rem; border-radius:999px; font-size:.85rem; line-height:1; user-select:none; cursor:pointer; border:1px solid transparent; transition: none; } .perm-on { background:#d1fae5; color:#065f46; border-color:#10b981; } /* verde */ .perm-off { background:#fee2e2; color:#991b1b; border-color:#ef4444; } /* vermelho */ .perm-pill:focus { outline:2px dashed #6b7280; outline-offset:2px; } .perm-actions .perm-pill { margin-right:.35rem; margin-bottom:.35rem; } td.muted { color:#9ca3af; } #mainContainer { max-width: var(--hjt-max-width, 1600px); transition: none !important; } /* === FIX DEFINITIVO BOTÃO NOVO ARLA === */ #btnNovo { background-color: #28a745 !important; border-color: #28a745 !important; color: #fff !important; }