/* AEV-GATE5-20260908: Universal New is capture-first; supporting controls stay secondary. */
#aevro-gate5-refinement-marker { display: none; }

#quick-modal.aevro-quick-capture .modal-panel {
  width: min(42rem, calc(100vw - 2rem));
  max-height: min(46rem, calc(100dvh - 2rem));
  overflow: auto;
  border-color: color-mix(in srgb, var(--aevro-blue, #2563ff) 26%, var(--border, var(--panel-border)));
  box-shadow: 0 1.25rem 4rem rgba(2, 8, 23, 0.24);
}

#quick-modal.aevro-quick-capture .modal-header {
  align-items: flex-start;
  margin-bottom: 0.85rem;
}

#quick-modal.aevro-quick-capture .modal-header .eyebrow {
  margin-bottom: 0.25rem;
  opacity: 0.7;
}

#quick-modal.aevro-quick-capture #quick-modal-title {
  font-size: clamp(1.5rem, 4vw, 2rem);
  letter-spacing: -0.035em;
}

#quick-form[data-aevro-gate5="true"] {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.8rem;
}

#quick-form[data-aevro-gate5="true"] > * {
  min-width: 0;
}

#quick-form[data-aevro-gate5="true"] .quick-primary {
  grid-column: 1 / -1;
}

#quick-form[data-aevro-gate5="true"] .quick-primary > span {
  display: block;
  margin-bottom: 0.45rem;
  color: var(--text-primary, inherit);
  font-size: 0.86rem;
  font-weight: 650;
}

#quick-form[data-aevro-gate5="true"] .quick-primary input {
  min-height: 3.65rem;
  width: 100%;
  padding: 0.9rem 1rem;
  border-radius: 0.9rem;
  border-color: color-mix(in srgb, var(--aevro-blue, #2563ff) 34%, var(--input-border, var(--border)));
  font-size: 1.02rem;
  line-height: 1.35;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--aevro-blue, #2563ff) 7%, transparent);
}

#quick-form[data-aevro-gate5="true"] .quick-primary input::placeholder {
  color: var(--input-placeholder, var(--text-muted));
}

#quick-form[data-aevro-gate5="true"] .quick-capture-hint {
  margin: -0.15rem 0 0.1rem;
  color: var(--text-secondary, var(--muted));
  font-size: 0.82rem;
  line-height: 1.45;
}

#quick-form[data-aevro-gate5="true"] .quick-attachment {
  grid-column: 1 / -1;
}

#quick-form[data-aevro-gate5="true"] .quick-attachment > span {
  display: block;
  margin-bottom: 0.35rem;
  color: var(--text-secondary, var(--muted));
  font-size: 0.78rem;
  font-weight: 600;
}

#quick-form[data-aevro-gate5="true"] .quick-attachment input {
  width: 100%;
  min-height: 2.9rem;
  border-radius: 0.75rem;
}

#quick-form[data-aevro-gate5="true"] .quick-file small {
  display: block;
  margin-top: 0.35rem;
  color: var(--text-muted, var(--muted));
  line-height: 1.4;
}

#quick-form[data-aevro-gate5="true"] .quick-capture-more {
  margin-top: 0.1rem;
  padding-top: 0.25rem;
  border-top: 1px solid color-mix(in srgb, var(--border, var(--panel-border)) 72%, transparent);
}

#quick-form[data-aevro-gate5="true"] .quick-capture-more summary {
  display: flex;
  align-items: center;
  min-height: 2.75rem;
  cursor: pointer;
  color: var(--text-secondary, var(--muted));
  font-size: 0.82rem;
  font-weight: 650;
  list-style: none;
  touch-action: manipulation;
}

#quick-form[data-aevro-gate5="true"] .quick-capture-more summary::-webkit-details-marker {
  display: none;
}

#quick-form[data-aevro-gate5="true"] .quick-capture-more summary::after {
  content: "+";
  margin-left: auto;
  font-size: 1.15rem;
  line-height: 1;
}

#quick-form[data-aevro-gate5="true"] .quick-capture-more[open] summary::after {
  content: "−";
}

#quick-form[data-aevro-gate5="true"] .quick-capture-more > label {
  display: block;
  margin-top: 0.7rem;
}

