/* RichEditorNext v1.4.0 — Central Runtime Foundation */

.richeditor-next{
    margin:14px 0;
    color:#f4ead7;
    font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.richeditor-frame{
    overflow:hidden;
    border:1px solid rgba(217,154,67,.38);
    border-radius:16px;
    background:linear-gradient(180deg, rgba(21,16,12,.98), rgba(8,7,6,.98));
    box-shadow:0 18px 42px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,223,151,.08);
}

.richeditor-toolbar-shell{
    border-bottom:1px solid rgba(217,154,67,.22);
    background:linear-gradient(180deg, rgba(32,22,14,.98), rgba(16,13,10,.98));
}

.richeditor-toolbar-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:9px 10px 7px;
    border-bottom:1px solid rgba(217,154,67,.14);
}

.richeditor-toolbar-title{
    color:#ffcf8c;
    font-weight:900;
    letter-spacing:.04em;
    font-size:.88rem;
}

.richeditor-toolbar-toggle{
    min-height:28px !important;
    padding:5px 9px !important;
    border-radius:999px !important;
    font-size:.78rem !important;
    color:#cdbda1 !important;
    background:rgba(0,0,0,.20) !important;
    border:1px solid rgba(217,154,67,.22) !important;
    box-shadow:none !important;
}

.richeditor-toolbar{
    display:flex;
    flex-direction:column;
    gap:8px;
    padding:10px;
}

.richeditor-toolbar-row{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    align-items:center;
}

.richeditor-toolbar-group{
    display:inline-flex;
    flex-wrap:wrap;
    align-items:center;
    gap:6px;
    min-height:0;
    padding:5px;
    border:1px solid rgba(217,154,67,.13);
    border-radius:12px;
    background:rgba(0,0,0,.16);
}

.richeditor-toolbar-group::before{
    display:none;
}

.richeditor-toolbar button,
.richeditor-toolbar .richeditor-color-label,
.richeditor-toolbar .richeditor-upload-picker{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    width:auto !important;
    min-width:34px !important;
    max-width:none !important;
    min-height:32px !important;
    padding:6px 9px !important;
    border:1px solid rgba(217,154,67,.34) !important;
    border-radius:9px !important;
    color:#ffe6b3 !important;
    background:linear-gradient(180deg, rgba(53,34,18,.94), rgba(18,14,10,.95)) !important;
    cursor:pointer;
    font-size:.86rem;
    font-weight:900;
    line-height:1.15;
    box-shadow:none !important;
    user-select:none;
    white-space:nowrap;
}

.richeditor-toolbar button:hover,
.richeditor-toolbar .richeditor-color-label:hover,
.richeditor-toolbar .richeditor-upload-picker:hover{
    border-color:#ffb05c !important;
    color:#ffcf8c !important;
    background:linear-gradient(180deg, rgba(92,53,23,.96), rgba(31,19,12,.96)) !important;
    transform:translateY(-1px);
}

.richeditor-toolbar input[type="color"]{
    display:inline-block !important;
    width:28px !important;
    min-width:28px !important;
    max-width:28px !important;
    height:24px !important;
    min-height:24px !important;
    max-height:24px !important;
    padding:0 !important;
    margin:0 !important;
    border:1px solid rgba(255,205,122,.45) !important;
    border-radius:6px !important;
    background:#000 !important;
    appearance:auto !important;
    -webkit-appearance:none;
    cursor:pointer;
}

.richeditor-toolbar .richeditor-upload-picker{
    overflow:hidden;
}

.richeditor-toolbar .richeditor-upload-picker input[type="file"][data-richeditor-upload-input]{
    position:absolute !important;
    inset:0 !important;
    left:0 !important;
    top:0 !important;
    width:100% !important;
    min-width:100% !important;
    max-width:none !important;
    height:100% !important;
    min-height:100% !important;
    max-height:none !important;
    opacity:0 !important;
    overflow:hidden !important;
    pointer-events:auto !important;
    cursor:pointer !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    transform:none !important;
    appearance:none !important;
    -webkit-appearance:none !important;
}

.richeditor-next input[type="file"][data-richeditor-upload-input]:not(.richeditor-upload-picker input){
    position:fixed !important;
    left:-10000px !important;
    top:-10000px !important;
    width:1px !important;
    height:1px !important;
    opacity:0 !important;
    pointer-events:none !important;
}

.richeditor-next textarea[hidden],
.richeditor-next .richeditor-textarea{
    display:none !important;
}

.richeditor-status{
    display:none;
    padding:8px 12px;
    border-bottom:1px solid rgba(217,154,67,.16);
    color:#cdbda1;
    background:rgba(0,0,0,.18);
    font-size:.9rem;
}

.richeditor-status:not(:empty){
    display:block;
}

