/* ==========================================================
   EVERYONE ASSEMBLE
   MODERATION CONTROL PANEL
   Keine Schrift kleiner als 12px
   ========================================================== */

.eamodcp-page{
    --eamod-bg:#020d18;
    --eamod-bg-deep:#010914;
    --eamod-panel:#04192b;
    --eamod-panel-soft:#08243a;
    --eamod-panel-light:#0b3150;

    --eamod-line:#1d5f8f;
    --eamod-line-soft:rgba(29,95,143,.35);

    --eamod-accent:#218bd0;
    --eamod-accent-dark:#1674b5;
    --eamod-accent-light:#75d0ff;

    --eamod-text:#e1f1fa;
    --eamod-text-soft:#c4d8e4;
    --eamod-muted:#8fa9bc;

    --eamod-success:#72c9a6;
    --eamod-warning:#e7b56f;
    --eamod-danger:#e66c79;

    position:relative;
    width:calc(100% - 30px);
    max-width:1280px;
    margin:28px auto 45px;

    color:var(--eamod-text-soft);

    background:
        radial-gradient(
            circle at 12% 0,
            rgba(33,139,208,.14),
            transparent 31%
        ),
        radial-gradient(
            circle at 100% 100%,
            rgba(22,116,181,.1),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            rgba(4,25,43,.98),
            rgba(1,9,20,.99)
        );

    border:1px solid var(--eamod-line);
    box-shadow:
        0 24px 55px rgba(0,0,0,.42),
        0 0 30px rgba(33,139,208,.07),
        inset 0 1px 0 rgba(255,255,255,.025);

    font-family:Arial,sans-serif;
    font-size:12px;
    line-height:1.65;

    overflow:hidden;
}

.eamodcp-page,
.eamodcp-page *,
.eamodcp-page *::before,
.eamodcp-page *::after{
    box-sizing:border-box;
}

.eamodcp-page .smalltext{
    font-size:12px !important;
}

.eamodcp-page a{
    color:var(--eamod-accent-light);
    font-size:12px;
    text-decoration:none;
}

.eamodcp-page a:hover{
    color:var(--eamod-text);
}

/* ==========================================================
   SEITENKOPF
   ========================================================== */

.eamodcp-hero{
    position:relative;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:30px;

    min-height:150px;
    padding:31px 37px;

    background:
        radial-gradient(
            circle at 82% 130%,
            rgba(33,139,208,.22),
            transparent 44%
        ),
        linear-gradient(
            90deg,
            rgba(33,139,208,.1),
            transparent 58%
        ),
        rgba(1,9,20,.72);

    border-bottom:1px solid var(--eamod-line-soft);
    overflow:hidden;
}

.eamodcp-hero::before{
    content:"";
    position:absolute;
    top:0;
    left:37px;

    width:175px;
    height:3px;

    background:var(--eamod-accent-light);

    box-shadow:
        175px 0 0 var(--eamod-accent),
        350px 0 0 rgba(33,139,208,.35);
}

.eamodcp-hero::after{
    content:"OPERATIONS CONTROL";
    position:absolute;
    right:26px;
    bottom:10px;

    color:rgba(117,208,255,.055);

    font-size:27px;
    font-weight:700;
    line-height:1;

    letter-spacing:4px;
    pointer-events:none;
}

.eamodcp-hero-copy{
    position:relative;
    z-index:1;
    min-width:0;
}

.eamodcp-pretitle{
    display:block;
    margin-bottom:6px;

    color:var(--eamod-accent-light);

    font-size:12px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:2.2px;
    text-transform:uppercase;
}

.eamodcp-title{
    margin:0;

    color:var(--eamod-text);

    font-family:"Arial Narrow",Arial,sans-serif;
    font-size:30px;
    font-weight:700;
    line-height:1.2;

    letter-spacing:1.6px;
    text-transform:uppercase;
}

.eamodcp-title strong{
    color:var(--eamod-accent-light);
    font-weight:700;
}

.eamodcp-subtitle{
    display:block;
    max-width:700px;
    margin-top:9px;

    color:var(--eamod-muted);

    font-size:13px;
    line-height:1.7;
}

.eamodcp-module{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    gap:12px;
    flex-shrink:0;
}

.eamodcp-module-code{
    display:flex;
    justify-content:center;
    align-items:center;

    width:58px;
    height:58px;

    color:var(--eamod-accent-light);

    background:
        linear-gradient(
            145deg,
            rgba(33,139,208,.2),
            rgba(1,9,20,.82)
        );

    border:1px solid var(--eamod-line);

    font-size:14px;
    font-weight:800;
    letter-spacing:1px;

    clip-path:polygon(
        18% 0,
        82% 0,
        100% 18%,
        100% 82%,
        82% 100%,
        18% 100%,
        0 82%,
        0 18%
    );
}

.eamodcp-module-text{
    color:var(--eamod-muted);

    font-size:12px;
    font-weight:700;
    line-height:1.5;

    letter-spacing:1px;
    text-transform:uppercase;
}

/* ==========================================================
   HAUPTLAYOUT MIT MODCP-NAVIGATION
   ========================================================== */

.eamodcp-body{
    padding:24px;
}

.eamodcp-layout{
    width:100%;
    border:0;
    border-collapse:collapse;
    border-spacing:0;
}

.eamodcp-layout > tbody > tr > td{
    vertical-align:top;
}

.eamodcp-layout > tbody > tr > td:first-child{
    width:230px;
    padding:0 18px 0 0;
}

.eamodcp-content{
    min-width:0;
    padding:0 !important;
}

/* Standardnavigation von MyBB */

.eamodcp-layout > tbody > tr > td:first-child .tborder{
    width:100%;
    margin:0 0 15px;

    background:
        linear-gradient(
            145deg,
            rgba(8,43,69,.82),
            rgba(1,9,20,.82)
        );

    border:1px solid var(--eamod-line-soft);
}

.eamodcp-layout > tbody > tr > td:first-child .thead,
.eamodcp-layout > tbody > tr > td:first-child .tcat{
    padding:12px 13px;

    color:var(--eamod-accent-light);
    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.14),
            rgba(1,9,20,.45)
        );

    border-bottom:1px solid var(--eamod-line-soft);

    font-size:12px;
    font-weight:700;
    letter-spacing:.8px;
    text-transform:uppercase;
}

.eamodcp-layout > tbody > tr > td:first-child .trow1,
.eamodcp-layout > tbody > tr > td:first-child .trow2{
    padding:0;

    color:var(--eamod-text-soft);
    background:rgba(1,9,20,.3);

    border-bottom:1px solid rgba(29,95,143,.16);
}

.eamodcp-layout .modcp_nav_item{
    position:relative;
    display:block;

    padding:9px 9px 9px 25px;

    color:var(--eamod-text-soft);
    background:transparent;

    font-size:12px;
    line-height:1.5;

    transition:
        color .2s ease,
        padding-left .2s ease,
        background .2s ease;
}

.eamodcp-layout .modcp_nav_item::before{
    content:"";
    position:absolute;
    top:50%;
    left:9px;

    width:6px;
    height:6px;

    border:1px solid var(--eamod-accent);

    transform:translateY(-50%) rotate(45deg);
}

.eamodcp-layout .modcp_nav_item:hover{
    padding-left:30px;

    color:var(--eamod-accent-light);
    background:rgba(33,139,208,.08);
}

.eamodcp-layout .modcp_nav_item:hover::before{
    background:var(--eamod-accent-light);
    box-shadow:0 0 8px rgba(117,208,255,.65);
}

/* ==========================================================
   SCHNELLZUGRIFFE
   ========================================================== */

.eamodcp-shortcuts{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:13px;

    margin-bottom:20px;
}

.eamodcp-shortcut{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:100px;
    padding:16px 17px 16px 54px;

    color:var(--eamod-text-soft) !important;

    background:
        radial-gradient(
            circle at 100% 0,
            rgba(33,139,208,.14),
            transparent 45%
        ),
        linear-gradient(
            145deg,
            rgba(8,43,69,.82),
            rgba(1,9,20,.76)
        );

    border:1px solid var(--eamod-line-soft);
    border-left:3px solid var(--eamod-accent-dark);

    box-shadow:0 10px 21px rgba(0,0,0,.2);

    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

.eamodcp-shortcut::before{
    content:"";
    position:absolute;
    top:50%;
    left:18px;

    width:21px;
    height:21px;

    border:2px solid var(--eamod-accent-light);

    box-shadow:
        0 0 0 5px rgba(33,139,208,.09),
        0 0 12px rgba(117,208,255,.25);

    transform:translateY(-50%) rotate(45deg);
}

.eamodcp-shortcut:hover{
    color:var(--eamod-text) !important;

    border-color:rgba(117,208,255,.52);
    border-left-color:var(--eamod-accent-light);

    box-shadow:
        0 14px 27px rgba(0,0,0,.28),
        0 0 18px rgba(33,139,208,.07);

    transform:translateY(-2px);
}

.eamodcp-shortcut-code{
    display:block;
    margin-bottom:4px;

    color:var(--eamod-muted);

    font-size:12px;
    font-weight:700;
    line-height:1.3;

    letter-spacing:1px;
    text-transform:uppercase;
}

.eamodcp-shortcut-title{
    display:block;

    color:var(--eamod-accent-light);

    font-size:14px;
    font-weight:700;
    line-height:1.45;

    letter-spacing:.5px;
    text-transform:uppercase;
}

/* ==========================================================
   MODULE UND PANELS
   ========================================================== */

.eamodcp-panel{
    position:relative;
    margin-top:20px;

    background:
        linear-gradient(
            145deg,
            rgba(8,43,69,.82),
            rgba(4,25,43,.96)
        );

    border:1px solid var(--eamod-line-soft);
    box-shadow:
        0 13px 28px rgba(0,0,0,.23),
        inset 0 1px 0 rgba(255,255,255,.025);

    overflow:hidden;
}

.eamodcp-panel:first-child{
    margin-top:0;
}

.eamodcp-panel::before{
    content:"";
    position:absolute;
    z-index:3;
    top:0;
    left:0;

    width:52px;
    height:2px;

    background:var(--eamod-accent-light);

    box-shadow:
        52px 0 0 var(--eamod-accent),
        104px 0 0 rgba(33,139,208,.38);
}

.eamodcp-panel-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;

    padding:18px 20px;

    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.13),
            transparent
        ),
        rgba(1,9,20,.28);

    border-bottom:1px solid var(--eamod-line-soft);
}

.eamodcp-panel-heading{
    min-width:0;
}

.eamodcp-panel-code{
    display:block;
    margin-bottom:3px;

    color:var(--eamod-muted);

    font-size:12px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:1.8px;
    text-transform:uppercase;
}

.eamodcp-panel-title{
    margin:0;

    color:var(--eamod-text);

    font-size:16px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:.8px;
    text-transform:uppercase;
}

.eamodcp-panel-status{
    flex-shrink:0;
    padding:7px 11px;

    color:var(--eamod-accent-light);
    background:rgba(33,139,208,.08);

    border:1px solid var(--eamod-line-soft);

    font-size:12px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:.7px;
    text-transform:uppercase;
}

.eamodcp-panel-body{
    padding:18px;
}

/* ==========================================================
   VON MYBB ERZEUGTE STANDARDPANELS
   ========================================================== */

.eamodcp-native-panels{
    display:grid;
    gap:18px;
}

.eamodcp-native-panels:empty{
    display:none;
}

.eamodcp-native-panels > .tborder{
    width:100%;
    margin:0;

    color:var(--eamod-text-soft);
    background:rgba(4,25,43,.8);

    border:1px solid var(--eamod-line-soft);
    border-collapse:collapse;
}

.eamodcp-native-panels .thead{
    padding:15px 17px;

    color:var(--eamod-text);
    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.14),
            rgba(1,9,20,.45)
        );

    border-bottom:1px solid var(--eamod-line-soft);

    font-size:14px;
    font-weight:700;
    letter-spacing:.7px;
}

.eamodcp-native-panels .tcat{
    padding:11px 12px;

    color:var(--eamod-muted);
    background:rgba(11,49,80,.65);

    border-bottom:1px solid var(--eamod-line-soft);

    font-size:12px;
    font-weight:700;
    letter-spacing:.6px;
    text-transform:uppercase;
}

.eamodcp-native-panels .trow1,
.eamodcp-native-panels .trow2{
    padding:11px 12px;

    color:var(--eamod-text-soft);
    background:rgba(1,9,20,.27);

    border-bottom:1px solid rgba(29,95,143,.16);

    font-size:12px;
}

/* ==========================================================
   TABELLEN
   ========================================================== */

.eamodcp-table-wrap{
    width:100%;
    overflow-x:auto;
}

.eamodcp-table{
    width:100%;
    min-width:680px;

    border:0;
    border-collapse:collapse;
    border-spacing:0;
}

.eamodcp-table th,
.eamodcp-table td{
    padding:12px 13px;

    border-right:1px solid rgba(29,95,143,.14);
    border-bottom:1px solid rgba(29,95,143,.18);

    font-size:12px;
    line-height:1.55;
    vertical-align:middle;
}

.eamodcp-table th:last-child,
.eamodcp-table td:last-child{
    border-right:0;
}

.eamodcp-table thead th{
    color:var(--eamod-muted);

    background:
        linear-gradient(
            180deg,
            rgba(11,49,80,.76),
            rgba(4,25,43,.84)
        );

    font-size:12px;
    font-weight:700;
    letter-spacing:.7px;
    text-align:left;
    text-transform:uppercase;
}

.eamodcp-table tbody td{
    color:var(--eamod-text-soft);
    background:rgba(2,13,24,.34);
}

.eamodcp-table tbody tr:hover td{
    background:rgba(33,139,208,.07);
}

.eamodcp-table-center{
    text-align:center !important;
}

.eamodcp-table-right{
    text-align:right !important;
}

.eamodcp-table input[type="checkbox"]{
    width:16px;
    height:16px;

    accent-color:var(--eamod-accent-light);
}

/* ==========================================================
   MODERATORNOTIZEN
   ========================================================== */

.eamodcp-notes-description{
    padding:13px 15px;

    color:var(--eamod-muted);
    background:rgba(33,139,208,.06);

    border-bottom:1px solid var(--eamod-line-soft);

    font-size:12px;
    line-height:1.65;
}

.eamodcp-notes-editor{
    padding:17px;
}

.eamodcp-page textarea,
.eamodcp-page input[type="text"],
.eamodcp-page input[type="password"],
.eamodcp-page select{
    display:block;
    width:100%;
    max-width:none;
    min-height:42px;
    margin:0;
    padding:9px 11px;

    color:var(--eamod-text);

    background:
        linear-gradient(
            145deg,
            rgba(1,9,20,.96),
            rgba(4,25,43,.95)
        );

    border:1px solid var(--eamod-line);
    border-radius:0;
    outline:0;

    font-family:Arial,sans-serif;
    font-size:12px;
    line-height:1.55;

    box-shadow:inset 0 7px 15px rgba(0,0,0,.17);

    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

.eamodcp-page textarea{
    min-height:210px;
    resize:vertical;
}

.eamodcp-page input:focus,
.eamodcp-page select:focus,
.eamodcp-page textarea:focus{
    border-color:var(--eamod-accent-light);

    box-shadow:
        inset 0 7px 15px rgba(0,0,0,.17),
        0 0 0 3px rgba(117,208,255,.08);
}

.eamodcp-page select option{
    color:var(--eamod-text);
    background:var(--eamod-bg-deep);
}

/* ==========================================================
   BUTTONS
   ========================================================== */

.eamodcp-actions{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    flex-wrap:wrap;
    gap:9px;

    padding:15px 18px;

    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.09),
            rgba(1,9,20,.32)
        );

    border-top:1px solid var(--eamod-line-soft);
}

