/**
 * Simple Tracking Admin Styles
 *
 * @package SimpleTracking
 * @since 2.0.0
 */

/* Clearfix */
.chrssto-form-section:after {content: ""; display: table; clear: both;}

/* Tab Navigation */
.chrssto-nav-tab-wrapper {margin-bottom: 20px;}

/* Tab Content */
.chrssto-tab-content {display: none;}
.chrssto-tab-active {display: block;}
.chrssto-tab-hidden {display: none;}

/* Info Box */
#chrssto_info_box {padding: 0 10px; border: 1px dashed #6aadcc; background-color: #fff; margin-top: 10px; box-shadow: 1px 1px 7px rgba(50, 50, 50, 0.17);}

/* Menu Icon */
.dashicons-chrssto {background-repeat: no-repeat; background-position: center; background-size: 20px auto; background-image: url("../images/chrssto-favicon.svg");}
.toplevel_page_simple_tracking:hover .dashicons-chrssto {background-image: url("../images/chrssto-favicon-hover.svg");}
.toplevel_page_simple_tracking.current .dashicons-chrssto {background-image: url("../images/chrssto-favicon-active.svg");}

/* Form Section */
.chrssto-form-section table,
.chrssto-instructions {padding: 20px; margin-bottom: 20px; background: #fff;}
.chrssto-form-section table th,
.chrssto-form-section table td {padding: 20px;}
.chrssto-form-section label {font-size: 11px; font-style: italic; margin-bottom: 3px;}
.chrssto-form-section textarea,
.chrssto-form-section input[type="text"] {width: 98%; max-width: 400px; font-size: 12px;}

/* Social Media Table */
.chrssto-social-table {width: 100%; background: #fff; border-collapse: collapse;}
.chrssto-social-table thead th {text-align: left; padding: 12px 10px; background: #f5f5f5; border-bottom: 1px solid #ddd; font-weight: 600; font-size: 13px;}
.chrssto-social-table tbody th {font-weight: 600; width: 10%; padding: 10px;}
.chrssto-social-table tbody td {width: 30%; padding: 10px; vertical-align: middle;}
.chrssto-social-table tbody tr {border-bottom: 1px solid #eee;}
.chrssto-social-table tbody tr:hover {background: #f9f9f9;}
.chrssto-social-table input.regular-text {width: 100%;}
.chrssto-template-code,
.chrssto-shortcode {display: inline-block; font-size: 11px; padding: 4px 8px; background: #f0f0f0; border-radius: 3px; font-family: monospace; word-break: break-all;}
.chrssto-copy-btn {margin-left: 8px; vertical-align: middle; background: none; border: none; padding: 4px; cursor: pointer; color: #787c82; border-radius: 3px;}
.chrssto-copy-btn:hover {color: #2271b1; background: #f0f0f1;}
.chrssto-copy-btn:focus {outline: 1px solid #2271b1; color: #2271b1;}
.chrssto-copy-btn svg {display: block;}

/* Custom Code Textareas */
.chrssto-form-section textarea.codeEditor {width: 100%; max-width: 600px; font-family: monospace; font-size: 12px;}
.chrssto-form-section .CodeMirror {max-width: 600px; height: 150px; border: 1px solid #ddd;}

/* Submit Button Wrapper */
.chrssto-submit-wrapper {clear: both; width: 100%; padding-top: 20px;}

/* Responsive Layout */
@media (min-width: 1000px) {
.chrssto-col-content {width: 78%; float: left;}
.chrssto-col-sidebar {width: 18%; float: right;}
}