:root{
    --bg:#0b0d0f;
    --sidebar:#0f1215;
    --panel:#11161b;
    --panel-2:#0d1014;
    --border:#292f35;
    --border-soft:#20262c;
    --text:#f4f5f6;
    --muted:#8c949d;
    --muted-2:#68717a;
    --orange:#ff6b00;
    --orange-2:#ff8126;
    --green:#32b46a;
    --red:#df4c4c;
    --yellow:#d6a936;
    --sidebar-width:208px;
}

*{
    box-sizing:border-box;
}

html,
body{
    margin:0;
    min-height:100%;
    background:var(--bg);
    color:var(--text);
    font-family:Arial,Helvetica,sans-serif;
}

body{
    overflow:hidden;
}

button,
input,
select,
textarea{
    font:inherit;
}

button{
    cursor:pointer;
}

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


/* =========================================================
   SIDEBAR
   ========================================================= */

.sidebar{
    width:var(--sidebar-width);
    min-width:var(--sidebar-width);
    height:100vh;
    display:flex;
    flex-direction:column;
    background:
        linear-gradient(
            180deg,
            #111417 0%,
            #0c0f12 100%
        );
    border-right:1px solid var(--border);
    overflow:hidden;
}

.brand{
    flex:0 0 auto;
    min-height:104px;
    padding:18px 15px 16px;
    display:flex;
    align-items:center;
    gap:11px;
    border-bottom:1px solid var(--border-soft);
}

.brand-mark{
    width:42px;
    height:42px;
    flex:0 0 42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    background:
        linear-gradient(
            145deg,
            var(--orange),
            #e95700
        );
    color:white;
    font-size:21px;
    font-weight:900;
    box-shadow:
        0 8px 24px rgba(255,107,0,.15);
}

.brand-text{
    min-width:0;
    display:flex;
    flex-direction:column;
}

.brand-text strong{
    font-size:17px;
    line-height:1;
    letter-spacing:.8px;
}

.brand-text span{
    margin-top:6px;
    color:var(--orange);
    font-size:11px;
    font-weight:800;
    letter-spacing:.7px;
    line-height:1.2;
}

.navigation{
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
    padding:9px 8px 12px;
    scrollbar-width:thin;
}

.navigation::-webkit-scrollbar{
    width:5px;
}

.navigation::-webkit-scrollbar-thumb{
    background:#30363d;
    border-radius:10px;
}

.navigation::-webkit-scrollbar-track{
    background:transparent;
}

.nav-group{
    margin-bottom:9px;
}

.nav-label{
    padding:8px 10px 6px;
    color:#5f6871;
    font-size:11px;
    font-weight:900;
    letter-spacing:1.35px;
}

.nav-item{
    width:100%;
    min-height:35px;
    margin-bottom:2px;
    padding:8px 10px;
    border:1px solid transparent;
    border-radius:7px;
    background:transparent;
    color:#adb4bb;
    display:flex;
    align-items:center;
    gap:9px;
    text-align:left;
    font-size:11px;
    font-weight:700;
    transition:
        background .15s ease,
        color .15s ease,
        border-color .15s ease;
}

.nav-item > span:first-child{
    width:16px;
    flex:0 0 16px;
    text-align:center;
    color:#77818a;
}

.nav-item:hover{
    color:#fff;
    background:#171c21;
}

.nav-item.active{
    color:#fff;
    background:
        linear-gradient(
            90deg,
            rgba(255,107,0,.18),
            rgba(255,107,0,.04)
        );
    border-color:
        rgba(255,107,0,.28);
    box-shadow:
        inset 3px 0 0 var(--orange);
}

.nav-item.active > span:first-child{
    color:var(--orange);
}

.nav-counter{
    margin-left:auto;
    min-width:19px;
    height:19px;
    padding:0 5px;
    border-radius:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--orange);
    color:white;
    font-size:11px;
    font-weight:900;
}

.sidebar-footer{
    flex:0 0 auto;
    padding:11px 10px 12px;
    border-top:1px solid var(--border-soft);
    background:#0c0f12;
}

.system-status{
    padding:9px 9px;
    border:1px solid #22282e;
    border-radius:8px;
    display:flex;
    align-items:center;
    gap:8px;
    background:#101419;
}

.status-dot{
    width:8px;
    height:8px;
    flex:0 0 8px;
    border-radius:50%;
    background:var(--green);
    box-shadow:
        0 0 0 4px rgba(50,180,106,.10);
}

.system-status div{
    min-width:0;
    display:flex;
    flex-direction:column;
}

.system-status strong{
    font-size:11px;
}

.system-status span{
    margin-top:3px;
    color:#6f7982;
    font-size:11px;
}


/* =========================================================
   ÁREA PRINCIPAL
   ========================================================= */

.main-area{
    flex:1 1 auto;
    min-width:0;
    height:100vh;
    overflow:hidden;
    display:flex;
    flex-direction:column;
}

.topbar{
    flex:0 0 auto;
    min-height:92px;
    padding:17px 20px;
    border-bottom:1px solid var(--border);
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    background:
        linear-gradient(
            180deg,
            #111417,
            #0e1114
        );
}

.page-eyebrow{
    margin-bottom:6px;
    color:var(--orange);
    font-size:11px;
    font-weight:900;
    letter-spacing:1.35px;
}

.topbar h1{
    margin:0;
    font-size:21px;
    line-height:1.1;
    letter-spacing:-.3px;
}

.topbar p{
    margin:5px 0 0;
    color:var(--muted);
    font-size:11px;
}

.topbar-status{
    display:flex;
    align-items:center;
    gap:10px;
}

.status-pill{
    min-height:32px;
    padding:0 11px;
    border:1px solid #25302b;
    border-radius:7px;
    display:flex;
    align-items:center;
    gap:8px;
    background:#101612;
    color:#b9d8c5;
    font-size:11px;
    font-weight:800;
}

.user-box{
    padding:7px 10px;
    min-width:160px;
    border:1px solid #242a30;
    border-radius:8px;
    background:#11151a;
    display:flex;
    align-items:center;
    gap:9px;
}

.user-avatar{
    width:30px;
    height:30px;
    flex:0 0 30px;
    border-radius:7px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#1c2228;
    border:1px solid #2b333b;
    color:var(--orange);
    font-size:12px;
    font-weight:900;
}

.user-box > div:last-child{
    display:flex;
    flex-direction:column;
}

.user-box strong{
    font-size:11px;
}

.user-box span{
    margin-top:3px;
    color:#707a83;
    font-size:11px;
}


/* =========================================================
   CONTEÚDO
   ========================================================= */

.page-content{
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
    padding:18px;
    background:
        radial-gradient(
            circle at top right,
            rgba(255,107,0,.035),
            transparent 24%
        ),
        var(--bg);
}

.page-content::-webkit-scrollbar{
    width:7px;
}

.page-content::-webkit-scrollbar-thumb{
    background:#2b3137;
    border-radius:10px;
}

.kpi-grid{
    display:grid;
    grid-template-columns:
        repeat(4,minmax(0,1fr));
    gap:9px;
    margin-bottom:10px;
}

.kpi-card{
    min-height:110px;
    padding:15px;
    background:
        linear-gradient(
            145deg,
            #11161b,
            #0d1014
        );
    border:1px solid var(--border);
    border-radius:10px;
    position:relative;
    overflow:hidden;
}

.kpi-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:3px;
    background:var(--orange);
    opacity:.8;
}

.kpi-card span{
    display:block;
    color:#858f98;
    font-size:11px;
    font-weight:900;
    letter-spacing:.85px;
}

.kpi-card strong{
    display:block;
    margin-top:11px;
    font-size:27px;
    line-height:1;
    letter-spacing:-1px;
}

.kpi-card small{
    display:block;
    margin-top:9px;
    color:#626d76;
    font-size:11px;
}

.dashboard-grid{
    display:grid;
    grid-template-columns:
        minmax(0,1.2fr)
        minmax(280px,.8fr);
    gap:9px;
}

.panel{
    background:
        linear-gradient(
            145deg,
            #11161b,
            #0d1014
        );
    border:1px solid var(--border);
    border-radius:10px;
    padding:15px;
    min-width:0;
}

.panel-large{
    min-height:330px;
}

.panel-header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    margin-bottom:14px;
}

.panel-label{
    display:block;
    margin-bottom:5px;
    color:#69737c;
    font-size:11px;
    font-weight:900;
    letter-spacing:1.15px;
}

.panel h2{
    margin:0;
    font-size:14px;
}

.live-badge{
    padding:5px 7px;
    border-radius:5px;
    background:
        rgba(255,107,0,.12);
    border:
        1px solid rgba(255,107,0,.25);
    color:var(--orange);
    font-size:11px;
    font-weight:900;
    letter-spacing:.8px;
}

.empty-state{
    min-height:240px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    color:#5f6972;
    font-size:11px;
    border:1px dashed #282f35;
    border-radius:8px;
    background:#0c1013;
}

.health-list{
    display:grid;
    gap:7px;
}

.health-list > div{
    min-height:46px;
    padding:0 11px;
    border:1px solid #242b31;
    border-radius:7px;
    background:#0f1317;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}

.health-list span{
    color:#8a949c;
    font-size:11px;
}

.health-list strong{
    color:#66717a;
    font-size:11px;
    letter-spacing:.5px;
}

.health-list strong.online{
    color:var(--green);
}


/* =========================================================
   COMPONENTES PARA AS PRÓXIMAS TELAS
   ========================================================= */

.toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:10px;
}

.filter-row{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
}

.control{
    min-height:34px;
    padding:0 10px;
    border:1px solid #293139;
    border-radius:7px;
    background:#101419;
    color:#c8cdd2;
    font-size:11px;
    outline:none;
}

.control:focus{
    border-color:
        rgba(255,107,0,.6);
}

.btn{
    min-height:34px;
    padding:0 12px;
    border-radius:7px;
    border:1px solid #2a3138;
    background:#151a1f;
    color:#cdd2d7;
    font-size:11px;
    font-weight:800;
}

.btn:hover{
    background:#1a2026;
}

.btn-primary{
    background:var(--orange);
    color:white;
    border-color:var(--orange);
}

.btn-primary:hover{
    background:var(--orange-2);
}

.table-wrap{
    overflow:auto;
    border:1px solid #242b31;
    border-radius:8px;
}

table{
    width:100%;
    border-collapse:collapse;
    font-size:11px;
}

thead{
    background:#11161b;
}

th{
    padding:10px;
    color:#717b84;
    text-align:left;
    font-size:11px;
    letter-spacing:.7px;
    border-bottom:1px solid #252c32;
}

td{
    padding:10px;
    border-bottom:1px solid #1e2429;
    color:#b7bec4;
}

tbody tr:hover{
    background:#11161b;
}


/* =========================================================
   RESPONSIVIDADE
   ========================================================= */

@media(max-width:1100px){
    .kpi-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .dashboard-grid{
        grid-template-columns:1fr;
    }

    .topbar-status{
        display:none;
    }
}

@media(max-width:760px){
    body{
        overflow:auto;
    }

    .radar-app{
        display:block;
    }

    .sidebar{
        position:relative;
        width:100%;
        min-width:100%;
        height:auto;
    }

    .navigation{
        max-height:none;
    }

    .main-area{
        height:auto;
    }

    .topbar{
        align-items:flex-start;
    }

    .page-content{
        overflow:visible;
    }

    .kpi-grid{
        grid-template-columns:1fr;
    }
}

/* =========================================================
   AJUSTE DE LEGIBILIDADE - RADAR BRAIN
   ========================================================= */

.brand-text strong{
    font-size:19px;
}

.brand-text span{
    font-size:11px;
}

.nav-label{
    font-size:11px;
}

.nav-item{
    font-size:13px;
    min-height:39px;
}

.nav-counter{
    font-size:11px;
}

.system-status strong{
    font-size:11px;
}

.system-status span{
    font-size:11px;
}

.page-eyebrow{
    font-size:11px;
}

.topbar h1{
    font-size:24px;
}

.topbar p{
    font-size:13px;
}

.status-pill{
    font-size:11px;
}

.user-box strong{
    font-size:11px;
}

.user-box span{
    font-size:11px;
}

.kpi-card span{
    font-size:11px;
}

.kpi-card strong{
    font-size:31px;
}

.kpi-card small{
    font-size:11px;
}

.panel-label{
    font-size:11px;
}

.panel h2{
    font-size:16px;
}

.live-badge{
    font-size:11px;
}

.empty-state{
    font-size:13px;
}

.health-list span{
    font-size:12px;
}

.health-list strong{
    font-size:11px;
}

