/* =====================================================
   TFZ ADMIN VISUAL FIX
   Größer, kräftiger, deutlicher
   ===================================================== */

body{
    font-size:15px !important;
}

/* ---------------- SIDEBAR ---------------- */

aside,
.admin-sidebar{
    min-width:245px !important;
}

#admin-nav{
    margin-top:18px;
}

#admin-nav button{
    width:100%;
    min-height:52px !important;
    padding:0 22px !important;
    font-size:12px !important;
    font-weight:800 !important;
    letter-spacing:.09em !important;
    text-align:left;
    border-left:3px solid transparent !important;
    transition:.2s ease;
}

#admin-nav button:hover{
    background:#17191c !important;
    color:#fff !important;
    border-left-color:#ed101c !important;
}

#admin-nav button.active{
    background:
        linear-gradient(
            90deg,
            rgba(237,16,28,.20),
            rgba(237,16,28,.03)
        ) !important;

    color:#fff !important;
    border-left-color:#ed101c !important;
}

#admin-nav button span{
    font-size:12px !important;
}

/* ---------------- LOGO / SIDEBAR HEADER ---------------- */

aside img,
.admin-sidebar img{
    max-width:82px !important;
    max-height:82px !important;
    object-fit:contain !important;
}

aside strong,
.admin-sidebar strong{
    font-size:17px !important;
}

aside small,
.admin-sidebar small{
    font-size:9px !important;
    letter-spacing:.16em !important;
}

/* ---------------- HAUPTBEREICH ---------------- */

main,
.admin-main{
    padding:36px 44px !important;
}

#view-title{
    font-size:44px !important;
    line-height:1 !important;
    letter-spacing:.02em !important;
}

#view-description{
    margin-top:8px !important;
    font-size:14px !important;
    color:#aaaeb4 !important;
}

/* ---------------- DASHBOARD ---------------- */

#dashboard{
    gap:18px !important;
}

#dashboard article{
    min-height:180px !important;
    padding:28px 30px !important;
    border:1px solid #2d3035 !important;
    background:#131517 !important;
    box-shadow:
        inset 0 0 22px rgba(0,0,0,.22),
        0 8px 24px rgba(0,0,0,.18);
}

#dashboard article:hover{
    border-color:#4a161b !important;
    transform:translateY(-2px);
}

#dashboard article strong{
    font-size:54px !important;
    line-height:.95 !important;
}

#dashboard article span{
    margin-top:10px !important;
    font-size:11px !important;
    font-weight:800 !important;
    letter-spacing:.13em !important;
    color:#9da1a7 !important;
}

#dashboard .welcome{
    min-height:190px !important;
    padding:34px 34px !important;
    background:
        linear-gradient(
            110deg,
            #6d0008 0%,
            #b6000c 45%,
            #ef101c 100%
        ) !important;
}

#dashboard .welcome p{
    font-size:11px !important;
    font-weight:900 !important;
    letter-spacing:.16em !important;
}

#dashboard .welcome h2{
    margin:12px 0 8px !important;
    font-size:44px !important;
    line-height:.95 !important;
}

#dashboard .welcome span{
    font-size:12px !important;
    color:#fff !important;
    letter-spacing:.06em !important;
}

/* ---------------- TOP HEADER ---------------- */

header,
.admin-header{
    min-height:90px !important;
}

header button,
.admin-header button{
    min-height:42px !important;
    padding:0 24px !important;
    font-size:11px !important;
    font-weight:900 !important;
}

/* ---------------- CONTENT VIEW ---------------- */

#content-view{
    margin-top:24px !important;
}

#content-view table{
    font-size:13px !important;
}

#content-view th{
    padding:16px 14px !important;
    font-size:10px !important;
    letter-spacing:.12em !important;
    color:#aeb2b8 !important;
}

#content-view td{
    padding:15px 14px !important;
    font-size:13px !important;
    line-height:1.45 !important;
}

#content-view td img{
    width:86px !important;
    height:62px !important;
    object-fit:cover !important;
    border-radius:4px;
}

#content-view button,
#new-item{
    min-height:38px !important;
    padding:0 18px !important;
    font-size:10px !important;
    font-weight:900 !important;
}

/* ---------------- FORMULAR / EDITOR ---------------- */

#editor{
    width:min(900px,94vw) !important;
    max-height:90vh !important;
}

#editor-title{
    font-size:30px !important;
}

#editor-fields{
    gap:18px !important;
}

#editor-fields label{
    font-size:12px !important;
    font-weight:800 !important;
}

#editor-fields input,
#editor-fields select,
#editor-fields textarea{
    min-height:46px !important;
    padding:12px 14px !important;
    font-size:14px !important;
}

#editor-fields textarea{
    min-height:130px !important;
}

#editor-fields small{
    font-size:10px !important;
    line-height:1.45 !important;
}

.tfz-setting-image{
    height:300px !important;
}

/* ---------------- STATUS / MESSAGE ---------------- */

#admin-message{
    min-height:24px !important;
    font-size:13px !important;
    font-weight:800 !important;
}

/* ---------------- LINKS UNTEN ---------------- */

aside a,
.admin-sidebar a{
    font-size:10px !important;
    font-weight:800 !important;
    letter-spacing:.12em !important;
}

/* ---------------- SCROLLBAR ---------------- */

::-webkit-scrollbar{
    width:10px;
}

::-webkit-scrollbar-track{
    background:#090a0b;
}

::-webkit-scrollbar-thumb{
    background:#303338;
    border-radius:8px;
}

::-webkit-scrollbar-thumb:hover{
    background:#ed101c;
}

/* ---------------- DESKTOP GROSS ---------------- */

@media(min-width:1400px){

    #dashboard article{
        min-height:200px !important;
    }

    #dashboard article strong{
        font-size:60px !important;
    }

    #dashboard .welcome h2{
        font-size:50px !important;
    }
}

/* ---------------- MOBILE ---------------- */

@media(max-width:900px){

    main,
    .admin-main{
        padding:22px 18px !important;
    }

    #view-title{
        font-size:34px !important;
    }

    #dashboard article{
        min-height:145px !important;
    }

    #dashboard article strong{
        font-size:44px !important;
    }

    #admin-nav button{
        min-height:48px !important;
    }
}