/* ---------------- GRID SYSTEM ---------------- */

.dpmc-row{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-bottom:12px;
}


.dpmc-col-6{ width: 49.519%; }
.dpmc-col-12{ width:100%; }

@media(max-width:768px){
    .dpmc-col-6{ width:100%; }
}

/* ---------------- INPUTS ---------------- */

.dpmc-input, 
.dpmc-form select{
    width:100%;
    padding:10px;
    height:42px;
    border:1px solid #ccc;
    border-radius:4px;
}

/* ---------------- BUTTONS ---------------- */

.dpmc-btn{
    padding:8px 14px;
    border:none;
    border-radius:4px;
    cursor:pointer;
    text-decoration:none;
    display:inline-block;
}

.dpmc-btn-primary{
    background:#2271b1;
    color:#fff;
}

.dpmc-btn-danger{
    background:#c0392b;
    color:#fff;
}

.dpmc-btn-secondary{
    background:#7f8c8d;
    color:#fff;
}

.dpmc-btn-light{
    background:#ecf0f1;
}

/* ---------------- TABLE ---------------- */

.dpmc-table{
    width:100%;
    border-collapse:collapse;
}

.dpmc-table th,
.dpmc-table td{
    border:1px solid #ddd;
    padding:10px;
}

.dpmc-table th{
    background:#f5f5f5;
}

/* ---------------- MESSAGES ---------------- */

.dpmc-msg.success{
    background:#e7ffe7;
    border-left:4px solid #2ecc71;
    padding:12px;
    margin-bottom:15px;
    font-weight:600;
}

/* ---------------- SEARCH ---------------- */

#dpmc-search{
    max-width:300px;
    padding:8px;
}

/* ---------- TABLE HOVER & STRIPING ---------- */

.dpmc-table tbody tr:nth-child(even){
    background:#fafafa;
}

.dpmc-table tbody tr:hover{
    background:#eef5ff;
    transition:0.2s;
}

/* ---------- BUTTON HOVER ---------- */

.dpmc-btn:hover{
    opacity:0.9;
}

/* ---------- MODAL ---------- */

.dpmc-modal-overlay{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.6);
    display:none;
    align-items:center;
    justify-content:center;
    z-index:9999;
}

.dpmc-modal{
    background:#fff;
    padding:25px;
    border-radius:6px;
    max-width:400px;
    width:90%;
    text-align:center;
}

.dpmc-modal h3{
    margin-bottom:15px;
}

.dpmc-modal-actions{
    margin-top:20px;
    display:flex;
    justify-content:center;
    gap:10px;
}