#quick-form[data-aevro-gate5="true"] .quick-capture-more > label > span {
  display: block;
  margin-bottom: 0.35rem;
  color: var(--text-secondary, var(--muted));
  font-size: 0.78rem;
  font-weight: 600;
}

#quick-form[data-aevro-gate5="true"] .quick-capture-more select,
#quick-form[data-aevro-gate5="true"] .quick-capture-more input,
#quick-form[data-aevro-gate5="true"] .quick-capture-more textarea {
  width: 100%;
}

#quick-form[data-aevro-gate5="true"] .form-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr);
  gap: 0.65rem;
  margin-top: 0.15rem;
}

#quick-form[data-aevro-gate5="true"] .form-actions button {
  min-height: 2.95rem;
}

/* Shared state language: calm, explicit, and visually consistent across workspaces. */
.app-alert,
.form-message,
.auth-status,
.empty-state,
.loading-state,
.error-state,
.stale-state,
.offline-state,
[data-state="empty"],
[data-state="loading"],
[data-state="error"],
[data-state="stale"],
[data-state="offline"] {
  border-radius: 0.75rem;
  line-height: 1.45;
}

.app-alert:not(:empty),
.form-message:not(:empty),
.auth-status:not(:empty) {
  padding: 0.65rem 0.8rem;
}

.app-alert:not(:empty),
.form-message:not(:empty),
.loading-state,
[data-state="loading"] {
  border: 1px solid color-mix(in srgb, var(--aevro-blue, #2563ff) 22%, var(--border, var(--panel-border)));
  background: color-mix(in srgb, var(--aevro-blue, #2563ff) 6%, var(--panel-bg, transparent));
}

.app-alert.danger,
.error-state,
[data-state="error"] {
  border: 1px solid color-mix(in srgb, #dc2626 42%, var(--border, var(--panel-border)));
  background: color-mix(in srgb, #dc2626 7%, var(--panel-bg, transparent));
}

.stale-state,
.offline-state,
[data-state="stale"],
[data-state="offline"] {
  border: 1px solid color-mix(in srgb, #d97706 32%, var(--border, var(--panel-border)));
  background: color-mix(in srgb, #d97706 6%, var(--panel-bg, transparent));
}

.empty-state,
[data-state="empty"] {
  border: 1px dashed color-mix(in srgb, var(--border, var(--panel-border)) 82%, transparent);
  background: color-mix(in srgb, var(--panel-bg, var(--surface)) 72%, transparent);
}

button:disabled,
[aria-disabled="true"],
[aria-busy="true"] {
  cursor: progress;
  opacity: 0.62;
}

button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--aevro-blue, #2563ff) 48%, transparent);
  outline-offset: 2px;
}

/* iPhone-first interaction sizing and sheet behavior. */
@media (max-width: 780px) {
  .topbar-actions button,
  .mobile-nav-button,
  #quick-form[data-aevro-gate5="true"] button,
  #quick-form[data-aevro-gate5="true"] input,
  #quick-form[data-aevro-gate5="true"] select,
  #quick-form[data-aevro-gate5="true"] summary {
    min-height: 44px;
  }

  .mobile-nav-button {
    min-width: 44px;
  }

  #quick-modal.aevro-quick-capture {
    align-items: flex-end;
  }

  #quick-modal.aevro-quick-capture .modal-panel {
    width: 100%;
    max-width: none;
    max-height: calc(100dvh - max(0.75rem, env(safe-area-inset-top)));
    margin: auto 0 0;
    border-radius: 1.2rem 1.2rem 0 0;
    padding-bottom: calc(1rem + env(safe-area-inset-bottom));
  }

  #quick-form[data-aevro-gate5="true"] .quick-primary input {
    min-height: 3.75rem;
    font-size: 16px;
  }

  #quick-form[data-aevro-gate5="true"] .form-actions {
    position: sticky;
    bottom: 0;
    padding-top: 0.5rem;
    padding-bottom: max(0.15rem, env(safe-area-inset-bottom));
    background: var(--panel-bg, var(--surface));
  }
}

@media (prefers-reduced-motion: reduce) {
  #quick-modal.aevro-quick-capture *,
  .app-alert,
  .form-message {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}