/* Professional Frontend – structural redesign, not a color skin */
body.frontend-template-professional{--p-bg:#f2f5f7;--p-card:#fff;--p-text:#163247;--p-muted:#6d8190;--p-line:#dce5ea;--p-accent:#176f9d;--p-dark:#102f45;background:var(--p-bg)!important;color:var(--p-text)!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.frontend-template-professional .site-header,.frontend-template-professional .site-hero{display:none!important}
.frontend-template-professional .wrap{width:min(1380px,calc(100% - 40px));margin-inline:auto}
.pro-site-header{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid var(--p-line);box-shadow:0 3px 14px rgba(16,47,69,.05)}
.pro-header-row{min-height:70px;display:flex;align-items:center;gap:26px}.pro-logo{display:flex;align-items:center;gap:10px;text-decoration:none!important;color:var(--p-text)!important;flex:none}.pro-logo-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#155b82,#2788b5);color:#fff;font-weight:950;box-shadow:0 6px 15px rgba(23,111,157,.22)}.pro-logo strong,.pro-logo small{display:block}.pro-logo strong{font-size:1.02rem}.pro-logo small{margin-top:2px;color:#8294a1;font-size:.63rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.pro-main-nav{display:flex;align-items:center;gap:2px;flex:1}.pro-main-nav>a,.pro-main-nav summary{display:flex;align-items:center;min-height:40px;padding:0 11px;border-radius:8px;text-decoration:none!important;color:#36576c!important;font-size:.8rem;font-weight:800;cursor:pointer;list-style:none}.pro-main-nav summary::-webkit-details-marker,.pro-user-nav summary::-webkit-details-marker{display:none}.pro-main-nav>a:hover,.pro-main-nav summary:hover,.pro-main-nav details[open]>summary{background:#edf5f9;color:#176f9d!important}.pro-main-nav details,.pro-user-nav details{position:relative}
.pro-dropdown{position:absolute;top:100%;left:0;z-index:1300;width:220px;padding:7px;background:#fff;border:1px solid var(--p-line);border-radius:11px;box-shadow:0 18px 40px rgba(16,47,69,.15)}.pro-dropdown a{display:block;padding:10px;border-radius:7px;color:#315268!important;text-decoration:none!important;font-size:.8rem;font-weight:700}.pro-dropdown a:hover{background:#f1f6f9}.pro-dropdown-right{left:auto;right:0}
.pro-user-nav{display:flex;align-items:center;gap:7px;margin-left:auto}.pro-user-nav summary{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.78rem;font-weight:800}.pro-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#e5f1f7;color:#175f86;font-weight:900}.pro-bell{min-width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#fff0d9;color:#8a5b12!important;text-decoration:none!important;font-size:.7rem;font-weight:900}.pro-guest-nav{margin-left:auto;display:flex;align-items:center;gap:7px}.pro-guest-nav a{padding:9px 11px;text-decoration:none!important;color:#36576c!important;font-size:.8rem;font-weight:800}.pro-guest-nav .pro-join{background:#176f9d;color:#fff!important;border-radius:8px}
.pro-shortcuts{background:var(--p-dark)}.pro-shortcuts .wrap{min-height:41px;display:flex;align-items:center;gap:5px;overflow-x:auto}.pro-shortcuts span{margin-right:10px;color:#8eb0c4;font-size:.63rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.pro-shortcuts a{padding:7px 10px;border-radius:7px;color:#d9e7ee!important;text-decoration:none!important;font-size:.74rem;font-weight:750;white-space:nowrap}.pro-shortcuts a:hover{background:rgba(255,255,255,.1);color:#fff!important}

.pro-intro{padding:22px 0 4px}.pro-intro-grid{min-height:238px;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;border-radius:18px;background:linear-gradient(135deg,#102f45,#18526e);box-shadow:0 16px 38px rgba(16,47,69,.13)}.pro-intro-grid>div:first-child{padding:34px 40px;display:flex;flex-direction:column;justify-content:center;color:#fff}.pro-overline{color:#8fc3df;font-size:.65rem;font-weight:900;letter-spacing:.12em}.pro-intro h2{margin:6px 0 8px;color:#fff!important;font-size:1.85rem;letter-spacing:-.025em}.pro-intro p{max-width:680px;margin:0;color:#c7d9e4;line-height:1.55}.pro-intro-actions{display:flex;gap:8px;margin-top:18px}.pro-intro-actions a{padding:10px 14px;border-radius:8px;text-decoration:none!important;font-size:.78rem;font-weight:850;background:#fff;color:#174d69!important}.pro-intro-actions a+ a{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.25);color:#fff!important}.pro-intro-image{position:relative}.pro-intro-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#18526e 0%,rgba(24,82,110,.15) 48%,transparent)}.pro-intro-image img{width:100%;height:100%;object-fit:cover;display:block}

.pro-content{padding-top:22px!important;padding-bottom:50px!important}.pro-page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}.pro-page-title span{display:block;color:#287ba6;font-size:.64rem;font-weight:900;letter-spacing:.12em}.pro-page-title h1{margin:3px 0 0!important;padding:0!important;border:0!important;color:var(--p-text)!important;font-size:1.7rem!important;letter-spacing:-.025em}.pro-page-actions{display:flex;gap:7px}.pro-page-actions a{padding:8px 11px;border:1px solid #cdd9e0;border-radius:8px;background:#fff;color:#315369!important;text-decoration:none!important;font-size:.75rem;font-weight:800}
.pro-content-body{min-width:0}

/* Dashboard hierarchy: tasks first, then status, then content. */
.frontend-template-professional .dashboard-welcome{display:none!important}
.frontend-template-professional .tk-deadline-center{margin-top:0!important}
.frontend-template-professional .tk-deadline-head{display:grid!important;grid-template-columns:1fr auto;align-items:center;gap:20px}
.frontend-template-professional .tk-deadline-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.frontend-template-professional .dashboard-kpis{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;margin:16px 0 24px!important}
.frontend-template-professional .dashboard-kpi{min-height:118px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.frontend-template-professional .dashboard-kpi strong{font-size:1.45rem!important}.frontend-template-professional .dashboard-kpi span{font-weight:800!important}.frontend-template-professional .dashboard-kpi small{margin-top:5px;color:var(--p-muted)!important}
.frontend-template-professional .dashboard-columns{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr)!important;gap:18px!important;align-items:start}
.frontend-template-professional .section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 9px!important}.frontend-template-professional .section-head h2{margin:0!important;font-size:1.08rem!important}.frontend-template-professional .section-head a{font-size:.75rem!important;font-weight:800!important}
.frontend-template-professional .next-matchday-box{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:20px!important}
.frontend-template-professional .tk-winner-panel{display:grid!important;grid-template-columns:auto 1fr!important;gap:18px!important}

/* Common UI gets a real information architecture. */
.frontend-template-professional .card{background:#fff!important;border:1px solid var(--p-line)!important;border-radius:13px!important;padding:18px!important;box-shadow:0 4px 16px rgba(16,47,69,.045)!important}
.frontend-template-professional .card+.card{margin-top:14px}
.frontend-template-professional .table-card{overflow-x:auto!important;padding:0!important}
.frontend-template-professional table{width:100%;border-collapse:separate!important;border-spacing:0!important;font-size:.84rem!important}.frontend-template-professional th{padding:11px 12px!important;background:#f2f6f8!important;color:#526b7c!important;border-bottom:1px solid var(--p-line)!important;font-size:.68rem!important;text-transform:uppercase;letter-spacing:.045em}.frontend-template-professional td{padding:11px 12px!important;border-bottom:1px solid #edf1f3!important}.frontend-template-professional tbody tr:hover td{background:#f8fafb!important}
.frontend-template-professional .button,.frontend-template-professional button{border-radius:8px!important;min-height:38px!important;padding:8px 13px!important;font-weight:800!important;box-shadow:none!important}.frontend-template-professional .button{background:#176f9d!important;border-color:#176f9d!important;color:#fff!important}.frontend-template-professional .button-secondary{background:#fff!important;color:#315369!important;border-color:#cad7df!important}
.frontend-template-professional input[type=text],.frontend-template-professional input[type=email],.frontend-template-professional input[type=password],.frontend-template-professional input[type=number],.frontend-template-professional input[type=date],.frontend-template-professional input[type=datetime-local],.frontend-template-professional input[type=time],.frontend-template-professional select,.frontend-template-professional textarea{min-height:40px!important;border:1px solid #cad7df!important;border-radius:8px!important;background:#fff!important;padding:8px 10px!important}
.frontend-template-professional .flash{border-radius:9px!important;margin:0 0 16px!important}
.frontend-template-professional h2{letter-spacing:-.015em}
.pro-footer{background:#fff;border-top:1px solid var(--p-line)}.pro-footer-row{min-height:115px;display:flex;align-items:center;justify-content:space-between;gap:25px}.pro-footer strong{font-size:.95rem}.pro-footer p{margin:5px 0 0;color:#758895;font-size:.74rem}.pro-footer nav{display:flex;gap:14px;flex-wrap:wrap}.pro-footer nav a{color:#5d7484!important;text-decoration:none!important;font-size:.74rem;font-weight:700}

@media(max-width:1050px){.pro-logo small{display:none}.pro-main-nav>a,.pro-main-nav summary{padding:0 8px}.frontend-template-professional .dashboard-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}.frontend-template-professional .tk-deadline-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:820px){.frontend-template-professional .wrap{width:min(100% - 24px,1380px)}.pro-site-header{position:relative}.pro-header-row{flex-wrap:wrap;padding:10px 0}.pro-main-nav{order:3;width:100%;overflow-x:auto}.pro-main-nav details{position:static}.pro-dropdown{position:fixed!important;left:12px!important;right:12px!important;top:auto!important;width:auto!important;z-index:1200}.pro-user-nav summary>span:last-child{display:none}.pro-intro-grid{grid-template-columns:1fr}.pro-intro-image{height:150px}.pro-intro-image:after{background:linear-gradient(180deg,#18526e,transparent)}.frontend-template-professional .dashboard-columns{grid-template-columns:1fr!important}.frontend-template-professional .dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pro-page-title{align-items:flex-start;flex-direction:column}.pro-page-actions{display:none}}
@media(max-width:560px){.pro-logo span:last-child{display:none}.pro-guest-nav a:first-child{display:none}.pro-intro{padding-top:12px}.pro-intro-grid>div:first-child{padding:24px 20px}.pro-intro h2{font-size:1.45rem}.pro-intro-actions{flex-direction:column}.pro-intro-actions a{text-align:center}.frontend-template-professional .dashboard-kpis,.frontend-template-professional .tk-deadline-grid{grid-template-columns:1fr!important}.frontend-template-professional .next-matchday-box{grid-template-columns:1fr!important}.frontend-template-professional .card{padding:14px!important}.pro-footer-row{align-items:flex-start;flex-direction:column;padding:22px 0}}


/* Hero-Logo/Bild bleibt bei geänderten Textlängen vollständig sichtbar */
.pro-intro-grid{
    grid-template-columns:minmax(0,1.12fr) minmax(430px,.88fr) !important;
    align-items:stretch !important;
}
.pro-intro-grid>div:first-child{
    min-width:0 !important;
    padding-right:28px !important;
}
.pro-intro h2,
.pro-intro p{
    max-width:100% !important;
    overflow-wrap:anywhere !important;
}
.pro-intro-image{
    min-width:430px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#163f57 !important;
    overflow:hidden !important;
}
.pro-intro-image:after{
    pointer-events:none !important;
}
.pro-intro-image img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
    background:#163f57 !important;
}

/* Bei längeren Admin-Texten darf der Hero höher werden, statt das Bild abzuschneiden */
.pro-intro-grid{
    min-height:238px !important;
    height:auto !important;
}
.pro-intro-grid>div:first-child,
.pro-intro-image{
    min-height:238px !important;
}

@media(max-width:980px){
    .pro-intro-grid{
        grid-template-columns:minmax(0,1fr) minmax(360px,.9fr) !important;
    }
    .pro-intro-image{
        min-width:360px !important;
    }
}

@media(max-width:820px){
    .pro-intro-grid{
        grid-template-columns:1fr !important;
    }
    .pro-intro-image{
        min-width:0 !important;
        min-height:190px !important;
        height:auto !important;
    }
    .pro-intro-image img{
        max-height:260px !important;
    }
}


/* Profilbild des angemeldeten Benutzers im Professional-Header */
.pro-avatar.pro-avatar-has-image{
    overflow:hidden !important;
    padding:0 !important;
    background:#e5f1f7 !important;
    flex:0 0 34px !important;
}
.pro-avatar.pro-avatar-has-image img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    object-fit:cover !important;
    object-position:center center !important;
    border-radius:50% !important;
}


/* Tipp-King: gekrönter Löwenkopf statt TK-Kachel */
.pro-logo .pro-logo-icon.pro-logo-lion{
    width:100px !important;
    height:50px !important;
    padding:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 48px !important;
}
.pro-logo .pro-logo-icon.pro-logo-lion img{
    display:block !important;
    width:100px !important;
    height:50px !important;
    object-fit:contain !important;
    object-position:center !important;
}
@media(max-width:560px){
    .pro-logo .pro-logo-icon.pro-logo-lion,
    .pro-logo .pro-logo-icon.pro-logo-lion img{
        width:44px !important;
        height:44px !important;
    }
    .pro-logo .pro-logo-icon.pro-logo-lion{
        flex-basis:44px !important;
    }
}

.pro-shortcuts a.tk-live-shortcut{display:inline-flex;align-items:center;gap:6px}
.pro-shortcuts .tk-live-pulse{position:relative;display:inline-block;width:8px;height:8px;flex:0 0 8px;margin:0;border-radius:50%;background:#ff3b30}
.pro-shortcuts .tk-live-pulse::after{content:"";position:absolute;inset:-4px;border:2px solid rgba(255,59,48,.65);border-radius:50%;animation:tk-live-pulse 1.45s ease-out infinite}
@keyframes tk-live-pulse{0%{transform:scale(.55);opacity:.95}70%,100%{transform:scale(1.7);opacity:0}}
@media (prefers-reduced-motion:reduce){.pro-shortcuts .tk-live-pulse::after{animation:none;opacity:.45;transform:none}}