/* BetZap - Painel de campanhas */

.btr-cm-panel{
 padding:22px;
 background:#092018;
 border:1px solid #215d43;
 border-radius:15px;
 color:#fff;
}

.btr-cm-head{
 display:flex;
 align-items:center;
 justify-content:space-between;
 flex-wrap:wrap;
 gap:12px;
 margin-bottom:16px;
}

.btr-cm-head h2{margin:0;font-size:23px}

.btr-cm-primary{
 background:#00c997!important;
 color:#002619!important;
 border:0!important;
 font-weight:800;
 border-radius:9px;
 padding:12px 17px;
 cursor:pointer;
}

.btr-cm-head button:not(.btr-cm-primary),
.btr-cm-actions button{
 padding:9px 12px;
 border:1px solid #32634f;
 border-radius:8px;
 background:#102f23;
 color:#fff;
 cursor:pointer;
}

.btr-cm-stats{
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:12px;
 margin:18px 0;
}

.btr-cm-stats>div{
 display:flex;
 flex-direction:column;
 gap:5px;
 padding:16px;
 border:1px solid #28533e;
 border-radius:11px;
 background:#061811;
}

.btr-cm-stats b{font-size:26px;color:#00d7a1}
.btr-cm-stats span{font-size:12px;color:#abc7b8}

.btr-cm-list{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:14px;
 margin-top:20px;
}

.btr-cm-card{
 padding:15px;
 border:1px solid #28533e;
 background:#071811;
 border-radius:12px;
 min-width:0;
}

.btr-cm-top{
 display:flex;
 gap:12px;
 align-items:center;
}

.btr-cm-top img,
.btr-cm-noimage{
 width:120px;
 height:90px;
 object-fit:contain;
 background:#02120b;
 border-radius:8px;
 flex-shrink:0;
}

.btr-cm-noimage{
 display:grid;
 place-items:center;
 color:#8fb09d;
 font-size:11px;
}

.btr-cm-top>div:last-child{
 display:flex;
 flex-direction:column;
 gap:5px;
 min-width:0;
 overflow-wrap:anywhere;
}

.btr-cm-top small,
.btr-cm-meta,
.btr-cm-note{
 color:#abc7b8;
 font-size:12px;
}

.btr-cm-badge{
 color:#00d7a1;
 font-size:11px;
 font-weight:700;
}

.btr-cm-meta{
 display:grid;
 gap:5px;
 margin:14px 0;
}

.btr-cm-actions{
 display:flex;
 flex-wrap:wrap;
 gap:8px;
}

.btr-cm-fields{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:14px;
 margin:18px 0;
}

.btr-cm-fields .wide{
 grid-column:1/-1;
}

.btr-cm-fields label{
 display:block;
 margin-bottom:7px;
 color:#afdac4;
 font-size:12px;
}

.btr-cm-fields input,
.btr-cm-fields textarea,
.btr-cm-fields select{
 width:100%;
 padding:12px;
 background:#03160e;
 border:1px solid #2b5c45;
 border-radius:9px;
 color:white;
}

.btr-cm-fields textarea{
 min-height:90px;
 resize:vertical;
}

.btr-cm-fields small{
 display:block;
 margin-top:6px;
 color:#abc7b8;
}

.btr-cm-preview{
 display:block;
 width:100%;
 max-width:320px;
 max-height:220px;
 object-fit:contain;
 margin-top:12px;
 border-radius:10px;
}

.btr-cm-note{
 padding:13px;
 border:1px solid #325442;
 border-radius:9px;
 background:#10271c;
}

#btr-cm-message:not(:empty){
 padding:12px;
 margin-bottom:12px;
 border:1px solid #2a7854;
 border-radius:9px;
 color:#bdf1d6;
}

.btr-cm-empty{
 grid-column:1/-1;
 padding:30px;
 text-align:center;
 color:#abc7b8;
 border:1px dashed #2b5c45;
 border-radius:12px;
}

@media(max-width:800px){
 .btr-cm-list{grid-template-columns:1fr}
 .btr-cm-stats{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:550px){
 .btr-cm-panel{padding:14px}
 .btr-cm-fields{grid-template-columns:1fr}
 .btr-cm-fields .wide{grid-column:auto}
 .btr-cm-top img,.btr-cm-noimage{width:90px;height:75px}
}