/* Retter-Portal v1.3.55
   Qualifikationsauswertung als ein zusammenhängender, zentral gefilterter Bereich.
   Ticketformulare übernehmen die aktive Feuerwehr aus dem Header. */

html body .v155-qualification-analysis{
  display:grid;
  gap:18px;
  padding:22px;
  margin-bottom:18px;
}
html body .v155-analysis-head{
  margin:0;
  padding-bottom:2px;
}
html body .v155-unified-filter{
  margin:0;
  padding:14px;
  border:1px solid var(--line-soft);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(30,41,59,.38),rgba(15,23,42,.58));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
html body .v155-summary-strip{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}
html body .v155-summary-strip article{
  position:relative;
  overflow:hidden;
  min-height:112px;
  padding:15px 16px;
  border:1px solid var(--line-soft);
  border-radius:17px;
  background:linear-gradient(145deg,rgba(12,28,48,.90),rgba(8,20,35,.92));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.022);
}
html body .v155-summary-strip article::after{
  content:"";
  position:absolute;
  right:-26px;
  bottom:-34px;
  width:92px;
  height:92px;
  border-radius:50%;
  background:rgba(59,130,246,.10);
}
html body .v155-summary-strip article.is-warning::after{background:rgba(245,158,11,.15)}
html body .v155-summary-strip article.is-danger::after{background:rgba(244,63,94,.15)}
html body .v155-summary-strip article.is-info::after{background:rgba(14,165,233,.14)}
html body .v155-summary-strip span,
html body .v155-summary-strip strong,
html body .v155-summary-strip small{position:relative;z-index:1;display:block}
html body .v155-summary-strip span{
  color:var(--muted);
  font-size:.69rem;
  line-height:1.25;
  font-weight:900;
  letter-spacing:.075em;
  text-transform:uppercase;
}
html body .v155-summary-strip strong{
  margin-top:8px;
  color:var(--text);
  font-size:1.75rem;
  line-height:1;
  font-weight:950;
  letter-spacing:-.04em;
}
html body .v155-summary-strip small{
  margin-top:8px;
  color:var(--muted);
  font-size:.70rem;
  line-height:1.35;
}
html body .v155-section-block{
  display:grid;
  gap:12px;
  padding-top:17px;
  border-top:1px solid var(--line-soft);
}
html body .v155-section-title{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
html body .v155-section-title>div{display:grid;gap:4px}
html body .v155-section-title h3{margin:0;color:var(--text);font-size:1.05rem}
html body .v155-section-title p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.4}
html body .v155-qualification-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
html body .v155-person-results{padding-bottom:0}

html body .v155-ticket-context{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:4px 12px;
  min-height:82px;
  padding:15px 17px;
  border:1px solid var(--line-soft);
  border-radius:17px;
  background:linear-gradient(180deg,rgba(30,41,59,.38),rgba(15,23,42,.58));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
html body .v155-ticket-context span{
  grid-row:1 / span 2;
  display:grid;
  place-items:center;
  min-width:112px;
  min-height:50px;
  padding:0 12px;
  border-radius:14px;
  background:linear-gradient(135deg,rgba(225,29,72,.18),rgba(37,99,235,.13));
  color:#fda4af;
  font-size:.69rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
html body .v155-ticket-context strong{color:var(--text);font-size:.98rem;line-height:1.3}
html body .v155-ticket-context small{color:var(--muted);font-size:.76rem;line-height:1.35}

html body[data-theme="light"] .v155-unified-filter,
html body[data-theme="light"] .v155-ticket-context{
  background:linear-gradient(180deg,#ffffff,#f7fafc);
  border-color:rgba(148,163,184,.28);
  box-shadow:0 10px 24px rgba(148,163,184,.08),inset 0 1px 0 rgba(255,255,255,.9);
}
html body[data-theme="light"] .v155-summary-strip article{
  background:linear-gradient(180deg,#ffffff,#f7fafc);
  border-color:rgba(148,163,184,.25);
  box-shadow:0 10px 22px rgba(148,163,184,.09),inset 0 1px 0 rgba(255,255,255,.9);
}
html body[data-theme="light"] .v155-summary-strip span,
html body[data-theme="light"] .v155-summary-strip small,
html body[data-theme="light"] .v155-section-title p,
html body[data-theme="light"] .v155-ticket-context small{color:#607086}
html body[data-theme="light"] .v155-summary-strip strong,
html body[data-theme="light"] .v155-section-title h3,
html body[data-theme="light"] .v155-ticket-context strong{color:#0f172a}
html body[data-theme="light"] .v155-section-block{border-top-color:rgba(148,163,184,.23)}
html body[data-theme="light"] .v155-ticket-context span{
  background:linear-gradient(135deg,rgba(225,29,72,.10),rgba(37,99,235,.08));
  color:#be123c;
}

@media(max-width:1450px){
  html body .v155-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  html body .v155-qualification-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1100px){
  html body .v155-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  html body .v155-qualification-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  html body .v155-qualification-analysis{padding:15px;gap:15px}
  html body .v155-summary-strip,
  html body .v155-qualification-grid{grid-template-columns:1fr}
  html body .v155-summary-strip article{min-height:104px}
  html body .v155-section-title{flex-direction:column;align-items:stretch}
  html body .v155-ticket-context{grid-template-columns:1fr;padding:14px}
  html body .v155-ticket-context span{grid-row:auto;min-width:0;min-height:38px;justify-self:start}
}
