/* Retter-Portal v1.3.52
   Matrix-Polish: moderneres Layout für die Qualifikations- & Führungsmatrix */

html body .v152-matrix-card{
  padding:22px;
}
html body .v152-matrix-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:16px;
}
html body .v152-matrix-head-copy{
  display:grid;
  gap:8px;
}
html body .v152-matrix-subtitle{
  margin:0;
  max-width:780px;
  color:var(--muted);
  line-height:1.55;
  font-size:.98rem;
}
html body .v152-matrix-head-side{
  display:grid;
  justify-items:end;
  gap:10px;
}
html body .v152-matrix-legend{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}
html body .v152-matrix-legend-item{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 12px;
  border:1px solid var(--line-soft);
  border-radius:999px;
  background:rgba(15,23,42,.22);
  color:var(--text);
  font-size:.77rem;
  font-weight:800;
  letter-spacing:.01em;
}
html body .v152-matrix-legend-item i{
  display:block;
  width:10px;
  height:10px;
  border-radius:999px;
  background:currentColor;
  box-shadow:0 0 0 4px color-mix(in srgb, currentColor 18%, transparent);
}
html body .v152-matrix-legend-item.valid{color:#10b981}
html body .v152-matrix-legend-item.due{color:#f59e0b}
html body .v152-matrix-legend-item.expired{color:#f43f5e}
html body .v152-matrix-legend-item.none{color:#94a3b8}

html body .v152-matrix-wrap{
  position:relative;
  padding:14px;
  border-radius:24px;
  border:1px solid color-mix(in srgb, var(--line-soft) 75%, transparent);
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,0)) padding-box,
    linear-gradient(135deg, rgba(225,29,72,.12), rgba(59,130,246,.08) 45%, rgba(16,185,129,.06)) border-box;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 18px 32px rgba(2,6,23,.18);
}
html body .v152-matrix-wrap::before{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:20px;
  background:linear-gradient(180deg, rgba(15,23,42,.26), rgba(15,23,42,.12));
  pointer-events:none;
}
html body .v152-matrix{
  position:relative;
  z-index:1;
  min-width:max-content;
  border-collapse:separate;
  border-spacing:0;
}
html body .v152-matrix th,
html body .v152-matrix td{
  min-width:176px;
  padding:8px;
  border-right:1px solid color-mix(in srgb, var(--line-soft) 78%, transparent);
  border-bottom:1px solid color-mix(in srgb, var(--line-soft) 78%, transparent);
  background:transparent;
  text-align:center;
  vertical-align:middle;
}
html body .v152-matrix tr:first-child th{border-top:0}
html body .v152-matrix tr:last-child td,
html body .v152-matrix tr:last-child th{border-bottom:0}
html body .v152-matrix th:last-child,
html body .v152-matrix td:last-child{border-right:0}
html body .v152-matrix thead th{
  position:sticky;
  top:0;
  z-index:4;
  background:transparent !important;
  backdrop-filter:none;
}
html body .v152-matrix .v138-matrix-person{
  position:sticky;
  left:0;
  z-index:5;
  min-width:220px !important;
  background:transparent !important;
}
html body .v152-matrix thead .v138-matrix-person{z-index:6}
html body .v152-matrix-headbox,
html body .v152-matrix-person-head,
html body .v152-matrix-personbox{
  border:1px solid color-mix(in srgb, var(--line-soft) 86%, transparent);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(30,41,59,.70), rgba(15,23,42,.86));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
html body .v152-matrix-person-head{
  display:flex;
  align-items:center;
  min-height:88px;
  padding:18px 16px;
  color:var(--muted);
  font-size:.8rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:900;
}
html body .v152-matrix-headbox{
  min-height:104px;
  padding:16px 14px 14px;
  display:grid;
  align-content:start;
  gap:8px;
  text-align:left;
}
html body .v152-matrix .v1310-matrix-name{
  display:block;
  margin:0;
  color:var(--text) !important;
  font-size:.92rem !important;
  line-height:1.3 !important;
  font-weight:900 !important;
  text-transform:none;
  letter-spacing:0;
  white-space:normal !important;
}
html body .v152-matrix .v1310-matrix-category{
  display:inline-flex;
  align-items:center;
  align-self:flex-start;
  margin:0;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(148,163,184,.12);
  color:var(--muted) !important;
  font-size:.66rem !important;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
html body .v152-matrix-personbox{
  display:grid;
  gap:6px;
  min-height:80px;
  align-content:center;
  padding:14px 16px;
  text-align:left;
}
html body .v152-matrix-personbox strong{
  display:block;
  color:var(--text);
  font-size:.95rem;
  line-height:1.35;
}
html body .v152-matrix-personbox small{
  display:block;
  color:var(--muted);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
html body .v152-qual-cell{
  position:relative;
  display:grid;
  justify-items:center;
  gap:4px;
  min-height:86px;
  padding:14px 10px;
  border:1px solid color-mix(in srgb, var(--line-soft) 88%, transparent);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(30,41,59,.48), rgba(15,23,42,.72));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
html body .v152-qual-cell::before{
  content:"";
  position:absolute;
  top:10px;
  left:10px;
  width:9px;
  height:9px;
  border-radius:999px;
  background:#64748b;
  box-shadow:0 0 0 5px rgba(100,116,139,.12);
}
html body .v152-qual-cell.valid::before{background:#10b981;box-shadow:0 0 0 5px rgba(16,185,129,.14)}
html body .v152-qual-cell.due::before{background:#f59e0b;box-shadow:0 0 0 5px rgba(245,158,11,.14)}
html body .v152-qual-cell.expired::before{background:#f43f5e;box-shadow:0 0 0 5px rgba(244,63,94,.15)}
html body .v152-qual-state{
  display:block;
  color:var(--text);
  font-size:.83rem;
  font-weight:900;
  line-height:1.25;
}
html body .v152-qual-meta{
  display:block;
  color:var(--muted);
  font-size:.71rem;
  font-weight:800;
  line-height:1.3;
}
html body .v152-qual-cell.valid .v152-qual-state{color:#34d399}
html body .v152-qual-cell.due .v152-qual-state{color:#fbbf24}
html body .v152-qual-cell.expired .v152-qual-state{color:#fb7185}
html body .v152-qual-cell.none .v152-qual-state{color:#cbd5e1}
html body .v152-qual-cell.none .v152-qual-meta{color:#94a3b8}
html body .v152-qual-cell form{position:absolute;top:8px;right:8px}
html body .v152-qual-cell button{
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  background:rgba(15,23,42,.55);
  color:inherit;
  font-weight:900;
  cursor:pointer;
  transition:transform .18s ease, background .18s ease;
}
html body .v152-qual-cell button:hover{transform:scale(1.05);background:rgba(225,29,72,.18)}
html body .v152-matrix tbody tr:hover td,
html body .v152-matrix tbody tr:hover th{background:rgba(255,255,255,.012)}
html body .v152-matrix-wrap::-webkit-scrollbar{height:12px;width:12px}
html body .v152-matrix-wrap::-webkit-scrollbar-thumb{background:rgba(100,116,139,.45);border-radius:999px;border:2px solid transparent;background-clip:padding-box}
html body .v152-matrix-wrap::-webkit-scrollbar-track{background:rgba(15,23,42,.18);border-radius:999px}

html body[data-theme="light"] .v152-matrix-subtitle{color:#5b6b82}
html body[data-theme="light"] .v152-matrix-legend-item{
  background:#ffffff;
  border-color:rgba(148,163,184,.30);
  color:#243449;
  box-shadow:0 6px 18px rgba(148,163,184,.12);
}
html body[data-theme="light"] .v152-matrix-wrap{
  border-color:rgba(148,163,184,.28);
  background:
    linear-gradient(180deg, rgba(255,255,255,.75), rgba(255,255,255,.95)) padding-box,
    linear-gradient(135deg, rgba(225,29,72,.10), rgba(59,130,246,.10), rgba(16,185,129,.08)) border-box;
  box-shadow:0 18px 36px rgba(148,163,184,.16);
}
html body[data-theme="light"] .v152-matrix-wrap::before{
  background:linear-gradient(180deg, rgba(241,245,249,.86), rgba(248,250,252,.96));
}
html body[data-theme="light"] .v152-matrix th,
html body[data-theme="light"] .v152-matrix td{border-color:rgba(148,163,184,.20)}
html body[data-theme="light"] .v152-matrix-headbox,
html body[data-theme="light"] .v152-matrix-person-head,
html body[data-theme="light"] .v152-matrix-personbox{
  background:linear-gradient(180deg, #ffffff, #f8fafc);
  border-color:rgba(148,163,184,.28);
  box-shadow:0 10px 24px rgba(148,163,184,.13), inset 0 1px 0 rgba(255,255,255,.8);
}
html body[data-theme="light"] .v152-matrix-person-head{color:#6b7b91}
html body[data-theme="light"] .v152-matrix .v1310-matrix-name,
html body[data-theme="light"] .v152-matrix-personbox strong,
html body[data-theme="light"] .v152-qual-state{color:#0f172a !important}
html body[data-theme="light"] .v152-matrix .v1310-matrix-category{
  background:#eef2ff;
  color:#5b6b82 !important;
}
html body[data-theme="light"] .v152-matrix-personbox small,
html body[data-theme="light"] .v152-qual-meta{color:#64748b}
html body[data-theme="light"] .v152-qual-cell{
  background:linear-gradient(180deg, #ffffff, #f8fafc);
  border-color:rgba(148,163,184,.24);
  box-shadow:0 10px 22px rgba(148,163,184,.10), inset 0 1px 0 rgba(255,255,255,.85);
}
html body[data-theme="light"] .v152-qual-cell.valid{
  background:linear-gradient(180deg, rgba(236,253,245,.95), rgba(220,252,231,.92));
  border-color:rgba(16,185,129,.26);
}
html body[data-theme="light"] .v152-qual-cell.due{
  background:linear-gradient(180deg, rgba(255,251,235,.95), rgba(254,243,199,.95));
  border-color:rgba(245,158,11,.26);
}
html body[data-theme="light"] .v152-qual-cell.expired{
  background:linear-gradient(180deg, rgba(255,241,242,.95), rgba(255,228,230,.95));
  border-color:rgba(244,63,94,.24);
}
html body[data-theme="light"] .v152-qual-cell.none{
  background:linear-gradient(180deg, #ffffff, #f8fafc);
}
html body[data-theme="light"] .v152-qual-cell button{
  background:#fff;
  border-color:rgba(148,163,184,.24);
  color:#334155;
  box-shadow:0 5px 12px rgba(148,163,184,.12);
}
html body[data-theme="light"] .v152-matrix tbody tr:hover td,
html body[data-theme="light"] .v152-matrix tbody tr:hover th{background:rgba(148,163,184,.035)}
html body[data-theme="light"] .v152-matrix-wrap::-webkit-scrollbar-thumb{background:rgba(100,116,139,.35)}
html body[data-theme="light"] .v152-matrix-wrap::-webkit-scrollbar-track{background:rgba(226,232,240,.8)}

@media (max-width: 1100px){
  html body .v152-matrix-head{flex-direction:column;align-items:stretch}
  html body .v152-matrix-head-side{justify-items:start}
  html body .v152-matrix-legend{justify-content:flex-start}
}
@media (max-width: 700px){
  html body .v152-matrix-card{padding:18px}
  html body .v152-matrix-subtitle{font-size:.92rem}
  html body .v152-matrix-wrap{padding:10px;border-radius:20px}
  html body .v152-matrix th, html body .v152-matrix td{min-width:158px;padding:6px}
  html body .v152-matrix .v138-matrix-person{min-width:188px!important}
  html body .v152-matrix-headbox{min-height:96px;padding:14px 12px}
  html body .v152-matrix-person-head{min-height:80px}
  html body .v152-qual-cell{min-height:80px;padding:12px 8px}
}