/* listing-quick-entry-placement-20261018.css */
#listView .listing-summary-action-row>.listing-quick-entry{
 position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
 order:3!important;flex:0 0 auto!important;width:auto!important;min-width:104px!important;height:33px!important;margin:0!important;padding:0 12px!important;
 border:1px solid #b7cce0!important;border-radius:7px!important;background:#eaf3fb!important;color:#174c75!important;
 font-size:13px!important;font-weight:700!important;line-height:1!important;white-space:nowrap!important;cursor:pointer!important;box-shadow:none!important;
}
#listView .listing-summary-action-row>.listing-quick-entry:hover{background:#dcebf8!important;border-color:#8fb4d5!important}
#listView .listing-summary-action-row>.listing-quick-entry svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}
#listView .listing-summary-action-row>.listing-quick-entry .sidebar-label{font:inherit;white-space:nowrap}

/* header-visible-tools-20261018.css */
@media (min-width:981px){
 body.has-sidebar{--header-height:104px!important}
 html body.has-sidebar>.brand-header{box-sizing:border-box;display:grid!important;grid-template-columns:154px 120px 154px minmax(150px,1fr) auto;grid-template-rows:59px 42px;align-items:center;column-gap:11px;height:104px!important;min-height:104px!important;padding:0 14px!important}
 html body.has-sidebar>.brand-header>.brand{grid-column:1;grid-row:1;min-width:0}
 html body.has-sidebar>.brand-header>#hanaQuickCustomerIntake{grid-column:2;grid-row:1}
 html body.has-sidebar>.brand-header>#hanaTodayTodo{grid-column:3;grid-row:1}
 html body.has-sidebar>.brand-header>#hanaPhoneLookup{grid-column:4;grid-row:1;justify-self:start;box-sizing:border-box;width:min(225px,100%);max-width:225px;min-width:0;margin:0!important}
 html body.has-sidebar>.brand-header>.utility-nav{grid-column:5;grid-row:1;margin:0!important;justify-self:end;white-space:nowrap}
 html body.has-sidebar>.brand-header>#headerTools{grid-column:2/6;grid-row:2;justify-self:stretch;justify-content:flex-start!important;align-self:stretch;min-width:0;padding:2px 0!important;border-top:1px solid #e8eef3}
 html body.has-sidebar>.brand-header #headerOfficeNavigation{display:flex!important;justify-content:flex-start!important;gap:7px!important;width:100%!important;max-width:100%;min-width:0!important;overflow:visible!important}
 html body.has-sidebar>.brand-header #headerYoutubeStorageGroup{display:contents!important;border:0!important;background:transparent!important}
 html body.has-sidebar>.brand-header #headerOfficeNavigation :is(button[data-view="youtubeProperty"],button[data-view="youtubeAuction"],button[data-view="moveSettlement"],#auctionLabSidebarLink,#hanaStaffHubLink){box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;gap:5px!important;width:auto!important;min-height:32px!important;height:32px!important;margin:0!important;padding:0 9px!important;border:1px solid #dce5ed!important;border-radius:7px!important;background:#f8fafc!important;color:#29465e!important;font-size:12px!important;font-weight:700!important;text-decoration:none!important;white-space:nowrap!important;box-shadow:none!important}
 html body.has-sidebar>.brand-header #headerOfficeNavigation :is(button[data-view="youtubeProperty"],button[data-view="youtubeAuction"],button[data-view="moveSettlement"],#auctionLabSidebarLink,#hanaStaffHubLink):hover{background:#edf5fb!important;border-color:#accadd!important}
 html body.has-sidebar>.brand-header #headerOfficeNavigation :is(button[data-view="youtubeProperty"],button[data-view="youtubeAuction"]) .hana-office-icon{position:relative!important;display:inline-block!important;flex:none!important;width:18px!important;height:13px!important;border-radius:4px!important;background:#ff0033!important}
 html body.has-sidebar>.brand-header #headerOfficeNavigation :is(button[data-view="youtubeProperty"],button[data-view="youtubeAuction"]) .hana-office-icon svg{display:none!important}
 html body.has-sidebar>.brand-header #headerOfficeNavigation :is(button[data-view="youtubeProperty"],button[data-view="youtubeAuction"]) .hana-office-icon::after{content:"";position:absolute;left:7px;top:3px;width:0;height:0;border-top:3.5px solid transparent;border-bottom:3.5px solid transparent;border-left:5px solid #fff}
}
@media (min-width:981px) and (max-width:1140px){
 html body.has-sidebar>.brand-header{grid-template-columns:132px 102px 126px minmax(120px,1fr) auto;column-gap:7px}
 html body.has-sidebar>.brand-header #headerOfficeNavigation{gap:4px!important}
 html body.has-sidebar>.brand-header #headerOfficeNavigation :is(button[data-view="youtubeProperty"],button[data-view="youtubeAuction"],button[data-view="moveSettlement"],#auctionLabSidebarLink,#hanaStaffHubLink){padding:0 6px!important;font-size:11px!important}
}