.richeditor-status.is-error{
    color:#ffb0a0;
    background:rgba(130,36,24,.20);
}

.richeditor-status.is-success{
    color:#bdf0c4;
    background:rgba(33,103,48,.18);
}

.richeditor-status.is-loading{
    color:#ffdb9b;
    background:rgba(154,93,46,.16);
}

.richeditor-surface{
    min-height:280px;
    padding:18px;
    color:#f4ead7;
    outline:none;
    line-height:1.65;
    background:radial-gradient(circle at 20% 0%, rgba(217,154,67,.08), transparent 28%), #10100f;
}

.richeditor-surface:focus{
    box-shadow:inset 0 0 0 2px rgba(217,154,67,.22);
}

.richeditor-surface:empty:before{
    content:attr(data-placeholder);
    color:#8f806b;
}

.richeditor-surface h2,
.richeditor-preview h2{
    color:#ffbe73;
    margin:14px 0 8px;
    font-size:24px;
}

.richeditor-surface h3,
.richeditor-preview h3{
    color:#ffc98f;
    margin:12px 0 8px;
    font-size:20px;
}

.richeditor-surface blockquote,
.richeditor-preview blockquote{
    border-left:4px solid #ff9d35;
    margin:12px 0;
    padding:10px 14px;
    background:#171717;
    color:#ddd;
    border-radius:0 10px 10px 0;
}

.richeditor-surface ul,
.richeditor-surface ol,
.richeditor-preview ul,
.richeditor-preview ol{
    padding-left:24px;
}

.richeditor-surface a,
.richeditor-preview a{
    color:#ffbc70;
    font-weight:800;
}

.richeditor-surface hr,
.richeditor-preview hr{
    border:0;
    border-top:1px solid #4d3118;
    margin:18px 0;
}

.richeditor-surface table,
.richeditor-preview table{
    width:100%;
    border-collapse:collapse;
    margin:14px 0;
    overflow:hidden;
    border-radius:12px;
    background:rgba(0,0,0,.18);
}

.richeditor-surface th,
.richeditor-surface td,
.richeditor-preview th,
.richeditor-preview td{
    border:1px solid rgba(217,154,67,.20);
    padding:9px 10px;
}

.richeditor-surface th,
.richeditor-preview th{
    color:#ffe0a3;
    background:rgba(217,154,67,.12);
}

.richeditor-surface img,
.richeditor-preview img{
    display:block;
    max-width:100%;
    height:auto;
    margin:12px auto;
    border:1px solid rgba(217,154,67,.22);
    border-radius:12px;
    background:#050505;
    box-shadow:0 12px 32px rgba(0,0,0,.28);
}

.richeditor-next.is-toolbar-collapsed .richeditor-toolbar{
    display:none;
}

.richeditor-submit{
    margin-top:12px;
    background:#ff7b00;
    color:#fff;
    border:none;
    border-radius:10px;
    padding:10px 16px;
    font-weight:bold;
    cursor:pointer;
}

.richeditor-preview{
    background:#101010;
    border:1px solid #333;
    border-radius:14px;
    padding:16px;
    min-height:120px;
}

/* Spätere Animations-/Asset-Bridge: animierte Smileys können später als Bilder/Assets
   auf dieselben Toolbar-Buttons gemappt werden, ohne die Editor-API zu ändern. */
.richeditor-emoji-group button,
.richeditor-symbol-group button{
    min-width:34px !important;
    padding-left:8px !important;
    padding-right:8px !important;
}

@media (max-width:860px){
    .richeditor-toolbar-head{
        align-items:flex-start;
        flex-direction:column;
    }
    .richeditor-toolbar-row{
        align-items:flex-start;
        flex-direction:column;
    }
    .richeditor-toolbar-group{
        width:100%;
    }
    .richeditor-toolbar button,
    .richeditor-toolbar .richeditor-color-label,
    .richeditor-toolbar .richeditor-upload-picker{
        flex:1 1 auto;
    }
}


/* RichEditorNext v1.3.1 — Compact Integrated Toolbar Polish
   Ziel: weniger Boxen, kompakte Editor-Kopfleiste, Upload-Trigger unverändert stabil. */
.richeditor-next.richeditor-next-integrated{
    margin:12px 0 !important;
}

.richeditor-next.richeditor-next-integrated .richeditor-frame{
    border-radius:14px !important;
    overflow:hidden !important;
    background:linear-gradient(180deg, rgba(18,14,10,.98), rgba(7,7,6,.98)) !important;
}

.richeditor-next.richeditor-next-integrated .richeditor-toolbar-shell{
    border-bottom:1px solid rgba(217,154,67,.24) !important;
    background:linear-gradient(180deg, rgba(30,21,13,.96), rgba(13,11,9,.98)) !important;
}