.eamodcp-page .button,
.eamodcp-action-button{
    display:inline-flex;
    justify-content:center;
    align-items:center;

    min-width:140px;
    min-height:40px;
    margin:0;
    padding:9px 14px;

    color:var(--eamod-bg-deep) !important;
    background:var(--eamod-accent-light);

    border:1px solid var(--eamod-accent-light);
    border-radius:0;
    outline:0;

    cursor:pointer;

    font-family:Arial,sans-serif;
    font-size:12px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:.7px;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;

    clip-path:polygon(
        9px 0,
        100% 0,
        100% calc(100% - 9px),
        calc(100% - 9px) 100%,
        0 100%,
        0 9px
    );

    transition:
        color .2s ease,
        background .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

.eamodcp-page .button:hover,
.eamodcp-action-button:hover{
    color:var(--eamod-accent-light) !important;
    background:var(--eamod-panel-light);
    border-color:var(--eamod-accent);

    box-shadow:0 0 18px rgba(117,208,255,.18);
}

.eamodcp-danger-button{
    color:#ffe0e4 !important;
    background:rgba(230,108,121,.12) !important;
    border-color:rgba(230,108,121,.52) !important;
}

.eamodcp-danger-button:hover{
    color:#ffffff !important;
    background:rgba(230,108,121,.32) !important;
    border-color:rgba(230,108,121,.8) !important;

    box-shadow:0 0 18px rgba(230,108,121,.16) !important;
}

/* ==========================================================
   ANKÜNDIGUNGEN – LISTEN
   ========================================================== */

.eamodcp-announcement-title{
    display:flex;
    align-items:center;
    gap:9px;
    min-width:0;
}

.eamodcp-announcement-title a{
    min-width:0;

    color:var(--eamod-text-soft);

    font-size:12px;
    font-weight:700;
    overflow-wrap:anywhere;
}

.eamodcp-announcement-title a:hover{
    color:var(--eamod-accent-light);
}

.eamodcp-announcement-control{
    width:105px;
    text-align:center;
}

.eamodcp-table-link{
    display:inline-flex;
    justify-content:center;
    align-items:center;

    min-height:32px;
    padding:6px 10px;

    color:var(--eamod-accent-light) !important;
    background:rgba(33,139,208,.07);

    border:1px solid rgba(29,95,143,.28);

    font-size:12px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:.4px;
    text-transform:uppercase;
}

.eamodcp-table-link:hover{
    color:var(--eamod-bg-deep) !important;
    background:var(--eamod-accent-light);
    border-color:var(--eamod-accent-light);
}

.eamodcp-table-link.is-delete{
    color:#efb7bf !important;
    background:rgba(230,108,121,.08);
    border-color:rgba(230,108,121,.35);
}

.eamodcp-table-link.is-delete:hover{
    color:#ffffff !important;
    background:rgba(230,108,121,.3);
    border-color:rgba(230,108,121,.72);
}

/* Statusanzeige */

.eamodcp-announcement-status{
    position:relative;
    display:inline-block;
    flex-shrink:0;

    width:13px;
    height:13px;

    border:2px solid var(--eamod-bg-deep);

    transform:rotate(45deg);
}

.eamodcp-announcement-status.is-active{
    background:var(--eamod-success);

    box-shadow:
        0 0 0 1px rgba(114,201,166,.65),
        0 0 9px rgba(114,201,166,.48);
}

.eamodcp-announcement-status.is-expired{
    background:var(--eamod-danger);

    box-shadow:
        0 0 0 1px rgba(230,108,121,.65),
        0 0 9px rgba(230,108,121,.4);
}

/* ==========================================================
   ANKÜNDIGUNGSFORMULARE
   ========================================================== */

.eamodcp-feedback{
    margin-bottom:18px;
}

.eamodcp-feedback:empty{
    display:none;
}

.eamodcp-feedback .error,
.eamodcp-feedback .red_alert,
.eamodcp-feedback .pm_alert{
    margin:0 0 10px;
    padding:14px 16px;

    color:var(--eamod-text-soft);

    background:
        linear-gradient(
            90deg,
            rgba(230,108,121,.13),
            rgba(4,25,43,.94)
        );

    border:1px solid rgba(230,108,121,.5);

    font-size:12px;
    line-height:1.65;
}

.eamodcp-feedback > .tborder{
    width:100%;
    margin-bottom:15px;
}

.eamodcp-form-table{
    width:100%;

    border:0;
    border-collapse:collapse;
    border-spacing:0;
}

.eamodcp-form-table td{
    padding:14px 15px;

    color:var(--eamod-text-soft);
    background:rgba(2,13,24,.31);

    border-right:1px solid rgba(29,95,143,.14);
    border-bottom:1px solid rgba(29,95,143,.18);

    font-size:12px;
    line-height:1.6;
    vertical-align:top;
}

.eamodcp-form-table td:last-child{
    border-right:0;
}

.eamodcp-form-table tr:nth-child(even) td{
    background:rgba(8,43,69,.24);
}

.eamodcp-form-label-cell{
    width:225px;
}

.eamodcp-form-label{
    display:block;

    color:var(--eamod-text-soft);

    font-size:12px;
    font-weight:700;
    line-height:1.5;

    letter-spacing:.6px;
    text-transform:uppercase;
}

.eamodcp-date-fields{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
}

.eamodcp-date-fields select{
    width:auto;
    min-width:105px;
}

.eamodcp-date-fields input[name*="_year"]{
    width:90px;
}

.eamodcp-date-fields input[name*="_time"]{
    width:120px;
}

.eamodcp-radio-list{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
}

.eamodcp-radio-option{
    display:inline-flex;
    align-items:center;
    gap:7px;

    min-height:37px;
    padding:8px 10px;

    color:var(--eamod-text-soft);
    background:rgba(1,9,20,.28);

    border:1px solid rgba(29,95,143,.18);

    font-size:12px;
    cursor:pointer;
}

.eamodcp-radio-option:hover{
    color:var(--eamod-accent-light);
    background:rgba(33,139,208,.07);
}

.eamodcp-radio-option input{
    width:16px;
    height:16px;
    margin:0;

    accent-color:var(--eamod-accent-light);
}

.eamodcp-message-editor textarea{
    min-height:330px;
}

.eamodcp-message-editor .sceditor-container{
    max-width:100%;
}

.eamodcp-smilies{
    margin-top:12px;
}

.eamodcp-smilies img{
    max-width:100%;
}

/* ==========================================================
   LÖSCHBESTÄTIGUNG
   ========================================================== */

.eamodcp-confirm{
    padding:30px 24px;
    text-align:center;
}

.eamodcp-confirm-symbol{
    display:flex;
    justify-content:center;
    align-items:center;

    width:55px;
    height:55px;
    margin:0 auto 18px;

    color:var(--eamod-danger);

    border:2px solid rgba(230,108,121,.72);

    font-size:22px;
    font-weight:800;

    box-shadow:
        0 0 0 7px rgba(230,108,121,.07),
        0 0 20px rgba(230,108,121,.14);

    transform:rotate(45deg);
}

.eamodcp-confirm-symbol span{
    font-size:22px;
    transform:rotate(-45deg);
}

.eamodcp-confirm-text{
    max-width:700px;
    margin:0 auto;

    color:var(--eamod-text-soft);

    font-size:14px;
    line-height:1.7;
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media screen and (max-width:1000px){

    .eamodcp-shortcuts{
        grid-template-columns:1fr;
    }
}

@media screen and (max-width:800px){

    .eamodcp-hero{
        align-items:flex-start;
        flex-direction:column;
        min-height:0;
        padding:27px 22px;
    }

    .eamodcp-hero::after{
        display:none;
    }

    .eamodcp-title{
        font-size:25px;
    }

    .eamodcp-layout,
    .eamodcp-layout > tbody,
    .eamodcp-layout > tbody > tr,
    .eamodcp-layout > tbody > tr > td{
        display:block;
        width:100% !important;
    }

    .eamodcp-layout > tbody > tr > td:first-child{
        padding:0 0 18px;
    }

    .eamodcp-date-fields{
        align-items:stretch;
        flex-direction:column;
    }

    .eamodcp-date-fields select,
    .eamodcp-date-fields input[name*="_year"],
    .eamodcp-date-fields input[name*="_time"]{
        width:100%;
    }
}

@media screen and (max-width:580px){

    .eamodcp-page{
        width:calc(100% - 20px);
        margin:15px auto 30px;
    }

    .eamodcp-body{
        padding:14px;
    }

    .eamodcp-panel-head{
        align-items:flex-start;
        flex-direction:column;
    }

    .eamodcp-form-table,
    .eamodcp-form-table tbody,
    .eamodcp-form-table tr,
    .eamodcp-form-table td{
        display:block;
        width:100%;
    }

    .eamodcp-form-label-cell{
        width:100%;
    }

    .eamodcp-actions{
        align-items:stretch;
        flex-direction:column;
    }

    .eamodcp-actions .button,
    .eamodcp-actions .eamodcp-action-button{
        width:100%;
    }
}

/* ==========================================================
   MODCP – WARTENDE MODERATION
   Keine Schrift kleiner als 12px
   ========================================================== */

.eamodcp-awaiting{
    position:relative;
    margin:0;

    background:
        linear-gradient(
            145deg,
            rgba(8,43,69,.82),
            rgba(4,25,43,.96)
        );

    border:1px solid var(--eamod-line-soft);
    box-shadow:
        0 13px 28px rgba(0,0,0,.23),
        inset 0 1px 0 rgba(255,255,255,.025);

    overflow:hidden;
}

.eamodcp-awaiting::before{
    content:"";
    position:absolute;
    z-index:3;
    top:0;
    left:0;

    width:52px;
    height:2px;

    background:var(--eamod-accent-light);

    box-shadow:
        52px 0 0 var(--eamod-accent),
        104px 0 0 rgba(33,139,208,.38);
}

.eamodcp-awaiting-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;

    padding:18px 20px;

    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.13),
            transparent
        ),
        rgba(1,9,20,.28);

    border-bottom:1px solid var(--eamod-line-soft);
}

.eamodcp-awaiting-heading{
    min-width:0;
}

.eamodcp-awaiting-code{
    display:block;
    margin-bottom:3px;

    color:var(--eamod-muted);

    font-size:12px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:1.8px;
    text-transform:uppercase;
}

.eamodcp-awaiting-title{
    margin:0;

    color:var(--eamod-text);

    font-size:16px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:.8px;
    text-transform:uppercase;
}

.eamodcp-awaiting-status{
    flex-shrink:0;
    padding:7px 11px;

    color:var(--eamod-warning);
    background:rgba(231,181,111,.08);

    border:1px solid rgba(231,181,111,.34);

    font-size:12px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:.7px;
    text-transform:uppercase;
}

.eamodcp-awaiting-table-wrap{
    width:100%;
    overflow-x:auto;
}

.eamodcp-awaiting-table{
    width:100%;
    min-width:650px;

    border:0;
    border-collapse:collapse;
    border-spacing:0;
}

.eamodcp-awaiting-table th,
.eamodcp-awaiting-table td{
    padding:13px 14px;

    border-right:1px solid rgba(29,95,143,.14);
    border-bottom:1px solid rgba(29,95,143,.18);

    font-size:12px;
    line-height:1.55;
    vertical-align:middle;
}

.eamodcp-awaiting-table th:last-child,
.eamodcp-awaiting-table td:last-child{
    border-right:0;
}

.eamodcp-awaiting-table thead th{
    color:var(--eamod-muted);

    background:
        linear-gradient(
            180deg,
            rgba(11,49,80,.76),
            rgba(4,25,43,.84)
        );

    font-size:12px;
    font-weight:700;

    letter-spacing:.7px;
    text-align:left;
    text-transform:uppercase;
}

.eamodcp-awaiting-table tbody td{
    color:var(--eamod-text-soft);
    background:rgba(2,13,24,.34);
}

.eamodcp-awaiting-table tbody tr:nth-child(even) td{
    background:rgba(8,43,69,.23);
}

.eamodcp-awaiting-table tbody tr:hover td{
    background:rgba(33,139,208,.08);
}

.eamodcp-awaiting-type{
    position:relative;
    min-width:150px;
    padding-left:34px !important;

    color:var(--eamod-text) !important;

    font-weight:700;
    letter-spacing:.4px;
}

.eamodcp-awaiting-type::before{
    content:"";
    position:absolute;
    top:50%;
    left:15px;

    width:8px;
    height:8px;

    border:1px solid var(--eamod-accent-light);

    transform:translateY(-50%) rotate(45deg);
}

.eamodcp-awaiting-count{
    width:170px;

    color:var(--eamod-accent-light) !important;

    font-weight:700;
    text-align:center;
}

.eamodcp-awaiting-count-value{
    display:inline-flex;
    justify-content:center;
    align-items:center;

    min-width:42px;
    min-height:32px;
    padding:5px 9px;

    color:var(--eamod-bg-deep);
    background:var(--eamod-accent-light);

    border:1px solid var(--eamod-accent-light);

    font-size:12px;
    font-weight:800;
    line-height:1;
}

.eamodcp-awaiting-latest{
    min-width:260px;

    color:var(--eamod-text-soft);
    text-align:center;

    overflow-wrap:anywhere;
}

.eamodcp-awaiting-latest a{
    color:var(--eamod-accent-light);
    font-size:12px;
}

.eamodcp-awaiting-latest a:hover{
    color:var(--eamod-text);
}

.eamodcp-awaiting-none{
    display:block;

    color:var(--eamod-muted);

    font-size:12px;
    font-style:italic;
    line-height:1.5;
    text-align:center;
}

@media screen and (max-width:580px){

    .eamodcp-awaiting-head{
        align-items:flex-start;
        flex-direction:column;
    }
}

/* ==========================================================
   EVERYONE ASSEMBLE
   MODCP – SPERRVERWALTUNG
   Keine Schrift kleiner als 12px
   ========================================================== */

/* ==========================================================
   ÜBERSICHT DER SPERREN
   ========================================================== */

.eamodcp-ban-table{
    min-width:760px;
}

.eamodcp-ban-user{
    min-width:180px;
}

.eamodcp-ban-user > a{
    color:var(--eamod-text);
    font-size:12px;
    font-weight:700;
    line-height:1.5;
}

.eamodcp-ban-user > a:hover{
    color:var(--eamod-accent-light);
}

.eamodcp-ban-reason{
    min-width:230px;
    color:var(--eamod-text-soft);
    overflow-wrap:anywhere;
}

.eamodcp-ban-duration{
    min-width:165px;
    text-align:center;
}

.eamodcp-ban-duration-main{
    display:block;
    color:var(--eamod-text);
    font-size:12px;
    font-weight:700;
    line-height:1.5;
}

.eamodcp-ban-by{
    min-width:150px;
    text-align:center;
}

.eamodcp-ban-by a{
    color:var(--eamod-accent-light);
    font-size:12px;
}

.eamodcp-ban-by a:hover{
    color:var(--eamod-text);
}

/* ==========================================================
   RESTLAUFZEIT
   ========================================================== */

.eamodcp-ban-remaining{
    display:inline-flex;
    justify-content:center;
    align-items:center;

    min-height:28px;
    margin-top:5px;
    padding:4px 8px;

    color:var(--eamod-warning);
    background:rgba(231,181,111,.08);

    border:1px solid rgba(231,181,111,.32);

    font-size:12px;
    font-weight:700;
    line-height:1.4;
}

.eamodcp-ban-remaining.high,
.eamodcp-ban-remaining.warning{
    color:var(--eamod-danger);
    background:rgba(230,108,121,.09);
    border-color:rgba(230,108,121,.38);
}

.eamodcp-ban-remaining.low,
.eamodcp-ban-remaining.normal{
    color:var(--eamod-success);
    background:rgba(114,201,166,.08);
    border-color:rgba(114,201,166,.34);
}

/* ==========================================================
   AKTIONEN INNERHALB EINER SPERRE
   ========================================================== */

.eamodcp-ban-row-actions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;
    margin-top:7px;
}

.eamodcp-ban-row-action{
    display:inline-flex;
    justify-content:center;
    align-items:center;

    min-height:30px;
    padding:5px 9px;

    color:var(--eamod-accent-light) !important;
    background:rgba(33,139,208,.07);

    border:1px solid rgba(29,95,143,.3);

    font-size:12px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:.3px;
    text-transform:uppercase;

    transition:
        color .2s ease,
        background .2s ease,
        border-color .2s ease;
}

.eamodcp-ban-row-action:hover{
    color:var(--eamod-bg-deep) !important;
    background:var(--eamod-accent-light);
    border-color:var(--eamod-accent-light);
}

.eamodcp-ban-row-action.is-lift{
    color:#efb7bf !important;
    background:rgba(230,108,121,.08);
    border-color:rgba(230,108,121,.35);
}

.eamodcp-ban-row-action.is-lift:hover{
    color:#ffffff !important;
    background:rgba(230,108,121,.31);
    border-color:rgba(230,108,121,.75);
}

/* ==========================================================
   KEINE SPERREN
   ========================================================== */

.eamodcp-ban-empty td{
    padding:35px 20px !important;

    color:var(--eamod-muted) !important;

    font-size:12px !important;
    font-weight:700;
    line-height:1.6;

    letter-spacing:.4px;
    text-align:center;
}

/* ==========================================================
   PAGINIERUNG
   ========================================================== */

.eamodcp-ban-pagination{
    margin-top:17px;
}

.eamodcp-ban-pagination:empty{
    display:none;
}

/* ==========================================================
   SPERRFORMULAR
   ========================================================== */

.eamodcp-ban-form-note{
    position:relative;
    margin:0;
    padding:13px 15px 13px 43px;

    color:var(--eamod-text-soft);

    background:
        linear-gradient(
            90deg,
            rgba(230,108,121,.1),
            rgba(1,9,20,.24)
        );

    border-bottom:1px solid var(--eamod-line-soft);

    font-size:12px;
    line-height:1.65;
}

.eamodcp-ban-form-note::before{
    content:"!";
    position:absolute;
    top:50%;
    left:15px;

    display:flex;
    justify-content:center;
    align-items:center;

    width:19px;
    height:19px;

    color:var(--eamod-danger);

    border:1px solid rgba(230,108,121,.66);

    font-size:12px;
    font-weight:800;

    transform:translateY(-50%) rotate(45deg);
}

.eamodcp-ban-form-note::after{
    content:"!";
    position:absolute;
    top:50%;
    left:15px;

    display:flex;
    justify-content:center;
    align-items:center;

    width:19px;
    height:19px;

    color:var(--eamod-danger);

    font-size:12px;
    font-weight:800;

    transform:translateY(-50%);
}

.eamodcp-ban-username{
    display:inline-flex;
    align-items:center;

    min-height:42px;
    padding:9px 12px;

    color:var(--eamod-text);
    background:rgba(1,9,20,.38);

    border:1px solid var(--eamod-line-soft);

    font-size:12px;
    font-weight:700;
    line-height:1.5;
}

.eamodcp-ban-lift{
    display:inline-flex;
    justify-content:center;
    align-items:center;

    min-height:38px;
    padding:8px 12px;

    color:#efb7bf !important;
    background:rgba(230,108,121,.08);

    border:1px solid rgba(230,108,121,.4);

    font-size:12px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:.5px;
    text-transform:uppercase;

    transition:
        color .2s ease,
        background .2s ease,
        border-color .2s ease;
}

.eamodcp-ban-lift:hover{
    color:#ffffff !important;
    background:rgba(230,108,121,.31);
    border-color:rgba(230,108,121,.75);
}

/* ==========================================================
   SELECT2
   ========================================================== */

.eamodcp-page .select2-container{
    display:block;
    width:100% !important;
    max-width:none;
}

.eamodcp-page .select2-container .select2-choice{
    min-height:42px;
    padding:7px 35px 7px 11px;

    color:var(--eamod-text);

    background:
        linear-gradient(
            145deg,
            rgba(1,9,20,.96),
            rgba(4,25,43,.95)
        );

    border:1px solid var(--eamod-line);
    border-radius:0;

    box-shadow:inset 0 7px 15px rgba(0,0,0,.17);

    font-size:12px;
    line-height:27px;
}

.eamodcp-page .select2-container .select2-choice .select2-arrow{
    width:31px;

    background:rgba(33,139,208,.1);

    border-left:1px solid var(--eamod-line);
    border-radius:0;
}

.eamodcp-page .select2-container-active .select2-choice{
    border-color:var(--eamod-accent-light);

    box-shadow:
        inset 0 7px 15px rgba(0,0,0,.17),
        0 0 0 3px rgba(117,208,255,.08);
}

.eamodcp-page .select2-container .select2-choice > .select2-chosen{
    color:var(--eamod-text);
    font-size:12px;
}

.eamodcp-page .select2-container .select2-choice abbr{
    top:13px;
}

/* ==========================================================
   FORMULARFEHLER
   ========================================================== */

.eamodcp-ban-feedback{
    margin-bottom:18px;
}

.eamodcp-ban-feedback:empty{
    display:none;
}

.eamodcp-ban-feedback .error,
.eamodcp-ban-feedback .red_alert{
    margin:0 0 10px;
    padding:14px 16px;

    color:var(--eamod-text-soft);

    background:
        linear-gradient(
            90deg,
            rgba(230,108,121,.13),
            rgba(4,25,43,.94)
        );

    border:1px solid rgba(230,108,121,.5);

    font-size:12px;
    line-height:1.65;
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media screen and (max-width:580px){

    .eamodcp-ban-row-actions{
        align-items:stretch;
        flex-direction:column;
    }

    .eamodcp-ban-row-action{
        width:100%;
    }
}

/* ==========================================================
   EVERYONE ASSEMBLE
   MODCP – PROFILBEARBEITUNG
   Keine Schrift kleiner als 12px
   ========================================================== */

.eamodcp-profile-page{
    font-size:12px;
}

.eamodcp-profile-page .smalltext{
    font-size:12px !important;
}

/* ==========================================================
   FEHLERMELDUNGEN
   ========================================================== */

.eamodcp-profile-feedback{
    margin-bottom:18px;
}

.eamodcp-profile-feedback:empty{
    display:none;
}

.eamodcp-profile-feedback .error,
.eamodcp-profile-feedback .red_alert,
.eamodcp-profile-feedback .pm_alert{
    position:relative;
    margin:0 0 10px;
    padding:14px 17px 14px 48px;

    color:var(--eamod-text-soft);

    background:
        linear-gradient(
            90deg,
            rgba(230,108,121,.13),
            rgba(4,25,43,.94)
        );

    border:1px solid rgba(230,108,121,.5);

    font-size:12px;
    line-height:1.65;
}

.eamodcp-profile-feedback .error::before,
.eamodcp-profile-feedback .red_alert::before,
.eamodcp-profile-feedback .pm_alert::before{
    content:"!";
    position:absolute;
    top:50%;
    left:17px;

    display:flex;
    justify-content:center;
    align-items:center;

    width:20px;
    height:20px;

    color:var(--eamod-danger);
    border:1px solid rgba(230,108,121,.72);

    font-size:12px;
    font-weight:800;

    transform:translateY(-50%) rotate(45deg);
}

.eamodcp-profile-feedback .error::after,
.eamodcp-profile-feedback .red_alert::after,
.eamodcp-profile-feedback .pm_alert::after{
    content:"!";
    position:absolute;
    top:50%;
    left:17px;

    display:flex;
    justify-content:center;
    align-items:center;

    width:20px;
    height:20px;

    color:var(--eamod-danger);

    font-size:12px;
    font-weight:800;

    transform:translateY(-50%);
}

/* ==========================================================
   PROFILRASTER
   ========================================================== */

.eamodcp-profile-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:start;
    gap:18px;
}

.eamodcp-profile-column{
    display:grid;
    align-content:start;
    gap:18px;
    min-width:0;
}

.eamodcp-profile-wide{
    grid-column:1 / -1;
}

/* ==========================================================
   PROFILMODULE
   ========================================================== */

.eamodcp-profile-panel{
    position:relative;
    min-width:0;

    background:
        linear-gradient(
            145deg,
            rgba(8,43,69,.82),
            rgba(4,25,43,.96)
        );

    border:1px solid var(--eamod-line-soft);

    box-shadow:
        0 13px 28px rgba(0,0,0,.23),
        inset 0 1px 0 rgba(255,255,255,.025);

    overflow:hidden;
}