@media (min-width:981px){
 html body.has-sidebar>.brand-header{row-gap:0!important}
 html body.has-sidebar>.brand-header>#headerTools{margin:0!important}
 html body.has-sidebar .brand-header #headerTools #headerOfficeNavigation>.hana-youtube-storage-group{display:contents!important}
 html body.has-sidebar .brand-header #headerTools #headerOfficeNavigation>.hana-youtube-storage-group>button[data-view]{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;height:32px!important;min-height:32px!important;padding:0 10px!important;border:1px solid #dce5ed!important;border-radius:7px!important;background:#f8fafc!important;color:#29465e!important;font-size:12px!important;font-weight:700!important}
 html body.has-sidebar .brand-header #headerTools #headerOfficeNavigation>.hana-youtube-storage-group>button[data-view]+button[data-view]{border-left:1px solid #dce5ed!important}
 html body.has-sidebar .brand-header #headerTools #headerOfficeNavigation>.hana-youtube-storage-group>button[data-view] .sidebar-label{color:#29465e!important}
 html body.has-sidebar .brand-header #headerTools #headerOfficeNavigation>.hana-youtube-storage-group>button[data-view]>.hana-office-icon{display:inline-block!important;position:relative!important;flex:none!important;width:18px!important;height:13px!important;border-radius:4px!important;background:#ff0033!important}
 html body.has-sidebar .brand-header #headerTools #headerOfficeNavigation>.hana-youtube-storage-group>button[data-view]>.hana-office-icon svg{display:none!important}
 html body.has-sidebar .brand-header #headerTools #headerOfficeNavigation>.hana-youtube-storage-group>button[data-view]>.hana-office-icon::after{content:"";position:absolute;left:7px;top:3px;width:0;height:0;border-top:3.5px solid transparent;border-bottom:3.5px solid transparent;border-left:5px solid #fff}
}

#auctionLabSidebarLink .hana-office-icon{display:none!important}
#auctionLabSidebarLink::before{content:"";display:block;flex:none;width:27px;height:27px;border-radius:50%;background:#ffe3a0 url("assets/midas-auction-logo.png?v=1") center / 125% no-repeat}
@media (min-width:1700px){
 body.has-sidebar{--header-height:62px!important}
 html body.has-sidebar>.brand-header{height:62px!important;min-height:62px!important;grid-template-columns:154px 112px 138px 210px minmax(0,1fr) auto;grid-template-rows:58px;column-gap:8px;row-gap:0!important}
 html body.has-sidebar>.brand-header>#hanaQuickCustomerIntake{grid-column:2;grid-row:1}
 html body.has-sidebar>.brand-header>#hanaTodayTodo{grid-column:3;grid-row:1}
 html body.has-sidebar>.brand-header>#hanaPhoneLookup{grid-column:4;grid-row:1;width:210px;max-width:210px}
 html body.has-sidebar>.brand-header>#headerTools{grid-column:5;grid-row:1;align-self:center;height:36px;margin:0!important;padding:0!important;border-top:0}
 html body.has-sidebar>.brand-header>.utility-nav{grid-column:6;grid-row:1}
 html body.has-sidebar>.brand-header #headerOfficeNavigation{gap:5px!important}
}

@media (min-width:981px){
 body.has-sidebar{--header-height:90px!important}
 html body.has-sidebar>.brand-header{height:90px!important;min-height:90px!important;grid-template-columns:154px 120px 154px minmax(150px,1fr) auto!important;grid-template-rows:53px 36px!important;column-gap:11px!important;row-gap:0!important}
 html body.has-sidebar>.brand-header>#hanaQuickCustomerIntake{grid-column:2;grid-row:1}
 html body.has-sidebar>.brand-header>#hanaTodayTodo{grid-column:3;grid-row:1}
 html body.has-sidebar>.brand-header>#hanaPhoneLookup{grid-column:4;grid-row:1;justify-self:start;width:min(225px,100%)!important;max-width:225px!important}
 html body.has-sidebar>.brand-header>#headerTools{grid-column:2/6!important;grid-row:2!important;align-self:stretch!important;height:36px!important;margin:0!important;padding:1px 0!important;border-top:1px solid #e8eef3!important}
 html body.has-sidebar>.brand-header>.utility-nav{grid-column:5;grid-row:1}
 html body.has-sidebar>.brand-header #headerOfficeNavigation{justify-content:flex-start!important;gap:7px!important}
}
@media (min-width:981px) and (max-width:1140px){
 html body.has-sidebar>.brand-header{grid-template-columns:132px 102px 126px minmax(120px,1fr) auto!important;column-gap:7px!important}
}

