/**
 * PromXAI Canonical Left Rail — 2.0.21-test253
 * DARK is the single source of truth.
 * LIGHT changes palette tokens only — never geometry, order, icon sizing,
 * active-state structure, language behavior, or animation.
 */

@media (min-width:900px){
  /* test324 — one physical brand slot for every desktop rail owner.
   * Workspace and public rails now share exactly the same logo geometry.
   * This intentionally resets legacy per-page transforms/scales. */
  .px-canonical-rail-brand{
    box-sizing:border-box !important;
    width:100% !important;
    min-width:0 !important;
    height:58px !important;
    min-height:58px !important;
    max-height:58px !important;
    flex:0 0 58px !important;
    padding:6px 5px 9px !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
  }
  /* test327 — canonical brand has exactly ONE visible theme logo.
   * test324 accidentally forced both .px-theme-logo wrappers to display:flex,
   * overriding the global dark/light visibility contract and rendering two
   * wordmarks side-by-side inside the same 206px rail. Keep the shared slot,
   * but let the slot itself own selection and geometry. */
  .px-canonical-rail-brand .px-brand__logos{
    position:relative !important;
    width:148px !important;
    min-width:148px !important;
    max-width:148px !important;
    height:35px !important;
    min-height:35px !important;
    max-height:35px !important;
    margin:0 auto !important;
    padding:0 !important;
    display:grid !important;
    place-items:center !important;
    transform:none !important;
    scale:1 !important;
    rotate:0deg !important;
    translate:10px 0 !important;
    transform-origin:center !important;
    overflow:visible !important;
  }
  .px-canonical-rail-brand .px-theme-logo{
    grid-area:1 / 1 !important;
    width:148px !important;
    min-width:148px !important;
    max-width:148px !important;
    height:35px !important;
    min-height:35px !important;
    max-height:35px !important;
    margin:0 !important;
    padding:0 !important;
    display:none !important;
    align-items:center !important;
    justify-content:center !important;
    transform:none !important;
    scale:1 !important;
    rotate:0deg !important;
    translate:none !important;
    transform-origin:center !important;
  }
  html[data-theme="dark"] .px-canonical-rail-brand .px-theme-logo--dark,
  html:not([data-theme]) .px-canonical-rail-brand .px-theme-logo--dark{display:flex !important;}
  html[data-theme="light"] .px-canonical-rail-brand .px-theme-logo--light{display:flex !important;}
  html[data-theme="dark"] .px-canonical-rail-brand .px-theme-logo--light,
  html[data-theme="light"] .px-canonical-rail-brand .px-theme-logo--dark{display:none !important;}
  .px-canonical-rail-brand .px-compact-logo{display:none !important;}
  .px-canonical-rail-brand :is(.px-theme-logo-image,.px-theme-logo-image--dark,.px-theme-logo-image--light){
    width:148px !important;
    min-width:148px !important;
    max-width:148px !important;
    height:35px !important;
    min-height:35px !important;
    max-height:35px !important;
    margin:0 !important;
    object-fit:contain !important;
    object-position:center !important;
    transform-origin:center !important;
  }
  .px-canonical-rail-brand .px-theme-logo-image--dark{transform:none !important;}
  .px-canonical-rail-brand .px-theme-logo-image--light{transform:scale(var(--px-light-logo-match,1.58)) !important;}

  /* The rail is reused outside .px-account-v3 (Studio/PRO/Explain/etc.).
   * Own the box model here so page ancestry can never change its physical
   * width, height, icon slots, or text-to-icon spacing. */
  .px-account-v3__rail,
  .px-account-v3__rail *{
    box-sizing:border-box !important;
  }
  /* Buttons lived under .px-account-v3 on Account, but not on Studio.
   * The canonical rail therefore owns control typography too. */
  .px-account-v3__rail :is(button,input,select){
    font:inherit !important;
  }

  .px-account-v3__rail{
    --px-workspace-rail-width:206px;
    --px-workspace-rail-pad-x:9px;
    --px-workspace-rail-pad-top:7px;
    --px-workspace-rail-pad-bottom:6px;
    --px-rail-row-h:48px;
    --px-rail-icon:36px;
    --px-rail-radius:15px;
    --px-rail-ease:cubic-bezier(.2,.7,.2,1);

    /* Dark base tokens */
    --px-rail-bg-a:#101d3d;
    --px-rail-bg-b:#0b1732;
    --px-rail-border:rgb(144 174 230 / .14);
    --px-rail-shadow:inset 0 1px 0 rgb(255 255 255 / .035),0 20px 42px rgb(0 8 28 / .14);
    --px-rail-text:#edf4ff;
    --px-rail-muted:#dbe7f8;
    --px-rail-row-a:rgb(255 255 255 / .055);
    --px-rail-row-b:rgb(255 255 255 / .020);
    --px-rail-row-border:rgb(142 166 226 / .22);
    --px-rail-row-shadow:inset 0 1px 0 rgb(255 255 255 / .045);
    --px-rail-active-a:rgb(112 83 229 / .14);
    --px-rail-active-b:rgb(255 255 255 / .035);
    --px-rail-active-border:rgb(151 111 247 / .58);
    --px-rail-card-a:rgb(255 255 255 / .055);
    --px-rail-card-b:rgb(255 255 255 / .018);
    --px-rail-card-border:rgb(130 166 225 / .13);
    --px-rail-separator:rgb(130 166 225 / .20);
    --px-rail-cta:linear-gradient(135deg,#1aa9ed 0%,#5968ee 53%,#ad55dc 100%);
    --px-rail-purple:linear-gradient(135deg,#5e5ce6 0%,#7a57e8 55%,#a95fd4 100%);

    width:var(--px-workspace-rail-width) !important;
    min-width:var(--px-workspace-rail-width) !important;
    padding:var(--px-workspace-rail-pad-top) var(--px-workspace-rail-pad-x) var(--px-workspace-rail-pad-bottom) !important;
    color:var(--px-rail-text) !important;
    border:1px solid var(--px-rail-border) !important;
    border-radius:0 22px 22px 0 !important;
    background:linear-gradient(180deg,var(--px-rail-bg-a),var(--px-rail-bg-b)) !important;
    box-shadow:var(--px-rail-shadow) !important;
  }

  /* Light = palette translation of the same dark component. */
  html[data-theme="light"] .px-account-v3__rail,
  html:not([data-theme]) .px-account-v3__rail{
    --px-rail-bg-a:#ffffff;
    --px-rail-bg-b:#f3f7fc;
    --px-rail-border:rgb(55 79 116 / .14);
    --px-rail-shadow:inset 0 1px 0 #fff,0 18px 38px rgb(44 70 112 / .08);
    --px-rail-text:#173653;
    --px-rail-muted:#31587d;
    --px-rail-row-a:#eaf3fb;
    --px-rail-row-b:#f1eafa;
    --px-rail-row-border:rgb(73 101 148 / .22);
    --px-rail-row-shadow:inset 0 1px 0 #fff,0 3px 10px rgb(45 70 110 / .05);
    --px-rail-active-a:#e7f1fb;
    --px-rail-active-b:#eee6fb;
    --px-rail-active-border:rgb(120 83 225 / .48);
    --px-rail-card-a:#ffffff;
    --px-rail-card-b:#eaf1f8;
    --px-rail-card-border:rgb(58 85 124 / .15);
    --px-rail-separator:rgb(53 77 111 / .20);
  }

  .px-account-v3__rail-brand{
    flex:0 0 58px !important;width:100% !important;height:58px !important;min-height:58px !important;
    padding:6px 5px 9px !important;display:flex !important;align-items:center !important;justify-content:center !important;
    border-bottom:1px solid var(--px-rail-card-border) !important;
  }
  .px-account-v3__rail-brand :is(.px-brand__logos,.px-theme-logo){
    width:148px !important;max-width:148px !important;height:35px !important;min-height:35px !important;margin-inline:auto !important;
  }
  /* The uploaded wordmark has a small transparent optical bias on its right
   * side. Keep the physical brand slot centered, then nudge only the rendered
   * artwork so its visible mark + wordmark center matches the rail rows. */
  /* Brand optical X correction is owned once by .px-canonical-rail-brand above. */
  .px-account-v3__rail-brand :is(.px-theme-logo-image,.px-theme-logo-image--dark,.px-theme-logo-image--light){
    width:148px !important;max-width:148px !important;height:35px !important;max-height:35px !important;
    object-fit:contain !important;object-position:center !important;transform-origin:center !important;
  }
  .px-account-v3__rail-brand .px-theme-logo-image--dark{transform:none !important;}
  .px-account-v3__rail-brand .px-theme-logo-image--light{transform:scale(var(--px-light-logo-match,1.58)) !important;}

  .px-account-v3__rail .px-lang-en{display:none !important;}
  html[data-ui-lang="en"] .px-account-v3__rail .px-lang-ar{display:none !important;}
  html[data-ui-lang="en"] .px-account-v3__rail .px-lang-en{display:inline !important;}
  html:not([data-ui-lang="en"]) .px-account-v3__rail .px-lang-ar,
  html[data-ui-lang="ar"] .px-account-v3__rail .px-lang-ar{display:inline !important;}

  .px-workspace-rail-nav{
    --px-rail-row-min:34px;
    margin-top:7px !important;display:flex !important;flex-direction:column !important;gap:clamp(2px,.62dvh,5px) !important;
    flex:1 1 auto !important;min-height:0 !important;overflow:hidden !important;
  }
  .px-workspace-rail-nav .px-workspace-rail-nav__item{
    width:100% !important;height:auto !important;min-height:var(--px-rail-row-min) !important;max-height:var(--px-rail-row-h) !important;
    flex:1 1 var(--px-rail-row-h) !important;
    margin:0 !important;padding:6px 8px !important;box-sizing:border-box !important;
    border:1px solid var(--px-rail-row-border) !important;border-radius:var(--px-rail-radius) !important;
    display:grid !important;grid-template-columns:var(--px-rail-icon) minmax(0,1fr) 14px !important;gap:8px !important;align-items:center !important;
    color:var(--px-rail-text) !important;background:linear-gradient(145deg,var(--px-rail-row-a),var(--px-rail-row-b)) !important;
    box-shadow:var(--px-rail-row-shadow) !important;text-decoration:none !important;opacity:1 !important;filter:none !important;
    transform:none !important;animation:none !important;
    transition:transform .16s var(--px-rail-ease),border-color .16s ease,box-shadow .16s ease !important;
  }
  .px-workspace-rail-nav button.px-workspace-rail-nav__item{font:inherit !important;cursor:pointer !important;text-align:inherit !important;}

  .px-workspace-rail-nav .px-workspace-rail-nav__item.is-active,
  .px-workspace-rail-nav .px-workspace-rail-nav__contact[aria-expanded="true"]{
    color:#fff !important;border-color:rgb(185 160 255 / .58) !important;background:var(--px-rail-cta) !important;
    box-shadow:0 8px 20px rgb(65 73 206 / .16),inset 0 1px 0 rgb(255 255 255 / .22) !important;
  }
  .px-workspace-rail-nav .px-account-v3__request-icon{
    width:var(--px-rail-icon) !important;height:var(--px-rail-icon) !important;min-width:var(--px-rail-icon) !important;min-height:var(--px-rail-icon) !important;
    padding:0 !important;margin:0 !important;border:1px solid rgb(196 174 255 / .42) !important;border-radius:11px !important;
    display:grid !important;place-items:center !important;color:#fff !important;background-color:#7657e7 !important;background-image:var(--px-rail-purple) !important;
    box-shadow:0 6px 14px rgb(91 69 220 / .17),inset 0 1px 0 rgb(255 255 255 / .22) !important;
    opacity:1 !important;overflow:hidden !important;transform:none !important;animation:none !important;
  }
  .px-workspace-rail-nav .px-account-v3__request-icon :is(.px-icon,svg){width:18px !important;height:18px !important;min-width:18px !important;min-height:18px !important;color:#fff !important;opacity:1 !important;}
  .px-workspace-rail-nav strong{color:inherit !important;opacity:1 !important;font-size:10.5px !important;font-weight:850 !important;line-height:1.1 !important;text-shadow:none !important;}
  .px-workspace-rail-nav .px-account-v3__request-arrow{width:14px !important;display:grid !important;place-items:center !important;color:inherit !important;opacity:.82 !important;}
  .px-workspace-rail-nav .px-workspace-rail-nav__item:is(:hover,:focus-visible){transform:translateY(-1px) scale(1.006) !important;border-color:rgb(181 157 255 / .50) !important;}

  .px-workspace-rail-nav .px-workspace-rail-nav__favorite-row{grid-template-columns:var(--px-rail-icon) minmax(0,1fr) auto 14px !important;}
  .px-workspace-rail-nav__favorite-count-slot{position:static !important;min-width:30px !important;max-width:58px !important;height:22px !important;padding:0 2px !important;margin:0 2px !important;display:flex !important;align-items:center !important;justify-content:center !important;pointer-events:none !important;}
  .px-workspace-rail-nav__count{position:static !important;min-width:25px !important;max-width:54px !important;height:20px !important;padding:0 7px !important;border:1px solid rgb(139 210 255 / .34) !important;border-radius:999px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;background:var(--px-rail-cta) !important;color:#fff !important;font-size:8px !important;font-weight:900 !important;line-height:1 !important;font-style:normal !important;font-variant-numeric:tabular-nums !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}

  .px-workspace-rail-bottom{margin-top:8px !important;padding-top:0 !important;flex:0 0 auto !important;width:100% !important;min-width:0 !important;}
  .px-workspace-rail-bottom .px-account-v3__info-grid--trio{width:100% !important;min-width:0 !important;margin:0 !important;display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:7px !important;align-items:stretch !important;direction:ltr !important;}
  .px-workspace-rail-bottom .px-account-v3__info-launcher--about{grid-column:1 !important;}
  .px-workspace-rail-bottom .px-account-v3__info-launcher--pro{grid-column:2 !important;}
  .px-workspace-rail-bottom .px-account-v3__info-launcher--explain{grid-column:3 !important;}
  .px-workspace-rail-bottom .px-account-v3__info-launcher{
    position:relative !important;inset:auto !important;float:none !important;width:100% !important;min-width:0 !important;max-width:none !important;
    height:58px !important;min-height:58px !important;max-height:58px !important;margin:0 !important;padding:6px 3px !important;box-sizing:border-box !important;
    border:1px solid var(--px-rail-card-border) !important;border-radius:14px !important;overflow:hidden !important;
    display:grid !important;grid-template-columns:1fr !important;grid-template-rows:32px minmax(0,1fr) !important;
    justify-items:center !important;align-items:center !important;align-content:center !important;gap:4px !important;
    direction:rtl !important;text-align:center !important;text-decoration:none !important;color:var(--px-rail-text) !important;
    background:linear-gradient(145deg,var(--px-rail-card-a),var(--px-rail-card-b)) !important;box-shadow:var(--px-rail-row-shadow) !important;
    transform:none !important;animation:none !important;
  }
  .px-workspace-rail-bottom .px-account-v3__info-launcher.is-active{
    color:var(--px-rail-text) !important;border-color:var(--px-rail-card-border) !important;
    background:linear-gradient(145deg,var(--px-rail-card-a),var(--px-rail-card-b)) !important;box-shadow:var(--px-rail-row-shadow) !important;
  }
  .px-workspace-rail-bottom .px-account-v3__info-launcher > span{position:static !important;inset:auto !important;width:100% !important;min-width:0 !important;max-width:100% !important;margin:0 !important;padding:0 !important;display:block !important;text-align:center !important;}
  .px-workspace-rail-bottom .px-account-v3__info-launcher > .px-account-v3__info-launcher-icon{
    width:32px !important;height:32px !important;min-width:32px !important;min-height:32px !important;max-width:32px !important;max-height:32px !important;
    margin:0 auto !important;padding:0 !important;border-radius:10px !important;display:grid !important;place-items:center !important;color:#fff !important;transform:none !important;animation:none !important;
  }
  .px-workspace-rail-bottom .px-account-v3__info-launcher-icon :is(.px-icon,svg){width:16px !important;height:16px !important;min-width:16px !important;min-height:16px !important;}
  .px-workspace-rail-bottom .px-account-v3__info-launcher strong{width:100% !important;margin:0 !important;padding:0 !important;font-size:7px !important;line-height:1.05 !important;font-weight:850 !important;text-align:center !important;white-space:nowrap !important;}
  .px-workspace-rail-bottom .px-account-v3__info-launcher--about .px-account-v3__info-launcher-icon{border:1px solid rgb(132 186 255 / .34) !important;background:linear-gradient(135deg,#26b9ee,#6472f3 54%,#a967e7) !important;box-shadow:0 6px 14px rgb(72 85 224 / .16),inset 0 1px 0 rgb(255 255 255 / .22) !important;}
  .px-workspace-rail-bottom .px-account-v3__info-launcher--pro .px-account-v3__info-launcher-icon{border:1px solid rgb(187 153 255 / .35) !important;background:linear-gradient(135deg,#6c5de7,#9b57df) !important;box-shadow:0 6px 14px rgb(91 69 220 / .16),inset 0 1px 0 rgb(255 255 255 / .22) !important;}
  .px-workspace-rail-bottom .px-account-v3__info-launcher--explain .px-account-v3__info-launcher-icon{border:1px solid rgb(123 210 255 / .34) !important;background:linear-gradient(135deg,#19b5e8,#5475ee) !important;box-shadow:0 6px 14px rgb(47 116 222 / .15),inset 0 1px 0 rgb(255 255 255 / .22) !important;}

  .px-workspace-rail-bottom__separator{width:100% !important;height:1px !important;margin:8px 0 !important;background:linear-gradient(90deg,transparent,var(--px-rail-separator),transparent) !important;}
  .px-workspace-rail-bottom .px-account-v3__rail-tools{width:100% !important;display:grid !important;grid-template-columns:repeat(3,36px) !important;justify-content:center !important;align-items:center !important;gap:8px !important;direction:ltr !important;}
  .px-workspace-rail-bottom .px-account-v3__tool,.px-workspace-rail-bottom .px-account-v3__logout{width:36px !important;height:36px !important;min-width:36px !important;min-height:36px !important;max-width:36px !important;max-height:36px !important;margin:0 !important;padding:0 !important;border-radius:12px !important;display:grid !important;place-items:center !important;}
  .px-workspace-rail-bottom .px-account-v3__tool--lang{grid-column:1 !important;}
  .px-workspace-rail-bottom .px-account-v3__tool--theme{grid-column:2 !important;}
  .px-workspace-rail-bottom .px-account-v3__logout{grid-column:3 !important;}
  .px-workspace-rail-bottom .px-account-v3__tool--theme{color:#fff !important;border-color:rgb(156 118 255 / .42) !important;background-color:#7657e7 !important;background-image:var(--px-rail-purple) !important;box-shadow:0 7px 16px rgb(99 72 214 / .20),inset 0 1px 0 rgb(255 255 255 / .24) !important;}
  .px-workspace-rail-bottom .px-account-v3__tool--lang,.px-workspace-rail-bottom .px-account-v3__logout{color:var(--px-rail-muted) !important;border-color:var(--px-rail-card-border) !important;background:linear-gradient(145deg,var(--px-rail-card-a),var(--px-rail-card-b)) !important;box-shadow:var(--px-rail-row-shadow) !important;}
  .px-workspace-rail-bottom .px-account-v3__tool-value{font-size:9px !important;font-weight:900 !important;line-height:1 !important;}

  .px-account-v3__rail::before,.px-account-v3__rail::after,.px-workspace-rail-nav__item::before,.px-workspace-rail-nav__item::after,.px-workspace-rail-nav .px-account-v3__request-icon::before,.px-workspace-rail-nav .px-account-v3__request-icon::after,.px-workspace-rail-bottom .px-account-v3__info-launcher::before,.px-workspace-rail-bottom .px-account-v3__info-launcher::after,.px-workspace-rail-bottom .px-account-v3__info-launcher-icon::before,.px-workspace-rail-bottom .px-account-v3__info-launcher-icon::after{display:none !important;content:none !important;animation:none !important;}

  body.admin-bar .px-account-v3__rail{
    top:32px !important;bottom:0 !important;height:auto !important;min-height:0 !important;max-height:none !important;
  }

  html[dir="rtl"] .px-workspace-rail-nav .px-account-v3__request-arrow .px-icon{transform:rotate(180deg);}
  html[dir="ltr"] .px-workspace-rail-nav .px-account-v3__request-arrow .px-icon{transform:none;}
}

@media (min-width:900px) and (max-height:760px){
  .px-account-v3__rail{--px-rail-row-h:45px;--px-rail-row-min:31px;--px-rail-icon:30px;}
  .px-canonical-rail-brand{height:54px !important;min-height:54px !important;max-height:54px !important;flex-basis:54px !important;padding:4px 5px 7px !important;}
  .px-workspace-rail-nav{margin-top:5px !important;gap:2px !important;}
  .px-workspace-rail-nav .px-workspace-rail-nav__item{padding:4px 6px !important;gap:6px !important;grid-template-columns:var(--px-rail-icon) minmax(0,1fr) 12px !important;}
  .px-workspace-rail-nav .px-workspace-rail-nav__favorite-row{grid-template-columns:var(--px-rail-icon) minmax(0,1fr) auto 12px !important;}
  .px-workspace-rail-nav strong{font-size:9px !important;}

  /* Keep the six bottom controls on the Home/Library/Favorites geometry.
   * Short-height compaction is allowed for the navigation rows only. */
  .px-workspace-rail-bottom{padding-top:8px !important;}
  .px-workspace-rail-bottom .px-account-v3__info-launcher{
    height:58px !important;min-height:58px !important;max-height:58px !important;
    padding:6px 3px !important;grid-template-rows:32px minmax(0,1fr) !important;gap:4px !important;
  }
  .px-workspace-rail-bottom .px-account-v3__info-launcher > .px-account-v3__info-launcher-icon{
    width:32px !important;height:32px !important;min-width:32px !important;min-height:32px !important;max-width:32px !important;max-height:32px !important;
  }
  .px-workspace-rail-bottom .px-account-v3__info-launcher strong{font-size:7px !important;}
  .px-workspace-rail-bottom__separator{margin:8px 0 !important;}
  .px-workspace-rail-bottom .px-account-v3__rail-tools{gap:8px !important;}
  .px-workspace-rail-bottom .px-account-v3__tool,.px-workspace-rail-bottom .px-account-v3__logout{
    width:36px !important;height:36px !important;min-width:36px !important;min-height:36px !important;max-width:36px !important;max-height:36px !important;
  }
  .px-workspace-rail-bottom .px-account-v3__tool--lang{grid-column:1 !important;grid-row:1 !important;}
  .px-workspace-rail-bottom .px-account-v3__tool--theme{grid-column:2 !important;grid-row:1 !important;}
  .px-workspace-rail-bottom .px-account-v3__logout{grid-column:3 !important;grid-row:1 !important;}
}

@media (min-width:900px) and (max-height:680px){
  .px-account-v3__rail{--px-rail-row-h:39px;--px-rail-row-min:28px;--px-rail-icon:27px;}
  .px-canonical-rail-brand{height:46px !important;min-height:46px !important;max-height:46px !important;flex-basis:46px !important;padding:2px 5px 5px !important;}
  .px-canonical-rail-brand :is(.px-brand__logos,.px-theme-logo){height:31px !important;min-height:31px !important;max-height:31px !important;}
  .px-canonical-rail-brand :is(.px-theme-logo-image,.px-theme-logo-image--dark,.px-theme-logo-image--light){height:31px !important;min-height:31px !important;max-height:31px !important;}
  .px-workspace-rail-nav{margin-top:4px !important;gap:2px !important;}
  .px-workspace-rail-nav .px-workspace-rail-nav__item{padding:3px 5px !important;gap:5px !important;grid-template-columns:var(--px-rail-icon) minmax(0,1fr) 11px !important;}
  .px-workspace-rail-nav .px-workspace-rail-nav__favorite-row{grid-template-columns:var(--px-rail-icon) minmax(0,1fr) auto 11px !important;}
  .px-workspace-rail-nav strong{font-size:8.5px !important;}
}

/* test319 — Public/compact desktop rails share the same owner from 900px.
 * This closes the 900–1049 desktop-site gap without changing >=1050 geometry. */
@media (min-width:900px){
  .px-desktop-rail{
    --px-prail-bg-a:#101d3d;--px-prail-bg-b:#0b1732;--px-prail-border:rgb(144 174 230 / .14);
    --px-prail-shadow:inset 0 1px 0 rgb(255 255 255 / .035),0 20px 42px rgb(0 8 28 / .14);
    --px-prail-text:#eaf2ff;--px-prail-muted:#dbe7f8;--px-prail-card-a:rgb(255 255 255 / .055);--px-prail-card-b:rgb(255 255 255 / .018);
    --px-prail-card-border:rgb(130 166 225 / .13);--px-prail-separator:rgb(130 166 225 / .13);
    --px-prail-cta:linear-gradient(135deg,#1aa9ed 0%,#5968ee 53%,#ad55dc 100%);
    --px-prail-purple:linear-gradient(135deg,#5e5ce6 0%,#7a57e8 55%,#a95fd4 100%);
    --px-prail-ease:cubic-bezier(.2,.7,.2,1);
    color:var(--px-prail-text) !important;border:1px solid var(--px-prail-border) !important;border-radius:0 22px 22px 0 !important;
    background:linear-gradient(180deg,var(--px-prail-bg-a),var(--px-prail-bg-b)) !important;box-shadow:var(--px-prail-shadow) !important;
  }
  html[data-theme="light"] .px-desktop-rail,
  html:not([data-theme]) .px-desktop-rail{
    --px-prail-bg-a:#ffffff;--px-prail-bg-b:#f3f7fc;--px-prail-border:rgb(55 79 116 / .14);
    --px-prail-shadow:inset 0 1px 0 #fff,0 18px 38px rgb(44 70 112 / .08);
    --px-prail-text:#173454;--px-prail-muted:#31587d;--px-prail-card-a:#ffffff;--px-prail-card-b:#eaf1f8;
    --px-prail-card-border:rgb(58 85 124 / .15);--px-prail-separator:rgb(53 77 111 / .20);
  }

  .px-desktop-rail__brand{min-height:58px !important;display:flex !important;align-items:center !important;justify-content:center !important;}
  .px-desktop-rail__brand :is(.px-brand__logos,.px-theme-logo){width:148px !important;max-width:148px !important;height:35px !important;min-height:35px !important;margin-inline:auto !important;}
  .px-desktop-rail__brand :is(.px-theme-logo-image,.px-theme-logo-image--dark,.px-theme-logo-image--light){width:148px !important;max-width:148px !important;height:35px !important;max-height:35px !important;object-fit:contain !important;object-position:center !important;transform-origin:center !important;}
  .px-desktop-rail__brand .px-theme-logo-image--dark{transform:none !important;}
  .px-desktop-rail__brand .px-theme-logo-image--light{transform:scale(var(--px-light-logo-match,1.58)) !important;}

  .px-desktop-rail__request{color:#fff !important;border-color:rgb(178 151 255 / .50) !important;background:var(--px-prail-cta) !important;box-shadow:0 8px 20px rgb(65 73 206 / .17),inset 0 1px 0 rgb(255 255 255 / .23) !important;transform:none !important;animation:none !important;transition:transform .16s var(--px-prail-ease),border-color .16s ease,box-shadow .16s ease !important;}
  .px-desktop-rail__request-icon{width:32px !important;height:32px !important;min-width:32px !important;min-height:32px !important;padding:0 !important;margin:0 !important;border:1px solid rgb(196 174 255 / .44) !important;border-radius:10px !important;display:grid !important;place-items:center !important;color:#fff !important;background-color:#7657e7 !important;background-image:var(--px-prail-purple) !important;box-shadow:0 6px 14px rgb(91 69 220 / .18),inset 0 1px 0 rgb(255 255 255 / .24) !important;opacity:1 !important;overflow:hidden !important;transform:none !important;animation:none !important;}
  .px-desktop-rail__request-icon :is(.px-icon,svg){width:16px !important;height:16px !important;min-width:16px !important;min-height:16px !important;color:#fff !important;opacity:1 !important;}
  .px-desktop-rail__request:is(:hover,:focus-visible){transform:translateY(-1px) scale(1.006) !important;border-color:rgb(188 163 255 / .62) !important;}

  .px-desktop-rail__service-trio{order:90 !important;flex:0 0 auto !important;width:100% !important;margin-top:auto !important;display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;align-items:stretch !important;gap:7px !important;direction:ltr !important;}
  .px-desktop-rail__info--about{grid-column:1 !important}.px-desktop-rail__info--pro{grid-column:2 !important}.px-desktop-rail__info--explain{grid-column:3 !important}
  .px-desktop-rail__service-trio .px-desktop-rail__info{width:100% !important;min-width:0 !important;height:58px !important;min-height:58px !important;max-height:58px !important;margin:0 !important;padding:6px 3px !important;display:grid !important;grid-template-columns:1fr !important;grid-template-rows:32px minmax(0,1fr) !important;justify-items:center !important;align-items:center !important;align-content:center !important;gap:4px !important;border:1px solid var(--px-prail-card-border) !important;border-radius:14px !important;color:var(--px-prail-text) !important;background:linear-gradient(145deg,var(--px-prail-card-a),var(--px-prail-card-b)) !important;box-shadow:inset 0 1px 0 rgb(255 255 255 / .045) !important;text-decoration:none !important;transform:none !important;animation:none !important;overflow:hidden !important;}
  .px-desktop-rail__service-trio .px-desktop-rail__info-icon{width:32px !important;height:32px !important;min-width:32px !important;min-height:32px !important;max-width:32px !important;max-height:32px !important;margin:0 auto !important;padding:0 !important;border-radius:10px !important;display:grid !important;place-items:center !important;color:#fff !important;transform:none !important;animation:none !important;}
  .px-desktop-rail__service-trio .px-desktop-rail__info-icon :is(.px-icon,svg){width:16px !important;height:16px !important;min-width:16px !important;min-height:16px !important;}
  .px-desktop-rail__service-trio .px-desktop-rail__info > span:nth-child(2){width:100% !important;min-width:0 !important;display:block !important;text-align:center !important;}
  .px-desktop-rail__service-trio strong{width:100% !important;margin:0 !important;padding:0 !important;font-size:7px !important;line-height:1.05 !important;font-weight:850 !important;text-align:center !important;white-space:nowrap !important;}
  .px-desktop-rail__service-trio .px-desktop-rail__info--about .px-desktop-rail__info-icon{border:1px solid rgb(132 186 255 / .34) !important;background:linear-gradient(135deg,#26b9ee,#6472f3 54%,#a967e7) !important;box-shadow:0 6px 14px rgb(72 85 224 / .16),inset 0 1px 0 rgb(255 255 255 / .22) !important;}
  .px-desktop-rail__service-trio .px-desktop-rail__info--pro .px-desktop-rail__info-icon{border:1px solid rgb(187 153 255 / .35) !important;background:linear-gradient(135deg,#6c5de7,#9b57df) !important;box-shadow:0 6px 14px rgb(91 69 220 / .16),inset 0 1px 0 rgb(255 255 255 / .22) !important;}
  .px-desktop-rail__service-trio .px-desktop-rail__info--explain .px-desktop-rail__info-icon{border:1px solid rgb(123 210 255 / .34) !important;background:linear-gradient(135deg,#19b5e8,#5475ee) !important;box-shadow:0 6px 14px rgb(47 116 222 / .15),inset 0 1px 0 rgb(255 255 255 / .22) !important;}

  .px-desktop-rail__footer-tools{order:99 !important;flex:0 0 auto !important;width:100% !important;margin-top:0 !important;padding-top:9px !important;border-top:1px solid var(--px-prail-separator) !important;display:grid !important;grid-template-columns:repeat(3,36px) !important;justify-content:center !important;align-items:center !important;gap:8px !important;direction:ltr !important;}
  .px-desktop-rail__footer-tool{width:36px !important;height:36px !important;min-width:36px !important;min-height:36px !important;max-width:36px !important;max-height:36px !important;padding:0 !important;margin:0 !important;display:grid !important;place-items:center !important;border-radius:12px !important;transform:none !important;animation:none !important;}
  .px-desktop-rail__footer-tool--lang{grid-column:1 !important}.px-desktop-rail__footer-tool--theme{grid-column:2 !important}.px-desktop-rail__footer-tool--logout{grid-column:3 !important}
  .px-desktop-rail__footer-tool--theme{color:#fff !important;border-color:rgb(156 118 255 / .42) !important;background-color:#7657e7 !important;background-image:var(--px-prail-purple) !important;box-shadow:0 7px 16px rgb(99 72 214 / .20),inset 0 1px 0 rgb(255 255 255 / .24) !important;}
  .px-desktop-rail__footer-tool--lang,.px-desktop-rail__footer-tool--logout{color:var(--px-prail-muted) !important;border-color:var(--px-prail-card-border) !important;background:linear-gradient(145deg,var(--px-prail-card-a),var(--px-prail-card-b)) !important;box-shadow:inset 0 1px 0 rgb(255 255 255 / .045) !important;}

  .px-desktop-rail::before,.px-desktop-rail::after,.px-desktop-rail__request::before,.px-desktop-rail__request::after,.px-desktop-rail__request-icon::before,.px-desktop-rail__request-icon::after,.px-desktop-rail__service-trio .px-desktop-rail__info::before,.px-desktop-rail__service-trio .px-desktop-rail__info::after,.px-desktop-rail__service-trio .px-desktop-rail__info-icon::before,.px-desktop-rail__service-trio .px-desktop-rail__info-icon::after,.px-desktop-rail__footer-tool::before,.px-desktop-rail__footer-tool::after{display:none !important;content:none !important;animation:none !important;}
}


/* =========================================================
   2.0.21-test96 — Minimal icon visibility repair
   Scope ONLY:
   1) Workspace navigation SVG visibility in Light/Dark.
   2) Sun/Moon glyph visibility inside the existing Theme tile.
   No geometry/order/spacing/palette changes.
   ========================================================= */

/* Old global .px-ui-glass-icon Light rules have higher specificity.
 * Reassert the canonical purple nav icon tile and white glyph only. */
@media (min-width:900px){
  html[data-theme="light"] .px-account-v3__rail .px-workspace-rail-nav .px-account-v3__request-icon.px-ui-glass-icon,
  html:not([data-theme]) .px-account-v3__rail .px-workspace-rail-nav .px-account-v3__request-icon.px-ui-glass-icon,
  html[data-theme="dark"] .px-account-v3__rail .px-workspace-rail-nav .px-account-v3__request-icon.px-ui-glass-icon{
    color:#fff !important;
    border-color:rgb(196 174 255 / .42) !important;
    background-color:#7657e7 !important;
    background-image:linear-gradient(135deg,#5e5ce6 0%,#7a57e8 55%,#a95fd4 100%) !important;
    box-shadow:0 6px 14px rgb(91 69 220 / .17),inset 0 1px 0 rgb(255 255 255 / .22) !important;
    opacity:1 !important;
  }

  html[data-theme="light"] .px-account-v3__rail .px-workspace-rail-nav .px-account-v3__request-icon :is(.px-icon,svg),
  html:not([data-theme]) .px-account-v3__rail .px-workspace-rail-nav .px-account-v3__request-icon :is(.px-icon,svg),
  html[data-theme="dark"] .px-account-v3__rail .px-workspace-rail-nav .px-account-v3__request-icon :is(.px-icon,svg){
    display:block !important;
    visibility:visible !important;
    color:#fff !important;
    opacity:1 !important;
  }

  /* Theme button keeps its existing purple tile; only the correct glyph is shown. */
  .px-workspace-rail-bottom .px-account-v3__tool--theme{
    position:relative !important;
  }
  .px-workspace-rail-bottom .px-account-v3__tool--theme .px-theme-icon{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    border-radius:inherit !important;
    place-items:center !important;
    color:#fff !important;
    background:transparent !important;
    box-shadow:none !important;
    opacity:1 !important;
    visibility:visible !important;
  }
  .px-workspace-rail-bottom .px-account-v3__tool--theme .px-theme-icon :is(.px-icon,svg){
    width:17px !important;
    height:17px !important;
    color:#fff !important;
    opacity:1 !important;
  }
  .px-workspace-rail-bottom .px-account-v3__tool--theme .px-theme-icon--sun,
  .px-workspace-rail-bottom .px-account-v3__tool--theme .px-theme-icon--moon{
    display:none !important;
  }
  html[data-theme="dark"] .px-workspace-rail-bottom .px-account-v3__tool--theme .px-theme-icon--moon{
    display:grid !important;
  }
  html[data-theme="light"] .px-workspace-rail-bottom .px-account-v3__tool--theme .px-theme-icon--sun,
  html:not([data-theme]) .px-workspace-rail-bottom .px-account-v3__tool--theme .px-theme-icon--sun{
    display:grid !important;
  }
}

/* Same glyph visibility repair for the public/home rail Theme control. */
@media (min-width:900px){
  .px-desktop-rail__footer-tool--theme{
    position:relative !important;
  }
  .px-desktop-rail__footer-tool--theme .px-theme-icon{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    border-radius:inherit !important;
    place-items:center !important;
    color:#fff !important;
    background:transparent !important;
    box-shadow:none !important;
    opacity:1 !important;
    visibility:visible !important;
  }
  .px-desktop-rail__footer-tool--theme .px-theme-icon :is(.px-icon,svg){
    width:17px !important;
    height:17px !important;
    color:#fff !important;
    opacity:1 !important;
  }
  .px-desktop-rail__footer-tool--theme .px-theme-icon--sun,
  .px-desktop-rail__footer-tool--theme .px-theme-icon--moon{
    display:none !important;
  }
  html[data-theme="dark"] .px-desktop-rail__footer-tool--theme .px-theme-icon--moon{
    display:grid !important;
  }
  html[data-theme="light"] .px-desktop-rail__footer-tool--theme .px-theme-icon--sun,
  html:not([data-theme]) .px-desktop-rail__footer-tool--theme .px-theme-icon--sun{
    display:grid !important;
  }
}

@media (prefers-reduced-motion:reduce){
  :is(.px-workspace-rail-nav .px-workspace-rail-nav__item,.px-workspace-rail-bottom .px-account-v3__info-launcher,.px-workspace-rail-bottom .px-account-v3__tool,.px-desktop-rail__request,.px-desktop-rail__service-trio .px-desktop-rail__info,.px-desktop-rail__footer-tool){transition:none !important;transform:none !important;animation:none !important;}
}


/* Pre-final staged feature badge: presentation only; Core owns access. */
.px-workspace-rail-nav__soon{display:inline-flex;align-items:center;justify-content:center;margin-inline-start:6px;padding:2px 6px;border-radius:999px;border:1px solid rgb(104 211 255/.22);background:rgb(78 116 255/.10);color:var(--px-muted);font-size:8px;font-style:normal;font-weight:900;line-height:1.2;white-space:nowrap}
html[data-theme="light"] .px-workspace-rail-nav__soon{border-color:rgb(85 109 190/.18);background:rgb(87 96 171/.07);color:#667085}

.px-feature-soon{display:inline-flex;margin-inline-start:3px;padding:1px 4px;border-radius:999px;background:rgb(91 95 255/.10);border:1px solid rgb(104 211 255/.18);color:var(--px-muted);font-size:7px;font-style:normal;font-weight:900;line-height:1.15;white-space:nowrap}

/* test319 — Desktop-site phone compaction only.
 * On 900–1049px the service trio is the sole owner of About / PRO / Explain;
 * hide the duplicate long-form navigation rows without changing >=1050 desktop. */
@media (min-width:900px) and (max-width:1049px){
  .px-workspace-rail-nav__pro,
  .px-workspace-rail-nav__how,
  .px-workspace-rail-nav__about{display:none!important}
}


/* 2.0.21-test458 — touch-tablet viewport-safe workspace rail.
 * iPad browser chrome makes legacy 100vh taller than the actually visible
 * viewport. Keep the canonical bottom service/preferences cluster visible and
 * let only the navigation list scroll when vertical room is short. */
@media (min-width:761px){
  html.px-touch-tablet .px-account-v3__rail{
    height:calc(100dvh - 12px)!important;
    min-height:0!important;
    max-height:calc(100dvh - 12px)!important;
    top:6px!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
  }
  html.px-touch-tablet body.admin-bar .px-account-v3__rail{
    height:calc(100dvh - 44px)!important;
    min-height:0!important;
    max-height:calc(100dvh - 44px)!important;
    top:38px!important;
  }
  html.px-touch-tablet .px-workspace-rail-nav{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none!important;
    padding-inline-end:1px!important;
  }
  html.px-touch-tablet .px-workspace-rail-nav::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
  html.px-touch-tablet .px-workspace-rail-bottom{
    flex:0 0 auto!important;
    margin-top:6px!important;
  }
}