/* Canonical mobile overlay layer: sheets for short workflows, full-screen forms when needed. */
body.light-app .modal-backdrop{background:rgba(15,23,42,.52);padding:0;align-items:end;z-index:100}
body.light-app .modal-backdrop .modal{width:100%;max-width:680px;max-height:calc(100dvh - env(safe-area-inset-top) - 12px);margin:0 auto;overflow:auto;overscroll-behavior:contain;border:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-surface);color:var(--color-text-primary);padding:var(--space-5) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom));box-shadow:var(--shadow-elevated)}
body.light-app .modal-backdrop .modal h2{margin:0 0 var(--space-1);color:var(--color-text-primary);font-size:20px;text-transform:none;letter-spacing:0}
body.light-app .modal-backdrop .modal h3{color:var(--color-brand-primary)}
body.light-app .modal-backdrop .modal p{margin:0 0 var(--space-4);color:var(--color-text-secondary)}
body.light-app .modal-backdrop .modal label{color:var(--color-text-primary);font-size:14px;font-weight:800}
body.light-app .modal-backdrop .modal input,
body.light-app .modal-backdrop .modal select,
body.light-app .modal-backdrop .modal textarea{min-height:var(--control-height-md);border:1px solid var(--color-border-strong)!important;border-radius:var(--radius-md)!important;background:var(--color-surface)!important;color:var(--color-text-primary)!important;font-size:16px!important}
body.light-app .modal-backdrop .modal button{min-height:48px;border-radius:var(--radius-md);font-weight:800}
body.light-app .modal-backdrop .modal button:not(.secondary):not(.danger){border:1px solid var(--color-brand-primary);background:var(--color-brand-primary);color:#fff}
body.light-app .modal-backdrop .modal button.secondary{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-brand-primary)}
body.light-app .client-choice{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);padding:var(--space-3)}
body.light-app .client-choice strong{color:var(--color-text-primary)}
body.light-app .client-choice span{color:var(--color-text-secondary)}
body.light-app #clientModal .modal button.client-choice{display:block;width:100%;min-height:64px;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);text-align:left;box-shadow:none}
body.light-app #clientModal .modal button.client-choice:hover,
body.light-app #clientModal .modal button.client-choice:active{border-color:var(--color-brand-primary);background:var(--color-brand-primary-subtle);color:var(--color-text-primary)}
body.light-app #clientModal .modal button.client-choice:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}
body.light-app .client-modal-actions,
body.light-app .item-sheet-actions{bottom:calc(-1 * var(--space-5) - env(safe-area-inset-bottom));margin:var(--space-4) calc(-1 * var(--space-4)) calc(-1 * var(--space-4) - env(safe-area-inset-bottom));padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));background:var(--color-surface);border-color:var(--color-border)}
body.light-app .item-empty{min-height:220px;border-color:var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-muted)}
body.light-app .item-plus{background:var(--color-brand-accent)!important;color:#111827!important}
body.light-app .item-card{border-color:var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-none)}
body.light-app .field-error,
body.light-app .item-error{color:var(--color-error)}

@media(min-width:760px){
  body.light-app .modal-backdrop{place-items:center;padding:var(--space-5)}
  body.light-app .modal-backdrop .modal{width:min(600px,100%);max-height:calc(100dvh - 48px);border-radius:var(--radius-lg);padding:var(--space-5)}
}