/* Both lists use the existing right-hand panel. */
#petPendingCheckout .pet-visit-switch {
    display: flex; align-items: center; gap: 4px; height: 25px;
}
#petPendingCheckout .pet-visit-switch button {
    height: 23px; min-width: 0; padding: 1px 7px; font: inherit;
    border: 1px solid #7b929e; color: #183449; background: #f4f8f6;
    cursor: pointer; white-space: nowrap;
}
#petPendingCheckout .pet-visit-switch button[aria-pressed="true"] {
    background: #407797; color: #fff; border-color: #407797;
}
#petPendingCheckout .pet-visit-switch button:focus-visible {
    outline: 2px solid #d59a22; outline-offset: 1px;
}
#petPendingCheckout .pet-visit-pane { height: 148px; }
#petPendingCheckout .pet-visit-pane[hidden] { display: none !important; }
#petTemporaryPane .daily-table th:nth-child(1) { width: 50%; }
#petTemporaryPane .daily-table th:nth-child(2) { width: 50%; }
#petTemporaryTable .empty-cell,#petTemporaryTable .error-cell { white-space: normal; }
#petTemporaryTable .selected-temporary td { background: #fff1be; }
#petTemporaryTable .selectable-pet-row { cursor: pointer; }

/* top5-nodate-r1: the containing window has 8px of top padding.
 * -3px places this whole panel 5px below its inner top border. */
.pet-window .top-area > #petPendingCheckout {
    top: -3px;
    bottom: auto;
    height: 221px;
}
#petCheckoutPane .daily-table th:nth-child(1) { width: 20%; }
#petCheckoutPane .daily-table th:nth-child(2) { width: 15%; }
#petCheckoutPane .daily-table th:nth-child(3) { width: 45%; }
#petCheckoutPane .daily-table th:nth-child(4) { width: 20%; }