/* homepage-desktop-five-tools-buttons-001
   One desktop rule for every tool page. The homepage open row and the
   standalone cashbook, receivables, and payroll rows share these selectors.
   Phone and the collapsed homepage grid stay on their existing sheets. */

@media (min-width: 1024px) {
  .smp-five-tools-chrome:not([data-homepage-view="none"]) .homepage-task-hub,
  .homepage-peer-nav-host .homepage-task-hub {
    align-items: stretch;
    background: transparent;
    border-bottom: 0;
    gap: 8px;
  }

  .smp-five-tools-chrome:not([data-homepage-view="none"]) .homepage-task-hub > .homepage-task-hub__item,
  .smp-five-tools-chrome:not([data-homepage-view="none"]) .homepage-task-hub > .homepage-task-hub__item:link,
  .smp-five-tools-chrome:not([data-homepage-view="none"]) .homepage-task-hub > .homepage-task-hub__item:visited,
  .homepage-peer-nav-host .homepage-task-hub > .homepage-task-hub__item,
  .homepage-peer-nav-host .homepage-task-hub > .homepage-task-hub__item:link,
  .homepage-peer-nav-host .homepage-task-hub > .homepage-task-hub__item:visited {
    align-items: center;
    align-self: stretch;
    background: #fff;
    border: 1px solid #c5d4cb;
    border-radius: 10px;
    box-shadow: none;
    box-sizing: border-box;
    color: #16382c;
    cursor: pointer;
    flex: 1 1 0;
    height: auto;
    justify-content: center;
    min-height: 44px;
    min-width: 0;
    overflow: visible;
    padding: 8px 10px;
    text-decoration: none;
    width: auto;
  }

  .smp-five-tools-chrome:not([data-homepage-view="none"]) .homepage-task-hub > .homepage-task-hub__item .homepage-task-hub__label,
  .homepage-peer-nav-host .homepage-task-hub > .homepage-task-hub__item .homepage-task-hub__label {
    color: inherit;
    font-weight: 600;
    max-width: 100%;
    overflow: visible;
    overflow-wrap: break-word;
    text-align: center;
    text-overflow: clip;
    white-space: normal;
    width: 100%;
  }

  .smp-five-tools-chrome:not([data-homepage-view="none"]) .homepage-task-hub > .homepage-task-hub__item:hover:not(.is-active):not([aria-pressed="true"]):not([aria-current="page"]),
  .homepage-peer-nav-host .homepage-task-hub > .homepage-task-hub__item:hover:not(.is-active):not([aria-pressed="true"]):not([aria-current="page"]) {
    background: #e7f2eb;
    border-color: #6d8f7c;
    color: #16382c;
  }

  .smp-five-tools-chrome:not([data-homepage-view="none"]) .homepage-task-hub > .homepage-task-hub__item:focus-visible,
  .homepage-peer-nav-host .homepage-task-hub > .homepage-task-hub__item:focus-visible {
    background: #fff;
    outline: 2px solid #123f32;
    outline-offset: 2px;
  }

  .smp-five-tools-chrome:not([data-homepage-view="none"]) .homepage-task-hub > .homepage-task-hub__item.is-active,
  .smp-five-tools-chrome:not([data-homepage-view="none"]) .homepage-task-hub > .homepage-task-hub__item[aria-pressed="true"],
  .smp-five-tools-chrome:not([data-homepage-view="none"]) .homepage-task-hub > .homepage-task-hub__item[aria-current="page"],
  .homepage-peer-nav-host .homepage-task-hub > .homepage-task-hub__item.is-active,
  .homepage-peer-nav-host .homepage-task-hub > .homepage-task-hub__item[aria-pressed="true"],
  .homepage-peer-nav-host .homepage-task-hub > .homepage-task-hub__item[aria-current="page"] {
    background: #e7f2eb;
    border: 1px solid #1f6b45;
    border-radius: 10px;
    box-shadow: none;
    color: #16382c;
  }

  .smp-five-tools-chrome:not([data-homepage-view="none"]) .homepage-task-hub > .homepage-task-hub__item.is-active .homepage-task-hub__label,
  .smp-five-tools-chrome:not([data-homepage-view="none"]) .homepage-task-hub > .homepage-task-hub__item[aria-pressed="true"] .homepage-task-hub__label,
  .smp-five-tools-chrome:not([data-homepage-view="none"]) .homepage-task-hub > .homepage-task-hub__item[aria-current="page"] .homepage-task-hub__label,
  .homepage-peer-nav-host .homepage-task-hub > .homepage-task-hub__item.is-active .homepage-task-hub__label,
  .homepage-peer-nav-host .homepage-task-hub > .homepage-task-hub__item[aria-pressed="true"] .homepage-task-hub__label,
  .homepage-peer-nav-host .homepage-task-hub > .homepage-task-hub__item[aria-current="page"] .homepage-task-hub__label {
    font-weight: 700;
  }

  .smp-five-tools-chrome:not([data-homepage-view="none"]) .homepage-task-hub > .homepage-task-hub__item.is-active:hover,
  .smp-five-tools-chrome:not([data-homepage-view="none"]) .homepage-task-hub > .homepage-task-hub__item[aria-pressed="true"]:hover,
  .smp-five-tools-chrome:not([data-homepage-view="none"]) .homepage-task-hub > .homepage-task-hub__item[aria-current="page"]:hover,
  .homepage-peer-nav-host .homepage-task-hub > .homepage-task-hub__item.is-active:hover,
  .homepage-peer-nav-host .homepage-task-hub > .homepage-task-hub__item[aria-pressed="true"]:hover,
  .homepage-peer-nav-host .homepage-task-hub > .homepage-task-hub__item[aria-current="page"]:hover {
    background: #e7f2eb;
    border-color: #145536;
  }

  .smp-five-tools-chrome:not([data-homepage-view="none"]) .homepage-task-hub > .homepage-task-hub__item.is-active:focus-visible,
  .smp-five-tools-chrome:not([data-homepage-view="none"]) .homepage-task-hub > .homepage-task-hub__item[aria-pressed="true"]:focus-visible,
  .smp-five-tools-chrome:not([data-homepage-view="none"]) .homepage-task-hub > .homepage-task-hub__item[aria-current="page"]:focus-visible,
  .homepage-peer-nav-host .homepage-task-hub > .homepage-task-hub__item.is-active:focus-visible,
  .homepage-peer-nav-host .homepage-task-hub > .homepage-task-hub__item[aria-pressed="true"]:focus-visible,
  .homepage-peer-nav-host .homepage-task-hub > .homepage-task-hub__item[aria-current="page"]:focus-visible {
    background: #e7f2eb;
    outline: 2px solid #123f32;
    outline-offset: 2px;
  }
}