/* Portal handle geometry and Calendar Directory skin, shared without record logic. */
.left-directory-layout { position: relative; display: flex; align-items: stretch; gap: 24px; min-width: 0; min-height: 0; }
.left-directory-content { flex: 1 1 0; min-width: 0; min-height: 0; }
.left-directory-layout > .left-directory-drawer { position: relative; inset: auto; flex: 0 0 280px; width: 280px; min-width: 0; z-index: 45; align-self: flex-start; }
.left-directory-layout > .left-directory-drawer[data-expanded="false"] { flex-basis: 32px; width: 32px; }
.left-directory-drawer .left-directory-panel { width: 100%; height: var(--left-directory-height, calc(100dvh - 170px)); max-height: none; border-color: #d6d8da; }
.left-directory-panel[hidden] { display: none; }
.left-directory-panel .business-calendars-directory__header { flex-basis: 32px; padding: 4px 10px; border-bottom-color: #d6d8da; }
.left-directory-panel .business-calendars-directory__header h2 { white-space: normal; overflow: visible; }
.left-directory-panel .business-calendars-directory__body { flex: 0 1 auto; padding-block: 10px 12px; overscroll-behavior-y: contain; }
.left-directory-panel .business-calendars-directory__builder { flex: 0 0 auto; margin: 0; min-height: 32px; border-color: #d6d8da; }
.left-directory-panel .business-calendars-directory__item.is-active .business-calendars-directory__count { color: #fff; background: #111; }
.left-directory-drawer .left-directory-handle { position: absolute; top: 40px; left: calc(100% - 1px); margin: 0; }
.left-directory-drawer[data-expanded="false"] .left-directory-handle { left: 0; top: 0; }
.left-directory-handle button { display: grid; place-items: center; width: 24px; height: 30px; padding: 0; background: #fff; border: 1px solid #d6d8da; border-radius: 0 9px 9px 0; }
.left-directory-handle__label { display: none; }
.left-directory-handle__chevron { display: grid; width: 100%; height: 100%; place-items: center; }
.left-directory-handle button[aria-expanded="false"] { display: flex; align-items: center; width: 53px; height: 125px; background: transparent; border: 0; border-radius: 0; }
.left-directory-handle button[aria-expanded="false"] .left-directory-handle__label { display: grid; width: 31px; height: 125px; place-items: center; flex: 0 0 31px; font-size: 9px; line-height: 1; white-space: nowrap; background: #fff; border: 1px solid #d6d8da; border-radius: 8px; }
.left-directory-handle__label > span { writing-mode: vertical-rl; transform: rotate(180deg); }
.left-directory-handle button[aria-expanded="false"] .left-directory-handle__chevron { width: 23px; height: 30px; margin-left: -1px; background: #fff; border: 1px solid #d6d8da; border-radius: 0 8px 8px 0; }
.left-directory-handle button:hover, .left-directory-handle button:hover > span { background: var(--blue); }
.left-directory-handle .icon { width: 8px; height: 8px; transform: rotate(90deg); }
.left-directory-handle button[aria-expanded="false"] .icon { transform: rotate(-90deg); }
.left-directory-drawer :focus-visible { outline: 2px solid #1676a6; outline-offset: -2px; }
.left-directory-panel .business-calendars-directory__item[aria-disabled="true"] { cursor: not-allowed; }
.left-directory-panel .business-calendars-directory__item[aria-disabled="true"]:hover { background: transparent; }
.left-directory-note { margin: 10px 17px; color: #66717a; font-size: 10px; }
@media (max-width: 700px) {
  .left-directory-layout { padding-left: 56px; gap: 0; }
  .left-directory-layout > .left-directory-drawer { position: absolute; left: 0; top: 0; width: min(280px, calc(100% - 24px)); }
  .left-directory-layout > .left-directory-drawer[data-expanded="false"] { width: 32px; }
}