/* High-fidelity mobile homepage treatment based on the selected reference. */
body.agent-home-tab { color: #10131d; background: #2f3034; }

body.agent-home-tab .app-shell {
  display: block; width: min(100%, 460px); height: 100svh; min-height: 0; margin: 0 auto; padding: 14px 0 0;
  overflow-x: hidden; overflow-y: auto; overscroll-behavior-y: contain; scrollbar-width: none; border: 0; border-radius: 0; background-color: #f2f6fe;
  background-image: url("/assets/home-top-background-ps-template-2x.png"); background-position: center top;
  background-repeat: no-repeat; background-size: 100% auto; background-attachment: local; box-shadow: none;
}
body.agent-home-tab .app-shell::-webkit-scrollbar { display: none; }

body.agent-home-tab .global-actions-bar {
  position: relative; z-index: 3; grid-template-columns: minmax(88px, 1fr) auto auto; gap: 8px;
  min-height: 60px; margin: 0; padding: 2px 20px 12px; border: 0; background: transparent;
}
body.agent-home-tab .global-actions-bar h2 { color: #0b0d13; font-size: 27px; line-height: 1; font-weight: 900; }
body.agent-home-tab .global-actions-bar h2::after { color: #5f6575; font-size: 11px; line-height: 1.25; font-weight: 500; }
body.agent-home-tab .marketing-calendar-button {
  min-height: 40px; padding: 0 14px; border: 0; border-radius: 22px; color: #fff; background: #ff6126;
  box-shadow: 0 7px 18px rgba(255, 97, 38, .19); font-size: 12px;
}
body.agent-home-tab .balance-pill,
body.agent-home-tab .system-notice-button {
  min-height: 40px; border: 1px solid rgba(255, 255, 255, .92); border-radius: 22px; color: #151823;
  background: rgba(255, 255, 255, .88); box-shadow: 0 7px 19px rgba(45, 57, 86, .06);
}
body.agent-home-tab .balance-pill { padding: 0 13px; }
body.agent-home-tab .balance-pill span { display: none; }
body.agent-home-tab .balance-pill strong { font-size: 14px; }
body.agent-home-tab .home-utility-actions { gap: 7px; }

body.agent-home-tab .screen {
  height: auto !important; min-height: 0; overflow: visible !important; padding: 0; background: transparent; scrollbar-width: none;
}
body.agent-home-tab .screen::-webkit-scrollbar,
body.agent-home-tab .home-inspiration-categories::-webkit-scrollbar,
body.agent-home-tab .home-inspiration-rail::-webkit-scrollbar { display: none; }
body.agent-home-tab .tab-panel[data-tab="marketing"].active {
  display: flex; height: auto !important; min-height: 0; overflow: visible; padding: 0; background: transparent;
}
body.agent-home-tab .home-marketing-hub {
  display: flex; width: 100%; max-width: none; margin: 0; padding: 0 18px 124px; flex-direction: column;
  gap: 12px; overflow: visible; background: transparent;
}

body.agent-home-tab .home-marketing-hero {
  position: relative; display: block; width: calc(100% + 36px); height: 302px; min-height: 302px;
  margin-inline: -18px; padding: 0; overflow: hidden; isolation: isolate; background: transparent;
}
body.agent-home-tab .home-marketing-hero::before { content: none; }
body.agent-home-tab .home-marketing-hero-copy {
  position: absolute; z-index: 2; top: 18px; left: 24px; width: 56%; max-width: 240px;
}
body.agent-home-tab .home-marketing-hero > .home-marketing-hero-copy > span {
  display: block; margin: 0 0 14px; color: #5d6892; font-size: 11px; line-height: 1.3;
  letter-spacing: .34em; font-weight: 500;
}
body.agent-home-tab .home-marketing-hero h2 {
  position: relative; width: fit-content; max-width: 232px; margin: 0; color: #0b0e18;
  font-size: clamp(34px, 8.5vw, 39px); line-height: 1.08; letter-spacing: 0; font-weight: 950;
}
body.agent-home-tab .home-marketing-hero h2::after {
  content: none;
}
body.agent-home-tab .home-marketing-hero h2 b {
  color: transparent; font-weight: inherit; background: linear-gradient(100deg, #0b1020 0%, #1d2d5b 30%, #3d3db6 66%, #6a3feb 100%);
  -webkit-background-clip: text; background-clip: text;
}
body.agent-home-tab .home-marketing-hero p {
  max-width: 232px; margin: 24px 0 21px; color: #5e687e; font-size: 13px; line-height: 1.62;
}
body.agent-home-tab .home-hero-robot { display: none; }
body.agent-home-tab .home-promo-pack-hero {
  display: inline-flex; width: 156px; min-height: 46px; margin: 0; padding: 4px 5px 4px 20px;
  align-items: center; justify-content: space-between; gap: 8px; border: 0; border-radius: 23px; color: #fff;
  background: #111521; box-shadow: 0 9px 20px rgba(20, 25, 43, .17); font-size: 15px; font-weight: 750;
}
body.agent-home-tab .home-promo-pack-hero > span { margin: 0; color: inherit; font-size: inherit; letter-spacing: 0; }
body.agent-home-tab .home-promo-pack-hero > i {
  display: grid; width: 38px; height: 38px; flex: 0 0 38px; place-items: center; border-radius: 50%;
  color: #4e54e8; background: #eef2ff;
}
body.agent-home-tab .home-promo-pack-hero > i .app-icon { width: 17px; height: 17px; transform: rotate(-90deg); }
body.agent-home-tab .home-hero-caption {
  position: absolute; z-index: 2; left: 22px; bottom: 10px; color: #7d879d; font-size: 8px;
  letter-spacing: .38em; white-space: nowrap;
}

body.agent-home-tab .home-creation-shortcuts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
body.agent-home-tab .home-creation-card {
  position: relative; display: flex; min-width: 0; height: 128px; min-height: 128px; padding: 8px 10px 11px; overflow: hidden;
  flex-direction: column; align-items: flex-start; border: 1px solid rgba(255, 255, 255, .96); border-radius: 16px;
  color: #151825; text-align: left; background: linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(244, 247, 255, .86));
  box-shadow: 0 10px 25px rgba(45, 57, 92, .055), inset 0 1px #fff;
  transition: transform 160ms ease, box-shadow 160ms ease;
}
body.agent-home-tab .home-creation-card:nth-child(2) { background: linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(248, 245, 255, .9)); }
body.agent-home-tab .home-creation-card:nth-child(3) { background: linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(238, 252, 251, .9)); }
body.agent-home-tab .home-creation-card:active { transform: translateY(1px); box-shadow: 0 6px 17px rgba(45, 57, 92, .07), inset 0 1px #fff; }
body.agent-home-tab .home-creation-card img {
  align-self: center; width: 76px; height: 62px; flex: 0 0 62px; margin: -1px auto 3px; object-fit: contain;
  object-position: center center;
}
body.agent-home-tab .home-creation-card:nth-child(2) img { width: 80px; }
body.agent-home-tab .home-creation-card:nth-child(3) img { width: 68px; }
body.agent-home-tab .home-creation-card strong { max-width: 100%; font-size: 15px; line-height: 1.15; font-weight: 720; letter-spacing: .005em; }
body.agent-home-tab .home-creation-card > span {
  max-width: calc(100% - 29px); margin-top: 4px; padding-right: 2px; color: #747c8f; font-size: 9.5px;
  line-height: 1.3; letter-spacing: .005em; white-space: nowrap;
}
body.agent-home-tab .home-creation-card > i {
  position: absolute; right: 8px; bottom: 8px; display: grid; width: 28px; height: 28px; place-items: center;
  border: 1px solid rgba(218, 225, 249, .72); border-radius: 50%; color: #333b76; background: rgba(237, 241, 255, .88);
  font-size: 17px; font-style: normal; font-weight: 500; line-height: 0;
}
body.agent-home-tab .home-creation-card > i .app-icon { width: 17px; height: 17px; stroke-width: 2.05; }

body.agent-home-tab .home-today-task,
body.agent-home-tab .home-today-task.is-secretary {
  height: 154px; min-height: 154px; padding: 0; overflow: hidden; border: 0; border-radius: 18px;
  background: transparent; box-shadow: none;
}
body.agent-home-tab .home-today-task-head { display: none; }
body.agent-home-tab .home-action-card,
body.agent-home-tab .home-action-card.is-secretary-card { width: 100%; height: 154px; min-height: 154px; }
body.agent-home-tab .home-action-card.is-secretary-card .home-secretary-action,
body.agent-home-tab .home-today-task.is-secretary .home-action-card.is-secretary-card .home-secretary-action {
  position: relative; display: block; width: 100%; height: 154px; min-height: 154px; padding: 18px 22px;
  overflow: hidden; border: 1px solid rgba(220, 230, 255, .24); border-radius: 18px; color: #f6f8ff;
  text-align: left; white-space: normal; background: #101522 url("/assets/home-secretary-banner.png?v=20261002-home-assets-v1") center 48% / cover no-repeat;
  box-shadow: 0 12px 28px rgba(21, 29, 47, .12);
}
body.agent-home-tab .home-action-card.is-secretary-card .home-secretary-action::before {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(90deg, rgba(5, 10, 25, .78), rgba(5, 10, 25, .42) 48%, rgba(5, 10, 25, .04));
}
body.agent-home-tab .home-action-card.is-secretary-card .home-secretary-copy,
body.agent-home-tab .home-today-task.is-secretary .home-action-card.is-secretary-card .home-secretary-copy {
  position: relative; z-index: 1; display: flex; width: 57%; height: 100%; flex-direction: column;
  align-items: flex-start; justify-content: flex-start; gap: 5px;
}
body.agent-home-tab .home-secretary-meta { display: flex; width: 100%; align-items: center; justify-content: flex-start; gap: 7px; }
body.agent-home-tab .home-secretary-meta .home-secretary-name {
  color: #f1f4ff; font-size: 11px; font-weight: 750; letter-spacing: .06em; text-shadow: 0 1px 8px rgba(0, 0, 0, .22);
}
body.agent-home-tab .home-action-card.is-secretary-card .home-secretary-copy > strong { color: #fff; font-size: 20px; line-height: 1.18; font-weight: 850; white-space: normal; }
body.agent-home-tab .home-action-card.is-secretary-card .home-secretary-copy > small { color: #bcc4d4; font-size: 10px; line-height: 1.35; }
body.agent-home-tab .home-action-card.is-secretary-card .home-secretary-action > .home-secretary-copy > em {
  position: static; align-self: flex-start; display: inline-flex; min-width: 88px; min-height: 30px; margin-top: 9px; padding: 0 11px;
  border: 0; border-radius: 18px; color: #181c2a; background: #fff; box-shadow: 0 5px 16px rgba(0, 0, 0, .11); font-size: 11px;
}
body.agent-home-tab .home-action-card.is-secretary-card .home-secretary-action > .home-secretary-copy > em .app-icon {
  width: 14px; height: 14px; padding: 0; border-radius: 0; color: currentColor; background: transparent; transform: none; stroke-width: 2;
}

body.agent-home-tab .home-inspiration-section { display: grid; gap: 13px; padding: 4px 0 16px; }
body.agent-home-tab .home-inspiration-title-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
body.agent-home-tab .home-inspiration-heading { margin: 0; color: #11151f; font-size: 25px; line-height: 1.15; font-weight: 900; }
body.agent-home-tab .home-inspiration-heading::after { content: none; }
body.agent-home-tab #homeInspirationSeeMore { padding: 7px 0 7px 10px; color: #687085; background: transparent; font-size: 12px; white-space: nowrap; }
body.agent-home-tab #homeInspirationSeeMore span { margin-left: 4px; color: #343b72; font-size: 18px; vertical-align: -1px; }
body.agent-home-tab .home-inspiration-waterfall { display: grid; gap: 12px; }
body.agent-home-tab .home-inspiration-categories { display: flex; width: 100%; gap: 8px; overflow: visible; scrollbar-width: none; }
body.agent-home-tab .home-inspiration-categories button {
  flex: 1 1 0; min-width: 0; min-height: 38px; padding: 0 13px; border: 1px solid rgba(228, 232, 242, .75);
  border-radius: 15px; color: #626a7e; background: rgba(238, 241, 248, .86); font-size: 13px;
}
body.agent-home-tab .home-inspiration-categories button.active { border-color: #1c2230; color: #fff; background: #1c2230; }
body.agent-home-tab .home-inspiration-rail { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 3px; scrollbar-width: none; }
body.agent-home-tab .home-inspiration-tile {
  position: relative; flex: 0 0 calc((100% - 16px) / 3); min-width: 0; min-height: 0 !important;
  height: auto !important; aspect-ratio: 1 / 1 !important; overflow: hidden;
  border: 0; border-radius: 13px; color: #fff; background: #e8eaf1; text-align: left;
  box-shadow: 0 6px 16px rgba(29, 37, 60, .08);
}
body.agent-home-tab .home-inspiration-tile img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
body.agent-home-tab .home-inspiration-tile::after { content: none; }
body.agent-home-tab .home-inspiration-tile > div {
  position: absolute; z-index: 1; isolation: isolate; inset: auto 0 0; display: grid; height: 50%; min-height: 0;
  box-sizing: border-box; padding: 16px 38px 9px 10px; align-content: end; gap: 3px; border-top: 0;
  background: linear-gradient(180deg, rgba(21, 28, 42, 0) 0%, rgba(21, 28, 42, .12) 30%, rgba(21, 28, 42, .56) 72%, rgba(21, 28, 42, .72) 100%);
}
body.agent-home-tab .home-inspiration-tile > div::before {
  content: ""; position: absolute; z-index: -1; inset: 0; pointer-events: none;
  backdrop-filter: blur(11px) saturate(1.18); -webkit-backdrop-filter: blur(11px) saturate(1.18);
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .15) 27%, #000 72%, #000 100%);
  mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .15) 27%, #000 72%, #000 100%);
}
body.agent-home-tab .home-inspiration-tile span { color: rgba(255, 255, 255, .9); font-size: 9px; font-weight: 650; }
body.agent-home-tab .home-inspiration-tile strong { color: #fff; font-size: 12.5px; line-height: 1.16; font-weight: 800; }
body.agent-home-tab .home-inspiration-tile b { position: absolute; z-index: 2; top: 7px; right: 7px; padding: 3px 6px; border-radius: 10px; color: #fff; background: #7664eb; font-size: 8px; }
body.agent-home-tab .home-inspiration-arrow {
  position: absolute; z-index: 3; right: 9px; bottom: 10px; display: grid; width: 27px; height: 27px;
  place-items: center; border: 1px solid rgba(255, 255, 255, .34); border-radius: 50%;
  color: #fff; background: rgba(255, 255, 255, .18); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
}
body.agent-home-tab .home-inspiration-arrow .app-icon { width: 13px; height: 13px; transform: rotate(-90deg); }

body.agent-home-tab .bottom-nav {
  position: fixed !important; z-index: 32; left: 8px !important; right: 8px !important;
  bottom: max(6px, env(safe-area-inset-bottom, 0px)) !important; width: auto !important; max-width: none !important;
  min-height: 66px; transform: none !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px;
  padding: 7px 10px calc(7px + env(safe-area-inset-bottom, 0px)); border: 1px solid rgba(255, 255, 255, .96);
  border-radius: 22px; background: rgba(255, 255, 255, .94); box-shadow: 0 10px 32px rgba(41, 48, 75, .11);
  backdrop-filter: blur(20px);
}
body.agent-home-tab .nav-button { min-height: 50px; gap: 4px; padding: 5px 4px; border-radius: 16px; color: #62697c; }
body.agent-home-tab .nav-icon { width: 23px; height: 23px; }
body.agent-home-tab .nav-button em { font-size: 12px; }
body.agent-home-tab .nav-button.active { color: #5649ed; background: #f5f2ff; }
body.agent-home-tab .nav-button.active .nav-icon,
body.agent-home-tab .nav-button.nav-button-strong .nav-icon,
body.agent-home-tab .nav-button.nav-button-strong.active .nav-icon { color: #6554ef; background: transparent; box-shadow: none; }

@media (max-width: 380px) {
  body.agent-home-tab .global-actions-bar { padding-inline: 14px; }
  body.agent-home-tab .home-marketing-hub { padding-inline: 14px; }
  body.agent-home-tab .home-marketing-hero { width: calc(100% + 28px); margin-inline: -14px; }
  body.agent-home-tab .home-marketing-hero-copy { left: 18px; }
  body.agent-home-tab .home-hero-caption { left: 18px; }
  body.agent-home-tab .home-marketing-hero h2 { font-size: 30px; }
  body.agent-home-tab .home-marketing-hero-copy { width: 52%; }
  body.agent-home-tab .home-creation-card { height: 122px; min-height: 122px; padding-inline: 8px; }
  body.agent-home-tab .home-creation-card img { width: 72px; height: 58px; flex-basis: 58px; }
  body.agent-home-tab .home-creation-card:nth-child(2) img { width: 76px; }
  body.agent-home-tab .home-creation-card:nth-child(3) img { width: 64px; }
  body.agent-home-tab .home-creation-card strong { font-size: 14px; }
}

@media (min-width: 460px) {
  body.agent-home-tab .bottom-nav {
    left: 50% !important; right: auto !important; width: 444px !important; transform: translateX(-50%) !important;
  }
}
/* Home notice strip and configurable promo carousel */
body.agent-home-tab .home-today-task.is-notice,
body.agent-home-tab .home-today-task.is-notice.is-secretary {
  height: 64px; min-height: 64px; padding: 0; overflow: visible; border: 0;
  border-radius: 15px; background: transparent; box-shadow: none;
}
body.agent-home-tab .home-today-task.is-notice::before,
body.agent-home-tab .home-today-task.is-notice::after {
  content: none !important;
  display: none !important;
}
body.agent-home-tab .home-today-task.is-notice .home-today-task-head { display: none; }
body.agent-home-tab .home-today-task.is-notice .home-action-card,
body.agent-home-tab .home-today-task.is-notice .home-action-card.is-secretary-card {
  width: 100%; height: 64px; min-height: 64px;
}
body.agent-home-tab .home-secretary-notice {
  position: relative; display: grid; width: 100%; height: 64px; min-height: 64px;
  grid-template-columns: 40px minmax(0, 1fr) 32px; align-items: center; gap: 10px;
  padding: 8px 11px 8px 13px; overflow: hidden; border: 1px solid #d5d9eb;
  border-radius: 999px; color: #181b31; background: linear-gradient(180deg, #fff, #f7f8ff);
  box-shadow: 0 10px 24px rgba(57, 64, 101, .14), inset 0 1px rgba(255,255,255,.96); text-align: left;
}
body.agent-home-tab .home-secretary-notice::before {
  content: none;
}
body.agent-home-tab .home-secretary-notice::after {
  content: none;
}
body.agent-home-tab .home-secretary-notice-icon {
  position: relative; z-index: 1; display: grid; width: 40px; height: 40px; place-items: center;
  border-radius: 50%; color: #fff; background: linear-gradient(145deg, #7767f5, #5547dc);
  box-shadow: 0 7px 14px rgba(101,84,239,.28), inset 0 1px rgba(255,255,255,.28);
}
body.agent-home-tab .home-secretary-notice-icon::after {
  content: ""; position: absolute; top: 1px; right: 1px; width: 8px; height: 8px;
  border: 2px solid #fff; border-radius: 50%; background: #ff6d55;
}
body.agent-home-tab .home-secretary-notice-icon .app-icon { width: 18px; height: 18px; stroke-width: 2.25; }
body.agent-home-tab .home-secretary-notice-copy {
  position: relative; z-index: 1; display: grid; min-width: 0; gap: 2px;
}
body.agent-home-tab .home-secretary-notice-copy small {
  display: flex; min-width: 0; align-items: center; gap: 7px; color: #515875; font-size: 11px; line-height: 1.1;
}
body.agent-home-tab .home-secretary-notice-copy small b { color: #5146d8; font-size: 11px; font-weight: 800; white-space: nowrap; }
body.agent-home-tab .home-secretary-notice-copy strong {
  overflow: hidden; color: #171a2b; font-size: 14px; line-height: 1.25; font-weight: 850; text-overflow: ellipsis; white-space: nowrap;
}
body.agent-home-tab .home-secretary-notice > i {
  position: relative; z-index: 1; display: grid; width: 32px; height: 32px; place-items: center;
  border: 1px solid #e1e4f2; border-radius: 50%; color: #5e51ea; background: #fff; box-shadow: 0 3px 9px rgba(72, 70, 144, .12);
}
body.agent-home-tab .home-secretary-notice > i .app-icon { width: 14px; height: 14px; }
body.agent-home-tab .home-promo-carousel {
  position: relative; display: block; height: 154px; min-height: 154px; overflow: hidden;
  border-radius: 18px; background: #14182b; box-shadow: 0 12px 28px rgba(21, 29, 47, .12);
}
body.agent-home-tab .home-promo-carousel-track,
body.agent-home-tab .home-promo-slide { width: 100%; height: 100%; min-height: 154px; }
body.agent-home-tab .home-promo-carousel-track { position: relative; }
body.agent-home-tab .home-promo-slide {
  position: absolute; inset: 0; display: none; padding: 17px 20px; overflow: hidden; border: 0;
  border-radius: 18px; color: #fff; background: #14182b; text-align: left;
}
body.agent-home-tab .home-promo-slide.active { display: block; }
body.agent-home-tab .home-promo-slide img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
body.agent-home-tab .home-promo-slide-shade,
body.agent-home-tab .home-promo-slide-copy,
body.agent-home-tab .home-promo-carousel-dots { display: none; }
body.agent-home-tab .home-promo-slide-shade {
  position: absolute; inset: 0; background: linear-gradient(90deg, rgba(6, 12, 34, .82), rgba(6, 12, 34, .46) 52%, rgba(6, 12, 34, .08));
}
body.agent-home-tab .home-promo-slide-copy {
  position: relative; z-index: 1; display: grid; width: 62%; min-width: 0; gap: 5px; align-content: start;
}
body.agent-home-tab .home-promo-slide-copy small { color: #dce2ff; font-size: 10px; font-weight: 700; }
body.agent-home-tab .home-promo-slide-copy strong { color: #fff; font-size: 18px; line-height: 1.2; font-weight: 850; }
body.agent-home-tab .home-promo-slide-copy p { margin: 0; overflow: hidden; color: rgba(228, 233, 255, .78); font-size: 10px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
body.agent-home-tab .home-promo-slide-copy em {
  display: inline-flex; width: max-content; min-height: 28px; align-items: center; gap: 5px; margin-top: 8px; padding: 0 11px;
  border-radius: 16px; color: #1c2133; background: #fff; font-size: 10px; font-style: normal; font-weight: 750;
}
body.agent-home-tab .home-promo-slide-copy em .app-icon { width: 13px; height: 13px; }
body.agent-home-tab .home-promo-carousel-dots {
  position: absolute; z-index: 2; right: 14px; bottom: 12px; display: flex; gap: 4px;
}
body.agent-home-tab .home-promo-dot {
  width: 5px; height: 5px; padding: 0; border: 0; border-radius: 50%; background: rgba(255,255,255,.48);
}
body.agent-home-tab .home-promo-dot.active { width: 14px; border-radius: 4px; background: #fff; }
@media (max-width: 420px) {
  body.agent-home-tab .home-promo-carousel,
  body.agent-home-tab .home-promo-carousel-track,
  body.agent-home-tab .home-promo-slide { height: 148px; min-height: 148px; }
}