/* =========================================================
   ORN UI UNIFY v1
   Logo + Workspace Switcher
========================================================= */


/* ---------- CANONICAL LOGO ---------- */

.orn-unified-brand-node{
  display:inline-flex!important;
  align-items:center!important;
  line-height:1!important;
}

.orn-unified-logo{
  display:block!important;

  width:102px!important;
  height:auto!important;

  object-fit:contain!important;
}


/* Keep subtitle next to the master logo */

.orn-brand-unified-wrap{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
}


/* ---------- WORKSPACE IN TOP APPBAR ---------- */

.dashboard-ui-v2 .v2-appbar{
  display:flex;
  align-items:center;
  gap:12px;
}


.dashboard-ui-v2 .workspace-switcher.orn-workspace-switcher-v2{
  position:relative!important;

  order:20!important;

  width:330px!important;
  min-width:290px!important;
  max-width:360px!important;

  margin-left:0!important;
  margin-right:0!important;

  z-index:80!important;
}


/*
 Search stays before workspace.
 Store button stays after workspace because JS inserts
 the switcher immediately before "В магазин".
*/

.dashboard-ui-v2 .workspace-switcher.orn-workspace-switcher-v2 > *:first-child{
  width:100%!important;
}


/* ---------- DROPDOWN ---------- */

.orn-workspace-popover-v2{
  box-sizing:border-box!important;

  z-index:9999!important;

  width:360px!important;
  max-width:calc(100vw - 32px)!important;

  border-radius:18px!important;

  border:
    1px solid rgba(31,37,43,.10)!important;

  background:
    rgba(255,255,255,.985)!important;

  box-shadow:
    0 22px 55px rgba(31,37,43,.17)!important;

  overflow:hidden!important;
}


/* ---------- MOBILE ---------- */

@media(max-width:760px){

  .dashboard-ui-v2 .v2-appbar{
    display:grid!important;

    grid-template-columns:1fr auto!important;

    gap:10px!important;
  }


  .dashboard-ui-v2 .workspace-switcher.orn-workspace-switcher-v2{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;

    grid-column:1 / -1!important;

    order:30!important;
  }


  .orn-workspace-popover-v2{
    position:fixed!important;

    left:12px!important;
    right:12px!important;
    top:auto!important;
    bottom:12px!important;

    width:auto!important;
    max-width:none!important;

    max-height:
      min(72vh,620px)!important;

    overflow:auto!important;

    border-radius:22px!important;

    box-shadow:
      0 24px 70px rgba(31,37,43,.24)!important;
  }

}


/* ---------- SMALL MOBILE ---------- */

@media(max-width:430px){

  .orn-workspace-popover-v2{
    left:8px!important;
    right:8px!important;
    bottom:8px!important;
  }

}