/* CTR SUITE Workspace Topbar — canonical desktop geometry
   Loaded from shared topbar.php so every workspace page uses identical desktop dimensions. */
@media (min-width: 901px){
  .topbar{
    box-sizing:border-box!important;
    width:100%!important;
    min-height:62px!important;
    height:62px!important;
    padding:10px 20px!important;
    gap:12px!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
  }

  .topbar > .menu-btn{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    padding:0!important;
    margin:0!important;
    border-radius:11px!important;
    font-size:15px!important;
    flex:0 0 38px!important;
  }

  .topbar > .search-box,
  .topbar > .global-search-shell{
    flex:1 1 360px!important;
    width:auto!important;
    max-width:420px!important;
    min-width:220px!important;
    height:40px!important;
    min-height:40px!important;
    padding:0 12px!important;
    margin:0!important;
    gap:9px!important;
    border-radius:11px!important;
    box-sizing:border-box!important;
  }
  .topbar > .search-box input,
  .topbar > .global-search-shell input{
    height:38px!important;
    min-height:0!important;
    min-width:0!important;
    width:100%!important;
    flex:1 1 auto!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
    font-size:12.5px!important;
    line-height:38px!important;
    color:inherit!important;
    appearance:none!important;
    -webkit-appearance:none!important;
  }
  .topbar > .search-box input:focus,
  .topbar > .global-search-shell input:focus{
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
  }
  .topbar > .search-box:focus-within,
  .topbar > .global-search-shell:focus-within{
    border-color:#9fb2d0!important;
    box-shadow:0 0 0 3px rgba(66,103,178,.10)!important;
    overflow:visible!important;
  }
  .topbar > .search-box kbd,
  .topbar > .global-search-shell kbd{
    font-size:10px!important;
    padding:2px 6px!important;
  }

  .topbar-actions{
    height:42px!important;
    min-height:42px!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    margin-left:auto!important;
    flex-wrap:nowrap!important;
  }

  .topbar .shift-indicator{
    height:38px!important;
    min-height:38px!important;
    padding:0 10px!important;
    gap:7px!important;
    margin:0 2px 0 0!important;
    border-radius:999px!important;
    box-sizing:border-box!important;
  }
  .topbar .shift-indicator .shift-info{gap:5px!important}
  .topbar .shift-indicator .shift-info strong{font-size:10.5px!important;line-height:1!important}
  .topbar .shift-indicator .shift-info small{font-size:10px!important;line-height:1!important}
  .topbar .shift-indicator .shift-dot{flex:0 0 auto!important}

  .topbar .icon-btn,
  .topbar .ctr-topbar-printer-btn{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    padding:0!important;
    margin:0!important;
    border-radius:11px!important;
    font-size:14px!important;
    flex:0 0 38px!important;
    box-sizing:border-box!important;
  }

  .topbar .user-chip{
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    padding:4px 10px 4px 5px!important;
    margin:0 0 0 2px!important;
    gap:8px!important;
    border-radius:999px!important;
    box-sizing:border-box!important;
  }
  .topbar .user-chip .avatar{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    font-size:12px!important;
  }
  .topbar .user-chip strong{font-size:11.5px!important;line-height:1.15!important}
  .topbar .user-chip small{font-size:9px!important;line-height:1.15!important}
  .topbar .user-chip i.fa-chevron-down{font-size:9px!important;margin-left:0!important}

  .topbar .ctr-demo-badge{
    min-height:38px!important;
    height:38px!important;
    padding:0 10px!important;
    border-radius:11px!important;
    box-sizing:border-box!important;
  }
}