/* Tornulio 9.0.2 – actual mobile fluid layout; no artificial zoom-out or overflow clipping. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
#app,#app .tn-shell,#app .tn-shell-main,#app .tn-shell-nav{min-width:0;max-width:100%}
#app :is(.panel,.card,.tourney-card,.game,.tn90-section-top,.tn90-hero,.tn90-kpi,.tn90-panel,.tn90-club-facts,.formgrid){min-width:0}
#app :is(.panel,.page-top,.tn-shell-main,.tn90-task,.club-admin-card,.tn902-help-topic){overflow-wrap:anywhere}
#app :is(.tablewrap,.tn90-tabs,.nav){max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
#app .tablewrap table{width:max-content;max-width:none;min-width:100%}
#app :is(img,svg,video,canvas){max-width:100%;height:auto}
#app :is(input,select,textarea){max-width:100%}
.tn902-side-help{margin:9px 0;border-top:1px solid #ffffff25;padding-top:13px}
.tn902-side-help button{width:100%;text-align:left;background:transparent;border:1px solid #ffffff24;color:#e3f2e7;padding:11px 13px;border-radius:10px;font-weight:750;cursor:pointer}
.tn902-side-help button:hover{background:#ffffff16}
.tn902-help-intro{margin-bottom:16px}
.tn902-help-intro label{max-width:620px;gap:10px}
.tn902-help-topic{background:#fff;border:1px solid #dce9e1;border-radius:13px;margin-bottom:10px;padding:0 20px;box-shadow:0 3px 12px #1537280a}
.tn902-help-topic[hidden]{display:none}
.tn902-help-topic summary{cursor:pointer;padding:18px 0;color:#154332;font-weight:850;line-height:1.5}
.tn902-help-topic[open] summary{border-bottom:1px solid #dce9e1}
.tn902-help-topic ol{padding-left:26px;margin:18px 0 24px;display:grid;gap:12px;line-height:1.7}
.tn902-help-topic li{padding-left:6px}
.tn902-staff-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end;margin-top:14px}
.tn902-staff-form label{display:grid;gap:7px;min-width:0;font-weight:700}
.tn902-staff-form label input,.tn902-staff-form label select{width:100%;box-sizing:border-box;min-width:0}
.tn902-staff-form .btn{min-height:43px;align-self:end}
.tn902-staff-list{display:grid;gap:12px}
.tn902-staff-card{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border:1px solid #dce9e1;border-radius:12px;padding:15px;background:#fbfefa}
.tn902-staff-card h3{margin:0 0 5px}
.tn902-staff-card p{margin:0 0 9px;font-size:13px;color:#607b6a;overflow-wrap:anywhere}
.tn902-staff-actions{display:flex;align-items:end;justify-content:flex-end;gap:8px;flex-wrap:wrap;max-width:60%}
.tn902-staff-actions select{min-width:144px}
.tn902-readonly-banner{padding:12px 15px;margin:0 0 14px;border:1px solid #ccd9cf;background:#f3faf1;border-radius:10px;color:#345b43;font-weight:700;font-size:12px}
.tn902-invite-page{margin:0;background:#f2f8f1;color:#173d31;font-family:system-ui,sans-serif}
.tn902-invite{max-width:480px;margin:5vh auto;padding:30px;background:#fff;border:1px solid #dbe7dc;border-radius:18px;box-shadow:0 12px 30px #173e2416}
.tn902-invite h1{font-size:26px;line-height:1.2}
.tn902-invite p{line-height:1.65}
.tn902-invite label{display:block;font-size:14px;margin:15px 0}
.tn902-invite input{display:block;width:100%;min-height:44px;padding:12px;border:1px solid #ccd8ce;border-radius:9px;margin-top:7px;box-sizing:border-box;font-size:16px}
.tn902-invite button{background:#204c39;color:#fff;border:0;border-radius:10px;padding:13px 19px;font-size:16px;font-weight:750;cursor:pointer}
@media(max-width:780px){
 body{min-width:0}
 #app.wrap{width:calc(100% - 20px);margin-inline:auto;padding-top:13px}
 #app .tn-shell{display:block;min-width:0;max-width:100%}
 #app .tn-shell-main{width:100%;min-width:0}
 #app .tn-shell-nav{width:100%;min-width:0;margin-bottom:13px}
 #app .tn90-section-top{padding:16px 13px 0;margin-bottom:13px}
 #app .tn90-section-heading{gap:10px;padding-bottom:11px}
 #app .tn90-tabs{margin:0;padding:0 0 6px}
 #app .tn90-tabs button{min-height:44px}
 #app .formgrid,#app .formgrid.cols2,#app .formgrid.cols3{grid-template-columns:minmax(0,1fr)}
 #app .formgrid .span2,#app .formgrid .span4{grid-column:1/-1}
 #app .tiles,#app .cards,#app .game-grid{grid-template-columns:minmax(0,1fr)}
 #app .page-top{gap:10px}
 #app .tn90-hero{padding:21px 18px;min-width:0}
 #app .tn90-hero-actions .btn{white-space:normal;text-align:center}
 #app .tn90-task-text{min-width:0}
 #app .tn90-task .btn{margin-left:auto}
 #app .btnrow .btn{max-width:100%;white-space:normal;text-align:center}
 .tn902-staff-form{grid-template-columns:minmax(0,1fr)}
 .tn902-staff-card{flex-direction:column}
 .tn902-staff-actions{max-width:none;width:100%;justify-content:flex-start}
}
@media(max-width:580px){
 /* iOS Safari zooms inputs below 16px. This is the actual text-size fix. */
 :is(input,select,textarea),#app .tn90-section-tools input,#app .tn90-section-tools select{font-size:16px!important}
 .header-in{width:calc(100% - 16px);min-width:0;gap:8px;min-height:64px}
 .header-in .tornulio-brand{gap:5px;min-width:0}
 .header-in .tornulio-owl{width:37px;height:37px}
 .header-in .tornulio-brand-name strong{font-size:15px;white-space:nowrap}
 .header-in .tornulio-brand-name small{font-size:8px}
 .header-in .session{gap:5px;min-width:0}
 .header-in .session .account{max-width:105px;overflow:hidden;text-overflow:ellipsis}
 .header-in .session .account strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}
 .header-in .session .btn{padding:8px;font-size:11px;white-space:nowrap}
 #app .tn90-section-heading{flex-direction:column;align-items:stretch}
 #app .tn90-section-heading h2{font-size:21px}
 #app .tn90-section-tools{width:100%;max-width:100%}
 #app .tn90-section-tools input{width:100%}
 #app .tn90-hero h1{font-size:clamp(29px,8vw,40px)}
 #app .tn90-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #app .tn90-kpi{padding:12px;min-height:83px}
 #app .tn90-task{gap:8px}
 #app .tn90-task-text{min-width:0;flex:1 1 65%}
 #app .tn90-task .btn{margin-left:0}
 #app .panel{padding:15px}
 #app .tn902-help-topic{padding:0 13px}
 #app .tn902-help-topic summary{font-size:14px}
 #app .tn902-help-topic ol{padding-left:19px;font-size:13px}
 #app .tn902-staff-actions{display:grid;grid-template-columns:minmax(0,1fr)}
 .tn902-invite{margin:2vh 10px;padding:20px}
}
@media(max-width:360px){#app .tn90-kpi-grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.tn902-help-topic,.tn902-staff-card{scroll-behavior:auto}}