.richeditor-next.richeditor-next-integrated .richeditor-toolbar-head{
    min-height:34px !important;
    padding:6px 10px !important;
    gap:8px !important;
    border-bottom:1px solid rgba(217,154,67,.12) !important;
}

.richeditor-next.richeditor-next-integrated .richeditor-toolbar-title{
    font-size:.82rem !important;
    letter-spacing:.03em !important;
    color:#ffd18d !important;
    opacity:.95 !important;
}

.richeditor-next.richeditor-next-integrated .richeditor-toolbar-toggle{
    min-height:24px !important;
    padding:3px 8px !important;
    font-size:.72rem !important;
    border-radius:999px !important;
    color:#aa9b82 !important;
    background:rgba(0,0,0,.12) !important;
    border-color:rgba(217,154,67,.16) !important;
    box-shadow:none !important;
}

.richeditor-next.richeditor-next-integrated .richeditor-toolbar{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:6px !important;
    padding:8px 10px !important;
    background:rgba(0,0,0,.08) !important;
}

.richeditor-next.richeditor-next-integrated .richeditor-toolbar-row,
.richeditor-next.richeditor-next-integrated .richeditor-toolbar-row-main,
.richeditor-next.richeditor-next-integrated .richeditor-toolbar-row-advanced{
    display:contents !important;
}

.richeditor-next.richeditor-next-integrated .richeditor-toolbar-group{
    display:inline-flex !important;
    flex:0 1 auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:100% !important;
    min-height:30px !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:4px !important;
    padding:3px 5px !important;
    margin:0 !important;
    border:1px solid rgba(217,154,67,.18) !important;
    border-radius:10px !important;
    background:rgba(0,0,0,.14) !important;
    box-shadow:inset 0 1px 0 rgba(255,220,145,.04) !important;
}

.richeditor-next.richeditor-next-integrated .richeditor-toolbar-group[data-group="emoji"],
.richeditor-next.richeditor-next-integrated .richeditor-toolbar-group[data-group="symbols"]{
    gap:3px !important;
}

.richeditor-next.richeditor-next-integrated .richeditor-toolbar button,
.richeditor-next.richeditor-next-integrated .richeditor-toolbar .richeditor-color-label,
.richeditor-next.richeditor-next-integrated .richeditor-toolbar .richeditor-upload-picker{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    width:auto !important;
    min-width:30px !important;
    max-width:none !important;
    min-height:28px !important;
    height:28px !important;
    padding:4px 8px !important;
    margin:0 !important;
    border-radius:8px !important;
    border:1px solid rgba(217,154,67,.30) !important;
    font-size:.80rem !important;
    line-height:1 !important;
    white-space:nowrap !important;
    color:#f6ddb1 !important;
    background:linear-gradient(180deg, rgba(48,31,17,.94), rgba(17,13,9,.96)) !important;
    box-shadow:none !important;
    transform:none !important;
}

.richeditor-next.richeditor-next-integrated .richeditor-toolbar button:hover,
.richeditor-next.richeditor-next-integrated .richeditor-toolbar .richeditor-color-label:hover,
.richeditor-next.richeditor-next-integrated .richeditor-toolbar .richeditor-upload-picker:hover{
    border-color:rgba(255,185,100,.58) !important;
    color:#ffd18d !important;
    background:linear-gradient(180deg, rgba(74,43,20,.96), rgba(24,16,10,.96)) !important;
}

.richeditor-next.richeditor-next-integrated .richeditor-color-label{
    gap:4px !important;
    padding:3px 6px !important;
    overflow:hidden !important;
}

.richeditor-next.richeditor-next-integrated .richeditor-color-label span{
    display:inline-grid !important;
    place-items:center !important;
    width:16px !important;
    min-width:16px !important;
    height:16px !important;
    overflow:hidden !important;
    font-size:0 !important;
}

.richeditor-next.richeditor-next-integrated .richeditor-color-label span::before{
    content:"🎨";
    font-size:13px !important;
    line-height:1 !important;
}

.richeditor-next.richeditor-next-integrated .richeditor-toolbar input[type="color"]{
    display:inline-block !important;
    flex:0 0 18px !important;
    width:18px !important;
    min-width:18px !important;
    max-width:18px !important;
    height:18px !important;
    min-height:18px !important;
    max-height:18px !important;
    padding:0 !important;
    margin:0 !important;
    border:1px solid rgba(255,205,122,.55) !important;
    border-radius:4px !important;
    background:#000 !important;
    cursor:pointer !important;
    box-shadow:none !important;
}

.richeditor-next.richeditor-next-integrated .richeditor-upload-picker{
    min-width:86px !important;
    font-weight:900 !important;
    overflow:hidden !important;
}

.richeditor-next.richeditor-next-integrated .richeditor-upload-picker input[type="file"][data-richeditor-upload-input]{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    opacity:0 !important;
    pointer-events:auto !important;
    cursor:pointer !important;
    font-size:120px !important;
}