@media (min-width:981px){
 html body.has-sidebar .brand-header #headerTools #headerOfficeNavigation>.hana-youtube-storage-group{position:relative!important;display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important;box-shadow:none!important}
 html body.has-sidebar .brand-header #headerTools #headerOfficeNavigation .hana-youtube-work-toggle{display:inline-flex!important;align-items:center!important;gap:8px!important;height:32px!important;min-height:32px!important;padding:0 12px!important;border:1px solid #dce5ed!important;border-radius:7px!important;background:#f8fafc!important;color:#29465e!important;font-size:13px!important;font-weight:750!important;white-space:nowrap!important}
 html body.has-sidebar .brand-header #headerTools #headerOfficeNavigation .hana-youtube-work-toggle::before{content:"";display:block;width:18px;height:13px;border-radius:4px;background:#ff0033;clip-path:none}
 html body.has-sidebar .brand-header #headerTools #headerOfficeNavigation .hana-youtube-work-toggle::after{content:"▾";font-size:11px;color:#668198}
 html body.has-sidebar .brand-header #headerTools #headerOfficeNavigation .hana-youtube-work-toggle[aria-expanded="true"]{background:#eaf3fb;border-color:#9dc5df}
 html body.has-sidebar .brand-header #headerTools #headerOfficeNavigation .hana-youtube-work-menu{position:absolute!important;z-index:2000!important;top:calc(100% + 7px)!important;left:0!important;display:grid!important;gap:5px!important;width:225px!important;min-width:225px!important;padding:7px!important;border:1px solid #d3e0ea!important;border-radius:10px!important;background:#fff!important;box-shadow:0 12px 28px rgba(24,53,78,.16)!important}
 html body.has-sidebar .brand-header #headerTools #headerOfficeNavigation .hana-youtube-work-menu[hidden]{display:none!important}
 html body.has-sidebar .brand-header #headerTools #headerOfficeNavigation .hana-youtube-work-menu>button[data-view]{display:flex!important;justify-content:flex-start!important;width:100%!important;height:40px!important;min-height:40px!important;padding:0 11px!important;font-size:13px!important}
}

@media (min-width:981px){
 html body.has-sidebar .brand-header #headerTools #headerOfficeNavigation .hana-youtube-work-toggle::before{content:none!important}
 html body.has-sidebar .brand-header #headerTools #headerOfficeNavigation .hana-youtube-work-icon{position:relative;display:block;flex:none;width:18px;height:13px;border-radius:4px;background:#ff0033}
 html body.has-sidebar .brand-header #headerTools #headerOfficeNavigation .hana-youtube-work-icon::after{content:"";position:absolute;left:7px;top:3px;border-top:3.5px solid transparent;border-bottom:3.5px solid transparent;border-left:5px solid white}
}

@media (min-width:1141px){
 html body.has-sidebar>.brand-header{grid-template-columns:154px 120px 170px minmax(150px,1fr) auto!important}
 html body.has-sidebar>.brand-header>#hanaTodayTodo{box-sizing:border-box!important;width:170px!important;max-width:170px!important;min-width:0!important}
}
@media (min-width:981px) and (max-width:1140px){
 html body.has-sidebar>.brand-header{grid-template-columns:132px 102px 142px minmax(120px,1fr) auto!important}
 html body.has-sidebar>.brand-header>#hanaTodayTodo{box-sizing:border-box!important;width:142px!important;max-width:142px!important;min-width:0!important}
}

@media (min-width:981px){
 html body.has-sidebar .brand-header #headerTools #headerOfficeNavigation .hana-youtube-work-toggle{opacity:1!important;background:#f4f9fd!important;color:#153b59!important;border-color:#bed4e4!important}
 html body.has-sidebar .brand-header #headerTools #headerOfficeNavigation .hana-youtube-work-toggle>span:last-child{opacity:1!important;color:#153b59!important;font-size:13px!important;font-weight:800!important}
 html body.has-sidebar .brand-header #headerTools #headerOfficeNavigation .hana-youtube-work-toggle:hover{background:#e7f2fa!important;border-color:#91b9d2!important}
}

