/* Livel Studio: conservative agenda finish, reviewed with Claude.
   Do not redefine floor/status tokens or reorder existing controls. */

.nav {
  box-shadow: 0 2px 12px rgba(61, 21, 64, .13);
}

#view-agenda-crm .crm-timeline,
#view-agenda-crm .crm-card {
  box-shadow: 0 2px 9px rgba(42, 38, 34, .035);
}

#view-agenda-crm .crm-booking {
  box-shadow: none;
}

#view-agenda-crm .crm-booking-name {
  letter-spacing: -.12px;
}

#view-agenda-crm .crm-status {
  font-size: 10px;
}

@media (min-width: 781px) {
  #view-agenda-crm .crm-week-viewport {
    padding: 12px 16px 14px;
  }
}

.crm-modal-ov {
  background: rgba(32, 22, 34, .43);
  align-items: center;
  align-items: safe center;
  overflow-y: auto;
  overscroll-behavior: contain;
}

@supports (backdrop-filter: blur(4px)) {
  .crm-modal-ov {
    backdrop-filter: blur(4px);
  }
}

.crm-modal {
  background: #fff;
  box-shadow: 0 24px 70px rgba(32, 22, 34, .22);
  max-height: calc(100vh - 40px);
  max-height: calc(100dvh - 40px);
  overscroll-behavior: contain;
}

.crm-modal .crm-field label {
  font-size: 11px;
  letter-spacing: .055em;
}

.crm-modal .crm-field-help {
  font-size: 11px;
  color: var(--txt2);
}

.crm-modal .crm-modal-sub {
  font-size: 13px;
  line-height: 1.55;
}

.crm-modal .crm-field input,
.crm-modal .crm-field select,
.crm-modal .crm-field textarea {
  font-size: 14px;
  line-height: 1.5;
}

.crm-modal .crm-field textarea {
  padding: 10px 11px;
}

.crm-modal .crm-platform small {
  font-size: 9px;
}

.crm-modal .crm-platform-status {
  font-size: 10px;
}

.crm-modal .crm-modal-actions {
  background: #fff;
}

@media (max-width: 780px) {
  .crm-modal .crm-field input,
  .crm-modal .crm-field select,
  .crm-modal .crm-field textarea {
    font-size: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .crm-modal-ov {
    backdrop-filter: none;
  }
}