.eamodcp-profile-panel::before{
    content:"";
    position:absolute;
    z-index:3;
    top:0;
    left:0;

    width:52px;
    height:2px;

    background:var(--eamod-accent-light);

    box-shadow:
        52px 0 0 var(--eamod-accent),
        104px 0 0 rgba(33,139,208,.38);
}

.eamodcp-profile-panel-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:17px;

    padding:17px 19px;

    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.13),
            transparent
        ),
        rgba(1,9,20,.28);

    border-bottom:1px solid var(--eamod-line-soft);
}

.eamodcp-profile-panel-heading{
    min-width:0;
}

.eamodcp-profile-panel-code{
    display:block;
    margin-bottom:3px;

    color:var(--eamod-muted);

    font-size:12px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:1.7px;
    text-transform:uppercase;
}

.eamodcp-profile-panel-title{
    margin:0;

    color:var(--eamod-text);

    font-size:15px;
    font-weight:700;
    line-height:1.45;

    letter-spacing:.7px;
    text-transform:uppercase;
}

.eamodcp-profile-panel-index{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-shrink:0;

    min-width:40px;
    height:40px;
    padding:0 8px;

    color:var(--eamod-accent-light);

    background:
        linear-gradient(
            145deg,
            rgba(33,139,208,.18),
            rgba(1,9,20,.72)
        );

    border:1px solid var(--eamod-line);

    font-size:12px;
    font-weight:800;
    letter-spacing:.5px;

    clip-path:polygon(
        18% 0,
        82% 0,
        100% 18%,
        100% 82%,
        82% 100%,
        18% 100%,
        0 82%,
        0 18%
    );
}

.eamodcp-profile-panel-body{
    padding:16px;
}

/* ==========================================================
   ALLGEMEINE FELDER
   ========================================================== */

.eamodcp-profile-field{
    position:relative;
    display:grid;
    gap:7px;

    min-width:0;
    margin-bottom:9px;
    padding:12px 13px;

    background:
        linear-gradient(
            145deg,
            rgba(1,9,20,.43),
            rgba(8,43,69,.3)
        );

    border:1px solid rgba(29,95,143,.19);
}

.eamodcp-profile-field:last-child{
    margin-bottom:0;
}

.eamodcp-profile-field::before{
    content:"";
    position:absolute;
    top:-1px;
    left:-1px;

    width:11px;
    height:11px;

    border-top:1px solid var(--eamod-accent);
    border-left:1px solid var(--eamod-accent);
}

.eamodcp-profile-label{
    display:block;

    color:var(--eamod-muted);

    font-size:12px;
    font-weight:700;
    line-height:1.5;

    letter-spacing:.6px;
    text-transform:uppercase;
}

.eamodcp-profile-value{
    display:block;
    min-width:0;

    color:var(--eamod-text);

    font-size:12px;
    font-weight:700;
    line-height:1.55;

    overflow-wrap:anywhere;
}

.eamodcp-profile-description{
    display:block;

    color:var(--eamod-muted);

    font-size:12px;
    font-weight:400;
    line-height:1.6;

    letter-spacing:0;
    text-transform:none;
}

/* ==========================================================
   VON MYBB ERZEUGTE PROFILFELDER
   ========================================================== */

.eamodcp-profile-field-table,
.eamodcp-profile-inner-table{
    width:100%;

    border:0;
    border-collapse:separate;
    border-spacing:0 8px;
}

.eamodcp-profile-field-table td,
.eamodcp-profile-inner-table td{
    padding:10px 12px;

    color:var(--eamod-text-soft);
    background:rgba(1,9,20,.3);

    border:1px solid rgba(29,95,143,.17);

    font-size:12px;
    line-height:1.6;
    vertical-align:top;
}

.eamodcp-profile-field-table tr:hover td,
.eamodcp-profile-inner-table tr:hover td{
    background:rgba(33,139,208,.06);
}

.eamodcp-profile-field-table td strong,
.eamodcp-profile-inner-table td strong{
    color:var(--eamod-text);
}

.eamodcp-profile-field-table label,
.eamodcp-profile-inner-table label{
    color:var(--eamod-text-soft);
    font-size:12px;
    line-height:1.55;
}

/* ==========================================================
   CUSTOMFIELDS AUS DER CORE-VARIABLE
   ========================================================== */

.eamodcp-profile-customfields{
    display:grid;
    gap:18px;
}

.eamodcp-profile-customfields:empty{
    display:none;
}

.eamodcp-profile-customfields fieldset,
.eamodcp-profile-customfields .tborder{
    position:relative;
    width:100%;
    min-width:0;
    margin:0;
    padding:16px;

    color:var(--eamod-text-soft);

    background:
        linear-gradient(
            145deg,
            rgba(8,43,69,.82),
            rgba(4,25,43,.96)
        );

    border:1px solid var(--eamod-line-soft);
    border-radius:0;
}

.eamodcp-profile-customfields legend,
.eamodcp-profile-customfields .thead,
.eamodcp-profile-customfields .tcat{
    padding:8px 11px;

    color:var(--eamod-accent-light);
    background:var(--eamod-bg-deep);

    border:1px solid var(--eamod-line-soft);

    font-size:12px;
    font-weight:700;
    letter-spacing:.7px;
    text-transform:uppercase;
}

.eamodcp-profile-customfields table{
    width:100%;
}

.eamodcp-profile-customfields td{
    padding:8px;

    color:var(--eamod-text-soft);

    font-size:12px;
    line-height:1.6;
}

/* ==========================================================
   EINGABEFELDER
   ========================================================== */

.eamodcp-profile-page input[type="text"],
.eamodcp-profile-page input[type="password"],
.eamodcp-profile-page select,
.eamodcp-profile-page textarea{
    display:block;
    width:100%;
    max-width:none;
    min-height:42px;
    margin:0;
    padding:9px 11px;

    color:var(--eamod-text);

    background:
        linear-gradient(
            145deg,
            rgba(1,9,20,.96),
            rgba(4,25,43,.95)
        );

    border:1px solid var(--eamod-line);
    border-radius:0;
    outline:0;

    font-family:Arial,sans-serif;
    font-size:12px;
    line-height:1.55;

    box-shadow:inset 0 7px 15px rgba(0,0,0,.17);

    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

.eamodcp-profile-page textarea{
    min-height:180px;
    resize:vertical;
}

.eamodcp-profile-page input:focus,
.eamodcp-profile-page select:focus,
.eamodcp-profile-page textarea:focus{
    border-color:var(--eamod-accent-light);

    box-shadow:
        inset 0 7px 15px rgba(0,0,0,.17),
        0 0 0 3px rgba(117,208,255,.08);
}

.eamodcp-profile-page select option{
    color:var(--eamod-text);
    background:var(--eamod-bg-deep);
}

.eamodcp-profile-page input[type="checkbox"],
.eamodcp-profile-page input[type="radio"]{
    flex-shrink:0;

    width:16px;
    height:16px;
    margin:0;

    accent-color:var(--eamod-accent-light);
    cursor:pointer;
}

/* ==========================================================
   DATUMSFELDER
   ========================================================== */

.eamodcp-profile-date{
    display:grid;
    grid-template-columns:.7fr 1.35fr .8fr;
    gap:8px;
}

/* ==========================================================
   CHECKBOXEN UND RADIOBUTTONS
   ========================================================== */

.eamodcp-profile-options{
    display:grid;
    gap:7px;
}

.eamodcp-profile-option{
    display:flex;
    align-items:flex-start;
    gap:9px;

    min-height:40px;
    padding:9px 10px;

    color:var(--eamod-text-soft);
    background:rgba(1,9,20,.28);

    border:1px solid rgba(29,95,143,.18);

    font-size:12px;
    line-height:1.55;
    cursor:pointer;

    transition:
        color .2s ease,
        background .2s ease,
        border-color .2s ease;
}

.eamodcp-profile-option:hover{
    color:var(--eamod-accent-light);
    background:rgba(33,139,208,.07);
    border-color:var(--eamod-line-soft);
}

/* ==========================================================
   BENUTZERTITEL
   ========================================================== */

.eamodcp-title-comparison{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
}

.eamodcp-title-box{
    min-width:0;
    padding:10px;

    background:rgba(1,9,20,.3);
    border:1px solid rgba(29,95,143,.17);
}

.eamodcp-title-box-label{
    display:block;
    margin-bottom:3px;

    color:var(--eamod-muted);

    font-size:12px;
    font-weight:700;

    letter-spacing:.5px;
    text-transform:uppercase;
}

.eamodcp-title-box-value{
    display:block;

    color:var(--eamod-text);

    font-size:12px;
    line-height:1.55;

    overflow-wrap:anywhere;
}

/* ==========================================================
   MODERATIONSMASSNAHMEN
   ========================================================== */

.eamodcp-moderation-stack{
    display:grid;
    gap:10px;
}

.eamodcp-moderation-item{
    padding:12px;

    background:
        linear-gradient(
            145deg,
            rgba(1,9,20,.43),
            rgba(8,43,69,.28)
        );

    border:1px solid rgba(29,95,143,.2);
    border-left:2px solid var(--eamod-accent-dark);
}

.eamodcp-moderation-toggle{
    display:flex;
    align-items:flex-start;
    gap:9px;

    color:var(--eamod-text-soft);

    font-size:12px;
    font-weight:700;
    line-height:1.55;

    cursor:pointer;
}

.eamodcp-moderation-action{
    margin-top:10px;
    padding:11px;

    background:rgba(1,9,20,.32);
    border:1px solid rgba(29,95,143,.17);
}

.eamodcp-moderation-action table{
    width:100%;
}

.eamodcp-moderation-action td{
    padding:6px;

    color:var(--eamod-text-soft);

    font-size:12px;
    line-height:1.55;
}

.eamodcp-moderation-duration{
    display:grid;
    grid-template-columns:75px minmax(0,1fr);
    align-items:center;
    gap:8px;
}

.eamodcp-moderation-duration input[type="text"]{
    width:75px;
}

.eamodcp-moderation-info{
    display:block;
    margin-bottom:8px;
    padding:8px 10px;

    color:var(--eamod-warning);
    background:rgba(231,181,111,.07);

    border:1px solid rgba(231,181,111,.25);

    font-size:12px;
    font-style:normal;
    line-height:1.55;
}

/* ==========================================================
   ABWESENHEIT
   ========================================================== */

.eamodcp-away-status{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
}

.eamodcp-away-date{
    display:grid;
    grid-template-columns:.7fr 1.35fr .8fr;
    gap:8px;
}

/* ==========================================================
   SIGNATUR
   ========================================================== */

.eamodcp-signature-editor textarea{
    min-height:280px;
}

.eamodcp-signature-editor .sceditor-container{
    max-width:100%;
}

.eamodcp-signature-suspension{
    margin-top:12px;
    padding:12px;

    background:
        linear-gradient(
            90deg,
            rgba(230,108,121,.08),
            rgba(1,9,20,.29)
        );

    border:1px solid rgba(230,108,121,.28);
}

.eamodcp-signature-toggle{
    display:flex;
    align-items:flex-start;
    gap:9px;

    color:var(--eamod-text-soft);

    font-size:12px;
    font-weight:700;
    line-height:1.55;

    cursor:pointer;
}

.eamodcp-signature-action{
    margin-top:10px;
    padding:10px;

    background:rgba(1,9,20,.3);
    border:1px solid rgba(29,95,143,.17);
}

/* ==========================================================
   INTERNE NOTIZEN
   ========================================================== */

.eamodcp-usernotes textarea{
    min-height:230px;
}

/* ==========================================================
   ABSENDEN
   ========================================================== */

.eamodcp-profile-submit{
    display:flex;
    justify-content:flex-end;
    margin-top:20px;
    padding:16px;

    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.09),
            rgba(1,9,20,.32)
        );

    border:1px solid var(--eamod-line-soft);
}

.eamodcp-profile-submit .button{
    min-width:210px;
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media screen and (max-width:960px){

    .eamodcp-profile-grid{
        grid-template-columns:1fr;
    }

    .eamodcp-profile-wide{
        grid-column:auto;
    }
}

@media screen and (max-width:600px){

    .eamodcp-profile-panel-head{
        align-items:flex-start;
        flex-direction:column;
    }

    .eamodcp-profile-panel-index{
        align-self:flex-start;
    }

    .eamodcp-profile-date,
    .eamodcp-away-date{
        grid-template-columns:1fr;
    }

    .eamodcp-title-comparison,
    .eamodcp-away-status{
        grid-template-columns:1fr;
    }

    .eamodcp-moderation-duration{
        grid-template-columns:1fr;
    }

    .eamodcp-moderation-duration input[type="text"]{
        width:100%;
    }

    .eamodcp-profile-submit{
        display:block;
    }

    .eamodcp-profile-submit .button{
        width:100%;
        min-width:0;
    }
}

/* ==========================================================
   EVERYONE ASSEMBLE
   MODCP – BENUTZERSUCHE
   Keine Schrift kleiner als 12px
   ========================================================== */

.eamodcp-finduser-table{
    min-width:780px;
}

.eamodcp-finduser-table th:nth-child(1){
    width:30%;
}

.eamodcp-finduser-table th:nth-child(2){
    width:18%;
}

.eamodcp-finduser-table th:nth-child(3),
.eamodcp-finduser-table th:nth-child(4){
    width:19%;
}

.eamodcp-finduser-table th:nth-child(5){
    width:14%;
}

/* ==========================================================
   EINZELNER BENUTZER
   ========================================================== */

.eamodcp-finduser-name{
    min-width:190px;
}

.eamodcp-finduser-name a{
    position:relative;
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:6px 10px 6px 27px;

    color:var(--eamod-text) !important;
    background:rgba(33,139,208,.06);

    border:1px solid rgba(29,95,143,.22);

    font-size:12px;
    font-weight:700;
    line-height:1.45;

    overflow-wrap:anywhere;

    transition:
        color .2s ease,
        background .2s ease,
        border-color .2s ease,
        padding-left .2s ease;
}

.eamodcp-finduser-name a::before{
    content:"";
    position:absolute;
    top:50%;
    left:10px;

    width:7px;
    height:7px;

    border:1px solid var(--eamod-accent-light);

    transform:translateY(-50%) rotate(45deg);
}

.eamodcp-finduser-name a:hover{
    padding-left:31px;

    color:var(--eamod-bg-deep) !important;
    background:var(--eamod-accent-light);
    border-color:var(--eamod-accent-light);
}

.eamodcp-finduser-name a:hover::before{
    border-color:var(--eamod-bg-deep);
}

.eamodcp-finduser-group,
.eamodcp-finduser-date,
.eamodcp-finduser-posts{
    text-align:center;
}

.eamodcp-finduser-group{
    color:var(--eamod-text-soft);
    font-weight:700;
}

.eamodcp-finduser-date{
    color:var(--eamod-muted);
}

.eamodcp-finduser-posts{
    color:var(--eamod-accent-light);
    font-weight:800;
}

.eamodcp-finduser-postcount{
    display:inline-flex;
    justify-content:center;
    align-items:center;

    min-width:44px;
    min-height:32px;
    padding:5px 9px;

    color:var(--eamod-bg-deep);
    background:var(--eamod-accent-light);

    border:1px solid var(--eamod-accent-light);

    font-size:12px;
    font-weight:800;
    line-height:1;
}

/* ==========================================================
   KEINE ERGEBNISSE
   ========================================================== */

.eamodcp-finduser-empty td{
    padding:36px 20px !important;

    color:var(--eamod-muted) !important;

    font-size:12px !important;
    font-style:italic;
    line-height:1.65;

    text-align:center;
}

/* ==========================================================
   SEITENNAVIGATION
   ========================================================== */

.eamodcp-finduser-pagination{
    margin:16px 0 0;
    padding:12px;

    background:rgba(1,9,20,.28);
    border:1px solid var(--eamod-line-soft);

    text-align:center;
}

.eamodcp-finduser-pagination:empty{
    display:none;
}

/* ==========================================================
   SUCHFORMULAR
   ========================================================== */

.eamodcp-finduser-form{
    margin-top:20px;
}

.eamodcp-finduser-fields{
    display:grid;
    gap:1px;

    background:rgba(29,95,143,.16);
}

.eamodcp-finduser-field{
    display:grid;
    grid-template-columns:225px minmax(0,1fr);
    gap:15px;
    align-items:center;

    min-width:0;
    padding:15px;

    background:rgba(2,13,24,.62);
}

.eamodcp-finduser-field:nth-child(even){
    background:rgba(8,43,69,.35);
}

.eamodcp-finduser-label{
    color:var(--eamod-muted);

    font-size:12px;
    font-weight:700;
    line-height:1.5;

    letter-spacing:.6px;
    text-transform:uppercase;
}

.eamodcp-finduser-control{
    min-width:0;
}

.eamodcp-finduser-sort{
    display:grid;
    grid-template-columns:minmax(160px,1fr) auto minmax(140px,.7fr) auto;
    gap:8px;
    align-items:center;
}

.eamodcp-finduser-sort-text{
    color:var(--eamod-muted);

    font-size:12px;
    font-weight:700;
    line-height:1.4;

    text-align:center;
    text-transform:lowercase;
}

/* ==========================================================
   SELECT2 – BENUTZERSUCHE
   ========================================================== */

.eamodcp-finduser-form .select2-container{
    width:100% !important;
}

.eamodcp-finduser-form .select2-container .select2-choice{
    min-height:42px;
    padding:7px 35px 7px 11px;

    color:var(--eamod-text);

    background:
        linear-gradient(
            145deg,
            rgba(1,9,20,.96),
            rgba(4,25,43,.95)
        );

    border:1px solid var(--eamod-line);
    border-radius:0;

    box-shadow:inset 0 7px 15px rgba(0,0,0,.17);

    font-size:12px;
    line-height:27px;
}

.eamodcp-finduser-form .select2-container .select2-choice .select2-arrow{
    width:31px;

    background:rgba(33,139,208,.1);

    border-left:1px solid var(--eamod-line);
    border-radius:0;
}

.eamodcp-finduser-form .select2-container-active .select2-choice{
    border-color:var(--eamod-accent-light);

    box-shadow:
        inset 0 7px 15px rgba(0,0,0,.17),
        0 0 0 3px rgba(117,208,255,.08);
}

.eamodcp-finduser-form .select2-container .select2-choice > .select2-chosen{
    color:var(--eamod-text);
    font-size:12px;
}

/* Dropdown liegt außerhalb der Seitenklasse */

.select2-drop{
    color:#c4d8e4 !important;
    background:#010914 !important;

    border:1px solid rgba(29,95,143,.55) !important;
    border-radius:0 !important;

    font-size:12px !important;
}

.select2-results{
    font-size:12px !important;
}

.select2-results .select2-result-label{
    padding:8px 10px !important;

    color:#c4d8e4;

    font-size:12px !important;
    line-height:1.5;
}

.select2-results .select2-highlighted{
    color:#e1f1fa !important;
    background:#0b3150 !important;
}

.select2-search input{
    color:#e1f1fa !important;
    background:#010914 !important;

    border:1px solid rgba(29,95,143,.55) !important;
    border-radius:0 !important;

    font-size:12px !important;
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media screen and (max-width:750px){

    .eamodcp-finduser-field{
        grid-template-columns:1fr;
        gap:7px;
    }

    .eamodcp-finduser-sort{
        grid-template-columns:1fr;
    }

    .eamodcp-finduser-sort-text{
        text-align:left;
    }
}

/* ==========================================================
   EVERYONE ASSEMBLE
   MODCP – IP-SUCHE / NETWORK TRACE
   Keine Schrift kleiner als 12px
   ========================================================== */

.eamodcp-ipsearch-results{
    margin-bottom:20px;
}

.eamodcp-ipsearch-table{
    min-width:650px;
}

.eamodcp-ipsearch-table th:first-child,
.eamodcp-ipsearch-table td:first-child{
    width:190px;
}

.eamodcp-ipsearch-address{
    text-align:center;
}

.eamodcp-ipsearch-address-value{
    display:inline-flex;
    justify-content:center;
    align-items:center;

    min-width:135px;
    min-height:34px;
    padding:6px 10px;

    color:var(--eamod-accent-light);
    background:rgba(33,139,208,.08);

    border:1px solid rgba(117,208,255,.34);

    font-family:Consolas,Monaco,monospace;
    font-size:12px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:.3px;
    overflow-wrap:anywhere;
}

.eamodcp-ipsearch-result{
    min-width:0;

    color:var(--eamod-text-soft);

    font-size:12px;
    line-height:1.65;

    overflow-wrap:anywhere;
}

.eamodcp-ipsearch-result strong{
    color:var(--eamod-muted);

    font-size:12px;
    font-weight:700;

    letter-spacing:.4px;
    text-transform:uppercase;
}

.eamodcp-ipsearch-result a{
    color:var(--eamod-accent-light);

    font-size:12px;
    font-weight:700;
}

.eamodcp-ipsearch-result a:hover{
    color:var(--eamod-text);
}

/* ==========================================================
   ERGEBNISKOPF UND IP-AKTIONEN
   ========================================================== */

.eamodcp-ipsearch-result-head{
    align-items:flex-start;
}

.eamodcp-ipsearch-tools{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    flex-wrap:wrap;
    gap:7px;
}

.eamodcp-ipsearch-tool{
    display:inline-flex;
    justify-content:center;
    align-items:center;

    min-height:35px;
    padding:7px 11px;

    color:var(--eamod-accent-light) !important;
    background:rgba(33,139,208,.07);

    border:1px solid rgba(29,95,143,.32);

    font-size:12px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:.4px;
    text-align:center;
    text-transform:uppercase;

    transition:
        color .2s ease,
        background .2s ease,
        border-color .2s ease;
}

.eamodcp-ipsearch-tool:hover{
    color:var(--eamod-bg-deep) !important;
    background:var(--eamod-accent-light);
    border-color:var(--eamod-accent-light);
}

.eamodcp-ipsearch-tool.is-external{
    color:var(--eamod-warning) !important;
    background:rgba(231,181,111,.07);
    border-color:rgba(231,181,111,.32);
}

.eamodcp-ipsearch-tool.is-external:hover{
    color:var(--eamod-bg-deep) !important;
    background:var(--eamod-warning);
    border-color:var(--eamod-warning);
}

/* ==========================================================
   KEINE ERGEBNISSE
   ========================================================== */

.eamodcp-ipsearch-empty td{
    padding:36px 20px !important;

    color:var(--eamod-muted) !important;

    font-size:12px !important;
    font-style:italic;
    line-height:1.65;

    text-align:center;
}

/* ==========================================================
   SEITENNAVIGATION
   ========================================================== */

.eamodcp-ipsearch-pagination{
    margin-top:15px;
    padding:11px 13px;

    background:rgba(1,9,20,.28);

    border:1px solid var(--eamod-line-soft);

    font-size:12px;
    text-align:center;
}

.eamodcp-ipsearch-pagination:empty{
    display:none;
}

/* ==========================================================
   SUCHFORMULAR
   ========================================================== */

.eamodcp-ipsearch-form{
    margin-top:20px;
}

.eamodcp-ipsearch-fields{
    display:grid;
    gap:1px;

    background:rgba(29,95,143,.16);
}

.eamodcp-ipsearch-field{
    display:grid;
    grid-template-columns:220px minmax(0,1fr);
    align-items:start;
    gap:16px;

    min-width:0;
    padding:15px;

    background:rgba(2,13,24,.62);
}

.eamodcp-ipsearch-field:nth-child(even){
    background:rgba(8,43,69,.35);
}

.eamodcp-ipsearch-label{
    display:block;
    padding-top:10px;

    color:var(--eamod-muted);

    font-size:12px;
    font-weight:700;
    line-height:1.5;

    letter-spacing:.6px;
    text-transform:uppercase;
}

.eamodcp-ipsearch-control{
    min-width:0;
}

.eamodcp-ipsearch-hint{
    display:block;
    margin-top:6px;

    color:var(--eamod-muted);

    font-size:12px;
    line-height:1.55;
}

.eamodcp-ipsearch-options{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
}

.eamodcp-ipsearch-option{
    display:flex;
    align-items:flex-start;
    gap:9px;

    min-height:42px;
    padding:10px 11px;

    color:var(--eamod-text-soft);
    background:rgba(1,9,20,.29);

    border:1px solid rgba(29,95,143,.2);

    cursor:pointer;

    font-size:12px;
    line-height:1.55;

    transition:
        color .2s ease,
        background .2s ease,
        border-color .2s ease;
}

.eamodcp-ipsearch-option:hover{
    color:var(--eamod-accent-light);
    background:rgba(33,139,208,.07);
    border-color:var(--eamod-line-soft);
}

.eamodcp-ipsearch-option input{
    flex-shrink:0;

    width:16px;
    height:16px;
    margin:2px 0 0;

    accent-color:var(--eamod-accent-light);
}

/* ==========================================================
   IP-DETAILFENSTER / MODAL
   Liegt gegebenenfalls außerhalb von .eamodcp-page
   ========================================================== */

.eamodcp-ip-modal{
    --eamod-bg:#020d18;
    --eamod-bg-deep:#010914;
    --eamod-panel:#04192b;
    --eamod-panel-soft:#08243a;
    --eamod-line:#1d5f8f;
    --eamod-line-soft:rgba(29,95,143,.35);
    --eamod-accent:#218bd0;
    --eamod-accent-light:#75d0ff;
    --eamod-text:#e1f1fa;
    --eamod-text-soft:#c4d8e4;
    --eamod-muted:#8fa9bc;

    width:100%;
    max-width:680px;

    color:var(--eamod-text-soft);
    background:
        radial-gradient(
            circle at 100% 0,
            rgba(33,139,208,.14),
            transparent 38%
        ),
        linear-gradient(
            145deg,
            var(--eamod-panel),
            var(--eamod-bg-deep)
        );

    border:1px solid var(--eamod-line);

    box-shadow:
        0 24px 48px rgba(0,0,0,.45),
        0 0 24px rgba(33,139,208,.08);

    font-family:Arial,sans-serif;
    font-size:12px;
    line-height:1.65;

    overflow:hidden;
}

.eamodcp-ip-modal,
.eamodcp-ip-modal *,
.eamodcp-ip-modal *::before,
.eamodcp-ip-modal *::after{
    box-sizing:border-box;
}

.eamodcp-ip-modal-head{
    position:relative;
    padding:17px 19px;

    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.15),
            rgba(1,9,20,.42)
        );

    border-bottom:1px solid var(--eamod-line-soft);
}