.control{
    font-size:12px;
}

.btn{
    font-size:11px;
}

table{
    font-size:12px;
}

th{
    font-size:11px;
}


/* =========================================================
   SIDEBAR - MENU SEM QUEBRA DE LINHA
   ========================================================= */

:root{
    --sidebar-width:250px;
}

.nav-item{
    white-space:nowrap;
    flex-wrap:nowrap;
    overflow:hidden;
    font-size:13px;
}

.nav-item > span:first-child{
    flex-shrink:0;
}

.nav-counter{
    flex-shrink:0;
}

.brand-text{
    white-space:nowrap;
}


/* =========================================================
   DASHBOARD - ONDE ATACAR AGORA
   ========================================================= */

.attack-card{
    min-height:240px;
    padding:18px;
    border:1px solid #282f35;
    border-radius:8px;
    background:
        linear-gradient(
            145deg,
            #0f1418,
            #0b0f12
        );
}

.attack-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
    padding-bottom:16px;
    margin-bottom:16px;
    border-bottom:1px solid #22292f;
}

.attack-main{
    min-width:0;
}

.attack-kicker{
    display:block;
    margin-bottom:7px;
    color:#747e87;
    font-size:11px;
    font-weight:900;
    letter-spacing:1px;
    text-transform:uppercase;
}

.attack-title{
    margin:0;
    color:#f4f5f6;
    font-size:20px;
    line-height:1.25;
}

.attack-subtitle{
    margin:7px 0 0;
    color:#737d86;
    font-size:11px;
    line-height:1.5;
}

.attack-score{
    min-width:78px;
    padding:10px 12px;
    border:1px solid rgba(255,107,0,.28);
    border-radius:8px;
    background:rgba(255,107,0,.08);
    text-align:center;
}

.attack-score span{
    display:block;
    color:#8a949c;
    font-size:11px;
    font-weight:900;
    letter-spacing:1px;
}

.attack-score strong{
    display:block;
    margin-top:5px;
    color:var(--orange);
    font-size:26px;
    line-height:1;
}

.attack-details{
    display:grid;
    grid-template-columns:
        repeat(3,minmax(0,1fr));
    gap:9px;
}

.attack-detail{
    min-height:76px;
    padding:12px;
    border:1px solid #242b31;
    border-radius:7px;
    background:#0f1317;
}

.attack-detail span{
    display:block;
    margin-bottom:7px;
    color:#68727b;
    font-size:11px;
    font-weight:900;
    letter-spacing:.8px;
    text-transform:uppercase;
}

.attack-detail strong{
    display:block;
    color:#d7dbdf;
    font-size:12px;
    line-height:1.4;
    overflow-wrap:anywhere;
}

.attack-detail strong.highlight{
    color:var(--orange);
}

@media(max-width:760px){
    .attack-top{
        flex-direction:column;
    }

    .attack-score{
        width:100%;
    }

    .attack-details{
        grid-template-columns:1fr;
    }
}


/* =========================================================
   RADAR - CENTRAL DE OPORTUNIDADES
   ========================================================= */

.radar-op-summary{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px;
    margin-bottom:10px;
}

.radar-op-stat{
    padding:14px;
    border:1px solid var(--border);
    border-radius:9px;
    background:#0f1317;
}

.radar-op-stat span{
    display:block;
    color:#707a83;
    font-size:11px;
    font-weight:900;
    letter-spacing:.8px;
    text-transform:uppercase;
}

.radar-op-stat strong{
    display:block;
    margin-top:8px;
    font-size:23px;
}

.radar-op-filters{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1fr auto;
    gap:8px;
    margin-bottom:10px;
}

.radar-op-filters .control{
    width:100%;
}

.radar-op-list{
    display:grid;
    gap:8px;
}

.radar-op-card{
    padding:14px;
    border:1px solid #252d34;
    border-radius:8px;
    background:#0f1317;
    cursor:pointer;
    transition:border-color .15s ease,
               background .15s ease;
}

.radar-op-card:hover{
    border-color:rgba(255,107,0,.55);
    background:#11171c;
}

.radar-op-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}

.radar-op-user{
    color:#f1f3f4;
    font-size:13px;
    font-weight:900;
}

.radar-op-meta{
    margin-top:4px;
    color:#717b84;
    font-size:11px;
}

.radar-op-comment{
    margin:12px 0;
    color:#aeb6bd;
    font-size:12px;
    line-height:1.5;
}

.radar-badges{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
}

.radar-badge{
    padding:5px 8px;
    border-radius:20px;
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
}

.radar-badge.orange{
    color:var(--orange);
    background:rgba(255,107,0,.12);
}

.radar-badge.green{
    color:var(--green);
    background:rgba(50,180,106,.12);
}

.radar-badge.red{
    color:#ff7474;
    background:rgba(223,76,76,.12);
}

.radar-badge.yellow{
    color:#e9c860;
    background:rgba(214,169,54,.12);
}

.radar-op-empty{
    padding:35px;
    text-align:center;
    color:#68727b;
    border:1px dashed #282f35;
    border-radius:8px;
    background:#0c1013;
}

/* FICHA LATERAL */

.radar-drawer-backdrop{
    position:fixed;
    inset:0;
    display:none;
    background:rgba(0,0,0,.65);
    z-index:90;
}

.radar-drawer-backdrop.open{
    display:block;
}

.radar-drawer{
    position:fixed;
    top:0;
    right:-520px;
    width:500px;
    max-width:92vw;
    height:100vh;
    padding:20px;
    overflow-y:auto;
    background:#101418;
    border-left:1px solid var(--border);
    transition:right .22s ease;
    z-index:100;
}

.radar-drawer.open{
    right:0;
}

.radar-drawer-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    padding-bottom:14px;
    border-bottom:1px solid #252c32;
}

.radar-drawer-head h2{
    margin:0;
    font-size:16px;
}

.radar-drawer-close{
    width:34px;
    height:34px;
    padding:0;
    border:1px solid #2a3138;
    border-radius:7px;
    background:#151a1f;
    color:#fff;
}

.radar-drawer-section{
    margin-top:12px;
    padding:14px;
    border:1px solid #252c32;
    border-radius:8px;
    background:#0d1115;
}

.radar-drawer-section .label{
    display:block;
    margin-bottom:10px;
    color:var(--orange);
    font-size:11px;
    font-weight:900;
    letter-spacing:1px;
}

.radar-drawer-section p{
    color:#b3bbc2;
    font-size:12px;
    line-height:1.55;
}

.radar-drawer-section select,
.radar-drawer-section textarea{
    width:100%;
    padding:10px;
    border:1px solid #293139;
    border-radius:7px;
    background:#101419;
    color:#d1d6da;
}

.radar-drawer-section textarea{
    min-height:100px;
    resize:vertical;
}

@media(max-width:900px){
    .radar-op-filters{
        grid-template-columns:1fr 1fr;
    }

    .radar-op-summary{
        grid-template-columns:1fr;
    }
}

@media(max-width:600px){
    .radar-op-filters{
        grid-template-columns:1fr;
    }

    .radar-op-head{
        flex-direction:column;
    }
}


/* ===== DASHBOARD GERAL — LEGACY V13 ===== */

.dg138{
    max-width:1600px!important;
    margin:0 auto;
}

.dgHero138{
    font:900 18px Arial;
    margin-bottom:12px;
}

.dgTop1381{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:9px;
    margin-bottom:10px;
}

.dgCard138{
    background:#121518;
    border:1px solid #2a2f34;
    border-radius:10px;
    padding:16px!important;
}

.dgCard138 span{
    font:800 9px Arial!important;
    color:#8a939d;
}

.dgCard138 strong,
.dgCard138 b{
    display:block;
    font:900 28px Arial!important;
    margin-top:8px;
}

.dgSection1381{
    display:grid;
    grid-template-columns:1.2fr .8fr;
    gap:9px;
    margin-top:10px;
}

.dgPanel1381{
    background:linear-gradient(145deg,#11161b,#0d1014);
    border:1px solid #292f35;
    border-radius:10px;
    padding:16px!important;
}

.dgPanel1381 h3{
    margin:0 0 10px;
    font:900 11px Arial;
}

.dgLine1381{
    display:flex;
    justify-content:space-between;
    border-bottom:1px solid #23282d;
    padding:8px 0;
    font:9px Arial;
}

.dgLine1381 span{
    color:#89939d;
}

.dgLine1381 b{
    color:#fff;
}

.igMore138{
    display:block;
    margin:10px auto 0;
    border:0;
    background:#181e23;
    color:#fff;
    border-radius:6px;
    padding:7px 10px!important;
    min-height:32px!important;
    font:900 9px Arial!important;
    line-height:1.15!important;
    cursor:pointer;
}

@media(max-width:1000px){
    .dgTop1381{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .dgSection1381{
        grid-template-columns:1fr;
    }
}

@media(max-width:600px){
    .dgTop1381{
        grid-template-columns:1fr;
    }
}

/* =========================================================
   RADAR EXECUTIVO — PADRÃO VISUAL BRAIN
   Reutiliza a linguagem visual aprovada do Dashboard
   ========================================================= */

.exec-page{
    width:100%;
}

.exec-filters{
    display:flex;
    align-items:flex-end;
    gap:10px;
    margin-bottom:12px;
}

.exec-filters > div{
    min-width:190px;
}

.exec-filters .panel-label{
    display:block;
    margin-bottom:6px;
}

.exec-kpis{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:9px;
    margin-bottom:10px;
}

.exec-kpi{
    min-height:110px;
    padding:15px;
    background:linear-gradient(145deg,#11161b,#0d1014);
    border:1px solid var(--border);
    border-radius:10px;
    position:relative;
    overflow:hidden;
}

.exec-kpi::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:3px;
    background:var(--orange);
    opacity:.8;
}

.exec-kpi span{
    display:block;
    color:#858f98;
    font-size:11px;
    font-weight:900;
    letter-spacing:.85px;
    text-transform:uppercase;
}

.exec-kpi strong{
    display:block;
    margin-top:11px;
    font-size:31px;
    line-height:1;
    letter-spacing:-1px;
}

.exec-kpi small{
    display:block;
    margin-top:9px;
    color:#626d76;
    font-size:11px;
}

.exec-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
}

.exec-grid .panel{
    min-width:0;
}

.exec-attack{
    grid-column:1 / -1;
}

.exec-attack #execAttack{
    min-height:220px;
}