@media (min-width:981px) and (max-width:1700px){
 html body.has-sidebar #listView{min-width:0!important;max-width:100%!important}
 html body.has-sidebar #listView #batchPanel{min-width:0!important;max-width:100%!important}
 html body.has-sidebar #listView #batchPanel .batch-scroll{box-sizing:border-box!important;display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:visible!important;overscroll-behavior-x:contain;scrollbar-width:thin}
}

@media (min-width:981px){
 html body.has-sidebar>.brand-header{border-top:0!important;border-bottom:1px solid #dfe7ef!important;box-shadow:none!important}
 html body.has-sidebar>.brand-header>#headerTools{border-top:0!important}
}

@media (min-width:1650px){
 body.has-sidebar{--header-height:62px!important}
 html body.has-sidebar>.brand-header{box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:10px!important;height:62px!important;min-height:62px!important;padding:0 14px!important}
 html body.has-sidebar>.brand-header>.brand{flex:0 0 154px!important;min-width:0!important}
 html body.has-sidebar>.brand-header>#hanaQuickCustomerIntake{flex:0 0 120px!important;width:120px!important;min-width:0!important;margin:0!important}
 html body.has-sidebar>.brand-header>#hanaTodayTodo{flex:0 0 170px!important;width:170px!important;min-width:0!important;max-width:170px!important;margin:0!important}
 html body.has-sidebar>.brand-header>#hanaPhoneLookup{flex:0 0 225px!important;width:225px!important;min-width:0!important;max-width:225px!important;margin:0!important}
 html body.has-sidebar>.brand-header>#headerTools{flex:0 0 auto!important;align-self:center!important;box-sizing:border-box!important;width:auto!important;min-width:0!important;height:36px!important;margin:0!important;padding:0!important;border:0!important;overflow:visible!important}
 html body.has-sidebar>.brand-header #headerOfficeNavigation{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:5px!important;width:auto!important;min-width:0!important}
 html body.has-sidebar>.brand-header>.utility-nav{flex:0 0 auto!important;margin:0 0 0 auto!important;justify-self:auto!important;white-space:nowrap!important}
}

/* header-arrangement-20261018.css */
/* Clear priority order for the staff-only desktop header. */
@media (min-width:981px) {
  body.has-sidebar { --header-height:90px!important; }
  html body.has-sidebar>.brand-header {
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:154px 122px 170px minmax(185px,1fr) auto!important;
    grid-template-rows:54px 36px!important;
    align-items:center!important;
    column-gap:10px!important;
    row-gap:0!important;
    height:90px!important;
    min-height:90px!important;
    padding:0 14px!important;
    border-top:0!important;
    border-bottom:1px solid #dfe7ef!important;
    box-shadow:none!important;
  }
  html body.has-sidebar>.brand-header>.brand {
    grid-column:1!important;grid-row:1!important;
    width:154px!important;min-width:0!important;margin:0!important;
  }
  html body.has-sidebar>.brand-header>#hanaQuickCustomerIntake {
    grid-column:2!important;grid-row:1!important;
    width:122px!important;min-width:0!important;margin:0!important;
  }
  html body.has-sidebar>.brand-header>#hanaTodayTodo {
    grid-column:3!important;grid-row:1!important;
    box-sizing:border-box!important;width:170px!important;max-width:170px!important;
    min-width:0!important;margin:0!important;
  }
  html body.has-sidebar>.brand-header>#hanaPhoneLookup {
    grid-column:4!important;grid-row:1!important;
    box-sizing:border-box!important;width:225px!important;max-width:225px!important;
    min-width:0!important;margin:0!important;justify-self:start!important;
  }
  html body.has-sidebar>.brand-header>.utility-nav {
    grid-column:5!important;grid-row:1!important;
    justify-self:end!important;min-width:0!important;margin:0!important;
  }
  html body.has-sidebar>.brand-header>#headerTools {
    grid-column:2/6!important;grid-row:2!important;
    box-sizing:border-box!important;align-self:stretch!important;
    width:100%!important;min-width:0!important;height:36px!important;
    margin:0!important;padding:0!important;border:0!important;
    justify-content:flex-start!important;overflow:visible!important;
  }
  html body.has-sidebar>.brand-header #headerOfficeNavigation {
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    flex:1 1 auto!important;width:100%!important;min-width:0!important;
    height:36px!important;gap:8px!important;
  }
  html body.has-sidebar>.brand-header #headerOfficeNavigation .hana-youtube-work-toggle,
  html body.has-sidebar>.brand-header #headerOfficeNavigation #auctionLabSidebarLink,
  html body.has-sidebar>.brand-header #headerOfficeNavigation button[data-view="moveSettlement"],
  html body.has-sidebar>.brand-header #headerOfficeNavigation #hanaStaffHubLink {
    box-sizing:border-box!important;height:36px!important;min-height:36px!important;
    padding:0 11px!important;font-size:13px!important;letter-spacing:0!important;
    font-weight:750!important;white-space:nowrap!important;
  }
  html body.has-sidebar>.brand-header #headerOfficeNavigation #hanaStaffHubLink {
    margin-left:auto!important;
    border-color:#b9d3e4!important;background:#eaf4fb!important;
    color:#174b70!important;
  }
  html body.has-sidebar>.brand-header #headerOfficeNavigation #hanaStaffHubLink:hover {
    background:#d8ecf8!important;border-color:#8db9d3!important;
  }
  html body.has-sidebar>.brand-header #headerOfficeNavigation .hana-youtube-work-menu {
    top:calc(100% + 5px)!important;
  }
}
@media (min-width:981px) and (max-width:1140px) {
  html body.has-sidebar>.brand-header {
    grid-template-columns:132px 108px 145px minmax(145px,1fr) auto!important;
    column-gap:7px!important;
  }
  html body.has-sidebar>.brand-header>.brand {width:132px!important;}
  html body.has-sidebar>.brand-header>#hanaQuickCustomerIntake {width:108px!important;}
  html body.has-sidebar>.brand-header>#hanaTodayTodo {width:145px!important;max-width:145px!important;}
  html body.has-sidebar>.brand-header>#hanaPhoneLookup {width:185px!important;max-width:185px!important;}
  html body.has-sidebar>.brand-header #headerOfficeNavigation {gap:5px!important;}
}
@media (min-width:1650px) {
  body.has-sidebar { --header-height:62px!important; }
  html body.has-sidebar>.brand-header {
    grid-template-columns:154px 122px 170px 225px minmax(0,1fr) auto!important;
    grid-template-rows:62px!important;
    height:62px!important;min-height:62px!important;
  }
  html body.has-sidebar>.brand-header>#hanaPhoneLookup {grid-column:4!important;grid-row:1!important;}
  html body.has-sidebar>.brand-header>#headerTools {
    grid-column:5!important;grid-row:1!important;
    align-self:center!important;width:100%!important;
  }
  html body.has-sidebar>.brand-header>.utility-nav {
    grid-column:6!important;grid-row:1!important;
  }
}

