/**
 * Zoho CRM Admin Styles
 *
 * @package HVACCommunityEvents
 */

/* Card Layout */
.hvac-zoho-wrap {
    max-width: 1200px;
}

.hvac-zoho-wrap .card {
    max-width: 100%;
    padding: 20px;
    margin-bottom: 20px;
}

.hvac-zoho-wrap h2 {
    margin-top: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccd0d4;
}

/* Form Styles */
.hvac-zoho-wrap table.form-table th {
    width: 200px;
}

.hvac-zoho-wrap .regular-text {
    width: 400px;
}

.hvac-zoho-wrap code {
    background: #f0f0f1;
    padding: 4px 8px;
    border-radius: 3px;
    font-size: 13px;
}

/* Button Groups */
.hvac-zoho-wrap .button-group {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 15px;
}

/* Sync Buttons */
.hvac-zoho-wrap .sync-button {
    min-width: 150px;
}

/* Status Messages */
.hvac-zoho-wrap .sync-status {
    margin-top: 15px;
    padding: 10px;
    background: #f8f9fa;
    border-left: 4px solid #007cba;
}

.hvac-zoho-wrap .sync-status.success {
    border-left-color: #00a32a;
}

.hvac-zoho-wrap .sync-status.error {
    border-left-color: #d63638;
}

/* Connection Status */
#connection-status {
    margin-top: 15px;
}

#connection-status .notice {
    margin: 0;
}

/* Staging Mode Banner */
.hvac-zoho-wrap .staging-notice {
    background: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 20px;
}

.hvac-zoho-wrap .staging-notice h3 {
    margin: 0 0 10px 0;
    color: #856404;
}

/* Debug Info */
.hvac-zoho-debug-info {
    margin-top: 15px;
    padding: 10px;
    background: #f0f0f1;
    border-radius: 4px;
    font-size: 12px;
}

.hvac-zoho-debug-info details {
    margin-top: 10px;
}

.hvac-zoho-debug-info summary {
    cursor: pointer;
    color: #007cba;
}

.hvac-zoho-debug-info pre {
    margin: 10px 0 0 0;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/* Credentials Form */
#zoho-credentials-form .description {
    color: #646970;
    font-style: italic;
    margin-top: 5px;
}

/* Password Toggle */
#toggle-secret {
    margin-left: 10px;
    vertical-align: middle;
}

/* Sync Results */
.sync-results {
    margin-top: 15px;
}

.sync-results ul {
    margin: 10px 0;
    padding-left: 20px;
}

.sync-results details {
    margin-top: 10px;
}

.sync-results pre {
    background: #f0f0f1;
    padding: 10px;
    overflow: auto;
    max-height: 300px;
    font-size: 12px;
}

/* Responsive */
@media screen and (max-width: 782px) {
    .hvac-zoho-wrap table.form-table th {
        width: auto;
    }

    .hvac-zoho-wrap .regular-text {
        width: 100%;
    }

    .hvac-zoho-wrap .button-group {
        flex-direction: column;
    }

    .hvac-zoho-wrap .sync-button {
        width: 100%;
    }
}
