/**
 * Simple Exit Notifier - Admin Styles
 *
 * @package SimpleExitNotifier
 * @since 1.0.0
 */

/* Main wrapper */
.chrssen-wrap {max-width: 1400px;}

/* Tab navigation */
.chrssen-nav-tabs {margin-bottom: 20px;}

/* Settings container - two column layout */
.chrssen-settings-container {display: flex; gap: 30px; align-items: flex-start;}
.chrssen-settings-main {flex: 1; min-width: 0; background: #fff; padding: 20px; border: 1px solid #ccd0d4; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);}
.chrssen-settings-preview {width: 380px; flex-shrink: 0; position: sticky; top: 32px;}

/* Responsive layout */
@media (max-width: 1200px) {
.chrssen-settings-container {flex-direction: column;}
.chrssen-settings-preview {width: 100%; position: static;}
}

/* Tab content */
.chrssen-tab-content h2 {margin-top: 30px; padding-bottom: 10px; border-bottom: 1px solid #eee;}
.chrssen-tab-content h2:first-child {margin-top: 0;}

/* Toggle switch */
.chrssen-toggle {position: relative; display: inline-block; width: 50px; height: 26px;}
.chrssen-toggle input {opacity: 0; width: 0; height: 0;}
.chrssen-toggle-slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: 0.3s; border-radius: 26px;}
.chrssen-toggle-slider:before {position: absolute; content: ""; height: 20px; width: 20px; left: 3px; bottom: 3px; background-color: #fff; transition: 0.3s; border-radius: 50%;}
.chrssen-toggle input:checked + .chrssen-toggle-slider {background-color: #2271b1;}
.chrssen-toggle input:checked + .chrssen-toggle-slider:before {transform: translateX(24px);}
.chrssen-toggle input:focus + .chrssen-toggle-slider {box-shadow: 0 0 1px #2271b1;}

/* Preview box */
.chrssen-preview-box {margin: 0;}
.chrssen-preview-box .hndle {cursor: default;}
.chrssen-preview-box .inside {padding: 15px;}
.chrssen-preview-note {margin: 15px 0 0; text-align: center; color: #666;}

/* Preview modal styling */
#chrssen-preview-modal .simple-exit-notifier-content {border-radius: 4px; overflow: hidden;}
#chrssen-preview-modal .simple-exit-notifier-header h2 {margin: 0; padding: 0; font-size: 1.3em;}

/* Color picker adjustments */
.wp-picker-container {display: inline-block;}
.wp-picker-container .wp-color-result.button {margin: 0;}

/* Range slider */
input[type="range"] {vertical-align: middle; margin-right: 10px;}
#chrssen_overlay_opacity_value {font-weight: 600; min-width: 30px; display: inline-block;}

/* Form table adjustments */
.chrssen-tab-content .form-table th {width: 200px; padding-left: 0;}
.chrssen-tab-content .form-table td {padding-left: 0;}
.chrssen-tab-content .description {color: #666; font-style: italic; margin-top: 5px;}

/* Code textarea */
.chrssen-tab-content textarea.code {font-family: Consolas, Monaco, monospace; font-size: 13px;}

/* Multi-select pages */
.chrssen-select-pages {min-height: 120px;}