.eamodcp-ip-modal-head::before{
    content:"";
    position:absolute;
    top:0;
    left:0;

    width:55px;
    height:2px;

    background:var(--eamod-accent-light);

    box-shadow:
        55px 0 0 var(--eamod-accent),
        110px 0 0 rgba(33,139,208,.35);
}

.eamodcp-ip-modal-code{
    display:block;
    margin-bottom:3px;

    color:var(--eamod-muted);

    font-size:12px;
    font-weight:700;

    letter-spacing:1.5px;
    text-transform:uppercase;
}

.eamodcp-ip-modal-title{
    margin:0;

    color:var(--eamod-text);

    font-size:16px;
    font-weight:700;
    line-height:1.45;

    letter-spacing:.7px;
    text-transform:uppercase;
}

.eamodcp-ip-modal-body{
    max-height:400px;
    padding:16px;

    overflow-y:auto;

    scrollbar-width:thin;
    scrollbar-color:var(--eamod-accent) var(--eamod-bg-deep);
}

.eamodcp-ip-modal-body::-webkit-scrollbar{
    width:7px;
}

.eamodcp-ip-modal-body::-webkit-scrollbar-track{
    background:var(--eamod-bg-deep);
}

.eamodcp-ip-modal-body::-webkit-scrollbar-thumb{
    background:var(--eamod-accent);
}

.eamodcp-ip-modal-data{
    display:grid;
    gap:8px;
}

.eamodcp-ip-modal-row{
    display:grid;
    grid-template-columns:190px minmax(0,1fr);
    gap:12px;
    align-items:start;

    padding:11px 12px;

    background:rgba(1,9,20,.32);

    border:1px solid rgba(29,95,143,.18);
}

.eamodcp-ip-modal-label{
    color:var(--eamod-muted);

    font-size:12px;
    font-weight:700;

    letter-spacing:.5px;
    text-transform:uppercase;
}

.eamodcp-ip-modal-value{
    min-width:0;

    color:var(--eamod-text-soft);

    font-size:12px;
    line-height:1.55;

    overflow-wrap:anywhere;
}

/* ==========================================================
   LETZTER THREAD / POST / ANHANG
   Verwendung in der Moderationswarteschlange
   ========================================================== */

.eamodcp-latest-record{
    display:grid;
    gap:2px;

    color:var(--eamod-muted);

    font-size:12px;
    line-height:1.5;
    text-align:left;
}

.eamodcp-latest-record-title{
    color:var(--eamod-accent-light);

    font-size:12px;
    font-weight:700;
    line-height:1.5;

    overflow-wrap:anywhere;
}

.eamodcp-latest-record-title:hover{
    color:var(--eamod-text);
}

.eamodcp-latest-record-meta{
    color:var(--eamod-muted);

    font-size:12px;
    line-height:1.5;
}

.eamodcp-latest-record-meta a{
    color:var(--eamod-text-soft);
    font-size:12px;
}

.eamodcp-latest-record-meta a:hover{
    color:var(--eamod-accent-light);
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media screen and (max-width:750px){

    .eamodcp-ipsearch-field{
        grid-template-columns:1fr;
        gap:7px;
    }

    .eamodcp-ipsearch-label{
        padding-top:0;
    }

    .eamodcp-ipsearch-options{
        grid-template-columns:1fr;
    }

    .eamodcp-ipsearch-result-head{
        align-items:flex-start;
        flex-direction:column;
    }

    .eamodcp-ipsearch-tools{
        justify-content:flex-start;
    }
}

@media screen and (max-width:500px){

    .eamodcp-ip-modal-row{
        grid-template-columns:1fr;
        gap:3px;
    }
}

/* ==========================================================
   EVERYONE ASSEMBLE
   MODCP – MODERATIONSPROTOKOLLE
   Keine Schrift kleiner als 12px
   ========================================================== */

.eamodcp-log-table{
    min-width:920px;
}

.eamodcp-log-table th:nth-child(1){
    width:16%;
}

.eamodcp-log-table th:nth-child(2){
    width:17%;
}

.eamodcp-log-table th:nth-child(3){
    width:22%;
}

.eamodcp-log-table th:nth-child(4){
    width:31%;
}

.eamodcp-log-table th:nth-child(5){
    width:14%;
}

/* ==========================================================
   EINZELNER PROTOKOLLEINTRAG
   ========================================================== */

.eamodcp-log-user{
    min-width:135px;
    vertical-align:top !important;
}

.eamodcp-log-user a{
    position:relative;
    display:inline-flex;
    align-items:center;

    min-height:32px;
    padding:5px 9px 5px 25px;

    color:var(--eamod-text) !important;
    background:rgba(33,139,208,.06);

    border:1px solid rgba(29,95,143,.22);

    font-size:12px;
    font-weight:700;
    line-height:1.45;

    overflow-wrap:anywhere;

    transition:
        color .2s ease,
        background .2s ease,
        border-color .2s ease,
        padding-left .2s ease;
}

.eamodcp-log-user a::before{
    content:"";
    position:absolute;
    top:50%;
    left:9px;

    width:6px;
    height:6px;

    border:1px solid var(--eamod-accent-light);

    transform:translateY(-50%) rotate(45deg);
}

.eamodcp-log-user a:hover{
    padding-left:29px;

    color:var(--eamod-bg-deep) !important;
    background:var(--eamod-accent-light);
    border-color:var(--eamod-accent-light);
}

.eamodcp-log-user a:hover::before{
    border-color:var(--eamod-bg-deep);
}

.eamodcp-log-date{
    min-width:145px;

    color:var(--eamod-muted);

    font-size:12px;
    line-height:1.55;
    text-align:center;

    vertical-align:top !important;
}

.eamodcp-log-action{
    min-width:180px;

    color:var(--eamod-text);

    font-size:12px;
    font-weight:700;
    line-height:1.6;
    text-align:center;

    vertical-align:top !important;
    overflow-wrap:anywhere;
}

.eamodcp-log-information{
    min-width:260px;

    color:var(--eamod-text-soft);

    font-size:12px;
    line-height:1.7;
    text-align:left;

    vertical-align:top !important;
    overflow-wrap:anywhere;
}

.eamodcp-log-information strong{
    color:var(--eamod-muted);

    font-size:12px;
    font-weight:700;

    letter-spacing:.4px;
    text-transform:uppercase;
}

.eamodcp-log-information a{
    color:var(--eamod-accent-light);

    font-size:12px;
    font-weight:700;
}

.eamodcp-log-information a:hover{
    color:var(--eamod-text);
}

.eamodcp-log-ip{
    min-width:130px;

    text-align:center;
    vertical-align:top !important;
}

.eamodcp-log-ip-value{
    display:inline-flex;
    justify-content:center;
    align-items:center;

    min-width:110px;
    min-height:32px;
    padding:5px 8px;

    color:var(--eamod-accent-light);
    background:rgba(33,139,208,.07);

    border:1px solid rgba(117,208,255,.3);

    font-family:Consolas,Monaco,monospace;
    font-size:12px;
    font-weight:700;
    line-height:1.4;

    overflow-wrap:anywhere;
}

/* ==========================================================
   INFORMATIONSBLOCK INNERHALB EINES LOGS
   ========================================================== */

.eamodcp-log-record{
    display:grid;
    gap:4px;

    min-width:0;

    color:var(--eamod-text-soft);

    font-size:12px;
    line-height:1.6;
}

.eamodcp-log-record-line{
    min-width:0;
    overflow-wrap:anywhere;
}

.eamodcp-log-record-label{
    color:var(--eamod-muted);

    font-size:12px;
    font-weight:700;

    letter-spacing:.4px;
    text-transform:uppercase;
}

.eamodcp-log-record a{
    color:var(--eamod-accent-light);
    font-size:12px;
    font-weight:700;
}

.eamodcp-log-record a:hover{
    color:var(--eamod-text);
}

/* ==========================================================
   KEINE PROTOKOLLE
   ========================================================== */

.eamodcp-log-empty td{
    padding:38px 20px !important;

    color:var(--eamod-muted) !important;

    font-size:12px !important;
    font-style:italic;
    line-height:1.65;

    text-align:center;
}

/* ==========================================================
   PAGINIERUNG INNERHALB DER TABELLE
   ========================================================== */

.eamodcp-log-pagination td{
    padding:13px 15px !important;

    color:var(--eamod-text-soft);

    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.08),
            rgba(1,9,20,.35)
        ) !important;

    border-top:1px solid var(--eamod-line-soft);
    border-bottom:0 !important;

    font-size:12px;
    text-align:center;
}

.eamodcp-log-pagination .pagination{
    display:inline-flex;
    align-items:center;
    flex-wrap:wrap;
    gap:5px;
}

/* ==========================================================
   FILTERFORMULAR
   ========================================================== */

.eamodcp-log-filter{
    margin-top:20px;
}

.eamodcp-log-filter-fields{
    display:grid;
    gap:1px;

    background:rgba(29,95,143,.16);
}

.eamodcp-log-filter-field{
    display:grid;
    grid-template-columns:225px minmax(0,1fr);
    align-items:center;
    gap:15px;

    min-width:0;
    padding:15px;

    background:rgba(2,13,24,.62);
}

.eamodcp-log-filter-field:nth-child(even){
    background:rgba(8,43,69,.35);
}

.eamodcp-log-filter-label{
    color:var(--eamod-muted);

    font-size:12px;
    font-weight:700;
    line-height:1.5;

    letter-spacing:.6px;
    text-transform:uppercase;
}

.eamodcp-log-filter-control{
    min-width:0;
}

.eamodcp-log-filter-control > select{
    width:100%;
}

.eamodcp-log-sort{
    display:grid;
    grid-template-columns:minmax(170px,1fr) auto minmax(140px,.7fr) auto;
    align-items:center;
    gap:8px;
}

.eamodcp-log-sort-word{
    color:var(--eamod-muted);

    font-size:12px;
    font-weight:700;
    line-height:1.4;

    text-align:center;
}

.eamodcp-log-perpage{
    width:100px !important;
}

/* ==========================================================
   LETZTE FÜNF MODERATIONSAKTIONEN
   ========================================================== */

.eamodcp-latestlogs{
    position:relative;

    background:
        linear-gradient(
            145deg,
            rgba(8,43,69,.82),
            rgba(4,25,43,.96)
        );

    border:1px solid var(--eamod-line-soft);

    box-shadow:
        0 13px 28px rgba(0,0,0,.23),
        inset 0 1px 0 rgba(255,255,255,.025);

    overflow:hidden;
}

.eamodcp-latestlogs::before{
    content:"";
    position:absolute;
    z-index:3;
    top:0;
    left:0;

    width:52px;
    height:2px;

    background:var(--eamod-accent-light);

    box-shadow:
        52px 0 0 var(--eamod-accent),
        104px 0 0 rgba(33,139,208,.38);
}

.eamodcp-latestlogs-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:18px;

    padding:18px 20px;

    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.13),
            transparent
        ),
        rgba(1,9,20,.28);

    border-bottom:1px solid var(--eamod-line-soft);
}

.eamodcp-latestlogs-heading{
    min-width:0;
}

.eamodcp-latestlogs-code{
    display:block;
    margin-bottom:3px;

    color:var(--eamod-muted);

    font-size:12px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:1.8px;
    text-transform:uppercase;
}

.eamodcp-latestlogs-title{
    margin:0;

    color:var(--eamod-text);

    font-size:16px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:.8px;
    text-transform:uppercase;
}

.eamodcp-latestlogs-status{
    flex-shrink:0;
    padding:7px 11px;

    color:var(--eamod-accent-light);
    background:rgba(33,139,208,.08);

    border:1px solid var(--eamod-line-soft);

    font-size:12px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:.7px;
    text-transform:uppercase;
}

.eamodcp-latestlogs .eamodcp-log-table{
    min-width:850px;
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media screen and (max-width:760px){

    .eamodcp-log-filter-field{
        grid-template-columns:1fr;
        gap:7px;
    }

    .eamodcp-log-sort{
        grid-template-columns:1fr;
    }

    .eamodcp-log-sort-word{
        text-align:left;
    }

    .eamodcp-log-perpage{
        width:100% !important;
    }

    .eamodcp-latestlogs-head{
        align-items:flex-start;
        flex-direction:column;
    }
}

/* ==========================================================
   EVERYONE ASSEMBLE
   MODCP – MODERATION QUEUE
   Keine Schrift kleiner als 12px
   ========================================================== */

.eamodcp-modqueue{
    position:relative;

    background:
        linear-gradient(
            145deg,
            rgba(8,43,69,.82),
            rgba(4,25,43,.96)
        );

    border:1px solid var(--eamod-line-soft);

    box-shadow:
        0 13px 28px rgba(0,0,0,.23),
        inset 0 1px 0 rgba(255,255,255,.025);

    overflow:hidden;
}

.eamodcp-modqueue::before{
    content:"";
    position:absolute;
    z-index:3;
    top:0;
    left:0;

    width:52px;
    height:2px;

    background:var(--eamod-accent-light);

    box-shadow:
        52px 0 0 var(--eamod-accent),
        104px 0 0 rgba(33,139,208,.38);
}

/* ==========================================================
   MODULKOPF UND NAVIGATION
   ========================================================== */

.eamodcp-modqueue-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:22px;

    padding:18px 20px;

    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.13),
            transparent
        ),
        rgba(1,9,20,.28);

    border-bottom:1px solid var(--eamod-line-soft);
}

