/* ==========================================================
   EVERYONE ASSEMBLE
   USER CONTROL CENTER
   ========================================================== */

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

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

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

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

    position:relative;
    width:calc(100% - 30px);
    max-width:1180px;
    margin:30px auto 50px;
    padding:0;
    color:var(--ucp-text);
    background:
        radial-gradient(
            circle at 12% 0,
            rgba(33,139,208,.16),
            transparent 28%
        ),
        radial-gradient(
            circle at 88% 100%,
            rgba(22,116,181,.12),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            rgba(4,25,43,.98),
            rgba(1,9,20,.99)
        );
    border:1px solid var(--ucp-line);
    box-shadow:
        0 25px 60px rgba(0,0,0,.45),
        0 0 35px rgba(33,139,208,.08),
        inset 0 0 50px rgba(0,0,0,.26);
    overflow:hidden;
    box-sizing:border-box;
}

.usercp,
.usercp *{
    box-sizing:border-box;
}

.usercp a{
    color:inherit;
    text-decoration:none;
}

.usercp::before{
    content:"";
    position:absolute;
    z-index:0;
    inset:0;
    pointer-events:none;
    opacity:.24;
    background:
        linear-gradient(
            90deg,
            transparent 49.8%,
            rgba(117,208,255,.05) 50%,
            transparent 50.2%
        ),
        linear-gradient(
            rgba(117,208,255,.025) 1px,
            transparent 1px
        );
    background-size:90px 100%,100% 5px;
}

.usercp::after{
    content:"";
    position:absolute;
    z-index:2;
    top:0;
    left:0;
    width:190px;
    height:4px;
    background:var(--ucp-accent-light);
    box-shadow:
        190px 0 0 var(--ucp-accent),
        380px 0 0 rgba(33,139,208,.45);
}

.usercp-top{
    position:relative;
    z-index:3;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:30px;
    min-height:105px;
    padding:25px 32px;
    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.14),
            transparent 50%
        ),
        rgba(1,9,20,.56);
    border-bottom:1px solid var(--ucp-line-soft);
}

.usercp-top::after{
    content:"";
    position:absolute;
    right:32px;
    bottom:-1px;
    width:170px;
    height:1px;
    background:var(--ucp-accent-light);
    box-shadow:0 0 12px rgba(117,208,255,.7);
}

.usercp-top .pretitle{
    display:block;
    margin-bottom:6px;
    color:var(--ucp-accent-light);
    font-size:10px;
    font-weight:700;
    line-height:1.4;
    letter-spacing:3px;
    text-transform:uppercase;
}

.usercp-top h1{
    margin:0;
    color:var(--ucp-text);
    font-size:26px;
    font-weight:700;
    line-height:1.15;
    letter-spacing:1px;
    text-transform:uppercase;
}

.usercp-top h1 strong{
    color:var(--ucp-accent-light);
    font-weight:700;
}

.usercp-system{
    display:flex;
    align-items:center;
    gap:11px;
    flex-shrink:0;
    color:var(--ucp-muted);
    font-size:10px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
}

.usercp-system::before{
    content:"";
    width:9px;
    height:9px;
    background:var(--ucp-accent-light);
    border-radius:50%;
    box-shadow:
        0 0 0 4px rgba(117,208,255,.1),
        0 0 14px rgba(117,208,255,.8);
}

.usercp-grid{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:220px minmax(0,1fr) 220px;
    gap:20px;
    padding:25px;
}

.usercp-left,
.usercp-middle,
.usercp-right{
    min-width:0;
}

.usercp-left,
.usercp-right{
    display:flex;
    flex-direction:column;
    gap:20px;
}

.usercp-middle{
    display:flex;
    flex-direction:column;
    gap:20px;
}

/* ==========================================================
   ALLGEMEINE PANELS
   ========================================================== */

.usercp-card,
.usercp-content{
    position:relative;
    background:
        linear-gradient(
            145deg,
            rgba(8,43,69,.84),
            rgba(4,25,43,.94)
        );
    border:1px solid var(--ucp-line-soft);
    box-shadow:
        0 12px 24px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.025);
    overflow:hidden;
}

.usercp-card::before,
.usercp-content::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:45px;
    height:2px;
    background:var(--ucp-accent-light);
    box-shadow:45px 0 0 var(--ucp-accent);
}

.usercp-card{
    padding:20px;
}

.usercp-content{
    padding:24px;
}

.usercp-card-head,
.usercp-content-head{
    position:relative;
    margin-bottom:18px;
    padding-bottom:12px;
    border-bottom:1px solid var(--ucp-line-soft);
}

.usercp-card-head::after,
.usercp-content-head::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-1px;
    width:38px;
    height:1px;
    background:var(--ucp-accent-light);
}

.usercp-card-head .code,
.usercp-content-head .code{
    display:block;
    margin-bottom:4px;
    color:var(--ucp-muted);
    font-size:10px;
    font-weight:700;
    line-height:1.4;
    letter-spacing:2px;
    text-transform:uppercase;
}

.usercp-card-head h2,
.usercp-content-head h2{
    margin:0;
    color:var(--ucp-text);
    font-size:15px;
    font-weight:700;
    line-height:1.4;
    letter-spacing:1px;
    text-transform:uppercase;
}

/* ==========================================================
   AVATAR UND BENUTZER
   ========================================================== */

.usercp-avatar{
    padding:18px;
    text-align:center;
}

.usercp-avatar .username{
    position:relative;
    margin:-18px -18px 18px;
    padding:15px 12px;
    color:var(--ucp-text);
    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.2),
            rgba(4,25,43,.2)
        );
    border-bottom:1px solid var(--ucp-line-soft);
    font-size:15px;
    font-weight:700;
    line-height:1.4;
    letter-spacing:1px;
    text-align:center;
    text-transform:uppercase;
    overflow-wrap:anywhere;
}

.usercp-avatar .username::before{
    content:"IDENTITY";
    display:block;
    margin-bottom:3px;
    color:var(--ucp-accent-light);
    font-size:10px;
    font-weight:700;
    letter-spacing:2px;
}

.usercp-avatar-image{
    position:relative;
    margin-bottom:16px;
    padding:5px;
    background:var(--ucp-bg-deep);
    border:1px solid var(--ucp-line);
}

.usercp-avatar-image::before,
.usercp-avatar-image::after{
    content:"";
    position:absolute;
    z-index:2;
    width:20px;
    height:20px;
    pointer-events:none;
}

.usercp-avatar-image::before{
    top:-1px;
    left:-1px;
    border-top:2px solid var(--ucp-accent-light);
    border-left:2px solid var(--ucp-accent-light);
}

.usercp-avatar-image::after{
    right:-1px;
    bottom:-1px;
    border-right:2px solid var(--ucp-accent-light);
    border-bottom:2px solid var(--ucp-accent-light);
}

.usercp-avatar-image img{
    display:block;
    width:100%;
    height:auto;
    max-height:230px;
    object-fit:cover;
}

.usercp-avatar-actions{
    display:grid;
    gap:8px;
}

.usercp-editprofile{
    display:block;
    position:relative;
    padding:10px 12px;
    color:var(--ucp-text-soft);
    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.15),
            rgba(8,43,69,.72)
        );
    border:1px solid var(--ucp-line-soft);
    font-size:10px;
    font-weight:700;
    line-height:1.4;
    letter-spacing:1px;
    text-align:center;
    text-transform:uppercase;
    transition:
        color .2s ease,
        border-color .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}

.usercp-editprofile::before{
    content:"";
    position:absolute;
    top:-1px;
    left:-1px;
    width:9px;
    height:9px;
    border-top:1px solid var(--ucp-accent-light);
    border-left:1px solid var(--ucp-accent-light);
}

.usercp-editprofile:hover{
    color:var(--ucp-bg-deep);
    background:var(--ucp-accent-light);
    border-color:var(--ucp-accent-light);
    box-shadow:0 0 18px rgba(117,208,255,.18);
}

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

.usercp-links{
    display:flex;
    flex-direction:column;
    gap:3px;
}

