.article-compose { max-width: 1120px; }
.article-compose [hidden] { display: none !important; }
.article-compose .form-section { margin-bottom: 0; }
.article-compose .section-heading h2, .article-preview-toolbar h2 { margin: 0 0 8px; font-size: 17px; letter-spacing: -.025em; }
.article-compose .section-heading .eyebrow { margin: 0 0 9px; color: #39754a; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .14em; }
.article-compose .article-title-input { font-size: 14px; font-weight: 650; letter-spacing: -.025em; }
.article-editor-label { display: flex; align-items: baseline; flex-wrap: wrap; gap: 5px 18px; }
.article-editor-label label { margin: 0; }
.article-editor-shell { border: 1px solid #d5ddd4; border-radius: 12px; background: white; min-width: 0; }
.article-editor-shell:focus-within { border-color: #39754a; box-shadow: 0 0 0 3px #39754a12; }
.article-editor-shell svg { width: 18px; height: 18px; fill: initial; stroke: initial; stroke-width: initial; stroke-linecap: initial; stroke-linejoin: initial; }
.article-editor-shell .ql-toolbar.ql-snow { border: 0; border-bottom: 1px solid #e0e6dd; border-radius: 12px 12px 0 0; background: #f5f7f2; padding: 12px; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 0; }
.article-editor-shell .ql-toolbar.ql-snow .ql-formats { margin-right: 10px; display: inline-flex; align-items: center; border-right: 1px solid #dde4d9; padding-right: 10px; }
.article-editor-shell .ql-toolbar.ql-snow .ql-formats:last-child { border: 0; margin: 0; padding: 0; }
.article-editor-shell .ql-toolbar.ql-snow button { border-radius: 5px; min-width: 30px; min-height: 30px; padding: 5px; display: inline-block; line-height: 1; margin: 0; }
.article-editor-shell .ql-toolbar.ql-snow button:hover { background: #e6eddf; }
.article-editor-shell .ql-toolbar.ql-snow button:focus-visible, .article-editor-shell .ql-picker-label:focus-visible, .article-editor-shell .ql-picker-item:focus-visible { outline: 2px solid #39754a; outline-offset: 2px; }
.article-editor-shell .ql-toolbar.ql-snow button.ql-active { background: #dce9d6; }
.article-editor-shell .ql-toolbar.ql-snow .ql-undo, .article-editor-shell .ql-toolbar.ql-snow .ql-redo { color: #36523b; font-size: 23px; }
.article-editor-shell .ql-container.ql-snow { border: 0; font: inherit; }
.article-editor-shell .ql-editor { min-height: 410px; padding: 34px clamp(20px, 5vw, 64px); color: #29362a; line-height: 1.85; font-size: 17px; overflow-wrap: anywhere; }
.article-editor-shell .ql-editor.ql-blank::before { left: clamp(20px, 5vw, 64px); right: 24px; font-style: normal; color: #8a9588; }
.article-editor-shell .ql-editor p { margin-bottom: .7em; }
.article-editor-shell .ql-editor h2 { font-size: 1.65em; margin: 1em 0 .5em; }
.article-editor-shell .ql-editor h3 { font-size: 1.35em; margin: 1em 0 .5em; }
.article-editor-shell .ql-editor h4 { font-size: 1.15em; margin: 1em 0 .5em; }
.article-editor-shell .ql-editor blockquote { border-left: 3px solid #8fab78; color: #51664d; margin: 20px 0; padding: 8px 22px; }
.article-editor-shell .ql-editor a { color: #39754a; }
.article-editor-shell .ql-snow .ql-picker.ql-header { width: 115px; }
.article-editor-shell .ql-snow .ql-picker.ql-font { width: 115px; }
.article-editor-shell .ql-snow .ql-picker-label::before, .article-editor-shell .ql-snow .ql-picker-item::before { content: attr(data-label); }
.article-editor-shell .ql-snow .ql-picker-label { padding-left: 8px; }
.article-editor-shell .ql-snow .ql-icon-picker .ql-picker-label,
.article-editor-shell .ql-snow .ql-color-picker .ql-picker-label { padding: 3px 4px; display: flex; align-items: center; justify-content: center; }
.article-editor-shell .ql-snow .ql-icon-picker .ql-picker-label::before,
.article-editor-shell .ql-snow .ql-color-picker .ql-picker-label::before { display: none; }
.article-editor-shell .ql-snow .ql-picker-options { border-radius: 8px; border-color: #d5ddd4; box-shadow: 0 8px 28px #2630231c; padding: 8px; z-index: 10; }
.article-editor-shell .ql-snow .ql-picker-item { padding: 7px; }
.article-editor-shell .ql-snow .ql-color-picker .ql-picker-item { padding: 0; }
.article-editor-shell .ql-snow .ql-picker-item[data-value="Georgia"] { font-family: Georgia, serif; }
.article-editor-shell .ql-snow .ql-picker-item[data-value="Verdana"] { font-family: Verdana, sans-serif; }
.article-editor-shell .ql-snow .ql-picker-item[data-value="monospace"] { font-family: monospace; }
.article-editor-shell .ql-tooltip { z-index: 20; border-radius: 8px; box-shadow: 0 6px 24px #26302320; white-space: normal; max-width: min(390px, 85vw); }
.article-editor-shell .ql-tooltip::before { content: 'Legătură:'; }
.article-editor-shell .ql-tooltip[data-mode="link"]::before { content: 'Adresa:'; }
.article-editor-shell .ql-tooltip a.ql-action::after { content: 'Editează'; }
.article-editor-shell .ql-tooltip.ql-editing a.ql-action::after { content: 'Salvează'; }
.article-editor-shell .ql-tooltip a.ql-remove::before { content: 'Șterge'; }
.article-editor-shell .ql-tooltip input[type=text] { display: none; max-width: 220px; height: 34px; font-size: 13px; margin: 4px; }
.article-editor-shell .ql-tooltip.ql-editing input[type=text] { display: inline-block; }
.article-editor-foot { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; border-top: 1px solid #e8ece5; padding: 12px 18px; font-size: 11px; color: #6e7b68; }
.article-error { color: #a63a30 !important; }
.article-cover { max-width: 680px; aspect-ratio: 16/9; overflow: hidden; border-radius: 12px; border: 1px solid #e1e7db; background: #f3f5ed; }
.article-cover img { width: 100%; height: 100%; object-fit: cover; }
.article-save-bar { position: sticky; bottom: 16px; z-index: 15; display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 18px; padding: 18px 22px; border: 1px solid #dae2d3; border-radius: 12px; background: #fffffff5; box-shadow: 0 5px 22px #2435200d; }
.article-save-bar .help { margin: 0; max-width: 340px; }
.article-save-bar .actions { margin: 0; flex-shrink: 0; }
.article-delete { margin-top: 26px; }
.article-preview-toolbar { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; }
.article-live-preview { width: 100%; max-width: 760px; margin: 15px auto 35px; padding: clamp(12px, 3vw, 38px); border: 1px solid #e6e9e0; background: #fffefb; border-radius: 10px; }
.article-live-preview .eyebrow { color: #637956; text-transform: uppercase; font-size: 11px; letter-spacing: .14em; font-weight: 700; }
.article-live-preview h1 { font-family: Georgia, serif; font-size: clamp(28px, 4vw, 44px); letter-spacing: -.04em; line-height: 1.15; margin: 15px 0 22px; overflow-wrap: anywhere; }
.article-preview-excerpt { color: #6f7969; font-size: 19px; line-height: 1.65; white-space: pre-wrap; }
.article-live-preview > img { width: 100%; max-height: 390px; object-fit: cover; border-radius: 8px; margin: 16px 0 30px; }
.rich-article { font-size: 17px; line-height: 1.85; color: #384334; overflow-wrap: anywhere; }
.rich-article p { margin: 0 0 1.3em; }
.rich-article h2, .rich-article h3, .rich-article h4 { color: #243422; line-height: 1.3; margin: 1.6em 0 .7em; letter-spacing: -.025em; }
.rich-article h2 { font-size: 1.75em; }
.rich-article h3 { font-size: 1.4em; }
.rich-article h4 { font-size: 1.15em; }
.rich-article ul, .rich-article ol { padding-left: 1.75em; margin: 0 0 1.3em; }
.rich-article ul { list-style: disc; }
.rich-article ol { list-style: decimal; }
.rich-article li { padding-left: .2em; margin-bottom: .45em; }
.rich-article a { color: #39754a; text-decoration: underline; text-underline-offset: .2em; }
.rich-article blockquote { border-left: 3px solid #90aa7d; background: #f5f7ef; margin: 1.5em 0; padding: 18px 26px; color: #51694a; font-size: 1.12em; }
.rich-article blockquote p:last-child { margin: 0; }
.rich-article pre { white-space: pre-wrap; border-radius: 8px; background: #f2f4ee; padding: 16px; }
.article-preview-banner { background: #edf2e3; border: 1px solid #d6e0c5; padding: 16px 20px; border-radius: 10px; margin: 0 0 24px; color: #466133; font: 14px/1.5 Arial, sans-serif; }
.article-preview-banner a { text-decoration: underline; margin-left: 8px; }
@media(max-width: 700px) {
    .article-save-bar { position: static; align-items: stretch; flex-direction: column; padding: 16px; }
    .article-save-bar .actions { display: flex; flex-wrap: wrap; }
    .article-save-bar .actions .button { flex: 1; }
    .article-editor-shell .ql-toolbar.ql-snow { padding: 8px; }
    .article-editor-shell .ql-toolbar.ql-snow .ql-formats { border: 0; padding: 0; margin-right: 6px; }
    .article-editor-shell .ql-toolbar.ql-snow button { min-width: 34px; min-height: 34px; }
    .article-editor-shell .ql-editor { min-height: 350px; padding: 24px 20px; }
    .article-editor-foot { font-size: 10px; padding: 12px; }
}