/* Dezente Kontext-Hinweise für Angebot, Rechnung und Besichtigung. */
.doc-context{
  padding:10px 14px!important;
  margin-bottom:12px!important;
  border:1px solid rgba(209,213,219,.9)!important;
  border-left:3px solid rgba(148,163,184,.9)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:0 8px 22px rgba(15,23,42,.045)!important;
}

.doc-bottom-save-hook{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  border:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  white-space:nowrap!important;
  opacity:0!important;
  pointer-events:none!important;
}

.doc-context.dirty{
  border-left-color:rgba(245,158,11,.85)!important;
}

.doc-context.invoice-final,
.doc-context.invoice-cancelled{
  border-left-color:rgba(100,116,139,.9)!important;
}

.doc-context.inspection-context{
  border-left-color:rgba(14,165,233,.75)!important;
}

.doc-context-main{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.doc-context h2{
  margin:0!important;
  font-size:14px!important;
  line-height:1.25!important;
  letter-spacing:0!important;
  color:#111827!important;
}

.doc-context .doc-sub{
  margin:3px 0 0!important;
  font-size:12px!important;
  line-height:1.35!important;
  color:#6b7280!important;
}

.doc-context-note{
  margin-top:5px!important;
  font-size:11.5px!important;
  line-height:1.35!important;
  color:#6b7280!important;
}

.doc-context .status-chip-row{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  flex-wrap:wrap;
}

.doc-context .status-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:22px;
  padding:3px 8px!important;
  border-radius:999px!important;
  background:#f3f4f6!important;
  color:#4b5563!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:750!important;
  white-space:nowrap;
}

.doc-context .status-chip.warn{
  background:#fff7ed!important;
  color:#9a3412!important;
}

.doc-context .status-chip.ok{
  background:#ecfdf5!important;
  color:#047857!important;
}

.doc-context .status-chip.info{
  background:#eff6ff!important;
  color:#1d4ed8!important;
}

.doc-context .status-chip.danger{
  background:#fef2f2!important;
  color:#b91c1c!important;
}

@media (max-width:700px){
  .doc-context{
    padding:9px 12px!important;
    margin-bottom:10px!important;
    border-radius:14px!important;
  }

  .doc-context-main{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }

  .doc-context .status-chip-row{
    justify-content:flex-start;
  }
}