.usercp-links a{
    position:relative;
    display:block;
    padding:9px 8px 9px 20px;
    color:var(--ucp-text-soft);
    border-bottom:1px solid rgba(29,95,143,.2);
    font-size:11px;
    line-height:1.45;
    transition:
        color .2s ease,
        padding-left .2s ease,
        background .2s ease;
}

.usercp-links a:last-child{
    border-bottom:0;
}

.usercp-links a::before{
    content:"";
    position:absolute;
    top:50%;
    left:3px;
    width:6px;
    height:6px;
    background:transparent;
    border:1px solid var(--ucp-accent);
    transform:translateY(-50%) rotate(45deg);
    transition:
        background .2s ease,
        box-shadow .2s ease;
}

.usercp-links a:hover{
    padding-left:25px;
    color:var(--ucp-accent-light);
    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.11),
            transparent
        );
}

.usercp-links a:hover::before{
    background:var(--ucp-accent-light);
    box-shadow:0 0 8px rgba(117,208,255,.7);
}

/* ==========================================================
   HAUPTOPTIONEN
   ========================================================== */

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

.usercp-option{
    position:relative;
    display:grid;
    grid-template-columns:48px minmax(0,1fr);
    align-items:center;
    gap:13px;
    min-height:78px;
    padding:13px;
    color:var(--ucp-text);
    background:
        linear-gradient(
            135deg,
            rgba(11,49,80,.9),
            rgba(4,25,43,.96)
        );
    border:1px solid var(--ucp-line-soft);
    overflow:hidden;
    transition:
        transform .2s ease,
        border-color .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}

.usercp-option::before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:22px;
    height:22px;
    background:
        linear-gradient(
            135deg,
            transparent 49%,
            var(--ucp-accent) 50%,
            var(--ucp-accent) 54%,
            transparent 55%
        );
    opacity:.6;
}

.usercp-option::after{
    content:"";
    position:absolute;
    right:-18px;
    bottom:-18px;
    width:55px;
    height:55px;
    border:1px solid rgba(117,208,255,.12);
    transform:rotate(45deg);
}

.usercp-option:hover{
    z-index:2;
    transform:translateY(-2px);
    background:
        linear-gradient(
            135deg,
            rgba(11,49,80,1),
            rgba(8,43,69,.98)
        );
    border-color:var(--ucp-accent);
    box-shadow:
        0 12px 20px rgba(0,0,0,.25),
        0 0 18px rgba(33,139,208,.1);
}

.usercp-option-icon{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    width:48px;
    height:48px;
    color:var(--ucp-accent-light);
    background:
        linear-gradient(
            145deg,
            rgba(33,139,208,.2),
            rgba(1,9,20,.78)
        );
    border:1px solid var(--ucp-line);
    font-size:10px;
    font-weight:800;
    line-height:1;
    letter-spacing:1px;
    text-align:center;
    text-transform:uppercase;
    clip-path:polygon(
        18% 0,
        82% 0,
        100% 18%,
        100% 82%,
        82% 100%,
        18% 100%,
        0 82%,
        0 18%
    );
}

.usercp-option-icon::before{
    content:"";
    position:absolute;
    inset:5px;
    border:1px solid rgba(117,208,255,.24);
    clip-path:inherit;
}

.usercp-option:hover .usercp-option-icon{
    color:var(--ucp-bg-deep);
    background:var(--ucp-accent-light);
    border-color:var(--ucp-accent-light);
    box-shadow:0 0 18px rgba(117,208,255,.28);
}

.usercp-option-text{
    min-width:0;
}

.usercp-option-title{
    display:block;
    margin-bottom:4px;
    color:var(--ucp-text);
    font-size:13px;
    font-weight:700;
    line-height:1.35;
    letter-spacing:.8px;
    text-transform:uppercase;
    overflow-wrap:anywhere;
}

.usercp-option-description{
    display:block;
    color:var(--ucp-muted);
    font-size:10px;
    line-height:1.45;
}

.usercp-option:hover .usercp-option-title{
    color:var(--ucp-accent-light);
}

.usercp-option:hover .usercp-option-description{
    color:var(--ucp-text-soft);
}

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

