/* ==========================================
   TDOGSPH PREMIUM DASHBOARD FORM SYSTEM
========================================== */

/* ==========================================
   FORM PANEL
========================================== */

.dashboard-form-panel{

    background-image:var(--dashboard-card-bg);

    background-repeat:no-repeat;

    background-position:center;

    background-size:100% 100%;

    border-radius:32px;

    padding:36px;

    box-shadow:var(--shadow-md);

}

/* ==========================================
   FORM GRID
========================================== */

.dashboard-form-grid{

    display:grid;

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

    gap:24px;

}

.dashboard-form-grid.full{

    grid-template-columns:1fr;

}

/* ==========================================
   FORM GROUP
========================================== */

.dashboard-form-group{

    display:flex;

    flex-direction:column;

}

/* ==========================================
   LABEL
========================================== */

.dashboard-form-label{

    color:var(--primary);

    font-size:15px;

    font-weight:700;

    margin-bottom:12px;

}

/* ==========================================
   INPUTS
========================================== */

.dashboard-input,
.dashboard-select,
.dashboard-textarea{

    border:none;

    background-image:var(--input-frame);

    background-repeat:no-repeat;

    background-position:center;

    background-size:100% 100%;

    background-color:transparent;

    border-radius:var(--form-radius);

    color:var(--text-primary);

    transition:var(--transition);

    box-shadow:none;

}

.dashboard-input,
.dashboard-select{

    min-height:64px;

    padding:18px 26px;

}

.dashboard-textarea{

    min-height:180px;

    padding:22px 26px;

    resize:vertical;

}

.dashboard-input:focus,
.dashboard-select:focus,
.dashboard-textarea:focus{

    outline:none;

    box-shadow:var(--shadow-gold);

}

/* ==========================================
   ACTIONS
========================================== */

.dashboard-form-actions{

    display:flex;

    justify-content:flex-end;

    gap:18px;

    margin-top:36px;

    flex-wrap:wrap;

}

/* ==========================================
   RESPONSIVE
========================================== */

@media(max-width:992px){

    .dashboard-form-grid{

        grid-template-columns:1fr;

    }

}