.tpot-upload-app{
min-height:80vh;
display:flex;
align-items:center;
justify-content:center;
padding:30px;
background:radial-gradient(circle at top,#3a0018,#080008 60%,#000);
color:#fff;
}

.tpot-upload-card{
width:min(920px,100%);
background:rgba(15,15,20,.88);
border:1px solid rgba(255,255,255,.14);
border-radius:28px;
padding:28px;
box-shadow:0 0 50px rgba(229,9,79,.25);
}

.tpot-upload-card h1{
font-size:clamp(32px,7vw,60px);
line-height:1;
margin:0 0 10px;
text-transform:uppercase;
letter-spacing:.04em;
}

.tpot-subtitle{
opacity:.85;
}

.tpot-label{
display:block;
margin:18px 0 8px;
font-weight:700;
}

.tpot-input{
width:100%;
font-size:18px;
padding:12px 14px;
border-radius:14px;
border:1px solid rgba(255,255,255,.25);
background:#fff;
color:#111;
box-sizing:border-box;
}

.tpot-button{
width:100%;
border:0;
border-radius:999px;
padding:18px 22px;
font-size:20px;
font-weight:900;
color:#fff;
background:linear-gradient(135deg,#e5094f,#ff9f1c);
cursor:pointer;
text-transform:uppercase;
}

.tpot-message{
padding:14px 16px;
border-radius:14px;
background:rgba(255,255,255,.1);
margin:14px 0;
}

.tpot-footer{
text-align:center;
opacity:.6;
font-size:13px;
}

.tpot-agenda-table{
display:grid;
grid-template-columns:220px 160px 1fr;
gap:10px;
margin:24px 0;
align-items:center;
}

.tpot-agenda-head{
font-weight:900;
color:#f5c35b;
text-transform:uppercase;
letter-spacing:.06em;
font-size:13px;
}

@media (max-width: 900px){
.tpot-upload-app{
padding:18px;
align-items:flex-start;
}

.tpot-upload-card{
margin-top:90px;
padding:22px;
}

.tpot-agenda-table{
display:block;
}

.tpot-agenda-head{
display:none;
}

.tpot-agenda-table .tpot-input{
width:100%;
max-width:100%;
display:block;
margin:0 0 8px;
}

.tpot-agenda-table .tpot-agenda-title{
margin-bottom:28px;
}
}

.tpot-agenda-existing{
margin-top:22px;
border:1px solid rgba(255,255,255,.12);
border-radius:22px;
overflow:hidden;
background:rgba(0,0,0,.18);
}

.tpot-agenda-existing-head,
.tpot-agenda-existing-row{
display:grid;
grid-template-columns:160px 110px 1fr 70px;
gap:14px;
align-items:center;
padding:14px 18px;
}

.tpot-agenda-existing-head{
background:rgba(255,255,255,.06);
font-weight:800;
color:#f5c35b;
text-transform:uppercase;
font-size:13px;
letter-spacing:.06em;
}

.tpot-agenda-existing-row{
border-top:1px solid rgba(255,255,255,.08);
}

.tpot-agenda-existing-title{
text-align:left;
}

.tpot-agenda-delete{
width:42px;
height:42px;
border-radius:50%;
border:0;
cursor:pointer;
font-size:18px;
font-weight:900;
color:#fff;
background:linear-gradient(135deg,#555,#222);
}

@media (max-width:700px){

.tpot-agenda-existing-head{
display:none;
}

.tpot-agenda-existing-row{
grid-template-columns:1fr;
gap:8px;
padding:16px;
}

.tpot-agenda-existing-row > div{
width:100%;
}

.tpot-agenda-delete{
width:100%;
border-radius:999px;
}

}

.tpot-public-agenda{
width:min(1120px,calc(100% - 40px));
margin:170px auto 90px;
}

.tpot-public-agenda h1{
text-align:center;
font-size:clamp(44px,7vw,78px);
line-height:1;
margin:0 0 50px;
color:#fff;
}

.tpot-public-agenda-date{
font-size:clamp(26px,4vw,38px);
margin:36px 0 16px;
color:#fff;
}

.tpot-public-agenda-list{
margin-bottom:10px;
}

.tpot-public-agenda-list .fixture-item{
display:grid !important;
grid-template-columns:130px 1fr;
align-items:center;
gap:22px;
padding:18px 24px;
border:1px solid rgba(255,255,255,.14);
border-radius:18px;
background:rgba(0,0,0,.22);
}

.tpot-public-agenda-list .fixture-item span{
color:#f5c35b;
font-size:18px;
font-weight:900;
}

.tpot-public-agenda-list .fixture-item strong{
text-align:left;
font-size:20px;
line-height:1.25;
}

@media(max-width:700px){
.tpot-public-agenda{
width:calc(100% - 28px);
margin:140px auto 70px;
}

.tpot-public-agenda-list .fixture-item{
grid-template-columns:1fr;
gap:6px;
}

.tpot-public-agenda-list .fixture-item strong{
font-size:19px;
}
}
/* Public agenda page */
.tpot-public-agenda{
width:min(1120px,calc(100% - 40px));
margin:170px auto 90px;
}

.tpot-public-agenda h1{
text-align:center;
font-size:clamp(44px,7vw,78px);
line-height:1;
margin:0 0 50px;
color:#fff;
}

.tpot-public-agenda-date{
font-size:clamp(28px,4vw,42px);
line-height:1.1;
margin:42px 0 18px;
color:#fff;
}

.tpot-public-agenda-list{
margin:0 0 12px;
}

.tpot-public-agenda-item{
display:grid;
grid-template-columns:120px 1fr;
align-items:center;
gap:30px;
padding:18px 24px;
border:1px solid rgba(255,255,255,.14);
border-radius:18px;
background:rgba(0,0,0,.22);
}

.tpot-public-agenda-item span{
color:#f5c35b;
font-size:19px;
font-weight:900;
line-height:1.2;
}

.tpot-public-agenda-item strong{
color:#fff;
font-size:21px;
font-weight:900;
line-height:1.25;
text-align:left;
}

@media(max-width:700px){
.tpot-public-agenda{
width:calc(100% - 28px);
margin:140px auto 70px;
}

.tpot-public-agenda-date{
font-size:30px;
}

.tpot-public-agenda-item{
grid-template-columns:90px 1fr;
gap:18px;
padding:16px 18px;
}

.tpot-public-agenda-item span{
font-size:17px;
}

.tpot-public-agenda-item strong{
font-size:18px;
}
}
.tpot-footer a{
color:#f5c35b;
font-weight:700;
text-decoration:none;
}

.tpot-footer a:hover{
color:#fff;
}