.usercp-notes textarea,
.usercp .content textarea{
    display:block;
    width:100%;
    min-height:170px;
    padding:16px;
    resize:vertical;
    color:var(--ucp-text);
    background:
        linear-gradient(
            145deg,
            rgba(1,9,20,.9),
            rgba(4,25,43,.92)
        );
    border:1px solid var(--ucp-line);
    outline:0;
    font-family:inherit;
    font-size:12px;
    line-height:1.6;
    box-shadow:inset 0 8px 18px rgba(0,0,0,.2);
    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

.usercp-notes textarea:focus,
.usercp .content textarea:focus{
    border-color:var(--ucp-accent-light);
    box-shadow:
        inset 0 8px 18px rgba(0,0,0,.2),
        0 0 0 3px rgba(117,208,255,.08);
}

.usercp-notes textarea::placeholder,
.usercp .content textarea::placeholder{
    color:var(--ucp-muted);
}

.usercp-note-footer{
    display:flex;
    justify-content:flex-end;
    margin-top:12px;
}

.usercp input[type="submit"]{
    display:inline-block;
    min-width:160px;
    padding:11px 18px;
    color:var(--ucp-bg-deep);
    background:var(--ucp-accent-light);
    border:1px solid var(--ucp-accent-light);
    outline:0;
    cursor:pointer;
    font-family:inherit;
    font-size:10px;
    font-weight:800;
    line-height:1.4;
    letter-spacing:1.5px;
    text-transform:uppercase;
    clip-path:polygon(
        10px 0,
        100% 0,
        100% calc(100% - 10px),
        calc(100% - 10px) 100%,
        0 100%,
        0 10px
    );
    transition:
        color .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}

.usercp input[type="submit"]:hover{
    color:var(--ucp-accent-light);
    background:var(--ucp-panel-light);
    box-shadow:0 0 20px rgba(117,208,255,.2);
}

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

@media (max-width:1050px){

    .usercp-grid{
        grid-template-columns:210px minmax(0,1fr);
    }

    .usercp-right{
        grid-column:1 / -1;
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:760px){

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

    .usercp-top{
        align-items:flex-start;
        flex-direction:column;
        gap:15px;
        padding:22px;
    }

    .usercp-top h1{
        font-size:21px;
    }

    .usercp-grid{
        display:flex;
        flex-direction:column;
        padding:15px;
    }

    .usercp-left{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .usercp-right{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

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

@media (max-width:520px){

    .usercp-left,
    .usercp-right{
        display:flex;
        flex-direction:column;
    }

    .usercp-content,
    .usercp-card{
        padding:18px;
    }

    .usercp-option{
        grid-template-columns:42px minmax(0,1fr);
        gap:11px;
    }

    .usercp-option-icon{
        width:42px;
        height:42px;
    }

    .usercp-note-footer{
        display:block;
    }

    .usercp input[type="submit"]{
        width:100%;
    }
}

/* ==========================================================
   EVERYONE ASSEMBLE
   USERCP UNTERSEITEN
   ========================================================== */

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

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

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

    --eaucp-text:#e1f1fa;
    --eaucp-text-soft:#c4d8e4;
    --eaucp-muted:#8fa9bc;
    --eaucp-danger:#cf6679;

    position:relative;
    width:calc(100% - 30px);
    max-width:1180px;
    margin:30px auto 50px;
    color:var(--eaucp-text);
    background:
        radial-gradient(
            circle at 10% 0,
            rgba(33,139,208,.15),
            transparent 28%
        ),
        radial-gradient(
            circle at 90% 100%,
            rgba(22,116,181,.12),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            rgba(4,25,43,.98),
            rgba(1,9,20,.99)
        );
    border:1px solid var(--eaucp-line);
    box-shadow:
        0 25px 60px rgba(0,0,0,.45),
        0 0 35px rgba(33,139,208,.08),
        inset 0 0 50px rgba(0,0,0,.25);
    overflow:hidden;
}

.eaucp-page,
.eaucp-page *{
    box-sizing:border-box;
}

.eaucp-page a{
    color:var(--eaucp-accent-light);
    text-decoration:none;
    transition:
        color .2s ease,
        opacity .2s ease;
}

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

.eaucp-page::before{
    content:"";
    position:absolute;
    z-index:0;
    inset:0;
    pointer-events:none;
    opacity:.2;
    background:
        linear-gradient(
            90deg,
            transparent 49.8%,
            rgba(117,208,255,.05) 50%,
            transparent 50.2%
        ),
        linear-gradient(
            rgba(117,208,255,.025) 1px,
            transparent 1px
        );
    background-size:90px 100%,100% 5px;
}

.eaucp-page::after{
    content:"";
    position:absolute;
    z-index:3;
    top:0;
    left:0;
    width:190px;
    height:4px;
    background:var(--eaucp-accent-light);
    box-shadow:
        190px 0 0 var(--eaucp-accent),
        380px 0 0 rgba(33,139,208,.45);
}

/* ==========================================================
   KOPFBEREICH
   ========================================================== */

.eaucp-hero{
    position:relative;
    z-index:1;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:30px;
    min-height:112px;
    padding:27px 32px;
    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.14),
            transparent 55%
        ),
        rgba(1,9,20,.58);
    border-bottom:1px solid var(--eaucp-line-soft);
}

.eaucp-hero::after{
    content:"";
    position:absolute;
    right:32px;
    bottom:-1px;
    width:170px;
    height:1px;
    background:var(--eaucp-accent-light);
    box-shadow:0 0 12px rgba(117,208,255,.7);
}

.eaucp-hero-copy{
    min-width:0;
}

.eaucp-pretitle{
    display:block;
    margin-bottom:6px;
    color:var(--eaucp-accent-light);
    font-size:10px;
    font-weight:700;
    line-height:1.4;
    letter-spacing:3px;
    text-transform:uppercase;
}

.eaucp-title{
    margin:0;
    color:var(--eaucp-text);
    font-size:26px;
    font-weight:700;
    line-height:1.2;
    letter-spacing:1px;
    text-transform:uppercase;
}

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

.eaucp-module{
    display:flex;
    align-items:center;
    gap:12px;
    flex-shrink:0;
}

.eaucp-module-code{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    width:54px;
    height:54px;
    color:var(--eaucp-accent-light);
    background:
        linear-gradient(
            145deg,
            rgba(33,139,208,.22),
            rgba(1,9,20,.8)
        );
    border:1px solid var(--eaucp-line);
    font-size:10px;
    font-weight:800;
    line-height:1;
    letter-spacing:1px;
    text-transform:uppercase;
    clip-path:polygon(
        18% 0,
        82% 0,
        100% 18%,
        100% 82%,
        82% 100%,
        18% 100%,
        0 82%,
        0 18%
    );
}

.eaucp-module-code::before{
    content:"";
    position:absolute;
    inset:6px;
    border:1px solid rgba(117,208,255,.22);
    clip-path:inherit;
}

.eaucp-module-text{
    color:var(--eaucp-muted);
    font-size:10px;
    font-weight:700;
    line-height:1.5;
    letter-spacing:2px;
    text-transform:uppercase;
}

/* ==========================================================
   INHALT UND PANEL
   ========================================================== */

.eaucp-body{
    position:relative;
    z-index:1;
    padding:25px;
}

.eaucp-panel{
    position:relative;
    background:
        linear-gradient(
            145deg,
            rgba(8,43,69,.84),
            rgba(4,25,43,.95)
        );
    border:1px solid var(--eaucp-line-soft);
    box-shadow:
        0 12px 24px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.025);
    overflow:hidden;
}

.eaucp-panel::before{
    content:"";
    position:absolute;
    z-index:2;
    top:0;
    left:0;
    width:45px;
    height:2px;
    background:var(--eaucp-accent-light);
    box-shadow:45px 0 0 var(--eaucp-accent);
}

.eaucp-panel-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    padding:20px 22px;
    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.12),
            transparent
        ),
        rgba(1,9,20,.24);
    border-bottom:1px solid var(--eaucp-line-soft);
}

.eaucp-panel-head-copy{
    min-width:0;
}

.eaucp-panel-code{
    display:block;
    margin-bottom:4px;
    color:var(--eaucp-muted);
    font-size:9px;
    font-weight:700;
    line-height:1.4;
    letter-spacing:2px;
    text-transform:uppercase;
}

.eaucp-panel-title{
    margin:0;
    color:var(--eaucp-text);
    font-size:15px;
    font-weight:700;
    line-height:1.4;
    letter-spacing:1px;
    text-transform:uppercase;
}

.eaucp-panel-count{
    flex-shrink:0;
    padding:7px 11px;
    color:var(--eaucp-accent-light);
    background:rgba(33,139,208,.1);
    border:1px solid var(--eaucp-line-soft);
    font-size:9px;
    font-weight:700;
    line-height:1.3;
    letter-spacing:1.5px;
    text-transform:uppercase;
}

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

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

.eaucp-table{
    width:100%;
    min-width:720px;
    border:0;
    border-collapse:collapse;
    border-spacing:0;
    background:transparent;
}

.eaucp-table th,
.eaucp-table td{
    border:0;
}

.eaucp-table-head th{
    padding:12px 15px;
    color:var(--eaucp-muted);
    background:
        linear-gradient(
            180deg,
            rgba(11,49,80,.75),
            rgba(4,25,43,.82)
        );
    border-right:1px solid rgba(29,95,143,.18);
    border-bottom:1px solid var(--eaucp-line-soft);
    font-size:9px;
    font-weight:700;
    line-height:1.4;
    letter-spacing:1.5px;
    text-align:left;
    text-transform:uppercase;
}

.eaucp-table-head th:last-child{
    border-right:0;
}

.eaucp-table-head .eaucp-center{
    text-align:center;
}

.eaucp-table td{
    padding:15px;
    color:var(--eaucp-text-soft);
    background:rgba(2,13,24,.34);
    border-right:1px solid rgba(29,95,143,.13);
    border-bottom:1px solid rgba(29,95,143,.18);
    font-size:11px;
    line-height:1.55;
    vertical-align:middle;
    transition:
        background .2s ease,
        color .2s ease;
}

.eaucp-table tr:last-child td{
    border-bottom:0;
}

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

.eaucp-table tr:hover td{
    background:rgba(33,139,208,.075);
}

.eaucp-table .trow1,
.eaucp-table .trow2{
    color:var(--eaucp-text-soft);
    background:rgba(2,13,24,.34);
}

.eaucp-table .eaucp-main-cell{
    min-width:280px;
}

.eaucp-table .eaucp-main-cell strong{
    color:var(--eaucp-text);
    font-size:12px;
    font-weight:700;
}

.eaucp-table .smalltext{
    color:var(--eaucp-muted);
    font-size:10px;
    line-height:1.55;
}

.eaucp-table .smalltext a{
    color:var(--eaucp-accent-light);
}

.eaucp-table .eaucp-center{
    text-align:center;
}

.eaucp-table .eaucp-nowrap{
    white-space:nowrap;
}

.eaucp-table .eaucp-lastpost{
    min-width:185px;
    white-space:nowrap;
}

.eaucp-table .eaucp-edit-link{
    display:inline-block;
    padding:7px 11px;
    color:var(--eaucp-accent-light);
    background:rgba(33,139,208,.09);
    border:1px solid var(--eaucp-line-soft);
    font-size:9px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
}

.eaucp-table .eaucp-edit-link:hover{
    color:var(--eaucp-bg-deep);
    background:var(--eaucp-accent-light);
    border-color:var(--eaucp-accent-light);
}

/* ==========================================================
   CHECKBOXEN
   ========================================================== */

.eaucp-page input[type="checkbox"]{
    width:15px;
    height:15px;
    margin:0;
    accent-color:var(--eaucp-accent-light);
    cursor:pointer;
}