.eamodcp-modqueue-heading{
    min-width:0;
}

.eamodcp-modqueue-code{
    display:block;
    margin-bottom:3px;

    color:var(--eamod-muted);

    font-size:12px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:1.8px;
    text-transform:uppercase;
}

.eamodcp-modqueue-title{
    margin:0;

    color:var(--eamod-text);

    font-size:16px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:.8px;
    text-transform:uppercase;
}

.eamodcp-modqueue-tabs{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;
}

.eamodcp-modqueue-tab{
    display:inline-flex;
    justify-content:center;
    align-items:center;

    min-height:35px;
    padding:7px 11px;

    color:var(--eamod-muted) !important;
    background:rgba(1,9,20,.34);

    border:1px solid rgba(29,95,143,.25);

    font-size:12px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:.5px;
    text-transform:uppercase;

    transition:
        color .2s ease,
        background .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

.eamodcp-modqueue-tab:hover{
    color:var(--eamod-accent-light) !important;
    background:rgba(33,139,208,.09);
    border-color:var(--eamod-line);
}

.eamodcp-modqueue-tab.is-active{
    color:var(--eamod-bg-deep) !important;
    background:var(--eamod-accent-light);
    border-color:var(--eamod-accent-light);

    box-shadow:0 0 14px rgba(117,208,255,.17);
}

/* ==========================================================
   TABELLEN
   ========================================================== */

.eamodcp-modqueue-table-wrap{
    width:100%;
    overflow-x:auto;
}

.eamodcp-modqueue-table{
    width:100%;
    min-width:720px;

    border:0;
    border-collapse:collapse;
    border-spacing:0;
}

.eamodcp-modqueue-table th,
.eamodcp-modqueue-table td{
    padding:12px 13px;

    color:var(--eamod-text-soft);
    background:rgba(2,13,24,.34);

    border-right:1px solid rgba(29,95,143,.14);
    border-bottom:1px solid rgba(29,95,143,.18);

    font-size:12px;
    line-height:1.6;
    vertical-align:middle;
}

.eamodcp-modqueue-table th:last-child,
.eamodcp-modqueue-table td:last-child{
    border-right:0;
}

.eamodcp-modqueue-table thead th{
    color:var(--eamod-muted);

    background:
        linear-gradient(
            180deg,
            rgba(11,49,80,.76),
            rgba(4,25,43,.84)
        );

    font-size:12px;
    font-weight:700;

    letter-spacing:.65px;
    text-align:left;
    text-transform:uppercase;
}

.eamodcp-modqueue-table tbody tr:hover > td{
    background:rgba(33,139,208,.07);
}

.eamodcp-modqueue-table .trow2{
    background:rgba(8,43,69,.24);
}

.eamodcp-modqueue-center{
    text-align:center !important;
}

/* ==========================================================
   THEMEN UND BEITRÄGE – KOPFZEILE
   ========================================================== */

.eamodcp-modqueue-subject{
    min-width:260px;
}

.eamodcp-modqueue-subject a{
    position:relative;
    display:inline-flex;
    align-items:center;

    min-height:33px;
    padding:5px 9px 5px 25px;

    color:var(--eamod-text) !important;
    background:rgba(33,139,208,.06);

    border:1px solid rgba(29,95,143,.21);

    font-size:12px;
    font-weight:700;
    line-height:1.5;

    overflow-wrap:anywhere;

    transition:
        color .2s ease,
        background .2s ease,
        border-color .2s ease,
        padding-left .2s ease;
}

.eamodcp-modqueue-subject a::before{
    content:"";
    position:absolute;
    top:50%;
    left:9px;

    width:6px;
    height:6px;

    border:1px solid var(--eamod-accent-light);

    transform:translateY(-50%) rotate(45deg);
}

.eamodcp-modqueue-subject a:hover{
    padding-left:29px;

    color:var(--eamod-bg-deep) !important;
    background:var(--eamod-accent-light);
    border-color:var(--eamod-accent-light);
}

.eamodcp-modqueue-subject a:hover::before{
    border-color:var(--eamod-bg-deep);
}

.eamodcp-modqueue-author{
    min-width:150px;

    color:var(--eamod-text-soft);
    font-weight:700;
    text-align:center;
}

.eamodcp-modqueue-author a{
    color:var(--eamod-accent-light);
    font-size:12px;
}

.eamodcp-modqueue-author a:hover{
    color:var(--eamod-text);
}

.eamodcp-modqueue-date{
    min-width:145px;

    color:var(--eamod-muted);
    text-align:center;
}

/* ==========================================================
   NACHRICHTENBLOCK
   ========================================================== */

.eamodcp-modqueue-message-cell{
    padding:0 !important;
}

.eamodcp-modqueue-message{
    position:relative;
    padding:17px 18px 19px;

    color:var(--eamod-text-soft);

    background:
        radial-gradient(
            circle at 100% 0,
            rgba(33,139,208,.08),
            transparent 38%
        ),
        rgba(1,9,20,.3);

    font-size:13px;
    line-height:1.75;

    overflow-wrap:anywhere;
}

.eamodcp-modqueue-message img{
    max-width:100%;
    height:auto;
}

.eamodcp-modqueue-message blockquote{
    margin:12px 0;
    padding:11px 13px;

    background:rgba(1,9,20,.36);
    border-left:2px solid var(--eamod-accent);
}

.eamodcp-modqueue-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:7px;

    margin-bottom:13px;
    padding:9px 11px;

    color:var(--eamod-muted);
    background:rgba(33,139,208,.06);

    border:1px solid rgba(29,95,143,.19);

    font-size:12px;
    line-height:1.55;
}

.eamodcp-modqueue-meta-item{
    display:inline-flex;
    align-items:center;
    flex-wrap:wrap;
    gap:4px;

    color:var(--eamod-muted);

    font-size:12px;
    font-weight:700;
}

.eamodcp-modqueue-meta-item a{
    color:var(--eamod-accent-light);
    font-size:12px;
}

.eamodcp-modqueue-meta-item a:hover{
    color:var(--eamod-text);
}

.eamodcp-modqueue-meta-label{
    color:var(--eamod-muted);

    font-size:12px;
    font-weight:700;

    letter-spacing:.4px;
    text-transform:uppercase;
}

/* ==========================================================
   EINZELAKTIONEN
   ========================================================== */

.eamodcp-modqueue-controls{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    flex-wrap:wrap;
    gap:7px;

    margin-bottom:13px;
}

.eamodcp-modqueue-control{
    display:inline-flex;
    justify-content:center;
    align-items:center;
    gap:7px;

    min-height:36px;
    padding:7px 10px;

    color:var(--eamod-text-soft);
    background:rgba(1,9,20,.34);

    border:1px solid rgba(29,95,143,.25);

    font-size:12px;
    font-weight:700;
    line-height:1.4;

    cursor:pointer;
    text-transform:uppercase;

    transition:
        color .2s ease,
        background .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

.eamodcp-modqueue-control input{
    flex-shrink:0;

    width:16px;
    height:16px;
    margin:0;

    accent-color:var(--eamod-accent-light);
    cursor:pointer;
}

.eamodcp-modqueue-control.is-ignore{
    color:var(--eamod-muted);
}

.eamodcp-modqueue-control.is-delete{
    color:#efb7bf;
    background:rgba(230,108,121,.07);
    border-color:rgba(230,108,121,.32);
}

.eamodcp-modqueue-control.is-delete input{
    accent-color:var(--eamod-danger);
}

.eamodcp-modqueue-control.is-approve{
    color:#a7e4cc;
    background:rgba(114,201,166,.07);
    border-color:rgba(114,201,166,.3);
}

.eamodcp-modqueue-control.is-approve input{
    accent-color:var(--eamod-success);
}

.eamodcp-modqueue-control:hover{
    color:var(--eamod-accent-light);
    background:rgba(33,139,208,.09);
    border-color:var(--eamod-line);
}

.eamodcp-modqueue-control.is-delete:hover{
    color:#ffffff;
    background:rgba(230,108,121,.22);
    border-color:rgba(230,108,121,.65);
}

.eamodcp-modqueue-control.is-approve:hover{
    color:#e7fff5;
    background:rgba(114,201,166,.18);
    border-color:rgba(114,201,166,.62);
}

.eamodcp-modqueue-control:has(input:checked){
    color:var(--eamod-bg-deep);
    background:var(--eamod-accent-light);
    border-color:var(--eamod-accent-light);

    box-shadow:0 0 12px rgba(117,208,255,.15);
}

.eamodcp-modqueue-control.is-delete:has(input:checked){
    color:#ffffff;
    background:rgba(230,108,121,.36);
    border-color:var(--eamod-danger);
}

.eamodcp-modqueue-control.is-approve:has(input:checked){
    color:#02120c;
    background:var(--eamod-success);
    border-color:var(--eamod-success);
}

/* ==========================================================
   ANHÄNGE
   ========================================================== */

.eamodcp-modqueue-attachments{
    min-width:900px;
}

.eamodcp-attachment-file{
    min-width:275px;
}

.eamodcp-attachment-name{
    display:inline-flex;
    align-items:center;

    color:var(--eamod-text) !important;

    font-size:12px;
    font-weight:700;
    line-height:1.5;

    overflow-wrap:anywhere;
}

.eamodcp-attachment-name:hover{
    color:var(--eamod-accent-light) !important;
}

.eamodcp-attachment-size{
    display:inline-block;
    margin-left:5px;

    color:var(--eamod-muted);

    font-size:12px;
}

.eamodcp-attachment-meta{
    display:block;
    margin-top:5px;

    color:var(--eamod-muted);

    font-size:12px;
    line-height:1.5;
}

.eamodcp-attachment-meta a{
    color:var(--eamod-accent-light);
    font-size:12px;
}

.eamodcp-attachment-action{
    width:125px;
    text-align:center;
}

.eamodcp-attachment-action .eamodcp-modqueue-control{
    width:100%;
}

/* ==========================================================
   MASSENAKTIONEN
   ========================================================== */

.eamodcp-modqueue-mass{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;

    margin:15px 0 0;
    padding:13px;

    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.08),
            rgba(1,9,20,.32)
        );

    border:1px solid var(--eamod-line-soft);

    list-style:none;
}

.eamodcp-modqueue-mass li{
    margin:0;
    padding:0;
}

.eamodcp-modqueue-mass a{
    display:inline-flex;
    justify-content:center;
    align-items:center;

    min-height:36px;
    padding:7px 11px;

    color:var(--eamod-text-soft) !important;
    background:rgba(1,9,20,.35);

    border:1px solid rgba(29,95,143,.27);

    font-size:12px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:.4px;
    text-transform:uppercase;

    transition:
        color .2s ease,
        background .2s ease,
        border-color .2s ease;
}

.eamodcp-modqueue-mass a:hover{
    color:var(--eamod-bg-deep) !important;
    background:var(--eamod-accent-light);
    border-color:var(--eamod-accent-light);
}

.eamodcp-modqueue-mass .mass_delete{
    color:#efb7bf !important;
    border-color:rgba(230,108,121,.34);
}

.eamodcp-modqueue-mass .mass_delete:hover{
    color:#ffffff !important;
    background:rgba(230,108,121,.34);
    border-color:var(--eamod-danger);
}

.eamodcp-modqueue-mass .mass_approve{
    color:#a7e4cc !important;
    border-color:rgba(114,201,166,.32);
}

.eamodcp-modqueue-mass .mass_approve:hover{
    color:#02120c !important;
    background:var(--eamod-success);
    border-color:var(--eamod-success);
}

/* ==========================================================
   SEITENNAVIGATION UND ABSENDEN
   ========================================================== */

.eamodcp-modqueue-pagination{
    margin-top:15px;
    padding:11px 13px;

    background:rgba(1,9,20,.28);
    border:1px solid var(--eamod-line-soft);

    font-size:12px;
    text-align:center;
}

.eamodcp-modqueue-pagination:empty{
    display:none;
}

.eamodcp-modqueue-submit{
    display:flex;
    justify-content:flex-end;
    align-items:center;

    margin-top:15px;
    padding:14px 16px;

    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.09),
            rgba(1,9,20,.32)
        );

    border:1px solid var(--eamod-line-soft);
}

.eamodcp-modqueue-submit .button{
    min-width:190px;
}

/* ==========================================================
   LEERE WARTESCHLANGE
   ========================================================== */

.eamodcp-modqueue-empty-row td{
    padding:38px 20px !important;

    color:var(--eamod-muted) !important;

    font-size:12px !important;
    font-style:italic;
    line-height:1.65;

    text-align:center;
}

.eamodcp-modqueue-empty{
    padding:42px 24px;

    color:var(--eamod-muted);

    font-size:13px;
    line-height:1.7;
    text-align:center;
}

.eamodcp-modqueue-empty-symbol{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;

    width:54px;
    height:54px;
    margin:0 auto 18px;

    color:var(--eamod-accent-light);

    border:2px solid var(--eamod-accent);

    font-size:12px;
    font-weight:800;
    letter-spacing:1px;

    box-shadow:
        0 0 0 7px rgba(33,139,208,.07),
        0 0 18px rgba(117,208,255,.15);

    transform:rotate(45deg);
}

.eamodcp-modqueue-empty-symbol span{
    transform:rotate(-45deg);
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media screen and (max-width:800px){

    .eamodcp-modqueue-head{
        align-items:flex-start;
        flex-direction:column;
    }

    .eamodcp-modqueue-tabs{
        justify-content:flex-start;
    }
}

@media screen and (max-width:580px){

    .eamodcp-modqueue-tabs{
        display:grid;
        grid-template-columns:1fr;
        width:100%;
    }

    .eamodcp-modqueue-tab{
        width:100%;
    }

    .eamodcp-modqueue-controls{
        align-items:stretch;
        flex-direction:column;
    }

    .eamodcp-modqueue-control{
        width:100%;
    }

    .eamodcp-modqueue-mass{
        align-items:stretch;
        flex-direction:column;
    }

    .eamodcp-modqueue-mass li,
    .eamodcp-modqueue-mass a{
        width:100%;
    }

    .eamodcp-modqueue-submit{
        display:block;
    }

    .eamodcp-modqueue-submit .button{
        width:100%;
        min-width:0;
    }
}

/* ==========================================================
   EVERYONE ASSEMBLE
   MODCP – NAVIGATION
   Keine Schrift kleiner als 12px
   ========================================================== */

.eamodcp-nav-cell{
    width:250px !important;
    min-width:250px;
    padding:0 18px 0 0 !important;

    vertical-align:top;
}

.eamodcp-nav-shell{
    position:sticky;
    top:15px;

    width:100%;

    color:var(--eamod-text-soft);

    background:
        radial-gradient(
            circle at 100% 0,
            rgba(33,139,208,.13),
            transparent 40%
        ),
        linear-gradient(
            165deg,
            rgba(8,43,69,.94),
            rgba(1,9,20,.98)
        );

    border:1px solid var(--eamod-line-soft);

    box-shadow:
        0 15px 31px rgba(0,0,0,.26),
        inset 0 1px 0 rgba(255,255,255,.025);

    font-size:12px;
    line-height:1.55;

    overflow:hidden;
}

.eamodcp-nav-shell,
.eamodcp-nav-shell *,
.eamodcp-nav-shell *::before,
.eamodcp-nav-shell *::after{
    box-sizing:border-box;
}

.eamodcp-nav-table{
    width:100%;
    margin:0;

    border:0;
    border-collapse:collapse;
    border-spacing:0;

    background:transparent;
}

.eamodcp-nav-table td{
    padding:0;

    color:var(--eamod-text-soft);
    background:transparent;

    border:0;

    font-size:12px;
    line-height:1.55;
}

/* ==========================================================
   NAVIGATIONSKOPF
   ========================================================== */

.eamodcp-nav-brand{
    position:relative;
    padding:17px 15px !important;

    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.18),
            rgba(1,9,20,.5)
        );

    border-bottom:1px solid var(--eamod-line-soft) !important;
}

.eamodcp-nav-brand::before{
    content:"";
    position:absolute;
    top:0;
    left:0;

    width:50px;
    height:2px;

    background:var(--eamod-accent-light);

    box-shadow:
        50px 0 0 var(--eamod-accent),
        100px 0 0 rgba(33,139,208,.38);
}

.eamodcp-nav-brand-inner{
    display:grid;
    grid-template-columns:44px minmax(0,1fr);
    align-items:center;
    gap:11px;
}

.eamodcp-nav-brand-code{
    display:flex;
    justify-content:center;
    align-items:center;

    width:44px;
    height:44px;

    color:var(--eamod-accent-light);

    background:
        linear-gradient(
            145deg,
            rgba(33,139,208,.18),
            rgba(1,9,20,.78)
        );

    border:1px solid var(--eamod-line);

    font-size:12px;
    font-weight:800;
    line-height:1;

    letter-spacing:.7px;

    clip-path:polygon(
        18% 0,
        82% 0,
        100% 18%,
        100% 82%,
        82% 100%,
        18% 100%,
        0 82%,
        0 18%
    );
}

.eamodcp-nav-brand-copy{
    min-width:0;
}

.eamodcp-nav-brand-small{
    display:block;
    margin-bottom:2px;

    color:var(--eamod-muted);

    font-size:12px;
    font-weight:700;
    line-height:1.35;

    letter-spacing:1.2px;
    text-transform:uppercase;
}

.eamodcp-nav-brand-title{
    display:block;

    color:var(--eamod-text);

    font-size:14px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:.7px;
    text-transform:uppercase;
}

/* ==========================================================
   BEREICHSÜBERSCHRIFTEN
   ========================================================== */

.eamodcp-nav-section{
    position:relative;
    padding:11px 12px !important;

    color:var(--eamod-accent-light) !important;

    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.13),
            rgba(1,9,20,.34)
        ) !important;

    border-top:1px solid var(--eamod-line-soft) !important;
    border-bottom:1px solid var(--eamod-line-soft) !important;

    font-size:12px !important;
    font-weight:700;

    letter-spacing:.8px;
    text-transform:uppercase;
}

.eamodcp-nav-section-inner{
    display:flex;
    align-items:center;
    gap:9px;
    min-width:0;
}

.eamodcp-nav-section-marker{
    flex-shrink:0;

    width:8px;
    height:8px;

    background:rgba(33,139,208,.2);
    border:1px solid var(--eamod-accent-light);

    box-shadow:0 0 8px rgba(117,208,255,.3);

    transform:rotate(45deg);
}

.eamodcp-nav-section-title{
    min-width:0;
    flex:1;

    color:var(--eamod-accent-light);

    font-size:12px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:.7px;
    text-transform:uppercase;
}

.eamodcp-nav-expander{
    flex-shrink:0;
    order:3;

    width:21px;
    height:21px;
    margin:0;
}

.eamodcp-nav-expander img{
    display:block;

    width:21px;
    height:21px;
    padding:4px;

    background:rgba(1,9,20,.42);
    border:1px solid rgba(29,95,143,.3);

    opacity:.78;

    transition:
        opacity .2s ease,
        border-color .2s ease,
        background .2s ease;
}

.eamodcp-nav-expander img:hover{
    background:rgba(33,139,208,.1);
    border-color:var(--eamod-accent);

    opacity:1;
}

/* ==========================================================
   MENÜZEILEN
   ========================================================== */

.eamodcp-nav-row,
.eamodcp-nav-group-body > tr > td,
.eamodcp-nav-table tbody[id] > tr > td{
    padding:0 !important;

    color:var(--eamod-text-soft);

    background:rgba(1,9,20,.25) !important;

    border-bottom:1px solid rgba(29,95,143,.14) !important;

    font-size:12px !important;
}

.eamodcp-nav-row:last-child,
.eamodcp-nav-group-body > tr:last-child > td,
.eamodcp-nav-table tbody[id] > tr:last-child > td{
    border-bottom:0 !important;
}

/* Eigene und von Plugins erzeugte Links */

