/* Retter-Portal v1.3.53
   Qualifikationsmatrix durch filterbare Kennzahlen- und Personenübersicht ersetzt. */

html body .v153-qualifications-hero{margin-bottom:18px}
html body .v153-summary-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
  margin-bottom:18px;
}
html body .v153-summary-card{
  position:relative;
  overflow:hidden;
  min-height:138px;
  padding:20px;
  border:1px solid var(--line-soft);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(12,28,48,.98),rgba(8,20,35,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 14px 30px rgba(1,7,18,.15);
}
html body .v153-summary-card::after{
  content:"";
  position:absolute;
  right:-22px;
  bottom:-28px;
  width:96px;
  height:96px;
  border-radius:50%;
  background:rgba(59,130,246,.10);
  filter:blur(1px);
}
html body .v153-summary-card.is-warning::after{background:rgba(245,158,11,.16)}
html body .v153-summary-card.is-danger::after{background:rgba(244,63,94,.15)}
html body .v153-summary-card.is-info::after{background:rgba(14,165,233,.15)}
html body .v153-summary-card span,
html body .v153-summary-card strong,
html body .v153-summary-card small{position:relative;z-index:1;display:block}
html body .v153-summary-card span{color:var(--muted);font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
html body .v153-summary-card strong{margin-top:12px;color:var(--text);font-size:2.15rem;line-height:1;font-weight:950;letter-spacing:-.04em}
html body .v153-summary-card small{margin-top:10px;color:var(--muted);font-size:.78rem;line-height:1.4}

html body .v153-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
html body .v153-section-head>div{display:grid;gap:6px}
html body .v153-section-head p{margin:0;color:var(--muted);line-height:1.45}
html body .v153-qualification-overview{padding:20px;margin-bottom:18px}
html body .v153-qualification-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
html body .v153-qualification-card{
  position:relative;
  display:grid;
  gap:12px;
  min-height:162px;
  padding:17px;
  border:1px solid var(--line-soft);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(30,41,59,.50),rgba(15,23,42,.78));
  color:var(--text);
  text-decoration:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
html body .v153-qualification-card:hover{
  transform:translateY(-2px);
  border-color:rgba(251,113,133,.34);
  background:linear-gradient(180deg,rgba(36,50,73,.64),rgba(16,26,44,.88));
  box-shadow:0 15px 28px rgba(1,7,18,.17);
}
html body .v153-qualification-card.is-active{
  border-color:rgba(251,113,133,.48);
  box-shadow:0 0 0 3px rgba(225,29,72,.08),0 15px 30px rgba(1,7,18,.18);
}
html body .v153-qualification-card__head{display:flex;align-items:center;justify-content:space-between;gap:12px}
html body .v153-qualification-card__head>span{
  color:#aab7c8;
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
html body .v153-qualification-card__head>strong{
  min-width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:linear-gradient(135deg,rgba(225,29,72,.20),rgba(37,99,235,.14));
  color:#fff;
  font-size:1.45rem;
  font-weight:950;
}
html body .v153-qualification-card h3{margin:0;color:var(--text);font-size:1rem;line-height:1.3}
html body .v153-qualification-card__meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}
html body .v153-qualification-card__meta span{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:5px 8px;
  border:1px solid var(--line-soft);
  border-radius:999px;
  background:rgba(148,163,184,.07);
  color:var(--muted);
  font-size:.68rem;
  font-weight:800;
}
html body .v153-qualification-card__meta b{color:var(--text)}

html body .v153-qualification-filter{
  display:grid;
  grid-template-columns:minmax(220px,1.3fr) repeat(3,minmax(170px,.8fr)) auto auto;
  gap:10px;
  margin-bottom:18px;
}
html body .v153-qualification-filter>*{min-width:0}
html body .v153-qualification-filter .btn{white-space:nowrap}

html body .v153-results-card{padding:20px;margin-bottom:18px}
html body .v153-person-list{display:grid;gap:10px}
html body .v153-person-row{
  display:grid;
  grid-template-columns:minmax(220px,1.25fr) minmax(220px,1.15fr) minmax(170px,.85fr) minmax(120px,.55fr) auto;
  gap:14px;
  align-items:center;
  padding:14px;
  border:1px solid var(--line-soft);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(30,41,59,.46),rgba(15,23,42,.70));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
html body .v153-person-row::before{
  content:"";
  width:4px;
  align-self:stretch;
  grid-column:1;
  grid-row:1;
  border-radius:999px;
  background:#64748b;
  position:absolute;
}
html body .v153-person-row{position:relative;padding-left:20px}
html body .v153-person-row.state-valid::before{background:#10b981}
html body .v153-person-row.state-due::before{background:#f59e0b}
html body .v153-person-row.state-expired::before{background:#f43f5e}
html body .v153-person-row.state-training::before{background:#38bdf8}
html body .v153-person-row.state-suspended::before{background:#94a3b8}
html body .v153-person-main{display:flex;align-items:center;gap:12px;min-width:0}
html body .v153-person-avatar{
  flex:0 0 42px;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:linear-gradient(135deg,rgba(225,29,72,.22),rgba(37,99,235,.16));
  color:#fff;
  font-size:.8rem;
  font-weight:950;
  letter-spacing:.04em;
}
html body .v153-person-main>div:last-child,
html body .v153-person-qualification,
html body .v153-person-status,
html body .v153-person-proof{display:grid;gap:4px;min-width:0}
html body .v153-person-main strong,
html body .v153-person-qualification strong,
html body .v153-person-proof strong{color:var(--text);font-size:.88rem;line-height:1.3;overflow-wrap:anywhere}
html body .v153-person-main small,
html body .v153-person-qualification small,
html body .v153-person-status small,
html body .v153-person-proof span,
html body .v153-person-qualification>span{color:var(--muted);font-size:.70rem;line-height:1.35}
html body .v153-person-qualification>span,
html body .v153-person-proof>span{text-transform:uppercase;letter-spacing:.07em;font-weight:900}
html body .v153-status-pill{
  justify-self:start;
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid var(--line-soft);
  color:#cbd5e1;
  background:rgba(148,163,184,.08);
  font-size:.72rem;
  font-weight:900;
}
html body .v153-status-pill.state-valid{color:#34d399;background:rgba(16,185,129,.11);border-color:rgba(16,185,129,.24)}
html body .v153-status-pill.state-due{color:#fbbf24;background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.25)}
html body .v153-status-pill.state-expired{color:#fb7185;background:rgba(244,63,94,.12);border-color:rgba(244,63,94,.25)}
html body .v153-status-pill.state-training{color:#7dd3fc;background:rgba(14,165,233,.11);border-color:rgba(14,165,233,.24)}
html body .v153-person-action{justify-self:end}
html body .v153-empty-state{
  display:grid;
  gap:6px;
  justify-items:center;
  padding:38px 20px;
  border:1px dashed var(--line-soft);
  border-radius:18px;
  color:var(--muted);
  text-align:center;
}
html body .v153-empty-state strong{color:var(--text)}

html body .v153-manage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
html body .v153-manage-card{padding:0;overflow:hidden}
html body .v153-manage-card summary{
  display:grid;
  gap:4px;
  padding:18px 20px;
  cursor:pointer;
  list-style:none;
}
html body .v153-manage-card summary::-webkit-details-marker{display:none}
html body .v153-manage-card summary::after{
  content:"+";
  position:absolute;
  right:20px;
  top:18px;
  color:var(--muted);
  font-size:1.2rem;
  font-weight:900;
}
html body .v153-manage-card[open] summary::after{content:"–"}
html body .v153-manage-card summary span{color:var(--text);font-weight:900}
html body .v153-manage-card summary small{color:var(--muted)}
html body .v153-manage-card form{padding:0 20px 20px}

html body[data-theme="light"] .v153-summary-card,
html body[data-theme="light"] .v153-qualification-card,
html body[data-theme="light"] .v153-person-row{
  background:linear-gradient(180deg,#ffffff,#f7fafc);
  border-color:rgba(148,163,184,.25);
  box-shadow:0 12px 26px rgba(148,163,184,.11),inset 0 1px 0 rgba(255,255,255,.9);
}
html body[data-theme="light"] .v153-summary-card span,
html body[data-theme="light"] .v153-summary-card small,
html body[data-theme="light"] .v153-section-head p,
html body[data-theme="light"] .v153-person-main small,
html body[data-theme="light"] .v153-person-qualification small,
html body[data-theme="light"] .v153-person-status small,
html body[data-theme="light"] .v153-person-proof span,
html body[data-theme="light"] .v153-person-qualification>span{color:#607086}
html body[data-theme="light"] .v153-summary-card strong,
html body[data-theme="light"] .v153-qualification-card h3,
html body[data-theme="light"] .v153-person-main strong,
html body[data-theme="light"] .v153-person-qualification strong,
html body[data-theme="light"] .v153-person-proof strong,
html body[data-theme="light"] .v153-empty-state strong{color:#0f172a}
html body[data-theme="light"] .v153-qualification-card__head>span{color:#64748b}
html body[data-theme="light"] .v153-qualification-card__meta span{background:#f1f5f9;border-color:rgba(148,163,184,.24);color:#64748b}
html body[data-theme="light"] .v153-qualification-card__meta b{color:#0f172a}
html body[data-theme="light"] .v153-status-pill{background:#f1f5f9;color:#475569;border-color:rgba(148,163,184,.25)}
html body[data-theme="light"] .v153-empty-state{border-color:rgba(148,163,184,.34);color:#64748b}

@media(max-width:1450px){
  html body .v153-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  html body .v153-qualification-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  html body .v153-qualification-filter{grid-template-columns:repeat(3,minmax(0,1fr))}
  html body .v153-person-row{grid-template-columns:minmax(200px,1.2fr) minmax(200px,1fr) minmax(165px,.8fr) minmax(100px,.5fr) auto}
}
@media(max-width:1100px){
  html body .v153-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  html body .v153-qualification-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  html body .v153-person-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  html body .v153-person-action{justify-self:stretch}
  html body .v153-person-action .btn{width:100%}
}
@media(max-width:760px){
  html body .v153-summary-grid,
  html body .v153-qualification-grid,
  html body .v153-qualification-filter,
  html body .v153-person-row,
  html body .v153-manage-grid{grid-template-columns:1fr}
  html body .v153-section-head{flex-direction:column;align-items:stretch}
  html body .v153-summary-card{min-height:122px}
  html body .v153-qualification-overview,
  html body .v153-results-card{padding:15px}
  html body .v153-person-row{padding:15px 14px 15px 20px}
  html body .v153-person-action{justify-self:stretch}
}