/* ==========================================================
   BUTTONS UND AKTIONEN
   ========================================================== */

.eaucp-actions{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:12px;
    margin-top:18px;
}

.eaucp-page input[type="submit"],
.eaucp-page input.button,
.eaucp-page button{
    display:inline-block;
    min-width:155px;
    padding:11px 17px;
    color:var(--eaucp-bg-deep);
    background:var(--eaucp-accent-light);
    border:1px solid var(--eaucp-accent-light);
    outline:0;
    cursor:pointer;
    font-family:inherit;
    font-size:9px;
    font-weight:800;
    line-height:1.4;
    letter-spacing:1.4px;
    text-transform:uppercase;
    clip-path:polygon(
        10px 0,
        100% 0,
        100% calc(100% - 10px),
        calc(100% - 10px) 100%,
        0 100%,
        0 10px
    );
    transition:
        color .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}

.eaucp-page input[type="submit"]:hover,
.eaucp-page input.button:hover,
.eaucp-page button:hover{
    color:var(--eaucp-accent-light);
    background:var(--eaucp-panel-light);
    box-shadow:0 0 20px rgba(117,208,255,.2);
}

.eaucp-page input[type="submit"]:disabled,
.eaucp-page input.button:disabled{
    cursor:not-allowed;
    opacity:.45;
}

.eaucp-page select{
    max-width:280px;
    padding:9px 32px 9px 11px;
    color:var(--eaucp-text);
    background:var(--eaucp-bg-deep);
    border:1px solid var(--eaucp-line);
    outline:0;
    font-family:inherit;
    font-size:10px;
}

/* ==========================================================
   LEERZUSTÄNDE
   ========================================================== */

.eaucp-empty{
    padding:45px 25px !important;
    color:var(--eaucp-muted) !important;
    background:
        radial-gradient(
            circle at center,
            rgba(33,139,208,.08),
            transparent 58%
        ) !important;
    text-align:center;
}

.eaucp-empty::before{
    content:"NO DATA";
    display:flex;
    justify-content:center;
    align-items:center;
    width:58px;
    height:58px;
    margin:0 auto 14px;
    color:var(--eaucp-accent-light);
    background:rgba(1,9,20,.65);
    border:1px solid var(--eaucp-line);
    font-size:8px;
    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%
    );
}

.eaucp-empty-text{
    display:block;
    color:var(--eaucp-muted);
    font-size:11px;
    letter-spacing:.5px;
}

/* ==========================================================
   ABONNEMENT-AKTIONEN
   ========================================================== */

.eaucp-subscription-footer{
    padding:16px 18px !important;
    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.09),
            rgba(1,9,20,.48)
        ) !important;
}

.eaucp-subscription-actions{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
}

.eaucp-subscription-remove-all{
    font-size:10px;
    font-weight:700;
    letter-spacing:.5px;
}

.eaucp-subscription-select{
    display:flex;
    align-items:center;
    gap:9px;
    color:var(--eaucp-muted);
    font-size:9px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
}

/* ==========================================================
   STATUS UND ICONS
   ========================================================== */

.eaucp-thread-status,
.eaucp-forum-status{
    text-align:center;
}

.eaucp-thread-status .thread_status{
    display:inline-block;
    float:none;
    margin:0;
}

.eaucp-thread-icon img{
    display:block;
    max-width:24px;
    max-height:24px;
    margin:auto;
}

.eaucp-forum-status .forum_status{
    display:inline-block;
    float:none;
    margin:0;
}

/* ==========================================================
   LEGENDE
   ========================================================== */

.eaucp-legend{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    margin-top:18px;
}

.eaucp-legend-item{
    display:flex;
    align-items:center;
    gap:9px;
    min-width:0;
    padding:10px 12px;
    color:var(--eaucp-muted);
    background:
        linear-gradient(
            135deg,
            rgba(8,43,69,.68),
            rgba(4,25,43,.85)
        );
    border:1px solid var(--eaucp-line-soft);
    font-size:9px;
    line-height:1.4;
}

.eaucp-legend-item .thread_status{
    display:inline-block;
    float:none;
    flex-shrink:0;
    margin:0;
}

/* ==========================================================
   MULTIPAGE
   ========================================================== */

.eaucp-pagination{
    margin:0 0 15px;
}

.eaucp-pagination-bottom{
    margin:15px 0 0;
}

.eaucp-page .pagination{
    color:var(--eaucp-muted);
}

.eaucp-page .pagination a,
.eaucp-page .pagination .pagination_current{
    display:inline-block;
    margin:2px;
    padding:6px 9px;
    color:var(--eaucp-text-soft);
    background:var(--eaucp-panel);
    border:1px solid var(--eaucp-line-soft);
}

.eaucp-page .pagination a:hover,
.eaucp-page .pagination .pagination_current{
    color:var(--eaucp-bg-deep);
    background:var(--eaucp-accent-light);
    border-color:var(--eaucp-accent-light);
}

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

@media (max-width:760px){

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

    .eaucp-hero{
        align-items:flex-start;
        flex-direction:column;
        gap:17px;
        padding:23px;
    }

    .eaucp-title{
        font-size:21px;
    }

    .eaucp-body{
        padding:15px;
    }

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

    .eaucp-legend{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .eaucp-subscription-actions{
        align-items:flex-start;
        flex-direction:column;
    }

    .eaucp-subscription-select{
        align-items:flex-start;
        flex-direction:column;
        width:100%;
    }

    .eaucp-page select{
        width:100%;
        max-width:none;
    }
}

@media (max-width:500px){

    .eaucp-module{
        align-items:flex-start;
    }

    .eaucp-module-text{
        letter-spacing:1px;
    }

    .eaucp-legend{
        grid-template-columns:1fr;
    }

    .eaucp-actions{
        display:block;
    }

    .eaucp-page input[type="submit"],
    .eaucp-page input.button,
    .eaucp-page button{
        width:100%;
    }
}

/* ==========================================================
   EVERYONE ASSEMBLE
   USERCP – OPTIONEN
   Ergänzung zur bestehenden .eaucp-page CSS
   ========================================================== */

.eaucp-options-page .eaucp-body{
    padding:25px;
}

.eaucp-options-form{
    position:relative;
}

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

.eaucp-options-column{
    display:flex;
    flex-direction:column;
    gap:20px;
    min-width:0;
}

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

.eaucp-errors:empty{
    display:none;
}

.eaucp-errors{
    margin-bottom:20px;
}

.eaucp-errors .error,
.eaucp-errors .inline_error{
    position:relative;
    margin:0 0 10px;
    padding:14px 16px 14px 46px;
    color:#f2c7ce;
    background:
        linear-gradient(
            90deg,
            rgba(207,102,121,.15),
            rgba(4,25,43,.92)
        );
    border:1px solid rgba(207,102,121,.55);
    font-size:11px;
    line-height:1.6;
}

.eaucp-errors .error::before,
.eaucp-errors .inline_error::before{
    content:"!";
    position:absolute;
    top:50%;
    left:14px;
    display:flex;
    justify-content:center;
    align-items:center;
    width:20px;
    height:20px;
    color:#f2c7ce;
    border:1px solid rgba(207,102,121,.7);
    font-size:11px;
    font-weight:800;
    transform:translateY(-50%) rotate(45deg);
}

.eaucp-errors .error::after,
.eaucp-errors .inline_error::after{
    content:"!";
    position:absolute;
    top:50%;
    left:14px;
    display:flex;
    justify-content:center;
    align-items:center;
    width:20px;
    height:20px;
    color:#f2c7ce;
    font-size:11px;
    font-weight:800;
    transform:translateY(-50%);
}

.eaucp-errors .error::before{
    color:transparent;
}

/* ==========================================================
   EINSTELLUNGSBEREICHE
   ========================================================== */

.eaucp-option-section{
    position:relative;
    background:
        linear-gradient(
            145deg,
            rgba(8,43,69,.84),
            rgba(4,25,43,.96)
        );
    border:1px solid var(--eaucp-line-soft);
    box-shadow:
        0 12px 24px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.025);
    overflow:hidden;
}

