.wf-list{display:grid;gap:18px}.wf-card{background:#fff;border:1px solid #dbe4ee;border-radius:20px;padding:22px;display:flex;justify-content:space-between;gap:20px}.wf-card form{margin:6px 0}.wf-card input,.wf-form input,.wf-form select,.wf-form textarea{padding:10px;border:1px solid #bdcad8;border-radius:9px}.wf-card button,.wf-form button{background:#1f5b8f;color:#fff;border:0;border-radius:9px;padding:10px 14px}.wf-form p{display:grid;grid-template-columns:260px 1fr;gap:14px}.wf-badge{background:#c83232;color:#fff;border-radius:999px;padding:2px 7px}.wf-popup{position:fixed;right:20px;bottom:20px;background:#17324d;color:#fff;border-radius:16px;padding:16px;z-index:99}.wf-popup a{color:#fff}@media(max-width:700px){.wf-card{flex-direction:column}.wf-form p{grid-template-columns:1fr}}

/* ===== V0.3.6Q Erweiterte Personalakte ===== */
.employee-related-panel{margin-top:22px}
.employee-related-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}
.employee-related-heading h2{margin:0 0 4px}
.employee-related-heading p{margin:0;color:#66788c}
.incident-privacy-note{margin:16px 0;padding:15px 17px;border:1px solid #efcf99;border-radius:14px;background:#fff8e9;color:#5c451c;line-height:1.55}
.incident-form-note{max-width:1100px;margin-left:auto;margin-right:auto}
.personnel-incidents-panel{border-color:#e8c7a1}
.incident-action{background:#7b4b16!important}
@media(max-width:700px){
  .employee-related-heading{flex-direction:column}
  .employee-related-heading .action-button{width:100%;text-align:center}
}
/* ===== Ende V0.3.6Q ===== */

/* ===== V0.3.6R Mitarbeiter speichern und Personalakte sichtbar ===== */
.employee-save-error{
  margin:0 0 18px;
  padding:16px 18px;
  border:2px solid #bf3343;
  border-radius:15px;
  background:#fff1f3;
  color:#681923;
}
.employee-save-error p{margin:5px 0 8px}
.employee-save-error ul{margin:0;padding-left:22px}
.employee-record-preview-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.employee-record-preview-grid article{
  padding:17px;
  border:1px solid #ccd9e6;
  border-radius:15px;
  background:#f7fafc;
}
.employee-record-preview-grid h3{margin:0 0 7px}
.employee-record-preview-grid p{margin:0 0 12px;color:#66788c}
.employee-record-preview-grid span{
  display:inline-block;
  padding:6px 10px;
  border-radius:999px;
  background:#e5edf5;
  color:#52677d;
  font-weight:750;
  font-size:.88rem;
}
.employee-record-preview-grid .incident-preview{
  border-color:#e8c7a1;
  background:#fffaf1;
}
@media(max-width:700px){
  .employee-record-preview-grid{grid-template-columns:1fr}
}
/* ===== Ende V0.3.6R ===== */

/* ===== V0.3.6S Gehaltsdaten, Vorschüsse und Speicherprüfung ===== */
.salary-advance-panel{padding:0;overflow:hidden}
.salary-advance-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;cursor:pointer;list-style:none;font-size:1.05rem}
.salary-advance-panel>summary::-webkit-details-marker{display:none}
.salary-advance-panel>summary small{display:block;margin-top:4px;color:#66788c;font-weight:500}
.salary-advance-content{padding:0 20px 20px;border-top:1px solid #d7e1eb}
/* ===== Ende V0.3.6S ===== */


/* V0.3.6T – Rechtegesteuerte Vorschussaktion */
.salary-advance-primary-action{display:flex;flex-direction:column;align-items:flex-end;gap:7px;min-width:250px}
.salary-advance-primary-action small{max-width:310px;color:#66788c;text-align:right}
.salary-advance-create-button{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border:2px solid #174d7a;border-radius:13px;background:#1f5b8f;color:#fff!important;font-weight:800;text-decoration:none!important}
@media(max-width:700px){.salary-advance-primary-action{width:100%;align-items:stretch}.salary-advance-primary-action small{text-align:left}.salary-advance-create-button{justify-content:center}}