@media(max-width:1250px){
    .exec-kpis{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media(max-width:900px){
    .exec-kpis{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .exec-grid{
        grid-template-columns:1fr;
    }

    .exec-attack{
        grid-column:auto;
    }
}

@media(max-width:600px){
    .exec-filters{
        flex-direction:column;
        align-items:stretch;
    }

    .exec-filters > div{
        min-width:0;
    }

    .exec-kpis{
        grid-template-columns:1fr;
    }
}


/* =========================================================
   RADAR EXECUTIVO V13 — MASTER VISUAL
   ========================================================= */
.exec-v13{max-width:1600px;margin:0 auto}.exec-commandbar{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:-4px 0 12px;padding:8px 10px;border:1px solid #242b31;border-radius:9px;background:#0c1013}.exec-command-left,.exec-command-right{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.exec-command-btn{height:32px;padding:0 11px;border:1px solid #2b333a;border-radius:6px;background:#11161b;color:#e9ecef;font-size:11px;font-weight:900}.exec-command-btn.primary{background:var(--orange);border-color:var(--orange);color:#fff}.exec-status{height:28px;display:flex;align-items:center;padding:0 9px;border:1px solid #2b3137;border-radius:16px;background:#0d1114;color:#89939b;font-size:11px;font-weight:900}.exec-status.ok{color:#30d979;border-color:#183b2a}.exec-filters-v13{justify-content:flex-end;align-items:flex-end}.exec-filter-btn{height:34px;padding:0 13px;border:1px solid var(--orange);border-radius:7px;background:#17120e;color:var(--orange);font-size:11px;font-weight:900}.exec-kpis-v13{grid-template-columns:repeat(6,minmax(0,1fr))}.exec-kpis-v13 .exec-kpi{min-height:116px}.exec-kpi small.positive{color:#31d978}.exec-kpi small.negative{color:#ff5959}.exec-ops-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:9px}.exec-op{min-height:68px;padding:12px;border:1px solid var(--border);border-radius:9px;background:linear-gradient(145deg,#11161b,#0d1014)}.exec-op strong{display:block;font-size:21px}.exec-op span{display:block;margin-top:7px;color:#77828b;font-size:11px;font-weight:900;letter-spacing:.55px}.exec-main-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.8fr);gap:9px;margin-bottom:9px}.exec-box{min-width:0;padding:13px;border:1px solid var(--border);border-radius:9px;background:linear-gradient(145deg,#11161b,#0d1014)}.exec-box-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.exec-box-head h2{margin:0;font-size:12px;letter-spacing:.15px}.exec-box-head span{color:#68727b;font-size:11px}.exec-tabs{display:flex;gap:5px;margin-bottom:9px}.exec-tabs button{height:29px;padding:0 11px;border:1px solid #303840;border-radius:5px;background:#101419;color:#aeb6bd;font-size:11px;font-weight:800}.exec-tabs button.active{border-color:var(--orange);background:#24170f;color:var(--orange)}.exec-chart{height:220px;border-bottom:1px solid #252c32;overflow:hidden}.exec-chart svg{width:100%;height:190px}.exec-gridlines line{stroke:#273038;stroke-width:1}.exec-line{fill:none;stroke:#ff453a;stroke-width:3}.exec-chart circle{fill:#ff453a}.exec-chart text{fill:#69747d;font-size:11px}.exec-chart-legend{color:#8b949c;font-size:11px}.exec-notice{margin-top:8px;padding:8px 10px;border:1px solid #70442e;border-radius:5px;background:#24150f;color:#f4a27a;font-size:11px}.exec-notice.danger{border-color:#7b2727;background:#251010;color:#ff6b6b}.exec-attack-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.exec-attack-card{min-height:112px;padding:12px;border:1px solid #283038;border-radius:7px;background:#0f1317}.exec-attack-card span{display:block;color:#707b84;font-size:11px}.exec-attack-card strong{display:block;margin-top:12px;font-size:15px}.exec-attack-card small{display:block;margin-top:7px;color:#b3bbc1;font-size:11px}.exec-attack-card em{display:block;margin-top:8px;color:#2ed678;font-size:11px;font-style:normal}.exec-insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:9px}.exec-mini-content{min-height:62px;color:#87919a;font-size:11px;line-height:1.5}.exec-mini-content div{margin-bottom:6px}.exec-mini-content strong,.exec-mini-content span{display:block}.exec-mini-content strong{color:#e8ebed}.exec-link-btn{width:100%;height:31px;border:1px solid #216c3f;border-radius:5px;background:#0d2317;color:#34df7e;font-size:11px;font-weight:900}.exec-link-btn.orange{border-color:#7a481e;background:#24160c;color:#ff8a2f}.exec-bottom-grid{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.4fr);gap:9px}.exec-alert-list{display:grid;gap:7px;min-height:120px}.exec-alert-list>div{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #1e252a}.exec-alert-list strong{font-size:11px;font-weight:600;color:#c6ccd1}.exec-alert-dot{width:9px;height:9px;border-radius:50%;background:#3b82f6}.exec-alert-dot.red{background:#ff4040}.exec-alert-dot.orange{background:#ff8a00}.exec-alert-dot.green{background:#32c66a}.exec-summary{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:12px}.exec-summary-main p{margin:0;color:#c4c9ce;font-size:11px;line-height:1.55}.exec-summary-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:12px}.exec-summary-kpis div{padding:9px;border:1px solid #242c32;border-radius:6px;text-align:center;background:#0d1114}.exec-summary-kpis strong{display:block;font-size:17px}.exec-summary-kpis span{display:block;margin-top:4px;color:#68737c;font-size:11px}.exec-brief-cta{padding:13px;border:1px solid #7b471c;border-radius:7px;background:#23150c}.exec-brief-cta strong{color:var(--orange);font-size:11px}.exec-brief-cta p{color:#c4b6ab;font-size:11px;line-height:1.5}.exec-brief-cta button{width:100%;height:35px;border:0;border-radius:5px;background:var(--orange);color:#fff;font-size:11px;font-weight:900}.exec-summary-main p.flash{animation:execFlash .7s ease}@keyframes execFlash{50%{color:var(--orange)}}.exec-footer-note{text-align:center;padding:9px 0 0;color:#56616a;font-size:11px}
@media(max-width:1250px){.exec-kpis-v13{grid-template-columns:repeat(3,1fr)}.exec-main-grid,.exec-bottom-grid{grid-template-columns:1fr}.exec-insight-grid{grid-template-columns:1fr}.exec-summary{grid-template-columns:1fr}.exec-ops-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.exec-commandbar{align-items:flex-start;flex-direction:column}.exec-kpis-v13,.exec-ops-row,.exec-attack-grid,.exec-summary-kpis{grid-template-columns:1fr 1fr}.exec-main-grid{grid-template-columns:1fr}}

/* =========================================================
   MONITOR DA COLETA - DRAWER GLOBAL
   ========================================================= */

.collector-drawer-backdrop{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.68);
    backdrop-filter:blur(2px);
    opacity:0;
    visibility:hidden;
    transition:opacity .2s ease,visibility .2s ease;
    z-index:190;
}

.collector-drawer-backdrop.open{
    opacity:1;
    visibility:visible;
}

.collector-drawer{
    position:fixed;
    top:0;
    right:0;
    width:min(620px,45vw);
    min-width:500px;
    height:100vh;
    display:flex;
    flex-direction:column;
    background:
        radial-gradient(circle at top right,rgba(255,107,0,.08),transparent 30%),
        #0e1216;
    border-left:1px solid #303840;
    box-shadow:-24px 0 70px rgba(0,0,0,.45);
    transform:translateX(105%);
    transition:transform .24s ease;
    z-index:200;
}

.collector-drawer.open{
    transform:translateX(0);
}

.collector-drawer-head{
    flex:0 0 auto;
    padding:22px 22px 18px;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
    border-bottom:1px solid #252c32;
    background:rgba(14,18,22,.96);
}

.collector-drawer-head span{
    color:var(--orange);
    font-size:11px;
    font-weight:900;
    letter-spacing:1.25px;
}

.collector-drawer-head h2{
    margin:6px 0 0;
    font-size:20px;
}

.collector-drawer-head p{
    margin:6px 0 0;
    color:#78828b;
    font-size:11px;
}

.collector-drawer-close{
    width:36px;
    height:36px;
    flex:0 0 36px;
    padding:0;
    border:1px solid #303840;
    border-radius:8px;
    background:#151a1f;
    color:#fff;
    font-size:22px;
    line-height:1;
}

.collector-drawer-close:hover{
    border-color:rgba(255,107,0,.55);
}

.collector-drawer-content{
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    padding:18px 22px;
}

.collector-status-card{
    padding:18px;
    border:1px solid #293139;
    border-radius:11px;
    background:#11171c;
}

.collector-status-card.running{border-color:rgba(255,107,0,.38)}
.collector-status-card.success{border-color:rgba(50,180,106,.38)}
.collector-status-card.danger{border-color:rgba(223,76,76,.48)}

.collector-status-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
}

.collector-status-top > div{
    display:flex;
    flex-direction:column;
    gap:6px;
}

.collector-eyebrow{
    color:#747f88;
    font-size:11px;
    font-weight:900;
    letter-spacing:1px;
}

.collector-status-top strong{
    font-size:18px;
}

.collector-live-dot{
    width:10px;
    height:10px;
    border-radius:50%;
    background:#68717a;
}

.collector-status-card.running .collector-live-dot{background:var(--orange)}
.collector-status-card.success .collector-live-dot{background:var(--green)}
.collector-status-card.danger .collector-live-dot{background:var(--red)}

.collector-live-dot.pulse{
    animation:collectorPulse 1.2s infinite;
}

@keyframes collectorPulse{
    0%,100%{box-shadow:0 0 0 0 rgba(255,107,0,.38)}
    50%{box-shadow:0 0 0 7px rgba(255,107,0,0)}
}

.collector-progress-track{
    height:9px;
    margin-top:18px;
    overflow:hidden;
    border-radius:20px;
    background:#080b0e;
    border:1px solid #242b31;
}

.collector-progress-bar{
    height:100%;
    min-width:0;
    border-radius:20px;
    background:linear-gradient(90deg,var(--orange),var(--orange-2));
    transition:width .35s ease;
}

.collector-status-card.success .collector-progress-bar{
    background:var(--green);
}

.collector-progress-meta{
    margin-top:8px;
    display:flex;
    justify-content:space-between;
    gap:12px;
    color:#818b94;
    font-size:11px;
}

.collector-message{
    margin:16px 0 0;
    padding-top:14px;
    border-top:1px solid #252c32;
    color:#b9c0c6;
    font-size:12px;
    line-height:1.5;
}

.collector-metrics{
    margin-top:12px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
}

.collector-metrics > div{
    min-height:92px;
    padding:14px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    border:1px solid #252d34;
    border-radius:9px;
    background:#0d1216;
}

.collector-metrics span{
    color:#707a83;
    font-size:11px;
    font-weight:900;
    letter-spacing:.75px;
}

.collector-metrics strong{
    color:#f2f4f5;
    font-size:25px;
}

.collector-detail-card{
    margin-top:12px;
    border:1px solid #252d34;
    border-radius:9px;
    overflow:hidden;
    background:#0d1216;
}

.collector-detail-line{
    min-height:48px;
    padding:0 14px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    border-bottom:1px solid #20272d;
}

.collector-detail-line:last-child{border-bottom:0}

.collector-detail-line span{
    color:#737d86;
    font-size:11px;
}

.collector-detail-line strong{
    max-width:65%;
    color:#c9ced3;
    font-size:11px;
    text-align:right;
    overflow-wrap:anywhere;
}

.danger-text{color:var(--red)!important}

.collector-cancel-btn{
    width:100%;
    min-height:42px;
    margin-top:12px;
    border:1px solid rgba(223,76,76,.45);
    border-radius:8px;
    background:rgba(223,76,76,.08);
    color:#ef7777;
    font-size:11px;
    font-weight:900;
    letter-spacing:.6px;
}

.collector-cancel-btn:hover{
    background:rgba(223,76,76,.14);
}

.collector-empty{
    min-height:220px;
    padding:30px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:10px;
    text-align:center;
    border:1px dashed #2a3239;
    border-radius:10px;
    background:#0c1013;
}

.collector-empty strong{
    color:#cbd0d4;
    font-size:11px;
    letter-spacing:.7px;
}

.collector-empty span{
    max-width:360px;
    color:#707a83;
    font-size:11px;
    line-height:1.5;
}

.collector-error{
    border-color:rgba(223,76,76,.35);
}

.collector-drawer-footer{
    flex:0 0 auto;
    padding:15px 22px 18px;
    border-top:1px solid #252c32;
    background:#0c1013;
}

.collector-start-btn{
    width:100%;
    min-height:44px;
    border:1px solid var(--orange);
    border-radius:8px;
    background:var(--orange);
    color:#fff;
    font-size:11px;
    font-weight:900;
    letter-spacing:.7px;
}

.collector-start-btn:hover:not(:disabled){
    background:var(--orange-2);
}

.collector-start-btn:disabled{
    opacity:.55;
    cursor:not-allowed;
}

@media(max-width:900px){
    .collector-drawer{
        width:min(620px,92vw);
        min-width:0;
    }
}

@media(max-width:600px){
    .collector-drawer{
        width:100vw;
    }

    .collector-metrics{
        grid-template-columns:1fr;
    }
}

/* =========================================================
   CONFIGURACOES M6
   ========================================================= */

.cfg-shell{
    width:100%;
}

.cfg-tabs{
    display:flex;
    gap:6px;
    margin-bottom:10px;
    padding:6px;
    border:1px solid var(--border);
    border-radius:9px;
    background:#0c1013;
    overflow-x:auto;
}

.cfg-tab{
    min-height:34px;
    padding:0 13px;
    border:1px solid transparent;
    border-radius:6px;
    background:transparent;
    color:#87919a;
    font-size:11px;
    font-weight:900;
    letter-spacing:.35px;
    white-space:nowrap;
}

.cfg-tab:hover{
    color:#d9dde0;
    background:#14191e;
}

.cfg-tab.active{
    color:var(--orange);
    border-color:#71421e;
    background:#21150d;
}

.cfg-pane{
    display:none;
}

.cfg-pane.active{
    display:block;
}

.cfg-panel{
    min-height:0;
}

.cfg-description{
    max-width:900px;
    margin:12px 0 16px;
    color:#7d8790;
    font-size:11px;
    line-height:1.55;
}

.cfg-state{
    padding:6px 9px;
    border:1px solid #2d353c;
    border-radius:999px;
    background:#0e1215;
    color:#78838c;
    font-size:11px;
    font-weight:900;
    letter-spacing:.45px;
    white-space:nowrap;
}

.cfg-grid{
    display:grid;
    grid-template-columns:
        repeat(2,minmax(0,1fr));
    gap:9px;
}

.cfg-field{
    display:flex;
    flex-direction:column;
    gap:7px;
    min-width:0;
}

.cfg-field > span{
    color:#8b949c;
    font-size:11px;
    font-weight:800;
}

.cfg-field input,
.cfg-field select,
.cfg-field textarea{
    width:100%;
    min-height:38px;
    padding:9px 10px;
    border:1px solid #293139;
    border-radius:7px;
    outline:none;
    background:#0d1114;
    color:#e6e9eb;
}

.cfg-field textarea{
    min-height:120px;
    resize:vertical;
    line-height:1.5;
}

.cfg-field input:focus,
.cfg-field select:focus,
.cfg-field textarea:focus{
    border-color:var(--orange);
}

.cfg-field input:disabled,
.cfg-field select:disabled,
.cfg-field textarea:disabled{
    opacity:.65;
    cursor:not-allowed;
}

.cfg-field-full{
    margin-top:8px;
}

.cfg-toggle{
    min-height:66px;
    padding:12px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    border:1px solid #272f35;
    border-radius:8px;
    background:#0e1215;
}

.cfg-toggle span{
    min-width:0;
}

.cfg-toggle strong{
    display:block;
    color:#d8dde0;
    font-size:11px;
}

.cfg-toggle small{
    display:block;
    margin-top:5px;
    color:#6f7a83;
    font-size:11px;
    line-height:1.4;
}

.cfg-toggle input{
    flex:0 0 auto;
}

.cfg-actions{
    min-height:48px;
    margin-top:14px;
    padding-top:12px;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    border-top:1px solid #20272d;
}

.cfg-message{
    margin-right:auto;
    color:#6f7a83;
    font-size:11px;
}

.cfg-table-head{
    display:grid;
    gap:8px;
    padding:8px 10px;
    color:#68737c;
    font-size:11px;
    font-weight:900;
    letter-spacing:.45px;
    text-transform:uppercase;
}

.cfg-rules-grid{
    grid-template-columns:
        52px
        minmax(150px,1fr)
        70px
        minmax(130px,.8fr)
        minmax(220px,1.4fr);
}

.cfg-ranges-grid{
    grid-template-columns:
        52px
        minmax(120px,.8fr)
        110px
        minmax(110px,.8fr)
        minmax(110px,.8fr)
        minmax(190px,1.3fr);
}

.cfg-list{
    display:grid;
    gap:7px;
}

.cfg-empty{
    min-height:120px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
    border:1px dashed #293139;
    border-radius:8px;
    color:#68737c;
    background:#0d1114;
    font-size:11px;
    text-align:center;
}

.cfg-intents{
    display:grid;
    grid-template-columns:
        repeat(3,minmax(0,1fr));
    gap:9px;
}

.cfg-simulator-result{
    display:grid;
    grid-template-columns:
        repeat(6,minmax(0,1fr));
    gap:7px;
    margin-top:12px;
}

.cfg-simulator-result > div{
    min-height:68px;
    padding:10px;
    border:1px solid #282f35;
    border-radius:7px;
    background:#0d1114;
}

.cfg-simulator-result span{
    display:block;
    color:#68737c;
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
}

.cfg-simulator-result strong{
    display:block;
    margin-top:10px;
    color:#e9ecee;
    font-size:12px;
}

@media(max-width:1100px){
    .cfg-rules-grid,
    .cfg-ranges-grid{
        display:none;
    }

    .cfg-simulator-result{
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }
}

@media(max-width:800px){
    .cfg-grid,
    .cfg-intents{
        grid-template-columns:1fr;
    }

    .cfg-simulator-result{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .cfg-actions{
        align-items:stretch;
        flex-direction:column;
    }

    .cfg-message{
        margin-right:0;
    }
}

@media(max-width:520px){
    .cfg-simulator-result{
        grid-template-columns:1fr;
    }
}
/* CONFIGURACOES M6 - COLETA FUNCIONAL */

.cfg-collector-notice {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 18px 0 22px;
    padding: 15px 17px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.025);
}

.cfg-collector-notice strong {
    font-size: 13px;
    font-weight: 700;
}

.cfg-collector-notice span {
    font-size: 12px;
    line-height: 1.55;
    opacity: 0.68;
}

.cfg-collector-section {
    padding: 20px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.cfg-collector-section-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.cfg-collector-section-head > div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cfg-collector-section-head strong {
    font-size: 14px;
}

.cfg-collector-section-head span {
    font-size: 12px;
    line-height: 1.45;
    opacity: 0.62;
}

.cfg-collector-grid {
    align-items: start;
}

.cfg-collector-subgrid {
    min-width: 0;
}

.cfg-collector-period {
    margin-top: 14px;
}

.cfg-collector-hidden {
    display: none !important;
}

.cfg-field small {
    display: block;
    margin-top: 6px;
    font-size: 11px;
    line-height: 1.4;
    opacity: 0.55;
}

.cfg-field select {
    width: 100%;
    min-height: 42px;
    padding: 0 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.035);
    color: inherit;
    outline: none;
}

.cfg-field select:focus {
    border-color: rgba(255, 255, 255, 0.24);
}

.cfg-field select:disabled,
.cfg-field input:disabled {
    cursor: not-allowed;
    opacity: 0.48;
}

.cfg-input-unit {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
}

.cfg-input-unit > span {
    min-width: 34px;
    text-align: center;
    font-size: 11px;
    font-weight: 700;
    opacity: 0.48;
}

.cfg-collector-advanced {
    margin-top: 4px;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.cfg-collector-advanced summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 0;
    cursor: pointer;
    list-style: none;
}

.cfg-collector-advanced summary::-webkit-details-marker {
    display: none;
}

.cfg-collector-advanced summary > span:first-child {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cfg-collector-advanced summary strong {
    font-size: 14px;
}

.cfg-collector-advanced summary small {
    font-size: 12px;
    opacity: 0.58;
}

.cfg-collector-chevron {
    font-size: 20px;
    opacity: 0.55;
    transition: transform 0.2s ease;
}

.cfg-collector-advanced[open] .cfg-collector-chevron {
    transform: rotate(180deg);
}

.cfg-collector-toggle-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    padding: 0 0 18px;
}

.cfg-collector-toggle-grid .cfg-toggle {
    height: 100%;
}

.cfg-collector-actions {
    margin-top: 20px;
}

.cfg-collector-buttons {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.cfg-state-success {
    border-color: rgba(80, 200, 120, 0.28);
}

.cfg-state-warning {
    border-color: rgba(240, 170, 60, 0.32);
}

.cfg-state-error {
    border-color: rgba(230, 85, 85, 0.34);
}

.cfg-state-loading {
    opacity: 0.68;
}

.cfg-message-success {
    opacity: 0.82;
}

.cfg-message-warning {
    opacity: 0.78;
}

.cfg-message-error {
    opacity: 1;
}

@media (max-width: 900px) {
    .cfg-collector-toggle-grid {
        grid-template-columns: 1fr;
    }

    .cfg-collector-actions {
        align-items: stretch;
    }

    .cfg-collector-buttons {
        width: 100%;
    }

    .cfg-collector-buttons .btn {
        flex: 1;
    }
}


/* CONFIGURACOES - SELECT DARK FIX */

.cfg-field select {
    color-scheme: dark;
    background-color: #11171d;
    color: #f5f7f8;
}

.cfg-field select option {
    background-color: #11171d;
    color: #f5f7f8;
}

.cfg-field select option:checked {
    background-color: #1d2730;
    color: #ffffff;
}

.cfg-field select option:disabled {
    background-color: #11171d;
    color: rgba(245, 247, 248, 0.45);
}

/* CONFIGURACOES M6 - MOTOR FUNCIONAL */

.cfg-classifier-notice {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 18px 0 22px;
    padding: 15px 17px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.025);
}

.cfg-classifier-notice strong {
    font-size: 13px;
}

.cfg-classifier-notice span {
    font-size: 12px;
    line-height: 1.55;
    opacity: 0.68;
}

.cfg-engine-list {
    display: grid;
    gap: 14px;
}

.cfg-engine-card {
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.018);
}

.cfg-engine-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.cfg-engine-card-head > div:first-child {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cfg-engine-kicker {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    opacity: 0.45;
}

.cfg-engine-card-head strong {
    font-size: 14px;
}

.cfg-engine-head-actions {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.cfg-mini-toggle,
.cfg-mini-radio {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    padding: 0 9px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 9px;
    font-size: 11px;
    cursor: pointer;
}

.cfg-mini-toggle input,
.cfg-mini-radio input {
    accent-color: currentColor;
}

.cfg-icon-btn {
    display: inline-grid;
    place-items: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.025);
    color: inherit;
    cursor: pointer;
}

.cfg-icon-btn:hover {
    background: rgba(255, 255, 255, 0.07);
}

.cfg-icon-danger {
    opacity: 0.7;
}

.cfg-icon-danger:hover {
    opacity: 1;
}

.cfg-engine-grid {
    display: grid;
    gap: 12px;
    margin-bottom: 12px;
}

.cfg-rule-grid {
    grid-template-columns:
        minmax(0, 2fr)
        minmax(100px, 0.65fr)
        minmax(0, 1.2fr);
}

.cfg-range-grid {
    grid-template-columns:
        minmax(130px, 0.9fr)
        minmax(140px, 0.9fr)
        minmax(120px, 0.8fr)
        minmax(120px, 0.8fr)
        minmax(220px, 1.5fr);
}

.cfg-intent-grid {
    grid-template-columns:
        minmax(0, 1fr)
        minmax(160px, 0.7fr);
}

.cfg-engine-card .cfg-field-full + .cfg-field-full {
    margin-top: 12px;
}

.cfg-engine-buttons {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.cfg-engine-card textarea {
    resize: vertical;
    min-height: 72px;
}

.cfg-engine-card input,
.cfg-engine-card textarea,
.cfg-engine-card select {
    box-sizing: border-box;
}

@media (max-width: 1100px) {
    .cfg-range-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .cfg-range-action {
        grid-column: 1 / -1;
    }
}

@media (max-width: 820px) {
    .cfg-rule-grid,
    .cfg-range-grid,
    .cfg-intent-grid {
        grid-template-columns: 1fr;
    }

    .cfg-engine-card-head {
        flex-direction: column;
    }

    .cfg-engine-head-actions {
        justify-content: flex-start;
    }

    .cfg-engine-buttons {
        width: 100%;
    }

    .cfg-engine-buttons .btn {
        flex: 1;
    }
}

/* CONFIGURACOES M6 - SIMULADOR FUNCIONAL */

.cfg-simulator-notice {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 18px 0 22px;
    padding: 15px 17px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.025);
}

.cfg-simulator-notice strong {
    font-size: 13px;
}

.cfg-simulator-notice span {
    font-size: 12px;
    line-height: 1.55;
    opacity: 0.68;
}

.cfg-simulator-result {
    grid-template-columns:
        repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-top: 18px;
}

.cfg-simulator-result > div {
    min-height: 78px;
    padding: 13px;
    border-radius: 11px;
}

.cfg-simulator-result span {
    font-size: 11px;
}

.cfg-simulator-result strong {
    overflow-wrap: anywhere;
    line-height: 1.4;
}

.cfg-simulator-motive {
    grid-column: 1 / -1;
}

.cfg-simulator-motive strong {
    font-weight: 600;
}

@media (max-width: 1100px) {
    .cfg-simulator-result {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 800px) {
    .cfg-simulator-result {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .cfg-simulator-result {
        grid-template-columns: 1fr;
    }
}

/* CONFIGURACOES M6 - CONTROLE GLOBAL */

.cfg-global-control {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 12px;
    padding: 14px 16px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.018);
}

.cfg-global-copy {
    min-width: 0;
}

.cfg-global-kicker {
    display: block;
    margin-bottom: 5px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.1em;
    opacity: 0.48;
}

.cfg-global-status-line {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.cfg-global-status-line strong {
    font-size: 13px;
}

.cfg-global-copy small {
    display: block;
    margin-top: 5px;
    font-size: 11px;
    line-height: 1.45;
    opacity: 0.6;
}

.cfg-global-actions {
    display: flex;
    gap: 9px;
    flex: 0 0 auto;
}

.cfg-global-actions .btn {
    white-space: nowrap;
}

@media (max-width: 820px) {
    .cfg-global-control {
        align-items: stretch;
        flex-direction: column;
    }

    .cfg-global-actions {
        width: 100%;
    }

    .cfg-global-actions .btn {
        flex: 1;
    }
}

@media (max-width: 520px) {
    .cfg-global-actions {
        flex-direction: column;
    }
}


/* INSTAGRAM PRINCIPAL BRAIN - V1 */

.igp-shell {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.igp-account-card,
.igp-panel,
.igp-kpi-card {
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.025);
    border-radius: 14px;
}

.igp-account-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 22px;
    padding: 18px 20px;
}

.igp-account-main {
    display: flex;
    align-items: center;
    gap: 14px;
}

.igp-instagram-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border-radius: 13px;
    font-size: 25px;
    font-weight: 900;
    color: #fff;
    background:
        linear-gradient(
            145deg,
            #7c3aed,
            #e11d48,
            #f97316
        );
}

.igp-kicker,
.igp-panel-kicker {
    display: block;
    margin-bottom: 5px;
    color: #ff6b00;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .1em;
}

.igp-account-main h2,
.igp-panel-head h3 {
    margin: 0;
}

.igp-account-main p,
.igp-panel-head p {
    margin: 5px 0 0;
    color: rgba(255,255,255,.5);
    font-size: 11px;
}

.igp-account-meta {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 22px;
    flex-wrap: wrap;
}

.igp-account-meta > div {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.igp-account-meta span,
.igp-health-grid span {
    color: rgba(255,255,255,.45);
    font-size: 11px;
}

.igp-account-meta strong {
    font-size: 11px;
}

.igp-status {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 5px 9px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
}

.igp-status.good {
    color: #67e89c;
    border: 1px solid rgba(34,197,94,.3);
    background: rgba(34,197,94,.1);
}

.igp-status.neutral {
    color: rgba(255,255,255,.65);
    border: 1px solid rgba(255,255,255,.1);
    background: rgba(255,255,255,.04);
}

.igp-primary-button {
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid #ff6b00;
    border-radius: 8px;
    color: #ff7a1a;
    background: rgba(255,107,0,.06);
    font-weight: 900;
    cursor: pointer;
}

.igp-primary-button:hover {
    color: #111;
    background: #ff6b00;
}

.igp-primary-button:disabled {
    opacity: .55;
    cursor: wait;
}

.igp-sync-note {
    min-height: 1px;
    margin: -8px 2px 0;
    color: rgba(255,255,255,.5);
    font-size: 11px;
}

.igp-kpi-grid {
    display: grid;
    grid-template-columns:
        repeat(5, minmax(0,1fr));
    gap: 12px;
}

.igp-kpi-card {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 92px;
    padding: 15px;
}

.igp-clickable {
    cursor: pointer;
}

.igp-clickable:hover {
    border-color: rgba(255,107,0,.4);
}

.igp-kpi-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 37px;
    height: 37px;
    flex: 0 0 37px;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 900;
}

.igp-kpi-icon.orange {
    color: #ff8a36;
    background: rgba(255,107,0,.13);
}

.igp-kpi-icon.red {
    color: #ff5757;
    background: rgba(239,68,68,.13);
}

.igp-kpi-icon.blue {
    color: #56aaff;
    background: rgba(37,150,255,.13);
}

.igp-kpi-icon.violet {
    color: #b790ff;
    background: rgba(139,92,246,.13);
}

.igp-kpi-icon.yellow {
    color: #f5c84c;
    background: rgba(245,200,76,.13);
}

.igp-kpi-card > div > span {
    display: block;
    color: rgba(255,255,255,.6);
    font-size: 11px;
}

.igp-kpi-card strong {
    display: block;
    margin: 5px 0 2px;
    font-size: 24px;
}

.igp-kpi-card small {
    color: rgba(255,255,255,.38);
    font-size: 11px;
}

.igp-intelligence-grid {
    display: grid;
    grid-template-columns:
        minmax(0,1.4fr)
        minmax(250px,.8fr)
        minmax(250px,.8fr);
    gap: 12px;
}

.igp-panel {
    padding: 17px;
}

.igp-panel-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 15px;
}

.igp-panel-head h3 {
    font-size: 14px;
}

.igp-panel-head > span {
    color: rgba(255,255,255,.4);
    font-size: 11px;
}

.igp-volume-chart {
    display: grid;
    grid-template-columns:
        repeat(7,minmax(0,1fr));
    align-items: end;
    gap: 8px;
    min-height: 180px;
}

.igp-volume-column {
    display: grid;
    grid-template-rows:
        18px 130px 18px;
    align-items: end;
    gap: 5px;
    text-align: center;
}

.igp-volume-number,
.igp-volume-column > span {
    color: rgba(255,255,255,.45);
    font-size: 11px;
}

.igp-volume-track {
    position: relative;
    height: 130px;
    overflow: hidden;
    border-radius: 7px;
    background: rgba(255,255,255,.035);
}

.igp-volume-bar {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 7px 7px 3px 3px;
    background:
        linear-gradient(
            180deg,
            #ff8a2b,
            #ff6400
        );
}

.igp-type-layout {
    display: flex;
    align-items: center;
    gap: 20px;
    min-height: 175px;
}

.igp-donut {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 125px;
    height: 125px;
    flex: 0 0 125px;
    border-radius: 50%;
    background: #20262c;
}

.igp-donut::after {
    position: absolute;
    inset: 27px;
    content: "";
    border-radius: 50%;
    background: #11161b;
}

.igp-donut > div {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.igp-donut strong {
    font-size: 22px;
}

.igp-donut span {
    color: rgba(255,255,255,.4);
    font-size: 11px;
}

.igp-type-legend {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 9px;
}

.igp-type-item {
    display: grid;
    grid-template-columns:
        8px 1fr auto;
    align-items: center;
    gap: 7px;
    font-size: 11px;
}

.igp-type-item i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

.igp-type-item small {
    margin-left: 4px;
    color: rgba(255,255,255,.35);
}

.igp-empty-intelligence {
    display: flex;
    min-height: 145px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 18px;
    border: 1px dashed rgba(255,255,255,.08);
    border-radius: 11px;
    text-align: center;
}

.igp-empty-intelligence strong {
    font-size: 11px;
}

.igp-empty-intelligence p {
    max-width: 280px;
    margin: 7px 0 0;
    color: rgba(255,255,255,.42);
    font-size: 11px;
    line-height: 1.5;
}

.igp-interaction-count {
    display: flex;
    align-items: baseline;
    gap: 6px;
    color: rgba(255,255,255,.45);
    font-size: 11px;
}

.igp-interaction-count strong {
    color: #fff;
    font-size: 15px;
}

.igp-toolbar {
    display: grid;
    grid-template-columns:
        minmax(220px,1fr)
        minmax(135px,.3fr)
        minmax(150px,.3fr)
        minmax(190px,.4fr);
    gap: 8px;
    margin-bottom: 13px;
}

.igp-toolbar input,
.igp-toolbar select {
    width: 100%;
    min-height: 36px;
    box-sizing: border-box;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 8px;
    outline: none;
    color: #fff;
    background: #10151a;
    padding: 0 10px;
    font-size: 11px;
}

.igp-toolbar select:disabled {
    opacity: .48;
}

.igp-table-wrap {
    overflow-x: auto;
    border: 1px solid rgba(255,255,255,.065);
    border-radius: 10px;
}

.igp-table {
    width: 100%;
    min-width: 1080px;
    border-collapse: collapse;
}

.igp-table th {
    padding: 9px 10px;
    border-bottom: 1px solid rgba(255,255,255,.07);
    color: rgba(255,255,255,.4);
    background: rgba(255,255,255,.025);
    font-size: 11px;
    text-align: left;
    text-transform: uppercase;
}

.igp-table td {
    padding: 10px;
    border-bottom: 1px solid rgba(255,255,255,.055);
    color: rgba(255,255,255,.73);
    font-size: 11px;
    vertical-align: middle;
}

.igp-user {
    color: #fff;
}

.igp-text-cell {
    max-width: 330px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.igp-event-badge,
.igp-muted-badge,
.igp-monitor-badge {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 3px 7px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
}

.igp-event-badge.comment {
    color: #ff9148;
    background: rgba(255,107,0,.13);
}

.igp-event-badge.mention {
    color: #bc8dff;
    background: rgba(168,85,247,.13);
}

.igp-event-badge.direct {
    color: #58b3ff;
    background: rgba(37,150,255,.13);
}

.igp-event-badge.follower {
    color: #63e38c;
    background: rgba(34,197,94,.13);
}

.igp-event-badge.like {
    color: #ff6f91;
    background: rgba(244,63,94,.13);
}

.igp-event-badge.other,
.igp-muted-badge {
    color: rgba(255,255,255,.55);
    background: rgba(255,255,255,.05);
}

.igp-monitor-badge {
    color: #77daff;
    background: rgba(37,150,255,.09);
}

.igp-table-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 27px;
    padding: 0 8px;
    border: 1px solid rgba(255,107,0,.45);
    border-radius: 7px;
    color: #ff7b1d;
    background: rgba(255,107,0,.04);
    font-size: 11px;
    font-weight: 900;
    text-decoration: none;
}

.igp-action-unavailable {
    color: rgba(255,255,255,.32);
    font-size: 11px;
}

.igp-loading {
    padding: 22px;
    color: rgba(255,255,255,.42);
    font-size: 11px;
    text-align: center;
}

.igp-bottom-grid {
    display: grid;
    grid-template-columns:
        repeat(2,minmax(0,1fr));
    gap: 12px;
}

.igp-recurring-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.igp-recurring-row {
    display: grid;
    grid-template-columns:
        24px
        minmax(100px,.6fr)
        1fr
        35px;
    align-items: center;
    gap: 10px;
    font-size: 11px;
}

.igp-recurring-row > b {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    color: #ff7b1d;
    background: rgba(255,107,0,.1);
}

.igp-recurring-row > div {
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255,255,255,.05);
}

.igp-recurring-row > div i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background:
        linear-gradient(
            90deg,
            #ff6b00,
            #ffad35
        );
}

