/* Safira.id V17.4.1 — UI Contrast, Panel Header & Marketplace Navigation Cleanup */
:root{
  --v1741-hero-text:#ffffff;
  --v1741-hero-muted:#e6efff;
  --v1741-hero-button-text:#12366f;
  --v1741-nav-active:#1d5fd1;
  --v1741-nav-soft:#eef4ff;
}

/* Shared panel shell: two columns after menu/command search removal. */
.panel-v1741 .panel-topbar{
  grid-template-columns:minmax(220px,1fr) auto!important;
  column-gap:18px!important;
}
.panel-v1741 .panel-topbar-left{min-width:0}
.panel-v1741 .panel-topbar-actions{justify-self:end}
.panel-v1741 .panel-sidebar-brand{margin-bottom:12px!important}
.panel-v1741 .panel-nav{padding-top:3px!important}
.panel-v1741 .panel-sidebar-search,
.panel-v1741 .panel-command-trigger,
.panel-v1741 .panel-mobile-command-btn,
.panel-v1741 .panel-command-overlay{display:none!important}

/* P1 marketplace heroes: prevent global heading rules from forcing dark text. */
.panel-v1741 .p1-hero{
  align-items:center;
  color:var(--v1741-hero-text)!important;
  border:1px solid rgba(255,255,255,.09);
}
.panel-v1741 .p1-hero h1,
.panel-v1741 .p1-hero h2,
.panel-v1741 .p1-hero .h1,
.panel-v1741 .p1-hero .h2{
  color:var(--v1741-hero-text)!important;
  text-shadow:0 1px 1px rgba(2,13,38,.12);
}
.panel-v1741 .p1-hero p{color:var(--v1741-hero-muted)!important;opacity:1!important}
.panel-v1741 .p1-hero .p1-eyebrow{color:#c9dcff!important;opacity:1!important}

/* P2 monetization heroes: synchronize heading, copy, and button contrast. */
.panel-v1741 .m2-hero{
  color:var(--v1741-hero-text)!important;
  border:1px solid rgba(255,255,255,.09);
}
.panel-v1741 .m2-hero h1,
.panel-v1741 .m2-hero h2,
.panel-v1741 .m2-hero .h1,
.panel-v1741 .m2-hero .h2{
  color:var(--v1741-hero-text)!important;
  text-shadow:0 1px 1px rgba(2,13,38,.12);
}
.panel-v1741 .m2-hero p{color:var(--v1741-hero-muted)!important;opacity:1!important}
.panel-v1741 .m2-hero .m2-eyebrow{color:#c9dcff!important;opacity:1!important}

/* High-contrast CTA system inside dark hero surfaces. */
.panel-v1741 .p1-hero .btn-light,
.panel-v1741 .p1-hero .btn-primary,
.panel-v1741 .m2-hero .btn-light,
.panel-v1741 .m2-hero .btn-primary{
  background:#fff!important;
  border-color:#fff!important;
  color:var(--v1741-hero-button-text)!important;
  box-shadow:0 8px 20px rgba(3,20,55,.16)!important;
}
.panel-v1741 .p1-hero .btn-light:hover,
.panel-v1741 .p1-hero .btn-primary:hover,
.panel-v1741 .m2-hero .btn-light:hover,
.panel-v1741 .m2-hero .btn-primary:hover{
  background:#f3f7ff!important;
  border-color:#f3f7ff!important;
  color:#0b2b61!important;
  transform:translateY(-1px);
}
.panel-v1741 .p1-hero .btn-outline-light,
.panel-v1741 .p1-hero .btn-outline-primary,
.panel-v1741 .m2-hero .btn-outline-light,
.panel-v1741 .m2-hero .btn-outline-primary{
  background:rgba(255,255,255,.06)!important;
  border-color:rgba(255,255,255,.72)!important;
  color:#fff!important;
}
.panel-v1741 .p1-hero .btn-outline-light:hover,
.panel-v1741 .p1-hero .btn-outline-primary:hover,
.panel-v1741 .m2-hero .btn-outline-light:hover,
.panel-v1741 .m2-hero .btn-outline-primary:hover{
  background:#fff!important;
  border-color:#fff!important;
  color:var(--v1741-hero-button-text)!important;
}
.panel-v1741 .p1-actions,
.panel-v1741 .m2-hero>div:last-child{align-items:center}

/* Public Marketplace dropdown: no inherited full-width underline inside the menu. */
.public-v1741 .v1724-nav-dropdown>button{
  position:relative;
  min-height:40px;
  padding:9px 12px!important;
  border-radius:10px;
  color:#344054!important;
  font-weight:700!important;
  transition:background-color .16s ease,color .16s ease;
}
.public-v1741 .v1724-nav-dropdown:hover>button,
.public-v1741 .v1724-nav-dropdown:focus-within>button,
.public-v1741 .v1724-nav-dropdown.active>button{
  background:var(--v1741-nav-soft)!important;
  color:var(--v1741-nav-active)!important;
}
.public-v1741 .v1724-nav-menu{
  top:calc(100% + 10px)!important;
  width:310px!important;
  padding:8px!important;
  border-radius:14px!important;
  box-shadow:0 18px 45px rgba(15,35,75,.14)!important;
}
.public-v1741 .v1724-nav-menu a{
  min-height:58px;
  justify-content:center;
  padding:10px 12px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  overflow:hidden;
}
.public-v1741 .v1724-nav-menu a:hover,
.public-v1741 .v1724-nav-menu a:focus-visible{
  background:#f3f6fb!important;
  border-color:#e1e8f2!important;
  color:#173f82!important;
}
.public-v1741 .public-nav .v1724-nav-menu a::before,
.public-v1741 .public-nav .v1724-nav-menu a::after,
.public-v1741 .v1724-nav-menu a.active::before,
.public-v1741 .v1724-nav-menu a.active::after{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  border:0!important;
}
.public-v1741 .v1724-nav-menu strong{color:#172b4d!important;line-height:1.3}
.public-v1741 .v1724-nav-menu small{color:#728096!important;line-height:1.35}

@media(max-width:1180px){
  .panel-v1741 .panel-topbar{grid-template-columns:minmax(180px,1fr) auto!important}
}
@media(max-width:991px){
  .panel-v1741 .panel-topbar{grid-template-columns:minmax(150px,1fr) auto!important}
}
@media(max-width:640px){
  .panel-v1741 .p1-hero,
  .panel-v1741 .m2-hero{gap:18px}
  .panel-v1741 .p1-actions,
  .panel-v1741 .m2-hero>div:last-child{width:100%;display:flex;flex-wrap:wrap}
  .panel-v1741 .p1-actions .btn,
  .panel-v1741 .m2-hero>div:last-child .btn{flex:1 1 150px}
}