/* BLC application shell — production header and sidebar alignment */
@media (min-width:1001px){
  .app-shell,
  .app-shell:not(.auth-locked){
    display:grid!important;
    width:100%!important;
    max-width:none!important;
    min-height:100vh!important;
    margin:0!important;
    --shell-sidebar-width:248px;
    grid-template-columns:minmax(0,1fr) var(--shell-sidebar-width)!important;
    direction:ltr!important;
    background:var(--page-bg)!important;
  }

  .sidebar{
    grid-column:2!important;
    grid-row:1!important;
    direction:rtl!important;
    width:var(--shell-sidebar-width)!important;
    padding:0 12px 16px!important;
    border-left:1px solid var(--line)!important;
    background:var(--sidebar-bg)!important;
    box-shadow:none!important;
  }

  .sidebar .brand{
    min-height:76px!important;
    height:76px!important;
    display:grid!important;
    place-items:center!important;
    margin:0 -12px!important;
    padding:0!important;
    border-bottom:1px solid var(--line)!important;
    overflow:visible!important;
  }

  .sidebar .brand-home{
    position:relative;
    min-width:114px;
    min-height:54px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:0;
    padding:0 24px 0 8px;
    border:0;
    background:transparent;
    color:var(--text-strong);
    cursor:pointer;
    overflow:visible;
  }

  .sidebar .brand-word{
    position:relative;
    z-index:2;
    font-size:34px;
    line-height:1;
    font-weight:900;
    letter-spacing:-1.7px;
    color:var(--text-strong);
  }

  .sidebar .brand-orbit{
    position:absolute;
    z-index:1;
    right:7px;
    top:5px;
    width:43px;
    height:43px;
    border-radius:50%;
    background:conic-gradient(from 205deg,transparent 0 15%,var(--blue-text) 17% 48%,var(--accent-text) 50% 78%,transparent 80% 100%);
    -webkit-mask:radial-gradient(circle at 38% 50%,transparent 0 49%,#000 51% 70%,transparent 72%);
    mask:radial-gradient(circle at 38% 50%,transparent 0 49%,#000 51% 70%,transparent 72%);
    opacity:.75;
    transform:rotate(-8deg);
  }

  .sidebar .brand-home:hover .brand-orbit{opacity:.95}
  .sidebar .trial-badge{display:none!important}
  .sidebar nav{margin-top:12px!important}

  .main{
    grid-column:1!important;
    grid-row:1!important;
    direction:rtl!important;
    min-width:0!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    min-height:100vh!important;
    padding:76px 0 0!important;
    overflow:visible!important;
    background:var(--page-bg)!important;
  }

  .app-shell:not(.auth-locked) .topbar{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:auto!important;
    z-index:1100!important;
    inset-inline:auto!important;
    height:76px!important;
    min-height:76px!important;
    width:calc(100% - var(--shell-sidebar-width))!important;
    max-width:none!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:24px!important;
    margin:0!important;
    padding:0 28px!important;
    border:0!important;
    border-bottom:1px solid var(--line)!important;
    border-radius:0!important;
    background:color-mix(in srgb,var(--card-bg) 96%,transparent)!important;
    box-shadow:none!important;
    backdrop-filter:blur(14px) saturate(1.08)!important;
    -webkit-backdrop-filter:blur(14px) saturate(1.08)!important;
    direction:rtl!important;
  }

  .topbar .mobile-menu-btn{display:none!important}

  .topbar-page-info{
    order:1!important;
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:5px;
    text-align:right;
  }

  .topbar-breadcrumb{
    display:flex;
    align-items:center;
    gap:7px;
    min-height:16px;
    color:var(--text-muted)!important;
    font-size:10px;
    line-height:1.2;
  }

  .topbar-breadcrumb button{
    padding:0;
    border:0;
    background:transparent;
    color:var(--accent-text)!important;
    font:inherit;
    font-weight:750;
    cursor:pointer;
  }

  .topbar-breadcrumb button:hover{text-decoration:underline}
  .topbar-breadcrumb span{color:var(--text-muted)!important}
  .topbar-breadcrumb strong{color:var(--text-muted)!important;font-weight:650}

  .topbar-home{
    order:1!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    text-align:right!important;
    color:var(--text-strong)!important;
    cursor:pointer;
  }

  .topbar-home h1{
    margin:0!important;
    font-size:19px!important;
    line-height:1.2!important;
    font-weight:800!important;
    letter-spacing:-.25px!important;
    color:var(--text-strong)!important;
  }

  .topbar-home p{display:none!important}

  .top-actions{
    order:2!important;
    min-width:max-content!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    direction:ltr!important;
  }

  .topbar-account-menu,
  .topbar-tool,
  .topbar .notification-trigger{
    position:relative;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border:0!important;
    border-radius:10px!important;
    background:transparent!important;
    color:var(--text-normal)!important;
    box-shadow:none!important;
    cursor:pointer;
  }

  .topbar-account-menu:hover,
  .topbar-tool:hover,
  .topbar .notification-trigger:hover{
    background:var(--card-hover)!important;
    color:var(--text-strong)!important;
  }

  .topbar-account-menu svg,
  .topbar-tool svg,
  .topbar .notification-trigger svg{
    width:20px!important;
    height:20px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.75!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }

  .topbar-account-menu svg{width:17px!important;height:17px!important}

  .topbar-profile{
    min-width:118px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:9px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    direction:ltr!important;
  }

  .topbar-profile-text{
    min-width:62px;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-end!important;
    gap:2px!important;
    direction:rtl!important;
  }

  .topbar-profile-text strong{
    display:block!important;
    max-width:96px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:750!important;
    color:var(--text-strong)!important;
  }

  .topbar-profile-text small{
    display:block!important;
    font-size:10px!important;
    line-height:1.2!important;
    color:var(--text-muted)!important;
  }

  .topbar-avatar{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:50%!important;
    background:var(--accent-panel)!important;
    color:var(--accent-text)!important;
  }

  .topbar-avatar svg{
    width:23px;
    height:23px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.65;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  .topbar-divider{
    width:1px;
    height:40px;
    margin:0 4px;
    background:var(--line);
  }

  .topbar .notification-count{
    position:absolute;
    top:1px;
    right:1px;
    z-index:2;
    min-width:17px;
    height:17px;
    display:grid;
    place-items:center;
    padding:0 4px;
    border:2px solid var(--card-bg);
    border-radius:999px;
    background:var(--red-text);
    color:var(--card-bg);
    font-size:9px;
    line-height:1;
    font-weight:800;
  }

  .topbar .notification-dot{display:none!important}
  .top-actions>.primary,.topbar-tools,.topbar .global-search-trigger{display:none!important}

  #dashboard.active-page{
    padding-top:20px!important;
  }

  #dashboard .dashboard-head{
    display:none!important;
  }
}

@media (min-width:1001px) and (max-width:1250px){
  .app-shell,.app-shell:not(.auth-locked){
    --shell-sidebar-width:222px;
    grid-template-columns:minmax(0,1fr) var(--shell-sidebar-width)!important;
  }
  .sidebar{width:var(--shell-sidebar-width)!important}
  .app-shell:not(.auth-locked) .topbar{padding-inline:22px!important}
  .topbar-profile{min-width:104px!important}
}

@media (max-width:1000px){
  .brand-home{border:0;background:transparent;color:inherit}
  .brand-orbit{display:none}
  .topbar-account-menu,.topbar-divider,.notification-count{display:none!important}
}