.eamodcp-nav-link,
.eamodcp-nav-table .modcp_nav_item,
.eamodcp-nav-table td > a{
    position:relative;
    display:grid;
    grid-template-columns:34px minmax(0,1fr);
    align-items:center;
    gap:9px;

    width:100%;
    min-height:45px;
    padding:7px 11px;

    color:var(--eamod-text-soft) !important;
    background:transparent;

    border:0;

    font-size:12px !important;
    font-weight:600;
    line-height:1.45;

    text-decoration:none;

    transition:
        color .2s ease,
        background .2s ease,
        padding-left .2s ease;
}

.eamodcp-nav-link::before,
.eamodcp-nav-table .modcp_nav_item::before,
.eamodcp-nav-table td > a::before{
    content:"";
    display:flex;
    justify-content:center;
    align-items:center;

    width:28px;
    height:28px;

    color:var(--eamod-accent-light);
    background:rgba(33,139,208,.06);

    border:1px solid rgba(29,95,143,.3);

    font-size:12px;
    font-weight:800;
    line-height:1;

    letter-spacing:.3px;

    clip-path:polygon(
        6px 0,
        100% 0,
        100% calc(100% - 6px),
        calc(100% - 6px) 100%,
        0 100%,
        0 6px
    );

    transition:
        color .2s ease,
        background .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

.eamodcp-nav-link[data-code]::before{
    content:attr(data-code);
}

.eamodcp-nav-link:hover,
.eamodcp-nav-table .modcp_nav_item:hover,
.eamodcp-nav-table td > a:hover{
    padding-left:15px;

    color:var(--eamod-accent-light) !important;

    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.12),
            rgba(33,139,208,.025)
        );
}

.eamodcp-nav-link:hover::before,
.eamodcp-nav-table .modcp_nav_item:hover::before,
.eamodcp-nav-table td > a:hover::before{
    color:var(--eamod-bg-deep);
    background:var(--eamod-accent-light);
    border-color:var(--eamod-accent-light);

    box-shadow:0 0 12px rgba(117,208,255,.2);
}

/* Home-Eintrag */

.eamodcp-nav-home-row td{
    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.08),
            rgba(1,9,20,.3)
        ) !important;
}

.eamodcp-nav-home-row .eamodcp-nav-link{
    min-height:51px;

    color:var(--eamod-text) !important;
    font-weight:700;

    letter-spacing:.4px;
    text-transform:uppercase;
}

/* ==========================================================
   PLUGINLINKS OHNE EIGENE KLASSEN
   ========================================================== */

.eamodcp-nav-table td > a:not(.eamodcp-nav-link):not(.modcp_nav_item){
    grid-template-columns:34px minmax(0,1fr);
}

.eamodcp-nav-table td > a:not(.eamodcp-nav-link):not(.modcp_nav_item)::before{
    content:"";
}

/* Verhindert zusätzliche Symbole bei Links innerhalb von Texten */

.eamodcp-nav-table td > strong a,
.eamodcp-nav-table td > span a,
.eamodcp-nav-table td > div:not(.eamodcp-nav-section-inner) a{
    display:inline;
    width:auto;
    min-height:0;
    padding:0;

    background:transparent;
}

.eamodcp-nav-table td > strong a::before,
.eamodcp-nav-table td > span a::before,
.eamodcp-nav-table td > div:not(.eamodcp-nav-section-inner) a::before{
    display:none;
}

/* ==========================================================
   LEERE TABELLENZEILEN
   ========================================================== */

.eamodcp-empty-table-row td{
    padding:31px 18px !important;

    color:var(--eamod-muted) !important;
    background:rgba(1,9,20,.3) !important;

    font-size:12px !important;
    font-style:italic;
    line-height:1.65;

    text-align:center;
}

.eamodcp-empty-table-message{
    display:block;

    color:var(--eamod-muted);

    font-size:12px;
    line-height:1.65;
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media screen and (max-width:800px){

    .eamodcp-nav-cell{
        display:block;

        width:100% !important;
        min-width:0;
        padding:0 0 18px !important;
    }

    .eamodcp-nav-shell{
        position:static;
    }

    .eamodcp-nav-group-body{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .eamodcp-nav-group-body > tr{
        display:contents;
    }

    .eamodcp-nav-group-body > tr > td{
        display:block;
    }
}

@media screen and (max-width:520px){

    .eamodcp-nav-group-body{
        display:block;
    }

    .eamodcp-nav-group-body > tr{
        display:table-row;
    }

    .eamodcp-nav-group-body > tr > td{
        display:table-cell;
    }
}

/* ==========================================================
   EVERYONE ASSEMBLE
   MODCP – MELDEZENTRUM
   Keine Schrift kleiner als 12px
   ========================================================== */

.eamodcp-reports-table{
    min-width:850px;
}

.eamodcp-reports-table th:nth-child(1){
    width:35%;
}

.eamodcp-reports-table th:nth-child(2){
    width:25%;
}

.eamodcp-reports-table th:nth-child(3){
    width:15%;
}

.eamodcp-reports-table th:nth-child(4){
    width:20%;
}

.eamodcp-reports-table th:nth-child(5){
    width:5%;
}

/* ==========================================================
   MELDUNGSINHALT
   ========================================================== */

.eamodcp-report-content{
    min-width:240px;

    color:var(--eamod-text-soft);

    font-size:12px;
    line-height:1.65;

    overflow-wrap:anywhere;
}

.eamodcp-report-content strong{
    color:var(--eamod-text);

    font-size:12px;
    font-weight:700;
}

.eamodcp-report-content a{
    color:var(--eamod-accent-light);

    font-size:12px;
    font-weight:700;
}

.eamodcp-report-content a:hover{
    color:var(--eamod-text);
}

/* ==========================================================
   MELDUNGSGRUND / KOMMENTAR
   ========================================================== */

.eamodcp-report-comment{
    min-width:190px;

    color:var(--eamod-text-soft);

    font-size:12px;
    line-height:1.65;

    overflow-wrap:anywhere;
}

.eamodcp-report-comment:empty::before{
    content:"Keine zusätzliche Angabe";

    color:var(--eamod-muted);

    font-size:12px;
    font-style:italic;
}

/* ==========================================================
   ANZAHL DER MELDUNGEN
   ========================================================== */

.eamodcp-report-count{
    text-align:center;
}

.eamodcp-report-count-value{
    display:inline-flex;
    justify-content:center;
    align-items:center;

    min-width:42px;
    min-height:32px;
    padding:5px 9px;

    color:var(--eamod-bg-deep);
    background:var(--eamod-warning);

    border:1px solid var(--eamod-warning);

    font-size:12px;
    font-weight:800;
    line-height:1;

    box-shadow:0 0 12px rgba(231,181,111,.13);
}

/* ==========================================================
   LETZTER MELDER
   ========================================================== */

.eamodcp-report-last{
    min-width:160px;

    color:var(--eamod-muted);

    font-size:12px;
    line-height:1.55;

    text-align:right;
    overflow-wrap:anywhere;
}

.eamodcp-report-last a{
    color:var(--eamod-accent-light);

    font-size:12px;
    font-weight:700;
}

.eamodcp-report-last a:hover{
    color:var(--eamod-text);
}

/* ==========================================================
   CHECKBOXEN
   ========================================================== */

.eamodcp-report-check{
    width:58px;
    text-align:center;
}

.eamodcp-report-check input[type="checkbox"],
.eamodcp-report-checkall input[type="checkbox"]{
    width:17px;
    height:17px;
    margin:0;

    accent-color:var(--eamod-accent-light);
    cursor:pointer;
}

.eamodcp-report-check label{
    display:flex;
    justify-content:center;
    align-items:center;

    width:34px;
    height:34px;
    margin:auto;

    background:rgba(1,9,20,.32);

    border:1px solid rgba(29,95,143,.24);

    cursor:pointer;

    transition:
        background .2s ease,
        border-color .2s ease;
}

.eamodcp-report-check label:hover{
    background:rgba(33,139,208,.08);
    border-color:var(--eamod-line);
}

/* ==========================================================
   AUSWAHLHINWEISE
   IDs UND KLASSEN FÜR inline_reports.js BLEIBEN ERHALTEN
   ========================================================== */

.eamodcp-reports-table .hiddenrow{
    display:none;
}

.eamodcp-reports-table .selectall{
    padding:11px 14px !important;

    color:var(--eamod-text-soft);

    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.13),
            rgba(1,9,20,.38)
        ) !important;

    border-bottom:1px solid var(--eamod-line-soft);

    font-size:12px;
    font-weight:700;
    line-height:1.55;

    text-align:center;
}

.eamodcp-reports-table .selectall a{
    display:inline-flex;
    align-items:center;

    min-height:29px;
    margin-left:5px;
    padding:4px 9px;

    color:var(--eamod-accent-light) !important;
    background:rgba(33,139,208,.08);

    border:1px solid rgba(29,95,143,.3);

    font-size:12px;
    font-weight:700;

    text-transform:uppercase;
}

.eamodcp-reports-table .selectall a:hover{
    color:var(--eamod-bg-deep) !important;
    background:var(--eamod-accent-light);
    border-color:var(--eamod-accent-light);
}

/* ==========================================================
   TABELLENFUSS
   ========================================================== */

.eamodcp-reports-footer td{
    padding:13px 15px !important;

    color:var(--eamod-text-soft);

    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.08),
            rgba(1,9,20,.36)
        ) !important;

    border-top:1px solid var(--eamod-line-soft);
    border-bottom:0 !important;

    text-align:right;
}

.eamodcp-reports-footer a{
    display:inline-flex;
    justify-content:center;
    align-items:center;

    min-height:35px;
    padding:7px 11px;

    color:var(--eamod-accent-light) !important;
    background:rgba(33,139,208,.07);

    border:1px solid rgba(29,95,143,.3);

    font-size:12px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:.4px;
    text-transform:uppercase;
}

.eamodcp-reports-footer a:hover{
    color:var(--eamod-bg-deep) !important;
    background:var(--eamod-accent-light);
    border-color:var(--eamod-accent-light);
}

/* ==========================================================
   ABSENDEN UND SEITENNAVIGATION
   ========================================================== */

.eamodcp-reports-pagination{
    margin-top:15px;
    padding:11px 13px;

    background:rgba(1,9,20,.28);

    border:1px solid var(--eamod-line-soft);

    font-size:12px;
    text-align:center;
}

.eamodcp-reports-pagination:empty{
    display:none;
}

.eamodcp-reports-submit{
    display:flex;
    justify-content:flex-end;
    align-items:center;

    margin-top:15px;
    padding:14px 16px;

    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.09),
            rgba(1,9,20,.32)
        );

    border:1px solid var(--eamod-line-soft);
}

.eamodcp-reports-submit .button{
    min-width:210px;
}

/* ==========================================================
   KEINE MELDUNGEN
   ========================================================== */

.eamodcp-reports-empty td{
    padding:42px 20px !important;

    color:var(--eamod-muted) !important;

    font-size:12px !important;
    font-style:italic;
    line-height:1.65;

    text-align:center;
}

/* ==========================================================
   ARCHIV ALLER MELDUNGEN
   ========================================================== */

.eamodcp-allreports-table{
    min-width:940px;
}

.eamodcp-allreports-table th:nth-child(1){
    width:30%;
}

.eamodcp-allreports-table th:nth-child(2){
    width:25%;
}

.eamodcp-allreports-table th:nth-child(3){
    width:15%;
}

.eamodcp-allreports-table th:nth-child(4){
    width:12%;
}

.eamodcp-allreports-table th:nth-child(5){
    width:18%;
}

.eamodcp-report-reporter{
    min-width:135px;

    color:var(--eamod-text-soft);
    text-align:center;
}

.eamodcp-report-reporter a{
    position:relative;
    display:inline-flex;
    align-items:center;

    min-height:32px;
    padding:5px 9px 5px 25px;

    color:var(--eamod-text) !important;
    background:rgba(33,139,208,.06);

    border:1px solid rgba(29,95,143,.22);

    font-size:12px;
    font-weight:700;
    line-height:1.45;

    transition:
        color .2s ease,
        background .2s ease,
        border-color .2s ease;
}

.eamodcp-report-reporter a::before{
    content:"";
    position:absolute;
    top:50%;
    left:9px;

    width:6px;
    height:6px;

    border:1px solid var(--eamod-accent-light);

    transform:translateY(-50%) rotate(45deg);
}

.eamodcp-report-reporter a:hover{
    color:var(--eamod-bg-deep) !important;
    background:var(--eamod-accent-light);
    border-color:var(--eamod-accent-light);
}

.eamodcp-report-reporter a:hover::before{
    border-color:var(--eamod-bg-deep);
}

.eamodcp-report-time{
    min-width:150px;

    color:var(--eamod-muted);

    font-size:12px;
    line-height:1.55;

    text-align:center;
    white-space:nowrap;
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media screen and (max-width:600px){

    .eamodcp-reports-submit{
        display:block;
    }

    .eamodcp-reports-submit .button{
        width:100%;
        min-width:0;
    }
}

/* ==========================================================
   EVERYONE ASSEMBLE
   MODCP – VERWARNUNGSPROTOKOLLE
   Keine Schrift kleiner als 12px
   ========================================================== */

.eamodcp-warning-table{
    min-width:940px;
}

.eamodcp-warning-table th:nth-child(1){
    width:16%;
}

.eamodcp-warning-table th:nth-child(2){
    width:25%;
}

.eamodcp-warning-table th:nth-child(3),
.eamodcp-warning-table th:nth-child(4){
    width:18%;
}

.eamodcp-warning-table th:nth-child(5){
    width:16%;
}

.eamodcp-warning-table th:nth-child(6){
    width:7%;
}

/* ==========================================================
   VERWARNTE PERSON
   ========================================================== */

.eamodcp-warning-user{
    min-width:140px;
    vertical-align:top !important;
}

.eamodcp-warning-user a,
.eamodcp-warning-moderator a{
    position:relative;
    display:inline-flex;
    align-items:center;

    min-height:32px;
    padding:5px 9px 5px 25px;

    color:var(--eamod-text) !important;
    background:rgba(33,139,208,.06);

    border:1px solid rgba(29,95,143,.22);

    font-size:12px;
    font-weight:700;
    line-height:1.45;

    overflow-wrap:anywhere;

    transition:
        color .2s ease,
        background .2s ease,
        border-color .2s ease,
        padding-left .2s ease;
}

.eamodcp-warning-user a::before,
.eamodcp-warning-moderator a::before{
    content:"";
    position:absolute;
    top:50%;
    left:9px;

    width:6px;
    height:6px;

    border:1px solid var(--eamod-accent-light);

    transform:translateY(-50%) rotate(45deg);
}

.eamodcp-warning-user a:hover,
.eamodcp-warning-moderator a:hover{
    padding-left:29px;

    color:var(--eamod-bg-deep) !important;
    background:var(--eamod-accent-light);
    border-color:var(--eamod-accent-light);
}

.eamodcp-warning-user a:hover::before,
.eamodcp-warning-moderator a:hover::before{
    border-color:var(--eamod-bg-deep);
}

/* ==========================================================
   VERWARNUNG UND PUNKTE
   ========================================================== */

.eamodcp-warning-record{
    min-width:220px;
    vertical-align:top !important;
}

.eamodcp-warning-record-inner{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
}

.eamodcp-warning-title{
    min-width:0;

    color:var(--eamod-text-soft);

    font-size:12px;
    font-weight:700;
    line-height:1.6;

    overflow-wrap:anywhere;
}

.eamodcp-warning-points{
    display:inline-flex;
    justify-content:center;
    align-items:center;
    flex-shrink:0;

    min-width:38px;
    min-height:30px;
    padding:5px 8px;

    color:#160b0d;
    background:var(--eamod-danger);

    border:1px solid var(--eamod-danger);

    box-shadow:0 0 12px rgba(230,108,121,.14);

    font-size:12px;
    font-weight:800;
    line-height:1.2;

    text-align:center;
}

/* ==========================================================
   DATUM
   ========================================================== */

.eamodcp-warning-date,
.eamodcp-warning-expiry{
    min-width:150px;

    color:var(--eamod-muted);

    font-size:12px;
    line-height:1.55;

    text-align:center;
    vertical-align:top !important;
}

.eamodcp-warning-expiry{
    color:var(--eamod-text-soft);
}

/* ==========================================================
   AUFGEHOBENE VERWARNUNG
   ========================================================== */

.eamodcp-warning-revoked{
    display:block;
    margin-top:7px;
    padding:7px 9px;

    color:var(--eamod-success);
    background:rgba(114,201,166,.07);

    border:1px solid rgba(114,201,166,.3);

    font-size:12px;
    font-weight:700;
    line-height:1.5;
}

.eamodcp-warning-revoked-label{
    color:var(--eamod-success);

    font-size:12px;
    font-weight:800;

    letter-spacing:.4px;
    text-transform:uppercase;
}

.eamodcp-warning-revoked-date{
    color:var(--eamod-text-soft);

    font-size:12px;
    font-weight:400;
}

/* ==========================================================
   AUSSTELLENDE PERSON
   ========================================================== */

.eamodcp-warning-moderator{
    min-width:140px;
    vertical-align:top !important;
}

/* ==========================================================
   DETAILLINK
   ========================================================== */

.eamodcp-warning-details{
    width:90px;

    text-align:center;
    vertical-align:top !important;
}

.eamodcp-warning-details-link{
    display:inline-flex;
    justify-content:center;
    align-items:center;

    min-width:70px;
    min-height:34px;
    padding:6px 10px;

    color:var(--eamod-accent-light) !important;
    background:rgba(33,139,208,.07);

    border:1px solid rgba(29,95,143,.3);

    font-size:12px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:.4px;
    text-transform:uppercase;

    transition:
        color .2s ease,
        background .2s ease,
        border-color .2s ease;
}

.eamodcp-warning-details-link:hover{
    color:var(--eamod-bg-deep) !important;
    background:var(--eamod-accent-light);
    border-color:var(--eamod-accent-light);
}

/* ==========================================================
   KEINE PROTOKOLLE
   ========================================================== */

.eamodcp-warning-empty td{
    padding:40px 20px !important;

    color:var(--eamod-muted) !important;

    font-size:12px !important;
    font-style:italic;
    line-height:1.65;

    text-align:center;
}

/* ==========================================================
   SEITENNAVIGATION
   ========================================================== */

.eamodcp-warning-pagination{
    margin-top:15px;
    padding:11px 13px;

    background:rgba(1,9,20,.28);

    border:1px solid var(--eamod-line-soft);

    font-size:12px;
    text-align:center;
}

.eamodcp-warning-pagination:empty{
    display:none;
}

/* ==========================================================
   FILTERFORMULAR
   ========================================================== */

.eamodcp-warning-filter{
    margin-top:20px;
}

.eamodcp-warning-filter-fields{
    display:grid;
    gap:1px;

    background:rgba(29,95,143,.16);
}

.eamodcp-warning-filter-field{
    display:grid;
    grid-template-columns:225px minmax(0,1fr);
    align-items:center;
    gap:15px;

    min-width:0;
    padding:15px;

    background:rgba(2,13,24,.62);
}

.eamodcp-warning-filter-field:nth-child(even){
    background:rgba(8,43,69,.35);
}

.eamodcp-warning-filter-label{
    color:var(--eamod-muted);

    font-size:12px;
    font-weight:700;
    line-height:1.5;

    letter-spacing:.6px;
    text-transform:uppercase;
}

.eamodcp-warning-filter-control{
    min-width:0;
}

.eamodcp-warning-sort{
    display:grid;
    grid-template-columns:minmax(170px,1fr) auto minmax(140px,.7fr) auto;
    align-items:center;
    gap:8px;
}

.eamodcp-warning-sort-word{
    color:var(--eamod-muted);

    font-size:12px;
    font-weight:700;
    line-height:1.4;

    text-align:center;
}

.eamodcp-warning-perpage{
    width:100px !important;
}

/* ==========================================================
   SELECT2
   ========================================================== */

.eamodcp-warning-filter .select2-container{
    display:block;
    width:100% !important;
}

.eamodcp-warning-filter .select2-container .select2-choice{
    min-height:42px;
    padding:7px 35px 7px 11px;

    color:var(--eamod-text);

    background:
        linear-gradient(
            145deg,
            rgba(1,9,20,.96),
            rgba(4,25,43,.95)
        );

    border:1px solid var(--eamod-line);
    border-radius:0;

    box-shadow:inset 0 7px 15px rgba(0,0,0,.17);

    font-size:12px;
    line-height:27px;
}

.eamodcp-warning-filter .select2-container .select2-choice .select2-arrow{
    width:31px;

    background:rgba(33,139,208,.1);

    border-left:1px solid var(--eamod-line);
    border-radius:0;
}

.eamodcp-warning-filter .select2-container-active .select2-choice{
    border-color:var(--eamod-accent-light);

    box-shadow:
        inset 0 7px 15px rgba(0,0,0,.17),
        0 0 0 3px rgba(117,208,255,.08);
}

.eamodcp-warning-filter .select2-container .select2-choice > .select2-chosen{
    color:var(--eamod-text);
    font-size:12px;
}

/* Select2-Dropdown liegt außerhalb von .eamodcp-page */

.select2-drop{
    color:#c4d8e4 !important;
    background:#010914 !important;

    border:1px solid rgba(29,95,143,.55) !important;
    border-radius:0 !important;

    font-size:12px !important;
}

.select2-results{
    font-size:12px !important;
}

.select2-results .select2-result-label{
    padding:8px 10px !important;

    color:#c4d8e4;

    font-size:12px !important;
    line-height:1.5;
}

.select2-results .select2-highlighted{
    color:#e1f1fa !important;
    background:#0b3150 !important;
}

.select2-search input{
    color:#e1f1fa !important;
    background:#010914 !important;

    border:1px solid rgba(29,95,143,.55) !important;
    border-radius:0 !important;

    font-size:12px !important;
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media screen and (max-width:760px){

    .eamodcp-warning-filter-field{
        grid-template-columns:1fr;
        gap:7px;
    }

    .eamodcp-warning-sort{
        grid-template-columns:1fr;
    }

    .eamodcp-warning-sort-word{
        text-align:left;
    }

    .eamodcp-warning-perpage{
        width:100% !important;
    }
}

/* ==========================================================
   MODCP-NAVIGATION – KORREKTUR
   Muss ganz ans Ende der CSS
   ========================================================== */

.eamodcp-nav-cell{
    width:275px !important;
    min-width:275px !important;
}

/* Alte MyBB-Icons und frühere Abstände vollständig zurücksetzen */

.eamodcp-page .eamodcp-nav-table .modcp_nav_item,
.eamodcp-page .eamodcp-nav-table .eamodcp-nav-link,
.eamodcp-page .eamodcp-nav-table td > a{
    position:relative !important;

    display:grid !important;
    grid-template-columns:38px minmax(0,1fr) !important;
    align-items:center !important;
    gap:10px !important;

    width:100% !important;
    min-width:0 !important;
    min-height:47px !important;

    margin:0 !important;
    padding:8px 12px !important;

    color:var(--eamod-text-soft) !important;
    background-color:transparent !important;
    background-image:none !important;
    background-position:0 0 !important;
    background-repeat:no-repeat !important;

    border:0 !important;

    font-size:12px !important;
    font-weight:600 !important;
    line-height:1.4 !important;

    text-indent:0 !important;
    text-decoration:none !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;

    transform:none !important;
}

/* Das Symbol muss wieder normal am Grid teilnehmen */

.eamodcp-page .eamodcp-nav-table .modcp_nav_item::before,
.eamodcp-page .eamodcp-nav-table .eamodcp-nav-link::before,
.eamodcp-page .eamodcp-nav-table td > a::before{
    content:"";

    position:static !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;

    display:flex !important;
    justify-content:center !important;
    align-items:center !important;

    width:34px !important;
    height:30px !important;
    margin:0 !important;
    padding:0 !important;

    color:var(--eamod-accent-light) !important;

    background:
        linear-gradient(
            145deg,
            rgba(33,139,208,.16),
            rgba(1,9,20,.76)
        ) !important;

    border:1px solid rgba(117,208,255,.36) !important;

    font-size:12px !important;
    font-weight:800 !important;
    line-height:1 !important;

    letter-spacing:0 !important;
    text-indent:0 !important;

    clip-path:polygon(
        6px 0,
        100% 0,
        100% calc(100% - 6px),
        calc(100% - 6px) 100%,
        0 100%,
        0 6px
    ) !important;

    transform:none !important;
    box-shadow:none !important;
}

/* Kürzel aus data-code korrekt anzeigen */

.eamodcp-page .eamodcp-nav-table a[data-code]::before{
    content:attr(data-code) !important;
}

/* Pluginlinks ohne data-code bekommen nur einen kleinen Diamanten */

.eamodcp-page .eamodcp-nav-table a:not([data-code])::before{
    content:"" !important;

    width:10px !important;
    height:10px !important;
    margin-left:11px !important;

    background:rgba(33,139,208,.12) !important;
    border:1px solid var(--eamod-accent-light) !important;

    clip-path:none !important;
    transform:rotate(45deg) !important;

    box-shadow:0 0 7px rgba(117,208,255,.23) !important;
}

/* Hover ohne springende Abstände */

.eamodcp-page .eamodcp-nav-table .modcp_nav_item:hover,
.eamodcp-page .eamodcp-nav-table .eamodcp-nav-link:hover,
.eamodcp-page .eamodcp-nav-table td > a:hover{
    padding:8px 12px !important;

    color:var(--eamod-accent-light) !important;

    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.13),
            rgba(33,139,208,.025)
        ) !important;
}