.igp-health-grid {
    display: grid;
    grid-template-columns:
        repeat(3,minmax(0,1fr));
    gap: 9px;
}

.igp-health-grid > div {
    padding: 12px;
    border: 1px solid rgba(255,255,255,.065);
    border-radius: 9px;
    background: rgba(255,255,255,.018);
}

.igp-health-grid strong {
    display: block;
    margin-top: 5px;
    font-size: 13px;
}

@media (max-width: 1280px) {

    .igp-kpi-grid {
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }

    .igp-intelligence-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .igp-intelligence-grid
    .igp-panel:first-child {
        grid-column: 1 / -1;
    }
}

@media (max-width: 900px) {

    .igp-account-card {
        align-items: stretch;
        flex-direction: column;
    }

    .igp-account-meta {
        justify-content: flex-start;
    }

    .igp-kpi-grid,
    .igp-intelligence-grid,
    .igp-bottom-grid {
        grid-template-columns: 1fr;
    }

    .igp-intelligence-grid
    .igp-panel:first-child {
        grid-column: auto;
    }

    .igp-toolbar {
        grid-template-columns:
            1fr 1fr;
    }
}

@media (max-width: 560px) {

    .igp-kpi-grid,
    .igp-toolbar,
    .igp-health-grid {
        grid-template-columns: 1fr;
    }
}


