/* PSP TRUCK v0.20 — wsparcie, wzmianki, Discord ACP, statystyki i konserwacja. */

.mention-link {
  color: #58e7da;
  font-weight: 800;
  text-decoration: none;
  border-radius: 5px;
  padding: 0 2px;
  background: rgba(32,214,199,.08);
}
.mention-link:hover { text-decoration: underline; background: rgba(32,214,199,.16); }
.forum-chat-message:target {
  border-color: rgba(32,214,199,.7);
  background: rgba(32,214,199,.08);
  box-shadow: 0 0 0 3px rgba(32,214,199,.08);
}

.support-upload-field {
  padding: 16px;
  border: 1px dashed rgba(86,124,154,.5);
  border-radius: 14px;
  background: rgba(7,16,27,.38);
}
.support-upload-field input[type="file"] { padding: 11px; }
.support-file-selection {
  display: grid;
  gap: 7px;
  margin-top: 12px;
}
.support-file-selection[hidden] { display: none !important; }
.support-file-selection span {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  padding: 9px 11px;
  border: 1px solid rgba(79,111,139,.35);
  border-radius: 10px;
  color: #dce8f2;
  background: rgba(8,18,30,.62);
}
.support-file-selection b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.support-file-selection small { flex: 0 0 auto; color: #91a8bb; }
.support-attachment-list {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 9px;
  margin-top: 13px;
}
.support-attachment {
  display: grid;
  grid-template-columns: 38px minmax(0,1fr) auto;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(79,111,139,.38);
  border-radius: 12px;
  color: #edf5fb;
  text-decoration: none;
  background: rgba(8,18,30,.62);
  transition: border-color .16s ease, transform .16s ease, background .16s ease;
}
.support-attachment:hover {
  transform: translateY(-1px);
  border-color: rgba(32,214,199,.65);
  background: rgba(12,29,41,.78);
}
.support-attachment > span:nth-child(2) { display: grid; min-width: 0; }
.support-attachment strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.support-attachment small { color: #91a8bb; }
.support-attachment > b { color: #65ded4; font-size: .78rem; }
.support-attachment-icon {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: rgba(32,214,199,.13);
  color: #6ff1e6;
  font-size: .7rem;
  font-weight: 900;
  letter-spacing: .04em;
}
.support-attachment.text .support-attachment-icon { background: rgba(255,180,84,.14); color: #ffc878; }

.discord-admin-grid {
  display: grid;
  grid-template-columns: minmax(300px,.85fr) minmax(0,1.45fr);
  gap: 18px;
  align-items: start;
}
.discord-admin-grid > .card { min-width: 0; }
.danger-check {
  border-color: rgba(255,102,120,.28);
  background: rgba(255,102,120,.05);
}

.v020-stat-grid {
  grid-template-columns: repeat(4,minmax(0,1fr));
  margin: 18px 0;
}
.stat-bar {
  position: relative;
  min-width: 150px;
  height: 26px;
  overflow: hidden;
  border-radius: 8px;
  background: rgba(72,102,129,.18);
}
.stat-bar progress {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  appearance: none;
  border: 0;
  background: transparent;
}
.stat-bar progress::-webkit-progress-bar { background: transparent; }
.stat-bar progress::-webkit-progress-value { border-radius: 8px; background: linear-gradient(90deg,rgba(32,214,199,.45),rgba(32,214,199,.85)); }
.stat-bar progress::-moz-progress-bar { border-radius: 8px; background: linear-gradient(90deg,rgba(32,214,199,.45),rgba(32,214,199,.85)); }
.stat-bar span {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  height: 100%;
  color: #f3fbff;
  font-size: .8rem;
  font-weight: 800;
}
.v020-audit-filter {
  grid-template-columns: 1.15fr 1fr .9fr .8fr .8fr auto auto;
  align-items: end;
  margin-bottom: 18px;
}
.table-sub { display: block; margin-top: 3px; color: #91a8bb; }

.maintenance-shell {
  min-height: calc(100vh - 240px);
  display: grid;
  place-items: center;
  padding: 70px 0;
}
.maintenance-card {
  position: relative;
  overflow: hidden;
  width: min(700px,100%);
  text-align: center;
  padding: 46px 34px;
  border-color: rgba(255,180,84,.38);
  background:
    radial-gradient(circle at top right,rgba(255,180,84,.12),transparent 38%),
    linear-gradient(145deg,rgba(17,29,43,.98),rgba(7,14,23,.98));
}
.maintenance-card > span {
  display: inline-grid;
  place-items: center;
  min-width: 70px;
  height: 38px;
  margin-bottom: 16px;
  border: 1px solid rgba(255,180,84,.42);
  border-radius: 999px;
  color: #ffc878;
  font-weight: 900;
}
.maintenance-card h1 { margin: 0 0 12px; }
.maintenance-card p { color: #afc0cf; line-height: 1.7; }
.maintenance-card > div { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.maintenance-until {
  display: inline-block;
  padding: 10px 14px;
  border: 1px solid rgba(79,111,139,.4);
  border-radius: 10px;
  background: rgba(6,14,23,.48);
}
.maintenance-switch {
  border-color: rgba(255,180,84,.34);
  background: rgba(255,180,84,.06);
}
.v020-attachment-settings { margin-top: 18px; }

@media (max-width: 1120px) {
  .discord-admin-grid { grid-template-columns: 1fr; }
  .v020-stat-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .v020-audit-filter { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 760px) {
  .support-attachment-list { grid-template-columns: 1fr; }
  .v020-stat-grid { grid-template-columns: 1fr; }
  .v020-audit-filter { grid-template-columns: 1fr; }
  .stat-bar { min-width: 110px; }
  .maintenance-card { padding: 34px 20px; }
}

.maintenance-status-notice {
  display: grid;
  gap: 9px;
  border-color: rgba(255,180,84,.42);
  background: linear-gradient(145deg,rgba(255,180,84,.08),rgba(10,18,29,.86));
}
.maintenance-status-notice .tag { width: max-content; }
.maintenance-status-notice p { margin: 0; color: #b7c5d1; line-height: 1.65; }
.maintenance-status-notice small { color: #ffc878; }
.runtime-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0;
}