/* Canonical desktop chrome. Historical topbar patches are retired into this contract. */
@media(min-width:901px){
  .topbar{
    height:50px!important;
    grid-template-columns:minmax(150px,220px) minmax(240px,520px) auto!important;
    column-gap:16px!important;
    padding-left:14px!important;
    padding-right:12px!important;
  }
  .topbar-left{min-width:0!important}
  .topbar-left h1{
    font-size:var(--type-display)!important;
    font-weight:var(--weight-strong)!important;
    letter-spacing:-.012em!important;
    color:#d6dce1!important;
  }
  .global-command-cluster{grid-column:2;justify-self:center;width:min(100%,540px);min-width:0;display:flex;align-items:center;justify-content:center;gap:6px}
  .global-command-cluster>.top-icon-btn,.global-command-cluster>.notification-center-wrap{flex:0 0 auto}
  .global-search{
    flex:1 1 auto;
    justify-self:center;
    width:auto!important;
    min-width:240px!important;
    height:var(--control-h-compact)!important;
    background:rgba(17,20,23,.72)!important;
    border-color:#333a40!important;
    box-shadow:inset 0 1px 2px rgba(0,0,0,.28)!important;
  }
  .global-search input{font-size:var(--type-sm)!important;color:#c5ccd1!important}
  .global-search svg{color:#76818a}
  .topbar-actions{grid-column:3!important;justify-self:end!important;gap:8px!important;padding-left:14px!important;margin-left:2px!important;border-left:0!important}
  .header-date{margin:0!important;min-width:96px!important;padding:0 2px!important}
  .top-icon-btn{width:30px!important;height:30px!important}
  .top-icon-btn svg{width:var(--icon-lg)!important;height:var(--icon-lg)!important}
}
@media(min-width:901px) and (max-width:1050px){
  .topbar{grid-template-columns:minmax(130px,180px) minmax(260px,1fr) auto!important;column-gap:10px!important}
  .global-command-cluster{width:100%;gap:4px}
  .global-search{min-width:190px!important}
  .topbar-actions{padding-left:10px!important}
  .header-date{min-width:76px!important}
}
@media(max-width:900px){.global-command-cluster{grid-column:2;display:flex;align-items:center;gap:4px}.global-command-cluster .global-search{display:none!important}}

.notification-center-wrap{position:relative;display:flex;align-items:center}.notification-bell-btn{position:relative}.notification-bell-badge{position:absolute;right:1px;top:1px;min-width:var(--badge-content-size);height:var(--badge-content-size);padding:0 var(--badge-content-pad-x);display:grid;place-items:center;border-radius:999px;background:var(--attention-red);color:#fff;font-size:7px;line-height:1;font-weight:700;box-shadow:0 0 0 1px var(--panel)}.notification-bell-btn.has-unread{color:#c9dce7}.notification-center{position:fixed!important;z-index:10020!important;width:min(390px,calc(100vw - 24px));max-height:min(560px,calc(100vh - 88px));display:flex;flex-direction:column;border:1px solid #343b40;border-radius:7px;background:#171b1e;box-shadow:0 18px 48px rgba(0,0,0,.48);overflow:hidden}.notification-center-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-bottom:1px solid #2d3439;background:#1b2023}.notification-center-head>div{display:flex;flex-direction:column;gap:2px}.notification-center-head strong{font-size:var(--type-md)}.notification-center-head span{font-size:var(--type-2xs);color:var(--muted)}.notification-center-list{overflow:auto}.notification-center-row{width:100%;display:grid;grid-template-columns:8px minmax(0,1fr);gap:9px;padding:11px 12px;border:0;border-bottom:1px solid #292f34;background:transparent;color:inherit;text-align:left;cursor:pointer}.notification-center-row:hover{background:var(--surface-hover)}.notification-center-row.is-read{opacity:.68}.notification-center-dot{width:7px;height:7px;margin-top:5px;border-radius:50%;background:transparent}.notification-center-row.is-unread .notification-center-dot{background:var(--active-blue)}.notification-center-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.notification-center-copy strong{font-size:var(--type-sm);font-weight:var(--weight-semibold);color:#d2d9dd}.notification-center-copy>span{font-size:var(--type-xs);line-height:1.4;color:#9ca7ad}.notification-center-copy em{font-size:var(--type-2xs);font-style:normal;color:#bf9758}.notification-center-copy small{font-size:var(--type-2xs);color:#66737b}.notification-center-empty{padding:28px 16px;text-align:center;color:var(--muted);font-size:var(--type-xs)}@media(max-width:700px){.notification-center{position:fixed;left:8px;right:8px;top:58px;width:auto;max-height:calc(100vh - 74px)}}