/* ExBot Pro sidebar — matched to the provided light reference */
:root{
  --ex-nav-w:228px;
  --ex-nav-bg:#ffffff;
  --ex-nav-border:#e2e8f0;
  --ex-nav-text:#455d78;
  --ex-nav-muted:#7f90a8;
  --ex-nav-heading:#8999af;
  --ex-nav-blue:#1769ef;
  --ex-nav-blue-bg:#edf4ff;
  --ex-nav-blue-border:#cfe0ff;
}

@media (min-width:981px){
  /* exact fixed sidebar geometry */
  body.exbot-admin-ui .nav,
  body.exbot-desk-ui.has-platform-sidebar .platform-sidebar,
  body.exbot-license-ui .section-nav,
  body.exbot-qa-ui .platform-sidebar,
  body.exbot-update-ui .platform-sidebar{
    position:fixed!important;
    z-index:70!important;
    inset:0 auto 0 0!important;
    width:var(--ex-nav-w)!important;
    height:100vh!important;
    padding:24px 12px 22px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    background:var(--ex-nav-bg)!important;
    border:0!important;
    border-right:1px solid var(--ex-nav-border)!important;
    border-radius:0!important;
    box-shadow:none!important;
    color:var(--ex-nav-text)!important;
  }

  body.exbot-admin-ui .wrap{margin-left:var(--ex-nav-w)!important;}
  body.exbot-desk-ui.has-platform-sidebar .wrap{margin-left:var(--ex-nav-w)!important;width:calc(100% - var(--ex-nav-w))!important;}
  body.exbot-license-ui .page{margin-left:var(--ex-nav-w)!important;}
  body.exbot-qa-ui .page{margin-left:var(--ex-nav-w)!important;}
  body.exbot-update-ui .wrap{margin-left:var(--ex-nav-w)!important;max-width:none!important;}

  /* brand block */
  body.exbot-admin-ui .nav .side-brand,
  body.exbot-desk-ui.has-platform-sidebar .platform-sidebar .side-brand,
  body.exbot-license-ui .section-nav .side-brand,
  body.exbot-qa-ui .platform-sidebar .side-brand,
  body.exbot-update-ui .platform-sidebar .side-brand{
    display:block!important;
    min-width:0!important;
    padding:0 14px 24px!important;
    margin:0 0 26px!important;
    border:0!important;
    border-bottom:1px solid var(--ex-nav-border)!important;
    overflow:visible!important;
  }

  body.exbot-admin-ui .nav .side-brand img,
  body.exbot-desk-ui.has-platform-sidebar .platform-sidebar .side-brand img,
  body.exbot-license-ui .section-nav .side-brand img,
  body.exbot-qa-ui .platform-sidebar .side-brand img,
  body.exbot-update-ui .platform-sidebar .side-brand img{
    display:block!important;
    width:166px!important;
    max-width:166px!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:left center!important;
    filter:none!important;
    opacity:1!important;
  }

  body.exbot-admin-ui .nav .side-brand small,
  body.exbot-desk-ui.has-platform-sidebar .platform-sidebar .side-brand small,
  body.exbot-license-ui .section-nav .side-brand small,
  body.exbot-qa-ui .platform-sidebar .side-brand small,
  body.exbot-update-ui .platform-sidebar .side-brand small{
    display:block!important;
    margin:10px 0 0!important;
    padding:0!important;
    color:#667a94!important;
    font-size:12px!important;
    line-height:1.35!important;
    font-weight:500!important;
    letter-spacing:0!important;
    text-transform:none!important;
  }

  /* group headings */
  body.exbot-admin-ui .nav .group,
  body.exbot-desk-ui.has-platform-sidebar .platform-sidebar .nav-group,
  body.exbot-license-ui .section-nav .nav-group,
  body.exbot-qa-ui .platform-sidebar .nav-group,
  body.exbot-update-ui .platform-sidebar .nav-group{
    display:block!important;
    margin:0!important;
    padding:0 10px 12px!important;
    color:var(--ex-nav-heading)!important;
    font-size:10px!important;
    line-height:1.2!important;
    font-weight:800!important;
    letter-spacing:.14em!important;
    text-transform:uppercase!important;
  }

  body.exbot-admin-ui .nav .group:not(:first-of-type),
  body.exbot-desk-ui.has-platform-sidebar .platform-sidebar .nav-group:not(:first-of-type),
  body.exbot-license-ui .section-nav .nav-group:not(:first-of-type),
  body.exbot-qa-ui .platform-sidebar .nav-group:not(:first-of-type),
  body.exbot-update-ui .platform-sidebar .nav-group:not(:first-of-type){
    margin-top:28px!important;
  }

  /* links */
  body.exbot-admin-ui .nav a,
  body.exbot-desk-ui.has-platform-sidebar .platform-sidebar .nav-item,
  body.exbot-license-ui .section-nav .section-link,
  body.exbot-qa-ui .platform-sidebar .nav-item,
  body.exbot-update-ui .platform-sidebar .nav-item{
    width:100%!important;
    min-height:46px!important;
    margin:0 0 4px!important;
    padding:10px 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:15px!important;
    border:1px solid transparent!important;
    border-radius:14px!important;
    background:transparent!important;
    color:var(--ex-nav-text)!important;
    font-size:15px!important;
    line-height:1.15!important;
    font-weight:700!important;
    letter-spacing:-.01em!important;
    text-decoration:none!important;
    box-shadow:none!important;
    white-space:normal!important;
  }

  body.exbot-admin-ui .nav a:hover,
  body.exbot-desk-ui.has-platform-sidebar .platform-sidebar .nav-item:hover,
  body.exbot-license-ui .section-nav .section-link:hover,
  body.exbot-qa-ui .platform-sidebar .nav-item:hover,
  body.exbot-update-ui .platform-sidebar .nav-item:hover{
    background:#f6f9fe!important;
    border-color:#e6edf7!important;
    color:#284562!important;
  }

  body.exbot-admin-ui .nav a.primary-nav,
  body.exbot-desk-ui.has-platform-sidebar .platform-sidebar .nav-item.active,
  body.exbot-license-ui .section-nav .section-link.active,
  body.exbot-qa-ui .platform-sidebar .nav-item.active,
  body.exbot-update-ui .platform-sidebar .nav-item.active{
    background:var(--ex-nav-blue-bg)!important;
    border-color:var(--ex-nav-blue-border)!important;
    color:var(--ex-nav-blue)!important;
    box-shadow:none!important;
  }

  /* icons */
  body.exbot-admin-ui .nav .nav-ico,
  body.exbot-desk-ui.has-platform-sidebar .platform-sidebar .nav-ico,
  body.exbot-license-ui .section-nav .nav-ico,
  body.exbot-qa-ui .platform-sidebar .nav-ico,
  body.exbot-update-ui .platform-sidebar .nav-ico{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:24px!important;
    height:24px!important;
    flex:0 0 24px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:currentColor!important;
    box-shadow:none!important;
  }

  body.exbot-admin-ui .nav .nav-ico svg,
  body.exbot-desk-ui.has-platform-sidebar .platform-sidebar .nav-ico svg,
  body.exbot-license-ui .section-nav .nav-ico svg,
  body.exbot-qa-ui .platform-sidebar .nav-ico svg,
  body.exbot-update-ui .platform-sidebar .nav-ico svg{
    display:block!important;
    width:24px!important;
    height:24px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }

  /* no owner card/footer in the reference */
  body.exbot-admin-ui .nav .side-foot,
  body.exbot-license-ui .section-nav .nav-owner,
  body.exbot-qa-ui .platform-sidebar .owner-card,
  body.exbot-update-ui .platform-sidebar .owner-card{display:none!important;}
}