.eamodcp-page .eamodcp-nav-table a[data-code]:hover::before{
    color:var(--eamod-bg-deep) !important;
    background:var(--eamod-accent-light) !important;
    border-color:var(--eamod-accent-light) !important;

    transform:none !important;

    box-shadow:0 0 13px rgba(117,208,255,.2) !important;
}

.eamodcp-page .eamodcp-nav-table a:not([data-code]):hover::before{
    background:var(--eamod-accent-light) !important;
    border-color:var(--eamod-accent-light) !important;

    transform:rotate(45deg) !important;
}

/* Die Menübezeichnungen bleiben in der Textspalte */

.eamodcp-page .eamodcp-nav-table .modcp_nav_item > *,
.eamodcp-page .eamodcp-nav-table .eamodcp-nav-link > *{
    min-width:0;
}

/* Home-Eintrag */

.eamodcp-page .eamodcp-nav-home-row .eamodcp-nav-link{
    min-height:52px !important;

    color:var(--eamod-text) !important;
    font-weight:700 !important;
}

/* Collapse-Schaltflächen sauber ausrichten */

.eamodcp-nav-section-inner{
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
}

.eamodcp-nav-section-title{
    flex:1;
    min-width:0;
}

.eamodcp-nav-expander{
    flex:0 0 22px !important;
    width:22px !important;
    height:22px !important;
    margin:0 0 0 auto !important;
}

.eamodcp-nav-expander img{
    display:block !important;

    width:22px !important;
    height:22px !important;
    margin:0 !important;
    padding:5px !important;

    object-fit:contain;

    background:rgba(1,9,20,.42) !important;
    border:1px solid rgba(29,95,143,.3) !important;
}

/* Mobile Darstellung */

@media screen and (max-width:800px){

    .eamodcp-nav-cell{
        width:100% !important;
        min-width:0 !important;
    }
}

/* ==========================================================
   EVERYONE ASSEMBLE
   MODERATION OPERATIONS INTERFACE
   Keine Schrift kleiner als 12px
   ========================================================== */

.eamod-page,
.eamod-modal{
    --eamod-bg:#020d18;
    --eamod-bg-deep:#010914;
    --eamod-panel:#04192b;
    --eamod-panel-soft:#08243a;
    --eamod-panel-light:#0b3150;

    --eamod-line:#1d5f8f;
    --eamod-line-soft:rgba(29,95,143,.36);

    --eamod-accent:#218bd0;
    --eamod-accent-dark:#1674b5;
    --eamod-accent-light:#75d0ff;

    --eamod-text:#e1f1fa;
    --eamod-text-soft:#c4d8e4;
    --eamod-muted:#8fa9bc;

    --eamod-success:#72c9a6;
    --eamod-warning:#e7b56f;
    --eamod-danger:#e66c79;

    color:var(--eamod-text-soft);

    font-family:Arial,sans-serif;
    font-size:12px;
    line-height:1.65;
}

.eamod-page,
.eamod-page *,
.eamod-page *::before,
.eamod-page *::after,
.eamod-modal,
.eamod-modal *,
.eamod-modal *::before,
.eamod-modal *::after{
    box-sizing:border-box;
}

.eamod-page{
    position:relative;

    width:calc(100% - 30px);
    max-width:1180px;
    margin:28px auto 45px;

    background:
        radial-gradient(
            circle at 12% 0,
            rgba(33,139,208,.14),
            transparent 31%
        ),
        radial-gradient(
            circle at 100% 100%,
            rgba(22,116,181,.09),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            rgba(4,25,43,.98),
            rgba(1,9,20,.99)
        );

    border:1px solid var(--eamod-line);

    box-shadow:
        0 24px 55px rgba(0,0,0,.42),
        0 0 30px rgba(33,139,208,.07),
        inset 0 1px 0 rgba(255,255,255,.025);

    overflow:hidden;
}

.eamod-page a,
.eamod-modal a{
    color:var(--eamod-accent-light);
    font-size:12px;
    text-decoration:none;
}

.eamod-page a:hover,
.eamod-modal a:hover{
    color:var(--eamod-text);
}

.eamod-page .smalltext,
.eamod-page small,
.eamod-modal .smalltext,
.eamod-modal small{
    font-size:12px !important;
}

/* ==========================================================
   SEITENKOPF
   ========================================================== */

.eamod-hero{
    position:relative;

    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:30px;

    min-height:145px;
    padding:30px 36px;

    background:
        radial-gradient(
            circle at 84% 130%,
            rgba(33,139,208,.22),
            transparent 45%
        ),
        linear-gradient(
            90deg,
            rgba(33,139,208,.1),
            transparent 58%
        ),
        rgba(1,9,20,.72);

    border-bottom:1px solid var(--eamod-line-soft);

    overflow:hidden;
}

.eamod-hero::before{
    content:"";
    position:absolute;
    top:0;
    left:36px;

    width:170px;
    height:3px;

    background:var(--eamod-accent-light);

    box-shadow:
        170px 0 0 var(--eamod-accent),
        340px 0 0 rgba(33,139,208,.34);
}

.eamod-hero::after{
    content:"MODERATION OPERATIONS";

    position:absolute;
    right:25px;
    bottom:10px;

    color:rgba(117,208,255,.05);

    font-size:25px;
    font-weight:700;
    line-height:1;

    letter-spacing:4px;
    pointer-events:none;
}

.eamod-hero-copy{
    position:relative;
    z-index:1;
    min-width:0;
}

.eamod-pretitle{
    display:block;
    margin-bottom:6px;

    color:var(--eamod-accent-light);

    font-size:12px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:2px;
    text-transform:uppercase;
}

.eamod-title{
    margin:0;

    color:var(--eamod-text);

    font-family:"Arial Narrow",Arial,sans-serif;
    font-size:29px;
    font-weight:700;
    line-height:1.2;

    letter-spacing:1.5px;
    text-transform:uppercase;
}

.eamod-title strong{
    color:var(--eamod-accent-light);
}

.eamod-subtitle{
    display:block;
    max-width:720px;
    margin-top:9px;

    color:var(--eamod-muted);

    font-size:13px;
    line-height:1.7;
}

.eamod-module{
    position:relative;
    z-index:1;

    display:flex;
    align-items:center;
    gap:12px;

    flex-shrink:0;
}

.eamod-module-code{
    display:flex;
    justify-content:center;
    align-items:center;

    width:58px;
    height:58px;

    color:var(--eamod-accent-light);

    background:
        linear-gradient(
            145deg,
            rgba(33,139,208,.2),
            rgba(1,9,20,.82)
        );

    border:1px solid var(--eamod-line);

    font-size:13px;
    font-weight:800;
    letter-spacing:.8px;

    clip-path:polygon(
        18% 0,
        82% 0,
        100% 18%,
        100% 82%,
        82% 100%,
        18% 100%,
        0 82%,
        0 18%
    );
}

.eamod-module-text{
    color:var(--eamod-muted);

    font-size:12px;
    font-weight:700;
    line-height:1.5;

    letter-spacing:1px;
    text-transform:uppercase;
}

.eamod-body{
    padding:24px;
}

/* ==========================================================
   PANELS
   ========================================================== */

.eamod-panel{
    position:relative;
    margin-bottom:20px;

    background:
        linear-gradient(
            145deg,
            rgba(8,43,69,.82),
            rgba(4,25,43,.96)
        );

    border:1px solid var(--eamod-line-soft);

    box-shadow:
        0 13px 28px rgba(0,0,0,.23),
        inset 0 1px 0 rgba(255,255,255,.025);

    overflow:hidden;
}

.eamod-panel:last-child{
    margin-bottom:0;
}

.eamod-panel::before{
    content:"";

    position:absolute;
    z-index:3;
    top:0;
    left:0;

    width:52px;
    height:2px;

    background:var(--eamod-accent-light);

    box-shadow:
        52px 0 0 var(--eamod-accent),
        104px 0 0 rgba(33,139,208,.38);
}

.eamod-panel-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;

    padding:18px 20px;

    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.13),
            transparent
        ),
        rgba(1,9,20,.28);

    border-bottom:1px solid var(--eamod-line-soft);
}

.eamod-panel-heading{
    min-width:0;
}

.eamod-panel-code{
    display:block;
    margin-bottom:3px;

    color:var(--eamod-muted);

    font-size:12px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:1.7px;
    text-transform:uppercase;
}

.eamod-panel-title{
    margin:0;

    color:var(--eamod-text);

    font-size:16px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:.8px;
    text-transform:uppercase;
}

.eamod-panel-status{
    flex-shrink:0;
    padding:7px 11px;

    color:var(--eamod-accent-light);
    background:rgba(33,139,208,.08);

    border:1px solid var(--eamod-line-soft);

    font-size:12px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:.7px;
    text-transform:uppercase;
}

.eamod-panel-status.is-warning{
    color:var(--eamod-warning);
    background:rgba(231,181,111,.08);
    border-color:rgba(231,181,111,.34);
}

.eamod-panel-status.is-danger{
    color:#efb7bf;
    background:rgba(230,108,121,.08);
    border-color:rgba(230,108,121,.38);
}

.eamod-panel-body{
    padding:18px;
}

/* ==========================================================
   HINWEISE UND FEHLER
   ========================================================== */

.eamod-feedback{
    margin-bottom:18px;
}

.eamod-feedback:empty{
    display:none;
}

.eamod-feedback .error,
.eamod-feedback .red_alert,
.eamod-feedback .pm_alert{
    margin:0 0 10px;
    padding:14px 16px;

    color:var(--eamod-text-soft);

    background:
        linear-gradient(
            90deg,
            rgba(230,108,121,.13),
            rgba(4,25,43,.94)
        );

    border:1px solid rgba(230,108,121,.5);

    font-size:12px;
    line-height:1.65;
}

.eamod-description{
    padding:13px 16px;

    color:var(--eamod-muted);
    background:rgba(33,139,208,.055);

    border-bottom:1px solid var(--eamod-line-soft);

    font-size:12px;
    line-height:1.7;
}

/* ==========================================================
   TABELLEN
   ========================================================== */

.eamod-table-wrap{
    width:100%;
    overflow-x:auto;
}

.eamod-table{
    width:100%;
    min-width:720px;

    border:0;
    border-collapse:collapse;
    border-spacing:0;
}

.eamod-table th,
.eamod-table td{
    padding:12px 13px;

    color:var(--eamod-text-soft);
    background:rgba(2,13,24,.34);

    border-right:1px solid rgba(29,95,143,.14);
    border-bottom:1px solid rgba(29,95,143,.18);

    font-size:12px;
    line-height:1.6;
    vertical-align:middle;
}

.eamod-table th:last-child,
.eamod-table td:last-child{
    border-right:0;
}

.eamod-table thead th{
    color:var(--eamod-muted);

    background:
        linear-gradient(
            180deg,
            rgba(11,49,80,.76),
            rgba(4,25,43,.84)
        );

    font-size:12px;
    font-weight:700;

    letter-spacing:.65px;
    text-align:left;
    text-transform:uppercase;
}

.eamod-table tbody tr:hover td{
    background:rgba(33,139,208,.07);
}

.eamod-table-center{
    text-align:center !important;
}

.eamod-table-link{
    color:var(--eamod-accent-light);
    font-size:12px;
    font-weight:700;
}

.eamod-empty-row td{
    padding:38px 20px !important;

    color:var(--eamod-muted) !important;

    font-size:12px !important;
    font-style:italic;
    line-height:1.65;

    text-align:center;
}

/* ==========================================================
   FORMULARE
   ========================================================== */

.eamod-form-grid{
    display:grid;
    gap:1px;

    background:rgba(29,95,143,.16);
}

.eamod-form-row{
    display:grid;
    grid-template-columns:230px minmax(0,1fr);
    align-items:start;
    gap:16px;

    min-width:0;
    padding:15px;

    background:rgba(2,13,24,.62);
}

.eamod-form-row:nth-child(even){
    background:rgba(8,43,69,.35);
}

.eamod-form-label{
    display:block;
    padding-top:9px;

    color:var(--eamod-muted);

    font-size:12px;
    font-weight:700;
    line-height:1.5;

    letter-spacing:.6px;
    text-transform:uppercase;
}

.eamod-form-control{
    min-width:0;
}

.eamod-page input[type="text"],
.eamod-page input[type="password"],
.eamod-page select,
.eamod-page textarea{
    display:block;

    width:100%;
    max-width:none;
    min-height:42px;

    margin:0;
    padding:9px 11px;

    color:var(--eamod-text);

    background:
        linear-gradient(
            145deg,
            rgba(1,9,20,.96),
            rgba(4,25,43,.95)
        );

    border:1px solid var(--eamod-line);
    border-radius:0;
    outline:0;

    font-family:Arial,sans-serif;
    font-size:12px;
    line-height:1.55;

    box-shadow:inset 0 7px 15px rgba(0,0,0,.17);
}

.eamod-page textarea{
    min-height:170px;
    resize:vertical;
}

.eamod-page input:focus,
.eamod-page select:focus,
.eamod-page textarea:focus{
    border-color:var(--eamod-accent-light);

    box-shadow:
        inset 0 7px 15px rgba(0,0,0,.17),
        0 0 0 3px rgba(117,208,255,.08);
}

.eamod-page select option{
    color:var(--eamod-text);
    background:var(--eamod-bg-deep);
}

.eamod-page input[type="checkbox"],
.eamod-page input[type="radio"]{
    flex-shrink:0;

    width:16px;
    height:16px;
    margin:0;

    accent-color:var(--eamod-accent-light);
    cursor:pointer;
}

.eamod-date-fields{
    display:grid;
    grid-template-columns:110px minmax(150px,1fr) 90px auto 125px;
    align-items:center;
    gap:8px;
}

.eamod-date-separator{
    color:var(--eamod-muted);
    font-size:12px;
    font-weight:700;
}

/* ==========================================================
   LOGINBOX
   ========================================================== */

.eamod-login-table{
    width:100%;

    border:0;
    border-collapse:collapse;
    border-spacing:0;
}

.eamod-login-table td{
    padding:13px 15px;

    color:var(--eamod-text-soft);
    background:rgba(2,13,24,.42);

    border-right:1px solid rgba(29,95,143,.14);
    border-bottom:1px solid rgba(29,95,143,.18);

    font-size:12px;
    line-height:1.6;
}

.eamod-login-table td:last-child{
    border-right:0;
}

