.news-workflow-public { padding-block: 1rem 3rem; }
.news-workflow-public__article { margin-block: 1rem; }
.news-workflow-public__article::after { content: ""; display: table; clear: both; }
.news-workflow-public__book { color: #8f7100; clear: both; }
.news-workflow-public__comment { border: 1px solid currentColor; border-radius: .6rem; padding: 1rem; margin-block: 1rem; overflow-wrap: anywhere; }
.news-workflow-public__comment header { display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.news-workflow-public__comment p { white-space: normal; margin-block: 1rem 0; }
.news-workflow-public__form { max-width: 44rem; display: grid; gap: 1rem; }
.news-workflow-public__form label { display: grid; gap: .4rem; }
.news-workflow-public__honeypot { position: absolute; left: -10000px; }
body:has(.news-workflow, .news-workflow-public, .news-archive) .header .navbar-collapse { position: static; }
.news-workflow { padding: 0 0 32px; background: #f5f5f5; color: #333; min-height: 65vh; }
.news-workflow [hidden] { display: none !important; }
.news-workflow__heading, .news-workflow__editor-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.news-workflow__heading { padding: 10px 12px; margin-bottom: 12px; }


.news-workflow__toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-block: 10px; }
.news-workflow .btn-default { background: #fff; border: 1px solid #c8ced4; color: #334155; }
.news-workflow .btn-default:hover { background: #edf2f7; }
.news-workflow [data-tab][aria-pressed="true"] { background: #f0f9f0; color: #28733d; border-color: #5cb85c; }
.news-workflow .btn:disabled { opacity: .6; cursor: not-allowed; }
.news-workflow .btn-primary:disabled { background: #e4e7eb; color: #64748b; border-color: #c8ced4; opacity: 1; }
.news-workflow .form-control { width: 100%; max-width: 100%; min-width: 0; color: #333; background: #fff; font-weight: 400; }
.news-workflow textarea.form-control { height: auto; resize: vertical; }
.news-workflow label { display: grid; gap: 5px; margin: 0; font-weight: 500; }
.news-workflow__layout { display: grid; grid-template-columns: 270px minmax(0, 1fr); gap: 12px; align-items: start; padding-inline: 10px; }
.news-workflow .galerija-admin__panel { max-height: none; }
.news-workflow__filters { display: grid; gap: 12px; }
.news-workflow__sidebar .galerija-admin__panel-header { gap: 8px; }
.news-workflow__sidebar .news-workflow__toolbar { justify-content: space-between; margin: 0; gap: 4px; font-size: 12px; }
.news-workflow__sidebar .news-workflow__toolbar .btn { padding: 6px 8px; }
.news-workflow__muted { color: #64748b; font-size: 13px; }
.news-workflow__sidebar p { margin: 0; }
.news-workflow__list { display: grid; align-content: start; max-height: 62vh; overflow-y: auto; }
.news-workflow__row { display: grid; gap: 4px; width: 100%; text-align: left; color: #333; overflow-wrap: anywhere; transition: none; }
.news-workflow__row strong { color: inherit; font-size: 14px; }
.news-workflow__workspace { min-width: 0; }
.news-workflow__empty { padding: 40px 20px; text-align: center; background: #fff; border: 1px solid #ddd; color: #64748b; }
.news-workflow__form { display: grid; gap: 12px; align-content: start; align-self: start; padding: 0; margin: 0; }
.news-workflow__form fieldset { min-width: 0; display: grid; gap: 12px; padding: 0 12px; margin: 0; border: 0; background: #fff; }
.news-workflow__structured { display: grid; grid-template-columns: 145px minmax(0, 1fr); gap: 20px; }
.news-workflow__photo-area { display: flex; align-items: center; flex-direction: column; gap: 10px; padding: 12px; background: #f8fafc; align-self: start; text-align: center; }
.news-workflow__photo-area .btn { white-space: normal; font-size: 12px; padding: 7px; }
.news-workflow__fields, .news-workflow [data-legacy] { display: grid; gap: 16px; min-width: 0; }
.news-workflow__photo { max-width: 100%; max-height: 190px; object-fit: contain; }
.news-workflow__settings { display: flex; flex-wrap: wrap; gap: 18px; align-items: center; border-top: 1px solid #e5e7eb; padding-top: 16px; }
.news-workflow label.news-workflow__check { display: flex; align-items: center; gap: 8px; }
.news-workflow__check input { margin: 0; width: 17px; height: 17px; }
.news-workflow .html-wysiwyg__editor { min-height: 280px; max-height: 65vh; height: auto; overflow: auto; display: flow-root; }
.news-workflow .html-wysiwyg__editor strong, .news-workflow .html-wysiwyg__editor b { color: inherit; }
.news-workflow__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; position: sticky; bottom: 0; padding: 8px 12px; background: #fff; border-top: 1px solid #ddd; z-index: 5; }
.news-workflow__actions [data-save-status] { flex: 1 1 180px; order: 5; color: #64748b; font-size: 13px; }
.news-workflow__dialog { width: min(1100px, 96vw); max-width: 96vw; padding: 16px; border: 1px solid #ddd; border-radius: 4px; background: #fff; color: #333; }
.news-workflow__dialog::backdrop { background: rgba(0,0,0,.5); }
.news-workflow__dialog .news-workflow__toolbar { justify-content: space-between; margin-top: 0; }
.news-workflow__preview { width: 100%; height: 72vh; border: 1px solid #ddd; background: #fff; }
.news-workflow__comment { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; background: #fff; border: 1px solid #ddd; border-radius: 5px; padding: 12px 16px; margin: 0 0 8px; overflow-wrap: anywhere; }
.news-workflow__comment-heading, .news-workflow__comment-author, .news-workflow__comment-preview { grid-column: 1 / -1; }
.news-workflow__comment > .news-workflow__comment-actions { margin-top: 0; }
.news-workflow__comment-edit[open] { grid-column: 1 / -1; }
.news-workflow__comment:has(.news-workflow__comment-edit[open]) > .news-workflow__comment-actions { grid-column: 1 / -1; margin-top: 8px; }
.news-workflow__comment-heading { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }
.news-workflow__comment-heading input { margin: 0; flex: none; }
.news-workflow__comment-heading h3 { font-size: 15px; line-height: 1.4; margin: 0; flex: 1; min-width: 0; }
.news-workflow__comment-status { font-size: 12px; color: #64748b; }
.news-workflow__comment-author { display: block; font-size: 13px; font-weight: 500; margin-bottom: 4px; }
.news-workflow__comment-preview { font-size: 14px; line-height: 1.45; white-space: pre-line; margin: 0 0 8px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.news-workflow__comment-edit summary { cursor: pointer; color: #337ab7; font-size: 13px; padding: 4px 0; }
.news-workflow__comment-edit summary::before { content: '›'; display: inline-block; width: 14px; }
.news-workflow__comment-edit[open] summary::before { content: '⌄'; }
.news-workflow__comment-edit summary::marker { content: ''; }
.news-workflow__comment:has(.news-workflow__comment-edit[open]) .news-workflow__comment-preview { display: none; }
.news-workflow__comment-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 8px 0; }
.news-workflow__comment-fields > label:last-child { grid-column: 1 / -1; }
.news-workflow__comment-fields label { font-size: 13px; }
.news-workflow__comment-fields textarea { width: 100%; min-height: 110px; }
.news-workflow__comment-actions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.news-workflow__comment-actions .btn { padding: 4px 10px; min-height: 30px; font-size: 13px; margin: 0; }
@media (min-width: 992px) {
    .news-workflow [data-comments] > .news-workflow__toolbar > label { display: flex; align-items: center; gap: 8px; }
    .news-workflow [data-comment-filter] { width: auto; }
    .news-workflow__comment { grid-template-columns: minmax(120px, 180px) minmax(0, 1fr) auto auto; align-items: center; }
    .news-workflow__comment-heading { grid-row: 1; }
    .news-workflow__comment-author { grid-column: 1; grid-row: 2; margin: 0; min-width: 0; }
    .news-workflow__comment-preview { grid-column: 2; grid-row: 2; margin: 0; white-space: normal; -webkit-line-clamp: 2; }
    .news-workflow__comment-edit { grid-column: 3; grid-row: 2; }
    .news-workflow__comment > .news-workflow__comment-actions { grid-column: 4; grid-row: 2; }
    .news-workflow__comment-edit[open] { grid-column: 1 / -1; grid-row: 3; }
    .news-workflow__comment:has(.news-workflow__comment-edit[open]) > .news-workflow__comment-actions { grid-column: 1 / -1; grid-row: 4; }
    .news-workflow__comment-fields { grid-template-columns: minmax(140px, 1fr) minmax(180px, 1fr) minmax(0, 3fr); align-items: start; }
    .news-workflow__comment-fields > label:last-child { grid-column: auto; }
}
@media (max-width: 600px) {
    .news-workflow__comment { padding: 12px; }
    .news-workflow__comment-heading { flex-wrap: wrap; }
    .news-workflow__comment-status { flex-basis: 100%; padding-left: 23px; }
    .news-workflow__comment-fields { grid-template-columns: minmax(0, 1fr); }
}
.news-workflow__error { color: #a31c1c; }
@media (max-width: 991px) { .news-workflow__structured { grid-template-columns: 1fr; } .news-workflow__photo-area { flex-direction: row; flex-wrap: wrap; justify-content: flex-start; } .news-workflow__photo { max-height: 110px; max-width: 90px; } }
@media (max-width: 767px) { .news-workflow__heading { padding: 15px; } .news-workflow__layout { grid-template-columns: 1fr; } .news-workflow__list { max-height: 210px; } .news-workflow__form fieldset { padding: 0 12px; } .news-workflow__actions .btn { flex: 1 1 auto; white-space: normal; } }

.news-workflow > [data-status]:not(:empty), .news-workflow > [data-comments] { margin: 12px 15px; }
.news-workflow > [data-status]:empty { display: none; }
.news-workflow__template-fields { display: grid; grid-template-columns: minmax(0, 3fr) minmax(280px, 2fr); gap: 16px; align-items: start; }
.news-workflow__content-panel, .news-workflow__options-panel { display: grid; gap: 12px; min-width: 0; align-content: start; }
.news-workflow__options-panel { border-left: 1px solid #eee; padding-left: 16px; }
.news-workflow__template-fields label { font-size: 14px; min-width: 0; }
.news-workflow__template-fields .news-workflow__settings { border-top: 0; padding-top: 0; gap: 12px; align-items: start; }
.news-workflow__template-fields .news-workflow__settings > label { width: 100%; }
.news-workflow .news-workflow__template-fields .html-wysiwyg__editor { min-height: 90px; max-height: 240px; }
.news-workflow .news-workflow__template-fields [data-binding="content.body"] .html-wysiwyg__editor,
.news-workflow .news-workflow__template-fields [data-binding="body_html"] .html-wysiwyg__editor { min-height: 180px; max-height: 500px; }
.news-workflow__options-panel > .news-workflow__photo-area { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px 12px; text-align: left; }
.news-workflow__options-panel .news-workflow__photo { grid-row: span 2; width: 90px; max-height: 120px; }
.news-workflow__options-panel .news-workflow__photo-area .btn { grid-column: 2; }
.news-workflow__keywords { display: flex; gap: 6px; flex-wrap: wrap; }
.news-workflow__keywords:empty { display: none; }
.news-workflow__metadata { border-top: 1px solid #eee; padding-top: 10px; }
.news-workflow__metadata summary { cursor: pointer; font-weight: 500; }
.news-workflow__metadata[open] summary { margin-bottom: 12px; }
.news-workflow__metadata label { margin-bottom: 12px; }
.news-workflow__actions [data-copy] { order: 4; }
@media (max-width: 1100px) {
    .news-workflow__layout { grid-template-columns: 220px minmax(0, 1fr); }
    .news-workflow__template-fields { grid-template-columns: minmax(0, 1fr); }
    .news-workflow__options-panel { border-left: 0; border-top: 1px solid #eee; padding: 12px 0 0; }
}
@media (max-width: 767px) {
    .news-workflow__layout { grid-template-columns: 1fr; }
    .news-workflow__actions [data-save-status] { flex-basis: 100%; }
}
.news-template-manager[open] { display: flex; flex-direction: column; width: min(1120px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); padding: 20px; overflow: auto; }
.news-template-manager > .news-workflow__toolbar { flex: none; margin: 0 0 12px; }
.news-template-manager h2 { margin: 0; font-size: 20px; }
.news-template-manager h3 { margin: 0; font-size: 15px; font-weight: 600; }
.news-template-manager > label { flex: none; margin-bottom: 16px; }
.news-template-manager__form { display: grid; gap: 12px; flex-shrink: 0; margin: 0; }
.news-template-manager__workspace { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; }
.news-template-manager__controls { display: grid; align-content: start; gap: 10px; min-width: 0; }
.news-template-manager__fields { display: grid; gap: 4px; }
.news-template-manager__field, .news-template-manager__group { border: 1px solid #dce1e5; border-radius: 5px; background: #fff; }
.news-template-manager summary { display: flex; align-items: center; cursor: pointer; padding: 10px 12px; font-size: 13px; }
.news-template-manager summary::before { content: '›'; display: inline-block; flex: 0 0 16px; color: #64748b; }
.news-template-manager details[open] > summary::before { content: '⌄'; }
.news-template-manager summary::marker { content: ''; }
.news-template-manager summary:hover { background: #f5f7f9; }
.news-template-manager summary:focus-visible { outline: 2px solid #337ab7; outline-offset: -2px; }
.news-template-manager__field summary strong { font-weight: 500; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news-template-manager__hint { color: #64748b; font-size: 12px; font-weight: 400; }
.news-template-manager__field summary .news-template-manager__hint { margin-left: 8px; max-width: 48%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news-template-manager__settings, .news-template-manager__field-body { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 12px; border-top: 1px solid #e5e7eb; align-items: end; }
.news-workflow .news-template-manager label { min-width: 0; font-size: 13px; gap: 3px; }
.news-template-manager .form-control { height: 32px; padding: 4px 8px; font-size: 13px; }
.news-template-manager .btn { min-height: 32px; padding: 5px 10px; font-size: 13px; }
.news-template-manager__controls > .btn { justify-self: start; }
.news-template-manager__row-actions { display: flex; gap: 6px; grid-column: 1 / -1; }
.news-template-manager__preview { display: flex; flex-direction: column; gap: 8px; min-width: 0; align-self: start; position: sticky; top: 0; }
.news-template-manager__preview p { margin: 0; }
.news-template-manager__preview-frame { width: 100%; height: 420px; border: 1px solid #dce1e5; border-radius: 5px; background: #f3f4f6; }
.news-template-manager__footer { display: flex; gap: 8px; flex-wrap: wrap; border-top: 1px solid #e5e7eb; padding-top: 12px; }
.news-template-manager__form > [role="status"]:empty { display: none; }
@media (max-width: 767px) {
    .news-template-manager[open] { width: calc(100vw - 16px); max-height: calc(100dvh - 16px); padding: 12px; }
    .news-template-manager__workspace { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .news-template-manager__preview { position: static; }
    .news-template-manager__field summary .news-template-manager__hint { display: none; }
}
@media (max-height: 740px) and (min-width: 768px) {
    .news-template-manager__preview-frame { height: 300px; }
    .news-template-manager[open] { padding: 12px; }
    .news-template-manager summary { padding-block: 4px; }
    .news-template-manager__controls { gap: 6px; }
    .news-template-manager__fields { gap: 3px; }
}