/* CAMYRA V2.0.4 — modal/form/click reliability */
html,body{min-height:100%;overscroll-behavior-y:auto}
button,input,select,textarea{font:inherit}
button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button:disabled{opacity:.56;cursor:not-allowed}

.modal-backdrop.open,.sheet-backdrop.open,.client-sheet-backdrop.open{
  overscroll-behavior:contain;
}
.modal-card,.sheet-card,.client-sheet{
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y;
  scrollbar-gutter:stable;
}
.modal-card{
  max-height:min(92dvh,940px)!important;
}
.sheet-card,.client-sheet{
  max-height:90dvh!important;
}
.modal-actions,.sheet-actions{
  position:sticky;
  bottom:-1px;
  z-index:25;
  margin-left:-4px;
  margin-right:-4px;
  padding:12px 4px max(4px,env(safe-area-inset-bottom));
  background:linear-gradient(180deg,rgba(255,254,253,0),rgba(255,254,253,.96) 26%,#fffefd 58%);
  backdrop-filter:blur(10px);
}
.modal-head{
  position:sticky;
  top:-1px;
  z-index:26;
  padding-top:2px;
  background:linear-gradient(180deg,#fffefd 76%,rgba(255,254,253,0));
}
.field input:focus,.field select:focus,.field textarea:focus{
  outline:2px solid color-mix(in srgb,var(--v9-accent,#8874a6) 38%,transparent);
  outline-offset:1px;
}
.camyra-action-pending{
  pointer-events:none!important;
}
.camyra-action-pending::after{
  content:'';
  display:inline-block;
  width:12px;height:12px;margin-left:7px;
  border:2px solid currentColor;border-right-color:transparent;border-radius:50%;
  vertical-align:-2px;animation:camSpin404 .7s linear infinite;
}
@keyframes camSpin404{to{transform:rotate(360deg)}}
.camyra-inline-error{
  margin:10px 0;padding:11px 13px;border-radius:14px;
  background:#fff0ed;border:1px solid #efd1ca;color:#8b4437;
  font-size:12px;line-height:1.45;
}
@media(max-width:680px){
  .modal-backdrop{padding:8px!important;align-items:end!important}
  .modal-card{border-radius:28px 28px 18px 18px!important;padding:20px 18px!important}
  .modal-actions,.sheet-actions{gap:7px;display:grid!important;grid-template-columns:1fr 1fr}
  .modal-actions .primary,.modal-actions .secondary,.sheet-actions .primary,.sheet-actions .secondary{width:100%}
}