.onex-seo-meta-box {
    margin: 10px 0;
}

.onex-seo-meta-box .form-table th {
    width: 150px;
    padding: 15px 10px;
}

.onex-seo-meta-box input[type="text"],
.onex-seo-meta-box textarea {
    width: 100%;
    max-width: 800px;
    margin-bottom: 5px;
}

.onex-seo-field-container {
    position: relative;
    margin-bottom: 10px;
}

.onex-seo-progress {
    width: 100%;
    max-width: 800px;
    height: 8px;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 4px;
    display: block;
}

/* Стили для разных состояний прогресс-бара */
.onex-seo-progress.onex-seo-good::-webkit-progress-value {
    background-color: #7ad03a; /* зеленый */
}
.onex-seo-progress.onex-seo-ok::-webkit-progress-value {
    background-color: #ffba00; /* оранжевый */
}
.onex-seo-progress.onex-seo-bad::-webkit-progress-value {
    background-color: #dc3232; /* красный */
}

/* Firefox */
.onex-seo-progress.onex-seo-good::-moz-progress-bar {
    background-color: #7ad03a;
}
.onex-seo-progress.onex-seo-ok::-moz-progress-bar {
    background-color: #ffba00;
}
.onex-seo-progress.onex-seo-bad::-moz-progress-bar {
    background-color: #dc3232;
}

/* IE */
.onex-seo-progress.onex-seo-good {
    color: #7ad03a;
}
.onex-seo-progress.onex-seo-ok {
    color: #ffba00;
}
.onex-seo-progress.onex-seo-bad {
    color: #dc3232;
}

.onex-seo-counter-text {
    font-size: 12px;
    color: #666;
    margin-top: 3px;
}

.special-page-section {
    background: #fff;
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #ccd0d4;
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
}

.special-page-section h2 {
    margin-top: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.language-section {
    margin: 20px 0;
    padding: 15px;
    background: #f8f9fa;
    border: 1px solid #eee;
    border-radius: 4px;
}

.language-section h4 {
    margin: 0 0 15px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.category-image-container {
    margin: 15px 0;
}

.image-preview-wrapper {
    margin-bottom: 10px;
}

.category-image-preview {
    border: 1px solid #ddd;
    padding: 5px;
    border-radius: 4px;
    background: #fff;
}

.category-image-container .button {
    margin-right: 10px;
}

.category-image-container .description {
    margin-top: 10px;
    font-style: italic;
}