.eaucp-option-section::before{
    content:"";
    position:absolute;
    z-index:2;
    top:0;
    left:0;
    width:42px;
    height:2px;
    background:var(--eaucp-accent-light);
    box-shadow:
        42px 0 0 var(--eaucp-accent),
        84px 0 0 rgba(33,139,208,.35);
}

.eaucp-option-section::after{
    content:"";
    position:absolute;
    z-index:0;
    right:-35px;
    bottom:-35px;
    width:100px;
    height:100px;
    border:1px solid rgba(117,208,255,.06);
    transform:rotate(45deg);
    pointer-events:none;
}

.eaucp-option-section-head{
    position:relative;
    z-index:1;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:15px;
    padding:18px 20px;
    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.13),
            transparent
        ),
        rgba(1,9,20,.28);
    border-bottom:1px solid var(--eaucp-line-soft);
}

.eaucp-option-section-heading{
    min-width:0;
}

.eaucp-option-section-code{
    display:block;
    margin-bottom:4px;
    color:var(--eaucp-muted);
    font-size:9px;
    font-weight:700;
    line-height:1.4;
    letter-spacing:2px;
    text-transform:uppercase;
}

.eaucp-option-section-title{
    margin:0;
    color:var(--eaucp-text);
    font-size:14px;
    font-weight:700;
    line-height:1.4;
    letter-spacing:.8px;
    text-transform:uppercase;
}

.eaucp-option-section-index{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-shrink:0;
    width:42px;
    height:42px;
    color:var(--eaucp-accent-light);
    background:
        linear-gradient(
            145deg,
            rgba(33,139,208,.18),
            rgba(1,9,20,.72)
        );
    border:1px solid var(--eaucp-line);
    font-size:9px;
    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%
    );
}

.eaucp-option-section-index::before{
    content:"";
    position:absolute;
    inset:5px;
    border:1px solid rgba(117,208,255,.2);
    clip-path:inherit;
}

.eaucp-option-section-body{
    position:relative;
    z-index:1;
    display:flex;
    flex-direction:column;
    gap:9px;
    padding:18px;
}

/* ==========================================================
   CHECKBOX-EINSTELLUNGEN
   ========================================================== */

.eaucp-setting-row{
    position:relative;
    display:grid;
    grid-template-columns:18px minmax(0,1fr);
    align-items:start;
    gap:12px;
    min-width:0;
    padding:11px 12px;
    color:var(--eaucp-text-soft);
    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.055),
            rgba(1,9,20,.18)
        );
    border:1px solid rgba(29,95,143,.18);
    transition:
        color .2s ease,
        background .2s ease,
        border-color .2s ease;
}

.eaucp-setting-row::after{
    content:"";
    position:absolute;
    top:-1px;
    right:-1px;
    width:8px;
    height:8px;
    border-top:1px solid rgba(117,208,255,.35);
    border-right:1px solid rgba(117,208,255,.35);
}

.eaucp-setting-row:hover{
    color:var(--eaucp-text);
    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.1),
            rgba(1,9,20,.22)
        );
    border-color:var(--eaucp-line-soft);
}

.eaucp-setting-row input[type="checkbox"]{
    display:block;
    width:16px;
    height:16px;
    margin:1px 0 0;
    accent-color:var(--eaucp-accent-light);
    cursor:pointer;
}

.eaucp-setting-row label{
    display:block;
    min-width:0;
    color:inherit;
    cursor:pointer;
    font-size:10px;
    line-height:1.55;
}

.eaucp-setting-row:hover label{
    color:var(--eaucp-accent-light);
}

/* ==========================================================
   AUSWAHLFELDER
   ========================================================== */

.eaucp-setting-control{
    position:relative;
    padding:11px 12px 13px;
    background:
        linear-gradient(
            145deg,
            rgba(1,9,20,.44),
            rgba(8,43,69,.42)
        );
    border:1px solid rgba(29,95,143,.2);
}

.eaucp-setting-control::before{
    content:"";
    position:absolute;
    top:-1px;
    left:-1px;
    width:12px;
    height:12px;
    border-top:1px solid var(--eaucp-accent);
    border-left:1px solid var(--eaucp-accent);
}

.eaucp-setting-control-label{
    display:block;
    margin-bottom:7px;
    color:var(--eaucp-muted);
    font-size:9px;
    font-weight:700;
    line-height:1.45;
    letter-spacing:.8px;
    text-transform:uppercase;
}

.eaucp-setting-control-description{
    display:block;
    margin:-2px 0 8px;
    color:var(--eaucp-muted);
    font-size:9px;
    line-height:1.5;
}

.eaucp-setting-control select,
.eaucp-setting-control input[type="text"],
.eaucp-setting-control input[type="number"]{
    display:block;
    width:100%;
    max-width:none;
    min-height:38px;
    margin:0;
    padding:9px 34px 9px 11px;
    color:var(--eaucp-text);
    background:var(--eaucp-bg-deep);
    border:1px solid var(--eaucp-line);
    border-radius:0;
    outline:0;
    font-family:inherit;
    font-size:10px;
    line-height:1.4;
    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

.eaucp-setting-control select:focus,
.eaucp-setting-control input[type="text"]:focus,
.eaucp-setting-control input[type="number"]:focus{
    border-color:var(--eaucp-accent-light);
    box-shadow:0 0 0 3px rgba(117,208,255,.08);
}

.eaucp-setting-control select option{
    color:var(--eaucp-text);
    background:var(--eaucp-bg-deep);
}

.eaucp-setting-control > select + select{
    margin-top:8px;
}

/* Von MyBB erzeugte Auswahlfelder */

.eaucp-setting-control table{
    width:100%;
    border:0;
    border-collapse:collapse;
}

.eaucp-setting-control table td{
    padding:0;
    border:0;
}

.eaucp-setting-control #style,
.eaucp-setting-control #language,
.eaucp-setting-control #timezoneoffset{
    width:100%;
    max-width:none;
}

/* ==========================================================
   ABSCHLUSSBEREICH
   ========================================================== */

.eaucp-options-footer{
    position:relative;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    margin-top:22px;
    padding:18px 20px;
    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.11),
            rgba(4,25,43,.88)
        );
    border:1px solid var(--eaucp-line-soft);
}

.eaucp-options-footer::before{
    content:"";
    position:absolute;
    top:-1px;
    left:-1px;
    width:50px;
    height:2px;
    background:var(--eaucp-accent-light);
}

.eaucp-options-footer-text{
    color:var(--eaucp-muted);
    font-size:9px;
    font-weight:700;
    line-height:1.55;
    letter-spacing:1.2px;
    text-transform:uppercase;
}

.eaucp-options-footer-text strong{
    display:block;
    color:var(--eaucp-text);
    font-size:11px;
    letter-spacing:.8px;
}

.eaucp-options-footer input[type="submit"]{
    flex-shrink:0;
    min-width:190px;
}

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

@media (max-width:850px){

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

    .eaucp-options-column{
        display:contents;
    }

    .eaucp-option-section{
        min-width:0;
    }
}

@media (max-width:600px){

    .eaucp-options-page .eaucp-body{
        padding:15px;
    }

    .eaucp-option-section-head{
        padding:16px;
    }

    .eaucp-option-section-body{
        padding:14px;
    }

    .eaucp-options-footer{
        align-items:stretch;
        flex-direction:column;
    }

    .eaucp-options-footer input[type="submit"]{
        width:100%;
        min-width:0;
    }
}

/* ==========================================================
   EVERYONE ASSEMBLE
   USERCP – ACCOUNT, AVATAR UND SIGNATUR
   ========================================================== */

/* ==========================================================
   FEHLER- UND HINWEISBOXEN
   ========================================================== */

.eaucp-form-errors:empty{
    display:none;
}

.eaucp-form-errors{
    margin-bottom:20px;
}

