/* CITY PIXELS STEP 163F-3
   Restore four-theme colors to the map-page City Bookshelf profile only.
   No geometry, sizing, or positioning rules are included here. */

#map.city-pixel-stage .stage-live-profile{
  border-color:rgba(var(--cp-primary-rgb),.52)!important;
  background:
    radial-gradient(
      circle at 92% 10%,
      rgba(var(--cp-secondary-rgb),.14),
      transparent 34%
    ),
    radial-gradient(
      circle at 8% 88%,
      rgba(var(--cp-primary-rgb),.08),
      transparent 38%
    ),
    linear-gradient(
      180deg,
      var(--cp-neutral-surface-strong),
      rgba(var(--cp-surface-rgb),.94)
    )!important;
  box-shadow:
    0 20px 48px rgba(0,0,0,.38),
    0 0 28px rgba(var(--cp-primary-rgb),.12)!important;
}

#map.city-pixel-stage .stage-live-profile::before{
  background:
    linear-gradient(
      180deg,
      var(--cyan),
      var(--yellow)
    )!important;
}

#map.city-pixel-stage .stage-live-profile .profile-header,
#map.city-pixel-stage .stage-live-profile .profile-section{
  border-color:var(--line)!important;
}

#map.city-pixel-stage .stage-live-profile :is(
  #profileStatus,
  .profile-expand-btn
){
  border-color:rgba(var(--cp-secondary-rgb),.62)!important;
  background:rgba(var(--cp-secondary-rgb),.11)!important;
  color:var(--yellow)!important;
  box-shadow:
    0 0 16px rgba(var(--cp-secondary-rgb),.13),
    inset 0 0 10px rgba(var(--cp-secondary-rgb),.05)!important;
}

#map.city-pixel-stage .stage-live-profile :is(
  #profileStatus,
  .profile-expand-btn
):is(:hover,:focus-visible){
  border-color:var(--yellow)!important;
  background:rgba(var(--cp-secondary-rgb),.19)!important;
  color:var(--ink)!important;
}

#map.city-pixel-stage .stage-live-profile :is(
  .profile-kicker,
  .profile-section-kicker
){
  color:var(--cyan)!important;
}

#map.city-pixel-stage .stage-live-profile :is(
  .city-thread-loading,
  .city-thread-empty,
  .city-thread-error,
  .city-thread-card,
  .details-meta div,
  .profile-note
){
  border-color:var(--line)!important;
  background:var(--cp-neutral-surface-soft)!important;
  color:var(--muted)!important;
}

#map.city-pixel-stage .stage-live-profile .details-meta strong,
#map.city-pixel-stage .stage-live-profile .details-meta b{
  color:var(--ink)!important;
}

#map.city-pixel-stage .stage-live-profile :is(
  #profileClaim,
  .profile-primary-action
){
  border-color:transparent!important;
  background:var(--cp-primary-gradient)!important;
  color:var(--cp-primary-text)!important;
}

#map.city-pixel-stage .stage-live-profile :is(
  #profileCopy,
  .profile-secondary-action
){
  border-color:var(--line)!important;
  background:var(--cp-control-background)!important;
  color:var(--ink)!important;
}

#map.city-pixel-stage .stage-live-profile :is(
  #profileCopy,
  .profile-secondary-action
):is(:hover,:focus-visible){
  border-color:var(--cyan)!important;
  background:rgba(var(--cp-primary-rgb),.10)!important;
}