@media (min-width:981px) {
  html body.has-sidebar .brand-header #headerTools #headerOfficeNavigation>.hana-youtube-storage-group {
    display:inline-flex!important;height:36px!important;min-height:36px!important;
  }
  html body.has-sidebar .brand-header #headerTools #headerOfficeNavigation .hana-youtube-work-toggle,
  html body.has-sidebar .brand-header #headerTools #headerOfficeNavigation #auctionLabSidebarLink,
  html body.has-sidebar .brand-header #headerTools #headerOfficeNavigation button[data-view="moveSettlement"],
  html body.has-sidebar .brand-header #headerTools #headerOfficeNavigation #hanaStaffHubLink {
    box-sizing:border-box!important;height:36px!important;min-height:36px!important;
    font-size:14px!important;font-weight:750!important;
  }
  html body.has-sidebar .brand-header #headerTools #headerOfficeNavigation .hana-youtube-work-toggle>span:last-child {
    font-size:14px!important;
  }
  html body.has-sidebar .brand-header #hanaPhoneSearch {
    font-size:13px!important;
  }
}

@media (min-width:981px) and (max-width:1140px) {
  html body.has-sidebar>.brand-header {
    grid-template-columns:154px 122px 170px minmax(185px,1fr) auto!important;
    column-gap:10px!important;
  }
  html body.has-sidebar>.brand-header>.brand {width:154px!important;}
  html body.has-sidebar>.brand-header>#hanaQuickCustomerIntake {width:122px!important;}
  html body.has-sidebar>.brand-header>#hanaTodayTodo {width:170px!important;max-width:170px!important;}
  html body.has-sidebar>.brand-header>#hanaPhoneLookup {width:200px!important;max-width:200px!important;}
}

@media (min-width:981px) {
  html body.has-sidebar .brand-header #headerTools #headerOfficeNavigation :is(
    .hana-youtube-work-menu>button[data-view],
    button[data-view="moveSettlement"]
  ) .sidebar-label {
    color:#24445e!important;opacity:1!important;
    font-size:14px!important;font-weight:750!important;
  }
  html body.has-sidebar .brand-header #headerTools #headerOfficeNavigation .hana-youtube-work-menu>button[data-view] {
    min-height:42px!important;
  }
  html body.has-sidebar .brand-header #headerTools #headerOfficeNavigation .hana-youtube-work-menu>button[data-view]:hover {
    background:#eaf3f9!important;
  }
}