/* ==========================================================
   INSTAGRAM PRINCIPAL - IDENTIDADE DA CONTA
   ========================================================== */

.igp-account-status {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    gap: 18px;
    align-items: center;
    margin: 14px 0;
    padding: 16px 18px;
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: 14px;
    background: rgba(15, 23, 42, .035);
}

.igp-account-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.igp-account-item span {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .05em;
    opacity: .64;
}

.igp-account-item strong {
    font-size: 15px;
    font-weight: 750;
}

.igp-account-badge {
    white-space: nowrap;
    border-radius: 999px;
    padding: 8px 12px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .04em;
}

.igp-account-status.is-neutral {
    border-color: rgba(148, 163, 184, .34);
}

.igp-account-status.is-neutral
.igp-account-badge {
    background: rgba(148, 163, 184, .14);
}

.igp-account-status.is-correct {
    border-color: rgba(34, 197, 94, .45);
    background: rgba(34, 197, 94, .06);
}

.igp-account-status.is-correct
.igp-account-badge {
    background: rgba(34, 197, 94, .14);
}

.igp-account-status.is-error {
    border-color: rgba(239, 68, 68, .52);
    background: rgba(239, 68, 68, .07);
}

.igp-account-status.is-error
.igp-account-badge {
    background: rgba(239, 68, 68, .14);
}

.igp-account-status.is-warning {
    border-color: rgba(245, 158, 11, .48);
    background: rgba(245, 158, 11, .07);
}