@media (max-width:980px){
  /* keep the existing mobile drawer behaviour, but use the same colors */
  body.exbot-admin-ui .nav,
  body.exbot-desk-ui.has-platform-sidebar .platform-sidebar,
  body.exbot-license-ui .section-nav,
  body.exbot-qa-ui .platform-sidebar,
  body.exbot-update-ui .platform-sidebar{
    background:#fff!important;
    color:var(--ex-nav-text)!important;
  }
  body.exbot-admin-ui .nav a,
  body.exbot-desk-ui.has-platform-sidebar .platform-sidebar .nav-item,
  body.exbot-license-ui .section-nav .section-link,
  body.exbot-qa-ui .platform-sidebar .nav-item,
  body.exbot-update-ui .platform-sidebar .nav-item{
    color:var(--ex-nav-text)!important;
  }
  body.exbot-admin-ui .nav a.primary-nav,
  body.exbot-desk-ui.has-platform-sidebar .platform-sidebar .nav-item.active,
  body.exbot-license-ui .section-nav .section-link.active,
  body.exbot-qa-ui .platform-sidebar .nav-item.active,
  body.exbot-update-ui .platform-sidebar .nav-item.active{
    background:var(--ex-nav-blue-bg)!important;
    border-color:var(--ex-nav-blue-border)!important;
    color:var(--ex-nav-blue)!important;
  }
}