/* INESS HOME DASHBOARD UX-4A 20260916 */

.app-home-hero--compact {
  padding-bottom:
    26px;
}

.app-home-hero--compact h1 {
  max-width:
    330px;

  margin-bottom:
    10px;
}

.app-home-hero--compact p {
  max-width:
    330px;

  margin-bottom:
    20px;
}

.app-home-hero--compact
.app-home-hero-actions {
  display:
    block;
}

.app-home-hero--compact
.app-home-hero-actions
.iness-button {
  width:
    min(100%, 320px);
}


.app-home-actions-section {
  margin-top:
    22px;
}

.app-home-quick-actions {
  display:
    grid;

  grid-template-columns:
    repeat(
      3,
      minmax(0, 1fr)
    );

  gap:
    9px;
}

.app-home-quick-action {
  appearance:
    none;

  display:
    flex;

  flex-direction:
    column;

  align-items:
    flex-start;

  min-width:
    0;

  min-height:
    126px;

  padding:
    14px;

  border:
    1px solid
    rgba(87, 70, 54, .09);

  border-radius:
    18px;

  background:
    rgba(255, 253, 249, .93);

  color:
    inherit;

  text-align:
    left;

  font:
    inherit;

  box-shadow:
    0 5px 18px
    rgba(52, 39, 28, .035);

  cursor:
    pointer;

  touch-action:
    manipulation;

  transition:
    transform .12s ease,
    border-color .16s ease,
    background-color .16s ease;
}

.app-home-quick-action:first-child {
  background:
    #211d1a;

  color:
    #fff;

  border-color:
    #211d1a;
}

.app-home-quick-action__icon {
  display:
    grid;

  place-items:
    center;

  width:
    30px;

  height:
    30px;

  margin-bottom:
    16px;

  border-radius:
    999px;

  background:
    rgba(137, 105, 88, .08);

  font-size:
    16px;
}

.app-home-quick-action:first-child
.app-home-quick-action__icon {
  background:
    rgba(255, 255, 255, .12);
}

.app-home-quick-action strong {
  display:
    block;

  font-size:
    13px;

  line-height:
    1.18;

  font-weight:
    750;
}

.app-home-quick-action small {
  display:
    block;

  margin-top:
    6px;

  color:
    #82766d;

  font-size:
    10.5px;

  line-height:
    1.35;
}

.app-home-quick-action:first-child small {
  color:
    rgba(255, 255, 255, .68);
}

.app-home-quick-action:active {
  transform:
    scale(.98);
}

.app-home-quick-action:focus-visible {
  outline:
    3px solid
    rgba(201, 111, 145, .22);

  outline-offset:
    2px;
}


/*
 * Personal context is operational,
 * so keep it visually close to the hero.
 */
.app-home-personal:not([hidden]) {
  margin-top:
    -4px;

  margin-bottom:
    22px;
}


/*
 * Availability is a high-intent module:
 * slightly tighter spacing than editorial blocks.
 */
#appHomeAvailabilitySection {
  margin-top:
    26px;
}


@media (max-width: 390px) {
  .app-home-quick-actions {
    grid-template-columns:
      1fr;
  }

  .app-home-quick-action {
    display:
      grid;

    grid-template-columns:
      34px minmax(0, 1fr);

    column-gap:
      12px;

    align-items:
      start;

    min-height:
      auto;

    padding:
      14px 15px;
  }

  .app-home-quick-action__icon {
    margin:
      0;
  }
}


@media (prefers-reduced-motion: reduce) {
  .app-home-quick-action {
    transition:
      none !important;
  }
}