.igp-account-status.is-warning
.igp-account-badge {
    background: rgba(245, 158, 11, .14);
}

.igp-sync-error {
    font-weight: 650;
}

@media (max-width: 850px) {
    .igp-account-status {
        grid-template-columns: 1fr;
    }

    .igp-account-badge {
        width: max-content;
    }
}


/* CONTAS INSTAGRAM BRAIN - SAAS V1 */

.ia-shell {
    display: grid;
    gap: 18px;
}

.ia-hero,
.ia-create-card,
.ia-list-card,
.ia-rule-card {
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 16px;
    background: rgba(15, 18, 22, .92);
}

.ia-hero {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    padding: 24px;
}

.ia-kicker,
.ia-section-heading span {
    color: #ff6a00;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
}

.ia-hero h2,
.ia-section-heading h3 {
    margin: 5px 0 4px;
}

.ia-hero p {
    margin: 0;
    opacity: .7;
}

.ia-security {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 280px;
    padding: 14px 16px;
    border: 1px solid rgba(34, 197, 94, .25);
    border-radius: 12px;
    background: rgba(34, 197, 94, .06);
}

.ia-security span {
    font-size: 12px;
    opacity: .68;
}

.ia-create-card,
.ia-list-card,
.ia-rule-card {
    padding: 20px;
}

.ia-section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.ia-form {
    display: grid;
    grid-template-columns:
        minmax(220px, 1fr)
        minmax(260px, 1.4fr)
        auto;
    gap: 12px;
    align-items: end;
}

.ia-form label {
    display: grid;
    gap: 7px;
}

.ia-form label > span {
    font-size: 12px;
    font-weight: 700;
    opacity: .72;
}

.ia-form input {
    width: 100%;
    height: 42px;
    box-sizing: border-box;
    padding: 0 12px;
    border: 1px solid rgba(148, 163, 184, .24);
    border-radius: 10px;
    background: rgba(7, 10, 13, .85);
    color: inherit;
    outline: none;
}

.ia-form input:focus {
    border-color: rgba(255, 106, 0, .75);
}

.ia-username-field {
    display: flex;
    align-items: center;
    border: 1px solid rgba(148, 163, 184, .24);
    border-radius: 10px;
    overflow: hidden;
    background: rgba(7, 10, 13, .85);
}

.ia-username-field b {
    padding-left: 12px;
    color: #ff6a00;
}

.ia-username-field input {
    border: 0;
    background: transparent;
}

.ia-primary-button,
.ia-secondary-button,
.ia-set-primary,
.ia-remove-account,
.ia-current-button {
    min-height: 38px;
    padding: 0 14px;
    border-radius: 9px;
    font-weight: 750;
    cursor: pointer;
}

.ia-primary-button,
.ia-set-primary {
    border: 1px solid #ff6a00;
    background: #ff6a00;
    color: #111;
}

.ia-secondary-button {
    border: 1px solid rgba(148, 163, 184, .28);
    background: transparent;
    color: inherit;
}

.ia-remove-account {
    border: 1px solid rgba(239, 68, 68, .32);
    background: rgba(239, 68, 68, .06);
    color: inherit;
}

.ia-current-button {
    border: 1px solid rgba(34, 197, 94, .3);
    background: rgba(34, 197, 94, .09);
    color: inherit;
    cursor: default;
}

.ia-help {
    display: block;
    margin-top: 12px;
    opacity: .58;
}

.ia-account-row {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 14px;
    padding: 15px;
    margin-top: 10px;
    border: 1px solid rgba(148, 163, 184, .15);
    border-radius: 12px;
    background: rgba(7, 10, 13, .52);
}

.ia-account-row.is-primary {
    border-color: rgba(34, 197, 94, .32);
    background: rgba(34, 197, 94, .045);
}

.ia-account-avatar {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 11px;
    background:
        linear-gradient(
            145deg,
            #ff6a00,
            #cc2a7b
        );
    font-weight: 900;
}

.ia-account-info {
    display: grid;
    gap: 4px;
}

.ia-account-info > span {
    font-size: 12px;
    opacity: .62;
}

.ia-account-title {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.ia-primary-badge {
    padding: 5px 8px;
    border-radius: 999px;
    background: rgba(34, 197, 94, .13);
    color: #7ee2a0;
    font-size: 11px;
    font-weight: 850;
}

.ia-account-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.ia-empty {
    display: grid;
    place-items: center;
    gap: 5px;
    min-height: 110px;
    border: 1px dashed rgba(148, 163, 184, .18);
    border-radius: 12px;
    opacity: .7;
}

.ia-message {
    min-height: 0;
}

.ia-message:not(:empty) {
    padding: 12px 14px;
    border-radius: 10px;
}

.ia-message.success {
    border: 1px solid rgba(34, 197, 94, .3);
    background: rgba(34, 197, 94, .08);
}

.ia-message.error {
    border: 1px solid rgba(239, 68, 68, .3);
    background: rgba(239, 68, 68, .08);
}

.ia-rule-card strong {
    display: block;
    margin-bottom: 12px;
}

.ia-rule-flow {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    font-size: 12px;
    opacity: .75;
}

.ia-rule-flow b {
    color: #ff6a00;
}

@media (max-width: 980px) {

    .ia-form {
        grid-template-columns: 1fr;
    }

    .ia-hero {
        align-items: flex-start;
        flex-direction: column;
    }

    .ia-security {
        min-width: 0;
        width: 100%;
        box-sizing: border-box;
    }

    .ia-account-row {
        grid-template-columns: auto 1fr;
    }

    .ia-account-actions {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }
}


/* RADAR BRAIN - MODAL VISUAL DE CONTA PRINCIPAL */

body.rb-modal-open {
    overflow: hidden;
}

.rb-account-modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 99999;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 24px;

    background:
        rgba(0, 0, 0, .76);

    backdrop-filter:
        blur(7px);

    -webkit-backdrop-filter:
        blur(7px);

    animation:
        rbAccountBackdropIn
        .18s ease;
}

.rb-account-modal-backdrop.rb-hidden {
    display: none;
}


.rb-account-modal {
    width: min(
        100%,
        580px
    );

    padding: 26px;

    border:
        1px solid
        rgba(255, 255, 255, .09);

    border-radius: 20px;

    background:
        linear-gradient(
            180deg,
            #11151a 0%,
            #0b0e12 100%
        );

    box-shadow:
        0 35px 90px
        rgba(0, 0, 0, .65);

    animation:
        rbAccountModalIn
        .2s ease;
}


.rb-account-modal-top {
    display: flex;
    align-items: center;
    gap: 14px;
}


.rb-account-modal-symbol {
    width: 46px;
    height: 46px;

    display: grid;
    place-items: center;

    flex: 0 0 46px;

    border-radius: 13px;

    background:
        linear-gradient(
            135deg,
            #ff7300 0%,
            #ff4800 52%,
            #cc2a7b 100%
        );

    color: #fff;

    font-size: 20px;
    font-weight: 900;
}


.rb-account-modal-kicker {
    display: block;

    margin-bottom: 5px;

    color: #ff7300;

    font-size: 11px;
    font-weight: 900;

    letter-spacing: .13em;
}


.rb-account-modal-top h3 {
    margin: 0;

    color: #f5f7fa;

    font-size: 23px;
    line-height: 1.15;

    font-weight: 800;
}


.rb-account-modal-text {
    margin:
        20px 0 18px;

    color:
        rgba(232, 236, 241, .72);

    font-size: 14px;
    line-height: 1.6;
}


.rb-account-modal-profile {
    display: grid;

    grid-template-columns:
        auto
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap: 14px;

    padding: 16px;

    border:
        1px solid
        rgba(255, 115, 0, .28);

    border-radius: 14px;

    background:
        rgba(255, 115, 0, .055);
}


.rb-account-modal-avatar {
    width: 48px;
    height: 48px;

    display: grid;
    place-items: center;

    border-radius: 13px;

    background:
        linear-gradient(
            135deg,
            #ff7300,
            #ce2e75
        );

    color: white;

    font-size: 19px;
    font-weight: 900;
}


.rb-account-modal-profile-info {
    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 3px;
}


.rb-account-modal-profile-info > span {
    color:
        rgba(255, 255, 255, .45);

    font-size: 11px;
    font-weight: 800;

    letter-spacing: .1em;
}


.rb-account-modal-profile-info strong {
    color: #fff;

    font-size: 18px;
    font-weight: 800;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.rb-account-modal-profile-info small {
    color:
        rgba(255, 255, 255, .58);

    font-size: 11px;
}


.rb-account-modal-badge {
    padding:
        6px 9px;

    border:
        1px solid
        rgba(255, 115, 0, .35);

    border-radius: 999px;

    color: #ff8b2b;

    background:
        rgba(255, 115, 0, .08);

    font-size: 11px;
    font-weight: 900;

    letter-spacing: .06em;
}


.rb-account-modal-warning {
    display: flex;
    align-items: flex-start;
    gap: 11px;

    margin-top: 14px;

    padding: 13px 14px;

    border:
        1px solid
        rgba(255, 255, 255, .07);

    border-radius: 12px;

    background:
        rgba(255, 255, 255, .025);
}


.rb-account-modal-warning > div {
    width: 24px;
    height: 24px;

    display: grid;
    place-items: center;

    flex: 0 0 24px;

    border-radius: 50%;

    background:
        rgba(255, 115, 0, .12);

    color: #ff7300;

    font-size: 12px;
    font-weight: 900;
}


.rb-account-modal-warning p {
    margin: 1px 0 0;

    color:
        rgba(255, 255, 255, .6);

    font-size: 12px;
    line-height: 1.5;
}


.rb-account-modal-actions {
    display: flex;

    justify-content: flex-end;

    gap: 10px;

    margin-top: 22px;
}


.rb-account-modal-cancel,
.rb-account-modal-confirm {
    height: 44px;

    padding:
        0 18px;

    border-radius: 10px;

    font-size: 13px;
    font-weight: 800;

    cursor: pointer;

    transition:
        transform .15s ease,
        background .15s ease,
        border-color .15s ease;
}


.rb-account-modal-cancel {
    min-width: 110px;

    border:
        1px solid
        rgba(255, 255, 255, .11);

    background:
        rgba(255, 255, 255, .025);

    color: #e9edf2;
}


.rb-account-modal-cancel:hover {
    background:
        rgba(255, 255, 255, .06);
}


.rb-account-modal-confirm {
    min-width: 190px;

    border:
        1px solid
        #ff7300;

    background:
        #ff7300;

    color: #111;
}


.rb-account-modal-confirm:hover {
    transform:
        translateY(-1px);

    background:
        #ff8426;
}


.rb-account-modal-confirm:focus-visible,
.rb-account-modal-cancel:focus-visible {
    outline:
        2px solid
        rgba(255, 115, 0, .55);

    outline-offset: 3px;
}


@keyframes rbAccountBackdropIn {

    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


@keyframes rbAccountModalIn {

    from {
        opacity: 0;

        transform:
            translateY(10px)
            scale(.985);
    }

    to {
        opacity: 1;

        transform:
            translateY(0)
            scale(1);
    }
}


@media (max-width: 640px) {

    .rb-account-modal {
        padding: 20px;
    }

    .rb-account-modal-profile {
        grid-template-columns:
            auto
            minmax(0, 1fr);
    }

    .rb-account-modal-badge {
        grid-column:
            1 / -1;

        width: max-content;
    }

    .rb-account-modal-actions {
        flex-direction: column-reverse;
    }

    .rb-account-modal-cancel,
    .rb-account-modal-confirm {
        width: 100%;
    }
}



/* RADAR BRAIN - SESSAO INSTAGRAM POR CONTA V2 */

.ia-session-line {
    display: flex;
    align-items: flex-start;
    gap: 9px;

    width: fit-content;
    max-width: 100%;

    margin-top: 9px;

    padding:
        8px 10px;

    border:
        1px solid
        rgba(148, 163, 184, .16);

    border-radius: 10px;

    background:
        rgba(255, 255, 255, .025);
}


.ia-session-copy {
    display: flex;
    flex-direction: column;
    gap: 2px;
}


.ia-session-copy strong {
    font-size: 11px;
    font-weight: 800;
}


.ia-session-copy small {
    color:
        rgba(255, 255, 255, .56);

    font-size: 11px;
    line-height: 1.45;
}


.ia-session-dot {
    width: 8px;
    height: 8px;

    flex:
        0 0 8px;

    margin-top: 4px;

    border-radius: 50%;

    background:
        #7c8795;
}


.ia-session-line.is-good {
    border-color:
        rgba(34, 197, 94, .28);

    background:
        rgba(34, 197, 94, .055);
}


.ia-session-line.is-good
.ia-session-dot {
    background:
        #22c55e;

    box-shadow:
        0 0 9px
        rgba(34, 197, 94, .52);
}


.ia-session-line.is-warning {
    border-color:
        rgba(245, 158, 11, .28);

    background:
        rgba(245, 158, 11, .055);
}


.ia-session-line.is-warning
.ia-session-dot {
    background:
        #f59e0b;
}


.ia-session-line.is-off {
    border-color:
        rgba(239, 68, 68, .25);

    background:
        rgba(239, 68, 68, .045);
}


.ia-session-line.is-off
.ia-session-dot {
    background:
        #ef4444;
}


.ia-session-line.is-working {
    border-color:
        rgba(255, 115, 0, .30);

    background:
        rgba(255, 115, 0, .065);
}


.ia-session-line.is-working
.ia-session-dot {
    background:
        #ff7300;

    animation:
        iaSessionPulseV2
        1s infinite ease-in-out;
}


.ia-verify-session,
.ia-connect-account {
    min-height: 38px;

    padding:
        0 13px;

    border-radius: 9px;

    font-size: 12px;
    font-weight: 750;

    cursor: pointer;
}


.ia-verify-session {
    border:
        1px solid
        rgba(148, 163, 184, .25);

    background:
        rgba(255, 255, 255, .025);

    color: inherit;
}


.ia-connect-account {
    border:
        1px solid
        rgba(255, 115, 0, .58);

    background:
        rgba(255, 115, 0, .085);

    color:
        #ff8a2b;
}


.ia-connect-account:hover {
    background:
        rgba(255, 115, 0, .15);
}


.ia-verify-session:hover {
    background:
        rgba(255, 255, 255, .055);
}


.ia-connect-account:disabled,
.ia-verify-session:disabled {
    opacity: .45;
    cursor: default;
}


.ia-session-modal {
    max-width: 560px;
}


.ia-session-modal-success {
    background:
        rgba(34, 197, 94, .15)
        !important;

    color:
        #70e096
        !important;

    border:
        1px solid
        rgba(34, 197, 94, .28);
}


.ia-session-modal-warning {
    background:
        rgba(245, 158, 11, .12)
        !important;

    color:
        #fbbf24
        !important;

    border:
        1px solid
        rgba(245, 158, 11, .25);
}


.ia-session-modal-accounts {
    display: grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );

    gap: 10px;

    margin-top: 16px;
}


.ia-session-modal-accounts > div {
    display: flex;
    flex-direction: column;
    gap: 5px;

    padding: 13px;

    border:
        1px solid
        rgba(255, 255, 255, .07);

    border-radius: 11px;

    background:
        rgba(255, 255, 255, .025);
}


.ia-session-modal-accounts span {
    color:
        rgba(255, 255, 255, .42);

    font-size: 11px;
    font-weight: 850;

    letter-spacing: .08em;
}


.ia-session-modal-accounts strong {
    color: #fff;

    font-size: 15px;
}


@keyframes iaSessionPulseV2 {

    0%,
    100% {
        opacity: .4;
        transform: scale(.85);
    }

    50% {
        opacity: 1;
        transform: scale(1.18);
    }
}


@media (max-width: 1000px) {

    .ia-account-actions {
        max-width: 460px;
    }
}


@media (max-width: 620px) {

    .ia-session-modal-accounts {
        grid-template-columns: 1fr;
    }
}


/* INSTAGRAM PRINCIPAL - SEMANTIC UI V1 */


.igp-semantic-badge,
.igp-priority-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 23px;
    padding: 0 8px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
    white-space: nowrap;
}


