/* =====================================================================
   FOX Volley v0.3 – „mobile-first“ stiliai
   Ekranai: telefonai (320+), dideli telefonai (480+), planšetės stačiai (768+),
   planšetės gulsčiai / nešiojami (1024+), 1280+, 1920×1080 (1600+), 2K/4K (2240+, 3000+).
   Atskiri nustatymai gulsčiam telefonui, spaudai, „mažiau judesio“, didesniam kontrastui
   ir „Windows High Contrast“ (forced-colors). Prieinamumas – WCAG 2.2 AA.
   ===================================================================== */

/* ---------- 1. Dizaino žetonai ---------- */
:root{
  --navy:#071c27; --navy2:#102f3b; --teal:#33ead0; --teal-dark:#0b7a6c; --gold:#d8f779;
  --ink:#112934; --muted:#4f6670; --bg:#f4f7f6; --line:#d5e2e0; --white:#fff;
  --field-border:#738c8a;           /* ≥3:1 su balta – formų laukų ribos (WCAG 1.4.11) */
  --focus:#0b6f63;
  --danger:#9c3d2c; --warn:#7a5214; --ok:#0d6a43;
  --radius:18px; --radius-sm:10px;
  --shadow:0 12px 40px rgba(11,42,52,.06);
  --gutter:clamp(12px,4vw,32px);
  --container:74rem;
  --bottom-nav:0px;
  --step--1:clamp(.8rem,.77rem + .15vw,.875rem);
  --step-0:clamp(1rem,.96rem + .2vw,1.0625rem);
  --step-1:clamp(1.15rem,1.08rem + .35vw,1.3rem);
  --step-2:clamp(1.4rem,1.25rem + .75vw,1.9rem);
  --step-3:clamp(1.9rem,1.55rem + 1.75vw,3rem);
  --step-4:clamp(2.3rem,1.7rem + 3vw,4.6rem);
  color-scheme:light;
}

/* ---------- 2. Bazė ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:16px;scroll-padding-bottom:calc(var(--bottom-nav) + 16px)}
body{margin:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--step-0);color:var(--ink);background:var(--bg);line-height:1.55;overflow-wrap:break-word}
main{flex:1 0 auto}
img,svg{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
a:hover{color:var(--teal-dark)}
/* Nuorodos tekste visada pabrauktos – neatskiriamos vien spalva (WCAG 1.4.1) */
p a,.prose a,.small a,li a,.empty a,.alert a{color:var(--teal-dark);text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:.08em}
p a:hover,.prose a:hover,.small a:hover{text-decoration-thickness:.15em}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
h1,h2,h3,h4,p{margin-top:0}
h1,h2,h3,h4{line-height:1.15;letter-spacing:-.02em;font-weight:800;text-wrap:balance}
h1{font-size:var(--step-4)}
h2{font-size:var(--step-2)}
h3{font-size:var(--step-1)}
h4{font-size:var(--step-0)}
p{line-height:1.65;max-width:72ch}
code{background:#e9f2ef;border-radius:4px;padding:2px 6px;font-size:.9em}
hr{border:0;border-top:1px solid var(--line);margin:20px 0}

/* ---------- 3. Prieinamumas: fokusas, skip-link, sr-only ---------- */
:focus{outline:none}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px}
.site-header :focus-visible,.hero :focus-visible,.site-footer :focus-visible,.nav-links :focus-visible{outline-color:var(--gold)}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:1px}
.skip-link{position:absolute;left:12px;top:-100px;z-index:1000;background:var(--gold);color:var(--navy);padding:12px 18px;border-radius:var(--radius-sm);font-weight:800}
.skip-link:focus{top:12px}
main:focus{outline:none}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hidden-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
[hidden]{display:none!important}

/* ---------- 4. Išdėstymas ---------- */
.container{width:min(var(--container),100% - 2*var(--gutter));margin-inline:auto}
.main-content{padding:20px 0 56px}
.grid-2,.grid-3{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.gap-top{margin-top:24px}
.narrow{max-width:40rem}
.form-panel{max-width:48rem}
.page-title{margin:16px 0 24px}
.page-title h1{margin:10px 0}
.page-title p{color:var(--muted)}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:12px;margin:36px 0 16px}
.section-head h2{margin:6px 0 0}

