/* The desktop strip hangs under the crumb row, which the widget measures; 62px is the header line the decks draw. */
.ahr-assistant-slide-out {
  top: var(--ahr-assistant-top, 62px);
  width: 385px;
  right: var(--ahr-assistant-right, 0px);
  max-width: var(--ahr-assistant-max, 100vw);
  border-left: 1px solid var(--line);
  box-shadow: var(--panel-lift, 0 16px 44px rgba(31, 26, 20, 0.32));
}

/* Both widths draw the assistant deck frame's panel and header. */
#akashic-health-records-patient-portal-root .ahr-assistant-panel {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 17px 18px;
  background: var(--surface);
  color: var(--ink);
}

#akashic-health-records-patient-portal-root .ahr-assistant-head {
  display: flex;
  flex: none;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

#akashic-health-records-patient-portal-root .ahr-assistant-close {
  display: grid;
  flex: none;
  place-items: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--ink-muted);
}

#akashic-health-records-patient-portal-root .ahr-assistant-sub {
  margin: 2px 0 0;
  font-size: var(--ak-font-12);
  color: var(--ink-muted);
}

/* The patient mount grows the close button to its 44px touch floor; the pull keeps the X on the title's line. */
#akashic-health-records-patient-portal-root[data-akashic-mount="frontend"] .ahr-assistant-close {
  margin: -9px -9px 0 0;
}