/* Admin Blog UI. Keep blog administration styling global because this host does not rely on
   component-scoped CSS for production admin screens. */
.blog-editor-shell {
    min-width: 0;
}

.blog-editor-shell .blog-editor-tab-body {
    padding: 1rem .25rem .25rem;
}

.blog-editor-shell .blog-editor-card {
    background: var(--bs-body-bg, #fff);
    border: 1px solid var(--bs-gray-200, #e9ecef);
    border-radius: .85rem;
    overflow: hidden;
    box-shadow: 0 .1rem .35rem rgba(15, 23, 42, .035);
}

.blog-editor-shell .blog-editor-card__header {
    min-height: 56px;
    padding: .85rem 1rem;
    border-bottom: 1px solid var(--bs-gray-200, #e9ecef);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.blog-editor-shell .blog-editor-card__header h2 {
    margin: 0;
    font-size: .95rem;
    font-weight: 700;
    color: var(--bs-gray-900, #111827);
}

.blog-editor-shell .blog-editor-card__header span {
    display: block;
    margin-top: .15rem;
    font-size: .75rem;
    color: var(--bs-gray-600, #6b7280);
}

.blog-editor-shell .blog-editor-card__body {
    padding: 1rem;
}

.blog-editor-shell .blog-switch-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 48px;
    padding: .65rem .75rem;
    border: 1px solid var(--bs-gray-200, #e9ecef);
    border-radius: .65rem;
    background: var(--bs-gray-100, #f5f7fa);
}

.blog-editor-shell .blog-switch-row strong {
    display: block;
    font-size: .875rem;
    color: var(--bs-gray-800, #1f2937);
}

.blog-editor-shell .blog-switch-row small {
    display: block;
    margin-top: .15rem;
    color: var(--bs-gray-600, #6b7280);
}

.blog-editor-shell .blog-url-preview {
    direction: ltr;
    display: inline-block;
    margin-top: .2rem;
    max-width: min(70vw, 720px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .78rem;
    color: var(--bs-primary, #0d6efd);
}

.blog-editor-shell .rz-tabview-nav {
    gap: .25rem;
    padding-inline: .25rem;
}

.blog-editor-shell .rz-tabview-nav li a {
    min-height: 42px;
}

.blog-editor-shell .rz-tabview-panels,
.blog-editor-shell .rz-tabview-panel {
    padding: 0;
}

.blog-editor-shell .rz-textbox,
.blog-editor-shell .rz-dropdown,
.blog-editor-shell .rz-datepicker,
.blog-editor-shell .rz-numeric {
    width: 100%;
}

.blog-editor-shell .form-label {
    margin-bottom: .4rem;
}

.blog-editor-shell .validation-message,
.blog-editor-shell .rz-message-error {
    margin-top: .35rem;
    font-size: .78rem;
}

@media (max-width: 767.98px) {
    .blog-editor-shell .blog-editor-tab-body {
        padding-inline: 0;
    }

    .blog-editor-shell .blog-editor-card__body {
        padding: .85rem;
    }

    .blog-editor-shell .blog-switch-row {
        padding: .6rem .7rem;
    }
}