/* INTELISELLER_VISUAL_GLOBAL_ANOTA_V1 */

:root{
    --is-blue:#0f9df5;
    --is-blue-dark:#0878c9;
    --is-blue-soft:#eef8ff;
    --is-orange:#ff9533;
    --is-orange-soft:#fff5ea;
    --is-green:#18b978;
    --is-green-dark:#0d8d5a;
    --is-green-soft:#effbf6;
    --is-purple:#6e63f6;
    --is-purple-soft:#f3f1ff;
    --is-red:#e95454;
    --is-red-soft:#fff1f1;
    --is-yellow:#f6ba36;
    --is-yellow-soft:#fff9ea;

    --is-ink:#103b5c;
    --is-ink-strong:#073d61;
    --is-muted:#637c91;
    --is-border:#d9e5ed;
    --is-bg:#f4f7fa;
    --is-card:#ffffff;

    --is-radius-xl:22px;
    --is-radius-lg:17px;
    --is-radius-md:13px;
    --is-shadow:0 10px 28px rgba(21,62,92,.07);

    --is-font:"Nunito Sans",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

html,body{
    font-family:var(--is-font)!important;
}

body{
    background:var(--is-bg)!important;
    color:var(--is-ink)!important;
    font-size:14px;
    letter-spacing:0;
}

body *{
    scrollbar-width:thin;
    scrollbar-color:#b8d8ea transparent;
}

h1,h2,h3,h4,h5,h6{
    color:var(--is-ink-strong);
    font-family:var(--is-font)!important;
    font-weight:900!important;
    letter-spacing:-.018em;
}

p,.text-muted,.muted,small{
    color:var(--is-muted);
}

a{
    color:var(--is-blue-dark);
}

a:hover{
    color:var(--is-blue);
}

/* =========================
   TOPO / HEADER
   ========================= */
header:not(.pdf-header),
.topbar,
.app-header,
.main-header,
.navbar{
    font-family:var(--is-font)!important;
}

body .topbar,
body .app-header,
body .main-header{
    border-bottom:0!important;
}

body .topbar{
    background:linear-gradient(90deg,#0b96ef,#15a8f7)!important;
    color:#fff!important;
    min-height:68px;
    box-shadow:0 6px 20px rgba(15,157,245,.18);
}

body .topbar a,
body .topbar span,
body .topbar strong,
body .app-header a,
body .app-header span,
body .app-header strong{
    color:inherit;
}

/* =========================
   SIDEBAR / NAVEGAÇÃO
   ========================= */
.sidebar,
.app-sidebar,
aside.sidebar,
nav.sidebar{
    background:#fff!important;
    border-right:1px solid var(--is-border)!important;
    box-shadow:8px 0 28px rgba(26,73,105,.03);
}

.sidebar a,
.app-sidebar a,
.sidebar .nav-link,
.app-sidebar .nav-link{
    color:#36566f!important;
    border-radius:12px!important;
    font-weight:800!important;
    transition:.16s ease;
}

.sidebar a:hover,
.app-sidebar a:hover,
.sidebar .nav-link:hover,
.app-sidebar .nav-link:hover{
    background:var(--is-blue-soft)!important;
    color:var(--is-blue-dark)!important;
    transform:translateX(2px);
}

.sidebar a.active,
.app-sidebar a.active,
.sidebar .nav-link.active,
.app-sidebar .nav-link.active{
    background:linear-gradient(90deg,#eaf7ff,#f4fbff)!important;
    color:var(--is-blue-dark)!important;
    box-shadow:inset 4px 0 0 var(--is-blue);
}

/* =========================
   ÁREA PRINCIPAL
   ========================= */
main,
.main-content,
.content,
.page-content{
    font-family:var(--is-font)!important;
}

.container,
.container-fluid{
    max-width:1500px;
}

.page-header,
.content-header,
.section-header{
    margin-bottom:22px;
}

.page-header h1,
.content-header h1,
.section-header h1{
    font-size:30px!important;
}

/* =========================
   BLOCOS / CARDS
   ========================= */
.card,
.panel,
.box,
.form-section,
.quick-card,
.dashboard-card,
.settings-card,
.table-card{
    background:var(--is-card)!important;
    border:1px solid var(--is-border)!important;
    border-radius:var(--is-radius-lg)!important;
    box-shadow:var(--is-shadow)!important;
}

.card-header,
.panel-heading,
.box-header,
.form-section > h2:first-child,
.form-section > h3:first-child{
    background:#fbfdff!important;
    border-bottom:1px solid #e8eff4!important;
    color:var(--is-ink-strong)!important;
    font-weight:900!important;
}

.card-body,
.panel-body,
.box-body{
    padding:20px!important;
}

/* blocos com variações visuais */
.card:nth-of-type(4n+1),
.form-section:nth-of-type(4n+1){
    border-top:4px solid var(--is-blue)!important;
}

.card:nth-of-type(4n+2),
.form-section:nth-of-type(4n+2){
    border-top:4px solid var(--is-orange)!important;
}

.card:nth-of-type(4n+3),
.form-section:nth-of-type(4n+3){
    border-top:4px solid var(--is-green)!important;
}

.card:nth-of-type(4n),
.form-section:nth-of-type(4n){
    border-top:4px solid var(--is-purple)!important;
}

/* =========================
   DASHBOARD / QUICK CARDS
   ========================= */
.quick-card,
.dashboard-card{
    padding:18px!important;
    transition:.18s ease;
}

.quick-card:hover,
.dashboard-card:hover{
    transform:translateY(-3px);
    box-shadow:0 16px 36px rgba(21,62,92,.11)!important;
}

.quick-card:nth-child(4n+1),
.dashboard-card:nth-child(4n+1){
    background:linear-gradient(180deg,var(--is-blue-soft),#fff)!important;
}

.quick-card:nth-child(4n+2),
.dashboard-card:nth-child(4n+2){
    background:linear-gradient(180deg,var(--is-orange-soft),#fff)!important;
}

.quick-card:nth-child(4n+3),
.dashboard-card:nth-child(4n+3){
    background:linear-gradient(180deg,var(--is-green-soft),#fff)!important;
}

.quick-card:nth-child(4n),
.dashboard-card:nth-child(4n){
    background:linear-gradient(180deg,var(--is-purple-soft),#fff)!important;
}

/* =========================
   FORMULÁRIOS
   ========================= */
label{
    color:#34566f;
    font-weight:850!important;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="url"],
input[type="tel"],
input[type="date"],
input[type="datetime-local"],
select,
textarea,
.form-control{
    min-height:46px;
    border:1px solid #cfdde6!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#24465e!important;
    font-family:var(--is-font)!important;
    font-size:14px!important;
    box-shadow:none!important;
    transition:.16s ease;
}

textarea,
textarea.form-control{
    min-height:110px;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus{
    border-color:var(--is-blue)!important;
    box-shadow:0 0 0 4px rgba(15,157,245,.10)!important;
    outline:none!important;
}

input[type="checkbox"],
input[type="radio"]{
    accent-color:var(--is-blue);
}

/* =========================
   BOTÕES
   ========================= */
.btn,
button,
input[type="submit"]{
    min-height:44px;
    border-radius:12px!important;
    font-family:var(--is-font)!important;
    font-weight:900!important;
    letter-spacing:0;
    transition:.16s ease;
}

.btn:hover,
button:hover,
input[type="submit"]:hover{
    transform:translateY(-1px);
}

.btn-primary,
button.btn-primary,
input[type="submit"].btn-primary{
    border-color:var(--is-blue)!important;
    background:linear-gradient(135deg,var(--is-blue),#26b1fb)!important;
    color:#fff!important;
    box-shadow:0 8px 18px rgba(15,157,245,.18)!important;
}

.btn-success,
button.btn-success,
.is-confirm,
.btn-confirm{
    border-color:var(--is-green)!important;
    background:linear-gradient(135deg,var(--is-green),#27cc8a)!important;
    color:#fff!important;
    box-shadow:0 8px 18px rgba(24,185,120,.18)!important;
}

.btn-warning{
    border-color:var(--is-orange)!important;
    background:linear-gradient(135deg,var(--is-orange),#ffad5d)!important;
    color:#fff!important;
}

.btn-danger{
    border-color:var(--is-red)!important;
    background:linear-gradient(135deg,var(--is-red),#f56d6d)!important;
    color:#fff!important;
}

.btn-secondary,
.btn-light{
    border-color:#d6e1e8!important;
    background:#fff!important;
    color:#426078!important;
}

.btn-sm{
    min-height:36px!important;
    border-radius:10px!important;
}

/* =========================
   TABELAS
   ========================= */
.table-responsive{
    border:1px solid var(--is-border);
    border-radius:16px;
    background:#fff;
    box-shadow:var(--is-shadow);
}

table{
    font-family:var(--is-font)!important;
}

table thead th{
    background:#f1f8fc!important;
    color:#28536e!important;
    font-size:12px!important;
    font-weight:900!important;
    border-bottom:1px solid #dbe7ee!important;
}

table tbody td{
    color:#3a566a;
    border-color:#edf2f5!important;
}

table tbody tr:hover td{
    background:#f8fcff!important;
}

/* =========================
   ALERTAS
   ========================= */
.alert{
    border-radius:13px!important;
    border-width:1px!important;
    font-weight:750;
}

.alert-success{
    border-color:#b7ecd3!important;
    background:var(--is-green-soft)!important;
    color:#087a53!important;
}

.alert-info{
    border-color:#b9ddf8!important;
    background:var(--is-blue-soft)!important;
    color:#0a6cae!important;
}

.alert-warning{
    border-color:#f5d791!important;
    background:var(--is-yellow-soft)!important;
    color:#8b5e07!important;
}

.alert-danger{
    border-color:#f6c2c2!important;
    background:var(--is-red-soft)!important;
    color:#a93232!important;
}

/* =========================
   BADGES / STATUS
   ========================= */
.badge,
.status-badge,
.pill{
    border-radius:999px!important;
    padding:6px 10px!important;
    font-weight:900!important;
}

/* =========================
   PAGINAÇÃO
   ========================= */
.pagination{
    gap:5px;
}

.pagination a,
.pagination span{
    border-radius:10px!important;
    border-color:#d9e4eb!important;
}

/* =========================
   MODAL
   ========================= */
.modal-content{
    border:1px solid var(--is-border)!important;
    border-radius:20px!important;
    box-shadow:0 20px 60px rgba(21,62,92,.20)!important;
}

/* =========================
   COMPONENTES INTELISELLER
   ========================= */
.is-public-page,
.wa-page,
.sa-shell{
    font-family:var(--is-font)!important;
}

/* Página divulgação */
.is-public-hero{
    border-color:#d5e7f0!important;
    background:
        linear-gradient(120deg,rgba(15,157,245,.08),rgba(255,149,51,.06)),
        #fff!important;
}

.is-public-step{
    background:linear-gradient(135deg,var(--is-blue),#32b7fb)!important;
}

.is-public-box:nth-of-type(2) .is-public-step{
    background:linear-gradient(135deg,var(--is-orange),#ffad5b)!important;
}

.is-public-box:nth-of-type(3) .is-public-step{
    background:linear-gradient(135deg,var(--is-green),#2bd08c)!important;
}

.is-public-box:nth-of-type(4) .is-public-step{
    background:linear-gradient(135deg,var(--is-purple),#8b7dfd)!important;
}

/* WhatsApp */
.wa-hero{
    border-top:4px solid var(--is-green)!important;
    background:linear-gradient(135deg,#f1fff8,#fff)!important;
}

.wa-card:nth-of-type(1){
    border-top:4px solid var(--is-green)!important;
}

.wa-card:nth-of-type(2){
    border-top:4px solid var(--is-blue)!important;
}

.wa-card:nth-of-type(3){
    border-top:4px solid var(--is-orange)!important;
}

.wa-card:nth-of-type(4){
    border-top:4px solid var(--is-purple)!important;
}

/* =========================
   TITULOS DE SEÇÃO
   ========================= */
.is-section-title{
    display:flex;
    align-items:center;
    gap:10px;
    margin:20px 0 12px;
}

.is-section-title::before{
    content:'';
    width:5px;
    height:30px;
    border-radius:999px;
    background:linear-gradient(180deg,var(--is-blue),var(--is-orange));
}

/* =========================
   MOBILE
   ========================= */
@media(max-width:900px){
    body{
        font-size:13px;
    }

    .card-body,
    .panel-body,
    .box-body{
        padding:16px!important;
    }

    .page-header h1,
    .content-header h1,
    .section-header h1{
        font-size:25px!important;
    }
}