/* Keep the staff actions together and fit the header to the viewport. */
@media (min-width:981px) {
  html body.has-sidebar>.brand-header #headerOfficeNavigation #hanaStaffHubLink {
    margin-left:0!important;
  }
}
@media (min-width:1650px) {
  html body.has-sidebar>.brand-header {
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    grid-template-columns:154px 122px 170px 225px minmax(0,1fr) max-content!important;
  }
  html body.has-sidebar>.brand-header>#headerTools {
    min-width:0!important;
  }
  html body.has-sidebar>.brand-header #headerOfficeNavigation {
    width:max-content!important;
    max-width:100%!important;
    flex:0 0 auto!important;
    justify-content:flex-start!important;
  }
  html body.has-sidebar>.brand-header>.utility-nav {
    justify-self:end!important;
    margin:0!important;
  }
}

/* Center the daily intake controls in the unused desktop header space. */
@media(min-width:1650px){
 html body.has-sidebar>.brand-header>#hanaQuickCustomerIntake{margin-left:auto!important}
 html body.has-sidebar>.brand-header>#hanaPhoneLookup{margin-right:auto!important}
}
@media(min-width:981px) and (max-width:1649px){
 html body.has-sidebar>.brand-header{
  grid-template-columns:154px minmax(0,1fr) 122px 170px minmax(185px,225px) minmax(0,1fr) max-content!important;
  column-gap:8px!important;
 }
 html body.has-sidebar>.brand-header>#hanaQuickCustomerIntake{grid-column:3!important}
 html body.has-sidebar>.brand-header>#hanaTodayTodo{grid-column:4!important}
 html body.has-sidebar>.brand-header>#hanaPhoneLookup{grid-column:5!important}
 html body.has-sidebar>.brand-header>.utility-nav{grid-column:7!important}
 html body.has-sidebar>.brand-header>#headerTools{grid-column:3/8!important}
}

/* Administrator actions live next to the signed-in name. */
@media(min-width:981px){
 html body.has-sidebar .brand-header .utility-nav{display:flex!important;align-items:center!important;gap:6px!important;white-space:nowrap!important}
 html body.has-sidebar .brand-header #hanaAdminTools{display:flex!important;align-items:center!important;gap:3px!important;margin-right:12px!important;padding-right:11px!important;border-right:1px solid #dce5ed}
 html body.has-sidebar .brand-header #hanaAdminTools button[data-view]{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-width:0!important;min-height:34px!important;padding:0 8px!important;margin:0!important;border:1px solid transparent!important;border-radius:7px!important;background:transparent!important;color:#36526b!important;opacity:1!important;font-size:12px!important;font-weight:700!important;white-space:nowrap!important;cursor:pointer}
 html body.has-sidebar .brand-header #hanaAdminTools button[data-view]:hover{background:#eaf3f9!important;border-color:#c8deec!important;color:#174e78!important}
 html body.has-sidebar .brand-header #hanaAdminTools button[data-view].active{background:#fff1e5!important;border-color:#e8bc91!important;color:#a85419!important}
 html body.has-sidebar .brand-header #hanaAdminTools button[data-view] .sidebar-label{display:inline!important;color:inherit!important;opacity:1!important}
 html body.has-sidebar .brand-header #hanaAdminTools button[data-view] .hana-office-icon svg{width:16px!important;height:16px!important}
}
@media(min-width:1650px){
 html body.has-sidebar>.brand-header{display:flex!important;align-items:center!important;flex-wrap:nowrap!important}
 html body.has-sidebar>.brand-header>#hanaQuickCustomerIntake{margin-left:auto!important}
 html body.has-sidebar>.brand-header>#headerTools{margin-right:auto!important}
 html body.has-sidebar>.brand-header>.utility-nav{margin:0!important}
}
@media(min-width:981px) and (max-width:1649px){
 html body.has-sidebar>.brand-header>.utility-nav{grid-column:5/8!important;grid-row:1!important;justify-self:end!important}
 html body.has-sidebar>.brand-header>#headerTools{grid-column:3/8!important;grid-row:2!important}
}

