/* *****************************************************

    ** Custom Stylesheet — Sejacloud **

    Padrão UI/UX moderno (SaaS-style):
    - 60% neutro (branco/cinza) — body, hero, conteúdo
    - 30% secundário (violet-900 dark) — navbar/chrome
    - 10% accent (violet-600 #7C3AED) — CTAs, links, badges

    Paleta:
    #7C3AED  violet-600  accent primário (botões, links)
    #6D28D9  violet-700  hover/border
    #5B21B6  violet-800  active/heading dark
    #4C1D95  violet-900  navbar bg / dark chrome
    #1E1B4B  indigo-950  texto dark on light
    #EDE9FE  violet-100  hover light
    #F5F3FF  violet-50   shortcuts bg light
    #FAFAFB  gray-50     hero bg

***************************************************** */

/* ============ Navbar principal — dark chrome ============ */
.navbar-main {
    background-color: #4C1D95 !important;
}
.navbar-main li.account,
.navbar-main .navbar-nav > li > a:hover,
.navbar-main .navbar-nav > li > a:focus,
.navbar-main .navbar-nav > .active > a,
.navbar-main .navbar-nav > .active > a:hover,
.navbar-main .navbar-nav > .active > a:focus,
.navbar-main .navbar-nav > .open > a,
.navbar-main .navbar-nav > .open > a:hover,
.navbar-main .navbar-nav > .open > a:focus {
    background-color: #3B1487 !important;
}

/* ============ Botões primários (accent) ============ */
.btn-primary {
    background-color: #7C3AED !important;
    border-color: #6D28D9 !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus {
    background-color: #6D28D9 !important;
    border-color: #5B21B6 !important;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-color: #5B21B6 !important;
    border-color: #4C1D95 !important;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary {
    background-color: #7C3AED !important;
    border-color: #6D28D9 !important;
    opacity: 0.65;
}

/* ============ Links ============ */
a,
a:focus {
    color: #7C3AED;
}
a:hover {
    color: #5B21B6;
}

/* ============ Text/bg utilitários ============ */
.text-primary {
    color: #7C3AED !important;
}
.bg-primary {
    background-color: #7C3AED !important;
}
.panel-primary {
    border-color: #7C3AED;
}
.panel-primary > .panel-heading {
    background-color: #7C3AED;
    border-color: #7C3AED;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #7C3AED;
}

/* ============ Form controls focus ring ============ */
.form-control:focus {
    border-color: #7C3AED;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(124,58,237,.45);
}

/* ============ Pagination ============ */
.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
    background-color: #7C3AED !important;
    border-color: #6D28D9 !important;
}
.pagination > li > a,
.pagination > li > span {
    color: #7C3AED;
}

/* ============ Label / badge ============ */
.label-primary {
    background-color: #7C3AED !important;
}
.badge {
    background-color: #7C3AED;
}

/* ============ Progress bar ============ */
.progress-bar {
    background-color: #7C3AED;
}

/* ============ List group active ============ */
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    background-color: #7C3AED !important;
    border-color: #7C3AED !important;
}

/* ============ Nav tabs/pills ============ */
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    background-color: #7C3AED !important;
}

/* ============ Header announcement bar ============ */
.header-lined h1 .first-letter,
.header-lined h2 .first-letter {
    border-color: #7C3AED;
    color: #7C3AED;
}

/* ============ Homepage hero (#home-banner) — claro, respira ============ */
/* Mesmo cinza do #footer para coerência (#f8f8f8 / border #ddd). */
section#home-banner {
    background-color: #f8f8f8 !important;
    color: #1E1B4B !important;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
section#home-banner h2 {
    color: #1E1B4B !important;
    font-weight: 600;
}
section#home-banner .form-control {
    border: 1px solid #E5E7EB;
    box-shadow: 0 1px 2px rgba(0,0,0,.04);
}
section#home-banner .form-control:focus {
    border-color: #7C3AED;
    box-shadow: 0 0 0 3px rgba(124,58,237,.18);
}
/* CTA "Procurar" — unificar com paleta */
section#home-banner .btn.search {
    background-color: #7C3AED !important;
    color: #fff !important;
}
section#home-banner .btn.search:hover {
    background-color: #6D28D9 !important;
}
/* CTA "Transferir" — secundário neutro */
section#home-banner .btn.transfer {
    background-color: #E5E7EB !important;
    color: #374151 !important;
}
section#home-banner .btn.transfer:hover {
    background-color: #D1D5DB !important;
}
section#home-banner .tooltip-inner {
    background-color: #1E1B4B !important;
}
section#home-banner .tooltip.left .tooltip-arrow {
    border-left-color: #1E1B4B !important;
}
section#home-banner .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #1E1B4B !important;
}
section#home-banner .tooltip.right .tooltip-arrow {
    border-right-color: #1E1B4B !important;
}

/* ============ Home shortcuts — fundo claro, texto escuro ============ */
.home-shortcuts {
    background: #F5F3FF !important;
    color: #5B21B6 !important;
    border-bottom: 1px solid #EDE9FE;
}
.home-shortcuts li {
    border-right-color: #EDE9FE !important;
    transition: background-color .15s ease;
}
.home-shortcuts li:first-child {
    border-left-color: #EDE9FE !important;
}
.home-shortcuts li:last-child {
    border-right: 0 !important;
}
.home-shortcuts li:hover {
    background-color: #DDD6FE;
}
.home-shortcuts li a {
    color: #5B21B6 !important;
}
.home-shortcuts li i {
    color: #7C3AED;
}
.home-shortcuts .lead {
    color: #4C1D95;
}
@media (max-width: 767px) {
    .home-shortcuts li {
        border-bottom-color: #EDE9FE !important;
    }
}

/* ============ Top-nav primary action (botão "Visualizar carrinho") ============ */
ul.top-nav > li.primary-action > a.btn {
    background-color: #7C3AED !important;
    color: #fff !important;
    border: 0;
}
ul.top-nav > li.primary-action > a.btn:hover,
ul.top-nav > li.primary-action > a.btn:focus {
    background-color: #6D28D9 !important;
}

/* ============ Sidebar do client area ============ */
.list-group-item-info,
.panel-sidebar > .panel-heading {
    background-color: #F5F3FF;
    color: #5B21B6;
}

/* ============ Loading bar nprogress ============ */
#nprogress .bar {
    background: #7C3AED !important;
}
#nprogress .peg {
    box-shadow: 0 0 10px #7C3AED, 0 0 5px #7C3AED;
}