.richeditor-next.richeditor-next-integrated .richeditor-status{
    padding:6px 10px !important;
    font-size:.82rem !important;
}

.richeditor-next.richeditor-next-integrated .richeditor-surface{
    min-height:260px !important;
    padding:16px !important;
    border-top:0 !important;
    background:radial-gradient(circle at 20% 0%, rgba(217,154,67,.055), transparent 30%), #0e0e0d !important;
}

.richeditor-next.richeditor-next-integrated.is-toolbar-collapsed .richeditor-toolbar{
    display:none !important;
}

@media (max-width:860px){
    .richeditor-next.richeditor-next-integrated .richeditor-toolbar-head{
        flex-direction:row !important;
        align-items:center !important;
    }
    .richeditor-next.richeditor-next-integrated .richeditor-toolbar{
        align-items:flex-start !important;
    }
    .richeditor-next.richeditor-next-integrated .richeditor-toolbar-group{
        width:auto !important;
        max-width:100% !important;
    }
}

/* RichEditorNext v1.4.0 — Central Runtime Foundation
   Ziel: gleiche zentrale Editor-Basis für NewsNext, ForumNext, ProfileNext, DownloadNext, EventNext und Kommentare. */
.richeditor-next[data-richeditor-version="1.4.0"]{
    --re-bronze:#d99a43;
    --re-bronze-soft:rgba(217,154,67,.18);
    --re-bg:#0e0e0d;
    --re-text:#f4ead7;
}

.richeditor-next[data-richeditor-version="1.4.0"] .richeditor-frame{
    border-color:rgba(217,154,67,.34) !important;
    background:
        radial-gradient(circle at 12% 0%, rgba(217,154,67,.10), transparent 30%),
        linear-gradient(180deg, rgba(18,14,10,.985), rgba(7,7,6,.99)) !important;
}

.richeditor-next[data-richeditor-version="1.4.0"] .richeditor-toolbar-shell{
    background:
        linear-gradient(180deg, rgba(34,23,14,.97), rgba(14,11,8,.985)) !important;
}

.richeditor-next[data-richeditor-version="1.4.0"] .richeditor-toolbar-title{
    display:flex;
    align-items:center;
    gap:6px;
}

.richeditor-next[data-richeditor-version="1.4.0"] .richeditor-toolbar-toggle:focus-visible,
.richeditor-next[data-richeditor-version="1.4.0"] .richeditor-toolbar button:focus-visible,
.richeditor-next[data-richeditor-version="1.4.0"] .richeditor-upload-picker:focus-within{
    outline:2px solid rgba(255,190,100,.7) !important;
    outline-offset:2px !important;
}

.richeditor-next[data-richeditor-version="1.4.0"] .richeditor-surface{
    color:var(--re-text) !important;
    background:
        radial-gradient(circle at 18% 0%, rgba(217,154,67,.07), transparent 32%),
        linear-gradient(180deg, rgba(16,15,13,.98), rgba(10,10,9,.99)) !important;
}

.richeditor-next[data-richeditor-version="1.4.0"] .richeditor-surface p{
    margin:0 0 10px;
}

.richeditor-next[data-richeditor-version="1.4.0"] .richeditor-surface p:last-child{
    margin-bottom:0;
}

.richeditor-next--compact[data-richeditor-version="1.4.0"] .richeditor-toolbar-head{
    min-height:30px !important;
    padding:5px 9px !important;
}

.richeditor-next--compact[data-richeditor-version="1.4.0"] .richeditor-toolbar{
    padding:6px 8px !important;
    gap:5px !important;
}

.richeditor-next--compact[data-richeditor-version="1.4.0"] .richeditor-toolbar button,
.richeditor-next--compact[data-richeditor-version="1.4.0"] .richeditor-toolbar .richeditor-color-label,
.richeditor-next--compact[data-richeditor-version="1.4.0"] .richeditor-toolbar .richeditor-upload-picker{
    min-height:26px !important;
    height:26px !important;
    min-width:28px !important;
    padding:3px 7px !important;
    font-size:.76rem !important;
}

.richeditor-next--minimal[data-richeditor-version="1.4.0"] .richeditor-toolbar-row-advanced,
.richeditor-next--minimal[data-richeditor-version="1.4.0"] .richeditor-emoji-group,
.richeditor-next--minimal[data-richeditor-version="1.4.0"] .richeditor-symbol-group{
    display:none !important;
}


.richeditor-next[data-richeditor-version="1.4.0"] .richeditor-preview,
.richeditor-preview{
    border-color:rgba(217,154,67,.25);
    background:linear-gradient(180deg, rgba(17,15,13,.98), rgba(8,8,7,.98));
}