/**
 * PULSE GENERIC — styles/identity-frame.css
 *
 * ACCOMMODATION LAYER, NOT A MODIFICATION.
 * The BT identity frame is a shared implementation used by every BT
 * application: one script tag, nothing copied, nothing edited. It draws a fixed
 * rainbow border, an eagle stamp at the top-left, and a credits strip beside it.
 *
 * Those elements sit above the page. This file is PULSE GENERIC moving out of
 * their way — it changes nothing in the frame and nothing in the application's
 * own layout when the frame is absent. Every rule below is scoped to
 * `body.bt-identity-frame-active`, the class the frame itself sets.
 *
 * The stamp is positioned physically (left), not logically, so the offsets here
 * are physical too: in Hebrew RTL the eagle still sits on the left.
 */

/* The frame pads the body by 10px; keep the sticky header inside the border. */
body.bt-identity-frame-active .shell-head { top: 10px; }

/* Clear the eagle stamp: 22px offset + 78px stamp. */
body.bt-identity-frame-active .brand {
  padding-left: 104px;
  min-height: 84px;
  align-items: center;
}

/* On a wide screen also clear the credits strip, so it never covers the brand. */
@media (min-width: 1000px) {
  body.bt-identity-frame-active .brand { padding-left: 360px; }
}

/* Small screens: the frame shrinks its own furniture, so this shrinks with it. */
@media (max-width: 700px) {
  body.bt-identity-frame-active .brand { padding-left: 80px; min-height: 62px; }
}

/* The catalog's sticky offsets follow the taller header. */
body.bt-identity-frame-active .catalog-table thead th { top: 190px; }
body.bt-identity-frame-active .catalog-side { top: 222px; }

@media (max-width: 700px) {
  body.bt-identity-frame-active .catalog-table thead th { top: 0; }
  body.bt-identity-frame-active .catalog-side { position: static; }
}

/* The record bubble must sit above the frame's furniture, not under it. */
body.bt-identity-frame-active .bubble-overlay { z-index: 10002; }
body.bt-identity-frame-active .toast { z-index: 10002; }