.zertifikat-einstieg{display:flex;align-items:center;justify-content:space-between;gap:16px;
  margin-top:14px;padding:13px 14px;border:1px solid var(--line);border-left:4px solid var(--accent);
  background:var(--surface2)}
.zertifikat-einstieg>div{display:flex;flex-direction:column;gap:2px}
.zertifikat-einstieg span{font-size:12.5px;color:var(--soft)}
.zertifikat-einstieg .os-btn{flex:none}
.zertifikat-dialog{width:min(1040px,calc(100% - 36px));max-width:none;padding:0;border:0;border-radius:5px;
  color:var(--ink);background:var(--surface);box-shadow:0 22px 70px rgba(12,31,45,.28)}
.zertifikat-dialog::backdrop{background:rgba(12,31,45,.55)}
.zertifikat-dialog-inhalt{max-height:min(820px,calc(100vh - 36px));display:flex;flex-direction:column}
.zertifikat-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;
  padding:17px 20px;border-bottom:1px solid var(--line)}
.zertifikat-dialog h2{margin:0;font-size:19px}.zertifikat-dialog header p{margin:3px 0 0;color:var(--soft)}
.zertifikat-x{border:0;background:transparent;color:var(--soft);font-size:28px;line-height:1;cursor:pointer;padding:0 4px}
.zertifikat-dialog-body{padding:18px 20px;overflow:auto;min-height:260px}
.zertifikat-dialog footer{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding:12px 20px;
  border-top:1px solid var(--line);background:var(--surface2)}
.zertifikat-hinweis{padding:10px 12px;margin-bottom:10px;border:1px solid var(--line);border-left:4px solid var(--accent);
  background:var(--surface2);font-size:13px}.zertifikat-hinweis.warn{border-left-color:var(--warn);background:var(--warnbg)}
.zertifikat-hinweis.crit{border-left-color:var(--err);background:var(--errbg)}
.zertifikat-produktionscheck{margin:10px 0;border:1px solid var(--line);background:var(--surface2);font-size:13px}
.zertifikat-produktionscheck summary{cursor:pointer;padding:10px 12px}.zertifikat-produktionscheck>div{display:grid;
  grid-template-columns:repeat(2,minmax(220px,1fr));gap:6px 14px;padding:0 12px 10px}
.zertifikat-produktionscheck span{padding:4px 0}.zertifikat-produktionscheck span.ok{color:var(--ok)}
.zertifikat-produktionscheck span.offen{color:var(--soft)}.zertifikat-produktionscheck>small{display:block;
  padding:0 12px 11px;color:var(--soft)}
.zertifikat-werkzeuge{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin:14px 0 10px}
.zertifikat-werkzeuge label{display:flex;flex-direction:column;gap:4px}.zertifikat-werkzeuge label span{font-size:11px;
  font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.zertifikat-werkzeuge select{min-width:240px;padding:7px 9px;border:1px solid var(--line2);background:var(--surface)}
.zertifikat-werkzeuge>div{color:var(--soft);font-size:13px}.zertifikat-werkzeuge .os-fbtn{margin-left:auto}
.zertifikat-liste{border:1px solid var(--line);background:var(--surface)}
.zertifikat-zeile{display:grid;grid-template-columns:24px minmax(180px,1.4fr) minmax(160px,.9fr) auto;
  gap:12px;align-items:center;padding:11px 12px;border-top:1px solid var(--line);cursor:pointer}
.zertifikat-zeile:first-child{border-top:0}.zertifikat-zeile:hover{background:#F7FAFC}
.zertifikat-zeile.gesperrt{cursor:default;background:#FAFBFC}.zertifikat-zeile input{width:17px;height:17px;accent-color:var(--accent)}
.zertifikat-person,.zertifikat-status{display:flex;flex-direction:column;gap:2px;min-width:0}
.zertifikat-person b,.zertifikat-person small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zertifikat-person small,.zertifikat-status small{font-size:11.5px;color:var(--soft)}
.zertifikat-status .crit{color:var(--err)}.zertifikat-vorschau .os-btn{display:inline-block;padding:5px 9px;font-size:11.5px}
.zertifikat-fehler{grid-column:2/-1;color:var(--err);font-size:11.5px}
@media(max-width:720px){.zertifikat-einstieg{align-items:flex-start;flex-direction:column}.zertifikat-einstieg .os-btn{width:100%}
  .zertifikat-dialog{width:100%;height:100%;max-height:none;border-radius:0}.zertifikat-dialog-inhalt{max-height:100vh;height:100%}
  .zertifikat-zeile{grid-template-columns:24px minmax(0,1fr) auto}.zertifikat-status{grid-column:2}.zertifikat-vorschau{grid-column:3;grid-row:1/3}
  .zertifikat-werkzeuge{align-items:stretch;flex-direction:column}.zertifikat-werkzeuge select{width:100%;min-width:0}.zertifikat-werkzeuge .os-fbtn{margin-left:0}
  .zertifikat-produktionscheck>div{grid-template-columns:1fr}}