.mjdq-drive-log-wrapper {
    max-width: 1000px !important;
    margin: auto !important;
    font-family: Arial, sans-serif !important;
}

.mjdq-drive-log-controls {
    display: flex !important;
    gap: 10px !important;
    margin-bottom: 10px !important;
    flex-wrap: wrap !important;
}

.mjdq-drive-log-start-wrapper,
.mjdq-drive-log-stop-wrapper {
    border: 1px solid #2196f3 !important;
    padding: 10px !important;
    border-radius: 8px !important;
    background: #f1f8ff !important;
    margin-bottom: 10px !important;
}

.mjdq-drive-log-start-wrapper form,
.mjdq-drive-log-stop-wrapper form {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

.mjdq-drive-log-stop-wrapper form {
    flex-direction: column !important;
    gap: 8px !important;
}

.mjdq-drive-log-start-wrapper label,
.mjdq-drive-log-stop-wrapper label {
    flex: 1 1 150px !important;
    display: flex !important;
    flex-direction: column !important;
    font-size: 14px !important;
}

.mjdq-drive-log-start-wrapper input,
.mjdq-drive-log-stop-wrapper input,
.mjdq-drive-log-start-wrapper select,
.mjdq-drive-log-stop-wrapper select,
.mjdq-drive-log-start-wrapper textarea,
.mjdq-drive-log-stop-wrapper textarea {
    width: 100% !important;
    padding: 6px !important;
    border-radius: 4px !important;
    border: 1px solid #ccc !important;
    margin-top: 4px !important;
    box-sizing: border-box !important;
}

.mjdq-drive-log-add-btn,
.mjdq-drive-log-export button,
.mjdq-drive-log-start-wrapper button,
.mjdq-drive-log-stop-wrapper button {
    background: #2196f3 !important;
    color: #fff !important;
    border: none !important;
    padding: 8px 12px !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    margin-top: 10px !important;
    font-size: 14px !important;
}

.mjdq-drive-log-add-btn:hover,
.mjdq-drive-log-export button:hover,
.mjdq-drive-log-start-wrapper button:hover,
.mjdq-drive-log-stop-wrapper button:hover {
    background: #1976d2 !important;
}

.mjdq-drive-log-list,
.mjdq-drive-log-cards {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

.mjdq-drive-log-card {
    border: 1px solid #2196f3 !important;
    padding: 10px !important;
    border-radius: 8px !important;
    background: #f1f8ff !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
}

@media(max-width:600px){
    .mjdq-drive-log-controls {
        flex-direction: column !important;
    }
    .mjdq-drive-log-start-wrapper form,
    .mjdq-drive-log-stop-wrapper form {
        flex-direction: column !important;
    }
}