/* ==========================================================================
   FlyingFiles — Pomoc: motyw „menedżer plików” (ładuje się po site.css)
   Zgłoszenia jako listing, statusy jako znaczniki ▲◐■, formularze jak pola
   terminala: kwadratowe ramki, monospace, bez cieni miękkich.
   ========================================================================== */

.support-page{padding-top:40px;padding-bottom:76px}
.support-email-note{font:11px var(--mono);letter-spacing:.5px;color:var(--muted);margin:0 0 14px}

.support-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:end;margin:26px 0 44px}
.support-heading .eyebrow{color:var(--dim)}
.support-heading h1{margin:12px 0 0;font:750 clamp(38px,5.6vw,72px)/1.03 var(--mono);letter-spacing:-.04em;text-transform:uppercase}
.support-heading h1 span{color:var(--accent)}
.support-heading h1 span::after{content:"▮";margin-left:.06em;color:var(--accent);animation:ff-blink 1.2s infinite}
.support-intro>p{margin:0 0 22px;color:var(--dim)}
.support-intro .button{margin-bottom:18px}
.support-quicklinks{display:flex;gap:8px;flex-wrap:wrap}
.support-quicklinks a{font:600 11px var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--dim);text-decoration:none;border:1.5px solid var(--line);padding:6px 11px;box-shadow:2px 2px 0 var(--shadow)}
.support-quicklinks a:hover{background:var(--accent);color:var(--accent-ink)}

.support-board-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:44px;align-items:start}
.support-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:16px}
.support-section-heading h2,.support-section-title{margin:0;font:700 13px var(--mono);letter-spacing:2.5px;text-transform:uppercase}
.support-count{font:700 11px var(--mono);color:var(--accent-ink);background:var(--accent);padding:2px 9px}

/* filtry = wiersz poleceń */
.support-filters{
  display:grid;grid-template-columns:1fr auto auto auto;gap:12px;align-items:end;
  margin:0 0 26px;padding:14px;border:2px solid var(--line);background:var(--surface-2);
}
.support-page label{display:flex;flex-direction:column;gap:6px;font:600 10px var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--dim)}
.support-page input,.support-page select,.support-page textarea{
  width:100%;background:var(--surface);border:1.5px solid var(--line);color:var(--text);
  font:13px var(--mono);padding:10px 12px;border-radius:0;
}
.support-page textarea{line-height:1.6;resize:vertical}
.support-page :is(input,select,textarea):focus-visible{outline:0;border-color:var(--accent);box-shadow:3px 3px 0 rgba(var(--accent-rgb),.35)}
.support-filter-button{
  background:var(--accent);color:var(--accent-ink);border:2px solid var(--line);
  font:650 11px var(--mono);letter-spacing:1.5px;text-transform:uppercase;
  padding:11px 16px;cursor:pointer;box-shadow:3px 3px 0 var(--shadow);white-space:nowrap;
}
.support-filter-button:hover{background:var(--hot);color:var(--hot-ink)}

