/* STA Kongre v0.6.34 — institutional participation page, compact secure receipt form. */
.sta-payment-page{background:var(--paper);--app-muted:#676965;--app-line:rgba(21,23,25,.17)}
/* Reuse the exact shared interior-page hero geometry and typography (STA Kongre / Kurullar). */
.sta-payment-page .sta-payment-hero{background:var(--paper);border-left:0}
.sta-payment-page .sta-payment-hero .sta-about-hero-copy>p{max-width:760px}
.sta-payment-content{padding-top:48px;padding-bottom:94px;display:flex;flex-direction:column;gap:70px}
.sta-payment-section{display:grid;grid-template-columns:minmax(160px,245px) minmax(0,1fr);column-gap:clamp(26px,5vw,75px);align-items:start;scroll-margin-top:120px}
.sta-payment-section+.sta-payment-section{padding-top:45px;border-top:1px solid rgba(21,23,25,.2)}
.sta-payment-index{border-top:1px solid var(--ink);padding-top:17px}
.sta-payment-index>span{font:700 10px/1.1 var(--mono);letter-spacing:.1em;color:var(--sta-accent)}
.sta-payment-index h2{font:400 clamp(32px,3.3vw,47px)/1.04 var(--serif);letter-spacing:-.035em;margin:16px 0 14px}
.sta-payment-index p{font:400 12px/1.65 var(--sans);color:var(--app-muted);margin:0}
.sta-payment-main{min-width:0;display:flex;flex-direction:column;gap:18px}
.sta-payment-page .sta-payment-form{gap:16px}
.sta-payment-page .sta-payment-form-card .sta-application-panel-heading{padding:17px 21px 15px;grid-template-columns:26px minmax(0,1fr);gap:10px}
.sta-payment-page .sta-payment-form-card .sta-application-panel-heading>span{padding-top:4px}
.sta-payment-page .sta-payment-form-card .sta-application-panel-heading h2{font-size:26px;margin:0 0 4px}
.sta-payment-page .sta-payment-form-card .sta-application-panel-heading p{font-size:11px}
.sta-payment-page .sta-payment-form-card .sta-application-panel-fields{padding:19px 21px 21px}
.sta-payment-input-grid{gap:12px 16px}
.sta-payment-page .sta-payment-input-grid .sta-application-field{gap:6px}
.sta-payment-page .sta-payment-input-grid .sta-application-field input{min-height:40px;padding:8px 11px}
.sta-payment-page .sta-payment-input-grid .sta-application-field small{font-size:10px}
.sta-payment-status-group{margin:17px 0 16px;padding:0;border:0;min-width:0}
.sta-payment-status-group legend{font:650 11px/1.4 var(--sans);padding:0;margin-bottom:9px}
.sta-payment-status-group legend b{color:var(--sta-accent)}
.sta-payment-status-options{display:flex;gap:9px;flex-wrap:wrap}
.sta-payment-status-options label{display:inline-flex;align-items:center;gap:8px;border:1px solid #9d9e97;min-height:39px;padding:8px 13px;cursor:pointer;transition:border-color .2s,background .2s}
.sta-payment-status-options label:has(input:checked){background:rgba(181,74,54,.085);border-color:var(--sta-accent)}
.sta-payment-status-options label:focus-within{outline:2px solid var(--sta-accent);outline-offset:2px}
.sta-payment-status-options label span{font:600 11px/1.4 var(--sans)}
.sta-payment-status-options input{width:15px;height:15px;margin:0;accent-color:var(--sta-accent)}
.sta-payment-uploads{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0}
.sta-payment-uploads:has(.sta-payment-student-document:not([hidden])){grid-template-columns:repeat(2,minmax(0,1fr))}
.sta-payment-student-document{min-width:0}
.sta-payment-student-document[hidden]{display:none!important}
.sta-payment-page .sta-application-file-field{margin:0;min-height:79px;padding:11px 13px;gap:9px;grid-template-columns:29px minmax(0,1fr) auto}
.sta-payment-page .sta-application-file-icon{width:28px;height:28px;font-size:20px}
.sta-payment-page .sta-application-file-copy{gap:3px}
.sta-payment-page .sta-application-file-copy strong{font-size:11px}
.sta-payment-page .sta-application-file-copy small{font-size:9px}
.sta-payment-page .sta-application-file-action{min-width:92px;padding:8px 9px;gap:6px;font-size:9px}
.sta-payment-confirm{margin-top:15px;display:flex;flex-direction:column;gap:5px}
.sta-payment-page .sta-application-approval{font-size:11px;line-height:1.5}
.sta-payment-page .sta-application-approval input{accent-color:var(--sta-accent);margin-top:2px}
.sta-payment-page .sta-application-privacy{margin:5px 0 0;padding-top:9px;font-size:10px;line-height:1.5}
.sta-payment-page .sta-application-submit-panel{margin-top:0;padding-top:15px}
.sta-payment-page .sta-application-submit-panel p{margin:0;max-width:410px;font-size:10px}
.sta-payment-page .sta-application-submit{min-width:180px;padding:12px 14px;font-size:10px}
/* Fixed 7-category tariff, responsive table with accessible horizontal scrolling. */
.sta-payment-table-scroll{max-width:100%;overflow-x:auto;scrollbar-width:thin}
.sta-payment-rates-table{width:100%;border-collapse:collapse;text-align:left;font-family:var(--sans);min-width:570px}
.sta-payment-rates-table thead th{font:700 10px/1.35 var(--mono);letter-spacing:.055em;text-transform:uppercase;color:var(--muted);background:rgba(21,23,25,.045);border-bottom:1px solid var(--ink);padding:13px 12px}
.sta-payment-rates-table thead th:first-child{width:49%}
.sta-payment-rates-table tbody th,.sta-payment-rates-table tbody td{border-bottom:1px solid var(--app-line);padding:15px 12px;vertical-align:middle}
.sta-payment-rates-table tbody th{font:500 13px/1.4 var(--sans)}
.sta-payment-rates-table tbody td{font:600 16px/1.3 var(--serif);white-space:nowrap;font-variant-numeric:tabular-nums}
.sta-payment-rates-table tbody tr:hover{background:rgba(181,74,54,.035)}
.sta-payment-per-person{display:block;font:500 10px/1.4 var(--sans);color:var(--muted);margin-bottom:2px}
.sta-payment-fee-dates{border-top:1px solid var(--ink);padding-top:20px;margin-top:26px}
.sta-payment-fee-dates h3{font:400 24px/1.1 var(--serif);margin:0 0 15px}
.sta-payment-fee-event{border-top:1px solid var(--app-line);padding-top:12px;margin-top:12px}
.sta-payment-fee-event strong{font:600 12px/1.45 var(--sans)}
.sta-payment-fee-event p{font:400 12px/1.6 var(--sans);margin:5px 0 0;color:var(--app-muted)}
.sta-payment-bank-rows{margin:0;padding:0}
.sta-payment-bank-rows>div{display:flex;justify-content:space-between;gap:25px;align-items:baseline;padding:14px 0;border-top:1px solid var(--app-line)}
.sta-payment-bank-rows dt{font:600 12px/1.45 var(--sans);color:var(--app-muted)}
.sta-payment-bank-rows dd{font:600 15px/1.5 var(--sans);margin:0;text-align:right;overflow-wrap:anywhere}
.sta-payment-bank-rows .sta-payment-iban{font-family:var(--mono);font-size:13px;letter-spacing:.025em}
.sta-payment-note{font:400 12px/1.75 var(--sans);color:var(--app-muted);margin:20px 0 0}
.sta-payment-note a{color:var(--sta-accent);text-decoration:underline;text-underline-offset:3px;font-weight:650}
@media(max-width:1100px){.sta-payment-page .sta-application-file-field{grid-template-columns:28px minmax(0,1fr)}.sta-payment-page .sta-application-file-action{grid-column:2;justify-self:start}.sta-payment-uploads:has(.sta-payment-student-document:not([hidden])){grid-template-columns:1fr}}
@media(min-width:721px) and (max-width:1000px){.sta-payment-page .sta-payment-input-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.sta-payment-section{grid-template-columns:minmax(120px,190px) 1fr;gap:28px}.sta-payment-content{gap:60px}.sta-payment-index h2{font-size:35px}}
@media(max-width:720px){.sta-payment-content{padding-top:35px;gap:46px}.sta-payment-section{display:flex;flex-direction:column;gap:22px}.sta-payment-index{width:100%}.sta-payment-index h2{font-size:34px}.sta-payment-section+.sta-payment-section{padding-top:35px}.sta-payment-main{width:100%}.sta-payment-page .sta-payment-input-grid{grid-template-columns:1fr}.sta-payment-page .sta-application-submit-panel{flex-direction:column;align-items:stretch}.sta-payment-rates-table tbody th,.sta-payment-rates-table tbody td{padding:12px 10px}}
@media(max-width:430px){.sta-payment-page .sta-payment-form-card .sta-application-panel-fields{padding:16px 14px}.sta-payment-page .sta-payment-form-card .sta-application-panel-heading{padding:17px 14px}.sta-payment-page .sta-payment-status-options{gap:6px}.sta-payment-page .sta-payment-status-options label{padding:8px 10px}}