/* Form table fixes for proper alignment */
.wrap table.form-table {
    clear: none;
}

.wrap table.form-table th {
    padding-top: 15px;
    padding-bottom: 15px;
    width: 250px;
    vertical-align: top;
    text-align: left;
}

.wrap table.form-table td {
    padding-top: 15px;
    padding-bottom: 15px;
    vertical-align: top;
}

.wrap table.form-table input[type="text"],
.wrap table.form-table input[type="password"],
.wrap table.form-table input[type="number"],
.wrap table.form-table select,
.wrap table.form-table textarea {
    width: 25em;
}

.wrap table.form-table input.small-text {
    width: 50px;
}

.wrap table.form-table input.regular-text {
    width: 25em;
}

.wrap table.form-table textarea.large-text {
    width: 50em;
    height: 6em;
}

.wrap table.form-table label {
    vertical-align: middle;
}

.wrap table.form-table .description {
    display: block;
    margin-top: 8px;
    margin-bottom: 0;
    color: #646970;
    font-size: 13px;
    font-style: normal;
}

.wrap table.form-table th + td .description {
    margin-top: 4px;
}

/* Required field indicator */
.required { color: #dc3232; }

/* Test connection button */
#cloudxm-nfe-test-connection {
    margin-top: 10px;
}

#cloudxm-nfe-connection-status {
    display: inline-block;
    vertical-align: middle;
}

#cloudxm-nfe-connection-status .spinner {
    margin-right: 5px;
}

#cloudxm-nfe-connection-status .testing {
    color: #666;
    font-style: italic;
}

#cloudxm-nfe-connection-status .error-detail {
    color: #666;
    font-size: 11px;
    max-width: 500px;
    word-wrap: break-word;
}

/* Tab Navigation - WooCommerce Style */
.woo-nav-tab-wrapper {
    margin-bottom: 20px;
    border-bottom: 1px solid #c3c4c7;
}

.woo-nav-tab-wrapper .nav-tab {
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.5;
    padding: 8px 14px;
    margin: 0;
    border: 1px solid #c3c4c7;
    border-bottom: none;
    background: #dcdcde;
    color: #50575e;
    cursor: pointer;
    transition: none;
}

.woo-nav-tab-wrapper .nav-tab:hover {
    background: #fff;
    color: #135e96;
}

.woo-nav-tab-wrapper .nav-tab.nav-tab-active {
    background: #fff;
    border-bottom: 1px solid #fff;
    color: #135e96;
    font-weight: 600;
}

.woo-nav-tab-wrapper .nav-tab:focus {
    box-shadow: 0 0 0 1px #50575e;
    outline: none;
}

/* Tab Content */
.tab-content {
    background: #fff;
    padding: 20px;
    border: 1px solid #c3c4c7;
    border-top: none;
}

.tab-content h3 {
    margin-top: 25px;
    margin-bottom: 15px;
    font-size: 1.2em;
    font-weight: 600;
    color: #1d2327;
    border-bottom: 1px solid #c3c4c7;
    padding-bottom: 8px;
}

.tab-content h3:first-child {
    margin-top: 0;
}

.tab-content .description {
    margin-top: -10px;
    margin-bottom: 15px;
    color: #646970;
    font-style: italic;
}