/* lista zgłoszeń = listing */
.support-report-list{border-top:2px solid var(--line)}
.support-report{padding:17px 14px;border-bottom:1px solid var(--line-soft)}
.support-report:hover{background:var(--surface-2)}
.support-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font:10.5px var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--dim)}
.support-number{font-weight:700;color:var(--accent)}
.support-number::before{content:"#"}
.support-status{border:1.5px solid var(--accent);color:var(--accent);padding:2px 8px;font-weight:700}
.support-status::before{content:"●";margin-right:6px}
.support-status.status-in_progress{border-color:var(--hot);color:var(--hot)}
.support-status.status-in_progress::before{content:"◐"}
.support-status.status-resolved{border-color:#1a7f37;color:#1a7f37}
.support-status.status-resolved::before{content:"■"}
[data-theme=dark] .support-status.status-resolved{border-color:#4ade80;color:#4ade80}
.support-report h3{margin:9px 0 8px;font:650 16.5px/1.4 var(--mono);letter-spacing:0}
.support-report h3 a{color:var(--text);text-decoration:none;padding:1px 3px;margin-left:-3px}
.support-report h3 a:hover{background:var(--accent);color:var(--accent-ink)}
.support-report h3 span{color:var(--muted)}
.support-report h3 a:hover span{color:inherit}
.support-report-footer{display:flex;gap:8px 22px;flex-wrap:wrap;font:11px var(--mono);color:var(--muted)}
.support-report-footer strong{color:var(--dim)}
.support-empty{padding:44px 24px;border:1.5px dashed var(--line-soft);text-align:center}
.support-empty>span{display:block;font-size:26px;color:var(--accent);margin-bottom:10px}
.support-empty h3{margin:0 0 8px;font:700 15px var(--mono);text-transform:uppercase;letter-spacing:1px}
.support-empty p{margin:0 auto 14px;max-width:400px;color:var(--dim);font-size:14px}
.support-empty>a{font:600 11.5px var(--mono);letter-spacing:1px;text-transform:uppercase}

/* formularz nowego zgłoszenia = panel */
.support-new{border:2px solid var(--line);background:var(--surface);box-shadow:8px 8px 0 var(--shadow);padding:26px;scroll-margin-top:110px}
.support-new .eyebrow{color:var(--dim)}
.support-new h2{margin:10px 0 6px;font:750 clamp(24px,3vw,34px)/1.05 var(--mono);letter-spacing:-.03em;text-transform:uppercase}
.support-form-lead{color:var(--dim);font-size:14px;margin:0 0 20px}
.support-form fieldset{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}
.support-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.support-form small{font:10.5px/1.6 var(--mono);color:var(--muted)}
.support-public-note{border:1.5px solid var(--hot);background:var(--hot-tint);padding:14px 16px;font-size:13.5px}
.support-public-note strong{font:700 11.5px var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--hot);display:block;margin-bottom:6px}
.support-public-note p{margin:0 0 8px;color:var(--dim)}
.support-form .button{align-self:flex-start;cursor:pointer}
.support-form fieldset:disabled{opacity:.55}
.support-form fieldset:disabled .button{cursor:not-allowed}
.support-email-note:last-child{margin-bottom:0}
.support-trap{display:none!important}
.support-sr-only{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.support-anchor{position:relative;top:-100px}

.support-pagination{display:flex;align-items:center;gap:18px;margin-top:22px;font:12px var(--mono);color:var(--dim)}
.support-pagination a{color:var(--text);text-decoration:none;border:1.5px solid var(--line);padding:6px 12px;box-shadow:2px 2px 0 var(--shadow)}
.support-pagination a:hover{background:var(--accent);color:var(--accent-ink)}
.support-pagination span{letter-spacing:1px;text-transform:uppercase;font-size:10.5px}

.support-message{border:2px solid var(--line);background:var(--surface);padding:13px 16px;margin:0 0 18px;font:600 12.5px var(--mono)}
.support-message::before{content:"[i] ";font-weight:700;color:var(--accent)}
.support-error{border-color:#c81e1e;background:rgba(200,30,30,.08)}
.support-error::before{content:"[!] ";color:#c81e1e}
.support-success{border-color:#1a7f37;background:rgba(26,127,55,.09)}
.support-success::before{content:"[✓] ";color:#1a7f37}
[data-theme=dark] .support-error{border-color:#ff6b6b;background:rgba(255,107,107,.10)}
[data-theme=dark] .support-error::before{color:#ff6b6b}
[data-theme=dark] .support-success{border-color:#4ade80;background:rgba(74,222,128,.10)}
[data-theme=dark] .support-success::before{color:#4ade80}

.support-contact{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:44px}
.support-contact>div{border:2px solid var(--line);background:var(--surface);padding:20px 22px;box-shadow:6px 6px 0 var(--shadow)}
.support-contact h2{margin:0 0 8px;font:700 14px var(--mono);letter-spacing:1.5px;text-transform:uppercase}
.support-contact p{margin:0;color:var(--dim);font-size:14px}
.support-contact .eyebrow{display:block;margin-bottom:8px}

/* wątek zgłoszenia */
.support-thread-heading{margin:8px 0 34px}
.support-thread-heading h1{margin:12px 0 10px;font:750 clamp(26px,3.6vw,44px)/1.1 var(--mono);letter-spacing:-.02em}
.support-thread-heading p{margin:0;color:var(--dim);font:12px var(--mono)}
.support-thread-heading .support-meta{margin-top:4px}
.support-thread-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;align-items:start}
.support-discussion .support-section-title{margin:0 0 18px;padding-bottom:10px;border-bottom:2px solid var(--line)}
.support-post{border:2px solid var(--line);background:var(--surface);margin:0 0 18px;box-shadow:6px 6px 0 var(--shadow)}
.support-post header{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;padding:11px 16px;background:var(--surface-2);border-bottom:2px solid var(--line)}
.support-post header strong{font:700 13px var(--mono)}
.support-post header>span{font:600 9.5px var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}
.support-post-date{margin-left:auto;font:10.5px var(--mono);color:var(--dim);text-decoration:none}
.support-post-date:hover{background:var(--accent);color:var(--accent-ink)}
.support-body{padding:16px 18px;white-space:pre-wrap;line-height:1.65;font-size:15px}
.support-post-staff{border-color:var(--accent)}
.support-post-staff header{background:var(--accent)}
.support-post-staff header strong,.support-post-staff header>span{color:var(--accent-ink)}
.support-post-staff .support-post-date{color:var(--accent-ink);opacity:.8}
.support-post-staff .support-post-date:hover{background:var(--accent-ink);color:var(--accent)}
.support-awaiting{padding:16px;border:1.5px dashed var(--line-soft);font:12px var(--mono);color:var(--muted)}
.support-back{display:inline-block;margin-top:8px;font:600 11.5px var(--mono);letter-spacing:1px;text-transform:uppercase;text-decoration:none;color:var(--dim)}
.support-back:hover{background:var(--accent);color:var(--accent-ink)}
.support-guidance{border:2px solid var(--line);background:var(--surface);box-shadow:6px 6px 0 var(--shadow);padding:20px 22px;scroll-margin-top:110px}
.support-guidance h2{margin:8px 0 10px;font:750 19px var(--mono);letter-spacing:-.02em;text-transform:uppercase}
.support-guidance p{color:var(--dim);font-size:13.5px;margin:0 0 12px}
.support-guidance a{font:600 11.5px var(--mono);letter-spacing:.5px}
.support-missing{min-height:40vh;padding-top:30px}
.support-missing h1{margin:12px 0 14px;font:750 clamp(30px,4.6vw,52px)/1.05 var(--mono);text-transform:uppercase;letter-spacing:-.03em}
.support-missing p{color:var(--dim);max-width:440px;margin-bottom:18px}

@media(max-width:1100px){
  .support-board-layout{grid-template-columns:1fr}
  .support-heading{grid-template-columns:1fr;gap:24px}
  .support-thread-layout{grid-template-columns:1fr}
  .support-contact{grid-template-columns:1fr}
}
@media(max-width:820px){
  .support-heading{margin-bottom:30px}
  .support-heading h1{font-size:clamp(34px,9vw,52px)}
  .support-filters{grid-template-columns:1fr 1fr}
  .support-form-row{grid-template-columns:1fr}
  .support-new{padding:20px}
  .support-post-date{margin-left:0;flex-basis:100%}
}