/**
 * Frontend Dashboard Enhancements
 */

.date-range-display {
    margin-top: 10px;
    padding: 10px;
    background: #f0f6fc;
    border-left: 3px solid #2271b1;
    font-size: 14px;
    color: #1d2327;
    border-radius: 3px;
}

.mpp2-payout-request {
    margin-top: 30px;
    padding: 20px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-align: center;
}

.mpp2-payout-request button {
    font-size: 16px !important;
    padding: 12px 24px !important;
    height: auto !important;
}

.mpp2-payout-request .description {
    margin-top: 10px;
    color: #666;
    font-size: 13px;
}

/* Improved date inputs */
.careeocity-date-filter input[type="date"] {
    padding: 8px;
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 4px;
    width: 100%;
    max-width: 200px;
}

.careeocity-date-filter {
    margin: 20px 0;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .mpp2-payout-request button {
        width: 100%;
    }
    
    .careeocity-date-filter input[type="date"] {
        max-width: 100%;
        margin-bottom: 10px;
    }
}