/* BauZeit zentraler Systemdialog V1 */

.bz-native-dialog-layer{
  position:fixed !important;
  inset:0 !important;
  z-index:2147483000 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  padding:24px !important;
  box-sizing:border-box !important;

  background:rgba(30,35,42,.50) !important;

  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
}

.bz-native-dialog-card{
  position:relative !important;

  width:min(560px,calc(100vw - 48px)) !important;

  margin:0 !important;
  padding:28px 26px 22px !important;

  box-sizing:border-box !important;

  background:#fff !important;
  color:#202124 !important;

  border:1px solid #e1e5ea !important;
  border-top:4px solid #cf292d !important;
  border-radius:17px !important;

  box-shadow:0 24px 70px rgba(15,23,42,.30) !important;

  text-align:left !important;
}

.bz-native-dialog-title{
  display:block !important;

  margin:0 50px 14px 0 !important;

  color:#111827 !important;

  font-size:20px !important;
  line-height:1.3 !important;
  font-weight:800 !important;
}

.bz-native-dialog-message{
  margin:0 !important;

  color:#273142 !important;

  font-size:16px !important;
  line-height:1.55 !important;
  font-weight:500 !important;

  white-space:pre-wrap !important;
}

.bz-native-dialog-close{
  position:absolute !important;
  top:13px !important;
  right:14px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:38px !important;
  height:38px !important;
  min-width:38px !important;

  margin:0 !important;
  padding:0 !important;

  border:0 !important;
  border-radius:50% !important;

  background:#f2f3f5 !important;
  color:#111827 !important;

  font-family:Arial,sans-serif !important;
  font-size:26px !important;
  line-height:1 !important;
  font-weight:400 !important;

  cursor:pointer !important;
}

.bz-native-dialog-close:hover,
.bz-native-dialog-close:focus-visible{
  background:#e5e7eb !important;
}

.bz-native-dialog-actions{
  display:flex !important;
  justify-content:flex-end !important;

  margin-top:24px !important;
}

.bz-native-dialog-ok{
  min-width:110px !important;

  margin:0 !important;
  padding:12px 24px !important;

  border:1px solid #cf292d !important;
  border-radius:11px !important;

  background:#cf292d !important;
  color:#fff !important;

  font-size:15px !important;
  font-weight:750 !important;

  cursor:pointer !important;
}

.bz-native-dialog-ok:hover,
.bz-native-dialog-ok:focus-visible{
  filter:brightness(.94);
}

@media (max-width:600px){
  .bz-native-dialog-layer{
    padding:16px !important;
  }

  .bz-native-dialog-card{
    width:100% !important;
    padding:24px 20px 20px !important;
  }

  .bz-native-dialog-ok{
    width:100% !important;
  }
}


/* BauZeit Bestätigungsdialog V2 */

.bz-native-dialog-actions{
  gap:10px !important;
}

.bz-native-dialog-cancel,
.bz-native-dialog-confirm{
  min-width:120px !important;

  margin:0 !important;
  padding:12px 22px !important;

  border-radius:11px !important;

  font-size:15px !important;
  font-weight:750 !important;

  cursor:pointer !important;
}

.bz-native-dialog-cancel{
  border:1px solid #d8dde5 !important;
  background:#fff !important;
  color:#202124 !important;
}

.bz-native-dialog-cancel:hover,
.bz-native-dialog-cancel:focus-visible{
  background:#f3f4f6 !important;
}

.bz-native-dialog-confirm{
  border:1px solid #cf292d !important;
  background:#cf292d !important;
  color:#fff !important;
}

.bz-native-dialog-confirm:hover,
.bz-native-dialog-confirm:focus-visible{
  filter:brightness(.94);
}

@media (max-width:600px){
  .bz-native-dialog-actions{
    flex-direction:column-reverse !important;
  }

  .bz-native-dialog-cancel,
  .bz-native-dialog-confirm{
    width:100% !important;
  }
}


/* BauZeit Confirm Dialog V2 */
.bz-confirm-overlay {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(15, 23, 42, .48);
  backdrop-filter: blur(3px);
  opacity: 0;
  transition: opacity .16s ease;
}

.bz-confirm-overlay.is-visible {
  opacity: 1;
}

.bz-confirm-dialog {
  width: min(100%, 520px);
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  box-shadow: 0 24px 70px rgba(15, 23, 42, .22);
  padding: 24px;
}

.bz-confirm-head {
  display: flex;
  align-items: center;
  gap: 13px;
  margin-bottom: 18px;
}

.bz-confirm-head img {
  width: 42px;
  height: 42px;
  object-fit: contain;
  border-radius: 10px;
}

.bz-confirm-head small {
  display: block;
  margin-bottom: 2px;
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
}

.bz-confirm-head h2 {
  margin: 0;
  font-size: 21px;
  line-height: 1.2;
  color: #111827;
}

.bz-confirm-message {
  margin: 0;
  color: #475569;
  font-size: 15px;
  line-height: 1.6;
}

.bz-confirm-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 24px;
}

.bz-confirm-actions button {
  width: auto;
  min-width: 120px;
}

@media (max-width: 520px) {
  .bz-confirm-dialog {
    padding: 20px;
  }

  .bz-confirm-actions {
    flex-direction: column-reverse;
  }

  .bz-confirm-actions button {
    width: 100%;
  }
}