/* FürsorgeWerk DEV_V1 - Kundenaktionen Modul */

.fwk-modal-backdrop,
.fwk-confirm-backdrop{
  position:fixed;
  inset:0;
  z-index:99999;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(15,23,42,.46);
  backdrop-filter:blur(5px);
}

.fwk-modal-card,
.fwk-confirm-card{
  position:relative;
  width:min(780px,100%);
  background:#fff;
  border:1px solid rgba(217,228,232,.95);
  border-radius:30px;
  box-shadow:0 35px 90px rgba(16,24,40,.28);
  padding:28px;
  animation:fwkModalIn .16s ease;
}

.fwk-confirm-card{
  width:min(520px,100%);
}

@keyframes fwkModalIn{
  from{opacity:0; transform:translateY(8px) scale(.985);}
  to{opacity:1; transform:translateY(0) scale(1);}
}

.fwk-x{
  position:absolute;
  top:18px;
  right:18px;
  width:42px;
  height:42px;
  border:0;
  border-radius:999px;
  background:#eef7f6;
  color:#075f66;
  font-size:26px;
  cursor:pointer;
}

.fwk-eyebrow{
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:900;
  font-size:12px;
  color:#0c7f82;
  margin:0 0 8px;
}

.fwk-modal-card h2,
.fwk-confirm-card h3{
  margin:0;
  color:#101828;
  letter-spacing:-.035em;
}

.fwk-subline,
.fwk-confirm-card p{
  color:#667085;
  margin:8px 0 0;
}

.fwk-action-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:24px;
}

.fwk-action-grid button{
  text-align:left;
  border:1px solid #d9e4e8;
  background:linear-gradient(180deg,#ffffff,#f8fbfc);
  border-radius:20px;
  padding:18px;
  min-height:104px;
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.fwk-action-grid button:hover{
  transform:translateY(-2px);
  border-color:rgba(12,127,130,.45);
  box-shadow:0 16px 36px rgba(12,127,130,.12);
}

.fwk-action-grid button strong{
  display:block;
  font-size:16px;
  color:#101828;
  margin-bottom:7px;
}

.fwk-action-grid button span{
  display:block;
  color:#667085;
  font-size:13px;
  line-height:1.35;
}

.fwk-action-grid button.danger{
  border-color:#ffd1d1;
  background:linear-gradient(180deg,#fff,#fff7f7);
}

.fwk-action-grid button.danger strong{
  color:#b42318;
}

.fwk-modal-actions{
  display:flex;
  justify-content:flex-end;
  gap:12px;
  margin-top:24px;
  padding-top:18px;
  border-top:1px solid #e1eaee;
}

.fwk-secondary,
.fwk-danger{
  border:0;
  border-radius:14px;
  min-height:46px;
  padding:0 18px;
  font-weight:900;
  cursor:pointer;
}

.fwk-secondary{
  background:#eef7f6;
  color:#075f66;
  border:1px solid rgba(12,127,130,.18);
}

.fwk-danger{
  background:#d92d20;
  color:#fff;
  box-shadow:0 10px 20px rgba(217,45,32,.18);
}

.fwk-warning{
  background:#fff4e5;
  color:#b54708 !important;
  border-radius:16px;
  padding:12px;
  margin-top:14px !important;
}

.fwk-toast{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:100000;
  background:#0f172a;
  color:white;
  border-radius:16px;
  padding:14px 18px;
  box-shadow:0 20px 48px rgba(16,24,40,.22);
  opacity:0;
  transform:translateY(10px);
  pointer-events:none;
  transition:opacity .22s ease, transform .22s ease;
  font-weight:800;
}

.fwk-toast.show{
  opacity:1;
  transform:translateY(0);
}

@media(max-width:700px){
  .fwk-action-grid{
    grid-template-columns:1fr;
  }
  .fwk-modal-card,
  .fwk-confirm-card{
    padding:22px;
    border-radius:24px;
  }
  .fwk-modal-actions{
    flex-direction:column-reverse;
  }
  .fwk-modal-actions button{
    width:100%;
  }
}


/* DEV_V2_3 - Kunden UI Cleanup */
.customer-row{
  cursor:pointer;
  transition:background .18s ease;
}

.customer-row:hover{
  background:rgba(12,127,130,.04);
}