*{box-sizing:border-box}
        html,body{margin:0!important;padding:0!important;background:#f3f6f8!important;color:#31404b!important;font-family:Arial,Helvetica,sans-serif!important;font-size:13px!important}
        body{min-width:980px}
        a{color:#376b91;text-decoration:none}
        a:hover{color:#244d6a;text-decoration:none}

        #top-bar,#header{display:none!important}

        #phn-shell-header{
            height:90px;background:#213746;color:#fff;display:flex;align-items:center;
            padding:0 28px;border-bottom:4px solid #4f86ad;box-shadow:0 2px 10px rgba(0,0,0,.18);
        }
        #phn-shell-brand{display:inline-flex;align-items:center;width:auto!important;min-width:0!important;flex:0 0 auto!important}
        #phn-shell-brand img{display:block;max-width:220px;max-height:62px;width:auto;height:auto;object-fit:contain;margin-right:18px}
        #phn-shell-brand .name{font-size:20px;font-weight:700;line-height:22px;color:#fff}
        #phn-shell-brand .sub{font-size:10px;line-height:15px;color:#b9c9d4;text-transform:uppercase;letter-spacing:.7px}
        #phn-shell-header .grow{flex:1}
        #phn-shell-version{text-align:right;font-size:11px;color:#d7e3ea;line-height:16px}
        #phn-shell-version strong{display:block;color:#fff;font-size:12px}
        #phn-user-area{position:relative;display:flex;align-items:center;margin-left:0;padding-right:18px;border-right:1px solid rgba(255,255,255,.22)}
        #phn-user-button{appearance:none!important;-webkit-appearance:none!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;width:auto!important;height:90px!important;min-width:0!important;margin:0!important;padding:0 14px!important;border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;color:#fff!important;cursor:pointer!important;font-family:Arial,Helvetica,sans-serif!important;text-transform:none!important;transition:background .15s ease!important}
        #phn-user-avatar{order:2;width:42px;height:42px;border-radius:50%;background:#687b87;display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid rgba(255,255,255,.22);flex:0 0 42px}
        #phn-user-avatar img{display:block;max-width:52px;max-height:52px;width:auto;height:auto}
        #phn-user-avatar .fallback{font-size:16px;font-weight:bold;color:#fff}
        #phn-user-meta{order:1;display:block!important;text-align:left!important;line-height:1.1!important;min-width:0!important;white-space:nowrap}
        #phn-user-meta .username{display:block!important;font-size:15px!important;font-weight:700!important;color:#fff!important;line-height:17px!important}
        #phn-user-meta .role{display:block!important;margin-top:2px!important;font-size:10px!important;font-weight:400!important;color:#b9c9d4!important;line-height:12px!important}
        #phn-user-caret{order:3;font-size:10px;color:#b9c9d4;margin-left:0}
        #phn-user-dropdown{display:none;position:absolute;left:0!important;right:17px!important;transform:none!important;top:100%!important;margin-top:6px!important;width:auto!important;min-width:0!important;max-width:none!important;background:#fff;border:1px solid #d2dce2;border-radius:6px;box-shadow:0 10px 26px rgba(0,0,0,.18);z-index:100600;padding:6px}
        #phn-user-dropdown a{display:block;padding:10px 12px;color:#c0392b!important;font-size:12px;font-weight:700;border-radius:4px;text-decoration:none!important;text-align:center!important}
        #phn-user-dropdown a:hover{background:#fff1ef!important;color:#a93226!important}

        #phn-home-link{margin:0 0 0 28px!important;display:inline-block;padding:8px 12px;border:1px solid rgba(255,255,255,.35);border-radius:4px;color:#fff!important;background:rgba(255,255,255,.08);font-size:11px;font-weight:700;text-decoration:none!important;flex:0 0 auto}
        #phn-home-link:hover{background:rgba(255,255,255,.16)!important;color:#fff!important}

        /* Oberer weisser Informationsbalken */
        #mainmenu{
            min-height:54px!important;
            height:auto!important;
            background:#fff!important;
            border:0!important;
            border-bottom:1px solid #d7e0e6!important;
            box-shadow:0 2px 8px rgba(27,48,62,.08)!important;
            padding:0!important;
            display:flex!important;
            align-items:center!important;
        }

        #phn-info-strip{
            width:100%!important;
            min-height:54px!important;
            display:grid!important;
            grid-template-columns:235px minmax(0,1fr) auto auto!important;
            align-items:center!important;
            gap:0!important;
            padding:0!important;
            box-sizing:border-box!important;
            color:#7a8993!important;
            font-size:12px!important;
        }

        #phn-info-strip .phn-network-label{
            align-self:stretch!important;
            display:flex!important;
            align-items:center!important;
            justify-content:flex-start!important;
            padding:0 18px!important;
            border-right:1px solid #d7e0e6!important;
            color:#40525f!important;
            font-size:12px!important;
            font-weight:700!important;
            letter-spacing:.04em!important;
            white-space:nowrap!important;
            box-sizing:border-box!important;
        }

        #phn-info-strip .phn-info-label{
            display:flex!important;
            align-items:center!important;
            gap:8px!important;
            min-width:0!important;
            min-height:32px!important;
            margin:0 12px!important;
            padding:0 14px!important;
            border-radius:4px!important;
            background:#f4f7f9!important;
            border:1px solid #e1e8ec!important;
            box-sizing:border-box!important;
            overflow:hidden!important;
            white-space:nowrap!important;
            text-overflow:ellipsis!important;
        }

        #phn-info-strip .phn-info-dot{
            width:7px!important;height:7px!important;border-radius:50%!important;
            background:#9eabb3!important;display:inline-block!important;flex:0 0 7px!important;
        }

        #phn-info-strip .phn-server-state{
            display:inline-flex!important;
            align-items:center!important;
            gap:7px!important;
            min-height:32px!important;
            margin-right:8px!important;
            padding:0 13px!important;
            border:1px solid #cfe5cf!important;
            border-radius:4px!important;
            background:#edf8ed!important;
            color:#4d754d!important;
            white-space:nowrap!important;
            box-sizing:border-box!important;
        }
        #phn-info-strip .phn-server-state strong{font-weight:700!important}
        #phn-info-strip .phn-server-dot{
            width:7px!important;height:7px!important;border-radius:50%!important;
            background:#73a873!important;display:inline-block!important;
        }

        #phn-report-error{
            min-height:32px!important;
            margin-right:18px!important;
            padding:0 13px!important;
            border:1px solid #e6c4c4!important;
            border-radius:4px!important;
            background:#fff0f0!important;
            color:#b52b2b!important;
            font-size:12px!important;
            font-weight:700!important;
            cursor:pointer!important;
            white-space:nowrap!important;
            transition:background .15s ease,border-color .15s ease!important;
        }
        #phn-report-error:hover{
            background:#ffe5e5!important;
            border-color:#dcaeae!important;
        }

        #phn-error-modal{
            position:fixed!important;
            inset:0!important;
            z-index:120000!important;
            display:none!important;
            align-items:center!important;
            justify-content:center!important;
            padding:20px!important;
            background:rgba(23,38,48,.48)!important;
            box-sizing:border-box!important;
        }
        #phn-error-modal.phn-open{display:flex!important}
        #phn-error-modal .phn-modal-box{
            width:min(430px,100%)!important;
            background:#fff!important;
            border:1px solid #d7e0e6!important;
            border-radius:7px!important;
            box-shadow:0 18px 55px rgba(0,0,0,.22)!important;
            overflow:hidden!important;
        }
        #phn-error-modal .phn-modal-head{
            display:flex!important;
            align-items:center!important;
            justify-content:space-between!important;
            padding:15px 18px!important;
            border-bottom:1px solid #e6ecef!important;
            color:#354b59!important;
            font-size:14px!important;
            font-weight:700!important;
        }
        #phn-error-modal .phn-modal-close{
            border:0!important;background:transparent!important;color:#758691!important;
            font-size:20px!important;line-height:1!important;cursor:pointer!important;padding:0 2px!important;
        }
        #phn-error-modal .phn-modal-body{
            padding:20px 18px!important;
            color:#5c6d78!important;
            font-size:13px!important;
            line-height:1.55!important;
        }
        #phn-error-modal .phn-modal-actions{
            display:flex!important;justify-content:flex-end!important;
            padding:0 18px 18px!important;
        }
        #phn-error-modal .phn-modal-ok{
            border:1px solid #3e789e!important;border-radius:4px!important;
            background:#4f86aa!important;color:#fff!important;font-weight:700!important;
            padding:7px 15px!important;cursor:pointer!important;
        }

        @media(max-width:980px){
            #phn-info-strip{grid-template-columns:235px minmax(0,1fr) auto!important}
            #phn-info-strip .phn-server-state{display:none!important}
        }
        @media(max-width:720px){
            #phn-info-strip{grid-template-columns:1fr auto!important}
            #phn-info-strip .phn-network-label{display:none!important}
            #phn-info-strip .phn-info-label{margin-left:12px!important}
        }

        #phn-layout{display:flex!important;align-items:stretch!important;width:100%!important;min-height:calc(100vh - 90px)!important;position:relative!important;background:linear-gradient(to right,#fff 0,#fff 235px,transparent 235px)!important}

        #phn-sidebar{flex:0 0 235px!important;width:235px!important;min-width:235px!important;min-height:100%!important;align-self:stretch!important;display:flex!important;flex-direction:column!important;background:#fff!important;border-right:1px solid #d7e0e6!important;box-shadow:2px 0 8px rgba(27,48,62,.05)!important;padding:14px 0 18px!important;box-sizing:border-box!important}

        .phn-side-item{
            border-bottom:1px solid #edf1f3!important;
        }

        .phn-side-summary{
            list-style:none!important;
            display:flex!important;
            align-items:center!important;
            min-height:44px!important;
            padding:0 18px!important;
            color:#40525f!important;
            font-size:13px!important;
            font-weight:700!important;
            cursor:pointer!important;
            user-select:none!important;
            position:relative!important;
            background:#fff!important;
            transition:background .16s ease,color .16s ease!important;
        }
                .phn-side-summary:hover{background:#f2f7fa!important}
        .phn-side-summary:after{
            content:"\25B8";
            position:absolute!important;
            right:15px!important;
            color:#81939f!important;
            font-size:15px!important;
            line-height:1!important;
            transition:transform .32s cubic-bezier(.22,.61,.36,1)!important;
        }
        .phn-side-item.open>.phn-side-summary{
            background:#eaf2f6!important;
            color:#2f4453!important;
        }
        .phn-side-item.open>.phn-side-summary:after{
            transform:rotate(90deg)!important;
        }

        .phn-side-icon{
            width:17px!important;
            height:17px!important;
            object-fit:contain!important;
            margin-right:9px!important;
            opacity:.78!important;
            flex:0 0 17px!important;
        }
        /* Echte Hoehenanimation fuer die Sidebar */
        .phn-side-children{
            height:0;
            overflow:hidden!important;
            opacity:0!important;
            background:#fafcfd!important;
            transition:
                height .48s cubic-bezier(.22,.61,.36,1),
                opacity .34s ease!important;
            will-change:height,opacity!important;
        }
        .phn-side-item.open>.phn-side-children{
            opacity:1!important;
        }
.phn-side-inner{
            overflow:hidden!important;
            min-height:0!important;
        }

        .phn-side-link{
            display:flex!important;
            align-items:center!important;
            min-height:36px!important;
            padding:7px 16px 7px 31px!important;
            color:#40525f!important;
            font-size:12px!important;
            text-decoration:none!important;
            border-left:3px solid transparent!important;
            transition:background .14s ease,color .14s ease,border-color .14s ease!important;
        }
        .phn-side-link:hover{
            background:#eef4f7!important;
            color:#244d6a!important;
        }
        .phn-side-link.active{
            background:#e4eef4!important;
            color:#244d6a!important;
            border-left-color:#4f86aa!important;
            font-weight:700!important;
        }

        /* Icons nur auf oberster Ebene. */
        .phn-side-children .phn-side-icon{
            display:none!important;
        }

        /* Zweite Ebene, z.B. User innerhalb Userverwaltung */
        .phn-side-children .phn-side-item{
            border-bottom:0!important;
            margin:2px 8px!important;
            border-radius:4px!important;
            overflow:hidden!important;
        }
        .phn-side-children .phn-side-summary{
            min-height:35px!important;
            padding:0 28px 0 22px!important;
            font-size:11px!important;
            font-weight:700!important;
            color:#5c6d78!important;
            background:#f5f8fa!important;
            border-radius:4px!important;
        }
        .phn-side-children .phn-side-summary:hover{
            background:#edf3f6!important;
        }
        .phn-side-children .phn-side-summary:after{
            right:10px!important;
            font-size:12px!important;
        }
        .phn-side-children .phn-side-children{
            margin:0!important;
            background:#fff!important;
        }
        .phn-side-children .phn-side-children .phn-side-link{
            padding-left:37px!important;
            font-size:11px!important;
            min-height:33px!important;
        }

        #phn-content-wrap{flex:1 1 auto!important;min-width:0!important;max-width:none!important;margin:0!important;padding:24px 22px 35px!important;box-sizing:border-box!important;min-height:100%!important}
        #content{padding:0!important;width:100%!important}

        .phn-grid{border-collapse:separate!important;border-spacing:0!important}
        .phn-grid-spacer{width:18px!important}

        .box{margin:0 0 20px!important;background:#fff!important;border:1px solid #d7e0e6!important;border-radius:7px!important;box-shadow:0 2px 8px rgba(28,48,62,.06)!important;overflow:hidden!important}
        .box>table{width:100%!important;border-collapse:collapse!important}
        .box .section-title{height:44px!important;background:#f8fafb!important;background-image:none!important;border-bottom:1px solid #dce4e9!important;color:#31404b!important}
        .box .top_left,.box .top_right,.box .left,.box .right,.box .bottom_left,.box .bottom_center,.box .bottom_right{background:none!important;width:0!important;height:0!important;padding:0!important}
        .box .top_center{height:44px!important;background:none!important;padding:0 4px!important}
        .box .top_center[width="16"]{width:34px!important;padding-left:14px!important}
        .box .top_center img{max-width:17px!important;max-height:17px!important;opacity:.72}
        .box .top_center h3{float:none!important;margin:0!important;padding:0!important;line-height:44px!important;font-size:14px!important;font-weight:700!important;color:#31404b!important;text-shadow:none!important}
        .box .content,.box .box-wrapper{background:#fff!important;border:0!important;padding:18px!important;color:#45545f!important;font:13px/1.55 Arial,Helvetica,sans-serif!important;text-align:left!important}

        table.liste{width:100%!important;border-collapse:collapse!important;background:#fff!important}
        .liste th{background:#eef3f6!important;color:#40515d!important;padding:9px 10px!important;border-bottom:1px solid #d6e0e6!important;text-align:left!important}
        .liste td{padding:9px 10px!important;border-bottom:1px solid #edf1f3!important}
        .row1,.row2{background:#fff!important}
        .row1:hover,.row2:hover{background:#f5f8fa!important}

        input[type=text],input[type=password],input[type=email],input[type=number],select,textarea{
            background:#fff!important;color:#34444f!important;border:1px solid #bccbd4!important;border-radius:4px!important;
            padding:8px 9px!important;min-height:34px;box-shadow:inset 0 1px 2px rgba(0,0,0,.03)!important;
        }
        input[type=text]:focus,input[type=password]:focus,select:focus,textarea:focus{outline:none!important;border-color:#5f8dab!important;box-shadow:0 0 0 2px rgba(79,134,173,.12)!important}
        input[type=submit],input[type=button],button,.button,a.button{
            display:inline-block!important;background:#4f7f9f!important;color:#fff!important;border:1px solid #416d8a!important;
            border-radius:4px!important;padding:8px 13px!important;min-height:34px!important;font-weight:700!important;
            box-shadow:0 1px 2px rgba(0,0,0,.10)!important;cursor:pointer!important;text-decoration:none!important;
        }
        input[type=submit]:hover,input[type=button]:hover,button:hover,.button:hover,a.button:hover{background:#416f8e!important;color:#fff!important}

        #phn-page-footer{position:relative!important;background:#f3f6f8!important;border-top:0!important;margin:0!important;min-height:34px!important;box-sizing:border-box!important}

        .phn-login-body{min-width:0!important;background:#eef3f6!important}
        .phn-login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:30px}
        .phn-login-card{width:380px;background:#fff;border:1px solid #d6e0e6;border-radius:8px;box-shadow:0 12px 35px rgba(28,48,62,.15);overflow:hidden}
        .phn-login-head{background:#213746;color:#fff;padding:24px;text-align:center;border-bottom:4px solid #4f86ad}
        .phn-login-head img{max-width:220px;max-height:65px;object-fit:contain;margin-bottom:12px}
        .phn-login-head .site{font-size:20px;font-weight:bold}
        .phn-login-head .sub{font-size:10px;color:#bdccd5;text-transform:uppercase;letter-spacing:.7px;margin-top:4px}
        .phn-login-content{padding:25px}
        .phn-login-content h2{margin:0 0 18px;color:#31404b;font-size:18px}
        .phn-login-content input[type=text],.phn-login-content input[type=password]{width:100%!important;margin:0 0 12px!important}
        .phn-login-content button{width:100%!important;margin-top:14px!important}
        .phn-login-error{background:#fff0f0;border:1px solid #efb8b8;color:#a33;padding:10px;border-radius:4px;margin-bottom:14px}
        .phn-login-foot{text-align:center;padding:13px;background:#f7f9fa;color:#89969e;font-size:10px;border-top:1px solid #e5eaed}

#phn-user-area:hover #phn-user-button{background:rgba(255,255,255,.10)!important}
#phn-user-area:hover #phn-user-dropdown{display:block}
#phn-user-dropdown{top:82px!important}
#phn-shell-version{margin-left:18px!important;padding-left:18px!important;text-align:right!important}

.phn-side-summary{
    width:100%!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    font-family:inherit!important;
    text-align:left!important;
}
.phn-side-children .phn-side-summary{
    width:100%!important;
}

#phn-info-strip .phn-server-state.phn-online{
    border-color:#cfe5cf!important;
    background:#edf8ed!important;
    color:#4d754d!important;
}
#phn-info-strip .phn-server-state.phn-online .phn-server-dot{background:#73a873!important}
#phn-info-strip .phn-server-state.phn-offline{
    border-color:#edc7b3!important;
    background:#fff2e9!important;
    color:#a35a32!important;
}
#phn-info-strip .phn-server-state.phn-offline .phn-server-dot{background:#d27a45!important}
#phn-info-strip .phn-server-state.phn-unknown{
    border-color:#d6dfe4!important;
    background:#f4f7f9!important;
    color:#72818b!important;
}
#phn-info-strip .phn-server-state.phn-unknown .phn-server-dot{background:#9aa8b0!important}

#phn-report-error{
    border-color:#a91f27!important;
    background:#b62a32!important;
    color:#fff!important;
}
#phn-report-error:hover{
    background:#9f2028!important;
    border-color:#8d1a21!important;
}
#phn-report-error .phn-error-icon{
    display:inline-block!important;
    margin-right:7px!important;
    font-size:13px!important;
    line-height:1!important;
}

/* Startseite optisch identisch zu den Hauptkategorien, aber ohne Dropdown-Pfeil */
.phn-side-home{
    display:flex!important;
    align-items:center!important;
    min-height:44px!important;
    padding:0 18px!important;
    color:#40525f!important;
    font-size:13px!important;
    font-weight:700!important;
    background:#fff!important;
    border-left:0!important;
    border-bottom:1px solid #edf1f3!important;
    box-sizing:border-box!important;
    transition:background .16s ease,color .16s ease!important;
}
.phn-side-home:hover{
    background:#f2f7fa!important;
    color:#40525f!important;
}
.phn-side-home.active{
    background:#eaf2f6!important;
    color:#2f4453!important;
    border-left:0!important;
}
.phn-side-home .phn-side-icon{
    margin-right:9px!important;
}

/* Footer optisch bis ganz links mit der Sidebar verbinden */
#phn-page-footer{
    background:
        linear-gradient(
            to right,
            #fff 0,
            #fff 235px,
            #eef3f6 235px,
            #eef3f6 100%
        )!important;
    border-top:0!important;
    margin:0!important;
    min-height:48px!important;
    box-sizing:border-box!important;
}

/* Frischer Update-Server-Check: kurzer echter Ping-Effekt */
#phn-info-strip .phn-server-state.phn-ping{
    border-color:#e5c383!important;
    background:#fff4d8!important;
    color:#94681e!important;
}
#phn-info-strip .phn-server-state.phn-ping .phn-server-dot{
    background:#d39a35!important;
    animation:phnPingPulse .55s ease-in-out infinite alternate!important;
}
@keyframes phnPingPulse{
    from{opacity:.35;transform:scale(.8)}
    to{opacity:1;transform:scale(1.22)}
}


.phn-side-summary,
.phn-side-summary span,
.phn-side-link,
.phn-side-link span{
    color:#40525f!important;
}
.phn-side-summary:hover,
.phn-side-summary:hover span,
.phn-side-link:hover,
.phn-side-link:hover span{
    color:#244d6a!important;
}
.phn-side-item.open>.phn-side-summary,
.phn-side-item.open>.phn-side-summary span,
.phn-side-link.active,
.phn-side-link.active span{
    color:#2f4453!important;
}
.phn-side-children .phn-side-summary,
.phn-side-children .phn-side-summary span{
    color:#5c6d78!important;
}
.phn-side-children .phn-side-summary:hover,
.phn-side-children .phn-side-summary:hover span{
    color:#40525f!important;
}

.phn-side-inner{transform:translateY(-2px)!important;opacity:.96!important;transition:transform .44s cubic-bezier(.22,.61,.36,1),opacity .34s ease!important;}
.phn-side-item.open>.phn-side-children>.phn-side-inner{transform:translateY(0)!important;opacity:1!important;}

.phn-side-menu{
    flex:1 1 auto!important;
    min-height:0!important;
}
.phn-sidebar-brand{
    flex:0 0 auto!important;
    margin:18px 14px 0!important;
    padding:12px 13px 11px!important;
    border:1px solid #d9e1e6!important;
    border-radius:7px!important;
    background:#f1f4f6!important;
    color:#667782!important;
    box-sizing:border-box!important;
}
.phn-sidebar-brand .phn-brand-wordmark{
    display:block!important;
    color:#415865!important;
    font-size:13px!important;
    font-weight:700!important;
    line-height:16px!important;
}
.phn-sidebar-brand .phn-brand-wordmark strong{
    color:#376b91!important;
    font-weight:800!important;
}
.phn-sidebar-brand .phn-brand-copy{
    display:block!important;
    margin-top:4px!important;
    color:#88969e!important;
    font-size:10px!important;
    line-height:13px!important;
}

/* playHab Network Branding in der Sidebar */
.phn-sidebar-brand{
    flex:0 0 auto!important;
    margin:18px 14px 0!important;
    padding:11px 12px 10px!important;
    border:1px solid #d9e1e6!important;
    border-radius:7px!important;
    background:#f1f4f6!important;
    box-sizing:border-box!important;
    text-align:center!important;
}
.phn-sidebar-brand .phn-brand-logo{
    display:block!important;
    width:100%!important;
    max-width:175px!important;
    height:auto!important;
    max-height:70px!important;
    object-fit:contain!important;
    margin:0 auto!important;
}
.phn-sidebar-brand .phn-brand-copy{
    display:block!important;
    margin-top:6px!important;
    color:#88969e!important;
    font-size:10px!important;
    line-height:13px!important;
    text-align:center!important;
}

/* Footer und Content verwenden exakt dieselbe Hintergrundfarbe. */
#phn-page-footer{
    background:#f3f6f8!important;
    border-top:0!important;
}
#phn-layout{
    border-bottom:1px solid #d7e0e6!important;
}
#phn-sidebar{
    border-right:1px solid #d7e0e6!important;
}
/* Rechte Border der Sidebar wird bis zur Unterkante fortgeführt. */
#phn-page-footer:before{
    content:""!important;
    position:absolute!important;
    left:234px!important;
    top:0!important;
    bottom:0!important;
    width:1px!important;
    background:#d7e0e6!important;
    pointer-events:none!important;
}

.phn-sidebar-brand .phn-brand-copy{
    font-weight:700!important;
    color:#667782!important;
}

/* Der eigentliche Footer ist leer; keine zweite Hintergrundflaeche / Linien mehr. */
#phn-page-footer{
    display:block!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    overflow:hidden!important;
}
#phn-page-footer:before,
#phn-page-footer:after{
    display:none!important;
    content:none!important;
}
#phn-layout{
    border-bottom:0!important;
}


/* PHN Backend Design 1.0.62 - Font Awesome Navigation */
.phn-side-fa{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:18px!important;
    min-width:18px!important;
    height:18px!important;
    margin-right:9px!important;
    color:#6d8798!important;
    font-size:14px!important;
    line-height:18px!important;
    text-align:center!important;
    flex:0 0 18px!important;
}
.phn-side-summary:hover .phn-side-fa,
.phn-side-link:hover .phn-side-fa{
    color:#376b91!important;
}
.phn-side-item.open>.phn-side-summary .phn-side-fa,
.phn-side-link.active .phn-side-fa{
    color:#376b91!important;
}
.phn-side-children .phn-side-fa{
    display:none!important;
}


/* PHN Backend Design 1.0.63 - farbige Funktions-Icons */
.phn-side-fa{color:#6f8798!important}
.phn-icon-house{color:#3478a8!important}
.phn-icon-screwdriver-wrench,.phn-icon-code{color:#d17a2d!important}
.phn-icon-box-open{color:#8b63b5!important}
.phn-icon-folder-open,.phn-icon-folder{color:#8393a1!important}
.phn-icon-table,.phn-icon-database{color:#3b8f91!important}
.phn-icon-bars,.phn-icon-sliders{color:#738394!important}
.phn-icon-layer-group{color:#7867b2!important}
.phn-icon-users,.phn-icon-user{color:#2f9a9a!important}
.phn-icon-key,.phn-icon-lock{color:#c79427!important}
.phn-icon-people-group{color:#4f8f69!important}
.phn-icon-newspaper{color:#bd5a55!important}
.phn-icon-handshake{color:#397c80!important}
.phn-icon-life-ring{color:#66a04e!important}
.phn-icon-comments,.phn-icon-envelope{color:#5e84ba!important}
.phn-icon-calendar-days{color:#b85e8b!important}
.phn-icon-radio{color:#a45d9b!important}
.phn-icon-cart-shopping{color:#cc7838!important}
.phn-icon-briefcase{color:#6c7998!important}
.phn-icon-chart-column{color:#438d73!important}
.phn-icon-shield-halved{color:#8d6161!important}

/* Hover/Aktiv: Farbe behalten, nur leicht betonen */
.phn-side-summary:hover .phn-side-fa,
.phn-side-link:hover .phn-side-fa,
.phn-side-item.open>.phn-side-summary .phn-side-fa,
.phn-side-link.active .phn-side-fa{filter:saturate(1.15) brightness(.92)!important}


/* ==========================================================
   PHN Backend Design 1.0.65 – Administratoren online
   ========================================================== */
.phn-online-admins{
    flex:0 0 auto!important;
    margin:12px 14px 0!important;
    border:1px solid #d8e2e8!important;
    border-radius:7px!important;
    background:#f8fafb!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
}
.phn-online-head{
    min-height:34px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:0 11px!important;
    border-bottom:1px solid #e0e7eb!important;
    color:#526a79!important;
    font-size:9px!important;
    font-weight:800!important;
    text-transform:uppercase!important;
}
.phn-online-head b{
    min-width:21px!important;
    height:21px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 5px!important;
    border-radius:11px!important;
    background:#eef5e8!important;
    color:#6e9344!important;
    font-size:9px!important;
}
.phn-online-list{
    max-height:164px!important;
    overflow:auto!important;
    padding:4px 0!important;
}
.phn-online-user{
    min-height:48px!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    padding:6px 10px!important;
    border-bottom:1px solid #edf1f3!important;
}
.phn-online-user:last-child{border-bottom:0!important}
.phn-online-avatar{
    width:35px!important;
    height:35px!important;
    flex:0 0 35px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:50%!important;
    overflow:hidden!important;
    background:#e8eef2!important;
    border:1px solid #d2dde4!important;
}
.phn-online-avatar img{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:43px!important;
    max-height:43px!important;
}
.phn-online-avatar>span{
    color:#71828d!important;
    font-size:12px!important;
    font-weight:800!important;
}
.phn-online-meta{
    display:block!important;
    min-width:0!important;
    line-height:1.15!important;
}
.phn-online-meta strong{
    display:block!important;
    max-width:138px!important;
    overflow:hidden!important;
    color:#344f61!important;
    font-size:11px!important;
    font-weight:700!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
}
.phn-online-meta small{
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    margin-top:4px!important;
    color:#7f909a!important;
    font-size:9px!important;
}
.phn-online-dot{
    width:7px!important;
    height:7px!important;
    display:inline-block!important;
    flex:0 0 7px!important;
    border-radius:50%!important;
    background:#79ad4d!important;
    box-shadow:0 0 0 2px rgba(121,173,77,.13)!important;
}
.phn-online-empty{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    min-height:45px!important;
    padding:8px 11px!important;
    color:#84939c!important;
    font-size:9px!important;
    line-height:13px!important;
}


/* PHN Backend Design 1.0.65 – Homepage aktuell + Backend-User */
.phn-front-current{
    flex:0 0 auto!important;
    min-height:54px!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    margin:12px 14px 0!important;
    padding:8px 10px!important;
    border:1px solid #d8e2e8!important;
    border-radius:7px!important;
    background:#f8fafb!important;
    box-sizing:border-box!important;
}
.phn-front-current-icon{
    width:32px!important;height:32px!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 32px!important;border-radius:6px!important;
    background:#edf3f6!important;color:#4e7896!important;font-size:13px!important;
}
.phn-front-current-copy{display:block!important;min-width:0!important;flex:1 1 auto!important}
.phn-front-current-copy strong{display:block!important;color:#405b6d!important;font-size:10px!important;font-weight:800!important}
.phn-front-current-copy small{display:block!important;margin-top:3px!important;color:#86949d!important;font-size:9px!important}
.phn-front-current>b{
    min-width:23px!important;height:23px!important;display:inline-flex!important;
    align-items:center!important;justify-content:center!important;padding:0 5px!important;
    border-radius:12px!important;background:#edf5e6!important;color:#6d9344!important;font-size:9px!important;
}
.phn-online-role{display:block!important;margin-top:3px!important;color:#526f83!important;font-size:9px!important;font-weight:700!important}
.phn-online-state{display:flex!important;align-items:center!important;gap:5px!important;margin-top:3px!important;color:#7f909a!important;font-size:9px!important}


/* PHN Backend Design 1.0.67 - Notizen */
#phn-note-button{
  display:flex;align-items:center;gap:9px;min-width:138px;height:52px;padding:0 12px;
  margin-right:9px;border:0;border-left:1px solid rgba(255,255,255,.12);
  border-right:1px solid rgba(255,255,255,.12);border-radius:0;
  background:transparent;color:#fff;cursor:pointer;box-sizing:border-box;text-align:left
}
#phn-note-button:hover{background:rgba(255,255,255,.08)}
#phn-note-button .phn-note-button-icon{
  display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex:0 0 30px;
  border-radius:50%;background:rgba(255,255,255,.10);color:#d8e6ee
}
#phn-note-button .phn-note-button-icon i{font-size:14px}
#phn-note-button .phn-note-button-copy{
  display:flex;flex-direction:column;min-width:0;line-height:1.15;flex:1
}
#phn-note-button .phn-note-button-copy strong{
  color:#fff;font:700 12px Arial,Helvetica,sans-serif
}
#phn-note-button .phn-note-button-copy small{
  margin-top:2px;color:#b7c8d2;font:9px Arial,Helvetica,sans-serif;white-space:nowrap
}
#phn-note-button .phn-note-alert{
  display:flex;align-items:center;justify-content:center;width:19px;height:19px;flex:0 0 19px;
  border-radius:50%;background:#e39a2d;color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.12);
  font-size:9px
}
#phn-note-modal{
  display:none;position:fixed;inset:0;z-index:100900;background:rgba(22,38,50,.52);
  align-items:flex-start;justify-content:center;padding:95px 20px 40px;overflow:auto;
  box-sizing:border-box
}
#phn-note-modal.phn-note-open{display:flex}
.phn-note-dialog{
  width:min(760px,100%);background:#fff;border:1px solid #cad6de;border-radius:10px;
  box-shadow:0 20px 50px rgba(0,0,0,.28);overflow:hidden;color:#31404b
}
.phn-note-head{
  display:flex;align-items:center;justify-content:space-between;padding:15px 18px;
  background:#f7f9fa;border-bottom:1px solid #dce4e9
}
.phn-note-head strong{display:block;color:#284f6b;font-size:16px}
.phn-note-head span{display:block;margin-top:2px;color:#7b8c97;font-size:10px}
.phn-note-close{
  display:flex;align-items:center;justify-content:center;width:40px;height:40px;
  border:1px solid #d4dee4;border-radius:7px;background:#4e7896;color:#fff;
  font-size:17px;line-height:1;cursor:pointer;box-sizing:border-box
}
.phn-note-close:hover{background:#3f6987;border-color:#3f6987;color:#fff}
.phn-note-close i{font-size:16px}
.phn-note-body{padding:16px;background:#f5f7f8}
.phn-note-notice{
  margin:0 0 12px;padding:8px 10px;border:1px solid #cfe0c2;border-radius:6px;
  background:#f0f7eb;color:#53743c;font-size:11px;font-weight:700
}
.phn-note-create{
  padding:12px;background:#fff;border:1px solid #d8e1e6;border-radius:8px;margin-bottom:14px
}
.phn-note-create textarea{
  width:100%;min-height:84px;resize:vertical;box-sizing:border-box;padding:9px 10px;
  border:1px solid #c8d5dc;border-radius:6px;background:#fff;color:#31404b;
  font:12px/1.45 Arial,Helvetica,sans-serif
}
.phn-note-create-foot{
  display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px
}
.phn-note-create-foot label{font-size:10px;font-weight:700;color:#607681}
.phn-note-create-foot select{
  margin-left:6px;padding:6px 8px;border:1px solid #cad6dd;border-radius:5px;font-size:11px
}
.phn-note-create-foot button,.phn-note-comment-form button{
  border:0;border-radius:6px;background:#4e7896;color:#fff;cursor:pointer;font-weight:700
}
.phn-note-create-foot button{padding:0 16px;font-size:11px}
.phn-note-save{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:126px;height:40px!important;border-radius:7px!important}
.phn-note-create-foot button:hover,.phn-note-comment-form button:hover{background:#3e6987}
.phn-note-list{display:flex;flex-direction:column;gap:10px}
.phn-note-empty{
  padding:18px;text-align:center;border:1px dashed #cbd6dc;border-radius:7px;
  background:#fff;color:#7d8d97;font-size:11px
}
.phn-note-card{
  background:#fff;border:1px solid #d8e1e6;border-radius:8px;padding:12px
}
.phn-note-card.shared{border-left:4px solid #6f8ea5}
.phn-note-card.private{border-left:4px solid #8aa971}
.phn-note-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.phn-note-card-head>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.phn-note-card-head strong{color:#2f5269;font-size:11px}
.phn-note-card-head small,.phn-note-comment small{color:#93a0a8;font-size:9px}
.phn-note-vis{
  display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:999px;
  font-size:9px;font-weight:700;border:1px solid
}
.phn-note-vis.private{background:#edf6e9;border-color:#d4e6ca;color:#5d7c46}
.phn-note-vis.admin{background:#edf3f8;border-color:#d4e0e8;color:#54738a}
.phn-note-delete-form,.phn-note-comment form{margin:0}
.phn-note-delete,.phn-note-comment-delete{
  display:inline-flex;align-items:center;justify-content:center;border:1px solid #dde4e8;
  border-radius:5px;background:#f6f8f9;color:#8a989f;cursor:pointer
}
.phn-note-delete{width:28px;height:28px}
.phn-note-comment-delete{width:24px;height:24px}
.phn-note-delete:hover,.phn-note-comment-delete:hover{
  background:#fbefef;border-color:#efcaca;color:#c34e4e
}
.phn-note-text{margin-top:9px;color:#3e4e58;font-size:12px;line-height:1.5}
.phn-note-comments{
  margin-top:11px;padding-top:10px;border-top:1px solid #e4e9ec
}
.phn-note-comment{
  display:flex;align-items:flex-start;justify-content:space-between;gap:9px;
  margin:0 0 7px;padding:7px 8px;border-radius:6px;background:#f7f9fa
}
.phn-note-comment-copy{min-width:0;flex:1}
.phn-note-comment-copy strong{margin-right:6px;color:#3f6278;font-size:10px}
.phn-note-comment-copy p{margin:4px 0 0;color:#53636d;font-size:11px;line-height:1.4}
.phn-note-comment-form{display:flex;gap:6px;margin-top:8px}
.phn-note-comment-form input{
  flex:1;min-width:0;padding:7px 9px;border:1px solid #cbd7de;border-radius:6px;
  font-size:11px;box-sizing:border-box
}
.phn-note-comment-form button{width:34px}

.phn-note-create-foot select{min-height:36px;padding:7px 10px}
.phn-note-create-foot label{display:flex;align-items:center;gap:7px}
.phn-note-create-foot label select{margin-left:0}
@media (max-width:760px){
  #phn-note-button{min-width:54px;width:54px;padding:0 11px}
  #phn-note-button .phn-note-button-copy{display:none}
  #phn-note-button .phn-note-alert{position:absolute;margin-left:25px;margin-top:-26px}
  #phn-note-modal{padding-top:70px}
}


/* PHN Backend Design 1.0.69 - Notizen: gelesen / neu */
#phn-note-open-form{margin:0;padding:0}
#phn-note-button{
  min-width:116px!important;height:52px!important;padding:0 11px!important;
  margin-right:8px!important;border-radius:0!important;background:transparent!important;
  border-left:1px solid rgba(255,255,255,.10)!important;
  border-right:1px solid rgba(255,255,255,.10)!important
}
#phn-note-button:hover{background:rgba(255,255,255,.07)!important}
#phn-note-button .phn-note-button-copy{display:flex!important;align-items:center!important;flex:1!important}
#phn-note-button .phn-note-button-copy strong{
  color:#fff!important;font:700 12px Arial,Helvetica,sans-serif!important;white-space:nowrap
}
#phn-note-button .phn-note-button-copy small,
#phn-note-button .phn-note-alert{display:none!important}
.phn-note-state{
  display:flex;align-items:center;justify-content:center;width:19px;height:19px;flex:0 0 19px;
  border-radius:50%;font-size:9px;box-sizing:border-box
}
.phn-note-state-read{
  background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.17);color:#b7c4cc
}
.phn-note-state-new{
  background:#c94b4b;border:1px solid #dc6666;color:#fff;
  box-shadow:0 0 0 2px rgba(255,255,255,.07)
}
.phn-note-state i{font-size:9px!important}

.phn-note-create-foot .phn-note-save{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:7px!important;min-width:120px!important;height:38px!important;padding:0 16px!important;
  border:1px solid #456e8a!important;border-radius:6px!important;
  background:#557f9b!important;color:#fff!important;
  box-shadow:0 1px 2px rgba(0,0,0,.08)!important;
  font-size:11px!important;font-weight:700!important
}
.phn-note-create-foot .phn-note-save:hover{
  background:#466f8b!important;border-color:#3f6781!important
}


/* PHN Backend Design 1.0.70 - Notizen Hotfix */

/* Wieder ein klarer blauer Notizen-Button; Lesestatus sitzt im Button. */
#phn-note-button{
  display:inline-flex!important;align-items:center!important;gap:8px!important;
  min-width:124px!important;height:38px!important;padding:0 10px!important;
  margin-right:9px!important;border:1px solid #3f6c89!important;border-radius:5px!important;
  background:#4f7f9f!important;color:#fff!important;cursor:pointer!important;
  box-sizing:border-box!important;text-align:left!important
}
#phn-note-button:hover{background:#426f8d!important;border-color:#365f79!important}
#phn-note-button .phn-note-button-icon{
  width:auto!important;height:auto!important;flex:0 0 auto!important;
  background:transparent!important;border-radius:0!important;color:#fff!important
}
#phn-note-button .phn-note-button-icon i{font-size:12px!important}
#phn-note-button .phn-note-button-copy{
  display:flex!important;align-items:center!important;flex:1!important
}
#phn-note-button .phn-note-button-copy strong{
  color:#fff!important;font:700 11px Arial,Helvetica,sans-serif!important
}
#phn-note-button .phn-note-button-copy small,
#phn-note-button .phn-note-alert{display:none!important}
#phn-note-button .phn-note-state{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:19px!important;height:19px!important;flex:0 0 19px!important;
  border-radius:50%!important;box-sizing:border-box!important
}
#phn-note-button .phn-note-state-read{
  background:rgba(30,45,55,.22)!important;border:1px solid rgba(255,255,255,.28)!important;
  color:#d0d8dd!important
}
#phn-note-button .phn-note-state-new{
  background:#c74646!important;border:1px solid #e16a6a!important;color:#fff!important;
  box-shadow:none!important
}
#phn-note-button .phn-note-state i{font-size:9px!important}

/* Speichern: sauber proportioniert, Icon und Text mittig. */
.phn-note-create-foot .phn-note-save{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:8px!important;min-width:126px!important;height:38px!important;padding:0 16px!important;
  border:1px solid #3f6c89!important;border-radius:5px!important;
  background:#4f7f9f!important;color:#fff!important;box-shadow:none!important;
  font-size:11px!important;font-weight:700!important
}
.phn-note-create-foot .phn-note-save:hover{
  background:#426f8d!important;border-color:#365f79!important
}

/* Loeschen immer klar rot und Icon exakt zentriert. */
.phn-note-delete-form{
  display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important
}
.phn-note-delete,
.phn-note-comment-delete{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border:1px solid #d15b5b!important;border-radius:5px!important;
  background:#c94b4b!important;color:#fff!important;cursor:pointer!important;
  padding:0!important;box-sizing:border-box!important
}
.phn-note-delete{width:32px!important;height:32px!important}
.phn-note-comment-delete{width:27px!important;height:27px!important}
.phn-note-delete i,.phn-note-comment-delete i{
  margin:0!important;padding:0!important;font-size:11px!important;line-height:1!important;color:#fff!important
}
.phn-note-delete:hover,.phn-note-comment-delete:hover{
  background:#b93c3c!important;border-color:#a93434!important;color:#fff!important
}

/* Kommentar absenden passend zum restlichen Notizdesign. */
.phn-note-comment-form{align-items:stretch!important}
.phn-note-comment-form input{height:38px!important}
.phn-note-comment-form button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:42px!important;height:38px!important;padding:0!important;border:1px solid #3f6c89!important;
  border-radius:5px!important;background:#4f7f9f!important;color:#fff!important
}
.phn-note-comment-form button:hover{
  background:#426f8d!important;border-color:#365f79!important
}
.phn-note-comment-form button i{font-size:12px!important;margin:0!important}

/* Notiz / To-do Auswahl */
.phn-note-create-options{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap
}
.phn-note-kind{
  display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:999px;
  font-size:9px;font-weight:700;border:1px solid
}
.phn-note-kind.todo{
  background:#fff4d8;border-color:#ead7a6;color:#8a6514
}
.phn-note-card.todo{border-left-color:#d5a84c}
.phn-note-card.todo.done{opacity:.78}
.phn-note-todo-row{
  display:flex;align-items:flex-start;gap:9px;margin-top:9px
}
.phn-note-todo-form{margin:0!important;flex:0 0 auto}
.phn-note-todo-check{
  display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;
  padding:0;border:1px solid #c9d5dc;border-radius:6px;background:#f5f8fa;color:#82939e;
  cursor:pointer;box-sizing:border-box
}
.phn-note-todo-check:hover{background:#edf3f6;color:#52748a}
.phn-note-todo-check.done{
  background:#e8f5e9;border-color:#c6dfc9;color:#3f8a50
}
.phn-note-todo-row .phn-note-text{margin-top:4px;flex:1}
.phn-note-card.done .phn-note-text{text-decoration:line-through;color:#80909a}
.phn-note-done-meta{
  margin:7px 0 0 37px;padding:5px 8px;border-radius:5px;background:#edf6ee;
  color:#52745a;font-size:9px;font-weight:700
}
.phn-note-done-meta i{margin-right:4px}


/* PHN Backend Design 1.0.71 */
.phn-note-create-top{margin:0 0 10px!important}
.phn-note-create-submit{display:flex;justify-content:flex-end;margin-top:10px}
#phn-note-todo-editor{padding:10px;border:1px solid #d7e1e7;border-radius:7px;background:#f8fafb}
.phn-todo-entry-list{display:flex;flex-direction:column;gap:7px}
.phn-todo-entry{display:flex;align-items:center;gap:8px}
.phn-todo-entry>span{display:flex;align-items:center;justify-content:center;width:26px;height:34px;color:#8ba0ad;font-size:13px}
.phn-todo-entry input{flex:1;height:36px;padding:0 10px;border:1px solid #c7d5dd;border-radius:6px;background:#fff;color:#334954;font-size:11px;box-sizing:border-box}
.phn-todo-entry input:focus{border-color:#6d94ad;outline:0;box-shadow:0 0 0 2px rgba(79,127,159,.10)}
.phn-todo-add-row{display:inline-flex;align-items:center;gap:6px;height:32px;margin-top:8px;padding:0 10px;border:1px solid #cad6dd;border-radius:5px;background:#fff;color:#55758a;font-size:10px;font-weight:700;cursor:pointer}
.phn-todo-add-row:hover{background:#eef4f7}

.phn-note-comment-form button,
.phn-note-delete,
.phn-note-comment-delete{
  width:38px!important;min-width:38px!important;max-width:38px!important;
  height:38px!important;min-height:38px!important;max-height:38px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  padding:0!important;box-sizing:border-box!important
}
.phn-note-delete i,.phn-note-comment-delete i,.phn-note-comment-form button i{
  margin:0!important;padding:0!important;line-height:1!important
}

#phn-release-modal{display:flex;position:fixed;inset:0;z-index:101500;align-items:flex-start;justify-content:center;padding:92px 20px 35px;background:rgba(20,35,45,.55);box-sizing:border-box;overflow:auto}
.phn-release-dialog{width:min(680px,100%);overflow:hidden;border:1px solid #cbd7de;border-radius:10px;background:#fff;box-shadow:0 20px 55px rgba(0,0,0,.30)}
.phn-release-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:17px 18px;border-bottom:1px solid #dce4e9;background:#f7f9fa}
.phn-release-kicker{display:block;margin-bottom:3px;color:#76a24c;font-size:9px;font-weight:700;text-transform:uppercase}
.phn-release-head strong{display:block;color:#244f6d;font-size:18px;line-height:1.25}
.phn-release-head>div>span:last-child{display:block;margin-top:4px;color:#7d8e99;font-size:10px}
.phn-release-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid #d4dee4;border-radius:6px;background:#fff;color:#71838f;cursor:pointer}
.phn-release-close:hover{background:#eef3f6;color:#466b82}
.phn-release-body{padding:15px 18px;background:#fff}
.phn-release-item{display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-bottom:1px solid #edf1f3}
.phn-release-item:last-child{border-bottom:0}
.phn-release-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 34px;border-radius:7px;background:#edf4f8;color:#4f7f9f;font-size:14px}
.phn-release-item strong{color:#31566e;font-size:12px}
.phn-release-item p{margin:3px 0 0;color:#647681;font-size:11px;line-height:1.45}
.phn-release-foot{display:flex;justify-content:flex-end;padding:12px 18px;border-top:1px solid #dce4e9;background:#f7f9fa}
#phn-release-read{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:110px;height:38px;padding:0 14px;border:1px solid #557e3f;border-radius:6px;background:#6d984f;color:#fff;font-size:11px;font-weight:700;cursor:pointer}
#phn-release-read:hover{background:#5f8745}


/* PHN Backend Design 1.0.73 - gruppierte To-do-Listen */
.phn-note-todo-progress{
  display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:999px;
  border:1px solid #d8e1e6;background:#f3f6f8;color:#687f8e;font-size:9px;font-weight:700
}
.phn-note-todo-list{
  margin-top:10px;border:1px solid #e0e7eb;border-radius:7px;background:#fafcfd;overflow:hidden
}
.phn-note-todo-item{
  display:flex;align-items:flex-start;gap:10px;padding:10px 11px;border-bottom:1px solid #e7ecef
}
.phn-note-todo-item:last-child{border-bottom:0}
.phn-note-todo-item.done{background:#f7faf7}
.phn-note-todo-item-form{margin:0!important;flex:0 0 auto}
.phn-note-todo-item-content{flex:1;min-width:0;padding-top:2px}
.phn-note-todo-item-text{
  color:#3d505c;font-size:11px;line-height:1.45;word-break:break-word
}
.phn-note-todo-item.done .phn-note-todo-item-text{
  color:#82918a;text-decoration:line-through
}
.phn-note-todo-item-meta{
  margin-top:4px;color:#66806b;font-size:9px;font-weight:700
}
.phn-note-todo-item-meta i{margin-right:4px}

/* Neue, ruhigere Checkbox statt des grossen blauen Schalters */
.phn-note-todo-checkbox{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:28px!important;height:28px!important;padding:0!important;margin:0!important;
  border:0!important;background:transparent!important;box-shadow:none!important;cursor:pointer!important
}
.phn-note-todo-checkbox-box{
  display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;
  border:2px solid #9cabb4;border-radius:5px;background:#fff;color:transparent;
  box-sizing:border-box;transition:background .14s ease,border-color .14s ease,color .14s ease
}
.phn-note-todo-checkbox:hover .phn-note-todo-checkbox-box{
  border-color:#5c8199;background:#f4f8fa
}
.phn-note-todo-checkbox.done .phn-note-todo-checkbox-box{
  border-color:#5c9464;background:#67a46f;color:#fff
}
.phn-note-todo-checkbox-box i{
  margin:0!important;padding:0!important;font-size:10px!important;line-height:1!important;color:inherit!important
}

/* Legacy-Zeile nutzt dieselbe Checkbox */
.phn-note-todo-row{
  display:flex;align-items:flex-start;gap:10px;margin-top:9px
}
.phn-note-todo-row .phn-note-text{margin-top:4px;flex:1}


/* PHN Backend Design 1.0.75 - To-do AJAX */
.phn-note-todo-checkbox[data-loading="1"]{
  opacity:.55;
  cursor:wait!important;
  pointer-events:none;
}
.phn-note-todo-checkbox[data-loading="1"] .phn-note-todo-checkbox-box{
  border-color:#8fa4b1!important;
  background:#eef3f6!important;
}


/* PHN Backend Design 1.0.76 - alle Notizaktionen AJAX */
.phn-note-ajax-form button[data-loading="1"],
.phn-note-ajax-form button:disabled{
  opacity:.58!important;
  cursor:wait!important;
  pointer-events:none!important;
}
.phn-note-ajax-error{
  border-color:#efcaca!important;
  background:#fbefef!important;
  color:#a64242!important;
}