#drafts-page[hidden]{display:none!important}
body.drafts-page-open #article-section>:not(#ac-top):not(#article-view-switch):not(#drafts-page){display:none!important}
body.drafts-page-open #ac-top>:not(#article-view-switch){display:none!important}
body.drafts-page-open .portal-main>.article-table-wrap,body.drafts-page-open .portal-main>#ac-footer,body.drafts-page-open .portal-main>.article-pagination,body.drafts-page-open .native-table-navigation{display:none!important}
#drafts-page{box-sizing:border-box;padding:18px 0;color:var(--psk-text,#223347);background:var(--psk-surface,#fff)}
#drafts-page>.drafts-page-head{display:flex;position:static;height:auto;min-height:0;padding:0;background:transparent;box-shadow:none;border:0;color:inherit}
.drafts-page-head{display:flex;justify-content:space-between;align-items:start;gap:18px}.drafts-page-head h2{margin:0 0 6px;font-size:23px}.drafts-page-head p{margin:0 0 16px;font-size:13px;color:var(--psk-muted,#607080)}
.drafts-page-tools{display:flex;align-items:end;gap:12px}.drafts-page-tools label{display:grid;gap:6px;flex:1;font-size:13px}.drafts-page-tools input{width:100%;min-height:42px;padding:8px 12px;border:1px solid var(--psk-border,#d7dee6);border-radius:7px;font:inherit;background:var(--psk-surface,#fff);color:inherit}
#drafts-page button{min-height:42px;padding:8px 12px;border:1px solid var(--psk-border,#d7dee6);border-radius:7px;background:var(--psk-surface,#fff);color:inherit;font:13px/1.4 inherit;cursor:pointer}#drafts-page button:disabled{opacity:.5;cursor:default}
#drafts-page button[data-drafts-edit]{background:var(--psk-primary,#24475a);color:#fff;border-color:var(--psk-primary,#24475a)}
#drafts-page-status{margin:14px 0;font-size:13px}.drafts-error{background:#fff0ef;color:#992d25;padding:10px;border-radius:7px}
.drafts-page-row{display:grid;grid-template-columns:82px minmax(0,1fr) auto;gap:16px;align-items:center;padding:15px 0;border-bottom:1px solid var(--psk-border,#d7dee6)}.drafts-page-row img,.drafts-no-photo{width:82px;height:82px;border-radius:7px;object-fit:contain;background:var(--psk-surface-soft,#f1f5fa)}.drafts-no-photo{display:grid;place-items:center;font-size:11px;color:var(--psk-muted,#607080)}.drafts-page-row h3{margin:0 0 6px;font-size:16px;overflow-wrap:anywhere}.drafts-page-row p{margin:4px 0;font-size:13px;overflow-wrap:anywhere}.drafts-page-row small{font-size:11px;color:var(--psk-muted,#607080)}.drafts-row-actions{display:flex;gap:8px;flex-wrap:wrap}
.drafts-missing{background:#fff4ce;color:#604b10;border-radius:6px;padding:5px 8px;display:inline-block}.drafts-missing.complete{background:#edf5ef;color:#31583f}.drafts-page-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;font-size:13px}
@media(max-width:760px){body.drafts-page-open #drafts-page{padding-bottom:calc(var(--seller-bar-bottom,64px) + 48px)!important}}
@media(max-width:760px){html body.drafts-page-open #article-section{display:block!important}html body.drafts-page-open #seller-mobile-workspace{display:none!important}body.drafts-page-open #drafts-page{display:block!important;padding:12px 12px 24px}body.drafts-page-open #article-view-switch{display:flex!important;gap:6px;overflow:auto}body.drafts-page-open #article-view-switch button{flex-shrink:0}#drafts-page>.drafts-page-head{display:block!important}.drafts-page-head button{margin-bottom:14px}.drafts-page-tools{align-items:stretch;flex-direction:column;gap:8px}.drafts-page-row{grid-template-columns:62px minmax(0,1fr);gap:10px}.drafts-page-row img,.drafts-no-photo{width:62px;height:62px}.drafts-row-actions{grid-column:1/-1}.drafts-row-actions button{flex:1}.drafts-page-pagination{flex-wrap:wrap;gap:8px}#drafts-page-count{order:-1;width:100%;text-align:center}.drafts-page-pagination button{flex:1}}

/* Drafts belong to the article workspace. Isolate its heading from global header layout. */
#drafts-page>.drafts-page-head{display:block; width:100%; margin:0 0 12px; gap:0;}
#drafts-page>.drafts-page-head>div{display:block; width:auto; max-width:none; min-width:0; flex:none;}
#drafts-page>.drafts-page-head h2{display:block; width:auto; margin:0 0 4px; font-size:18px; line-height:1.4;}
#drafts-page>.drafts-page-head p{display:block; width:auto; max-width:none; margin:0; font-size:13px; line-height:1.5; white-space:normal;}
#drafts-page .drafts-page-tools{gap:8px;}
#drafts-page .drafts-page-tools input{min-height:38px; border-radius:6px;}
#drafts-page .drafts-page-row{grid-template-columns:64px minmax(0,1fr) auto; gap:12px; padding:12px 0;}
#drafts-page .drafts-page-row img,#drafts-page .drafts-no-photo{width:64px;height:64px;}
#drafts-page .drafts-page-row h3{font-size:14px;line-height:1.4;}
@media(min-width:761px){#drafts-page>.drafts-page-head>[data-drafts-back]{display:none;}}
@media(max-width:760px){#drafts-page>.drafts-page-head>[data-drafts-back]{margin:10px 0 0;}#drafts-page .drafts-page-row{grid-template-columns:62px minmax(0,1fr);}#drafts-page .drafts-page-row img,#drafts-page .drafts-no-photo{width:62px;height:62px;}}
/* entwurf-silme 2026-10-13: selection, bulk result list, removal of an open first entry. */
.drafts-select{display:inline-flex;align-items:center;gap:6px;font-size:13px}#drafts-page-results{margin:0 0 14px;padding:0;list-style:none;font-size:13px}#drafts-page-results li{padding:4px 0;overflow-wrap:anywhere}#drafts-page-results .drafts-result-bad{color:#992d25}#drafts-page button.drafts-delete-article{color:#992d25;border-color:#e3b4ae}
/* entwurf-toplu-silme 2026-10-13: "Alle auswählen" above the list; selection boxes with a touch-sized target. */
#drafts-page .drafts-select{min-height:40px;cursor:pointer}#drafts-page .drafts-select input{width:20px;height:20px;min-height:0;margin:0;flex:none}#drafts-page .drafts-page-selection{display:flex;margin:0 0 4px}

/* Draft list owns scrolling inside both fixed mobile and compact desktop workspaces. */
html body.drafts-page-open #article-section{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-height:0!important;overflow:hidden!important}
html body.drafts-page-open #article-section>#ac-top,html body.drafts-page-open #article-section>#article-view-switch{flex:0 0 auto}
html body.drafts-page-open #drafts-page{flex:1 1 auto;min-height:0;max-height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}

#drafts-page .drafts-page-tools{flex-wrap:wrap}#drafts-page .drafts-page-tools label:has(select){flex:0 1 210px}#drafts-page .drafts-page-tools select{width:100%;min-height:40px}

@media(max-width:760px){#drafts-page .drafts-page-tools label:has(select){flex:0 0 auto}}