/**
 * IntoChat AI Embed - Admin Styles
 */

.intochat-settings-header {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.intochat-settings-header h1 {
    color: #23282d;
    font-size: 2em;
    margin-bottom: 10px;
}

.intochat-settings-header .intochat-description {
    color: #646970;
    font-size: 16px;
    max-width: 800px;
}

.intochat-settings-form .form-table th {
    width: 200px;
}

.intochat-settings-form input.regular-text {
    width: 25em;
    max-width: 100%;
}

.intochat-settings-footer {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ddd;
}

.intochat-usage-guide {
    background: #fff;
    border-left: 4px solid #00a0d2;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
    margin: 1em 0;
    padding: 1em;
}

.intochat-usage-guide code {
    background: #f0f0f1;
    padding: 3px 5px;
    border-radius: 3px;
}

.intochat-usage-guide h3 {
    margin-top: 0;
}

.intochat-example {
    margin: 10px 0;
    padding: 10px;
    background: #f9f9f9;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
}