/* BuildingLI Workline motif — shared application identity for every role. */
:where(.bli-booking-shell,.bli-app,.bli-ops-wrap){
  --bli-motif-navy:#0b3553;
  --bli-motif-navy-dark:#06243a;
  --bli-motif-gold:#d7a23a;
  --bli-motif-gold-soft:#fff8e7;
  --bli-motif-blue:#2e6f9d;
  --bli-motif-green:#18783f;
  --bli-motif-ink:#172b3a;
  --bli-motif-muted:#5d6d78;
  --bli-motif-line:#d6e0e5;
  --bli-motif-surface:#fff;
  --bli-motif-canvas:#f2f5f6;
  --bli-motif-radius:16px;
}

.bli-app-mark{
  position:relative;
  display:inline-block;
  flex:0 0 36px;
  width:36px;
  height:36px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:11px;
  background:linear-gradient(145deg,var(--bli-motif-navy),var(--bli-motif-navy-dark));
  box-shadow:inset 0 -3px 0 var(--bli-motif-gold),0 5px 14px rgba(6,36,58,.14);
  overflow:hidden;
}
.bli-app-mark:before{
  content:"";
  position:absolute;
  left:8px;
  bottom:8px;
  width:4px;
  height:8px;
  border-radius:2px 2px 0 0;
  background:#fff;
  box-shadow:7px -5px 0 #fff,14px -10px 0 var(--bli-motif-gold);
}
.bli-app-mark:after{
  content:"";
  position:absolute;
  left:6px;
  right:6px;
  bottom:6px;
  height:2px;
  border-radius:999px;
  background:var(--bli-motif-gold);
}

.bli-product-id{display:flex;align-items:center;gap:10px;min-width:0}
.bli-product-id-copy{display:flex;flex-direction:column;min-width:0}
.bli-product-id-copy>strong{color:var(--bli-motif-navy);font-weight:900;letter-spacing:-.015em}
.bli-product-id-copy>span,.bli-product-id-copy>small{color:var(--bli-motif-muted);font-size:11px;font-weight:720;line-height:1.25}

@media(forced-colors:active){
  .bli-app-mark{border:2px solid CanvasText;background:Canvas;box-shadow:none}
  .bli-app-mark:before,.bli-app-mark:after{background:CanvasText;box-shadow:7px -5px 0 CanvasText,14px -10px 0 CanvasText}
}
@media(prefers-reduced-motion:reduce){.bli-app-mark{transition:none}}