/* PiCats Home: an inner keyline separated from the cornflower edge.
   The shadows are inside the existing button box; they do not change layout. */
:root {
  --pc-control-edge: #3866bc;
  --pc-control-edge-active: #2953a5;
  --pc-control-keyline: #96b4ec;
  --pc-control-gap: #fff;
}
@media screen {
  :is(
    #homeHeader .home-primary-nav > .tab.active,
    #homeHeader .home-menu-trigger,
    #planningPageHost :is(.planning-nav-main,.planning-search-bar) > button,
    #staffLayout :is(.planner-toolbar .toolbar-buttons,.staff-planning-search) > button,
    #bookingFlow :is(.booking-stage-actions,.booking-detail-tiles,.payment-actions,.modal-actions) button,
    #bookingFlow .booking-detail-more,
    #tab-settings .settings-menu-btn:not(.active),
    .ci-shell .actions > button
  ):not(:disabled):not([aria-disabled="true"]):not(.primary):not(.stage-current):not(.danger):not(.danger-lite) {
    border-color: var(--pc-control-edge);
    box-shadow: inset 0 0 0 1px var(--pc-control-edge),
                inset 0 0 0 2px var(--pc-control-gap),
                inset 0 0 0 3px var(--pc-control-keyline);
  }
  :is(
    #homeHeader .home-primary-nav > .tab.active,
    #homeHeader .home-menu-trigger,
    #planningPageHost :is(.planning-nav-main,.planning-search-bar) > button,
    #staffLayout :is(.planner-toolbar .toolbar-buttons,.staff-planning-search) > button,
    #bookingFlow :is(.booking-stage-actions,.booking-detail-tiles,.payment-actions,.modal-actions) button,
    #bookingFlow .booking-detail-more,
    #tab-settings .settings-menu-btn:not(.active),
    .ci-shell .actions > button
  ):is(:hover,:focus-visible,.active,[aria-current="page"],[aria-expanded="true"]):not(:disabled):not([aria-disabled="true"]):not(.primary):not(.stage-current):not(.danger):not(.danger-lite) {
    --pc-control-edge: var(--pc-control-edge-active);
    --pc-control-gap: #eef4ff;
  }
  @media (forced-colors: active) {
    :is(
      #homeHeader .home-primary-nav > .tab.active,
      #homeHeader .home-menu-trigger,
      #planningPageHost :is(.planning-nav-main,.planning-search-bar) > button,
      #staffLayout :is(.planner-toolbar .toolbar-buttons,.staff-planning-search) > button,
      #bookingFlow .booking-stage-actions button,
      #tab-settings .settings-menu-btn:not(.active)
    ):not(:disabled) {
      border-color: ButtonText;
      box-shadow: none;
    }
  }
}