/* ==========================================================
   ADMIN PANEL — TEMA AZUL PREMIUM (COERENTE COM ITEM-SHOP)
   ========================================================== */

/* SCROLL AREA */
.adminScroll {
    max-height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
}

/* CAIXA PRINCIPAL DO ADMIN */
.adminItemBox {
    background: #121a29;
    border: 1px solid #22324b;
    border-radius: 10px;
    padding: 14px;
    margin-bottom: 14px;
    width: 100%;
    box-shadow: 0 0 10px rgba(0,0,0,0.35);
    box-sizing: border-box;
    color: #e3e9f5;
}

.adminh2{
    color: white;
}

/* GRID PRINCIPAL DA EDIÇÃO/CRIAÇÃO */
.adminItemDesc,
.adminForm {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 20px;
}

/* LINHA COMPLETA */
.fullRow {
    grid-column: 1 / 3;
}

/* TÍTULO PADRÃO */
.adminTitle {
    grid-column: 1 / 3;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: 6px;
}

/* SUBTÍTULOS */
.adminSubtitle {
    grid-column: 1 / 3;
    font-size: 15px;
    font-weight: bold;
    margin: 10px 0 4px 0;
    color: #bcd1ff;
}

/* LABELS */
.adminItemDesc label,
.adminForm label {
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #ccd6e4;
}

/* INPUTS E SELECTS */
.adminItemDesc input,
.adminItemDesc select,
.adminForm input,
.adminForm select,
.adminForm textarea {
    width: 100%;
    padding: 6px 8px;
    height: 28px;
    border: 1px solid #233553;
    border-radius: 6px;
    background: #0f1521;
    color: #dbe3f5;
    font-size: 13px;
    box-shadow: 0 0 4px rgba(0,0,0,0.35);
    box-sizing: border-box;
}

.adminForm textarea {
    height: 60px;
    resize: vertical;
}

/* INPUTS EM GRUPOS (2 E 3 COLUNAS) */
.adminRow2,
.adminRow3 {
    display: grid;
    gap: 14px;
}

.adminRow2 { grid-template-columns: 1fr 1fr; }
.adminRow3 { grid-template-columns: 1fr 1fr 1fr; }

/* GRID DE SOCKETS / ATRIBUTOS */
.adminGrid3 { 
    display: grid; 
    grid-template-columns: repeat(3, 1fr); 
    gap: 12px; 
}

.adminGridAttr {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 25px;
}

.attrRow {
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: 6px;
    align-items: center;
}

/* BOTÃO SALVAR */
.btnSave {
    grid-column: 1 / 3;
    margin-top: 10px;
    padding: 10px 16px;

    background: #2675f4;
    border: 1px solid #355a92;
    border-radius: 6px;

    color: #fff;
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;

    text-align: center;
    box-shadow: 0 0 10px rgba(0,0,0,0.35);
}

.btnSave:hover {
    background: #3c8bff;
}

/* BOTÃO DELETE */
.btnDelete {
    font-size: 12px;
    color: #ff6b6b;
    cursor: pointer;
    margin-left: 10px;
}

/* MENSAGENS */
.msg {
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 14px;
    font-size: 13px;
    width: 96%;
    box-sizing: border-box;
    box-shadow: 0 0 8px rgba(0,0,0,0.25);
}

.msg.success {
    background: rgba(60,200,110,0.08);
    border: 1px solid #4caf50;
}

.msg.danger {
    background: rgba(220,40,40,0.08);
    border: 1px solid #d9534f;
}

/* ==========================================================
   DOAÇÕES — ESTILO AZUL PREMIUM
   ========================================================== */

.adminDonationBox {
    background: #0f1521;
    border: 1px solid #22324b;
    border-radius: 10px;
    padding: 14px;
    margin-bottom: 14px;
    box-shadow: 0 0 8px rgba(0,0,0,0.35);
    color: #dbe3f5;
}

.donGrid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px 18px;
    font-size: 13px;
}

.donGrid div b {
    color: #89aefc;
}

.donBtnWrapper {
    margin-top: 12px;
    text-align: center;
}

.btnAccept {
    padding: 8px 16px;
    background: #2ea043;
    border: 1px solid #237a32;
    color: white;
    font-weight: bold;
    border-radius: 6px;
    cursor: pointer;
    margin-right: 12px;
}
.btnAccept:hover {
    background: #36c14f;
}

.btnReject {
    padding: 8px 16px;
    background: #d9534f;
    border: 1px solid #a63d3a;
    color: white;
    font-weight: bold;
    border-radius: 6px;
    cursor: pointer;
}
.btnReject:hover {
    background: #e8615d;
}

.adminTotalBox {
    background: #162236;
    border: 1px solid #22324b;
    border-radius: 10px;
    padding: 10px 15px;
    margin-bottom: 15px;
    font-size: 15px;
    color: #dbe3f5;
    box-shadow: 0 0 8px rgba(0,0,0,0.35);
}