/* ==========================================================
   BUTTONS
   ========================================================== */

.eamod-actions{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    flex-wrap:wrap;
    gap:9px;

    padding:15px 18px;

    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.09),
            rgba(1,9,20,.32)
        );

    border-top:1px solid var(--eamod-line-soft);
}

.eamod-page .button,
.eamod-action-button{
    display:inline-flex;
    justify-content:center;
    align-items:center;

    min-width:175px;
    min-height:40px;

    margin:0;
    padding:9px 14px;

    color:var(--eamod-bg-deep) !important;
    background:var(--eamod-accent-light);

    border:1px solid var(--eamod-accent-light);
    border-radius:0;
    outline:0;

    cursor:pointer;

    font-family:Arial,sans-serif;
    font-size:12px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:.7px;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;

    clip-path:polygon(
        9px 0,
        100% 0,
        100% calc(100% - 9px),
        calc(100% - 9px) 100%,
        0 100%,
        0 9px
    );
}

.eamod-page .button:hover,
.eamod-action-button:hover{
    color:var(--eamod-accent-light) !important;
    background:var(--eamod-panel-light);
    border-color:var(--eamod-accent);

    box-shadow:0 0 18px rgba(117,208,255,.18);
}

.eamod-danger-button{
    color:#ffffff !important;
    background:rgba(230,108,121,.32) !important;
    border-color:rgba(230,108,121,.72) !important;
}

.eamod-danger-button:hover{
    color:#ffffff !important;
    background:rgba(230,108,121,.5) !important;
    border-color:var(--eamod-danger) !important;

    box-shadow:0 0 18px rgba(230,108,121,.18) !important;
}

/* ==========================================================
   BESTÄTIGUNGSSEITEN
   ========================================================== */

.eamod-confirm{
    padding:31px 24px;
    text-align:center;
}

.eamod-confirm-symbol{
    display:flex;
    justify-content:center;
    align-items:center;

    width:58px;
    height:58px;
    margin:0 auto 19px;

    color:var(--eamod-warning);

    border:2px solid rgba(231,181,111,.72);

    font-size:14px;
    font-weight:800;

    box-shadow:
        0 0 0 7px rgba(231,181,111,.07),
        0 0 20px rgba(231,181,111,.15);

    transform:rotate(45deg);
}

.eamod-confirm-symbol.is-danger{
    color:var(--eamod-danger);
    border-color:rgba(230,108,121,.72);

    box-shadow:
        0 0 0 7px rgba(230,108,121,.07),
        0 0 20px rgba(230,108,121,.14);
}

.eamod-confirm-symbol span{
    transform:rotate(-45deg);
}

.eamod-confirm-text{
    max-width:760px;
    margin:0 auto;

    color:var(--eamod-text-soft);

    font-size:14px;
    line-height:1.75;
}

/* ==========================================================
   ZEITVERSETZTE MODERATION
   ========================================================== */

.eamod-delayed-table{
    min-width:900px;
}

.eamod-delayed-user,
.eamod-delayed-date,
.eamod-delayed-action,
.eamod-delayed-cancel{
    text-align:center;
}

.eamod-delayed-user{
    min-width:145px;
}

.eamod-delayed-date{
    min-width:155px;
    color:var(--eamod-muted) !important;
}

.eamod-delayed-action{
    min-width:180px;
    color:var(--eamod-text) !important;
    font-weight:700;
}

.eamod-delayed-info{
    min-width:270px;

    color:var(--eamod-text-soft);

    overflow-wrap:anywhere;
}

.eamod-delayed-info strong{
    color:var(--eamod-muted);

    font-size:12px;
    letter-spacing:.4px;
    text-transform:uppercase;
}

.eamod-delayed-cancel{
    width:100px;
}

.eamod-cancel-link{
    display:inline-flex;
    justify-content:center;
    align-items:center;

    min-height:33px;
    padding:6px 10px;

    color:#efb7bf !important;
    background:rgba(230,108,121,.07);

    border:1px solid rgba(230,108,121,.34);

    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
}

.eamod-cancel-link:hover{
    color:#ffffff !important;
    background:rgba(230,108,121,.3);
    border-color:var(--eamod-danger);
}

.eamod-thread-list{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:7px;
}

.eamod-thread-chip{
    display:inline-flex;
    align-items:center;

    min-height:34px;
    padding:6px 10px;

    color:var(--eamod-accent-light) !important;
    background:rgba(33,139,208,.07);

    border:1px solid rgba(29,95,143,.3);

    font-size:12px;
    font-weight:700;
}

/* ==========================================================
   MODERATIONSAKTIONEN
   ========================================================== */

.eamod-action-list{
    display:grid;
    gap:8px;

    width:100%;
    margin:0;
}

.eamod-action-list dt{
    margin:0;
    padding:0;
}

.eamod-action-list dt label{
    display:flex;
    align-items:flex-start;
    gap:9px;

    min-height:43px;
    padding:10px 12px;

    color:var(--eamod-text-soft);
    background:rgba(1,9,20,.31);

    border:1px solid rgba(29,95,143,.2);
    border-left:2px solid var(--eamod-accent-dark);

    font-size:12px;
    line-height:1.55;

    cursor:pointer;
}

.eamod-action-list dt label:hover{
    color:var(--eamod-accent-light);
    background:rgba(33,139,208,.07);
    border-color:var(--eamod-line);
}

.eamod-action-list dt label strong{
    color:inherit;
    font-size:12px;
}

.eamod-action-list dd{
    margin:0;
    padding:13px;

    color:var(--eamod-text-soft);
    background:rgba(1,9,20,.42);

    border:1px solid rgba(29,95,143,.2);
    border-top:0;

    font-size:12px;
    line-height:1.65;
}

.eamod-action-list dd input[type="text"],
.eamod-action-list dd select{
    margin:7px 0;
}

.eamod-action-list dd label{
    display:flex;
    align-items:flex-start;
    gap:8px;

    min-height:38px;
    margin-top:6px;
    padding:8px 10px;

    color:var(--eamod-text-soft);
    background:rgba(8,43,69,.26);

    border:1px solid rgba(29,95,143,.17);

    font-size:12px;
    line-height:1.55;
}

.eamod-action-list dd label:hover{
    color:var(--eamod-accent-light);
    background:rgba(33,139,208,.07);
}

.eamod-custom-label{
    color:var(--eamod-warning);
    font-size:12px;
    font-weight:400;
}

.eamod-expanded-fields{
    display:grid;
    gap:7px;
}

.eamod-inline-option{
    display:grid;
    grid-template-columns:auto minmax(90px,130px) minmax(0,1fr);
    align-items:center;
    gap:7px;
}

/* ==========================================================
   IP-INFORMATIONEN
   ========================================================== */

.eamod-ip-table{
    min-width:0;
}

.eamod-ip-table td:first-child{
    width:220px;

    color:var(--eamod-muted);
    font-weight:700;

    letter-spacing:.5px;
    text-transform:uppercase;
}

.eamod-ip-value{
    color:var(--eamod-text);
    overflow-wrap:anywhere;
}

.eamod-ip-address{
    display:inline-flex;
    align-items:center;

    min-height:34px;
    padding:6px 10px;

    color:var(--eamod-accent-light);
    background:rgba(33,139,208,.07);

    border:1px solid rgba(117,208,255,.32);

    font-family:Consolas,Monaco,monospace;
    font-size:12px;
    font-weight:700;
}

.eamod-ip-options{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
}

.eamod-ip-option{
    display:flex;
    justify-content:center;
    align-items:center;

    min-height:38px;
    padding:7px 10px;

    color:var(--eamod-accent-light) !important;
    background:rgba(33,139,208,.07);

    border:1px solid rgba(29,95,143,.3);

    font-size:12px;
    font-weight:700;
    line-height:1.45;

    text-align:center;
    text-transform:uppercase;
}

.eamod-ip-option:hover{
    color:var(--eamod-bg-deep) !important;
    background:var(--eamod-accent-light);
    border-color:var(--eamod-accent-light);
}

/* ==========================================================
   IP-MODAL
   ========================================================== */

.eamod-modal.modal{
    width:100%;
    max-width:720px;

    margin:0;

    background:
        radial-gradient(
            circle at 100% 0,
            rgba(33,139,208,.14),
            transparent 40%
        ),
        linear-gradient(
            145deg,
            var(--eamod-panel),
            var(--eamod-bg-deep)
        );

    border:1px solid var(--eamod-line);

    box-shadow:
        0 24px 50px rgba(0,0,0,.5),
        0 0 25px rgba(33,139,208,.09);

    overflow:hidden;
}

.eamod-modal-head{
    position:relative;
    padding:18px 20px;

    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.15),
            rgba(1,9,20,.42)
        );

    border-bottom:1px solid var(--eamod-line-soft);
}

.eamod-modal-head::before{
    content:"";

    position:absolute;
    top:0;
    left:0;

    width:55px;
    height:2px;

    background:var(--eamod-accent-light);

    box-shadow:
        55px 0 0 var(--eamod-accent),
        110px 0 0 rgba(33,139,208,.35);
}

.eamod-modal-code{
    display:block;
    margin-bottom:3px;

    color:var(--eamod-muted);

    font-size:12px;
    font-weight:700;

    letter-spacing:1.5px;
    text-transform:uppercase;
}

.eamod-modal-title{
    margin:0;

    color:var(--eamod-text);

    font-size:16px;
    font-weight:700;
    line-height:1.45;

    letter-spacing:.7px;
    text-transform:uppercase;
}

.eamod-modal-body{
    max-height:400px;
    padding:16px;

    overflow-y:auto;

    scrollbar-width:thin;
    scrollbar-color:var(--eamod-accent) var(--eamod-bg-deep);
}

.eamod-modal-body::-webkit-scrollbar{
    width:7px;
}

.eamod-modal-body::-webkit-scrollbar-track{
    background:var(--eamod-bg-deep);
}

.eamod-modal-body::-webkit-scrollbar-thumb{
    background:var(--eamod-accent);
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media screen and (max-width:800px){

    .eamod-hero{
        align-items:flex-start;
        flex-direction:column;

        min-height:0;
        padding:27px 22px;
    }

    .eamod-hero::after{
        display:none;
    }

    .eamod-title{
        font-size:25px;
    }

    .eamod-form-row{
        grid-template-columns:1fr;
        gap:7px;
    }

    .eamod-form-label{
        padding-top:0;
    }

    .eamod-date-fields{
        grid-template-columns:1fr;
    }

    .eamod-date-separator{
        display:none;
    }

    .eamod-ip-options{
        grid-template-columns:1fr;
    }
}

@media screen and (max-width:580px){

    .eamod-page{
        width:calc(100% - 20px);
        margin:15px auto 30px;
    }

    .eamod-body{
        padding:14px;
    }

    .eamod-panel-head{
        align-items:flex-start;
        flex-direction:column;
    }

    .eamod-actions{
        display:block;
    }

    .eamod-actions .button,
    .eamod-actions .eamod-action-button{
        width:100%;
    }

    .eamod-inline-option{
        grid-template-columns:auto minmax(0,1fr);
    }

    .eamod-inline-option span:last-child{
        grid-column:1 / -1;
    }
}

/* ==========================================================
   EVERYONE ASSEMBLE
   MODERATION – INLINE TOOLS, POSTAUSWAHL & THEMENNOTIZEN
   Keine Schrift kleiner als 12px
   ========================================================== */

/* ==========================================================
   FORMULARHINWEISE
   ========================================================== */

.eamod-field-note{
    display:block;
    margin-top:7px;

    color:var(--eamod-muted);

    font-size:12px;
    line-height:1.6;
}

.eamod-field-note.is-warning{
    padding:8px 10px;

    color:var(--eamod-warning);
    background:rgba(231,181,111,.07);

    border:1px solid rgba(231,181,111,.27);
}

.eamod-form-row.is-danger{
    background:
        linear-gradient(
            90deg,
            rgba(230,108,121,.08),
            rgba(2,13,24,.62)
        );
}

.eamod-form-row.is-danger .eamod-form-label{
    color:#efb7bf;
}

/* ==========================================================
   OPTIONS- UND RADIOGRUPPEN
   ========================================================== */

.eamod-choice-stack{
    display:grid;
    gap:8px;
}

.eamod-choice-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
}

.eamod-choice{
    display:flex;
    align-items:flex-start;
    gap:9px;

    min-height:42px;
    padding:10px 11px;

    color:var(--eamod-text-soft);
    background:rgba(1,9,20,.31);

    border:1px solid rgba(29,95,143,.2);

    font-size:12px;
    font-weight:600;
    line-height:1.55;

    cursor:pointer;

    transition:
        color .2s ease,
        background .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

.eamod-choice:hover{
    color:var(--eamod-accent-light);
    background:rgba(33,139,208,.07);
    border-color:var(--eamod-line);
}

.eamod-choice input{
    flex-shrink:0;

    width:16px !important;
    height:16px !important;
    min-height:0 !important;
    margin:2px 0 0 !important;
    padding:0 !important;

    accent-color:var(--eamod-accent-light);
}

.eamod-choice:has(input:checked){
    color:var(--eamod-accent-light);
    background:rgba(33,139,208,.12);

    border-color:var(--eamod-accent);

    box-shadow:inset 3px 0 0 var(--eamod-accent-light);
}

.eamod-choice.is-danger{
    color:#efb7bf;
    background:rgba(230,108,121,.07);
    border-color:rgba(230,108,121,.28);
}

.eamod-choice.is-danger input{
    accent-color:var(--eamod-danger);
}

.eamod-choice.is-danger:has(input:checked){
    color:#ffffff;
    background:rgba(230,108,121,.2);
    border-color:rgba(230,108,121,.62);

    box-shadow:inset 3px 0 0 var(--eamod-danger);
}

.eamod-choice-content{
    display:grid;
    gap:2px;
    min-width:0;
}

.eamod-choice-title{
    color:inherit;

    font-size:12px;
    font-weight:700;
    line-height:1.5;
}

.eamod-choice-description{
    color:var(--eamod-muted);

    font-size:12px;
    font-weight:400;
    line-height:1.55;
}

/* ==========================================================
   REDIRECT-LAUFZEIT
   ========================================================== */

.eamod-redirect-option{
    display:grid;
    grid-template-columns:auto minmax(90px,125px) minmax(0,1fr);
    align-items:center;
    gap:8px;

    margin-top:8px;
    padding:9px 10px;

    background:rgba(1,9,20,.27);
    border:1px solid rgba(29,95,143,.17);
}

.eamod-redirect-option input[type="text"]{
    width:100%;
}

.eamod-redirect-note{
    color:var(--eamod-muted);

    font-size:12px;
    line-height:1.55;
}

/* ==========================================================
   BEITRAGSAUSWAHL BEIM TEILEN/ZUSAMMENFÜHREN
   ========================================================== */

.eamod-postselect-table{
    min-width:680px;
}

.eamod-postselect-meta td{
    padding:10px 13px !important;

    color:var(--eamod-muted) !important;

    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.11),
            rgba(1,9,20,.38)
        ) !important;

    border-top:1px solid var(--eamod-line-soft);
    border-bottom:1px solid var(--eamod-line-soft);

    font-size:12px;
    font-weight:700;
    line-height:1.55;

    letter-spacing:.3px;
}

.eamod-postselect-meta strong{
    color:var(--eamod-text-soft);

    font-size:12px;
    font-weight:700;
}

.eamod-postselect-check{
    width:56px;
    text-align:center;
    vertical-align:top !important;
}

.eamod-postselect-check label{
    display:flex;
    justify-content:center;
    align-items:center;

    width:34px;
    height:34px;
    margin:0 auto;

    background:rgba(1,9,20,.32);
    border:1px solid rgba(29,95,143,.26);

    cursor:pointer;
}

.eamod-postselect-check input{
    width:17px !important;
    height:17px !important;
    min-height:0 !important;
    margin:0 !important;

    accent-color:var(--eamod-accent-light);
}

.eamod-postselect-message{
    min-width:0;

    color:var(--eamod-text-soft);

    font-size:13px;
    line-height:1.75;

    overflow-wrap:anywhere;
}

.eamod-postselect-message img{
    max-width:100%;
    height:auto;
}

.eamod-postselect-message blockquote{
    margin:12px 0;
    padding:11px 13px;

    background:rgba(1,9,20,.35);
    border-left:2px solid var(--eamod-accent);
}

/* ==========================================================
   SPAM-BEREINIGUNG
   ========================================================== */

.eamod-purge-copy{
    padding:28px 24px;

    color:var(--eamod-text-soft);

    font-size:14px;
    line-height:1.75;
    text-align:center;
}

.eamod-purge-copy::before{
    content:"SPAM";

    display:flex;
    justify-content:center;
    align-items:center;

    width:66px;
    height:66px;
    margin:0 auto 20px;

    color:var(--eamod-danger);

    border:2px solid rgba(230,108,121,.7);

    font-size:12px;
    font-weight:800;
    letter-spacing:1px;

    box-shadow:
        0 0 0 8px rgba(230,108,121,.07),
        0 0 22px rgba(230,108,121,.15);

    transform:rotate(45deg);
}

.eamod-purge-copy::after{
    content:"SPAM";

    position:absolute;

    width:66px;
    height:66px;
    margin:-86px 0 0 -66px;

    color:var(--eamod-danger);

    font-size:12px;
    font-weight:800;
    line-height:66px;
    letter-spacing:1px;

    transform:rotate(-45deg);
}

/* ==========================================================
   THEMENNOTIZEN
   ========================================================== */

.eamod-threadnotes-editor textarea{
    min-height:250px;
}

.eamod-threadnotes-table{
    min-width:820px;
}

.eamod-threadnotes-table th:nth-child(1){
    width:18%;
}

.eamod-threadnotes-table th:nth-child(2){
    width:20%;
}

.eamod-threadnotes-table th:nth-child(3){
    width:23%;
}

.eamod-threadnotes-table th:nth-child(4){
    width:39%;
}

.eamod-threadnotes-user,
.eamod-threadnotes-date,
.eamod-threadnotes-action{
    text-align:center;
    vertical-align:top !important;
}

.eamod-threadnotes-user{
    min-width:135px;
}

.eamod-threadnotes-user a{
    color:var(--eamod-accent-light);
    font-size:12px;
    font-weight:700;
}

.eamod-threadnotes-date{
    min-width:145px;
    color:var(--eamod-muted) !important;
}

.eamod-threadnotes-action{
    min-width:170px;

    color:var(--eamod-text) !important;
    font-weight:700;
}

.eamod-threadnotes-info{
    min-width:250px;

    color:var(--eamod-text-soft);

    font-size:12px;
    line-height:1.65;

    overflow-wrap:anywhere;
    vertical-align:top !important;
}

.eamod-threadnotes-info strong{
    color:var(--eamod-muted);

    font-size:12px;
    font-weight:700;

    letter-spacing:.4px;
    text-transform:uppercase;
}

.eamod-threadnotes-info a{
    color:var(--eamod-accent-light);

    font-size:12px;
    font-weight:700;
}

.eamod-threadnotes-info a:hover{
    color:var(--eamod-text);
}

/* ==========================================================
   NOTIZEN-MODAL
   ========================================================== */

.eamod-notes-modal.modal{
    max-width:760px;
}

.eamod-notes-content{
    padding:15px;

    color:var(--eamod-text-soft);
    background:rgba(1,9,20,.3);

    border:1px solid rgba(29,95,143,.2);

    font-size:13px;
    line-height:1.75;

    overflow-wrap:anywhere;
}

.eamod-notes-content:empty::before{
    content:"Keine Notizen hinterlegt.";

    color:var(--eamod-muted);

    font-size:12px;
    font-style:italic;
}

.eamod-notes-content img{
    max-width:100%;
    height:auto;
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media screen and (max-width:700px){

    .eamod-choice-grid{
        grid-template-columns:1fr;
    }

    .eamod-redirect-option{
        grid-template-columns:auto minmax(0,1fr);
    }

    .eamod-redirect-note{
        grid-column:1 / -1;
    }
}