/* ---------- 5. Viršutinė juosta ir navigacija ---------- */
.site-header{background:var(--navy);color:#fff;border-bottom:1px solid rgba(255,255,255,.12);padding-top:env(safe-area-inset-top)}
.nav{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand-logo{display:inline-flex;align-items:baseline;flex-wrap:wrap;font-size:1.45rem;font-weight:900;letter-spacing:-.05em;color:#fff;white-space:nowrap;padding:6px 0}
.brand-logo:hover{color:#fff}
.brand-logo span{color:var(--teal);margin-left:5px}
.brand-logo small{font-size:.6rem;letter-spacing:.12em;margin-left:10px;color:#c6d6d6;font-weight:700}
.install-wrap>.brand-logo{color:var(--navy)}

/* Telefonuose – apatinė skirtukų juosta (pasiekiama nykščiu) */
.nav-links{position:fixed;z-index:50;left:0;right:0;bottom:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);background:var(--navy);border-top:1px solid rgba(255,255,255,.16);padding:4px 4px calc(4px + env(safe-area-inset-bottom));box-shadow:0 -6px 24px rgba(0,0,0,.18)}
.nav-links a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;padding:6px 2px;border-radius:12px;color:#dce9ea;font-size:.75rem;font-weight:700;line-height:1.15;text-align:center}
.nav-links a:hover{color:var(--teal)}
.nav-links .ico{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.nav-links a[aria-current="page"]{color:var(--navy);background:var(--teal)}
:root{--bottom-nav:70px}
body{padding-bottom:calc(var(--bottom-nav) + env(safe-area-inset-bottom))}

/* ---------- 6. Mygtukai ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-sm);border:2px solid transparent;font-weight:800;padding:11px 18px;min-height:48px;text-align:center;line-height:1.25;font-size:.95rem;transition:transform .15s,background .15s}
.btn:hover{transform:translateY(-1px)}
.btn.primary{background:var(--teal);color:var(--navy)}
.btn.primary:hover{background:#7afce5;color:var(--navy)}
.btn.ghost{background:transparent;border-color:#8fb0b9;color:#fff}
.btn.ghost:hover{background:rgba(255,255,255,.1);color:#fff}
.btn.secondary,.btn.tiny{background:#e3f3ee;color:#0f4f45;border-color:#3a9484}
.btn.secondary:hover,.btn.tiny:hover{background:#cdeae1;color:#0f4f45}
.btn.ghost-dark{background:#fff;border-color:var(--field-border);color:#1f4651}
.btn.danger-outline{border-color:#b86e5e;color:var(--danger);background:#fff8f6}
.btn.tiny{min-height:40px;font-size:.85rem;padding:7px 12px}
.btn[disabled]{opacity:.6;cursor:not-allowed;transform:none}
form[aria-busy="true"] .btn{opacity:.75;cursor:progress}
.text-btn{background:none;border:0;color:var(--teal-dark);font-size:.9rem;font-weight:700;padding:8px 6px;min-height:44px;min-width:44px;text-decoration:underline;text-underline-offset:.18em}
.danger-text{color:var(--danger)}
.footer-inner .text-btn{color:#9fe4da}
.inline-form{display:inline}
.panel .btn{margin-top:6px}
.row-actions,.action-toolbar{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px}
.action-toolbar{margin:12px 0 16px}
.action-toolbar>form,.action-toolbar>.btn,.action-toolbar>form .btn,.row-actions .btn{width:100%}
.action-toolbar .btn{margin:0}

/* ---------- 7. Paneliai, ženkleliai ---------- */
.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);min-width:0}
.panel h2{font-size:var(--step-2)}
.panel h3{margin-bottom:10px}
.panel-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.panel-top h2,.panel-top h3{margin:0}
.no-pad{padding:0;overflow:hidden}
.muted{color:var(--muted)}
.small{font-size:var(--step--1)}
.strong{font-weight:800}
.eyebrow{display:inline-block;color:var(--teal-dark);font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.pill{border-radius:100px;display:inline-flex;align-items:center;gap:4px;background:#e5efed;color:#2f5753;padding:5px 11px;font-size:.78rem;font-weight:800;white-space:nowrap;border:1px solid transparent}
.pill.sky{background:#e2f3f8;color:#1c5f72}
.pill.orange{background:#fff0dc;color:var(--warn)}
.pill.green{background:#daf3e6;color:var(--ok)}
.inline-pill{margin:0 0 12px}
.empty{border:2px dashed #9fbab5;background:#fff;padding:28px;border-radius:15px;color:var(--muted)}
.alert{padding:14px 18px;border-radius:12px;margin-bottom:20px;border:1px solid #8cceb9;border-left-width:6px;background:#e4f8f0;color:#0f5a48;font-weight:700}
.alert.error{border-color:#d98b78;background:#fff0ea;color:#8a3524}
.alert.warning{border-color:#ddb36c;background:#fff6e6;color:#6d4a10}
.alert:focus-visible{outline-color:var(--focus)}
.warning-panel{border-color:#ddb36c;background:#fffdf8}

/* ---------- 8. Pradžios puslapis ---------- */
.hero{position:relative;overflow:hidden;border-radius:24px;background:radial-gradient(circle at 80% 25%,#235467 0,transparent 43%),linear-gradient(120deg,#09212e,#071c27);color:#fff;display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding:28px 20px}
.hero::after{content:'';position:absolute;width:320px;height:320px;border:1px solid rgba(108,229,212,.18);border-radius:50%;left:48%;top:-180px;pointer-events:none}
.hero h1{font-size:clamp(2.4rem,1.6rem + 4.5vw,5.6rem);line-height:1.02;margin:18px 0}
.hero h1 em{font-style:normal;color:var(--teal)}
.hero p{font-size:var(--step-1);color:#cfe0e4;max-width:34rem}
.hero .eyebrow{color:var(--teal)}
.hero-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}
.hero-actions .btn{width:100%}
.hero-card{display:none;border:1px solid #4a6873;border-radius:18px;padding:28px;flex-direction:column;justify-content:center;background:linear-gradient(125deg,rgba(255,255,255,.09),rgba(255,255,255,.015))}
.big-number{font-size:clamp(4rem,3rem + 3vw,7rem);font-weight:800;line-height:1;color:var(--gold)}
.hero-card-label{color:#d3e2e6;font-weight:700}
.court-lines{height:130px;position:relative;transform:skew(-20deg);opacity:.7;border:2px solid var(--teal);margin:28px 10px}
.court-lines::before,.court-lines::after{content:'';position:absolute;background:var(--teal)}
.court-lines::before{height:100%;width:2px;left:50%}
.court-lines::after{height:2px;width:100%;top:50%}
.hero-card-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;color:#c3d5da;font-size:.75rem;font-weight:800;letter-spacing:.12em}
.live-dot{display:inline-block;width:8px;height:8px;background:var(--gold);border-radius:50%;margin-right:7px}
.how-section{margin-top:28px}
.steps{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.steps article{padding:22px;background:#e6f0ec;border-radius:16px}
.steps b{font-size:2.3rem;color:#1d7f72}
.steps h3{margin:14px 0 8px}
.steps p{color:#3f5b63;margin-bottom:0}

/* ---------- 9. Formos ---------- */
.form-stack{display:flex;flex-direction:column;gap:18px}
.form-stack label,.select-round label,.player-editor label,.install-wrap label,.filter{font-size:.92rem;font-weight:800;display:flex;flex-direction:column;gap:6px}
.form-stack input,.form-stack select,.form-stack textarea,.select-round select,.player-editor input,.player-editor select,.score-sets input,.install-wrap input,.filter input{border:1.5px solid var(--field-border);border-radius:var(--radius-sm);background:#fff;color:#14313a;min-height:48px;padding:10px 12px;width:100%;min-width:0;font-size:max(16px,1rem)}
.form-stack textarea{min-height:120px;resize:vertical;line-height:1.7}
.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus,.select-round select:focus,.player-editor input:focus,.player-editor select:focus,.score-sets input:focus,.install-wrap input:focus,.filter input:focus{border-color:var(--focus);box-shadow:0 0 0 3px rgba(11,111,99,.25)}
::placeholder{color:#5d7177;opacity:1}
input:disabled,select:disabled,textarea:disabled{background:#eef2f2;color:#4f6670;border-color:#b6c6c4}
input[aria-invalid="true"]{border-color:var(--danger)}
.checkbox-line,.form-stack .checkbox-line{flex-direction:row!important;align-items:flex-start;gap:12px;font-weight:500!important;line-height:1.45;cursor:pointer}
.checkbox-line input{width:24px!important;height:24px;min-height:24px!important;margin:0;flex:none;accent-color:var(--teal-dark)}
.select-round{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;max-width:36rem;margin-bottom:20px}
.select-round label{flex:1 1 16rem}
.select-round .btn{margin:0}
.time-field{display:flex;flex-direction:column;gap:8px}
.time-field>label{font-weight:800}
.time-field>label small{display:block;font-weight:600;margin-top:2px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1.5px solid #3a9484;background:#effaf6;color:#0f4f45;border-radius:100px;padding:8px 14px;font-size:.88rem;font-weight:700;min-height:44px;min-width:44px}
.chip:hover{background:#d4efe7}
.chip.ghost{background:#fff;color:#7d3b2d;border-color:#b86e5e}
.reveal-wrap{position:relative;display:block}
.reveal-wrap input{padding-right:96px!important;width:100%}
.reveal-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);border:0;background:#e6f0ee;color:#1f4651;border-radius:8px;padding:0 12px;min-height:40px;min-width:44px;font-size:.85rem;font-weight:800}
.filter{max-width:24rem;margin-bottom:14px}
.form-hint{font-size:var(--step--1);color:var(--muted);font-weight:500}

/* ---------- 10. Autentikacija ---------- */
.auth-layout{display:flex;justify-content:center;padding:12px 0 24px}
.auth-card{max-width:30rem;width:100%}
.auth-card h1{font-size:var(--step-3);margin:10px 0}

/* ---------- 11. Profilis, sąrašai ---------- */
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.stat{border:1px solid var(--line);background:#fff;padding:14px 10px;border-radius:15px;display:flex;flex-direction:column;gap:8px;min-width:0}
.stat span{font-size:.78rem;color:var(--muted);font-weight:700}
.stat strong{font-size:clamp(1.7rem,1.3rem + 1.5vw,2.8rem);line-height:1}
.list-row{display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding:12px 0;min-height:48px}
.list-row:last-of-type{border-bottom:0}
.list-row small{display:block;color:var(--muted);font-size:.82rem;margin-top:3px}
.round-list-item{padding-inline:8px;border-radius:var(--radius-sm)}
.round-list-item.selected{background:#e8f6f2;box-shadow:inset 4px 0 0 var(--teal-dark)}
.round-list-item:hover{color:var(--ink);background:#f1f8f6}

/* ---------- 12. Lentelės ---------- */
.table-wrap{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}
.table-wrap:focus-visible{outline-offset:-3px}
table{width:100%;border-collapse:collapse;text-align:left;font-size:.92rem}
caption{text-align:left;font-weight:800;padding:0 0 8px}
th{font-size:.78rem;color:#3f5b63;text-transform:uppercase;letter-spacing:.06em;background:#eef4f2;font-weight:800}
td,th{padding:12px;border-bottom:1px solid var(--line);vertical-align:top}
tbody tr:last-child td{border-bottom:0}
.rank-num{display:inline-grid;place-items:center;min-width:32px;height:32px;border-radius:8px;font-weight:800}
.rank-num.top-rank{background:#eef6c4;color:#3f4d0f}
.rank-table tr.is-me td{background:#e6f8f2}
.rank-table tr.is-me td:first-child{box-shadow:inset 4px 0 0 var(--teal-dark)}
/* Siaurame ekrane lentelės virsta kortelėmis (be horizontalaus slinkimo – WCAG 1.4.10) */
@media (max-width:39.99em){
  table.stack thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  table.stack,table.stack tbody,table.stack tr,table.stack td{display:block;width:100%}
  table.stack tr{border:1px solid var(--line);border-radius:12px;padding:6px 12px;margin-bottom:10px;background:#fff}
  table.stack td{display:grid;grid-template-columns:minmax(7.5em,40%) minmax(0,1fr);gap:10px;border-bottom:1px solid #edf2f1;padding:8px 0}
  table.stack td:last-child{border-bottom:0}
  table.stack td>*{grid-column:2}
  table.stack td{padding:7px 0}
  table.stack td::before{content:attr(data-label);font-weight:800;color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}
  table.stack td[data-label=""]::before{content:none}
  table.stack td[data-label=""]{display:block}
}

/* ---------- 13. Skirtukai ---------- */
.tabs,.admin-tabs{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;scrollbar-width:thin;padding:3px}
.tab{flex:none;background:#e3ebe8;border:2px solid transparent;color:#2f4c54;border-radius:var(--radius-sm);padding:10px 16px;min-height:48px;display:inline-flex;align-items:center;font-weight:800;font-size:.92rem;white-space:nowrap}
.tab:hover{background:#d3e2de;color:var(--ink)}
.tab.active,.tab[aria-selected="true"]{color:var(--navy);background:var(--teal);border-color:var(--teal-dark)}
.tab-pane{display:none}
.tab-pane.active{display:block}
.pane-title{display:none}

/* ---------- 14. Tvarkaraštis, grupės ---------- */
.group-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin:16px 0}
.group-panel,.admin-group{margin:0}
.group-panel.is-mine{border:2px solid var(--teal-dark);box-shadow:0 0 0 4px rgba(51,234,208,.25)}
.group-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:14px}
.group-heading h3{font-size:var(--step-2);margin:4px 0}
.group-meta{display:flex;gap:8px;flex-wrap:wrap;color:#2f5560;font-weight:700;font-size:.85rem}
.group-meta span{background:#e9f3f0;border-radius:8px;padding:7px 10px}
.player-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.player-chips span{background:#ebf6f2;border-radius:10px;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;font-size:.92rem;font-weight:700}
.player-chips b{display:grid;place-items:center;border-radius:6px;background:#a8efdf;color:#033f35;min-width:26px;height:26px}
.match-list{border-top:1px solid var(--line)}
.match-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:12px 0;font-size:.9rem}
.match-row:last-child{border:0}
.pair{font-weight:600}
.pair.right{text-align:right}
.pair.winner{color:#0a6b58;font-weight:800}
.pair.winner::before{content:'✓ ';}
.score-box{text-align:center;white-space:nowrap;font-weight:800;font-size:1.05rem;padding:0 4px}
.score-box small{display:block;font-size:.78rem;font-weight:500;color:var(--muted);white-space:normal}
.standings{background:#f2f7f5;margin-top:14px;padding:14px;border-radius:12px}
.standings h4{margin-bottom:10px}

/* ---------- 15. Administravimas ---------- */
.stepper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;list-style:none;padding:0;margin:14px 0;counter-reset:st}
.stepper li{counter-increment:st;background:#e8efed;color:#3f5b63;border-radius:var(--radius-sm);padding:10px 12px;font-size:.85rem;font-weight:800}
.stepper li::before{content:counter(st) '. '}
.stepper li.done{background:#daf3e6;color:var(--ok)}
.stepper li.done::after{content:' ✓'}
.stepper li.current{background:var(--navy);color:#fff}
details.panel>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}
details.panel>summary::-webkit-details-marker{display:none}
details.panel>summary h3{margin:0}
details.panel>summary::after{content:'+';flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e3f3ee;font-size:1.3rem;font-weight:800;color:var(--teal-dark)}
details.panel[open]>summary{margin-bottom:12px}
details.panel[open]>summary::after{content:'–'}
.result-editor{background:#f2f7f5;border-radius:12px;padding:12px;margin-top:14px}
.result-editor h4{margin-bottom:10px}
.score-form{border-bottom:1px solid var(--line);padding:12px 8px;display:flex;flex-direction:column;gap:12px;border-radius:8px}
.score-form:last-child{border-bottom:0}
.score-form.has-score{background:#f7fcfa}
.match-label{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:.9rem}
.match-label span{color:var(--muted);font-size:.82rem}
.score-sets{display:flex;gap:10px;flex-wrap:wrap}
.score-sets>div{display:flex;flex-direction:column;gap:3px}
.score-sets small{font-size:.8rem;color:var(--muted);font-weight:700}
.score-sets>div>div{display:flex;gap:4px;align-items:center}
.score-sets input{width:3.6em;min-height:48px;text-align:center;padding:4px}
.score-form .btn{width:100%}
.player-editor-list{display:grid;gap:10px}
.player-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:end;padding:12px;border:1px solid var(--line);border-radius:12px}
.player-editor>label:first-of-type{grid-column:1/-1}
.player-editor .email-row{grid-column:1/-1}
.player-editor .btn{margin:0}
.player-editor input,.player-editor select{min-height:44px;padding:8px}
.player-editor .checkbox-line{align-self:center;min-height:44px;align-items:center}
.checklist{list-style:none;padding:0;margin:0 0 12px}
.checklist li{padding:9px 0;border-bottom:1px solid var(--line);font-weight:700;font-size:.92rem}
.checklist li span{display:inline-flex;width:24px;height:24px;border-radius:50%;align-items:center;justify-content:center;font-size:.8rem;margin-right:6px}
.checklist li.ok span{background:#daf3e6;color:var(--ok)}
.checklist li.bad span{background:#fde7df;color:var(--danger)}
.prose h2{font-size:var(--step-1);margin-top:1.3em}

/* ---------- 16. Poraštė, diegimas ---------- */
.site-footer{background:var(--navy);color:#e6f0f0;padding:24px 0;font-size:.9rem}
.footer-inner{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.footer-inner span{color:#c3d5da}
.footer-inner a{color:#9fe4da;text-decoration:underline;text-underline-offset:.18em}
.footer-links{display:flex;flex-wrap:wrap;gap:4px 16px}
.footer-links a{display:inline-flex;align-items:center;min-height:44px}
.install-wrap{max-width:50rem;margin:24px auto;padding:0 var(--gutter)}
.install-wrap>.brand-logo{margin-bottom:18px}
.install-wrap .grid-2{margin-bottom:18px}
.install-wrap input{margin-bottom:6px}
.install-wrap button{margin-top:10px}
.install-wrap .small{margin-top:22px}
/* diegimo puslapyje apatinės juostos nėra */
body:has(.install-wrap){padding-bottom:0}

/* =====================================================================
   PRITAIKYMAS EKRANAMS
   ===================================================================== */

/* Dideli telefonai (≥480px) */
@media (min-width:30em){
  .panel{padding:22px}
  .hero{padding:36px 28px}
  .hero-actions{flex-direction:row}
  .hero-actions .btn{width:auto}
  .row-actions .btn,.action-toolbar>form,.action-toolbar>.btn,.action-toolbar>form .btn{width:auto}
  .stats{gap:12px}
  .stat{padding:18px 20px}
  .score-form .btn{width:auto;align-self:flex-start}
  .stepper{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* Planšetės stačiai (≥768px): navigacija grįžta į viršų */
@media (min-width:48em){
  :root{--bottom-nav:0px}
  body{padding-bottom:0}
  .nav{min-height:76px}
  .brand-logo{font-size:1.65rem}
  .nav-links{position:static;display:flex;align-items:center;gap:clamp(4px,1.2vw,14px);background:none;border:0;padding:0;box-shadow:none}
  .nav-links a{flex-direction:row;gap:8px;min-height:48px;padding:8px 12px;font-size:.95rem}
  .nav-links .ico{width:18px;height:18px}
  .nav-links a[aria-current="page"]{color:var(--teal);background:rgba(51,234,208,.12);box-shadow:inset 0 -3px 0 var(--teal);border-radius:10px 10px 4px 4px}
  .main-content{padding:32px 0 72px}
  .grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .steps{grid-template-columns:repeat(3,minmax(0,1fr))}
  .panel{padding:26px}
  .footer-inner{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}
  .player-editor{grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr))}
  .player-editor>label:first-of-type{grid-column:auto}
  .score-form{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center}
  .match-label{max-width:28rem}
  .auth-layout{padding:40px 0}
  .auth-card{padding:36px}
  .match-row{font-size:.95rem}
}
/* Planšetė stačiai: hero kortelė – horizontali juosta po tekstu */
@media (min-width:48em) and (max-width:63.99em) and (orientation:portrait){
  .hero-card{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px 24px;padding:20px 24px}
  .hero-card .court-lines{display:none}
  .hero-card-footer{grid-column:1/-1}
}

/* Planšetės gulsčiai, nešiojami (≥1024px) */
@media (min-width:64em){
  .hero{grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:36px;padding:clamp(40px,5vw,72px);min-height:26rem}
  .hero-card{display:flex}
  .group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .player-editor{grid-template-columns:minmax(0,2.2fr) 7rem 8rem 7rem auto}
  .grid-2>.panel{height:100%}
}

/* ≥1600px: visi 3 divizionų reitingai šalia vienas kito */
@media (min-width:100em){
  .rank-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
  .rank-grid .tab-pane{display:block}
  .rank-grid .pane-title{display:block;margin:0 0 12px}
  .tabs.rank-tabs{display:none}
}

/* 1920×1080 ir panašūs (≥1600px): šiek tiek didesnis šriftas ir platesnis turinys */
@media (min-width:100em){
  html{font-size:106.25%}
  :root{--container:88rem}
}

/* 2K / 1440p (≥2240px) */
@media (min-width:140em){
  html{font-size:118.75%}
  :root{--container:120rem}
  .group-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* 4K esant 100 % mastelio (≥3000px) */
@media (min-width:187.5em){
  html{font-size:150%}
}

/* Žemas ekranas: telefonas gulsčiai (aukštis ≤ 500px) */
@media (orientation:landscape) and (max-height:31.25em){
  :root{--bottom-nav:52px}
  .nav{min-height:52px}
  .nav-links a{flex-direction:row;min-height:44px;gap:6px;font-size:.8rem}
  .nav-links .ico{width:18px;height:18px}
  .hero{min-height:0;padding:24px 28px}
  .hero h1{font-size:clamp(2rem,6vh + 1rem,3.2rem);margin:10px 0}
  .main-content{padding-top:14px}
  .page-title{margin:8px 0 16px}
  .auth-layout{padding:8px 0}
}
@media (orientation:landscape) and (max-height:31.25em) and (min-width:48em){
  .nav-links a{min-height:44px}
}

/* =====================================================================
   PRIEINAMUMO NUOSTATOS
   ===================================================================== */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .btn:hover{transform:none}
}
@media (prefers-contrast:more){
  :root{--muted:#2f444c;--line:#7f9a97;--field-border:#4e6a68}
  .panel,.stat,.empty{border-color:#4e6a68}
  .pill{border-color:currentColor}
}
@media (forced-colors:active){
  .btn,.tab,.chip,.pill,.panel,.stat,.alert,.reveal-btn{border:1px solid CanvasText}
  .nav-links a[aria-current="page"],.tab.active,.tab[aria-selected="true"]{outline:2px solid Highlight}
  .court-lines,.hero::after{display:none}
}

/* =====================================================================
   SPAUDA (pvz. tvarkaraščio lapas aikštelėje)
   ===================================================================== */
@media print{
  :root{--bottom-nav:0px}
  body{background:#fff;color:#000;padding:0;font-size:11pt}
  .site-header,.site-footer,.nav-links,.skip-link,.select-round,.action-toolbar,.btn,.tabs,.admin-tabs,.chips,.reveal-btn,form .btn,.hero-actions{display:none!important}
  .panel,.stat{box-shadow:none;border:1px solid #999;break-inside:avoid}
  .group-grid{grid-template-columns:1fr 1fr}
  .tab-pane{display:block!important}
  .pane-title{display:block!important}
  a{color:#000;text-decoration:none}
  .hero{background:none;color:#000;border:1px solid #999}
  .hero p,.hero .eyebrow,.hero h1 em{color:#000}
}
table.compact td,table.compact th{padding:9px 8px}
table.compact td:not(:nth-child(2)),table.compact th:not(:nth-child(2)){text-align:center;white-space:nowrap}
abbr[title]{text-decoration:none;cursor:help}
/* Formų vidiniai tinkleliai prisitaiko prie konteinerio pločio, ne ekrano */
.form-stack .grid-2,.form-stack .grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,11.5rem),1fr))}
table.stack .pill{justify-self:start}
/* Labai siauri telefonai (<400px): rungtynių eilutė – vertikaliai */
@media (max-width:24.99em){
  .match-row{grid-template-columns:minmax(0,1fr);gap:4px;text-align:left}
  .pair.right{text-align:left}
  .score-box{text-align:left;padding:0}
  .score-box small{display:inline;margin-left:8px}
}
.install-wrap>.brand-logo span{color:var(--teal-dark)}


/* =====================================================================
   v0.4 – AVATARAI / LOGOTIPAI
   ===================================================================== */
.avatar{flex:none;display:inline-grid;place-items:center;border-radius:50%;object-fit:cover;background:#e6efed;border:2px solid #fff;box-shadow:0 0 0 1px var(--line)}
.avatar-sm{width:24px;height:24px;font-size:.62rem;border-width:1px}
.avatar-md{width:40px;height:40px;font-size:.85rem}
.avatar-lg{width:72px;height:72px;font-size:1.4rem}
.avatar-ini{font-weight:800;letter-spacing:.02em;color:#10262e}
.av-c0{background:#bdeee3}.av-c1{background:#ffd9c2}.av-c2{background:#d9e4ff}.av-c3{background:#f2d9f7}
.av-c4{background:#e9f5b8}.av-c5{background:#ffe7a8}.av-c6{background:#c9ecf7}.av-c7{background:#f7d4dc}
.player-chips .avatar-sm{margin:0}
.profile-head{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.profile-head>div{min-width:0}
.logo-edit{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.logo-edit .logo-form{flex:1 1 14rem}
input[type=file]{min-height:48px;padding:9px;border:1.5px dashed var(--field-border);border-radius:var(--radius-sm);background:#fbfdfc;width:100%;font-size:.9rem}
input[type=file]::file-selector-button{font:inherit;font-weight:800;border:0;border-radius:8px;background:#e3f3ee;color:#0f4f45;padding:8px 12px;margin-right:10px;cursor:pointer}
.d-block{display:block}
.secret-box{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:10px}
.secret-box code{font-size:1.15rem;padding:10px 14px;background:#fff;border:1.5px dashed var(--teal-dark);border-radius:8px;user-select:all;letter-spacing:.02em}

/* =====================================================================
   v0.4 – REITINGAI: podiumas, sąrašas, forma, juosta
   ===================================================================== */
.tab-count{display:inline-grid;place-items:center;min-width:24px;height:24px;border-radius:12px;background:rgba(7,28,39,.1);font-size:.75rem;margin-left:8px;padding:0 6px}
.podium{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.podium-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"av name rating" "av meta form";align-items:center;gap:4px 14px;padding:16px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.podium-card .avatar{grid-area:av;width:56px;height:56px}
.podium-card .medal{position:absolute;top:-8px;left:-8px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-weight:900;font-size:.9rem;color:#10262e;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.podium-card.place-1{background:linear-gradient(135deg,#fffbe0,#fff);border-color:#e2c64b}
.podium-card.place-1 .medal{background:#f3d34a}
.podium-card.place-2 .medal{background:#d6dde0}
.podium-card.place-3 .medal{background:#e7b98b}
.pc-name{grid-area:name;font-size:1.05rem;min-width:0}
.pc-rating{grid-area:rating;font-size:1.7rem;font-weight:900;line-height:1;text-align:right;color:var(--navy)}
.pc-rating small{font-size:.75rem;font-weight:700;color:var(--muted)}
.pc-meta{grid-area:meta;font-size:.82rem;color:var(--muted);font-weight:700}
.podium-card .form-dots,.podium-card .form-empty{grid-area:form;justify-self:end}
.podium-card.is-me,.rank-row.is-me{box-shadow:0 0 0 3px var(--teal-dark)}
.rank-list{list-style:none;margin:0;padding:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.rank-row{display:grid;grid-template-columns:2.2rem auto minmax(0,1fr) auto;grid-template-areas:"pos av name score" "pos av form score";align-items:center;gap:2px 12px;padding:12px 14px;border-bottom:1px solid var(--line)}
.rank-row:last-child{border-bottom:0}
.rank-row.is-me{background:#e9f9f4;position:relative;z-index:1}
.rr-pos{grid-area:pos;font-weight:900;font-size:1.05rem;color:#3f5b63;text-align:center}
.rank-row .avatar{grid-area:av}
.rr-name{grid-area:name;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px}
.rr-name small{flex-basis:100%;font-size:.8rem}
.rr-form{grid-area:form}
.rr-score{grid-area:score;display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:4.5rem}
.rr-score strong{font-size:1.15rem}
.form-dots{display:inline-flex;gap:3px}
.fd{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:5px;font-size:.7rem;font-weight:900;color:#10262e;border:1px solid rgba(0,0,0,.08)}
.fd-1{background:#f3d34a}.fd-2{background:#8fe6d6}.fd-3{background:#d6dde0}.fd-4{background:#f7b9a8}
.page-title .fd{vertical-align:middle}
.bar{display:block;width:4.5rem;height:6px;border-radius:3px;background:#e3ebe8;overflow:hidden}
.bar-fill{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--teal-dark),var(--teal))}
.w-0{width:0}.w-5{width:5%}.w-10{width:10%}.w-15{width:15%}.w-20{width:20%}.w-25{width:25%}.w-30{width:30%}.w-35{width:35%}.w-40{width:40%}.w-45{width:45%}.w-50{width:50%}.w-55{width:55%}.w-60{width:60%}.w-65{width:65%}.w-70{width:70%}.w-75{width:75%}.w-80{width:80%}.w-85{width:85%}.w-90{width:90%}.w-95{width:95%}.w-100{width:100%}
@media (min-width:48em){
  .podium{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px;margin-bottom:18px}
  .podium-card{grid-template-columns:1fr;grid-template-areas:"av" "name" "rating" "meta" "form";justify-items:center;text-align:center;padding:24px 14px 18px}
  .podium-card .avatar{width:72px;height:72px}
  .podium-card .pc-rating{text-align:center;font-size:2rem}
  .podium-card .form-dots,.podium-card .form-empty{justify-self:center;margin-top:6px}
  .podium-card.place-1{order:2;padding-top:34px;padding-bottom:26px}
  .podium-card.place-2{order:1}
  .podium-card.place-3{order:3}
  .rank-row{grid-template-columns:2.6rem auto minmax(0,1fr) auto 8rem;grid-template-areas:"pos av name form score"}
  .rr-name small{flex-basis:auto}
  .rr-score{flex-direction:row-reverse;justify-content:flex-start;align-items:center;gap:12px;min-width:8rem}
}
@media (min-width:100em){
  .rank-grid .podium{grid-template-columns:minmax(0,1fr);align-items:stretch}
  .rank-grid .podium-card{grid-template-columns:auto 1fr auto;grid-template-areas:"av name rating" "av meta form";justify-items:stretch;text-align:left;padding:14px 16px;order:0!important}
  .rank-grid .podium-card .avatar{width:52px;height:52px}
  .rank-grid .podium-card .pc-rating{text-align:right;font-size:1.6rem}
  .rank-grid .podium-card .form-dots{justify-self:end;margin:0}
  .rank-grid .rank-row{grid-template-columns:2.2rem auto minmax(0,1fr) auto;grid-template-areas:"pos av name score" "pos av form score"}
  .rank-grid .rr-score{flex-direction:column;align-items:flex-end;min-width:4.5rem}
}

/* =====================================================================
   v0.4 – ADMINISTRAVIMAS (visas plotis, šoninis meniu)
   ===================================================================== */
.container-wide{width:calc(100% - 2*var(--gutter));max-width:150rem;margin-inline:auto}
.page-admin .main-content{padding-top:16px}
.admin-shell{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.admin-side{min-width:0}
.admin-side-head{display:none}
.side-nav{display:flex;gap:6px;overflow-x:auto;padding:3px;scrollbar-width:thin}
.side-nav a{flex:none;display:flex;align-items:center;gap:8px;min-height:48px;padding:10px 14px;border-radius:12px;background:#e3ebe8;color:#2f4c54;font-weight:800;font-size:.92rem;white-space:nowrap}
.side-nav a:hover{background:#d3e2de;color:var(--ink)}
.side-nav a.active{background:var(--navy);color:#fff}
.side-nav .ico{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.admin-main{min-width:0;display:flex;flex-direction:column;gap:16px}
.admin-main>.alert{margin:0}
.admin-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.admin-head h1{font-size:var(--step-3);margin:0}
.admin-head .btn{margin:0}
.kpis{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.kpi{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;min-width:0;box-shadow:var(--shadow)}
.kpi span{font-size:.8rem;font-weight:700;color:var(--muted)}
.kpi strong{font-size:clamp(1.5rem,1.2rem + 1vw,2.2rem);line-height:1.1}
.kpi strong.kpi-text{font-size:1.15rem}
.kpi small{font-size:.8rem;color:var(--muted)}
.kpi-alert{border-color:#d98b78;background:#fff6f3}
.admin-main .panel{padding:18px}
.admin-main .panel h2{font-size:var(--step-1)}
.admin-main .section-head{margin:8px 0 0}
.admin-main details.panel>summary h2{margin:0}
/* Etapai */
.rounds-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
.rounds-col{display:flex;flex-direction:column;gap:16px;min-width:0}
.round-list{display:flex;flex-direction:column;gap:4px;max-height:28rem;overflow-y:auto;margin:0 -6px;padding:2px 6px}
.round-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;border-radius:12px;border:1px solid transparent}
.round-item:hover{background:#f1f8f6;color:var(--ink)}
.round-item.selected{background:#e3f5ef;border-color:var(--teal-dark)}
.ri-date{display:grid;place-items:center;width:46px;height:46px;border-radius:10px;background:var(--navy);color:#fff;line-height:1}
.ri-date b{font-size:1.1rem}
.ri-date small{font-size:.65rem;text-transform:uppercase;color:#c6d6d6;font-weight:700}
.ri-body{min-width:0}
.ri-body strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ri-body small{color:var(--muted);font-size:.8rem}
.round-detail{min-width:0;display:flex;flex-direction:column;gap:16px}
.round-hero{border-top:4px solid var(--teal-dark)}
.rh-top{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:flex-start}
.rh-top h2{font-size:var(--step-2)!important;margin:4px 0 6px}
.rh-stats{display:grid;grid-template-columns:repeat(4,minmax(0,auto));gap:8px;margin:0}
.rh-stats div{background:#f2f7f5;border-radius:12px;padding:8px 12px;text-align:center;min-width:5rem}
.rh-stats dt{font-size:.72rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.rh-stats dd{margin:2px 0 0;font-size:1.35rem;font-weight:900}
.round-hero .stepper{margin:14px 0}
.round-hero .action-toolbar{margin:0;align-items:center}
.publish-form{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}
.admin-cards{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}
.admin-cards>*{flex:1 1 22rem;min-width:0;margin:0}
.admin-cards>.span-2{flex:3 1 38rem}
.admin-groups-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,26rem),1fr));gap:16px;align-items:start}
.admin-group .group-heading h3{font-size:var(--step-1)}
.admin-group .result-editor{padding:8px}
.admin-group .score-form{padding:10px 6px}
.admin-group .score-sets{align-items:flex-end}
.data-table td{vertical-align:middle}
.who{display:inline-flex;align-items:center;gap:8px}
.inline-filter{margin:0;max-width:16rem;flex:1 1 12rem}
.inline-filter input{min-height:42px}
/* Žaidėjos */
.players-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
.players-side{display:flex;flex-direction:column;gap:16px;min-width:0}
.pl-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.player-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,21rem),1fr));gap:12px}
.player-card{border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:12px;background:#fff;min-width:0}
.player-card.inactive{background:#f6f8f8;opacity:.85}
.pc-head{display:flex;align-items:center;gap:12px;min-width:0}
.pc-id{min-width:0;flex:1}
.pc-id strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-id small{display:block;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:end}
.pc-form .pf-name{grid-column:1/-1;order:-1}
.pc-form label{font-size:.8rem;font-weight:800;display:flex;flex-direction:column;gap:4px}
.pc-form input,.pc-form select{border:1.5px solid var(--field-border);border-radius:var(--radius-sm);min-height:44px;padding:8px;width:100%;min-width:0;background:#fff;font-size:max(16px,1rem)}
.pc-form .checkbox-line{flex-direction:row;align-items:center;min-height:44px;font-size:.9rem}
.pc-form .btn{margin:0}
.pc-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center;border-top:1px solid var(--line);padding-top:10px}
.pc-actions form{display:flex;gap:6px;align-items:center}
.pc-actions .btn{margin:0}
.file-btn{position:relative;overflow:hidden;cursor:pointer}
.file-btn input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;min-height:0;padding:0;border:0}
.file-btn:focus-within{outline:3px solid var(--focus);outline-offset:2px}
.tips{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:6px;font-size:.92rem}
/* Laiškai */
.mail-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
.mail-side{display:flex;flex-direction:column;gap:16px;min-width:0}
fieldset{border:1px solid var(--line);border-radius:14px;padding:14px 16px 16px;margin:0;display:flex;flex-direction:column;gap:14px;min-width:0}
legend{font-weight:900;padding:0 6px;font-size:.95rem}
.switch{display:flex!important;flex-direction:row!important;align-items:center;gap:12px;font-weight:700!important;cursor:pointer;min-height:44px}
.switch input{appearance:none;-webkit-appearance:none;flex:none;width:52px!important;height:30px;min-height:30px!important;border-radius:15px;background:#b6c6c4;position:relative;cursor:pointer;border:2px solid #738c8a!important;padding:0!important;transition:background .15s}
.switch input::after{content:'';position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .15s}
.switch input:checked{background:var(--teal-dark);border-color:var(--teal-dark)!important}
.switch input:checked::after{transform:translateX(22px)}
.status-card{border-left:6px solid var(--line)}
.status-card.status-green{border-left-color:var(--ok)}
.status-card.status-sky{border-left-color:#1c5f72}
.status-card.status-orange{border-left-color:var(--warn)}
.status-big .pill{font-size:.95rem;padding:7px 14px}
/* Nustatymai */
.settings-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:16px;align-items:start}
.settings-layout .span-all{grid-column:1/-1}
.path-box{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:#f2f7f5;border-radius:10px;padding:10px 12px;border-left:4px solid var(--warn)}
.path-box.ok{border-left-color:var(--ok)}
.path-box code{background:transparent;padding:0;word-break:break-all;font-size:.9rem}
.path-label{font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}

@media (min-width:48em){
  .kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
  .admin-main .panel{padding:22px}
}
@media (min-width:64em){
  .admin-shell{grid-template-columns:15rem minmax(0,1fr);gap:24px;align-items:start}
  .admin-side{position:sticky;top:16px;background:var(--navy);border-radius:var(--radius);padding:16px 10px;color:#fff}
  .admin-side-head{display:flex;flex-direction:column;gap:2px;padding:4px 10px 14px;border-bottom:1px solid rgba(255,255,255,.14);margin-bottom:10px}
  .admin-side-head .eyebrow{color:var(--teal)}
  .admin-side-head strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .side-nav{flex-direction:column;overflow:visible}
  .side-nav a{background:transparent;color:#dce9ea;white-space:normal}
  .side-nav a:hover{background:rgba(255,255,255,.08);color:#fff}
  .side-nav a.active{background:var(--teal);color:var(--navy)}
  .side-nav a:focus-visible{outline-color:var(--gold)}
  .mail-layout{grid-template-columns:minmax(0,1.6fr) minmax(18rem,1fr)}
  .mail-layout .mail-log{grid-column:1/-1}
  .players-layout{grid-template-columns:minmax(0,1fr) 22rem}
  .players-side{position:sticky;top:16px}
}
@media (min-width:80em){
  .rounds-layout{grid-template-columns:22rem minmax(0,1fr)}
  .rounds-col{position:sticky;top:16px}
  .round-list{max-height:calc(100vh - 22rem)}
}
@media (min-width:100em){
  .admin-shell{grid-template-columns:16rem minmax(0,1fr)}
  .rounds-layout{grid-template-columns:24rem minmax(0,1fr)}
  .players-layout{grid-template-columns:minmax(0,1fr) 24rem}
}
@media (forced-colors:active){
  .switch input{border:2px solid CanvasText!important}
  .switch input:checked::after{background:Highlight}
  .fd,.avatar{border:1px solid CanvasText}
}
@media print{ .admin-side,.kpis{display:none!important} .admin-shell{display:block} }
@media (max-width:47.99em){
  .rh-top{flex-direction:column}
  .rh-stats{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .rh-stats dt{letter-spacing:0;text-transform:none;font-size:.8rem}
  .round-list{max-height:15rem}
}