
/* V6.1.8 — ADMIN PROFISSIONAL / MENU ÚNICO / GESTÃO DE CAMPANHAS */

/* Cabeçalho admin vira barra de marca, não um segundo menu */
.admin-body .app-header .header-row{
    min-height:64px!important;
}
.admin-header-label{
    display:inline-flex;
    align-items:center;
    height:30px;
    padding:0 10px;
    border-radius:999px;
    background:#f2f2f5;
    border:1px solid #e7e7eb;
    color:#707079;
    font-size:9px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.06em;
}

/* Único menu desktop */
.admin-primary-nav{
    position:sticky;
    top:74px;
    z-index:40;
    margin:4px 0 22px;
    padding:7px;
    min-height:48px;
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(18px);
    border:1px solid #e4e4e9;
    border-radius:15px;
    box-shadow:0 8px 24px rgba(20,20,30,.045);
    align-items:center;
    justify-content:space-between;
    gap:12px;
}
.admin-nav-main,.admin-nav-tools{
    display:flex;
    align-items:center;
    gap:3px;
    min-width:0;
}
.admin-nav-main{flex:1}
.admin-primary-nav a{
    display:inline-flex;
    align-items:center;
    gap:5px;
    min-height:34px;
    padding:0 9px;
    border-radius:9px;
    color:#55555e;
    font-size:9px;
    font-weight:850;
    white-space:nowrap;
    transition:.16s;
}
.admin-primary-nav a span{font-size:12px}
.admin-primary-nav a:hover,
.admin-primary-nav a.is-active{
    background:color-mix(in srgb,var(--brand) 9%,#fff);
    color:var(--brand);
}
.admin-nav-tools{
    padding-left:9px;
    border-left:1px solid #ececf0;
}
.admin-nav-tools a{font-size:8.5px}
.admin-primary-nav .admin-nav-exit{
    color:#ad2929!important;
    background:#fff5f5!important;
}
.admin-primary-nav .admin-nav-exit:hover{
    background:#ffe9e9!important;
}

/* Campanhas */
.campaign-admin-topline{align-items:center!important}
.campaign-top-actions{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    align-items:center;
}
.danger-outline{
    color:#ac2828!important;
    border:1px solid #efcaca!important;
    background:#fff!important;
}
.danger-outline:hover{background:#fff3f3!important}
.danger-solid{
    color:#fff!important;
    border:0!important;
    background:#c73535!important;
}
.danger-solid:hover{background:#ad2929!important}

.campaign-editor{
    scroll-margin-top:145px;
}
.campaign-list-card .panel-title{
    margin-bottom:12px;
}
.campaign-list-card .panel-title h2{margin:0}
.campaign-list-card .panel-title p{margin:3px 0 0}

.campaign-table-name{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:260px;
}
.campaign-table-name img,
.campaign-mini-placeholder{
    width:52px;
    height:42px;
    flex:0 0 52px;
    border-radius:8px;
    object-fit:cover;
    border:1px solid #e6e6eb;
    background:#f5f5f8;
}
.campaign-mini-placeholder{
    display:grid;
    place-items:center;
    color:#a1a1aa;
    font-size:18px;
}
.campaign-table-name div{
    display:grid;
    gap:2px;
    min-width:0;
}
.campaign-table-name b{
    font-size:11px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.campaign-table-name small{
    color:#92929a;
    font-size:8px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.featured-chip{
    display:inline-flex;
    padding:5px 7px;
    border-radius:999px;
    background:#fff2cc;
    color:#816000;
    font-size:8px;
    font-weight:900;
}
.actions-col{text-align:right!important}
.campaign-row-actions{
    display:flex;
    justify-content:flex-end;
    gap:5px;
}
.mini-action{
    appearance:none;
    border:0;
    border-radius:7px;
    min-height:30px;
    padding:0 9px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    font-size:8.5px;
    font-weight:900;
}
.mini-action.primary{
    color:var(--brand);
    background:color-mix(in srgb,var(--brand) 8%,#fff);
}
.mini-action.danger{
    color:#a82a2a;
    background:#fff1f1;
}

/* Modal */
body.modal-open{overflow:hidden}
.campaign-delete-modal[hidden]{display:none!important}
.campaign-delete-modal{
    position:fixed;
    inset:0;
    z-index:500;
    padding:20px;
    background:rgba(15,15,20,.58);
    backdrop-filter:blur(4px);
    display:grid;
    place-items:center;
}
.campaign-delete-dialog{
    width:min(100%,440px);
    padding:24px;
    border-radius:18px;
    background:#fff;
    box-shadow:0 25px 80px rgba(0,0,0,.25);
    text-align:center;
}
.delete-icon{
    width:48px;
    height:48px;
    margin:0 auto 12px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#fff0f0;
    color:#bd2e2e;
    font-size:22px;
    font-weight:950;
}
.campaign-delete-dialog h2{
    margin:0 0 7px;
    font-size:21px;
}
.campaign-delete-dialog>p{
    margin:0;
    color:#6f6f78;
    font-size:11px;
}
.delete-warning{
    margin:15px 0;
    padding:10px;
    border-radius:9px;
    background:#fff7df;
    color:#725b17;
    font-size:9px;
    line-height:1.45;
}
.delete-modal-actions{
    display:flex;
    justify-content:center;
    gap:8px;
}
.delete-modal-actions form{margin:0}

/* Mobile: header + bottom nav remain the only navigation */
@media(max-width:900px){
    .admin-header-label{display:none!important}
    .admin-primary-nav{display:none!important}
    .campaign-admin-topline{
        align-items:flex-start!important;
    }
    .campaign-top-actions{
        width:100%;
    }
    .campaign-top-actions .btn{
        flex:1;
        justify-content:center;
    }
    .campaign-table{min-width:690px!important}
}