/* Two tidy rows on medium desktop screens. */
@media(min-width:981px) and (max-width:1649px){
 html body.has-sidebar>.brand-header{
  display:grid!important;grid-template-columns:154px minmax(0,1fr) 122px 170px minmax(185px,225px) minmax(0,1fr)!important;
  grid-template-rows:54px 36px!important;height:90px!important;min-height:90px!important;column-gap:8px!important;
 }
 html body.has-sidebar>.brand-header>.brand{grid-column:1!important;grid-row:1!important}
 html body.has-sidebar>.brand-header>#hanaQuickCustomerIntake{grid-column:3!important;grid-row:1!important}
 html body.has-sidebar>.brand-header>#hanaTodayTodo{grid-column:4!important;grid-row:1!important}
 html body.has-sidebar>.brand-header>#hanaPhoneLookup{grid-column:5!important;grid-row:1!important}
 html body.has-sidebar>.brand-header>#headerTools{grid-column:2/4!important;grid-row:2!important;justify-self:end!important;width:auto!important}
 html body.has-sidebar>.brand-header>.utility-nav{grid-column:4/7!important;grid-row:2!important;justify-self:end!important}
}

/* Fix the old full-width grid track when the wide header becomes flex. */
@media(min-width:1650px){
 html body.has-sidebar>.brand-header>#headerTools{box-sizing:border-box!important;flex:0 0 auto!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0 auto 0 0!important;overflow:visible!important}
 html body.has-sidebar>.brand-header #headerOfficeNavigation{display:flex!important;flex:0 0 auto!important;width:auto!important;max-width:none!important;min-width:0!important}
 html body.has-sidebar>.brand-header>.utility-nav{display:flex!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;margin:0!important;visibility:visible!important;opacity:1!important}
}


/* Customer intake preview and phone lookup order. Existing controls retain their handlers. */
@media(min-width:981px){
 html body.has-sidebar>.brand-header{
  grid-template-columns:154px 225px 122px 132px 170px minmax(0,1fr) auto!important;
  grid-template-rows:54px 36px!important;
  height:90px!important;min-height:90px!important;column-gap:9px!important;
 }
 html body.has-sidebar>.brand-header>.brand{grid-column:1!important;grid-row:1!important}
 html body.has-sidebar>.brand-header>#hanaPhoneLookup{grid-column:2!important;grid-row:1!important;width:225px!important;max-width:225px!important}
 html body.has-sidebar>.brand-header>#hanaQuickCustomerIntake{grid-column:3!important;grid-row:1!important;width:122px!important}
 html body.has-sidebar>.brand-header>#hanaCustomerIntakeListPopup{grid-column:4!important;grid-row:1!important;width:132px!important}
 html body.has-sidebar>.brand-header>#hanaTodayTodo{grid-column:5!important;grid-row:1!important;width:170px!important;max-width:170px!important}
 html body.has-sidebar>.brand-header>.utility-nav{grid-column:7!important;grid-row:1!important;justify-self:end!important}
 html body.has-sidebar>.brand-header>#headerTools{grid-column:2/8!important;grid-row:2!important}
}
@media(min-width:1650px){
 body.has-sidebar{--header-height:62px!important}
 html body.has-sidebar>.brand-header{grid-template-rows:62px!important;height:62px!important;min-height:62px!important}
 html body.has-sidebar>.brand-header>#headerTools{grid-column:6!important;grid-row:1!important}
}
@media(min-width:981px) and (max-width:1250px){
 html body.has-sidebar>.brand-header{grid-template-columns:132px 180px 108px 116px 145px minmax(0,1fr) auto!important;column-gap:7px!important}
 html body.has-sidebar>.brand-header>.brand{width:132px!important}
 html body.has-sidebar>.brand-header>#hanaPhoneLookup{width:180px!important;max-width:180px!important}
 html body.has-sidebar>.brand-header>#hanaQuickCustomerIntake{width:108px!important}
 html body.has-sidebar>.brand-header>#hanaCustomerIntakeListPopup{width:116px!important}
 html body.has-sidebar>.brand-header>#hanaTodayTodo{width:145px!important;max-width:145px!important}
}