.igp-semantic-badge.is-complaint {
    color: #ff7373;
    border-color: rgba(239,68,68,.30);
    background: rgba(239,68,68,.09);
}


.igp-semantic-badge.is-question {
    color: #f2c94c;
    border-color: rgba(242,201,76,.30);
    background: rgba(242,201,76,.08);
}


.igp-semantic-badge.is-praise {
    color: #62d98b;
    border-color: rgba(34,197,94,.30);
    background: rgba(34,197,94,.08);
}


.igp-semantic-badge.is-mention {
    color: #b38cff;
    border-color: rgba(168,85,247,.30);
    background: rgba(168,85,247,.08);
}


.igp-semantic-badge.is-interaction {
    color: #9aa4b2;
    background: rgba(148,163,184,.06);
}


.igp-semantic-sentiment {
    display: block;
    margin-top: 5px;
    color: rgba(255,255,255,.38);
    font-size: 11px;
}


.igp-priority-badge.is-critical {
    color: #ff5959;
    border-color: rgba(239,68,68,.42);
    background: rgba(239,68,68,.12);
}


.igp-priority-badge.is-high {
    color: #ff9559;
    border-color: rgba(249,115,22,.36);
    background: rgba(249,115,22,.09);
}


.igp-priority-badge.is-medium {
    color: #f2c94c;
    border-color: rgba(242,201,76,.30);
    background: rgba(242,201,76,.07);
}


.igp-priority-badge.is-low {
    color: #8f9aa7;
    background: rgba(148,163,184,.05);
}


.igp-attention-badge {
    display: inline-flex;
    align-items: center;
    min-height: 23px;
    padding: 0 8px;
    border: 1px solid rgba(249,115,22,.35);
    border-radius: 999px;
    color: #ff9559;
    background: rgba(249,115,22,.08);
    font-size: 11px;
    font-weight: 900;
    white-space: nowrap;
}


.igp-semantic-action {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    min-width: 135px;
}


.igp-semantic-action > span {
    max-width: 170px;
    color: rgba(255,255,255,.47);
    font-size: 11px;
    line-height: 1.4;
}


.igp-semantic-pains {
    display: flex;
    flex-direction: column;
    gap: 13px;
    padding-top: 8px;
}


.igp-semantic-pain {
    display: flex;
    flex-direction: column;
    gap: 7px;
}


.igp-semantic-pain-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}


.igp-semantic-pain-head span {
    color: rgba(255,255,255,.70);
    font-size: 11px;
    font-weight: 700;
}


.igp-semantic-pain-head strong {
    color: #fff;
    font-size: 11px;
}


.igp-semantic-pain-track {
    overflow: hidden;
    width: 100%;
    height: 5px;
    border-radius: 999px;
    background: rgba(255,255,255,.06);
}


.igp-semantic-pain-track i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #ff6b00;
}


.igp-semantic-empty {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 20px;
    border: 1px dashed rgba(255,255,255,.10);
    border-radius: 10px;
    background: rgba(255,255,255,.015);
}


.igp-semantic-empty strong {
    color: rgba(255,255,255,.76);
    font-size: 11px;
}


.igp-semantic-empty span {
    max-width: 460px;
    color: rgba(255,255,255,.40);
    font-size: 11px;
    line-height: 1.55;
}

/* RADAR BRAIN - TYPOGRAPHY SYSTEM V1 START */

/*
============================================================
RADAR BRAIN - ESCALA TIPOGRAFICA OFICIAL
============================================================

24px = titulo principal
18px = titulo de secao
16px = subtitulo
14px = corpo / inputs / botoes
13px = conteudo de tabela
12px = labels / badges / cabecalho / apoio
11px = menor tamanho permitido
*/

:root {

    --rb-font-page-title: 24px;
    --rb-font-section-title: 18px;
    --rb-font-subtitle: 16px;

    --rb-font-body: 14px;
    --rb-font-table: 13px;

    --rb-font-label: 12px;
    --rb-font-badge: 12px;
    --rb-font-caption: 12px;

    --rb-font-minimum: 11px;

    --rb-line-body: 1.50;
    --rb-line-table: 1.42;

}


/* =========================================================
   BASE GERAL
   ========================================================= */

html,
body {
    font-size: var(--rb-font-body);
}

body {
    line-height: var(--rb-line-body);
}


/* =========================================================
   MENU LATERAL
   ========================================================= */

aside,
.sidebar,
.app-sidebar {
    font-size: 13px;
}

aside a,
.sidebar a,
.app-sidebar a,
nav a {
    font-size: 13px !important;
    line-height: 1.35 !important;
}

aside small,
.sidebar small,
.app-sidebar small {
    font-size: var(--rb-font-minimum) !important;
}

aside h4,
aside h5,
.sidebar h4,
.sidebar h5,
.app-sidebar h4,
.app-sidebar h5 {
    font-size: var(--rb-font-label) !important;
    line-height: 1.35 !important;
}


/* =========================================================
   TITULOS PRINCIPAIS
   ========================================================= */

main h1,
.page-title,
.igp-page-title {
    font-size: var(--rb-font-page-title) !important;
    line-height: 1.15 !important;
    letter-spacing: -.02em;
}

main h2,
main h3,
.igp-panel-head h3,
.ia-page-head h2 {
    font-size: var(--rb-font-section-title) !important;
    line-height: 1.25 !important;
}


/* =========================================================
   KICKERS / LABELS SUPERIORES
   ========================================================= */

.igp-panel-kicker,
.igp-kicker,
.ia-kicker,
.eyebrow,
[class*="kicker"] {
    font-size: var(--rb-font-label) !important;
    line-height: 1.30 !important;
}


/* =========================================================
   TEXTO NORMAL
   ========================================================= */

main p,
main label,
.igp-panel-head p,
.igp-sync-note,
.igp-semantic-empty span,
.ia-account-info > span,
.ia-session-copy small {
    font-size: var(--rb-font-caption) !important;
    line-height: 1.50 !important;
}


/* =========================================================
   KPI CARDS
   ========================================================= */

.igp-kpi-card > div > span {
    font-size: var(--rb-font-label) !important;
    line-height: 1.30 !important;
}

.igp-kpi-card strong {
    font-size: 22px !important;
    line-height: 1.10 !important;
}

.igp-kpi-card small {
    font-size: var(--rb-font-caption) !important;
    line-height: 1.35 !important;
}


/* =========================================================
   INPUTS / SELECTS / BOTOES
   ========================================================= */

input,
select,
textarea,
button {
    font-size: var(--rb-font-body) !important;
    line-height: 1.30 !important;
}

input,
select,
.igp-toolbar input,
.igp-toolbar select {
    min-height: 40px !important;
}

button {
    min-height: 40px;
}

.igp-table-action,
.ia-current-button,
.ia-set-primary,
.ia-connect-account,
.ia-verify-session,
.ia-remove-account {
    min-height: 36px;
    font-size: var(--rb-font-label) !important;
}


/* =========================================================
   TABELAS - PADRAO OFICIAL
   ========================================================= */

main table,
.igp-table {
    font-size: var(--rb-font-table) !important;
}

main table th,
.igp-table th {
    font-size: var(--rb-font-label) !important;
    line-height: 1.30 !important;

    padding-top: 13px !important;
    padding-bottom: 13px !important;
}

main table td,
.igp-table td {
    font-size: var(--rb-font-table) !important;
    line-height: var(--rb-line-table) !important;

    padding-top: 13px !important;
    padding-bottom: 13px !important;
}

.igp-user,
.igp-text-cell {
    font-size: var(--rb-font-table) !important;
    line-height: var(--rb-line-table) !important;
}


/* =========================================================
   BADGES / STATUS
   ========================================================= */

.igp-event-badge,
.igp-semantic-badge,
.igp-priority-badge,
.igp-monitor-badge,
.igp-attention-badge,
.ia-primary-badge,
.igp-status,
.badge,
.status-badge {

    min-height: 28px !important;

    padding-left: 10px !important;
    padding-right: 10px !important;

    font-size: var(--rb-font-badge) !important;
    line-height: 1.20 !important;

}


/* =========================================================
   SENTIMENTO / INFORMACAO SECUNDARIA
   ========================================================= */

.igp-semantic-sentiment,
.igp-action-unavailable,
.igp-volume-label,
.igp-recurring-list small {

    font-size: var(--rb-font-minimum) !important;
    line-height: 1.40 !important;

}


/* =========================================================
   LEGENDA DOS GRAFICOS
   ========================================================= */

.igp-type-legend,
.igp-type-legend span,
.igp-type-legend strong {

    font-size: var(--rb-font-label) !important;
    line-height: 1.35 !important;

}


/* =========================================================
   ACOES DA TABELA
   ========================================================= */

.igp-semantic-action {
    gap: 7px !important;
}

.igp-semantic-action > span {

    max-width: 230px !important;

    font-size: var(--rb-font-caption) !important;
    line-height: 1.45 !important;

}

.igp-table-action,
.igp-action-unavailable {

    font-size: var(--rb-font-label) !important;
    line-height: 1.35 !important;

}


