/**
 * Admin styles for Syncsity Proof
 */
.syncsity-proof-admin .nav-tab-wrapper {
    margin-bottom: 20px;
}

.syncsity-proof-admin .tab-content .tab-pane {
    display: none;
}

.syncsity-proof-admin .tab-content .tab-pane.active {
    display: block;
}

/* Custom notifications table */
.syncsity-proof-notifications-table-wrapper {
    margin: 20px 0;
}

.syncsity-proof-notifications-table .syncsity-proof-status {
    padding: 3px 8px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: bold;
}

.syncsity-proof-notifications-table .syncsity-proof-status-active {
    background-color: #d4edda;
    color: #155724;
}

.syncsity-proof-notifications-table .syncsity-proof-status-inactive {
    background-color: #f8d7da;
    color: #721c24;
}

/* Custom notification edit form */
.syncsity-proof-custom-notification-edit {
    background: #fff;
    padding: 20px;
    border: 1px solid #ccd0d4;
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
    margin-top: 20px;
}

.syncsity-proof-custom-notification-edit.hidden {
    display: none;
}

.syncsity-proof-custom-notification-edit .edit-title,
.syncsity-proof-custom-notification-edit .add-title {
    display: none;
}

.syncsity-proof-custom-notification-edit.edit-mode .edit-title,
.syncsity-proof-custom-notification-edit.add-mode .add-title {
    display: block;
}

.syncsity-proof-image-preview {
    margin-bottom: 10px;
    min-height: 60px;
}

.syncsity-proof-image-preview img {
    max-width: 100px;
    height: auto;
}

.syncsity-proof-remove-image.hidden {
    display: none;
}

.syncsity-proof-specific-pages.hidden,
.syncsity-proof-specific-products.hidden {
    display: none;
    margin-top: 10px;
    margin-left: 20px;
}

.syncsity-proof-product-options {
    margin-top: 15px;
}

.syncsity-proof-display-options label,
.syncsity-proof-product-options label {
    display: block;
    margin-bottom: 5px;
}

/* Template editor */
.syncsity-proof-admin textarea.code {
    font-family: Consolas, Monaco, monospace;
    font-size: 13px;
}