.eaucp-form-errors .error,
.eaucp-form-errors .inline_error,
.eaucp-access-error{
    position:relative;
    margin:0 0 12px;
    padding:16px 18px 16px 52px;
    color:#f1c9d0;
    background:
        linear-gradient(
            90deg,
            rgba(207,102,121,.16),
            rgba(4,25,43,.94)
        );
    border:1px solid rgba(207,102,121,.55);
    font-size:11px;
    line-height:1.65;
}

.eaucp-form-errors .error::before,
.eaucp-form-errors .inline_error::before,
.eaucp-access-error::before{
    content:"!";
    position:absolute;
    top:17px;
    left:17px;
    display:flex;
    justify-content:center;
    align-items:center;
    width:22px;
    height:22px;
    color:#f1c9d0;
    border:1px solid rgba(207,102,121,.75);
    font-size:12px;
    font-weight:800;
    transform:rotate(45deg);
}

.eaucp-form-errors .error::after,
.eaucp-form-errors .inline_error::after,
.eaucp-access-error::after{
    content:"!";
    position:absolute;
    top:19px;
    left:19px;
    display:flex;
    justify-content:center;
    align-items:center;
    width:18px;
    height:18px;
    color:#f1c9d0;
    font-size:11px;
    font-weight:800;
}

.eaucp-form-errors .error p,
.eaucp-form-errors .error ul,
.eaucp-access-error p,
.eaucp-access-error ul{
    margin-top:0;
    margin-bottom:8px;
}

.eaucp-form-errors .error ul,
.eaucp-access-error ul{
    margin-bottom:0;
    padding-left:18px;
}

/* ==========================================================
   FORMULAR-PANEL
   ========================================================== */

.eaucp-form-panel{
    position:relative;
    background:
        linear-gradient(
            145deg,
            rgba(8,43,69,.84),
            rgba(4,25,43,.96)
        );
    border:1px solid var(--eaucp-line-soft);
    box-shadow:
        0 12px 24px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.025);
    overflow:hidden;
}

.eaucp-form-panel::before{
    content:"";
    position:absolute;
    z-index:3;
    top:0;
    left:0;
    width:50px;
    height:2px;
    background:var(--eaucp-accent-light);
    box-shadow:
        50px 0 0 var(--eaucp-accent),
        100px 0 0 rgba(33,139,208,.38);
}

.eaucp-form-panel-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    padding:20px 22px;
    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.13),
            transparent
        ),
        rgba(1,9,20,.27);
    border-bottom:1px solid var(--eaucp-line-soft);
}

.eaucp-form-panel-copy{
    min-width:0;
}

.eaucp-form-panel-code{
    display:block;
    margin-bottom:4px;
    color:var(--eaucp-muted);
    font-size:9px;
    font-weight:700;
    line-height:1.4;
    letter-spacing:2px;
    text-transform:uppercase;
}

.eaucp-form-panel-title{
    margin:0;
    color:var(--eaucp-text);
    font-size:15px;
    font-weight:700;
    line-height:1.4;
    letter-spacing:1px;
    text-transform:uppercase;
}

.eaucp-form-panel-status{
    flex-shrink:0;
    padding:7px 11px;
    color:var(--eaucp-accent-light);
    background:rgba(33,139,208,.09);
    border:1px solid var(--eaucp-line-soft);
    font-size:9px;
    font-weight:700;
    letter-spacing:1.4px;
    text-transform:uppercase;
}

.eaucp-form-panel-body{
    padding:22px;
}

/* ==========================================================
   FORMULAR-ABSCHNITTE
   ========================================================== */

.eaucp-form-section + .eaucp-form-section{
    margin-top:22px;
}

.eaucp-form-section-head{
    position:relative;
    margin-bottom:12px;
    padding:11px 14px 11px 40px;
    color:var(--eaucp-text);
    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.12),
            rgba(1,9,20,.26)
        );
    border:1px solid rgba(29,95,143,.24);
    font-size:11px;
    font-weight:700;
    line-height:1.5;
    letter-spacing:.8px;
    text-transform:uppercase;
}

.eaucp-form-section-head::before{
    content:"";
    position:absolute;
    top:50%;
    left:15px;
    width:10px;
    height:10px;
    background:transparent;
    border:1px solid var(--eaucp-accent-light);
    transform:translateY(-50%) rotate(45deg);
}

.eaucp-form-section-head::after{
    content:"";
    position:absolute;
    top:50%;
    left:18px;
    width:4px;
    height:4px;
    background:var(--eaucp-accent-light);
    transform:translateY(-50%) rotate(45deg);
    box-shadow:0 0 8px rgba(117,208,255,.7);
}

.eaucp-form-row{
    display:grid;
    grid-template-columns:minmax(180px,35%) minmax(0,1fr);
    align-items:center;
    gap:20px;
    padding:15px;
    background:
        linear-gradient(
            90deg,
            rgba(1,9,20,.38),
            rgba(8,43,69,.34)
        );
    border:1px solid rgba(29,95,143,.2);
}

.eaucp-form-row + .eaucp-form-row{
    margin-top:8px;
}

.eaucp-form-row-top{
    align-items:start;
}

.eaucp-form-label{
    color:var(--eaucp-text-soft);
    font-size:10px;
    font-weight:700;
    line-height:1.55;
    letter-spacing:.5px;
    text-transform:uppercase;
}

.eaucp-form-label-note{
    display:block;
    margin-top:5px;
    color:var(--eaucp-muted);
    font-size:9px;
    font-weight:400;
    line-height:1.55;
    letter-spacing:0;
    text-transform:none;
}

.eaucp-form-control{
    min-width:0;
}

.eaucp-form-control input[type="text"],
.eaucp-form-control input[type="password"],
.eaucp-form-control input[type="email"],
.eaucp-form-control input[type="url"],
.eaucp-form-control input[type="file"],
.eaucp-form-control textarea,
.eaucp-signature-editor textarea{
    display:block;
    width:100%;
    max-width:none;
    min-height:40px;
    margin:0;
    padding:10px 12px;
    color:var(--eaucp-text);
    background:
        linear-gradient(
            145deg,
            rgba(1,9,20,.92),
            rgba(4,25,43,.94)
        );
    border:1px solid var(--eaucp-line);
    border-radius:0;
    outline:0;
    font-family:inherit;
    font-size:11px;
    line-height:1.5;
    box-shadow:inset 0 7px 15px rgba(0,0,0,.16);
    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

.eaucp-form-control input:focus,
.eaucp-form-control textarea:focus,
.eaucp-signature-editor textarea:focus{
    border-color:var(--eaucp-accent-light);
    box-shadow:
        inset 0 7px 15px rgba(0,0,0,.16),
        0 0 0 3px rgba(117,208,255,.08);
}

.eaucp-form-control input[type="file"]{
    padding:8px;
    cursor:pointer;
}

.eaucp-form-control input[type="file"]::file-selector-button{
    margin-right:12px;
    padding:8px 12px;
    color:var(--eaucp-bg-deep);
    background:var(--eaucp-accent-light);
    border:0;
    cursor:pointer;
    font-family:inherit;
    font-size:9px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}

.eaucp-control-note{
    display:block;
    margin-top:7px;
    color:var(--eaucp-muted);
    font-size:9px;
    line-height:1.55;
}

.eaucp-control-note a{
    color:var(--eaucp-accent-light);
}

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

.eaucp-inline-check{
    display:flex;
    align-items:flex-start;
    gap:9px;
    margin-top:9px;
    color:var(--eaucp-muted);
    font-size:9px;
    line-height:1.55;
}

.eaucp-inline-check input[type="checkbox"],
.eaucp-radio-option input[type="radio"]{
    flex-shrink:0;
    width:16px;
    height:16px;
    margin:1px 0 0;
    accent-color:var(--eaucp-accent-light);
    cursor:pointer;
}

.eaucp-inline-check label,
.eaucp-radio-option label{
    cursor:pointer;
}

.eaucp-radio-list{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.eaucp-radio-option{
    display:flex;
    align-items:flex-start;
    gap:10px;
    padding:10px 12px;
    color:var(--eaucp-text-soft);
    background:rgba(1,9,20,.28);
    border:1px solid rgba(29,95,143,.18);
    font-size:10px;
    line-height:1.55;
    transition:
        color .2s ease,
        background .2s ease,
        border-color .2s ease;
}

.eaucp-radio-option:hover{
    color:var(--eaucp-accent-light);
    background:rgba(33,139,208,.08);
    border-color:var(--eaucp-line-soft);
}

/* ==========================================================
   FORMULAR-AKTIONEN
   ========================================================== */

.eaucp-form-actions{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    margin-top:20px;
    padding:17px 18px;
    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.1),
            rgba(4,25,43,.88)
        );
    border:1px solid var(--eaucp-line-soft);
}

