/* OrdnerBüro – separater Schutzdialog für nicht gespeicherte Formulare.
   Absichtlich getrennt von app.css, damit Startseiten-/Layout-Patches ihn nicht überschreiben. */

.unsaved-modal[hidden]{display:none!important}

.unsaved-modal{
  position:fixed;
  inset:0;
  z-index:10050;
  display:none;
  align-items:center;
  justify-content:center;
  padding:22px;
}
.unsaved-modal.open:not([hidden]){display:flex}
.unsaved-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(18,25,24,.48);
  backdrop-filter:blur(3px);
}
.unsaved-modal-card{
  position:relative;
  z-index:1;
  width:min(560px,100%);
  padding:30px;
  border:1px solid #ddd1bf;
  border-radius:24px;
  background:#fff;
  box-shadow:0 28px 70px rgba(22,28,27,.24);
  transform:translateY(8px) scale(.985);
  opacity:0;
  transition:transform .16s ease,opacity .16s ease;
}
.unsaved-modal.open:not([hidden]) .unsaved-modal-card{
  transform:none;
  opacity:1;
}
.unsaved-modal-icon{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  margin-bottom:16px;
  border-radius:16px;
  background:#f3ead8;
  color:#9b6811;
  font-size:22px;
}
.unsaved-modal-card h2{
  margin:6px 38px 8px 0;
  font-size:28px;
  line-height:1.12;
}
.unsaved-modal-card p{
  margin:0;
  color:#746a60;
  line-height:1.6;
}
.unsaved-modal-close{
  position:absolute;
  top:18px;
  right:18px;
}
.unsaved-modal-note{
  display:flex;
  align-items:flex-start;
  gap:9px;
  margin-top:18px;
  padding:12px 13px;
  border-radius:12px;
  background:#f7f3eb;
  color:#6d6258;
  font-size:13px;
  font-weight:650;
  line-height:1.45;
}
.unsaved-modal-note svg,
.unsaved-modal-note i{
  flex:0 0 auto;
  margin-top:2px;
  color:#688d7c;
}
.unsaved-modal-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:24px;
}
body.unsaved-modal-open{overflow:hidden}

@media(max-width:620px){
  .unsaved-modal{
    padding:14px;
    align-items:flex-end;
  }
  .unsaved-modal-card{
    padding:24px 20px 20px;
    border-radius:22px;
  }
  .unsaved-modal-card h2{font-size:24px}
  .unsaved-modal-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .unsaved-modal-actions .btn{width:100%}
}

/* Einheitlicher OrdnerBüro-Schließen-Button für den globalen Formularschutz. */
.unsaved-modal-close.icon-only-btn{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  padding:0;
  border:1px solid #e1d5c4;
  border-radius:12px;
  background:#f8f3e9;
  color:#1f2929;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  box-shadow:none;
  transition:background .15s ease,border-color .15s ease,transform .15s ease;
}
.unsaved-modal-close.icon-only-btn:hover{
  background:#f0e7d7;
  border-color:#d4c4ae;
}
.unsaved-modal-close.icon-only-btn:active{transform:scale(.97)}
.unsaved-modal-close.icon-only-btn:focus-visible{
  outline:3px solid rgba(190,145,45,.28);
  outline-offset:2px;
}
.unsaved-modal-close.icon-only-btn .bi,
.unsaved-modal-close.icon-only-btn svg{
  width:20px;
  height:20px;
  font-size:20px;
  pointer-events:none;
}