/* =====================================================================
   nav-polish.css
   Polish compartilhado para todas as barras navN (sidebar + topbar).
   Inclua via:  <link rel="stylesheet" href="../assets/css/nav-polish.css">
   100% local — sem dependências externas (offline-friendly).
   ===================================================================== */

/* ---------- Topbar 50px ---------- */
html body nav.navbar.default-layout{
    min-height:50px !important;
    height:50px !important;
    padding:0 !important;
    background:#fff !important;
    box-shadow:0 2px 6px rgba(0,0,0,.06);
}
html body nav.navbar.default-layout .navbar-menu-wrapper{
    min-height:50px !important;
    height:50px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
    background:#fff;
}
/* Logo JC Software com gradiente azul */
html body nav.navbar.default-layout .navbar-brand-wrapper{
    min-height:50px !important;
    height:50px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
    background:linear-gradient(135deg,#3182ce 0%,#2b6cb0 100%) !important;
    box-shadow:0 2px 6px rgba(49,130,206,.25);
}
html body nav.navbar.default-layout .navbar-brand-wrapper .navbar-brand img{
    filter:brightness(0) invert(1);
    max-height:30px;
}
/* Page-body alinhado com a topbar 50px */
html body .container-fluid.page-body-wrapper{padding-top:50px !important}
html body nav.sidebar{top:50px !important}

/* ---------- Form do Módulo na topbar (template novo + antigo) ---------- */
.nav-modulo-form,
html body nav.navbar.default-layout .navbar-menu-wrapper .form-group,
html body nav.navbar.default-layout .navbar-menu-wrapper form.form-inline{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    margin:0 1rem 0 0 !important;
    padding:0 !important;
}
html body nav.navbar.default-layout .navbar-menu-wrapper form label,
.nav-modulo-form label{margin:0 !important;font-size:13px;color:#4a5568;font-weight:600;white-space:nowrap}
html body nav.navbar.default-layout .navbar-menu-wrapper form select,
.nav-modulo-form select{height:32px !important;padding:2px 8px !important;font-size:13px !important;border-radius:6px !important;border:1px solid #cbd5e0 !important;min-width:160px;line-height:1.2}
html body nav.navbar.default-layout .navbar-menu-wrapper form .btn,
.nav-modulo-form .btn{height:32px !important;padding:0 14px !important;font-size:13px !important;border-radius:6px !important;line-height:1 !important;display:inline-flex !important;align-items:center}

/* ---------- Botão-ícone (sino, e-mail) — template novo + antigo ---------- */
.nav-icon-btn,
html body nav.navbar.default-layout .navbar-nav .nav-link.count-indicator{
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:36px !important;
    height:36px !important;
    padding:0 !important;
    margin:0 2px !important;
    border-radius:50% !important;
    color:#475569 !important;
    transition:background .15s,color .15s;
    text-decoration:none;
}
.nav-icon-btn:hover,
html body nav.navbar.default-layout .navbar-nav .nav-link.count-indicator:hover{
    background:#eef2ff !important;
    color:#3b82f6 !important;
    text-decoration:none;
}
.nav-icon-btn .mdi,
html body nav.navbar.default-layout .navbar-nav .nav-link.count-indicator .mdi{font-size:18px !important}
.nav-icon-btn .count,
html body nav.navbar.default-layout .navbar-nav .nav-link.count-indicator .count{
    position:absolute !important;
    top:2px !important;
    right:2px !important;
    min-width:16px;
    height:16px;
    line-height:16px;
    border-radius:8px;
    font-size:10px;
    font-weight:700;
    color:#fff;
    background:#ef4444;
    padding:0 4px;
    text-align:center;
    transform:none !important;
}
.nav-icon-btn .count.bg-success,
html body nav.navbar.default-layout .navbar-nav .nav-link.count-indicator .count.bg-success{background:#10b981}

/* ---------- Avatar pill (novo) e avatar img antigo ---------- */
.nav-avatar-pill{display:flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:30px;background:#f1f5f9;color:#1e293b;text-decoration:none;transition:background .15s}
.nav-avatar-pill:hover{background:#e0e7ff;color:#1e293b;text-decoration:none}
.nav-avatar-pill img{width:30px;height:30px;border-radius:50%;object-fit:cover}
.nav-avatar-pill .mdi-chevron-down{font-size:18px;color:#94a3b8}
/* Avatar antigo: <a class="nav-link dropdown-toggle"><img class="img-xs rounded-circle"></a> */
html body nav.navbar.default-layout .navbar-nav .nav-link.dropdown-toggle:has(img.rounded-circle),
html body nav.navbar.default-layout .navbar-nav .nav-item.dropdown > .nav-link[id="UserDropdown"]{
    display:inline-flex !important;
    align-items:center !important;
    gap:6px !important;
    padding:4px 14px 4px 4px !important;
    margin:0 0 0 6px !important;
    border-radius:30px !important;
    background:#f1f5f9 !important;
    height:38px !important;
    transition:background .15s;
}
html body nav.navbar.default-layout .navbar-nav .nav-link.dropdown-toggle:has(img.rounded-circle):hover,
html body nav.navbar.default-layout .navbar-nav .nav-item.dropdown > .nav-link[id="UserDropdown"]:hover{
    background:#e0e7ff !important;
}
html body nav.navbar.default-layout .navbar-nav .nav-link[id="UserDropdown"] img.img-xs,
html body nav.navbar.default-layout .navbar-nav .nav-link[id="UserDropdown"] img.rounded-circle{
    width:30px !important;
    height:30px !important;
    border-radius:50% !important;
    object-fit:cover !important;
}
/* Esconde o ::after do dropdown-toggle padrão e adiciona um chevron via pseudo-elemento */
html body nav.navbar.default-layout .navbar-nav .nav-link.dropdown-toggle[id="UserDropdown"]::after{
    border:0 !important;
    content:"\F140" !important; /* mdi-chevron-down */
    font-family:"Material Design Icons" !important;
    font-size:18px;
    color:#94a3b8;
    margin-left:0 !important;
    vertical-align:middle;
}

/* Reseta o navbar-nav.ml-auto para flex horizontal alinhado */
html body nav.navbar.default-layout .navbar-menu-wrapper .navbar-nav.ml-auto{
    flex-direction:row !important;
    align-items:center !important;
    gap:4px !important;
}
html body nav.navbar.default-layout .navbar-menu-wrapper{
    justify-content:flex-end;
}

/* ---------- Sidebar (fundo azul, mesmo gradiente da topbar/logo) ---------- */
.sidebar{background:linear-gradient(180deg,#3182ce 0%,#2b6cb0 100%) !important}
.sidebar .nav-profile{padding:18px 16px 14px !important;border-bottom:1px solid rgba(255,255,255,.12)}
.sidebar .nav-profile .profile-name{color:#fff !important;font-weight:600 !important;font-size:13px}
.sidebar .nav-category{font-size:10px !important;color:rgba(255,255,255,.6) !important;letter-spacing:1.5px;font-weight:700;padding:14px 16px 6px !important;text-transform:uppercase}
.sidebar .nav-item .nav-link{color:rgba(255,255,255,.95) !important;padding:11px 16px !important;font-size:13.5px;border-left:3px solid transparent;transition:background .15s,border-color .15s,color .15s;display:flex;align-items:center}
/* Suprime os pseudo-elementos circulares do template padrão (que sobrepunham o nome do menu) */
.sidebar .nav-item .nav-link::before,
.sidebar .nav-item .nav-link::after{content:none !important;display:none !important}
.sidebar .nav-item .nav-link:hover{background:rgba(255,255,255,.14) !important;border-left-color:#fff;color:#fff !important}
.sidebar .nav-item .nav-link[aria-expanded="true"]{background:rgba(0,0,0,.18) !important;border-left-color:#fff;color:#fff !important}
.sidebar .nav-item .nav-link .menu-icon{font-size:18px !important;width:24px !important;text-align:center;margin-right:12px;color:#fff !important;line-height:1}
.sidebar .nav-item .nav-link .menu-title{flex:1}
.sidebar .nav-item .nav-link .menu-arrow{color:rgba(255,255,255,.55) !important;margin-left:auto}
.sidebar .sub-menu{background:rgba(0,0,0,.22);padding:4px 0 6px}
.sidebar .sub-menu .nav-item .nav-link{padding:7px 16px 7px 50px !important;font-size:12.5px;color:rgba(255,255,255,.85) !important;border-left:none;display:block}
.sidebar .sub-menu .nav-item .nav-link:hover{color:#fff !important;background:rgba(255,255,255,.12) !important;border-left-color:transparent !important}
/* Re-habilita só o bullet • dos sub-itens */
.sidebar .sub-menu .nav-item .nav-link::before{content:"•" !important;display:inline !important;margin-right:8px;color:#fff}

/* ---------- Dropdowns da topbar (notifications, mensagens) ---------- */
.navbar-dropdown{min-width:280px;border:0;box-shadow:0 8px 32px rgba(0,0,0,.15);border-radius:10px;overflow:hidden}
.navbar-dropdown .dropdown-item{padding:10px 14px !important;font-size:12.5px;border-bottom:1px solid #f1f5f9;white-space:normal}
.navbar-dropdown .dropdown-item:last-child{border-bottom:0}
.navbar-dropdown .badge{white-space:normal;text-align:left;line-height:1.3}
.navbar-dropdown.empty-state{padding:18px;text-align:center;color:#94a3b8;font-size:12.5px}