.eaucp-form-actions input[type="submit"]{
    min-width:180px;
}

.eaucp-form-actions input[name="remove"]{
    color:#f1c9d0;
    background:rgba(207,102,121,.1);
    border-color:rgba(207,102,121,.55);
}

.eaucp-form-actions input[name="remove"]:hover{
    color:#ffffff;
    background:rgba(207,102,121,.32);
    box-shadow:0 0 20px rgba(207,102,121,.16);
}

.eaucp-form-actions input[name="preview"]{
    color:var(--eaucp-accent-light);
    background:var(--eaucp-panel-light);
    border-color:var(--eaucp-line);
}

.eaucp-form-actions input[name="preview"]:hover{
    color:var(--eaucp-bg-deep);
    background:var(--eaucp-accent-light);
}

/* ==========================================================
   AVATAR
   ========================================================== */

.eaucp-avatar-overview{
    display:grid;
    grid-template-columns:minmax(0,1fr) 180px;
    align-items:center;
    gap:25px;
    padding:20px;
    background:
        radial-gradient(
            circle at right center,
            rgba(33,139,208,.12),
            transparent 45%
        ),
        rgba(1,9,20,.3);
    border:1px solid rgba(29,95,143,.2);
}

.eaucp-avatar-note{
    color:var(--eaucp-text-soft);
    font-size:10px;
    line-height:1.7;
}

.eaucp-current-avatar{
    position:relative;
    width:100%;
    max-width:180px;
    margin-left:auto;
    padding:6px;
    background:var(--eaucp-bg-deep);
    border:1px solid var(--eaucp-line);
}

.eaucp-current-avatar::before,
.eaucp-current-avatar::after{
    content:"";
    position:absolute;
    z-index:2;
    width:22px;
    height:22px;
    pointer-events:none;
}

.eaucp-current-avatar::before{
    top:-1px;
    left:-1px;
    border-top:2px solid var(--eaucp-accent-light);
    border-left:2px solid var(--eaucp-accent-light);
}

.eaucp-current-avatar::after{
    right:-1px;
    bottom:-1px;
    border-right:2px solid var(--eaucp-accent-light);
    border-bottom:2px solid var(--eaucp-accent-light);
}

.eaucp-current-avatar img{
    display:block;
    width:100%;
    height:auto;
    max-height:230px;
    object-fit:cover;
}

.eaucp-usercp-avatar{
    display:inline-block;
    position:relative;
    padding:5px;
    background:var(--eaucp-bg-deep);
    border:1px solid var(--eaucp-line);
}

.eaucp-usercp-avatar img{
    display:block;
    max-width:180px;
    height:auto;
}

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

.eaucp-signature-layout{
    display:grid;
    grid-template-columns:210px minmax(0,1fr);
    gap:20px;
}

.eaucp-signature-help{
    color:var(--eaucp-muted);
    font-size:10px;
    line-height:1.7;
}

.eaucp-signature-help .smilieinserter,
.eaucp-signature-help table{
    max-width:100%;
}

.eaucp-signature-editor{
    min-width:0;
}

.eaucp-signature-editor textarea{
    min-height:260px;
    resize:vertical;
}

.eaucp-signature-editor .editor{
    width:100% !important;
    max-width:100%;
}

.eaucp-signature-editor .sceditor-container{
    width:100% !important;
    max-width:100%;
    border:1px solid var(--eaucp-line) !important;
}

.eaucp-signature-editor .sceditor-toolbar{
    background:var(--eaucp-panel-soft) !important;
    border-bottom:1px solid var(--eaucp-line) !important;
}

.eaucp-signature-editor .sceditor-container iframe,
.eaucp-signature-editor .sceditor-container textarea{
    background:var(--eaucp-bg-deep) !important;
}

.eaucp-signature-preview{
    position:relative;
    margin-bottom:20px;
    background:
        linear-gradient(
            145deg,
            rgba(8,43,69,.84),
            rgba(4,25,43,.96)
        );
    border:1px solid var(--eaucp-line-soft);
    overflow:hidden;
}

.eaucp-signature-preview::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:50px;
    height:2px;
    background:var(--eaucp-accent-light);
    box-shadow:50px 0 0 var(--eaucp-accent);
}

.eaucp-signature-preview-head{
    padding:16px 20px;
    color:var(--eaucp-text);
    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.12),
            transparent
        );
    border-bottom:1px solid var(--eaucp-line-soft);
    font-size:12px;
    font-weight:700;
    letter-spacing:.8px;
    text-transform:uppercase;
}

.eaucp-signature-preview-body{
    padding:22px;
    color:var(--eaucp-text-soft);
    background:rgba(1,9,20,.24);
    font-size:11px;
    line-height:1.65;
    overflow:auto;
}

.eaucp-signature-preview-body img{
    max-width:100%;
    height:auto;
}

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

@media (max-width:760px){

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

    .eaucp-form-row{
        grid-template-columns:1fr;
        gap:9px;
    }

    .eaucp-avatar-overview{
        grid-template-columns:1fr;
    }

    .eaucp-current-avatar{
        margin:0 auto;
    }

    .eaucp-signature-layout{
        grid-template-columns:1fr;
    }

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

    .eaucp-form-actions input[type="submit"]{
        width:100%;
        min-width:0;
    }
}

/* ==========================================================
   EVERYONE ASSEMBLE
   USERCP – PROFIL BEARBEITEN
   Ergänzung zur bestehenden .eaucp-page CSS
   ========================================================== */

.eaucp-profile-page .eaucp-body{
    padding:25px;
}

.eaucp-profile-form{
    position:relative;
}

.eaucp-profile-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    align-items:start;
    gap:20px;
}

.eaucp-profile-column{
    display:flex;
    flex-direction:column;
    gap:20px;
    min-width:0;
}

/* ==========================================================
   PROFILABSCHNITTE
   ========================================================== */

.eaucp-profile-section{
    position:relative;
    min-width:0;
    background:
        linear-gradient(
            145deg,
            rgba(8,43,69,.84),
            rgba(4,25,43,.96)
        );
    border:1px solid var(--eaucp-line-soft);
    box-shadow:
        0 12px 24px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.025);
    overflow:hidden;
}

.eaucp-profile-section::before{
    content:"";
    position:absolute;
    z-index:3;
    top:0;
    left:0;
    width:46px;
    height:2px;
    background:var(--eaucp-accent-light);
    box-shadow:
        46px 0 0 var(--eaucp-accent),
        92px 0 0 rgba(33,139,208,.36);
}

.eaucp-profile-section::after{
    content:"";
    position:absolute;
    z-index:0;
    right:-38px;
    bottom:-38px;
    width:105px;
    height:105px;
    border:1px solid rgba(117,208,255,.055);
    transform:rotate(45deg);
    pointer-events:none;
}

.eaucp-profile-section-head{
    position:relative;
    z-index:1;
    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(--eaucp-line-soft);
}

.eaucp-profile-section-heading{
    min-width:0;
}

.eaucp-profile-section-code{
    display:block;
    margin-bottom:4px;
    color:var(--eaucp-muted);
    font-size:9px;
    font-weight:700;
    line-height:1.4;
    letter-spacing:2px;
    text-transform:uppercase;
}

.eaucp-profile-section-title{
    margin:0;
    color:var(--eaucp-text);
    font-size:14px;
    font-weight:700;
    line-height:1.4;
    letter-spacing:.9px;
    text-transform:uppercase;
}

