/* Mail Calendar Sync - Personal Settings Styles */

#mail-calendar-sync-settings {
    max-width: 700px;
}

#mail-calendar-sync-settings h2 {
    display: flex;
    align-items: center;
    gap: 8px;
}

#mail-calendar-sync-settings .settings-hint {
    color: var(--color-text-maxcontrast);
    margin-bottom: 20px;
}

/* Loading */
.mcs-loading {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 0;
    color: var(--color-text-maxcontrast);
}

/* Form fields */
.mcs-field {
    margin-bottom: 16px;
}

.mcs-field label {
    display: block;
    font-weight: bold;
    margin-bottom: 4px;
}

.mcs-field label[for="mcs-enabled"],
.mcs-field label[for="mcs-auto-accept"] {
    display: inline;
    font-weight: normal;
}

.mcs-field select {
    width: 100%;
    max-width: 400px;
    min-width: 200px;
}

.mcs-field-hint {
    color: var(--color-text-maxcontrast);
    font-size: 0.9em;
    margin-top: 4px;
    margin-bottom: 0;
}

/* Buttons */
#mcs-save-section {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

#mcs-save-section button.secondary {
    background-color: var(--color-background-dark);
    border: 1px solid var(--color-border);
}

/* Status messages */
.mcs-status {
    font-size: 0.9em;
    transition: opacity 0.3s;
}

.mcs-status-success {
    color: var(--color-success);
}

.mcs-status-error {
    color: var(--color-error);
}

.mcs-status-warning {
    color: var(--color-warning);
}

.mcs-status-loading {
    color: var(--color-text-maxcontrast);
}

/* Activity log */
#mcs-log-section {
    margin-top: 32px;
}

#mcs-log-section h3 {
    margin-bottom: 12px;
}

.mcs-log-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9em;
}

.mcs-log-table th {
    text-align: left;
    padding: 8px 12px;
    border-bottom: 2px solid var(--color-border);
    color: var(--color-text-maxcontrast);
    font-weight: 600;
}

.mcs-log-table td {
    padding: 6px 12px;
    border-bottom: 1px solid var(--color-border-dark);
    vertical-align: top;
}

.mcs-log-date {
    white-space: nowrap;
    color: var(--color-text-maxcontrast);
    font-size: 0.9em;
}

.mcs-log-message {
    color: var(--color-text-maxcontrast);
    font-size: 0.9em;
}

/* Action badges */
.mcs-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 0.8em;
    font-weight: 600;
    text-transform: uppercase;
}

.mcs-badge-accepted {
    background-color: #e8f5e9;
    color: #2e7d32;
}

.mcs-badge-declined {
    background-color: #ffebee;
    color: #c62828;
}

.mcs-badge-tentative {
    background-color: #fff3e0;
    color: #ef6c00;
}

.mcs-badge-created {
    background-color: #e3f2fd;
    color: #1565c0;
}

.mcs-badge-updated {
    background-color: #e8eaf6;
    color: #283593;
}

.mcs-badge-cancelled {
    background-color: #fce4ec;
    color: #880e4f;
}

.mcs-badge-error {
    background-color: #ffebee;
    color: #b71c1c;
}

.mcs-badge-skipped {
    background-color: #f5f5f5;
    color: #616161;
}

/* Dark mode adjustments */
[data-themes*="dark"] .mcs-badge-accepted,
.theme--dark .mcs-badge-accepted {
    background-color: #1b5e20;
    color: #a5d6a7;
}

[data-themes*="dark"] .mcs-badge-declined,
.theme--dark .mcs-badge-declined {
    background-color: #b71c1c;
    color: #ef9a9a;
}

[data-themes*="dark"] .mcs-badge-tentative,
.theme--dark .mcs-badge-tentative {
    background-color: #e65100;
    color: #ffcc02;
}

#mcs-log-empty {
    color: var(--color-text-maxcontrast);
    font-style: italic;
}

/* Sync details log */
.mcs-sync-log {
    background: var(--color-background-dark);
    border: 1px solid var(--color-border);
    border-radius: 6px;
    padding: 12px;
    font-family: monospace;
    font-size: 0.85em;
    white-space: pre-wrap;
    word-break: break-word;
    max-height: 300px;
    overflow-y: auto;
    margin-top: 8px;
    color: var(--color-text-lighter);
}