/* The toggle mirrors the drawer: the pane contracts while the frame stays still. */
.patient-directory-toggle { color: var(--navy); }
.patient-directory-toggle .directory-icon-pane { fill: var(--lilac); transform-origin: 3px 12px; }
.patient-directory-toggle .directory-icon-chevron { transform-origin: 15px 12px; }
.patient-directory-toggle[aria-expanded="false"] .directory-icon-pane { transform: scaleX(.5); }
.patient-directory-toggle[aria-expanded="false"] .directory-icon-divider { transform: translateX(-3.5px); }
.patient-directory-toggle[aria-expanded="false"] .directory-icon-chevron { transform: rotate(180deg); }
.patient-directory-toggle:active .patient-directory-toggle-icon { scale: .92; }
@media (hover: hover) and (pointer: fine) {
  .patient-directory-toggle:hover { border-color: var(--periwinkle); }
}

@media (min-width: 901px) {
  .patient-detail-layout:not(.clinical-review-layout) { --directory-motion-duration: 360ms; --directory-motion-ease: cubic-bezier(.16, 1, .3, 1); }
  .patient-detail-layout:not(.clinical-review-layout).is-directory-collapsed { --directory-motion-duration: 240ms; }
  .patient-detail-layout:not(.clinical-review-layout) .patient-sidebar { width: var(--patient-directory-width); clip-path: inset(0); transform: translateX(0); }
  .patient-detail-layout:not(.clinical-review-layout).is-directory-collapsed .patient-sidebar { clip-path: inset(0 100% 0 0); transform: translateX(-24px); }
  .patient-detail-layout:not(.clinical-review-layout):not([data-directory-ready]) .patient-sidebar { transition: none; }
  @media (prefers-reduced-motion: no-preference) {
    .patient-detail-layout:not(.clinical-review-layout)[data-directory-ready] { transition: grid-template-columns var(--directory-motion-duration) var(--directory-motion-ease); }
    .patient-detail-layout:not(.clinical-review-layout)[data-directory-ready] .patient-sidebar { transition: clip-path var(--directory-motion-duration) var(--directory-motion-ease), transform var(--directory-motion-duration) var(--directory-motion-ease), opacity 180ms ease-out, visibility 0s; }
    .patient-detail-layout:not(.clinical-review-layout)[data-directory-ready].is-directory-collapsed .patient-sidebar { transition: clip-path var(--directory-motion-duration) var(--directory-motion-ease), transform var(--directory-motion-duration) var(--directory-motion-ease), opacity 180ms ease-out, visibility 0s var(--directory-motion-duration); }
    .patient-detail-layout:not(.clinical-review-layout)[data-directory-ready] .patient-directory-content { transition: padding-left var(--directory-motion-duration) var(--directory-motion-ease); }
    .patient-detail-layout:not(.clinical-review-layout)[data-directory-ready] .patient-directory-toggle { transition: left var(--directory-motion-duration) var(--directory-motion-ease), transform var(--directory-motion-duration) var(--directory-motion-ease), color 140ms ease-out, background-color 140ms ease-out, border-color 140ms ease-out; }
  }
}
@media (prefers-reduced-motion: no-preference) {
  [data-directory-ready] .patient-directory-toggle :is(.directory-icon-pane, .directory-icon-divider, .directory-icon-chevron) { transition: transform 300ms cubic-bezier(.16, 1, .3, 1); }
  .patient-directory-toggle-icon { transition: scale 120ms ease-out; }
}
@media (prefers-reduced-motion: reduce) {
  .patient-directory-toggle { transition: color 100ms linear, background-color 100ms linear; }
  .patient-directory-toggle:active .patient-directory-toggle-icon { scale: 1; }
}