.eaucp-profile-section-index{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-shrink:0;
    width:42px;
    height:42px;
    color:var(--eaucp-accent-light);
    background:
        linear-gradient(
            145deg,
            rgba(33,139,208,.2),
            rgba(1,9,20,.76)
        );
    border:1px solid var(--eaucp-line);
    font-size:9px;
    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%
    );
}

.eaucp-profile-section-index::before{
    content:"";
    position:absolute;
    inset:5px;
    border:1px solid rgba(117,208,255,.2);
    clip-path:inherit;
}

.eaucp-profile-section-body{
    position:relative;
    z-index:1;
    padding:18px;
}

/* ==========================================================
   EINZELNE PROFILFELDER
   ========================================================== */

.eaucp-profile-fields{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.eaucp-profile-field{
    position:relative;
    min-width:0;
    padding:13px;
    background:
        linear-gradient(
            145deg,
            rgba(1,9,20,.42),
            rgba(8,43,69,.4)
        );
    border:1px solid rgba(29,95,143,.2);
}

.eaucp-profile-field::before{
    content:"";
    position:absolute;
    top:-1px;
    left:-1px;
    width:12px;
    height:12px;
    border-top:1px solid var(--eaucp-accent);
    border-left:1px solid var(--eaucp-accent);
}

.eaucp-profile-field-name{
    display:block;
    margin-bottom:4px;
    color:var(--eaucp-text-soft);
    font-size:10px;
    font-weight:700;
    line-height:1.45;
    letter-spacing:.6px;
    text-transform:uppercase;
}

.eaucp-profile-field-description{
    display:block;
    margin-bottom:9px;
    color:var(--eaucp-muted);
    font-size:9px;
    line-height:1.55;
}

.eaucp-profile-field-control{
    min-width:0;
}

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

.eaucp-profile-page input[type="text"],
.eaucp-profile-page input[type="password"],
.eaucp-profile-page input[type="email"],
.eaucp-profile-page input[type="url"],
.eaucp-profile-page input[type="number"],
.eaucp-profile-page select,
.eaucp-profile-page textarea{
    display:block;
    width:100%;
    max-width:none;
    min-height:39px;
    margin:0;
    padding:9px 11px;
    color:var(--eaucp-text);
    background:
        linear-gradient(
            145deg,
            rgba(1,9,20,.94),
            rgba(4,25,43,.94)
        );
    border:1px solid var(--eaucp-line);
    border-radius:0;
    outline:0;
    font-family:inherit;
    font-size:10px;
    line-height:1.5;
    box-shadow:inset 0 7px 15px rgba(0,0,0,.16);
    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

.eaucp-profile-page textarea{
    min-height:125px;
    resize:vertical;
}

.eaucp-profile-page select[multiple]{
    min-height:115px;
    padding:5px;
}

.eaucp-profile-page input:focus,
.eaucp-profile-page select:focus,
.eaucp-profile-page textarea:focus{
    border-color:var(--eaucp-accent-light);
    box-shadow:
        inset 0 7px 15px rgba(0,0,0,.16),
        0 0 0 3px rgba(117,208,255,.08);
}

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

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

.eaucp-profile-choice-list{
    display:flex;
    flex-direction:column;
    gap:6px;
}

.eaucp-profile-choice{
    display:flex;
    align-items:flex-start;
    gap:9px;
    padding:8px 10px;
    color:var(--eaucp-text-soft);
    background:rgba(1,9,20,.28);
    border:1px solid rgba(29,95,143,.16);
    cursor:pointer;
    font-size:10px;
    line-height:1.5;
    transition:
        color .2s ease,
        background .2s ease,
        border-color .2s ease;
}

.eaucp-profile-choice:hover{
    color:var(--eaucp-accent-light);
    background:rgba(33,139,208,.08);
    border-color:var(--eaucp-line-soft);
}

.eaucp-profile-choice input[type="checkbox"],
.eaucp-profile-choice input[type="radio"],
.eaucp-profile-inline-check input[type="checkbox"]{
    flex-shrink:0;
    width:16px;
    height:16px;
    margin:0;
    accent-color:var(--eaucp-accent-light);
    cursor:pointer;
}

.eaucp-profile-inline-check{
    display:flex;
    align-items:flex-start;
    gap:9px;
    margin-top:10px;
    padding:9px 10px;
    color:var(--eaucp-muted);
    background:rgba(1,9,20,.27);
    border:1px solid rgba(29,95,143,.16);
    font-size:9px;
    line-height:1.55;
}

.eaucp-profile-inline-check label{
    cursor:pointer;
}

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

.eaucp-profile-info-box{
    margin-bottom:10px;
    padding:11px 12px;
    color:var(--eaucp-muted);
    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.07),
            rgba(1,9,20,.25)
        );
    border:1px solid rgba(29,95,143,.18);
    font-size:9px;
    line-height:1.6;
}

.eaucp-profile-title-value{
    display:block;
    margin-top:5px;
    padding:9px 11px;
    color:var(--eaucp-accent-light);
    background:var(--eaucp-bg-deep);
    border-left:2px solid var(--eaucp-accent);
    font-size:11px;
    font-weight:700;
    line-height:1.5;
}

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

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

.eaucp-away-status .eaucp-profile-choice{
    align-items:center;
    min-height:42px;
}

.eaucp-away-date{
    display:grid;
    grid-template-columns:90px minmax(140px,1fr) 95px;
    gap:8px;
}

.eaucp-away-date select,
.eaucp-away-date input{
    width:100%;
}

.eaucp-away-generated{
    margin-bottom:10px;
}

.eaucp-away-generated table,
.eaucp-away-generated tbody,
.eaucp-away-generated tr{
    display:block;
    width:100%;
}

.eaucp-away-generated td{
    display:block;
    width:100% !important;
    padding:0 0 8px !important;
    color:var(--eaucp-muted);
    background:transparent !important;
    border:0 !important;
    font-size:9px;
    line-height:1.55;
}

.eaucp-away-generated input,
.eaucp-away-generated select{
    width:100%;
}

/* ==========================================================
   ZUSÄTZLICHE PROFILFELDER
   ========================================================== */

.eaucp-profile-additional{
    margin-top:20px;
}

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

.eaucp-profile-additional .eaucp-profile-field{
    height:100%;
}

/* ==========================================================
   SPEICHERBEREICH
   ========================================================== */

.eaucp-profile-actions{
    position:relative;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    margin-top:20px;
    padding:18px 20px;
    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.11),
            rgba(4,25,43,.9)
        );
    border:1px solid var(--eaucp-line-soft);
}

.eaucp-profile-actions::before{
    content:"";
    position:absolute;
    top:-1px;
    left:-1px;
    width:55px;
    height:2px;
    background:var(--eaucp-accent-light);
}

.eaucp-profile-actions-text{
    color:var(--eaucp-muted);
    font-size:9px;
    font-weight:700;
    line-height:1.55;
    letter-spacing:1.1px;
    text-transform:uppercase;
}

.eaucp-profile-actions-text strong{
    display:block;
    color:var(--eaucp-text);
    font-size:11px;
    letter-spacing:.7px;
}

.eaucp-profile-actions input[type="submit"]{
    flex-shrink:0;
    min-width:190px;
}

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

@media (max-width:900px){

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

    .eaucp-profile-column{
        display:contents;
    }
}

@media (max-width:700px){

    .eaucp-profile-page .eaucp-body{
        padding:15px;
    }

    .eaucp-profile-section-head{
        padding:16px;
    }

    .eaucp-profile-section-body{
        padding:14px;
    }

    .eaucp-profile-additional .eaucp-profile-fields{
        grid-template-columns:1fr;
    }

    .eaucp-away-date{
        grid-template-columns:1fr;
    }

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

    .eaucp-profile-actions input[type="submit"]{
        width:100%;
        min-width:0;
    }
}

@media (max-width:480px){

    .eaucp-away-status{
        grid-template-columns:1fr;
    }
}