.dcm-auth-page {
    max-width: 420px;
    margin: 40px auto;
    padding: 0 20px;
}

.dcm-auth-card {
    background: #fff;
    border: 0.5px solid var(--dcm-border);
    border-radius: 12px;
    padding: 24px 20px;
}

    .dcm-auth-card h1 {
        font-size: 19px;
        margin-bottom: 4px;
    }

.dcm-auth-sub {
    font-size: 12px;
    color: var(--dcm-muted);
    margin: 0 0 18px;
}

.dcm-field {
    margin-bottom: 14px;
}

    .dcm-field label {
        display: block;
        font-size: 12px;
        color: var(--dcm-muted);
        margin-bottom: 4px;
    }

    .dcm-field input {
        width: 100%;
        padding: 10px 12px;
        border-radius: 8px;
        border: 0.5px solid var(--dcm-border);
        font-size: 14px;
        font-family: inherit;
        box-sizing: border-box;
    }

    .dcm-field span.field-validation-error {
        display: block;
        font-size: 11px;
        color: var(--dcm-red);
        margin-top: 4px;
    }

.dcm-auth-error {
    background: #FCEBEB;
    color: #A32D2D;
    font-size: 12px;
    padding: 8px 12px;
    border-radius: 8px;
    margin-bottom: 14px;
}

.dcm-auth-switch {
    text-align: center;
    font-size: 12px;
    color: var(--dcm-muted);
    margin-top: 16px;
}

    .dcm-auth-switch a {
        color: var(--dcm-green);
        text-decoration: none;
        font-weight: 500;
    }

@media (max-width: 768px) {
    .dcm-auth-page {
        margin: 12px auto;
        max-width: 100%;
    }
}

/* Khi .dcm-auth-page nam LONG BEN TRONG khung quan tri (dcm-admin-main
   cua _AdminLayout/_SellerLayout - dung o ChangePassword cua Admin/Seller),
   khong can margin-top 40px nua vi .dcm-admin-main da co padding rieng roi -
   tranh phai chen inline style="margin:0" thu cong o tung view. */
.dcm-admin-main .dcm-auth-page {
    margin: 0;
    max-width: 380px;
}

/* Dung chung cho moi trang trong Areas/Admin, Areas/Seller (Dashboard,
   danh sach, form...) - khong rieng gi trang dang nhap/tai khoan nua. */
.dcm-card {
    background: #fff;
    border: 0.5px solid var(--dcm-border);
    border-radius: 12px;
    padding: 14px 16px;
    margin-bottom: 12px;
}

.dcm-badge {
    font-size: 11px;
    font-weight: 500;
    padding: 3px 9px;
    border-radius: 12px;
}

/* Luoi thong ke (Dashboard cua Admin/Seller) */
.dcm-stat-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 10px;
    margin-bottom: 16px;
}

@media (max-width: 768px) {
    .dcm-stat-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Trang Quan ly nhan vien (Staff/Index) - dung 2 cot chinh:
   cot trai gom Danh sach + Thong tin (xep chong), cot phai la Quyen han */
.dcm-staff-grid {
    display: grid;
    grid-template-columns: 380px 1fr;
    gap: 16px;
    align-items: start;
}

@media (max-width: 900px) {
    .dcm-staff-grid {
        grid-template-columns: 1fr;
    }
}