/* Tornulio 9.0 Platform Edition - Color correction to 8.6.6 green/lime design.
   Super-Admin UX, presentation only.
   Scoped to .tn90-platform-shell so the Vereinsportal retains its familiar styling. */
.tn90-platform-shell{grid-template-columns:minmax(218px,236px) minmax(0,1fr);gap:24px}
.tn90-platform-shell .tn-shell-nav{background:linear-gradient(170deg,#0b3128 0%,#08291f 68%,#0a211d 100%);border:1px solid #254d3b;box-shadow:0 18px 46px #073b2a29}
.tn90-platform-shell .tn-nav-brand{border-bottom-color:#ffffff26}
.tn90-platform-shell .tn-nav-brand small{color:#bce18e}
.tn90-platform-shell .tn-nav-item{color:#c8dad1;font-size:12px;min-height:49px;line-height:1.4;transition:background .15s}
.tn90-platform-shell .tn-nav-item:hover{background:#ffffff18;color:#fff}
.tn90-platform-shell .tn-nav-item.active{background:#c9f27a;color:#112d1d;box-shadow:inset 0 0 0 1px #e2ffa1,0 8px 18px #0002}
.tn90-platform-shell .tn-nav-label{color:#9dbea7}
.tn90-platform-shell .tn-nav-version{color:#86b097}
.tn90-platform-shell .tn-nav-foot{background:#ffffff08;color:#e8f5ed;border-color:#ffffff22}
.tn90-mode-box{padding:10px;margin:0 0 12px;border-radius:14px;border:1px solid #ffffff26;background:#ffffff0a}
.tn90-mode-label{font-size:9px;font-weight:850;letter-spacing:.14em;color:#b5d5c1;margin:0 0 7px}
.tn90-mode-btn{display:block;width:100%;text-align:left;border:1px solid transparent;border-radius:9px;background:transparent;color:#e8f5ed;padding:10px 11px;margin-top:5px;font-weight:750;font-size:12px;min-height:40px}
.tn90-mode-btn:hover{background:#ffffff15}
.tn90-mode-btn.is-active{color:#123e2a;background:#f4fbea;border-color:#d2e8d4}
.tn90-section-top{background:#fff;border:1px solid #dfe9e1;border-radius:18px;padding:23px 24px 0;margin-bottom:23px;box-shadow:0 5px 20px #113b280b}
.tn90-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:18px}
.tn90-breadcrumb,.tn90-eyebrow{display:block;font-size:10px;letter-spacing:.16em;font-weight:900;color:#4f9278;text-transform:uppercase}
.tn90-section-heading h2{margin:6px 0 3px;font-size:24px;letter-spacing:-.035em;color:#17352d;font-weight:900}
.tn90-section-heading p{margin:0;font-size:12px;color:#6e817a}
.tn90-section-tools{display:flex;align-items:center;gap:7px;max-width:100%}
.tn90-section-tools input{max-width:210px;min-height:37px;font-size:12px;padding:8px 10px;border-radius:9px;background:#f9fcf6;border:1px solid #d2e0d4}
.tn90-section-tools .btn{min-height:37px;padding:6px 12px;color:#285143}
.tn90-tabs{display:flex;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:thin;white-space:nowrap;margin:0 -6px;padding:0 6px 7px}
.tn90-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;border-radius:4px 4px 0 0;color:#667f73;min-height:38px;font-size:12px;padding:9px 12px;font-weight:760;flex-shrink:0}
.tn90-tabs button.active{color:#174634;border-bottom-color:#83ba56;background:#f4fde9}
.tn90-tabs button:hover{color:#174634;background:#f6fbf2}
.tn90-platform-shell .tn-shell-main>.page-top{margin-top:5px}
.tn90-platform-shell .tn-shell-main .h1{color:#17352d}
.tn90-platform-shell .tn-shell-main .btn.primary{background:#c9f27a;border-color:#c9f27a;color:#123e2a}
.tn90-platform-shell .tn-shell-main .btn.primary:hover{background:#d9ff92;border-color:#c3eb7c}
.tn90-platform-shell .tn-shell-main .panel{border-color:#dfe9e2;box-shadow:0 6px 24px #113b280b}
.tn90-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px 36px;border-radius:21px;overflow:hidden;background:radial-gradient(circle at 86% 14%,#3b815e 0%,transparent 38%),linear-gradient(120deg,#0c4437,#0a3029 60%,#185844);box-shadow:0 15px 35px #063a2b24;color:white;margin-bottom:20px;min-height:250px}
.tn90-hero h1{font-size:clamp(30px,4vw,47px);color:#fff;margin:12px 0;line-height:1.12;letter-spacing:-.045em;font-weight:920}
.tn90-hero h1 em{font-style:normal;color:#c9f27a}
.tn90-hero p{max-width:490px;line-height:1.65;color:#e3f5d9;margin:0 0 18px;font-size:13px}
.tn90-hero .tn90-eyebrow{color:#c9f27a}
.tn90-hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.tn90-hero .btn{min-height:40px}
.tn90-platform-shell .tn-shell-main .tn90-hero-ghost{color:#f3fff1;background:#ffffff1b;border:1px solid #ffffff48}
.tn90-hero-symbol{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;width:165px;height:165px;border-radius:50%;border:1px solid #ffffff48;background:#ffffff13;box-shadow:inset 0 0 40px #ffffff12}
.tn90-hero-symbol span{font-size:64px;line-height:1;font-weight:950;letter-spacing:-.09em}
.tn90-hero-symbol small{font-size:12px;letter-spacing:.22em;color:#daffc0;margin-top:5px}
.tn90-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:21px}
.tn90-kpi-grid.tn90-kpi-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.tn90-kpi{display:flex;flex-direction:column;gap:5px;justify-content:center;background:#fff;border:1px solid #dfe9e2;border-radius:16px;padding:20px;min-width:0;min-height:118px;box-shadow:0 4px 15px #113b280a}
.tn90-kpi span{font-weight:750;color:#667f73;font-size:12px}
.tn90-kpi strong{font-size:34px;letter-spacing:-.045em;line-height:1.1;color:#143d2f;overflow-wrap:anywhere}
.tn90-kpi small{color:#71817a;font-size:11px}
.tn90-kpi .tn90-kpi-date{font-size:15px;letter-spacing:0;overflow-wrap:anywhere}
.tn90-two-columns{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:16px;margin-bottom:16px}
.tn90-panel{margin:0 0 16px}
.tn90-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.tn90-panel-heading h2{margin:5px 0 0;font-size:20px;letter-spacing:-.025em}
.tn90-task{display:flex;align-items:center;gap:11px;padding:14px 0;border-bottom:1px solid #e5eee7;min-width:0}
.tn90-task:last-child{border-bottom:0}
.tn90-task-number{width:37px;height:37px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#edf4ec;color:#1a5038;font-weight:900;flex:none}
.tn90-task-alert .tn90-task-number{color:#8a6018;background:#fff4d7}
.tn90-task-text{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}
.tn90-task-text strong{font-size:12px;color:#1a4335}
.tn90-task-text span{font-size:11px;color:#71817a;line-height:1.4}
.tn90-task .btn{min-height:34px;font-size:11px;white-space:nowrap;flex:none}
.tn90-health{display:flex;justify-content:space-between;gap:20px;align-items:start;border-bottom:1px solid #e5eee7;padding:14px 0;font-size:12px}
.tn90-health span{color:#71817a}
.tn90-health b{max-width:54%;text-align:right;overflow-wrap:anywhere;color:#214f3b}
.tn90-notice{background:#f6fbf2;border:1px solid #dfeae1;border-radius:12px;color:#627d70;padding:12px;font-size:11px;line-height:1.6}
.tn90-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.tn90-shortcuts button{display:flex;justify-content:space-between;align-items:center;gap:9px;border:1px solid #dfe9e2;border-radius:11px;background:#fbfef9;padding:17px;text-align:left;font-size:12px;font-weight:750;color:#1a5038}
.tn90-shortcuts button:hover{background:#f5fbea;border-color:#b9dca2}
.tn90-health-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tn90-health-cards .panel{min-width:0}
.tn90-health-cards .panel h2{margin-top:0}
.tn90-inner-tabs{display:flex;gap:6px;overflow-x:auto;flex-wrap:wrap;margin-bottom:12px}
.tn90-inner-tabs button{background:white;border:1px solid #d2e0d4;border-radius:10px;padding:12px 17px;font-size:12px;font-weight:760;color:#285143}
.tn90-inner-tabs button.active{background:#174634;border-color:#174634;color:white}
.tn90-club-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tn90-club-facts>div{border:1px solid #e0e9e2;border-radius:11px;padding:15px;display:flex;flex-direction:column;gap:7px}
.tn90-club-facts span{color:#71817a;font-size:12px}
.tn90-club-facts strong{font-size:14px;color:#17352d;overflow-wrap:anywhere}
.tn90-filter-count{font-size:12px;color:#71817a;margin-bottom:12px}
.tn90-filter-empty{padding:14px;background:#f6fbf2;border-radius:9px}
.club-admin-card[hidden],.tn90-filter-empty[hidden]{display:none!important}
.tn90-platform-shell .club-admin-title{gap:11px;flex-wrap:wrap}
.tn90-platform-shell .tn90-detail-button{margin-left:auto;min-height:30px;font-size:11px}
.tn90-danger-panel{border-color:#f0b6b1!important;background:#fffaf9!important}
.tn90-empty{font-size:13px;color:#71817a;margin:16px 0}
.tn90-sr-only{position:absolute!important;white-space:nowrap;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;padding:0;border:0}
.tn90-platform-shell button:focus-visible,.tn90-platform-shell input:focus-visible{outline:3px solid #9ddb64;outline-offset:3px}
@media(max-width:1180px){.tn90-two-columns{grid-template-columns:1fr}.tn90-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tn90-health-cards{grid-template-columns:1fr}}
@media(max-width:780px){.tn90-platform-shell{display:block}.tn90-platform-shell .tn-shell-nav{position:relative;max-height:none}.tn90-platform-shell .tn-nav-brand{display:none}.tn90-platform-shell .tn-nav-mobile{display:block}.tn90-mode-box{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center;margin-bottom:8px}.tn90-mode-label{grid-column:1/-1;margin:0}.tn90-mode-btn{margin:0;text-align:center}.tn90-section-top{padding:17px 16px 0}.tn90-hero{padding:25px}.tn90-hero-symbol{width:100px;height:100px}.tn90-hero-symbol span{font-size:40px}.tn90-hero-symbol small{font-size:8px}}
@media(max-width:580px){.tn90-section-tools,.tn90-section-tools input{width:100%;max-width:none}.tn90-section-heading{align-items:stretch}.tn90-section-tools .btn{flex:none}.tn90-hero{min-height:0;padding:25px 21px}.tn90-hero-symbol{display:none}.tn90-kpi-grid,.tn90-kpi-grid.tn90-kpi-three{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tn90-kpi{padding:14px;min-height:95px}.tn90-kpi strong{font-size:25px}.tn90-two-columns{display:block}.tn90-task{flex-wrap:wrap}.tn90-task-text{min-width:calc(100% - 58px)}.tn90-task .btn{margin-left:49px}.tn90-shortcuts{grid-template-columns:1fr}.tn90-club-facts{grid-template-columns:1fr}.tn90-section-heading h2{font-size:21px}.tn90-platform-shell .page-top{display:block}.tn90-platform-shell .page-top .btnrow{margin-top:12px}}
@media(max-width:355px){.tn90-kpi-grid,.tn90-kpi-grid.tn90-kpi-three{grid-template-columns:1fr}}
@media print{.tn90-section-top,.tn90-mode-box,.tn90-tabs{display:none!important}}

/* Keep club actions discoverable without overwhelming the main list. */
#app[data-tn-context="clubs"] .tn90-platform-shell .page-top{display:none}
.tn90-club-actions{background:#f6fbf2;border:1px solid #dfeae1;border-radius:12px;margin-top:12px;padding:0 12px}
.tn90-club-actions summary{list-style:revert;cursor:pointer;padding:12px 5px;font-size:12px;color:#214f3b;font-weight:800}
.tn90-club-actions .club-admin-controls{padding:10px 0 14px}
.tn90-platform-shell .club-admin-card{padding:15px;border-radius:14px}
.tn90-platform-shell .club-admin-card .tn90-resend-fast{margin-left:7px;color:#1a5038;border-color:#b9dca2;background:#f4fde9}
@media(max-width:580px){
 #app[data-tn-context="clubs"] .tn90-platform-shell .panel .title-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px}
 #app[data-tn-context="clubs"] .tn90-platform-shell [data-toggle-registration]{max-width:100%;margin:0;min-width:0}
}

.tn90-bar-row{padding:12px 0;border-bottom:1px solid #e5eee7}
.tn90-bar-row>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#214f3b;font-size:12px;margin-bottom:8px}
.tn90-bar-row span{color:#667f73}
.tn90-bar{height:9px;border-radius:99px;background:#edf4ec;overflow:hidden}
.tn90-bar i{height:100%;display:block;background:linear-gradient(90deg,#83ba56,#c9f27a);border-radius:99px}

/* Tornulio 9.0 - Stable layout when switching Platform / Mein Verein. */
html{scrollbar-gutter:stable}
#app{overflow-anchor:none}
@media(min-width:781px){
 #app .tn-shell{grid-template-columns:minmax(204px,238px) minmax(0,1fr);gap:25px}
}
@media(min-width:781px) and (max-width:1130px){
 #app .tn-shell{grid-template-columns:194px minmax(0,1fr);gap:15px}
}
@media(max-width:780px){
 #app .tn-shell{display:block}
 .tn90-mode-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:center;margin-bottom:8px}
 .tn90-mode-label{grid-column:1/-1;margin:0}
 .tn90-mode-btn{margin:0;text-align:center}
}