/*
 * NewsNext v1.4.0 — DesignSystemCore Binding
 * Zweck: Optische Vereinheitlichung von NewsNext mit STOSSACHSE NEXTGEN DesignSystemCore.
 * Keine Logikänderung, keine DB-Änderung, nur additive/scoped CSS-Brücke.
 */

:root{
    --newsnext-bg: var(--dsc-bg, var(--ds-bg, #0b0b0d));
    --newsnext-surface: var(--dsc-surface, var(--ds-panel, #13100d));
    --newsnext-surface-2: var(--dsc-surface-2, var(--ds-card, #1a130d));
    --newsnext-border: var(--dsc-border, var(--ds-border, #5a381b));
    --newsnext-border-soft: var(--dsc-border-soft, #332414);
    --newsnext-accent: var(--dsc-accent, var(--ds-accent, #ff7b00));
    --newsnext-accent-2: var(--dsc-accent-2, #ff9900);
    --newsnext-text: var(--dsc-text, var(--ds-text, #f2e7d5));
    --newsnext-muted: var(--dsc-muted, var(--ds-muted, #aaa));
    --newsnext-radius: var(--dsc-radius, 18px);
    --newsnext-radius-sm: var(--dsc-radius-sm, 12px);
    --newsnext-shadow: var(--dsc-shadow, 0 16px 38px rgba(0,0,0,.32));
    --newsnext-glow: 0 0 0 1px rgba(255,123,0,.12), 0 16px 34px rgba(0,0,0,.28);
}

/* Layout containment: NewsNext darf niemals aus der mittleren Theme-Spalte in Sidebars laufen. */
.newsnext-module-nav,
.newsnext-front-hero,
.newsnext-hero-panel,
.newsnext-active-filters,
.newsnext-filterbar,
.newsnext-front-featured,
.newsnext-front-list,
.newsnext-article,
.newsnext-related,
.newsnext-create,
.newsnext-editorial-workspace,
.newsnext-admin-hero,
.newsnext-admin-stats-grid,
.newsnext-admin-filterbar,
.newsnext-admin-table-wrap,
.newsnext-admin-edit-form,
.newsnext-comments,
.newsnext-widget,
.newsnext-widget-portal{
    box-sizing:border-box;
    width:100%;
    max-width:100%;
    min-width:0;
}
.newsnext-module-nav *,
.newsnext-front-hero *,
.newsnext-card *,
.newsnext-article *,
.newsnext-create *,
.newsnext-admin-table-wrap *,
.newsnext-widget *{
    box-sizing:border-box;
}

/* Gemeinsame Panels/Cards */
.panel.newsnext-module-nav,
.panel.newsnext-front-hero,
.panel.newsnext-hero-panel,
.panel.newsnext-admin-hero,
.panel.newsnext-create,
.newsnext-card,
.newsnext-featured-card,
.newsnext-article,
.newsnext-related,
.newsnext-editorial-side,
.newsnext-editorial-section,
.newsnext-admin-edit-form,
.newsnext-widget,
.newsnext-widget-portal,
.newsnext-widget-highlight-card,
.newsnext-widget-portal-hero{
    border:1px solid var(--newsnext-border);
    background:
        radial-gradient(circle at top right, rgba(255,123,0,.12), transparent 34%),
        linear-gradient(180deg, rgba(36,23,13,.96) 0%, rgba(13,12,11,.98) 100%);
    color:var(--newsnext-text);
    border-radius:var(--newsnext-radius);
    box-shadow:var(--newsnext-shadow);
}
.newsnext-card,
.newsnext-featured-card,
.newsnext-related-card,
.newsnext-widget-item,
.newsnext-widget-portal-list a,
.newsnext-comment,
.newsnext-admin-stat-card,
.newsnext-widget-stats span{
    border:1px solid var(--newsnext-border-soft);
    background:linear-gradient(180deg, rgba(23,18,13,.98), rgba(9,9,10,.98));
    color:var(--newsnext-text);
    border-radius:var(--newsnext-radius-sm);
}
.newsnext-card,
.newsnext-featured-card{
    padding:16px;
    overflow:hidden;
}
.newsnext-front-list .newsnext-card:hover,
.newsnext-featured-card:hover,
.newsnext-related-card:hover,
.newsnext-widget-item:hover,
.newsnext-widget-portal-list a:hover{
    border-color:var(--newsnext-accent);
    box-shadow:var(--newsnext-glow);
}

/* Headlines, Meta und Kicker */
.newsnext-kicker,
.newsnext-card-kicker,
.newsnext-muted,
.newsnext-meta,
.newsnext-widget-meta,
.newsnext-widget-empty{
    color:var(--newsnext-muted);
}
.newsnext-front-hero h1,
.newsnext-hero-panel h2,
.newsnext-admin-hero h2,
.newsnext-card h3,
.newsnext-article h2,
.newsnext-comments h3,
.newsnext-related h3,
.newsnext-editorial-side h3,
.newsnext-admin-section-title h3,
.newsnext-widget-head h3,
.newsnext-widget-portal-head h3,
.newsnext-widget-title,
.newsnext-widget-highlight-card h4,
.newsnext-widget-portal-hero h4{
    color:var(--newsnext-accent-2);
    letter-spacing:.01em;
}
.newsnext-content,
.newsnext-article-excerpt,
.newsnext-widget-highlight-card p,
.newsnext-widget-portal-hero p,
.newsnext-widget-portal-head p{
    color:var(--newsnext-text);
}
.newsnext-content{
    max-width:100%;
    overflow-wrap:anywhere;
}

/* Modulnavigation */
.newsnext-module-nav{
    padding:12px;
    margin:0 0 16px;
}
.newsnext-module-nav-left{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    align-items:center;
    min-width:0;
}
.newsnext-module-nav-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:42px;
    border:1px solid var(--newsnext-border);
    background:rgba(12,12,14,.82);
    color:#ffdfb7;
    border-radius:999px;
    padding:10px 14px;
    text-decoration:none;
    font-weight:800;
    box-shadow:0 8px 18px rgba(0,0,0,.22);
    transition:transform .16s ease, border-color .16s ease, background .16s ease, color .16s ease;
}
.newsnext-module-nav-link:hover,
.newsnext-module-nav-link.active{
    transform:translateY(-1px);
    border-color:var(--newsnext-accent);
    background:linear-gradient(180deg, var(--newsnext-accent), #c75f00);
    color:#160c04;
}

/* Buttons und Links */
.newsnext-button,
.newsnext-form button,
.newsnext-filterbar button,
.newsnext-admin-row-actions button,
.newsnext-widget-action,
.newsnext-widget-head a,
.newsnext-readmore{
    border-radius:999px;
    font-weight:800;
    text-decoration:none;
    transition:transform .16s ease, filter .16s ease, border-color .16s ease;
}
.newsnext-button,
.newsnext-form button,
.newsnext-filterbar button,
.newsnext-admin-row-actions button{
    border:1px solid rgba(255,180,80,.45);
    background:linear-gradient(180deg, var(--newsnext-accent), #c75f00);
    color:#160c04;
    box-shadow:0 10px 22px rgba(255,123,0,.13);
}
.newsnext-button:hover,
.newsnext-form button:hover,
.newsnext-filterbar button:hover,
.newsnext-admin-row-actions button:hover{
    filter:brightness(1.09);
    transform:translateY(-1px);
    color:#120a03;
}
.newsnext-button-soft,
.newsnext-widget-action,
.newsnext-widget-head a{
    border:1px solid var(--newsnext-border);
    background:rgba(36,23,13,.9);
    color:#ffdfb7;
}
.newsnext-button-soft:hover,
.newsnext-widget-action:hover,
.newsnext-widget-head a:hover{
    border-color:var(--newsnext-accent);
    background:rgba(255,123,0,.14);
    color:#ffd9ad;
}
.newsnext-card a,
.newsnext-comments-admin-table a,
.newsnext-related-card strong,
.newsnext-widget-highlight-card h4 a,
.newsnext-widget-portal-hero h4 a,
.newsnext-widget-portal-list a span{
    color:var(--newsnext-accent-2);
}

/* Filter, Formulare, Editorbereiche */
.newsnext-filterbar,
.newsnext-front-filterbar,
.newsnext-admin-filterbar,
.newsnext-active-filters,
.newsnext-editorial-submitbar,
.newsnext-check-row,
.newsnext-comment-form{
    border:1px solid var(--newsnext-border-soft);
    background:rgba(14,13,13,.92);
    border-radius:var(--newsnext-radius);
    padding:12px;
}
.newsnext-form,
.newsnext-comment-form{
    display:flex;
    flex-direction:column;
    gap:12px;
}
.newsnext-form input,
.newsnext-form textarea,
.newsnext-form select,
.newsnext-filterbar input,
.newsnext-filterbar select,
.newsnext-comment-form textarea,
.newsnext-comment-form input,
.newsnext-comment-form select,
.newsnext-admin-filterbar input,
.newsnext-admin-filterbar select,
.newsnext-admin-edit-form input,
.newsnext-admin-edit-form textarea,
.newsnext-admin-edit-form select{
    width:100%;
    max-width:100%;
    border:1px solid var(--newsnext-border-soft);
    background:#0c0c0e;
    color:var(--newsnext-text);
    border-radius:12px;
    padding:11px 12px;
    outline:none;
}
.newsnext-form input:focus,
.newsnext-form textarea:focus,
.newsnext-form select:focus,
.newsnext-filterbar input:focus,
.newsnext-filterbar select:focus,
.newsnext-admin-edit-form input:focus,
.newsnext-admin-edit-form textarea:focus,
.newsnext-admin-edit-form select:focus{
    border-color:var(--newsnext-accent);
    box-shadow:0 0 0 3px rgba(255,123,0,.13);
}
.newsnext-form label,
.newsnext-admin-edit-form label,
.newsnext-comment-form label{
    color:#ffdfb7;
    font-weight:800;
}
.newsnext-form-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
    gap:12px;
}

/* Magazin-/Listenbereiche */
.newsnext-list-grid,
.newsnext-featured-grid,
.newsnext-related-grid,
.newsnext-widget-portal-list{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));
    gap:14px;
    min-width:0;
}
.newsnext-admin-stats-grid,
.newsnext-widget-stats,
.newsnext-article-meta-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));
    gap:12px;
    min-width:0;
}
.newsnext-admin-stat-card strong,
.newsnext-widget-stats strong{
    color:var(--newsnext-accent-2);
}
.newsnext-admin-stat-card span,
.newsnext-widget-stats small{
    color:#ffdfb7;
}

/* Cover und Medien */
.newsnext-cover,
.newsnext-cover-wrap,
.newsnext-cover-preview,
.newsnext-widget-cover{
    border:1px solid var(--newsnext-border-soft);
    background:#080809;
    border-radius:16px;
    overflow:hidden;
    max-width:100%;
}
.newsnext-cover-wrap img,
.newsnext-cover-preview img,
.newsnext-widget-cover img,
.newsnext-content img{
    display:block;
    max-width:100%;
    height:auto;
}
.newsnext-cover-wrap img,
.newsnext-widget-cover img{
    width:100%;
    object-fit:cover;
}
.newsnext-cover-wrap img{max-height:320px;}
.newsnext-cover-large img{max-height:460px;}

/* Kommentare */
.newsnext-comments{
    margin-top:16px;
}
.newsnext-comment{
    padding:13px;
    margin-bottom:10px;
}
.newsnext-comment-hidden{
    opacity:.68;
    border-color:#7a2f2f;
}
.newsnext-comment-status-hidden,
.newsnext-status-archived{
    border-color:#7a2f2f!important;
    background:rgba(122,47,47,.22)!important;
    color:#ffb7b7!important;
}

/* AdminCP Tabellen */
.newsnext-admin-table-wrap{
    overflow:auto;
    border:1px solid var(--newsnext-border-soft);
    background:rgba(8,8,9,.7);
    border-radius:var(--newsnext-radius);
}
.newsnext-admin-table{
    width:100%;
    min-width:980px;
    border-collapse:separate;
    border-spacing:0;
}
.newsnext-admin-table th{
    background:rgba(255,123,0,.08);
    color:var(--newsnext-accent-2);
    border-bottom:1px solid var(--newsnext-border-soft);
    padding:12px;
    text-align:left;
    white-space:nowrap;
}
.newsnext-admin-table td{
    color:var(--newsnext-text);
    border-bottom:1px solid rgba(90,56,27,.35);
    padding:12px;
    vertical-align:top;
}
.newsnext-admin-table tr:hover td{
    background:rgba(255,123,0,.035);
}
.newsnext-admin-row-actions{
    display:flex;
    gap:7px;
    flex-wrap:wrap;
    align-items:center;
}
.newsnext-admin-row-actions form{
    display:inline-flex;
    margin:0;
}
.newsnext-admin-row-actions button{
    padding:7px 10px;
    font-size:12px;
}
.newsnext-danger,
.newsnext-admin-row-actions .newsnext-danger{
    border-color:#8a2d2d;
    background:linear-gradient(180deg,#9c3333,#641b1b);
    color:#fff;
}
.newsnext-danger:hover,
.newsnext-admin-row-actions .newsnext-danger:hover{
    background:linear-gradient(180deg,#ff5757,#8a2d2d);
    color:#120505;
}

/* Status, Badges, Meldungen */
.newsnext-status,
.newsnext-mini-badge,
.newsnext-card-kicker span,
.newsnext-card-kicker a.newsnext-mini-badge,
.newsnext-active-filters span{
    display:inline-flex;
    align-items:center;
    gap:5px;
    border:1px solid var(--newsnext-border);
    background:rgba(36,23,13,.92);
    color:#ffdfb7;
    border-radius:999px;
    padding:5px 10px;
    font-size:12px;
    font-weight:800;
}
.newsnext-status-published{
    border-color:#2f7a3f!important;
    background:rgba(16,32,21,.9)!important;
    color:#baf7c7!important;
}
.newsnext-status-draft{
    border-color:#7350a8!important;
    background:rgba(25,16,36,.9)!important;
    color:#e0caff!important;
}
.newsnext-status-scheduled{
    border-color:#2f5f8a!important;
    background:rgba(16,25,36,.9)!important;
    color:#b7dbff!important;
}
.newsnext-success,
.newsnext-error{
    border-radius:var(--newsnext-radius-sm);
    padding:12px 14px;
    margin-bottom:12px;
}
.newsnext-success{
    border:1px solid #2f7a3f;
    background:rgba(16,32,21,.88);
    color:#baf7c7;
}
.newsnext-error{
    border:1px solid #8a2d2d;
    background:rgba(56,23,23,.9);
    color:#ffb0b0;
}

/* Redaktion/Edit */
.newsnext-editorial-workspace{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(260px,320px);
    gap:14px;
    align-items:start;
}
.newsnext-editorial-main,
.newsnext-editorial-side{
    min-width:0;
}
.newsnext-editorial-side{
    position:sticky;
    top:12px;
    padding:14px;
}
.newsnext-editorial-section{
    padding:14px;
    margin-bottom:14px;
}
.newsnext-editorial-meta-list span{
    border-color:var(--newsnext-border-soft);
    background:#0c0c0e;
}
.newsnext-editorial-checklist li::marker{
    color:var(--newsnext-accent);
}

/* Widgets */
.newsnext-widget-list{
    display:flex;
    flex-direction:column;
    gap:8px;
}
.newsnext-widget-item{
    margin:0!important;
    padding:10px;
    text-decoration:none;
}
.newsnext-widget-portal-head,
.newsnext-widget-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
    margin-bottom:10px;
}

/* Mobile */
@media(max-width:980px){
    .newsnext-editorial-workspace{
        grid-template-columns:1fr;
    }
    .newsnext-editorial-side{
        position:static;
    }
}
@media(max-width:768px){
    .newsnext-header-row,
    .newsnext-front-hero-actions,
    .newsnext-article-tools,
    .newsnext-admin-actions,
    .newsnext-admin-row-actions,
    .newsnext-module-nav-left,
    .newsnext-filterbar,
    .newsnext-check-row,
    .newsnext-widget-head,
    .newsnext-widget-portal-head{
        flex-direction:column;
        align-items:stretch;
    }
    .newsnext-button,
    .newsnext-form button,
    .newsnext-filterbar button,
    .newsnext-admin-row-actions button,
    .newsnext-module-nav-link,
    .newsnext-widget-action,
    .newsnext-widget-head a{
        width:100%;
    }
    .newsnext-admin-table{min-width:760px;}
}
@media(max-width:460px){
    .newsnext-list-grid,
    .newsnext-featured-grid,
    .newsnext-related-grid,
    .newsnext-admin-stats-grid,
    .newsnext-widget-stats,
    .newsnext-widget-portal-list{
        grid-template-columns:1fr;
    }
}