@charset "UTF-8";
/* ===================================================================
   EDV‑Janssen • Listing Styles (Apache mod_autoindex)
   =================================================================== */
#autoindex{margin-top:6px}
#autoindex table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--hair);background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 10px 24px rgba(11,58,119,.08)}
#autoindex th,#autoindex td{padding:10px 12px;font-size:15px}
#autoindex th{background:linear-gradient(180deg,#f6f9ff,#eef4fb);text-align:left;color:#0e3769;border-bottom:1px solid var(--hair)}
#autoindex tr+tr td{border-top:1px solid var(--hair2)}
#autoindex td.size,#autoindex td.date{white-space:nowrap;text-align:right;color:#475a72}
#autoindex a{color:var(--royal)}
#autoindex a:hover{text-decoration:underline}

/* Responsive: bei schmalen Bildschirmen Spalten umbrechen */
@media(max-width:720px){
  #autoindex table, #autoindex thead, #autoindex tbody, #autoindex th, #autoindex td, #autoindex tr{display:block}
  #autoindex thead{display:none}
  #autoindex tr{border-top:1px solid var(--hair2);padding:8px 0}
  #autoindex td{border:none;padding:6px 0}
  #autoindex td.size, #autoindex td.date{text-align:left}
}

#autoindex td a{
  overflow-wrap:anywhere; /* verhindert horizontales Scrollen bei langen Namen */
}

#autoindex a{
  text-decoration: none;
  outline: none;
}
#autoindex a:hover{
  text-decoration: underline;
}
#autoindex a:focus-visible{
  outline: 2px solid rgba(31,100,181,.35);
  outline-offset: 2px;
  border-radius: 4px;
}

#autoindex tbody tr:nth-child(odd) td{
  background: #fafcff; /* sehr dezent */
}
@media (max-width:720px){
  #autoindex tbody tr:nth-child(odd) td{
    background: transparent; /* auf Mobile bleibt’s schlicht */
  }
}

#autoindex td.size,
#autoindex td.date{
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", "Courier New", monospace;
  font-variant-numeric: tabular-nums;
}

#autoindex table{
  -webkit-mask-image: -webkit-radial-gradient(white, black); /* Rundungen “sauber” */
}