/* =========================================================
   INTELIGENCIA / DORES
   ========================================================= */

.igp-semantic-pain-head span,
.igp-semantic-pain-head strong {

    font-size: var(--rb-font-body) !important;

}

.igp-semantic-empty strong {

    font-size: var(--rb-font-body) !important;
    line-height: 1.35 !important;

}

.igp-semantic-empty span {

    font-size: var(--rb-font-caption) !important;
    line-height: 1.50 !important;

}


/* =========================================================
   CONTAS INSTAGRAM
   ========================================================= */

.ia-account-title strong {

    font-size: var(--rb-font-body) !important;

}

.ia-account-info,
.ia-account-info span {

    font-size: var(--rb-font-caption) !important;
    line-height: 1.45 !important;

}

.ia-session-copy strong {

    font-size: var(--rb-font-label) !important;

}

.ia-session-copy small {

    font-size: var(--rb-font-caption) !important;
    line-height: 1.45 !important;

}


/* =========================================================
   INFORMACOES DA SESSAO DO INSTAGRAM PRINCIPAL
   ========================================================= */

.igp-account-identity span,
.igp-account-identity small,
.igp-account-status span,
.igp-account-status small {

    font-size: var(--rb-font-label) !important;
    line-height: 1.40 !important;

}


/* =========================================================
   ELEMENTOS AUXILIARES
   ========================================================= */

.igp-loading,
.igp-empty,
.empty-state,
.helper-text {

    font-size: var(--rb-font-caption) !important;
    line-height: 1.50 !important;

}


/* =========================================================
   SEGURANCA DE LEGIBILIDADE
   ========================================================= */

/*
Nenhum texto operacional do RADAR deve ser criado
abaixo de 11px daqui para frente.
*/

.igp-shell,
.ia-shell {

    --rb-min-readable:
        var(--rb-font-minimum);

}


/* RADAR BRAIN - TYPOGRAPHY SYSTEM V1 END */

/* RADAR BRAIN - GLOBAL TYPOGRAPHY V2 START */

/*
============================================================
PADRAO TIPOGRAFICO GLOBAL OFICIAL

24px - titulo de pagina
18px - titulo de secao
16px - subtitulo
14px - corpo / formularios / botoes
13px - tabelas
12px - labels / badges / apoio
11px - tamanho minimo absoluto
============================================================
*/

:root {
    --rb-font-page-title: 24px;
    --rb-font-section-title: 18px;
    --rb-font-subtitle: 16px;

    --rb-font-body: 14px;
    --rb-font-table: 13px;

    --rb-font-label: 12px;
    --rb-font-caption: 12px;
    --rb-font-badge: 12px;

    --rb-font-minimum: 11px;
}


/* BASE GLOBAL */

html {
    font-size: 16px;
}

body {
    font-size: var(--rb-font-body);
    line-height: 1.5;
}


/* TITULOS */

main h1,
.page-title,
.screen-title,
.dashboard-title,
.module-title {
    font-size: var(--rb-font-page-title) !important;
    line-height: 1.2 !important;
}

main h2,
main h3,
.section-title,
.card-title,
.panel-title,
.widget-title {
    font-size: var(--rb-font-section-title) !important;
    line-height: 1.3 !important;
}


/* TEXTO OPERACIONAL */

main p,
main td,
main li,
main label,
main input,
main select,
main textarea,
main button {
    line-height: 1.45;
}


/* FORMULARIOS */

input,
select,
textarea {
    font-size: var(--rb-font-body) !important;
}

button,
.button,
.btn {
    font-size: var(--rb-font-body) !important;
}


/* TABELAS */

table {
    font-size: var(--rb-font-table);
}

table td {
    font-size: var(--rb-font-table) !important;
    line-height: 1.45 !important;
}

table th {
    font-size: var(--rb-font-label) !important;
    line-height: 1.35 !important;
}


/* LABELS E INFORMACOES AUXILIARES */

label,
.label,
.caption,
.helper-text,
.meta,
.description,
.subtitle,
.card-subtitle,
.panel-subtitle {
    font-size: var(--rb-font-caption) !important;
}


/* BADGES E STATUS */

.badge,
.status,
.status-badge,
.tag,
.chip {
    font-size: var(--rb-font-badge) !important;
}


/* MENU LATERAL */

aside a,
aside button,
.sidebar a,
.sidebar button,
.app-sidebar a,
.app-sidebar button,
nav a {
    font-size: 13px !important;
}


/* KPIS */

.kpi-label,
.metric-label,
.stat-label {
    font-size: var(--rb-font-label) !important;
}

.kpi-value,
.metric-value,
.stat-value {
    line-height: 1.1 !important;
}


/*
REGRA OFICIAL:
Nenhum novo texto operacional do RADAR BRAIN
deve ser criado abaixo de 11px.
*/

/* RADAR BRAIN - GLOBAL TYPOGRAPHY V2 END */

/* INSTAGRAM OPERATIONAL INBOX V1 START */

.igp-operational-sync {
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid #3b434b;
    border-radius: 8px;
    background: #171b1f;
    color: #f5f7f8;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.igp-operational-sync:hover {
    border-color: #ff6b00;
}

.igp-operational-sync:disabled {
    opacity: .55;
    cursor: wait;
}

.igp-api-badge {
    display: block;
    width: max-content;
    margin-top: 5px;
    padding: 3px 7px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
}

.igp-api-badge.available {
    background: rgba(34, 197, 94, .12);
    border: 1px solid rgba(34, 197, 94, .35);
    color: #7ee2a0;
}

.igp-api-badge.unavailable {
    background: rgba(148, 163, 184, .08);
    border: 1px solid rgba(148, 163, 184, .18);
    color: #9da8b3;
}

.igp-semantic-badge,
.igp-priority-badge {
    display: inline-flex;
    padding: 5px 8px;
    border-radius: 6px;
    background: #1c2228;
    color: #d9dee3;
    font-size: 12px;
    font-weight: 700;
}

.igp-op-status {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    padding: 5px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
}

.igp-op-status.pendente {
    background: rgba(240, 182, 44, .12);
    color: #f4c65c;
}

.igp-op-status.em_tratamento {
    background: rgba(37, 150, 255, .12);
    color: #66b7ff;
}

.igp-op-status.resolvido {
    background: rgba(34, 197, 94, .12);
    color: #7ee2a0;
}

.igp-op-status.arquivado {
    background: rgba(148, 163, 184, .1);
    color: #9da8b3;
}

.igp-op-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    min-width: 220px;
}

.igp-op-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0 9px;
    border: 1px solid #3a424a;
    border-radius: 6px;
    background: #171c21;
    color: #e8edf1;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

.igp-op-action:hover {
    border-color: #ff6b00;
    color: #fff;
}

.igp-op-action.primary {
    background: #ff6b00;
    border-color: #ff6b00;
    color: #fff;
}

.igp-op-action.success {
    border-color: rgba(34, 197, 94, .45);
    color: #7ee2a0;
}

.igp-op-action.subtle {
    color: #a7b0b8;
}

.igp-op-action.disabled,
.igp-op-action:disabled {
    opacity: .4;
    cursor: not-allowed;
}

.igp-op-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(0, 0, 0, .72);
    backdrop-filter: blur(4px);
}

.igp-op-modal.open {
    display: flex;
}

.igp-op-modal-card {
    width: min(680px, 96vw);
    border: 1px solid #343b42;
    border-radius: 14px;
    background: #121619;
    box-shadow: 0 24px 80px rgba(0, 0, 0, .45);
    overflow: hidden;
}

.igp-op-modal-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 20px 22px 16px;
    border-bottom: 1px solid #2b3137;
}

.igp-op-modal-head span {
    display: block;
    margin-bottom: 3px;
    color: #ff6b00;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
}

.igp-op-modal-head h3 {
    margin: 0;
    color: #fff;
    font-size: 18px;
}

.igp-op-modal-head button {
    border: 0;
    background: transparent;
    color: #aab3bb;
    font-size: 26px;
    cursor: pointer;
}

.igp-op-modal-context {
    margin: 18px 22px 0;
    padding: 12px 14px;
    border: 1px solid #2c3339;
    border-radius: 8px;
    background: #171c20;
}

.igp-op-modal-context strong {
    margin-right: 8px;
    color: #fff;
    font-size: 14px;
}

.igp-op-modal-context span {
    color: #ff8a38;
    font-size: 12px;
    font-weight: 700;
}

.igp-op-modal-context p {
    margin: 8px 0 0;
    color: #cbd2d8;
    font-size: 13px;
    line-height: 1.5;
}

#igpOperationalReplyText {
    display: block;
    width: calc(100% - 44px);
    margin: 14px 22px;
    padding: 14px;
    box-sizing: border-box;
    resize: vertical;
    border: 1px solid #343c43;
    border-radius: 8px;
    outline: none;
    background: #0e1114;
    color: #fff;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.5;
}

#igpOperationalReplyText:focus {
    border-color: #ff6b00;
}

.igp-op-modal-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 22px 20px;
}

.igp-op-modal-footer > span {
    color: #919ca5;
    font-size: 12px;
}

.igp-op-modal-footer > div {
    display: flex;
    gap: 8px;
}

.igp-op-primary,
.igp-op-secondary {
    min-height: 38px;
    padding: 0 14px;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
}

.igp-op-primary {
    border: 1px solid #ff6b00;
    background: #ff6b00;
    color: #fff;
}

.igp-op-secondary {
    border: 1px solid #394149;
    background: #191e23;
    color: #dbe1e6;
}

@media (max-width: 720px) {

    .igp-op-modal-footer {
        align-items: stretch;
        flex-direction: column;
    }

    .igp-op-modal-footer > div {
        justify-content: flex-end;
    }

}

/* INSTAGRAM OPERATIONAL INBOX V1 END */

/* INSTAGRAM PRINCIPAL OPPORTUNITIES UI V1 START */

.igp-op-action.opportunity-create {
    border-color: rgba(255, 107, 0, .55);
    color: #ff9850;
}

.igp-op-action.opportunity {
    border-color: rgba(255, 107, 0, .55);
    background: rgba(255, 107, 0, .1);
    color: #ff9850;
}

.igp-opp-modal-card {
    width: min(760px, 96vw);
}

.igp-opp-form {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 16px 22px 0;
}

.igp-opp-form label {
    display: flex;
    flex-direction: column;
    gap: 6px;
    color: #adb6be;
    font-size: 12px;
    font-weight: 700;
}

.igp-opp-form label.full {
    grid-column: 1 / -1;
}

.igp-opp-form select,
.igp-opp-form textarea {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #343c43;
    border-radius: 7px;
    outline: none;
    background: #0e1114;
    color: #f5f7f8;
    font-family: inherit;
    font-size: 13px;
}

.igp-opp-form select {
    min-height: 38px;
    padding: 0 10px;
}

.igp-opp-form textarea {
    padding: 11px 12px;
    resize: vertical;
    line-height: 1.5;
}

.igp-opp-form select:focus,
.igp-opp-form textarea:focus {
    border-color: #ff6b00;
}

.igp-opp-history {
    margin: 18px 22px 0;
    border: 1px solid #2e353b;
    border-radius: 9px;
    overflow: hidden;
}

.igp-opp-history-head {
    padding: 11px 13px;
    border-bottom: 1px solid #2e353b;
    background: #171c20;
    color: #fff;
    font-size: 13px;
}

.igp-opp-history-list {
    max-height: 240px;
    overflow-y: auto;
}

.igp-opp-history-item {
    padding: 12px 13px;
    border-bottom: 1px solid #262c31;
}

.igp-opp-history-item:last-child {
    border-bottom: 0;
}

.igp-opp-history-top {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 6px;
}

.igp-opp-history-top strong {
    color: #f0f3f5;
    font-size: 12px;
}

.igp-opp-history-top span {
    color: #7f8a94;
    font-size: 11px;
}

.igp-opp-history-body {
    color: #aeb7bf;
    font-size: 12px;
    line-height: 1.45;
}

.igp-opp-history-body span + span {
    margin-left: 12px;
}

.igp-opp-history-body p {
    margin: 6px 0 0;
    color: #d0d6db;
}

.igp-opp-history-empty {
    padding: 18px 13px;
    color: #89949d;
    font-size: 12px;
    text-align: center;
}

@media (max-width: 720px) {

    .igp-opp-form {
        grid-template-columns: 1fr;
    }

    .igp-opp-form label.full {
        grid-column: auto;
    }
}

/* INSTAGRAM PRINCIPAL OPPORTUNITIES UI V1 END */