/* Explicit visual sequence: lookup, intake, inquiry, today, memo, settlement. */
@media(min-width:1650px){
 html body.has-sidebar>.brand-header{display:flex!important;align-items:center!important;gap:8px!important;padding:0 12px!important}
 html body.has-sidebar>.brand-header>.brand{order:0!important;flex:0 0 154px!important}
 html body.has-sidebar>.brand-header>#hanaPhoneLookup{order:1!important;flex:0 0 225px!important;width:225px!important;margin:0!important}
 html body.has-sidebar>.brand-header>#hanaQuickCustomerIntake{order:2!important;flex:0 0 122px!important;width:122px!important;margin:0!important}
 html body.has-sidebar>.brand-header>#hanaCustomerIntakeListPopup{order:3!important;flex:0 0 132px!important;width:132px!important;margin:0!important}
 html body.has-sidebar>.brand-header>#hanaTodayTodo{order:4!important;flex:0 0 170px!important;width:170px!important;margin:0!important}
 html body.has-sidebar>.brand-header>#hanaQuickMemoDock{order:5!important;flex:0 0 auto!important;margin:0!important}
 html body.has-sidebar>.brand-header>#headerTools{order:6!important;flex:0 0 auto!important;width:auto!important;margin:0!important}
 html body.has-sidebar>.brand-header>.utility-nav{order:7!important;flex:0 0 auto!important;margin:0 0 0 auto!important}
}
@media(min-width:981px) and (max-width:1649px){
 html body.has-sidebar>.brand-header{
  display:grid!important;grid-template-columns:154px 225px 122px 132px 170px minmax(120px,1fr)!important;
  grid-template-rows:54px 36px!important;gap:0 8px!important;
 }
 html body.has-sidebar>.brand-header>#hanaPhoneLookup{grid-column:2!important;grid-row:1!important}
 html body.has-sidebar>.brand-header>#hanaQuickCustomerIntake{grid-column:3!important;grid-row:1!important}
 html body.has-sidebar>.brand-header>#hanaCustomerIntakeListPopup{grid-column:4!important;grid-row:1!important}
 html body.has-sidebar>.brand-header>#hanaTodayTodo{grid-column:5!important;grid-row:1!important}
 html body.has-sidebar>.brand-header>#hanaQuickMemoDock{grid-column:6!important;grid-row:1!important;margin:0!important}
 html body.has-sidebar>.brand-header>#headerTools{grid-column:2/5!important;grid-row:2!important;justify-self:start!important}
 html body.has-sidebar>.brand-header>.utility-nav{grid-column:5/7!important;grid-row:2!important;justify-self:end!important}
}
@media(min-width:981px) and (max-width:1250px){
 html body.has-sidebar>.brand-header{grid-template-columns:132px 180px 108px 116px 145px minmax(120px,1fr)!important;column-gap:7px!important}
}

/* staff-operations-20261018.css */

body:has(#accountsView:not([hidden])) main,body:has(#adminView:not([hidden])) main{background:#f5f7fa!important;padding:20px 24px 44px!important}
#accountsView.account-panel,#adminView.account-panel{box-sizing:border-box;width:min(1200px,100%)!important;max-width:1200px!important;margin:0 auto!important;padding:24px!important;border:1px solid #dfe7ef!important;border-radius:12px!important;background:#fff!important}
#accountsView .hana-staff-hub-tabs,#adminView .hana-staff-hub-tabs{margin-bottom:20px}
#accountsView h1,#adminView h1{font-size:24px;color:#183654;margin:0 0 8px}
#accountsView .accounts-table,#adminView .accounts-table{font-size:14px}
#accountsView .accounts-table th,#adminView .accounts-table th{color:#62788f;background:#f7fafd;font-weight:700}
#accountsView .accounts-table td,#accountsView .accounts-table th,#adminView .accounts-table td,#adminView .accounts-table th{padding:13px 12px;border-bottom:1px solid #e2eaf1}
#accountsView .accounts-table button{font-size:13px;min-height:32px;padding:5px 10px}
.staff-admin-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}
.staff-admin-head p{margin:0;color:#667b90;font-size:14px}
.staff-admin-actions{display:flex;gap:8px;flex-wrap:wrap}
.staff-admin-actions button{min-height:36px;border:1px solid #b9d0e2;border-radius:7px;background:#eef6fc;color:#195078;font-size:13px;font-weight:700;padding:7px 14px;cursor:pointer}
.staff-admin-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.staff-admin-card{border:1px solid #dfe7ef;border-radius:10px;background:#fbfdff;padding:17px 18px}
.staff-admin-card span{display:block;color:#6a7d90;font-size:13px;margin-bottom:7px}
.staff-admin-card strong{display:block;color:#153d63;font-size:22px;font-variant-numeric:tabular-nums}
.staff-admin-section{border:1px solid #e1e8ef;border-radius:10px;overflow:hidden}
.staff-admin-section h2{font-size:17px;color:#183654;margin:0;padding:17px 18px;border-bottom:1px solid #e1e8ef}
.staff-admin-table{width:100%}
@media(max-width:760px){body:has(#accountsView:not([hidden])) main,body:has(#adminView:not([hidden])) main{padding:10px!important}#accountsView.account-panel,#adminView.account-panel{padding:16px!important}.staff-admin-head{align-items:flex-start;flex-direction:column}.staff-admin-cards{grid-template-columns:1fr}.staff-admin-section{overflow-x:auto}.staff-admin-table{min-width:620px}}