:root {
  --yellow: #fff100;
  --yellow-soft: #fff8a6;
  --navy: #071f62;
  --navy-2: #0b347e;
  --ink: #101827;
  --muted: #667085;
  --white: #ffffff;
  --surface: #f5f7fb;
  --line: #dfe5ef;
  --danger: #e5452f;
  --shadow-sm: 0 8px 24px rgba(7, 31, 98, 0.10);
  --shadow-lg: 0 24px 70px rgba(7, 31, 98, 0.20);
  --radius-sm: 14px;
  --radius: 22px;
  --radius-lg: 34px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background: #eef2f8;
}
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
img { max-width: 100%; display: block; }
.hidden { display: none !important; }

.app-shell {
  width: min(1480px, 100%);
  margin: 0 auto;
  background: var(--white);
  min-height: 100vh;
  box-shadow: 0 0 80px rgba(7, 31, 98, 0.12);
}

.topbar {
  position: sticky;
  top: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 14px clamp(18px, 4vw, 64px);
  background: rgba(255, 241, 0, 0.92);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(7, 31, 98, 0.12);
}
.brand {
  border: 0;
  padding: 0;
  background: transparent;
  display: flex;
  align-items: baseline;
  gap: 9px;
  color: #000;
}
.brand-main { font-size: 25px; font-weight: 600; letter-spacing: -1.6px; }
.brand-main span { font-weight: 900; }
.brand-sub { font-weight: 900; font-style: italic; }
.brand-sub em { font-size: 9px; font-weight: 700; }
.top-actions { display: flex; align-items: center; gap: 10px; position: relative; z-index: 2; pointer-events: auto; }
.top-actions button { position: relative; z-index: 3; pointer-events: auto; touch-action: manipulation; }
.top-actions a { position: relative; z-index: 3; pointer-events: auto; touch-action: manipulation; }
.combo-home-top-btn {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 40px;
  padding: 9px 14px;
  border-radius: 13px;
  background: var(--navy);
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  font-weight: 950;
  white-space: nowrap;
  box-shadow: 0 8px 18px rgba(7,31,98,.18);
}
body.combo-share-view .top-actions::before { display: none !important; }
body.combo-share-view #comboHomeTopBtn { display: inline-flex; }
@media(max-width:480px){
  .combo-home-top-btn { min-height: 38px; padding: 8px 11px; font-size: 10px; border-radius: 12px; }
}
.icon-btn {
  width: 42px;
  height: 42px;
  border-radius: 13px;
  border: 1px solid rgba(7, 31, 98, 0.16);
  background: rgba(255,255,255,.72);
  color: var(--navy);
  font-size: 20px;
}
.icon-btn.light { color: white; border-color: rgba(255,255,255,.35); background: rgba(255,255,255,.1); }
.mode-toggle {
  border: 1px solid rgba(7, 31, 98, .14);
  border-radius: 999px;
  padding: 8px 13px 8px 9px;
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,255,255,.72);
  color: var(--navy);
  font-size: 13px;
  font-weight: 800;
}
.mode-dot {
  width: 28px;
  height: 18px;
  border-radius: 999px;
  background: #d7deec;
  position: relative;
  transition: .2s ease;
}
.mode-dot::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  top: 2px;
  left: 2px;
  border-radius: 50%;
  background: white;
  box-shadow: 0 2px 8px rgba(0,0,0,.18);
  transition: .2s ease;
}
.mode-toggle[aria-pressed="true"] .mode-dot { background: var(--navy); }
.mode-toggle[aria-pressed="true"] .mode-dot::after { transform: translateX(10px); }

.btn {
  border: 0;
  border-radius: 14px;
  padding: 13px 18px;
  font-weight: 850;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.btn:hover { transform: translateY(-2px); }
.btn-primary { background: var(--yellow); color: var(--navy); box-shadow: 0 12px 30px rgba(255, 241, 0, .25); }
.btn-secondary { background: rgba(255,255,255,.10); color: white; border: 1px solid rgba(255,255,255,.25); }
.btn-dark { background: var(--navy); color: white; box-shadow: 0 12px 26px rgba(7,31,98,.22); }
.btn-outline { background: #f4f7fc; color: var(--navy); border: 1px solid #d4ddec; box-shadow: 0 10px 24px rgba(10,46,112,.08); }
.btn-ghost { background: rgba(255,255,255,.7); color: var(--navy); padding: 10px 14px; }

.hero {
  position: relative;
  overflow: hidden;
  min-height: 610px;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
  gap: clamp(30px, 7vw, 100px);
  align-items: center;
  padding: clamp(54px, 8vw, 110px) clamp(24px, 7vw, 96px);
  background:
    radial-gradient(circle at 12% 20%, rgba(255,241,0,.30), transparent 34%),
    radial-gradient(circle at 84% 20%, rgba(47,111,255,.25), transparent 25%),
    linear-gradient(135deg, #06194f 0%, #09296d 48%, #06194f 100%);
  color: white;
}
.hero::after {
  content: "";
  position: absolute;
  inset: auto -12% -34% 32%;
  height: 480px;
  transform: rotate(-8deg);
  border-radius: 50%;
  background: linear-gradient(90deg, rgba(255,241,0,.07), rgba(255,241,0,.30));
  filter: blur(1px);
}
.hero-copy, .hero-card { position: relative; z-index: 2; }
.eyebrow {
  display: inline-block;
  font-size: 12px;
  letter-spacing: .17em;
  font-weight: 900;
  color: var(--yellow);
  margin-bottom: 12px;
}
.eyebrow.dark { color: var(--navy); }
.hero h1 { margin: 0; font-size: clamp(43px, 6vw, 76px); line-height: .98; letter-spacing: -3.2px; max-width: 760px; }
.hero h1 span { color: var(--yellow); }
.hero-copy > p { max-width: 700px; color: #d9e2f7; font-size: clamp(16px, 2vw, 20px); line-height: 1.65; }
.hero-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 30px; }
.hero-stats { display: flex; gap: clamp(20px, 5vw, 54px); margin-top: 46px; }
.hero-stats div { display: flex; flex-direction: column; gap: 3px; }
.hero-stats strong { font-size: 23px; color: var(--yellow); }
.hero-stats span { font-size: 12px; color: #bac8e6; text-transform: uppercase; letter-spacing: .08em; }

.hero-card {
  width: min(450px, 100%);
  justify-self: end;
  padding: 28px;
  border-radius: 32px;
  background: linear-gradient(160deg, rgba(255,255,255,.17), rgba(255,255,255,.05));
  border: 1px solid rgba(255,255,255,.24);
  box-shadow: 0 38px 100px rgba(0,0,0,.34);
  backdrop-filter: blur(18px);
  overflow: hidden;
}
.glow { position: absolute; border-radius: 50%; filter: blur(14px); opacity: .55; }
.glow-one { width: 180px; height: 180px; right: -70px; top: -60px; background: var(--yellow); }
.glow-two { width: 120px; height: 120px; left: -50px; bottom: -40px; background: #3a73ff; }
.hero-card-top { display: flex; justify-content: space-between; position: relative; z-index: 1; }
.chip { display: inline-flex; align-items: center; border-radius: 999px; padding: 7px 10px; font-size: 11px; font-weight: 900; letter-spacing: .08em; }
.chip-hot { background: #ef3d21; color: white; }
.signal { color: var(--yellow); letter-spacing: 1px; }
.hero-plan { font-size: 23px; font-weight: 900; margin: 32px 0 4px; }
.hero-data { color: var(--yellow); font-size: clamp(78px, 9vw, 118px); line-height: .9; font-weight: 950; letter-spacing: -6px; }
.hero-data span { font-size: 28px; letter-spacing: -1px; margin-left: 5px; }
.hero-price { margin-top: 18px; font-size: 54px; font-weight: 950; }
.hero-price > span { font-size: 22px; }
.hero-price small { font-size: 13px; color: #d9e2f7; font-weight: 700; }
.hero-benefits { display: grid; gap: 10px; margin-top: 22px; color: #e8edfa; }

.section { padding: clamp(64px, 8vw, 110px) clamp(20px, 6vw, 86px); }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 38px; }
.section-heading h2 { margin: 0; color: var(--navy); font-size: clamp(34px, 4vw, 52px); letter-spacing: -2px; }
.section-heading p { max-width: 540px; margin: 0; line-height: 1.65; color: var(--muted); }
.section-heading.inverted h2, .section-heading.inverted p { color: white; }

.recommender-section { background: linear-gradient(180deg, #fff 0%, #f6f8fc 100%); }
.recommend-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.field-card {
  display: flex;
  flex-direction: column;
  min-height: 170px;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: white;
  box-shadow: var(--shadow-sm);
}
.field-number { color: #aab5ca; font-size: 12px; font-weight: 900; }
.field-title { color: var(--navy); font-weight: 900; margin: 18px 0 auto; }
.field-card select, .sort-select, .search-box input, .settings-form input, .settings-form textarea {
  border: 1px solid #d7deea;
  border-radius: 12px;
  background: #f8faff;
  color: var(--ink);
  padding: 12px;
  outline: none;
}
.field-card select:focus, .sort-select:focus, .search-box input:focus, .settings-form input:focus, .settings-form textarea:focus { border-color: var(--navy-2); box-shadow: 0 0 0 3px rgba(11,52,126,.10); }
.recommend-submit { grid-column: 1 / -1; justify-self: center; min-width: 240px; margin-top: 8px; }
.recommendation-panel { margin-top: 28px; border-radius: 28px; background: var(--navy); color: white; padding: clamp(22px, 4vw, 42px); box-shadow: var(--shadow-lg); }
.recommendation-head { display: flex; justify-content: space-between; align-items: start; }
.recommendation-head h3 { margin: 0; font-size: 32px; }
.recommendation-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 24px; }
.recommend-mini { background: white; color: var(--ink); border-radius: 18px; padding: 20px; display: grid; gap: 10px; }
.recommend-mini strong { color: var(--navy); font-size: 21px; }
.recommend-mini .mini-price { color: var(--navy); font-size: 30px; font-weight: 950; }
.recommend-mini .mini-data { color: #152f78; font-weight: 900; }
.recommend-mini p { margin: 0; color: var(--muted); line-height: 1.45; font-size: 13px; }

.plans-section { background: white; }
.category-tabs { display: flex; gap: 8px; padding: 6px; background: #eef2f8; border-radius: 16px; width: fit-content; max-width: 100%; overflow-x: auto; }
.tab { border: 0; border-radius: 11px; padding: 11px 17px; background: transparent; color: #526078; font-weight: 850; white-space: nowrap; }
.tab.active { background: var(--navy); color: white; box-shadow: 0 9px 20px rgba(7,31,98,.18); }
.prepaid-subtabs { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 14px; }
.prepaid-subtab { border: 1px solid #ccd6e6; border-radius: 999px; padding: 10px 16px; background: white; color: var(--navy); font-weight: 850; }
.prepaid-subtab.active { border-color: var(--navy); background: #eaf0ff; box-shadow: inset 0 0 0 1px var(--navy); }
.prepaid-subtab small { display: block; margin-top: 2px; color: #66748a; font-size: 10px; font-weight: 700; }
.catalog-toolbar { display: flex; justify-content: space-between; gap: 14px; margin: 22px 0 28px; }
.search-box { flex: 1; position: relative; }
.search-box span { position: absolute; top: 50%; left: 14px; transform: translateY(-50%); color: #71809a; font-size: 20px; }
.search-box input { width: 100%; padding-left: 42px; background: white; }
.sort-select { min-width: 190px; background: white; }
.plan-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.plan-card {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 430px;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: white;
  box-shadow: var(--shadow-sm);
  transition: transform .2s ease, box-shadow .2s ease;
}
.plan-card:hover { transform: translateY(-5px); box-shadow: 0 22px 50px rgba(7,31,98,.16); }
.plan-card-visual{position:relative;background:#071f62}
.plan-card-visual>.customer-plan-share{position:absolute;top:10px;right:10px;z-index:2;background:rgba(7,31,98,.88);border-color:rgba(255,255,255,.55);box-shadow:0 7px 18px rgba(0,0,0,.22)}
.plan-card-thumbnail{display:block;width:100%;aspect-ratio:1200/630;padding:0;border:0;background:#071f62;overflow:hidden;cursor:pointer}
.plan-card-thumbnail img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.plan-card-thumbnail:hover img,.plan-card-thumbnail:focus-visible img{transform:scale(1.025)}
.plan-card-thumbnail:focus-visible{outline:4px solid var(--yellow);outline-offset:-4px}
.plan-card.has-thumbnail{min-height:0}
.plan-card.has-thumbnail .plan-card-body{padding-top:18px}
.plan-card.featured { border: 2px solid var(--yellow); }
.plan-card-head { padding: 22px; background: linear-gradient(150deg, var(--navy), var(--navy-2)); color: white; min-height: 165px; }
.plan-card.featured .plan-card-head { background: linear-gradient(145deg, #071f62, #0c3b90); }
.plan-card-tags { display: flex; justify-content: space-between; align-items: center; gap: 8px; min-height: 28px; }
.plan-badge { font-size: 10px; font-weight: 900; letter-spacing: .08em; color: var(--navy); background: var(--yellow); padding: 6px 9px; border-radius: 999px; }
.plan-type { font-size: 11px; color: #b9c7e7; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }
.plan-card h3 { font-size: 26px; margin: 20px 0 3px; }
.plan-data { color: var(--yellow); font-weight: 950; font-size: 42px; line-height: 1; letter-spacing: -1.8px; }
.plan-data small { font-size: 14px; color: white; letter-spacing: 0; }
.plan-card-body { display: flex; flex: 1; flex-direction: column; padding: 22px; }
.plan-price { color: var(--navy); font-size: 36px; font-weight: 950; letter-spacing: -1px; }
.plan-price small { font-size: 12px; color: var(--muted); font-weight: 700; letter-spacing: 0; }
.plan-bill { font-size: 12px; color: var(--muted); margin-top: -2px; }
.plan-features { display: grid; gap: 9px; margin: 20px 0; padding: 0; list-style: none; color: #344054; font-size: 14px; }
.plan-features li::before { content: "✓"; font-weight: 900; color: var(--navy); margin-right: 8px; }
.plan-actions { margin-top: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.plan-actions button { border: 0; border-radius: 12px; padding: 11px; font-weight: 850; }
.detail-btn { background: var(--navy); color: white; }
.compare-btn { background: #eef2f8; color: var(--navy); }
.compare-btn.selected { background: var(--yellow); color: var(--navy); }
.empty-result { grid-column: 1 / -1; padding: 50px; text-align: center; border: 1px dashed #c9d2e2; border-radius: 22px; color: var(--muted); }


.combo-preset-panel{margin:18px 0 0;padding:16px 18px;border:1px solid #dce3ef;border-radius:18px;background:linear-gradient(135deg,#f8faff,#eef3ff);display:flex;align-items:center;justify-content:space-between;gap:16px}.combo-preset-copy{display:grid;gap:3px}.combo-preset-copy small{font-size:10px;font-weight:950;letter-spacing:.12em;color:#66748a}.combo-preset-copy strong{color:var(--navy);font-size:17px}.combo-preset-copy span{color:#68758a;font-size:12px}.combo-preset-buttons{display:flex;flex-wrap:wrap;gap:8px}.combo-preset-btn{border:0;border-radius:12px;background:var(--navy);color:#fff;padding:10px 12px;display:grid;gap:2px;text-align:left;min-width:150px;box-shadow:0 8px 18px rgba(7,31,98,.12)}.combo-preset-btn strong{font-size:12px}.combo-preset-btn span{font-size:9px;color:#d9e3fa}.combo-preset-btn:hover{background:#0c3b90}.combo-share-banner{margin:0 0 22px;padding:20px 22px;border-radius:22px;background:linear-gradient(135deg,var(--navy),#0b3d91);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:var(--shadow-sm)}.combo-share-banner-copy{display:grid;gap:4px}.combo-share-banner-copy small{color:var(--yellow);font-weight:950;letter-spacing:.12em}.combo-share-banner-copy h3{margin:0;font-size:27px}.combo-share-banner-copy p{margin:0;color:#d7e1f5}.combo-customer-share-btn{border:0;border-radius:13px;background:var(--yellow);color:var(--navy);font-weight:950;padding:12px 16px;white-space:nowrap}.combo-share-dialog{max-width:680px}.combo-summary-list{display:grid;gap:9px;margin:16px 0}.combo-summary-item{display:flex;justify-content:space-between;gap:12px;padding:11px 13px;border-radius:13px;background:#f5f7fb}.combo-summary-item strong{color:var(--navy)}.combo-summary-item span{color:#5f6d82;font-weight:800}.combo-caption-area{width:100%;min-height:260px;resize:vertical;border:1px solid #d5ddea;border-radius:15px;padding:14px;font:inherit;line-height:1.5;background:#fbfcff;color:var(--ink)}.combo-modal-actions{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:9px;margin-top:12px}.combo-modal-actions .btn{justify-content:center}.combo-only-plan-actions{grid-template-columns:1fr}.combo-share-view .category-tabs,.combo-share-view #prepaidSubtabs,.combo-share-view .catalog-toolbar,.combo-share-view #compareSection{display:none!important}.combo-share-view #comboPresetPanel{display:none!important}.combo-share-view .plan-grid{margin-top:0}.combo-share-view .section-heading .eyebrow{display:none}.combo-share-view .customer-plan-share{display:grid}
body.share-view #comboPresetPanel{display:none!important}
@media(max-width:760px){.combo-preset-panel{align-items:stretch;flex-direction:column}.combo-preset-buttons{display:grid;grid-template-columns:1fr 1fr}.combo-preset-btn{min-width:0}.combo-share-banner{align-items:flex-start;flex-direction:column}.combo-customer-share-btn{width:100%}.combo-modal-actions{grid-template-columns:1fr}.combo-share-banner-copy h3{font-size:22px}}
@media(max-width:420px){.combo-preset-buttons{grid-template-columns:1fr}.combo-preset-panel{padding:14px}.combo-share-banner{padding:17px}}


/* efx-v5410-r2714-plan-swipe-carousel */
/* v5.4.10-r2.7.14 — Clean mobile plan swipe: peek + dots + scroll snap. */
.plan-carousel-dots{display:none}
@media(max-width:900px){
  .plans-section .catalog-toolbar{margin:12px 0 18px!important}
  .plan-grid{
    display:flex!important;
    grid-template-columns:none!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0 38px 4px 0!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:0 38px;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .plan-grid::-webkit-scrollbar{display:none}
  .plan-grid>.plan-card{
    flex:0 0 calc(100% - 44px)!important;
    width:calc(100% - 44px)!important;
    min-width:0!important;
    scroll-snap-align:start;
    scroll-snap-stop:always;
    transform:none!important;
  }
  .plan-grid>.empty-result{flex:0 0 100%;width:100%;}
  .plan-card:hover{transform:none!important}
  .plan-carousel-dots{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:24px;
    margin:8px 0 2px;
  }
  .plan-carousel-dots[hidden]{display:none!important}
  .plan-carousel-dot{
    appearance:none;
    border:0;
    width:7px;
    height:7px;
    padding:0;
    border-radius:999px;
    background:#d2d9e5;
    box-shadow:none;
    transition:width .18s ease,background .18s ease,transform .18s ease;
    cursor:pointer;
  }
  .plan-carousel-dot[aria-current="true"]{
    width:24px;
    background:var(--navy);
  }
}
@media(max-width:420px){
  .plan-grid{padding-right:34px!important;scroll-padding-right:34px}
  .plan-grid>.plan-card{flex-basis:calc(100% - 40px)!important;width:calc(100% - 40px)!important}
}
@media(min-width:901px){
  .plan-carousel-dots{display:none!important}
}
/* /efx-v5410-r2714-plan-swipe-carousel */

.compare-section { background: linear-gradient(145deg, #051745, #08286a); color: white; }
.compare-empty { min-height: 250px; border: 1px dashed rgba(255,255,255,.25); border-radius: 24px; display: grid; place-items: center; align-content: center; gap: 12px; text-align: center; }
.compare-icon { width: 64px; height: 64px; display: grid; place-items: center; border-radius: 20px; background: rgba(255,255,255,.08); font-size: 34px; color: var(--yellow); }
.compare-empty p { color: #c7d3eb; }
.compare-table-wrap { overflow-x: auto; border-radius: 22px; background: white; color: var(--ink); }
.compare-table { width: 100%; border-collapse: collapse; min-width: 720px; }
.compare-table th, .compare-table td { padding: 15px; text-align: left; border-bottom: 1px solid #e4e9f1; vertical-align: top; }
.compare-table th { color: var(--navy); background: #f8faff; }
.compare-table thead th:not(:first-child) { min-width: 190px; }
.compare-remove { border: 0; background: #fbe9e6; color: #a42c1b; border-radius: 9px; padding: 7px 9px; margin-top: 8px; font-weight: 800; }


.flyers-section { background: #f4f6fb; }
.flyer-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; max-width: 920px; margin: 0 auto; }
.flyer-card { border: 0; background: white; border-radius: 22px; overflow: hidden; box-shadow: var(--shadow-sm); padding: 0; text-align: left; transition: transform .2s ease; }
.flyer-card:hover { transform: translateY(-4px); }
.flyer-card img { aspect-ratio: 1443 / 2048; object-fit: cover; width: 100%; }
.flyer-card span { display: flex; justify-content: space-between; align-items: center; padding: 17px; color: var(--navy); }
.flyer-card small { color: var(--muted); }

.footer { padding: 30px clamp(20px, 6vw, 86px); background: var(--yellow); color: var(--navy); display: flex; justify-content: space-between; gap: 28px; align-items: center; }
.footer div { display: grid; gap: 3px; }
.footer-kicker { font-size: 10px; font-weight: 900; letter-spacing: .12em; opacity: .72; }
.footer-app-credit { font-size: 13px; opacity: .9; }
.field-help { margin-top: -2px; color: var(--muted); font-size: 11px; line-height: 1.4; font-weight: 650; }
.footer p { max-width: 650px; margin: 0; font-size: 12px; text-align: right; }

.modal { position: fixed; inset: 0; z-index: 100; display: none; align-items: center; justify-content: center; padding: 18px; }
.modal.open { display: flex; }
.modal-backdrop { position: absolute; inset: 0; background: rgba(0, 9, 35, .72); backdrop-filter: blur(6px); }
.modal-dialog { position: relative; z-index: 2; width: min(720px, 100%); max-height: calc(100vh - 36px); overflow-y: auto; background: white; border-radius: 26px; padding: clamp(24px, 4vw, 38px); box-shadow: 0 30px 100px rgba(0,0,0,.35); }
.modal-close { position: absolute; right: 16px; top: 16px; width: 40px; height: 40px; border: 0; border-radius: 13px; background: #eef2f8; color: var(--navy); font-size: 24px; z-index: 3; }
.plan-detail-hero { background: linear-gradient(145deg, var(--navy), #0c3b90); color: white; border-radius: 22px; padding: 25px; margin: -10px -10px 22px; }
.plan-detail-hero h2 { font-size: 34px; margin: 18px 0 4px; }
.detail-data { font-size: 54px; font-weight: 950; color: var(--yellow); }
.detail-price { font-size: 30px; font-weight: 900; }
.detail-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.detail-block { border: 1px solid var(--line); border-radius: 17px; padding: 17px; }
.detail-block h3 { color: var(--navy); margin-top: 0; }
.detail-block ul { padding-left: 18px; color: #344054; line-height: 1.65; }

.mysiswa-calculator { grid-column: 1 / -1; background: #f7f9ff; border-color: #c9d5ea; }
.mysiswa-calculator > p { color: var(--muted); line-height: 1.55; margin-top: -3px; }
.mysiswa-calc-top { display: grid; grid-template-columns: minmax(210px, .75fr) minmax(250px, 1.25fr); gap: 14px; align-items: end; margin-top: 16px; }
.mysiswa-calc-label { display: grid; gap: 7px; color: var(--navy); font-weight: 850; }
.mysiswa-calc-label select { width: 100%; border: 1px solid #cbd5e1; border-radius: 13px; background: white; color: var(--navy); padding: 12px 13px; font: inherit; font-weight: 800; }
.mysiswa-rule { border-radius: 14px; background: #fffbe0; border: 1px solid #eadc72; padding: 12px 14px; color: var(--navy); line-height: 1.5; font-size: 13px; }
.mysiswa-summary { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 14px; }
.mysiswa-summary article { border: 1px solid var(--line); border-radius: 15px; background: white; padding: 14px; }
.mysiswa-summary small { display: block; color: var(--muted); font-weight: 750; margin-bottom: 4px; }
.mysiswa-summary strong { display: block; color: var(--navy); font-size: 23px; line-height: 1.1; }
.mysiswa-summary span { display: block; color: var(--muted); font-size: 11px; margin-top: 4px; }
.mysiswa-all-options { margin-top: 14px; }
.mysiswa-all-options summary { cursor: pointer; color: var(--navy); font-weight: 850; }
.mysiswa-options-wrap { overflow-x: auto; margin-top: 10px; border: 1px solid var(--line); border-radius: 13px; }
.mysiswa-options-table { width: 100%; min-width: 480px; border-collapse: collapse; background: white; }
.mysiswa-options-table th, .mysiswa-options-table td { padding: 10px 12px; text-align: left; border-bottom: 1px solid var(--line); font-size: 12px; }
.mysiswa-options-table th { color: var(--navy); background: #f3f6fb; }
.mysiswa-options-table tr:last-child td { border-bottom: 0; }

.sales-script { grid-column: 1 / -1; background: #fffbe0; border-color: #eadc72; }
.sales-script p { line-height: 1.65; margin-bottom: 0; }
.detail-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.settings-dialog { width: min(720px, 100%); }
.settings-dialog h2 { color: var(--navy); font-size: 34px; margin: 0 0 8px; }
.settings-dialog > p { color: var(--muted); line-height: 1.5; }
.settings-form { display: grid; gap: 14px; margin-top: 22px; }
.settings-form label { display: grid; gap: 7px; color: var(--navy); font-weight: 850; }
.settings-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 4px;padding:5px;border-radius:15px;background:#eef2f8}.settings-tab{border:0;border-radius:11px;padding:11px 12px;background:transparent;color:var(--navy);font:inherit;font-size:13px;font-weight:900;cursor:pointer}.settings-tab.active{background:var(--navy);color:#fff;box-shadow:0 7px 18px rgba(7,31,98,.18)}.settings-panel.hidden{display:none!important}
/* v5.0.13 — Smart Settings & Dealer Statistics */
.settings-dialog{padding:0;overflow:hidden;background:#f5f7fb}.settings-scroll{max-height:calc(100vh - 36px);overflow-y:auto;padding:0 22px 24px;overscroll-behavior:contain}.settings-smart-head{position:sticky;top:0;z-index:5;margin:0 -22px 12px;padding:20px 58px 14px 22px;background:linear-gradient(135deg,#071f62,#0f4195);color:#fff;box-shadow:0 8px 24px rgba(7,31,98,.12)}.settings-smart-head small{display:block;color:#fff100;font-size:9px;font-weight:950;letter-spacing:.16em}.settings-smart-head h2{margin:5px 0 3px;color:#fff;font-size:clamp(26px,5vw,36px);line-height:1}.settings-smart-head p{margin:0;color:#dbe5f7;font-size:11px;line-height:1.4}.settings-dialog>.modal-close{position:absolute;z-index:10;top:14px;right:14px;background:#fff;color:#071f62}.settings-tabs{display:flex;gap:6px;overflow-x:auto;margin:0 0 12px;padding:5px;border-radius:14px;background:#e9eef6;scrollbar-width:none}.settings-tabs::-webkit-scrollbar{display:none}.settings-tab{flex:0 0 auto;border:0;border-radius:10px;padding:9px 11px;background:transparent;color:#526078;font:inherit;font-size:10px;font-weight:900;cursor:pointer;white-space:nowrap}.settings-tab.active{background:#071f62;color:#fff;box-shadow:0 6px 16px rgba(7,31,98,.16)}.settings-panel.hidden{display:none!important}.settings-overview{display:grid;gap:11px}.smart-nn-pro-summary{background:linear-gradient(135deg,#fffef0,#fff);border-color:#eadf45}.smart-nn-pro-body{display:flex;align-items:center;justify-content:space-between;gap:12px}.smart-nn-pro-days small{display:block;color:#667085;font-size:8px;font-weight:950;letter-spacing:.08em}.smart-nn-pro-days b{display:block;color:#071f62;font-size:24px;line-height:1.05;margin:2px 0}.smart-nn-pro-days span{display:block;color:#667085;font-size:9px;font-weight:750}.smart-nn-pro-action{border:0;border-radius:11px;padding:10px 12px;background:#071f62;color:#fff;font:inherit;font-size:9px;font-weight:950;white-space:nowrap;cursor:pointer}.smart-nn-pro-summary.is-expired{background:#fff6f4;border-color:#f4c7c3}.smart-nn-pro-summary.is-active{background:linear-gradient(135deg,#effbf3,#fff);border-color:#b8e3c6}@media(max-width:520px){.smart-nn-pro-body{align-items:flex-end}.smart-nn-pro-action{padding:9px 10px}}.smart-dealer-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:15px 16px;border-radius:18px;background:#fff100;color:#071f62;border:1px solid #e4d900}.smart-dealer-card small{display:block;font-size:9px;font-weight:950;letter-spacing:.1em;opacity:.72}.smart-dealer-card strong{display:block;margin-top:3px;font-size:19px;line-height:1.1}.smart-dealer-card span{display:block;margin-top:4px;font-size:10px;font-weight:800;opacity:.78}.smart-license-pill{display:inline-flex!important;align-items:center;justify-content:center;margin:0!important;padding:7px 9px;border-radius:999px;background:#071f62;color:#fff!important;font-size:9px!important;white-space:nowrap;opacity:1!important}.smart-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.smart-stat{padding:12px 10px;border:1px solid #dce3ee;border-radius:15px;background:#fff;box-shadow:0 5px 16px rgba(7,31,98,.045)}.smart-stat small{display:block;color:#7a8596;font-size:8px;font-weight:900;line-height:1.2}.smart-stat strong{display:block;margin-top:5px;color:#071f62;font-size:24px;line-height:1}.smart-metrics-note{margin:-3px 2px 0;color:#8490a2;font-size:8px;line-height:1.4}.smart-section{padding:14px;border:1px solid #dce3ee;border-radius:17px;background:#fff}.smart-section-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.smart-section-head strong{color:#071f62;font-size:13px}.smart-section-head span{color:#7b8698;font-size:8px;font-weight:850}.smart-activity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.smart-activity-grid.pipeline{grid-template-columns:repeat(4,1fr)}.smart-activity{padding:9px;border-radius:12px;background:#f4f7fb}.smart-activity small{display:block;color:#7b8698;font-size:8px;font-weight:850}.smart-activity b{display:block;margin-top:3px;color:#071f62;font-size:17px}.smart-insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.smart-insight{padding:10px;border-radius:13px;background:#f7f9fc}.smart-insight small{display:block;color:#7b8698;font-size:8px;font-weight:850}.smart-insight strong{display:block;margin-top:4px;color:#071f62;font-size:11px;line-height:1.35}.smart-language-bars{display:grid;gap:5px;margin-top:8px}.smart-language-row{display:grid;grid-template-columns:46px 1fr 34px;gap:7px;align-items:center;color:#5b687d;font-size:8px;font-weight:850}.smart-language-track{height:6px;border-radius:999px;background:#e8edf5;overflow:hidden}.smart-language-fill{height:100%;border-radius:999px;background:#071f62}.smart-health-head{display:flex;align-items:center;gap:10px}.smart-health-ring{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:conic-gradient(#071f62 var(--health,0%),#e8edf5 0);position:relative;flex:0 0 auto}.smart-health-ring:after{content:'';position:absolute;inset:6px;border-radius:50%;background:#fff}.smart-health-ring b{position:relative;z-index:1;color:#071f62;font-size:11px}.smart-health-copy strong{display:block;color:#071f62;font-size:13px}.smart-health-copy span{display:block;margin-top:3px;color:#748096;font-size:9px;line-height:1.35}.smart-health-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.smart-health-chip{padding:6px 8px;border-radius:999px;background:#eef3f9;color:#607089;font-size:8px;font-weight:850}.smart-health-chip.ok{background:#eaf8ef;color:#187442}.smart-health-chip.warn{background:#fff5d3;color:#7d6200}.smart-settings-list{display:grid;gap:7px}.smart-settings-item{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 11px;border:1px solid #dde4ee;border-radius:14px;background:#fff;text-align:left;color:#071f62;font:inherit;cursor:pointer}.smart-settings-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#f0f4fa;font-size:14px;font-weight:900}.smart-settings-copy strong{display:block;font-size:11px}.smart-settings-copy span{display:block;margin-top:2px;color:#788397;font-size:8px;line-height:1.35}.smart-settings-arrow{color:#8d98a8;font-size:18px}.settings-detail-back{display:none}.settings-panel:not([data-settings-panel="overview"])>.settings-detail-back{display:flex;margin:2px 0 9px;border:0;background:none;color:#071f62;font-size:9px;font-weight:900;cursor:pointer;padding:4px 0}.settings-panel:not([data-settings-panel="overview"]){padding:4px 2px 12px}.settings-panel .settings-form{margin-top:10px}.settings-system-stack{display:grid;gap:10px}.settings-system-stack .license-card,.settings-system-stack .seller-card,.settings-system-stack .version-update-card{margin:0}.settings-system-stack .version-update-card{padding:16px}.settings-system-stack .version-update-card ul{max-height:190px;overflow:auto;padding-right:4px}.smart-loading{opacity:.55}.settings-panel .card-settings-intro{margin-top:2px}
.team-lite-badge{flex:0 0 auto;padding:6px 9px;border-radius:999px;background:#fff100;color:#07182e;font-size:8px;font-weight:950;letter-spacing:.06em;white-space:nowrap}.team-network-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:18px;border-radius:20px;background:linear-gradient(135deg,#071f62,#0b3f93);color:#fff}.team-network-hero small{display:block;color:#fff100;font-size:8px;font-weight:950;letter-spacing:.1em}.team-network-hero strong{display:block;margin-top:6px;font-size:18px;line-height:1.16}.team-network-hero p{margin:6px 0 0;color:#d7e4f7;font-size:9px;line-height:1.5}.team-network-meter{min-width:92px;padding:13px;border:1px solid #ffffff2b;border-radius:16px;background:#ffffff12;text-align:center}.team-network-meter b{display:block;color:#fff100;font-size:24px}.team-network-meter small{color:#d7e4f7;font-size:7px}.team-network-card{margin-top:10px;padding:14px;border:1px solid #dce3ee;border-radius:17px;background:#fff}.team-network-copy{margin:5px 0 11px;color:#68758a;font-size:9px;line-height:1.5}.team-invite-result{margin-top:10px;padding:11px;border-radius:13px;background:#f3f7fc}.team-invite-result>small{display:block;color:#79879a;font-size:7px;font-weight:950}.team-invite-result>strong{display:block;margin:5px 0 9px;color:#071f62;font-size:10px;word-break:break-all}.team-invite-result>div{display:flex;gap:7px}.team-invite-result .btn{flex:1;padding:9px;font-size:8px}.team-invite-result .btn-secondary,.team-referral-actions .btn-secondary{background:#f2f5f9;color:#071f62;border:1px solid #ccd6e3}.team-invite-result .btn-primary,.team-referral-actions .btn-primary{background:#fff100;color:#071f62;border:1px solid #e8d900}.team-network-note{margin-top:10px;padding:10px;border-radius:12px;background:#fff7d6;color:#735d00;font-size:9px;line-height:1.45}.team-member-list{display:grid;gap:8px;margin-top:9px}.team-member-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px;border:1px solid #e1e7ef;border-radius:13px}.team-member-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#071f62;color:#fff100;font-size:10px;font-weight:950}.team-member-copy strong{display:block;color:#071f62;font-size:10px}.team-member-copy span{display:block;margin-top:3px;color:#7a8798;font-size:8px}.team-member-remove{border:1px solid #e0d0d2;border-radius:9px;background:#fff;color:#8d2832;padding:7px 8px;font:inherit;font-size:7px;font-weight:950}.team-permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.team-permission-grid label{display:flex;gap:8px;align-items:flex-start;padding:10px;border:1px solid #e0e6ef;border-radius:12px;background:#f9fbfd;cursor:pointer}.team-permission-grid input{width:15px;height:15px;margin:1px 0 0}.team-permission-grid b{display:block;color:#071f62;font-size:9px}.team-permission-grid small{display:block;margin-top:2px;color:#7a8798;font-size:7px;line-height:1.3}.team-starter-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.team-starter-grid>div{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:7px;align-items:start;padding:10px;border:1px solid #dfe6ef;border-radius:12px;background:#f9fbfd}.team-starter-grid>div>span{grid-row:1/3;display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#e8f8ee;color:#08783f;font-size:12px;font-weight:950}.team-starter-grid b{display:block;color:#071f62;font-size:9px}.team-starter-grid small{display:block;margin-top:2px;color:#7a8798;font-size:7px;line-height:1.35}.team-premium-lock{display:flex;gap:9px;margin:10px 0;padding:11px;border-radius:13px;background:#07182e;color:#fff}.team-premium-lock>span{font-size:16px}.team-premium-lock strong{font-size:9px;color:#fff100}.team-premium-lock p{margin:3px 0 0;color:#cad5e5;font-size:8px;line-height:1.45}.device-team-button{width:100%;text-align:left;cursor:pointer;font:inherit}.device-team-button b{display:block;margin-top:6px;color:#071f62;font-size:8px}.team-lite-notice{margin:10px 0;padding:11px 12px;border-radius:14px;background:#071f62;color:#fff;font-size:9px;line-height:1.45}.team-lite-notice b{color:#fff100}.team-lite-notice a{display:inline-block;margin-top:7px;color:#fff100;font-weight:950;text-decoration:none}.team-lite-locked{display:none!important}@media(max-width:620px){.team-network-hero{grid-template-columns:1fr}.team-network-meter{display:flex;align-items:center;justify-content:space-between}.team-network-meter b{font-size:20px}.team-permission-grid,.team-starter-grid{grid-template-columns:1fr}.team-lite-badge{font-size:7px;padding:5px 7px}}
/* v5.3.3 — Team Growth Commerce: paid Team Lite slots + 1-level referral. */
.team-commerce-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:9px 0}.team-commerce-stat{padding:9px;border:1px solid #e1e7ef;border-radius:12px;background:#f8fafc}.team-commerce-stat small{display:block;color:#7b8798;font-size:7px;font-weight:900}.team-commerce-stat b{display:block;margin-top:3px;color:#071f62;font-size:11px}.team-commerce-form{display:grid;gap:8px;margin-top:10px}.team-commerce-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.team-commerce-form label{display:grid;gap:5px;color:#071f62;font-size:8px;font-weight:900}.team-commerce-form input,.team-commerce-form select{width:100%;box-sizing:border-box;border:1px solid #cfd8e6;border-radius:10px;background:#fff;color:#071f62;padding:9px;font:inherit;font-size:9px}.team-commerce-price{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border-radius:12px;background:#fffbe5;border:1px solid #eee09b}.team-commerce-price span{color:#735d00;font-size:8px}.team-commerce-price strong{color:#071f62;font-size:15px}.team-commerce-qr{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;align-items:center;padding:9px;border:1px dashed #ccd6e4;border-radius:12px;background:#fbfcfe}.team-commerce-qr img{width:72px;height:72px;object-fit:cover;border-radius:9px;background:#fff}.team-commerce-qr p{margin:0;color:#647187;font-size:8px;line-height:1.45}.team-commerce-pending{padding:10px;border-radius:12px;background:#fff7d6;color:#735d00;font-size:8px;line-height:1.45}.team-slot-steps{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:9px 0}.team-slot-step{padding:9px 10px;border-radius:12px;background:#f6f8fb;border:1px solid #e1e7ef;color:#667085;font-size:7px;line-height:1.35}.team-slot-step b{display:block;color:#071f62;font-size:8px;margin-bottom:2px}.team-slot-step.active{background:#fffbe5;border-color:#eee09b;color:#735d00}.team-slot-submit{min-height:44px!important;font-size:10px!important}.team-slot-handoff{display:grid;gap:7px;margin-top:10px;padding:11px;border-radius:13px;background:#eaf8ef;border:1px solid #b7e3c7}.team-slot-handoff small{color:#26734a;font-size:7px;font-weight:950;letter-spacing:.08em}.team-slot-handoff strong{color:#071f62;font-size:11px}.team-slot-handoff p{margin:0;color:#4c6b59;font-size:8px;line-height:1.45}.team-slot-handoff .btn{width:100%;background:#1e8e55;color:#fff;border:0}.team-order-admin-btn{border:0;border-radius:9px;background:#eaf8ef;color:#176a3b;padding:7px 8px;font:inherit;font-size:7px;font-weight:950;cursor:pointer}.team-entitlement-list,.team-order-list,.team-referral-recent{display:grid;gap:7px;margin-top:8px}.team-entitlement-row,.team-order-row,.team-referral-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px;border:1px solid #e2e7ef;border-radius:11px;background:#fff}.team-entitlement-row strong,.team-order-row strong,.team-referral-row strong{display:block;color:#071f62;font-size:9px}.team-entitlement-row small,.team-order-row small,.team-referral-row small{display:block;margin-top:3px;color:#7b8798;font-size:7px;line-height:1.35}.team-mini-btn{border:1px solid #ccd6e3;border-radius:9px;background:#fff;color:#071f62;padding:7px 8px;font:inherit;font-size:7px;font-weight:950;cursor:pointer}.team-referral-link{display:block;padding:9px;border-radius:10px;background:#f3f6fa;color:#071f62;font-size:8px;word-break:break-all}.team-referral-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.team-member-status{display:inline-block!important;width:max-content;margin-top:4px!important;padding:3px 6px;border-radius:999px;background:#e9f8ef;color:#14723e!important;font-size:6px!important;font-weight:950}.team-member-status.paused{background:#fff1dc;color:#94600a!important}.team-payout-status{margin-top:8px;padding:8px 9px;border-radius:10px;background:#f3f6fa;color:#5f6d80;font-size:8px;line-height:1.45}.team-payout-status.ok{background:#eaf8ef;color:#176a3b}.team-payout-status.warn{background:#fff7d6;color:#735d00}.team-payout-note{margin:8px 0 0;color:#748196;font-size:7px;line-height:1.45}.team-cooldown-note{margin-top:7px;color:#7a8798;font-size:7px;line-height:1.4}.team-renew-mode{padding:9px;border-radius:11px;background:#edf5ff;color:#174a83;font-size:8px;line-height:1.4}.team-commerce-hidden{display:none!important}@media(max-width:620px){.team-commerce-stats{grid-template-columns:1fr 1fr}.team-slot-steps{grid-template-columns:1fr}.team-commerce-row{grid-template-columns:1fr}.team-commerce-qr{grid-template-columns:64px minmax(0,1fr)}.team-commerce-qr img{width:64px;height:64px}.team-referral-actions{grid-template-columns:1fr}}
.device-security-hero{padding:16px;border-radius:18px;background:linear-gradient(135deg,#071f62,#0f4195);color:#fff}.device-security-hero small{display:block;color:#fff100;font-size:9px;font-weight:950;letter-spacing:.08em}.device-security-hero strong{display:block;margin-top:5px;font-size:22px}.device-security-hero p{margin:5px 0 0;color:#dce7f7;font-size:9px;line-height:1.45}.device-meter{height:8px;margin-top:12px;border-radius:999px;background:#ffffff2b;overflow:hidden}.device-meter>span{display:block;height:100%;border-radius:999px;background:#fff100}.device-list{display:grid;gap:8px;margin-top:10px}.device-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px;border:1px solid #dce3ee;border-radius:14px;background:#fff}.device-row-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#eef3f9;color:#071f62;font-weight:950;font-size:12px}.device-row-copy strong{display:flex;align-items:center;gap:6px;color:#071f62;font-size:11px}.device-row-copy span{display:block;margin-top:3px;color:#7b8698;font-size:8px;line-height:1.35}.device-current-chip{padding:3px 6px;border-radius:999px;background:#e9f8ef;color:#15733a;font-size:7px;font-weight:950}.device-remove-btn{border:1px solid #d8e0ea;border-radius:10px;background:#fff;color:#8b2330;padding:7px 9px;font:inherit;font-size:8px;font-weight:900;cursor:pointer}.device-remove-btn:disabled{opacity:.45;cursor:default}.device-security-note{margin-top:10px;padding:10px 11px;border-radius:13px;background:#f6f8fb;color:#657188;font-size:8px;line-height:1.5}.device-contexts{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.device-context-chip{padding:2px 5px;border-radius:999px;background:#eef3f9;color:#475467;font-size:7px;font-weight:900}.device-context-chip.temp{background:#fff5d6;color:#8a5b00}.device-pin-card{margin-top:10px;padding:12px;border:1px solid #dce3ee;border-radius:15px;background:#fff}.device-pin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}.device-pin-head strong{font-size:11px;color:#071f62}.device-pin-head span{padding:4px 7px;border-radius:999px;background:#fff1cc;color:#8a5b00;font-size:7px;font-weight:950}.device-pin-head span.ok{background:#e9f8ef;color:#15733a}.device-pin-card p{margin:4px 0 0;color:#758096;font-size:8px;line-height:1.45}.device-pin-fields{display:grid;grid-template-columns:1fr 1fr auto;gap:6px;margin-top:9px}.device-pin-fields input{min-width:0;padding:8px;border:1px solid #d6deea;border-radius:9px;font:inherit;font-size:9px;font-weight:900;letter-spacing:.12em;text-align:center}.device-pin-save{border:0;border-radius:9px;padding:8px 10px;background:#071f62;color:#fff;font:inherit;font-size:8px;font-weight:950;cursor:pointer}@media(max-width:520px){.device-pin-fields{grid-template-columns:1fr 1fr}.device-pin-save{grid-column:1/-1}}.device-team-teaser{margin-top:10px;padding:12px;border:1px dashed #c9d3e2;border-radius:14px;background:#fffdf0}.device-team-teaser strong{display:block;color:#071f62;font-size:11px}.device-team-teaser span{display:block;margin-top:3px;color:#758096;font-size:8px;line-height:1.4}

/* v5.1.4 — Share Analytics: compact ranked views + personalised link status. */
.smart-share-analytics{display:grid;gap:10px}.smart-share-top{display:grid;gap:6px}.smart-share-rank{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px 10px;border-radius:12px;background:#f5f7fb}.smart-share-rank b{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#071f62;color:#fff;font-size:9px}.smart-share-rank strong{color:#071f62;font-size:11px}.smart-share-rank span{color:#667085;font-size:9px;font-weight:850}.smart-share-empty{padding:12px;border:1px dashed #d3dbe7;border-radius:12px;color:#7b8698;font-size:9px;line-height:1.45}.smart-rec-analytics{display:grid;gap:7px}.smart-rec-row{padding:10px 11px;border:1px solid #e0e6ef;border-radius:13px;background:#fff}.smart-rec-row-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.smart-rec-row-head strong{color:#071f62;font-size:11px;letter-spacing:.06em}.smart-rec-row-head span{padding:4px 7px;border-radius:999px;background:#eef2f8;color:#5e6d83;font-size:8px;font-weight:900}.smart-rec-row-head span.viewed{background:#e8f8ee;color:#13723f}.smart-rec-meta{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}.smart-rec-meta span{display:block;padding:7px 8px;border-radius:9px;background:#f6f8fb;color:#6a768a;font-size:8px;line-height:1.35}.smart-rec-meta b{color:#071f62}.smart-share-privacy{display:flex;gap:7px;align-items:flex-start;color:#7c8798;font-size:8px;line-height:1.45}.smart-share-privacy b{color:#526078}@media(max-width:520px){.smart-rec-meta{grid-template-columns:1fr}.smart-share-rank{grid-template-columns:22px minmax(0,1fr) auto}}
@media(max-width:620px){.settings-scroll{max-height:calc(100vh - 12px);padding:0 12px 18px}.settings-smart-head{margin:0 -12px 10px;padding:17px 50px 12px 14px}.smart-dealer-card{grid-template-columns:1fr}.smart-license-pill{width:max-content}.smart-stat-grid{grid-template-columns:repeat(2,1fr)}.smart-insight-grid{grid-template-columns:1fr}.smart-activity-grid{gap:5px}.smart-activity-grid.pipeline{grid-template-columns:1fr 1fr}.smart-activity{padding:8px}.smart-stat strong{font-size:22px}.settings-dialog>.modal-close{top:10px;right:9px}}
.footer-settings-note{margin:12px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.footer-preview-card{padding:15px;border:1px solid var(--line);border-radius:15px;background:var(--yellow);color:var(--navy)}.footer-preview-card small{display:block;margin-bottom:7px;font-size:10px;font-weight:900;letter-spacing:.1em}.footer-preview-card strong{display:block;line-height:1.5;font-size:13px}.footer-ssm-help{font-size:11px;color:var(--muted);line-height:1.5}
.flyer-dialog { width: min(880px, 100%); padding-top: 62px; }
.flyer-dialog h2 { color: var(--navy); margin-top: 0; }
.flyer-dialog img { width: 100%; border-radius: 14px; }
.toast { position: fixed; z-index: 200; left: 50%; bottom: 24px; transform: translate(-50%, 30px); opacity: 0; pointer-events: none; background: var(--navy); color: white; border-radius: 14px; padding: 13px 17px; box-shadow: var(--shadow-lg); transition: .25s ease; }
.toast.show { opacity: 1; transform: translate(-50%, 0); }

@media (max-width: 1050px) {
  .hero { grid-template-columns: 1fr; }
  .hero-card { justify-self: start; }
  .recommend-grid { grid-template-columns: repeat(2, 1fr); }
  .plan-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 720px) {
  .topbar { padding: 10px 14px; }
  .brand-sub, #modeLabel, #installBtn { display: none; }
  .mode-toggle { padding-right: 9px; }
  .hero { min-height: auto; padding: 55px 20px; }
  .hero h1 { letter-spacing: -2px; }
  .hero-stats { gap: 18px; justify-content: space-between; }
  .hero-card { padding: 22px; }
  .section { padding: 64px 16px; }
  .section-heading { align-items: start; flex-direction: column; margin-bottom: 26px; }
  .recommend-grid { grid-template-columns: 1fr; }
  .field-card { min-height: 145px; }
  .recommendation-cards { grid-template-columns: 1fr; }
  .catalog-toolbar { flex-direction: column; }
  .sort-select { width: 100%; }
  .plan-grid { grid-template-columns: 1fr; }
  .plan-card { min-height: 400px; }
  .flyer-grid { grid-template-columns: 1fr; }
  .footer { align-items: start; flex-direction: column; }
  .footer p { text-align: left; }
  .detail-layout { grid-template-columns: 1fr; }
  .mysiswa-calc-top, .mysiswa-summary { grid-template-columns: 1fr; }
  .sales-script { grid-column: auto; }
  .modal { padding: 8px; }
  .modal-dialog { border-radius: 20px; max-height: calc(100vh - 16px); }
}



/* eFlyersXOX sales edition */
.product-owner { font-size: 11px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; opacity: .72; }
.seller-card, .license-card {
  border: 1px solid var(--line); border-radius: 18px; padding: 16px 18px; background: #f8fafc;
  display: grid; gap: 8px;
}
.seller-card strong, .license-card strong { color: var(--navy); }
.seller-card p, .license-card p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
.seller-card .support-link { width: fit-content; text-decoration: none; margin-top: 4px; }
.license-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.license-item { border-radius: 12px; background: white; border: 1px solid var(--line); padding: 11px 12px; }
.license-item small { display: block; color: var(--muted); font-weight: 750; margin-bottom: 3px; }
.license-item b { display: block; color: var(--navy); overflow-wrap: anywhere; }
.license-item.license-expiry-active { background: #f4fff7; border-color: #b9e8c7; }
.license-item.license-expiry-warning { background: #fff9e8; border-color: #f1cf73; }
.license-item.license-expiry-expired { background: #fff1f1; border-color: #efb2b2; }
.license-status-chip { display: inline-flex; align-items: center; width: fit-content; margin-top: 7px; padding: 5px 9px; border-radius: 999px; background: #e8f8ee; color: #15733a; font-size: 10px; font-weight: 900; }
.license-status-chip.warning { background: #fff0bd; color: #855b00; }
.license-status-chip.expired { background: #ffe0e0; color: #a52222; }
.license-expiry-note { margin-top: 10px !important; padding: 10px 12px; border-radius: 12px; background: rgba(7,31,98,.055); color: #58657a !important; }
.license-watermark {
  position: fixed; right: 12px; bottom: 10px; z-index: 20; max-width: min(360px, calc(100vw - 24px));
  background: rgba(7,31,98,.90); color: #fff; border: 1px solid rgba(255,241,0,.65);
  border-radius: 12px; padding: 7px 11px; box-shadow: 0 8px 24px rgba(0,0,0,.18);
  font-size: 10px; line-height: 1.35; pointer-events: none; backdrop-filter: blur(8px);
}
.license-watermark b { color: var(--yellow); }
.footer-license { margin-top: 4px; font-size: 11px; opacity: .8; }
@media (max-width: 560px) {
  .license-grid { grid-template-columns: 1fr; }
  .license-watermark { font-size: 9px; }
}



/* v1.4 — protected flyer viewer */
.flyer-preview-wrap,
.flyer-viewer-wrap {
  position: relative;
  overflow: hidden;
  background: #e9edf5;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
.flyer-preview-wrap { aspect-ratio: 1443 / 2048; }
.flyer-preview-canvas,
#flyerCanvas {
  display: block;
  width: 100%;
  height: auto;
  user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  touch-action: pan-y;
}
.flyer-preview-canvas { min-height: 100%; object-fit: cover; }
.flyer-protect-badge {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(5, 29, 82, .92);
  color: #fff;
  text-align: center;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .03em;
  box-shadow: 0 8px 25px rgba(0,0,0,.25);
  pointer-events: none;
}
.flyer-protection-note {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: -2px 0 14px;
  padding: 12px 14px;
  border: 1px solid rgba(5, 29, 82, .14);
  border-radius: 14px;
  background: #fff8cb;
  color: var(--navy);
  font-size: 13px;
  line-height: 1.45;
  font-weight: 750;
}
.flyer-protection-note strong { font-weight: 950; }
.flyer-viewer-wrap {
  border-radius: 14px;
  box-shadow: inset 0 0 0 1px rgba(5, 29, 82, .12);
}
.flyer-dialog { overscroll-behavior: contain; }
.flyer-card small { text-align: right; }

@media print {
  body * { visibility: hidden !important; }
  body::before {
    visibility: visible !important;
    content: "Cetakan dan eksport flyer disekat. Gunakan eFlyersXOX untuk paparan berlesen sahaja.";
    position: fixed;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 48px;
    background: #fff100;
    color: #051d52;
    font: 900 28px/1.35 Arial, sans-serif;
    text-align: center;
  }
}


/* v1.7 — separated prepaid internet and validity packages */
.share-view-launch {
  min-height: 42px;
  padding: 10px 14px;
  gap: 7px;
  white-space: nowrap;
}
.share-view-launch span:first-child { font-size: 18px; line-height: 1; }
.share-dialog { max-width: 720px; }
.share-intro {
  margin: 0 0 16px;
  color: var(--muted);
  line-height: 1.6;
}
.share-preview-card {
  display: grid;
  gap: 4px;
  margin: 14px 0;
  padding: 16px 18px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: #f8fafc;
}
.share-preview-card small { color: var(--muted); font-weight: 750; }
.share-preview-card strong { color: var(--navy); font-size: 20px; overflow-wrap: anywhere; }
.share-actions-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
  margin-top: 16px;
}
.share-feature-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin: 18px 0 0;
}
.share-feature-list div {
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 12px;
  background: white;
  color: var(--navy);
  font-size: 13px;
  font-weight: 800;
}
.customer-contact-bar {
  display: none;
  position: fixed;
  left: 12px;
  right: 12px;
  bottom: 10px;
  z-index: 60;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  max-width: 980px;
  margin: 0 auto;
  padding: 10px 12px 10px 16px;
  border: 1px solid rgba(255,241,0,.75);
  border-radius: 18px;
  background: rgba(5,29,82,.96);
  color: white;
  box-shadow: 0 16px 40px rgba(0,0,0,.26);
  backdrop-filter: blur(12px);
}
.customer-contact-copy { min-width: 0; display: grid; gap: 2px; }
.customer-contact-copy small { color: #d8e1f6; font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.customer-contact-copy strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.customer-contact-bar .btn { flex: 0 0 auto; text-decoration: none; }
body.share-view { padding-bottom: 88px; }
body.share-view .customer-contact-bar { display: flex; }
body.share-view #modeBtn,
body.share-view #settingsBtn,
body.share-view #shareViewBtn,
body.share-view #installBtn,
body.share-view .footer-license { display: none !important; }
body.share-view .presenter-only { display: none !important; }
body.share-view .license-watermark {
  right: auto;
  left: 12px;
  bottom: 84px;
  max-width: min(430px, calc(100vw - 24px));
}
body.share-view .top-actions::before {
  content: "PAPARAN PELANGGAN";
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--navy);
  color: white;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .05em;
}
@media (max-width: 760px) {
  .share-view-label { display: none; }
  .share-view-launch { width: 42px; padding: 10px; justify-content: center; }
  .share-actions-grid, .share-feature-list { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .customer-contact-bar { left: 8px; right: 8px; bottom: 8px; border-radius: 16px; }
  .customer-contact-bar .btn { padding: 10px 12px; font-size: 13px; }
  body.share-view .license-watermark { left: 8px; bottom: 80px; }
  body.share-view .top-actions::before { font-size: 9px; padding: 7px 9px; }
}


/* v1.9 — customer dealership, coverage checker and fixed Malaysia country code */
.utility-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px clamp(14px, 4vw, 64px);
  background: #fff;
  border-bottom: 1px solid var(--line);
  overflow-x: auto;
  scrollbar-width: none;
}
.utility-menu::-webkit-scrollbar { display: none; }
.utility-menu button,
.utility-menu a {
  flex: 0 0 auto;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 9px 14px;
  border: 1px solid #d7deea;
  border-radius: 999px;
  background: #f8faff;
  color: var(--navy);
  font: inherit;
  font-size: 13px;
  font-weight: 850;
  text-decoration: none;
  touch-action: manipulation;
}
.utility-menu a.coverage-link {
  background: var(--navy);
  border-color: var(--navy);
  color: #fff;
}
.utility-menu button:hover,
.utility-menu a:hover { transform: translateY(-1px); }
.phone-field {
  display: flex;
  align-items: stretch;
  width: 100%;
  border: 1px solid #d7deea;
  border-radius: 12px;
  background: #f8faff;
  overflow: hidden;
}
.phone-field:focus-within {
  border-color: var(--navy-2);
  box-shadow: 0 0 0 3px rgba(11,52,126,.10);
}
.phone-prefix {
  display: inline-flex;
  align-items: center;
  padding: 0 14px;
  background: #e8edf7;
  color: var(--navy);
  border-right: 1px solid #d7deea;
  font-weight: 950;
  letter-spacing: .02em;
}
.settings-form .phone-field input {
  min-width: 0;
  flex: 1 1 auto;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.settings-form .phone-field input:focus { border-color: transparent; box-shadow: none; }
@media (max-width: 560px) {
  .utility-menu { justify-content: flex-start; padding: 8px 10px; }
  .utility-menu button, .utility-menu a { min-height: 38px; padding: 8px 12px; font-size: 12px; }
}


/* v2.0 reliability, locked-license and mobile compatibility */
button, a, input, select, textarea { touch-action: manipulation; }

.dealer-locations-manager{margin-top:12px;border:1px solid #e2e7ef;border-radius:18px;background:#f8fafc;padding:12px}.dealer-locations-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.dealer-locations-head strong{color:#071f62;font-size:14px}.dealer-locations-head small{display:block;margin-top:2px;color:#7a8494;font-size:10px}.dealer-location-add{appearance:none;border:0;background:#071f62;color:#fff;border-radius:999px;padding:8px 11px;font-weight:900;font-size:10px;white-space:nowrap;cursor:pointer}.dealer-locations-list{display:grid;gap:7px;margin-top:10px}.dealer-location-empty{padding:10px 11px;border:1px dashed #cfd6e2;border-radius:13px;background:#fff;color:#7b8493;font-size:10px;line-height:1.4}.dealer-location-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 10px;border:1px solid #e1e6ee;border-radius:13px;background:#fff}.dealer-location-copy{min-width:0}.dealer-location-copy strong{display:block;color:#071f62;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dealer-location-meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:3px;color:#7b8493;font-size:9px}.dealer-location-badge{display:inline-flex;align-items:center;border-radius:999px;padding:2px 6px;background:#fff7b8;color:#071f62;font-size:7.5px;font-weight:950;letter-spacing:.04em}.dealer-location-badge.muted{background:#eef1f6;color:#6b7484}.dealer-location-actions{display:flex;gap:5px}.dealer-location-mini{appearance:none;border:1px solid #dfe4ec;background:#fff;color:#071f62;border-radius:9px;padding:6px 8px;font-size:9px;font-weight:900;cursor:pointer}.dealer-location-mini.danger{color:#a12424}.dealer-location-editor{margin-top:9px;padding:10px;border:1px solid #dfe5ee;border-radius:14px;background:#fff}.dealer-location-editor[hidden]{display:none}.dealer-location-editor-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.dealer-location-editor-title strong{font-size:12px;color:#071f62}.dealer-location-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dealer-location-editor label{font-size:9px;font-weight:850;color:#475269}.dealer-location-editor input,.dealer-location-editor textarea{width:100%;margin-top:4px;border:1px solid #dbe1ea;border-radius:10px;background:#fff;padding:9px 10px;color:#0c1b3a;font:inherit;font-size:10px;outline:none}.dealer-location-editor textarea{resize:vertical;min-height:52px}.dealer-location-editor .full{grid-column:1/-1}.dealer-location-toggles{grid-column:1/-1;display:flex;gap:7px;flex-wrap:wrap;padding-top:1px}.dealer-location-toggle{display:flex;align-items:center;gap:5px;border:1px solid #e1e5ec;border-radius:999px;padding:6px 8px;background:#f8fafc;font-size:9px!important;font-weight:850!important;color:#536073!important}.dealer-location-toggle input{width:auto;margin:0}.dealer-location-editor-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:7px}.dealer-location-save,.dealer-location-cancel{appearance:none;border-radius:11px;padding:9px;border:1px solid #071f62;font-weight:900;font-size:10px;cursor:pointer}.dealer-location-save{background:#071f62;color:#fff}.dealer-location-cancel{background:#fff;color:#071f62}.dealer-location-note{margin-top:7px;color:#7b8493;font-size:8.5px;line-height:1.4}@media(max-width:390px){.dealer-location-editor-grid{grid-template-columns:1fr}.dealer-location-editor .full,.dealer-location-toggles,.dealer-location-editor-actions{grid-column:1}.dealer-locations-head{align-items:flex-start}}.dealer-seo-manager{margin-top:12px;border:1px solid #dfe5ee;border-radius:18px;background:#fff;padding:12px}.dealer-seo-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.dealer-seo-head strong{color:#071f62;font-size:14px}.dealer-seo-head small{display:block;margin-top:2px;color:#7a8494;font-size:10px;line-height:1.4}.dealer-seo-switch{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #e1e6ef;border-radius:999px;background:#f8fafc;color:#071f62;font-size:9px;font-weight:950;white-space:nowrap}.dealer-seo-switch input{margin:0;accent-color:#071f62}.dealer-seo-form{display:grid;gap:8px;margin-top:10px}.dealer-seo-form label{font-size:9px;font-weight:850;color:#475269}.dealer-seo-form input{width:100%;margin-top:4px;border:1px solid #dbe1ea;border-radius:10px;background:#fff;padding:9px 10px;color:#0c1b3a;font:inherit;font-size:10px;outline:none}.dealer-seo-hint{color:#7b8493;font-size:8.5px;line-height:1.45}.dealer-seo-preview{padding:11px;border-radius:13px;background:#f7f9fc;border:1px solid #e4e8ef}.dealer-seo-preview small{display:block;color:#11823b;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dealer-seo-preview strong{display:block;margin:4px 0;color:#1a0dab;font-size:12px;line-height:1.3}.dealer-seo-preview span{display:block;color:#4d5156;font-size:9px;line-height:1.45}.dealer-seo-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.dealer-seo-actions button,.dealer-seo-actions a{display:flex;align-items:center;justify-content:center;border-radius:11px;padding:9px;text-decoration:none;font-size:10px;font-weight:950;cursor:pointer}.dealer-seo-save{border:0;background:#071f62;color:#fff}.dealer-seo-directory{border:1px solid #071f62;background:#fff;color:#071f62}@media(max-width:390px){.dealer-seo-head{display:grid}.dealer-seo-switch{width:max-content}.dealer-seo-actions{grid-template-columns:1fr}}

.profile-lock-note {
  margin: 14px 0 4px;
  padding: 13px 14px;
  border: 1px solid #cbd5e5;
  border-radius: 12px;
  background: #f3f6fb;
  color: #10275a;
  font-size: 13px;
  line-height: 1.5;
}
.profile-lock-note strong { display: block; margin-bottom: 3px; }
.settings-form input[readonly], .settings-form textarea[readonly] {
  background: #edf1f7;
  color: #43526a;
  cursor: not-allowed;
}
.phone-field.profile-locked { background: #edf1f7; }
.lock-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-left: 6px;
  padding: 3px 8px;
  border-radius: 999px;
  background: #061d53;
  color: #fff100;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .04em;
}
.license-status-banner {
  position: sticky;
  top: 0;
  z-index: 3000;
  margin: 0;
  padding: 12px 16px;
  background: #8b1323;
  color: #fff;
  text-align: center;
  font-weight: 800;
  line-height: 1.4;
}
.compat-noscript {
  margin: 0;
  padding: 14px 16px;
  background: #fff3cd;
  color: #4d3c00;
  text-align: center;
  font-weight: 800;
  line-height: 1.45;
}
.app-runtime-error {
  position: sticky;
  top: 0;
  z-index: 2999;
  padding: 12px 16px;
  background: #fff3cd;
  color: #4d3c00;
  text-align: center;
  font-weight: 800;
}
.share-view.invalid-profile #customerWhatsAppBtn,
.invalid-profile [data-share],
.invalid-profile #shareViewBtn {
  pointer-events: none;
  opacity: .45;
}
@media (max-width: 560px) {
  .license-status-banner, .app-runtime-error, .compat-noscript { font-size: 13px; }
}


.update-group-card {
  margin-top: 14px;
  border: 1px solid #d7deec;
  border-radius: 18px;
  padding: 18px;
  background: linear-gradient(145deg, #f8fbff, #eef3ff);
  display: grid;
  gap: 11px;
}
.update-group-card > strong { color: var(--navy); font-size: 18px; }
.update-group-card > p { margin: 0; color: var(--muted); line-height: 1.55; }
.footer-update-group { margin-top: 12px; width: min(100%, 540px); }
/* v2.2 final polish — segmented mode, professional actions and clean Customer View */
.mode-segmented{display:inline-grid;grid-template-columns:1fr 1fr;align-items:center;min-height:46px;padding:4px;border:1px solid rgba(7,31,98,.18);border-radius:15px;background:rgba(255,255,255,.84);color:var(--navy)}
.mode-option{min-height:36px;display:inline-flex;align-items:center;justify-content:center;padding:8px 11px;border-radius:11px;color:#60708f;font-size:12px;font-weight:900;white-space:nowrap;transition:.18s ease}
.mode-option.active{background:var(--navy);color:#fff;box-shadow:0 6px 14px rgba(7,31,98,.22)}
.mode-accessible-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.update-group-btn,.support-pro-btn{width:100%;min-height:60px;display:grid;grid-template-columns:42px minmax(0,1fr) 24px;align-items:center;gap:12px;padding:10px 13px;border-radius:16px;text-decoration:none;text-align:left;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}
.update-group-btn{border:1px solid #0c815f;background:#128c6e;color:#fff;box-shadow:0 12px 26px rgba(18,140,110,.23)}
.update-group-btn:hover{background:#0f7d62;transform:translateY(-1px)}.update-group-btn:active{transform:translateY(1px)}
.support-pro-btn{border:1px solid #051642;background:var(--navy);color:#fff;box-shadow:0 12px 26px rgba(7,31,98,.20)}
.support-pro-btn:hover{background:#0c347e;transform:translateY(-1px)}.support-pro-btn:active{transform:translateY(1px)}
.update-group-icon,.support-pro-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.17);color:#fff}
.update-group-icon svg,.support-pro-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.update-group-copy,.support-pro-copy{min-width:0;display:grid;gap:2px;text-align:left}.update-group-copy small,.support-pro-copy small{color:rgba(255,255,255,.82);font-size:10px;font-weight:850;letter-spacing:.04em}.update-group-copy strong,.support-pro-copy strong{color:#fff;font-size:14px;line-height:1.25}.update-group-arrow,.support-pro-arrow{color:#fff100;font-size:24px;font-weight:900;text-align:center}
.footer-update-group{width:min(100%,520px);margin-top:12px}.update-group-card{margin-top:14px;border:1px solid var(--line);border-radius:17px;padding:16px;background:#f4f7ff;display:grid;gap:12px}.update-group-card>p{margin:0;color:var(--muted);line-height:1.55}
.version-update-card{margin-top:14px;border:1px solid var(--line);border-radius:17px;padding:16px;background:#fff;display:grid;gap:13px}.version-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.version-metric{border:1px solid var(--line);border-radius:13px;padding:11px 12px;background:#f8faff}.version-metric small{display:block;color:var(--muted);font-weight:800;margin-bottom:3px}.version-metric strong{color:var(--navy);font-size:18px}.version-update-card ul{margin:0;padding-left:20px;color:var(--muted);line-height:1.55}
.customer-contact-copy span{color:#cbd7ee;font-size:10px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-whatsapp-cta{min-height:47px;background:var(--yellow);color:var(--navy);box-shadow:0 8px 20px rgba(255,241,0,.18)}
body.share-view .license-watermark{display:none!important}body.share-view #footerAppCredit,body.share-view .footer-update-group{display:none!important}body.share-view .footer{padding-bottom:112px}body.share-view .footer-dealer-block{gap:4px}body.share-view .hero-actions #heroSecondaryAction{background:#fff;color:var(--navy);border-color:#fff}
@media(max-width:560px){.customer-contact-bar{padding:10px 10px 10px 13px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.customer-contact-copy span{max-width:180px}.customer-whatsapp-cta{padding:10px 12px;font-size:13px}.version-metrics{grid-template-columns:1fr}.update-group-btn,.support-pro-btn{grid-template-columns:38px minmax(0,1fr) 20px}.update-group-icon,.support-pro-icon{width:36px;height:36px}.mode-option{padding:7px 8px;font-size:11px}}

/* v4.0.0.1 — Customer View mobile display patch */
html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}
#appShell, main, .topbar, .utility-menu, .hero, .section, .footer {
  max-width: 100%;
  box-sizing: border-box;
}
body.share-view .topbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 112px;
  padding: 16px clamp(14px, 4vw, 22px);
}
body.share-view .brand {
  min-width: 0;
  overflow: hidden;
}
body.share-view .brand-main {
  display: block;
  max-width: 100%;
  font-size: clamp(21px, 6vw, 27px);
  letter-spacing: -1.35px;
  line-height: 1;
  white-space: nowrap;
}
body.share-view .top-actions {
  min-width: 148px;
  justify-content: flex-end;
}
body.share-view .top-actions::before {
  box-sizing: border-box;
  content: "PAPARAN PELANGGAN";
  min-width: 148px;
  min-height: 56px;
  padding: 10px 14px;
  border-radius: 19px;
  justify-content: center;
  white-space: nowrap;
  text-align: center;
  font-size: 11px;
  line-height: 1.15;
  letter-spacing: .045em;
}
body.share-view .utility-menu {
  width: 100%;
  max-width: 100vw;
  justify-content: flex-start;
  gap: 8px;
  padding: 10px 24px 10px 14px;
  scroll-padding-inline: 14px;
  scroll-snap-type: x proximity;
  overscroll-behavior-x: contain;
}
body.share-view .utility-menu > * {
  scroll-snap-align: start;
}
body.share-view .hero {
  padding-bottom: clamp(90px, 16vw, 130px);
}
body.share-view .hero-actions {
  margin-bottom: 8px;
}
body.share-view {
  padding-bottom: 112px;
}
body.share-view .customer-contact-bar {
  display: flex;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(calc(100% + 28px));
  transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
}
body.share-view .customer-contact-bar.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}
body.share-view .license-watermark {
  display: none !important;
}
body.share-view .flyer-dialog {
  width: min(880px, calc(100vw - 16px));
  max-width: calc(100vw - 16px);
  padding: 58px 14px 18px;
}
body.share-view .flyer-dialog h2 {
  padding-right: 46px;
  font-size: clamp(25px, 7vw, 38px);
  line-height: 1.08;
}
body.share-view .flyer-viewer-wrap,
body.share-view #flyerCanvas {
  width: 100%;
  max-width: 100%;
}
@media (max-width: 560px) {
  body.share-view .topbar {
    min-height: 104px;
    gap: 9px;
    padding: 14px 13px;
  }
  body.share-view .brand-main {
    font-size: clamp(20px, 6.3vw, 25px);
  }
  body.share-view .top-actions {
    min-width: 136px;
  }
  body.share-view .top-actions::before {
    min-width: 136px;
    min-height: 54px;
    padding: 9px 11px;
    border-radius: 18px;
    font-size: 10px;
  }
  body.share-view .utility-menu {
    padding: 9px 22px 9px 12px;
  }
  body.share-view .customer-contact-bar {
    left: 9px;
    right: 9px;
    bottom: max(8px, env(safe-area-inset-bottom));
    min-height: 82px;
    gap: 8px;
    padding: 10px 10px 10px 13px;
    border-radius: 17px;
  }
  body.share-view .customer-contact-copy {
    gap: 2px;
  }
  body.share-view .customer-contact-copy small {
    font-size: 9px;
    letter-spacing: .065em;
  }
  body.share-view .customer-contact-copy strong {
    max-width: 48vw;
    font-size: 15px;
    line-height: 1.15;
  }
  body.share-view .customer-contact-copy span {
    max-width: 48vw;
    font-size: 9px;
  }
  body.share-view .customer-whatsapp-cta {
    min-height: 50px;
    padding: 10px 13px;
    border-radius: 14px;
    font-size: 13px;
    line-height: 1.15;
    white-space: nowrap;
  }
  body.share-view .hero {
    padding-bottom: 112px;
  }
}
@media (max-width: 390px) {
  body.share-view .topbar {
    gap: 7px;
    padding-inline: 11px;
  }
  body.share-view .brand-main {
    font-size: 20px;
  }
  body.share-view .top-actions {
    min-width: 124px;
  }
  body.share-view .top-actions::before {
    min-width: 124px;
    padding-inline: 8px;
    font-size: 9px;
  }
  body.share-view .customer-contact-copy span {
    display: none;
  }
  body.share-view .customer-contact-copy strong {
    max-width: 44vw;
  }
  body.share-view .customer-whatsapp-cta {
    padding-inline: 11px;
    font-size: 12px;
  }
}


/* v4.0.0.1 — tighter customer header and neater WhatsApp dealer bar */
body.share-view .topbar {
  min-height: auto;
  padding: 10px 16px;
  gap: 10px;
}
body.share-view .brand {
  align-items: center;
}
body.share-view .brand-sub {
  display: none !important;
}
body.share-view .brand-main {
  font-size: clamp(20px, 6vw, 26px);
  letter-spacing: -1.25px;
  line-height: 1;
}
body.share-view .top-actions {
  min-width: auto;
}
body.share-view .top-actions::before {
  content: "Paparan Pelanggan";
  min-width: 0;
  min-height: 46px;
  padding: 0 18px;
  border-radius: 18px;
  font-size: 12px;
  line-height: 1;
  letter-spacing: .02em;
  white-space: nowrap;
  box-shadow: 0 10px 24px rgba(7,31,98,.18);
}
body.share-view .utility-menu {
  padding: 8px 14px 9px;
  gap: 8px;
}
body.share-view .utility-menu button,
body.share-view .utility-menu a {
  min-height: 38px;
  padding: 8px 16px;
  font-size: 12px;
}
.customer-contact-bar {
  gap: 12px;
  padding: 10px 12px 10px 14px;
  border-radius: 20px;
}
.customer-contact-copy {
  flex: 1 1 auto;
}
.customer-contact-copy small {
  font-size: 9px;
  letter-spacing: .07em;
}
.customer-contact-copy strong {
  font-size: clamp(17px, 2.8vw, 20px);
  line-height: 1.08;
}
.customer-contact-copy span {
  font-size: 11px;
  line-height: 1.2;
}
.customer-affiliate-cta,
.customer-whatsapp-cta {
  min-height: 44px;
  min-width: 174px;
  padding: 0 18px;
  border-radius: 15px;
  font-size: 14px;
  font-weight: 900;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 10px 22px rgba(255,241,0,.18);
}
.customer-affiliate-cta {
  background: var(--yellow);
  color: var(--navy);
}
@media (max-width: 640px) {
  body.share-view .topbar {
    padding: 8px 12px;
    gap: 8px;
  }
  body.share-view .brand-main {
    font-size: clamp(18px, 5.6vw, 23px);
  }
  body.share-view .top-actions::before {
    min-height: 42px;
    padding: 0 14px;
    font-size: 10px;
  }
  body.share-view .utility-menu {
    padding: 8px 12px 9px;
  }
  body.share-view .utility-menu button,
  body.share-view .utility-menu a {
    min-height: 36px;
    padding: 8px 14px;
    font-size: 12px;
  }
  .customer-contact-bar {
    left: 8px;
    right: 8px;
    bottom: 8px;
    gap: 10px;
    padding: 10px 10px 10px 12px;
    border-radius: 18px;
  }
  .customer-contact-copy strong {
    font-size: clamp(14px, 4.8vw, 18px);
  }
  .customer-contact-copy span {
    font-size: 10px;
  }
  .customer-affiliate-cta,
  .customer-whatsapp-cta {
    min-width: 146px;
    min-height: 42px;
    padding: 0 14px;
    font-size: 13px;
    border-radius: 14px;
  }
}
@media (max-width: 420px) {
  body.share-view .topbar {
    padding: 8px 10px;
  }
  body.share-view .top-actions::before {
    padding: 0 12px;
    font-size: 9px;
  }
  .customer-contact-copy small {
    font-size: 8px;
  }
  .customer-contact-copy strong {
    font-size: 13px;
  }
  .customer-affiliate-cta,
  .customer-whatsapp-cta {
    min-width: 132px;
    padding: 0 12px;
    font-size: 12px;
  }
}


/* v4.0.0.1 — compact official prepaid plan details */
.plan-spec-list {
  display: grid;
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
}
.plan-spec-row {
  display: grid;
  grid-template-columns: minmax(108px, .72fr) minmax(0, 1.28fr);
  gap: 12px;
  padding: 10px 12px;
  border-bottom: 1px solid var(--line);
}
.plan-spec-row:last-child { border-bottom: 0; }
.plan-spec-row dt { color: var(--muted); font-size: 12px; font-weight: 850; }
.plan-spec-row dd { margin: 0; color: var(--navy); font-size: 12px; font-weight: 850; text-align: right; }
.plan-notes-list { margin: 0; padding-left: 18px; color: var(--muted); line-height: 1.5; }
.plan-notes-list li + li { margin-top: 5px; }
@media (max-width: 480px) {
  .plan-spec-row { grid-template-columns: 1fr; gap: 3px; }
  .plan-spec-row dd { text-align: left; }
}


/* v4.0.0.1 — dealer package details from supplied comparison chart */
.plan-card[data-category="dealer"] .plan-data { font-size: clamp(30px, 4vw, 48px); }
.plan-card[data-category="dealer"] .plan-features li { line-height: 1.35; }



/* v4.0.0.1 — Simulator potensi pendapatan pengedar */
.income-simulator-section {
  background:
    radial-gradient(circle at 12% 10%, rgba(255,241,0,.18), transparent 30%),
    linear-gradient(180deg, #f7f9fd 0%, #eef3fb 100%);
}
.income-sim-heading-note {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 9px;
  padding: 7px 10px;
  border: 1px solid rgba(7,31,98,.12);
  border-radius: 999px;
  background: rgba(255,255,255,.84);
  color: var(--navy);
  font-size: 11px;
  font-weight: 850;
}
.income-sim-layout {
  display: grid;
  grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr);
  gap: 22px;
  align-items: start;
}
.income-result-card {
  position: sticky;
  top: 88px;
  overflow: hidden;
  padding: 24px;
  border-radius: 26px;
  background:
    radial-gradient(circle at 86% 8%, rgba(255,241,0,.26), transparent 28%),
    linear-gradient(145deg, #06194f 0%, #092d79 100%);
  color: #fff;
  box-shadow: 0 22px 54px rgba(7,31,98,.22);
}
.income-result-card::after {
  content: "";
  position: absolute;
  width: 170px;
  height: 170px;
  right: -90px;
  bottom: -95px;
  border-radius: 50%;
  border: 30px solid rgba(255,241,0,.08);
}
.income-result-kicker {
  display: block;
  color: #fff86a;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.income-total {
  display: block;
  margin: 8px 0 2px;
  color: var(--yellow);
  font-size: clamp(38px, 6vw, 58px);
  font-weight: 950;
  line-height: 1;
  letter-spacing: -2.5px;
}
.income-daily {
  display: inline-flex;
  margin-top: 5px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.11);
  color: #fff;
  font-size: 12px;
  font-weight: 850;
}
.income-narrative {
  position: relative;
  z-index: 1;
  margin: 16px 0 18px;
  color: #d9e3f7;
  font-size: 13px;
  line-height: 1.55;
}
.income-breakdown {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
}
.income-breakdown article {
  padding: 11px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 15px;
  background: rgba(255,255,255,.075);
}
.income-breakdown small {
  display: block;
  color: #bfcce8;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.income-breakdown strong {
  display: block;
  margin-top: 3px;
  color: #fff;
  font-size: 18px;
}
.income-future-retention {
  position: relative;
  z-index: 1;
  margin-top: 10px;
  padding: 11px 12px;
  border-radius: 14px;
  background: rgba(255,241,0,.12);
  color: #fffbd1;
  font-size: 11px;
  line-height: 1.45;
}
.income-result-actions {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 8px;
  margin-top: 16px;
}
.income-result-actions .btn { flex: 1; min-width: 0; padding: 11px 12px; font-size: 12px; }
.income-sim-form {
  display: grid;
  gap: 12px;
}
.income-sim-group {
  overflow: hidden;
  border: 1px solid #dbe2ee;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(7,31,98,.06);
}
.income-sim-group summary {
  list-style: none;
  cursor: pointer;
  display: grid;
  grid-template-columns: 40px minmax(0,1fr) auto;
  align-items: center;
  gap: 11px;
  padding: 14px 16px;
  color: var(--navy);
  user-select: none;
}
.income-sim-group summary::-webkit-details-marker { display: none; }
.income-sim-group summary::after {
  content: "+";
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: #eef3fb;
  color: var(--navy);
  font-size: 18px;
  font-weight: 850;
}
.income-sim-group[open] summary::after { content: "−"; }
.income-group-icon {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  background: var(--yellow);
  font-size: 19px;
}
.income-group-title strong { display: block; font-size: 14px; }
.income-group-title small { display: block; margin-top: 2px; color: var(--muted); font-size: 10px; font-weight: 700; }
.income-group-body {
  padding: 0 16px 16px;
  border-top: 1px solid #edf1f7;
}
.income-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 11px;
  margin-top: 14px;
}
.income-field {
  display: grid;
  gap: 6px;
  color: var(--navy);
  font-size: 11px;
  font-weight: 850;
}
.income-field span { min-height: 28px; line-height: 1.3; }
.income-field input,
.income-field select {
  width: 100%;
  min-height: 44px;
  box-sizing: border-box;
  border: 1px solid #d5deeb;
  border-radius: 12px;
  padding: 9px 11px;
  background: #f8faff;
  color: var(--navy);
  font: inherit;
  font-size: 14px;
  font-weight: 800;
  outline: none;
}
.income-field input:focus,
.income-field select:focus {
  border-color: #1d4fa8;
  box-shadow: 0 0 0 3px rgba(29,79,168,.10);
}
.income-field-wide { grid-column: 1 / -1; }
.income-inline-fields {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 120px;
  gap: 9px;
}
.income-check-row {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  margin-top: 12px;
  padding: 10px 11px;
  border-radius: 12px;
  background: #fffce0;
  color: var(--navy);
  font-size: 11px;
  font-weight: 750;
  line-height: 1.45;
}
.income-check-row input { margin-top: 2px; accent-color: var(--navy); }
.income-rate-note {
  margin: 12px 0 0;
  padding: 10px 11px;
  border-radius: 12px;
  background: #f3f6fb;
  color: #53627e;
  font-size: 10px;
  line-height: 1.5;
}
.income-rate-note strong { color: var(--navy); }
.income-tier-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; margin-top: 10px; }
.income-tier-fields[hidden] { display: none !important; }
.income-mini-result {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 12px;
  padding: 10px 12px;
  border: 1px dashed #ccd6e5;
  border-radius: 12px;
  color: #53627e;
  font-size: 11px;
}
.income-mini-result strong { color: var(--navy); }
.income-disclaimer {
  margin: 14px 0 0;
  color: #68758e;
  font-size: 10px;
  line-height: 1.55;
}
@media (max-width: 900px) {
  .income-sim-layout { grid-template-columns: 1fr; }
  .income-result-card { position: relative; top: auto; }
}
@media (max-width: 560px) {
  .income-result-card { padding: 20px 17px; border-radius: 22px; }
  .income-breakdown { grid-template-columns: 1fr 1fr; }
  .income-fields { grid-template-columns: 1fr; }
  .income-field-wide { grid-column: auto; }
  .income-inline-fields { grid-template-columns: 1fr; }
  .income-tier-fields { grid-template-columns: 1fr 1fr; }
  .income-sim-group summary { padding: 12px 13px; }
  .income-group-body { padding: 0 13px 14px; }
}


/* v4.0.0.1 — Produk kekal fokus utama; simulator sebagai alat sokongan */
.income-simulator-section.secondary-tool-section {
  padding-top: 34px;
  padding-bottom: 54px;
  background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
  border-top: 1px solid var(--line);
}
.income-simulator-disclosure {
  width: min(1120px, 100%);
  margin: 0 auto;
  border: 1px solid #d9e0ec;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(7,31,98,.08);
  overflow: hidden;
}
.income-simulator-disclosure > summary {
  list-style: none;
  display: grid;
  grid-template-columns: 48px minmax(0,1fr) auto;
  align-items: center;
  gap: 14px;
  min-height: 82px;
  padding: 16px 20px;
  cursor: pointer;
  color: var(--navy);
  background: linear-gradient(90deg, rgba(255,241,0,.14), #fff 42%);
}
.income-simulator-disclosure > summary::-webkit-details-marker { display: none; }
.income-tool-icon {
  width: 46px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: var(--navy);
  color: var(--yellow);
  font-size: 21px;
}
.income-tool-copy { min-width: 0; display: grid; gap: 3px; }
.income-tool-copy small {
  color: #68748d;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.income-tool-copy strong {
  color: var(--navy);
  font-size: clamp(17px, 2.4vw, 23px);
  line-height: 1.15;
}
.income-tool-copy span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}
.income-tool-action {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 13px;
  background: #f0f3f8;
  color: var(--navy);
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}
.income-tool-action::after { content: '⌄'; font-size: 16px; transition: transform .18s ease; }
.income-simulator-disclosure[open] .income-tool-action::after { transform: rotate(180deg); }
.income-simulator-content {
  padding: 28px 24px 30px;
  border-top: 1px solid #e2e7f0;
}
.secondary-tool-section .section-heading { margin-bottom: 22px; }
.secondary-tool-section .section-heading h2 { font-size: clamp(25px, 4vw, 40px); }
.secondary-tool-section .income-result-card { position: static; }
.secondary-tool-section .income-sim-group { box-shadow: none; }
@media (max-width: 640px) {
  .income-simulator-section.secondary-tool-section {
    padding: 24px 12px 38px;
  }
  .income-simulator-disclosure > summary {
    grid-template-columns: 42px minmax(0,1fr);
    gap: 11px;
    min-height: 74px;
    padding: 14px;
  }
  .income-tool-icon { width: 40px; height: 40px; border-radius: 13px; font-size: 18px; }
  .income-tool-copy strong { font-size: 16px; }
  .income-tool-copy span { font-size: 11px; }
  .income-tool-action { display: none; }
  .income-simulator-content { padding: 22px 12px 24px; }
}


/* v4.0.0.1 — simulator berada di dalam kategori Pakej Pengedar */
.dealer-inline-tool {
  margin-top: 30px;
  padding: 0;
  background: transparent;
  border-top: 0;
}
.dealer-inline-tool.hidden { display: none !important; }
.dealer-inline-tool .income-simulator-disclosure {
  width: 100%;
  border-color: rgba(7,31,98,.16);
  box-shadow: 0 12px 30px rgba(7,31,98,.07);
}
.dealer-inline-tool .income-simulator-disclosure > summary {
  background: linear-gradient(90deg, rgba(255,241,0,.22), #fff 48%);
}
.dealer-inline-tool .income-simulator-content {
  background: linear-gradient(180deg, #f9fbff 0%, #f2f6fc 100%);
}
.dealer-inline-tool .section-heading {
  margin-bottom: 22px;
}
.dealer-inline-tool .section-heading h2 {
  font-size: clamp(25px, 4vw, 40px);
}
.dealer-inline-tool .income-result-card { position: static; }
.dealer-inline-tool .income-sim-group { box-shadow: none; }
@media (max-width: 640px) {
  .dealer-inline-tool { margin-top: 22px; }
  .dealer-inline-tool .income-simulator-content { padding: 22px 12px 24px; }
}



/* v4.0.0.1 — Auto E-Recharge, unjuran 3 bulan dan pelan capai sasaran */
.income-mode-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 8px;
  margin: 0 0 22px;
  padding: 5px;
  border: 1px solid #dbe2ee;
  border-radius: 17px;
  background: #edf2f9;
}
.income-mode-tab {
  min-height: 46px;
  border: 0;
  border-radius: 13px;
  background: transparent;
  color: #64728e;
  font: inherit;
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
}
.income-mode-tab.active {
  background: #fff;
  color: var(--navy);
  box-shadow: 0 8px 20px rgba(7,31,98,.11);
}
.income-mode-panel[hidden] { display: none !important; }
.income-auto-recharge-card {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 12px;
  align-items: center;
  margin-top: 12px;
  padding: 13px 14px;
  border: 1px solid rgba(7,31,98,.12);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(255,241,0,.18), #fff 55%);
}
.income-auto-recharge-copy small,
.income-auto-recharge-copy span {
  display: block;
}
.income-auto-recharge-copy small {
  color: #687795;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.income-auto-recharge-copy strong {
  display: block;
  margin: 3px 0;
  color: var(--navy);
  font-size: 19px;
}
.income-auto-recharge-copy span {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.4;
}
.income-auto-recharge-total {
  padding: 8px 11px;
  border-radius: 12px;
  background: var(--navy);
  color: #fff;
  font-size: 14px;
  font-weight: 950;
  white-space: nowrap;
}
.income-forecast-card {
  margin-top: 22px;
  padding: 20px;
  border: 1px solid #dbe2ee;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 14px 36px rgba(7,31,98,.07);
}
.income-forecast-head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 18px;
  margin-bottom: 15px;
}
.income-forecast-head small {
  display: block;
  color: #6d7a95;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.income-forecast-head h3 {
  margin: 3px 0 0;
  color: var(--navy);
  font-size: clamp(21px, 3vw, 30px);
}
.income-forecast-total {
  color: var(--navy);
  font-size: clamp(24px, 4vw, 38px);
  font-weight: 950;
  letter-spacing: -1.5px;
  white-space: nowrap;
}
.income-month-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
}
.income-month-card {
  overflow: hidden;
  position: relative;
  min-height: 180px;
  padding: 15px;
  border: 1px solid #e0e6f0;
  border-radius: 18px;
  background: linear-gradient(180deg, #fff 0%, #f7f9fd 100%);
}
.income-month-card::after {
  content: "";
  position: absolute;
  width: 90px;
  height: 90px;
  right: -50px;
  bottom: -52px;
  border-radius: 50%;
  border: 18px solid rgba(255,241,0,.16);
}
.income-month-card small {
  color: #6c7994;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.income-month-card h4 {
  margin: 4px 0 3px;
  color: var(--navy);
  font-size: 16px;
}
.income-month-card > strong {
  display: block;
  color: var(--navy);
  font-size: 24px;
  letter-spacing: -1px;
}
.income-month-bar-track {
  height: 8px;
  margin: 12px 0 10px;
  overflow: hidden;
  border-radius: 999px;
  background: #e8edf5;
}
.income-month-bar {
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--navy), #1f5bd8, var(--yellow));
  transition: width .28s ease;
}
.income-month-meta {
  display: grid;
  gap: 4px;
  position: relative;
  z-index: 1;
  color: #687590;
  font-size: 10px;
  line-height: 1.35;
}
.income-month-meta b { color: var(--navy); }
.income-target-grid {
  display: grid;
  grid-template-columns: minmax(280px,.82fr) minmax(0,1.18fr);
  gap: 20px;
  align-items: start;
}
.income-target-form,
.income-target-result {
  border: 1px solid #dbe2ee;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 14px 36px rgba(7,31,98,.07);
}
.income-target-form { padding: 19px; }
.income-target-form h3,
.income-target-result h3 {
  margin: 0;
  color: var(--navy);
}
.income-target-form > p {
  margin: 6px 0 16px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}
.income-target-result {
  overflow: hidden;
}
.income-target-hero {
  padding: 22px;
  background:
    radial-gradient(circle at 85% 10%, rgba(255,241,0,.25), transparent 31%),
    linear-gradient(145deg, #06194f 0%, #0b347e 100%);
  color: #fff;
}
.income-target-hero small {
  color: #fff86a;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.income-target-period {
  display: block;
  margin-top: 5px;
  color: var(--yellow);
  font-size: clamp(34px, 6vw, 56px);
  font-weight: 950;
  line-height: 1;
  letter-spacing: -2px;
}
.income-target-headline {
  margin: 9px 0 0;
  color: #dbe5f8;
  font-size: 13px;
  line-height: 1.5;
}
.income-target-body { padding: 18px; }
.income-target-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 8px;
}
.income-target-metric {
  padding: 11px;
  border: 1px solid #e1e6ef;
  border-radius: 15px;
  background: #f8faff;
}
.income-target-metric small {
  display: block;
  color: #6c7994;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.income-target-metric strong {
  display: block;
  margin-top: 4px;
  color: var(--navy);
  font-size: 18px;
}
.income-target-plan {
  margin: 16px 0 0;
  padding: 14px;
  border-radius: 17px;
  background: linear-gradient(135deg, rgba(255,241,0,.20), #fff 62%);
  border: 1px solid rgba(7,31,98,.10);
}
.income-target-plan h4 {
  margin: 0 0 8px;
  color: var(--navy);
  font-size: 14px;
}
.income-target-actions {
  margin: 0;
  padding-left: 19px;
  color: #4f5f7e;
  font-size: 12px;
  line-height: 1.55;
}
.income-target-actions li + li { margin-top: 5px; }
.income-target-roadmap {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 8px;
  margin-top: 14px;
}
.income-roadmap-card {
  padding: 11px;
  border: 1px solid #e0e6ef;
  border-radius: 14px;
  background: #fff;
}
.income-roadmap-card small {
  color: #7a869d;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}
.income-roadmap-card strong {
  display: block;
  margin: 3px 0;
  color: var(--navy);
  font-size: 15px;
}
.income-roadmap-card span {
  color: #687590;
  font-size: 9px;
  line-height: 1.35;
}
.income-target-note {
  margin: 12px 0 0;
  color: #79859c;
  font-size: 10px;
  line-height: 1.45;
}
.income-readonly-field input[readonly] {
  background: #eef3fa;
  color: var(--navy);
  font-weight: 900;
}
@media (max-width: 880px) {
  .income-target-grid { grid-template-columns: 1fr; }
  .income-target-metrics { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 680px) {
  .income-forecast-head { align-items: start; flex-direction: column; gap: 8px; }
  .income-month-grid, .income-target-roadmap { grid-template-columns: 1fr; }
  .income-month-card { min-height: 150px; }
  .income-mode-tab { font-size: 11px; }
  .income-auto-recharge-card { grid-template-columns: 1fr; }
  .income-auto-recharge-total { justify-self: start; }
}



/* v4.0.0.1 — Paparan khas Royalty Incentive (RI) jangka panjang */
.income-mode-tabs {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.ri-projection-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, .95fr);
  gap: 20px;
  align-items: start;
}
.ri-form-card,
.ri-month-card,
.ri-year-card {
  border: 1px solid #dbe2ee;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 14px 36px rgba(7,31,98,.07);
}
.ri-form-card { padding: 20px; }
.ri-form-head { margin-bottom: 16px; }
.ri-form-head small {
  display: block;
  color: #64728e;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.ri-form-head h3 {
  margin: 4px 0 7px;
  color: var(--navy);
  font-size: clamp(23px, 3.6vw, 34px);
  letter-spacing: -1px;
}
.ri-form-head p { margin: 0; color: var(--muted); line-height: 1.55; }
.ri-input-note {
  margin: 13px 0 0;
  padding: 11px 12px;
  border-radius: 14px;
  background: #f4f7fb;
  color: #5d6b85;
  font-size: 11px;
  line-height: 1.5;
}
.ri-network-details {
  margin-top: 13px;
  border: 1px solid #dbe2ee;
  border-radius: 16px;
  background: #f8faff;
}
.ri-network-details > summary {
  cursor: pointer;
  padding: 13px 14px;
  color: var(--navy);
  font-size: 12px;
  font-weight: 900;
}
.ri-network-body { padding: 0 13px 14px; }
.ri-form-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 16px; }
.ri-summary-card {
  position: sticky;
  top: 88px;
  overflow: hidden;
  padding: 24px;
  border-radius: 24px;
  background:
    radial-gradient(circle at 88% 5%, rgba(255,241,0,.25), transparent 30%),
    linear-gradient(145deg, #06194f 0%, #0a317f 100%);
  color: #fff;
  box-shadow: 0 22px 54px rgba(7,31,98,.22);
}
.ri-summary-card::after {
  content: "RI";
  position: absolute;
  right: -4px;
  bottom: -32px;
  color: rgba(255,255,255,.05);
  font-size: 150px;
  font-weight: 950;
  line-height: 1;
}
.ri-summary-card > * { position: relative; z-index: 1; }
.ri-kicker {
  color: #fff86a;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.ri-main-value {
  display: block;
  margin: 8px 0 4px;
  color: var(--yellow);
  font-size: clamp(38px, 6vw, 58px);
  font-weight: 950;
  line-height: 1;
  letter-spacing: -2.5px;
}
.ri-main-caption { color: #dbe5fa; font-size: 12px; font-weight: 800; }
.ri-growth-pill {
  display: inline-flex;
  margin-top: 12px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.11);
  color: #fff;
  font-size: 11px;
  font-weight: 850;
}
.ri-summary-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 9px;
  margin-top: 17px;
}
.ri-summary-metrics article {
  padding: 11px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 15px;
  background: rgba(255,255,255,.075);
}
.ri-summary-metrics small {
  display: block;
  color: #bdcbe8;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.ri-summary-metrics strong { display: block; margin-top: 3px; font-size: 18px; }
.ri-milestone {
  margin-top: 12px;
  padding: 13px;
  border: 1px solid rgba(255,241,0,.25);
  border-radius: 15px;
  background: rgba(255,241,0,.11);
  color: #fffbd1;
  font-size: 12px;
  line-height: 1.5;
}
.ri-narrative { margin: 13px 0 0; color: #d9e3f7; font-size: 12px; line-height: 1.55; }
.ri-month-card,
.ri-year-card { margin-top: 20px; padding: 20px; }
.ri-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 15px;
}
.ri-section-head small {
  display: block;
  color: #6d7a95;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.ri-section-head h3 { margin: 3px 0 0; color: var(--navy); font-size: clamp(21px, 3vw, 30px); }
.ri-section-head strong { color: var(--navy); font-size: clamp(21px, 3vw, 32px); white-space: nowrap; }
.ri-month-list { display: grid; gap: 9px; }
.ri-month-row {
  display: grid;
  grid-template-columns: 64px minmax(0,1fr) 92px;
  gap: 10px;
  align-items: center;
}
.ri-month-row small { color: #677590; font-size: 11px; font-weight: 850; }
.ri-month-row strong { color: var(--navy); text-align: right; font-size: 12px; }
.ri-month-track {
  height: 12px;
  overflow: hidden;
  border-radius: 999px;
  background: #e8edf5;
}
.ri-month-bar {
  height: 100%;
  min-width: 4px;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--navy), #1c65dc, var(--yellow));
  transition: width .25s ease;
}
.ri-year-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 10px;
  margin-bottom: 16px;
}
.ri-year-summary {
  padding: 14px;
  border: 1px solid #dbe2ee;
  border-radius: 16px;
  background: linear-gradient(145deg, #f8faff, #fff);
}
.ri-year-summary small { color: #687795; font-size: 10px; font-weight: 900; text-transform: uppercase; }
.ri-year-summary strong { display: block; margin: 5px 0 2px; color: var(--navy); font-size: 22px; }
.ri-year-summary span { color: var(--muted); font-size: 11px; line-height: 1.4; }
.ri-table-wrap { overflow-x: auto; border: 1px solid #dbe2ee; border-radius: 16px; }
.ri-table { width: 100%; min-width: 700px; border-collapse: collapse; }
.ri-table th,
.ri-table td { padding: 11px 12px; border-bottom: 1px solid #e4e9f1; text-align: right; font-size: 12px; }
.ri-table th { background: #f4f7fb; color: #5d6b85; font-size: 10px; text-transform: uppercase; letter-spacing: .05em; }
.ri-table th:first-child,
.ri-table td:first-child { text-align: left; }
.ri-table tbody tr:last-child td { border-bottom: 0; }
.ri-table td { color: var(--navy); font-weight: 800; }
.ri-tier-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 13px;
}
.ri-tier-legend span {
  padding: 6px 9px;
  border-radius: 999px;
  background: #eef3fa;
  color: #52627f;
  font-size: 10px;
  font-weight: 850;
}
@media (max-width: 860px) {
  .ri-projection-grid { grid-template-columns: 1fr; }
  .ri-summary-card { position: static; }
}
@media (max-width: 640px) {
  .income-mode-tabs { grid-template-columns: 1fr; }
  .income-mode-tab { min-height: 42px; }
  .ri-form-card, .ri-month-card, .ri-year-card { padding: 15px; border-radius: 18px; }
  .ri-summary-card { padding: 20px; border-radius: 20px; }
  .ri-month-row { grid-template-columns: 54px minmax(0,1fr) 78px; gap: 7px; }
  .ri-section-head { align-items: start; flex-direction: column; }
}



/* v4.0.0.1 — jadual kategori insentif aktivasi */
.activation-insight-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}
.activation-insight-card {
  min-width: 0;
  overflow: hidden;
  padding: 15px;
  border: 1px solid rgba(7,31,98,.13);
  border-radius: 18px;
  background: linear-gradient(145deg, #fff 0%, #f7f9fd 100%);
  box-shadow: 0 10px 24px rgba(7,31,98,.07);
}
.activation-insight-card.prepaid {
  background:
    radial-gradient(circle at 92% 4%, rgba(255,241,0,.28), transparent 30%),
    linear-gradient(145deg, #fff 0%, #fffef0 100%);
}
.activation-insight-card.postpaid {
  background:
    radial-gradient(circle at 92% 4%, rgba(47,111,255,.14), transparent 30%),
    linear-gradient(145deg, #fff 0%, #f4f7ff 100%);
}
.activation-insight-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}
.activation-insight-head small {
  display: block;
  margin-bottom: 3px;
  color: #6b7891;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.activation-insight-head strong {
  display: block;
  color: var(--navy);
  font-size: 18px;
  line-height: 1.15;
}
.activation-category-badge {
  flex: 0 0 auto;
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  padding: 7px 11px;
  border-radius: 12px;
  background: var(--navy);
  color: #fff;
  font-size: 11px;
  font-weight: 950;
  white-space: nowrap;
}
.activation-insight-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}
.activation-insight-stats div {
  min-width: 0;
  padding: 9px;
  border: 1px solid rgba(7,31,98,.09);
  border-radius: 12px;
  background: rgba(255,255,255,.82);
}
.activation-insight-stats small {
  display: block;
  color: #71809a;
  font-size: 9px;
  font-weight: 800;
}
.activation-insight-stats strong {
  display: block;
  margin-top: 2px;
  overflow: hidden;
  color: var(--navy);
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.activation-band-track {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin-top: 12px;
}
.activation-band-step {
  position: relative;
  min-width: 0;
  padding: 8px 4px;
  border: 1px solid #dce3ef;
  border-radius: 11px;
  background: rgba(255,255,255,.78);
  color: #71809a;
  text-align: center;
  transition: .18s ease;
}
.activation-band-step b {
  display: block;
  color: inherit;
  font-size: 13px;
}
.activation-band-step span {
  display: block;
  margin-top: 2px;
  font-size: 8px;
  font-weight: 800;
  white-space: nowrap;
}
.activation-band-step.is-passed {
  border-color: rgba(7,31,98,.22);
  background: #e9eef8;
  color: var(--navy);
}
.activation-band-step.is-current {
  border-color: var(--yellow);
  background: var(--yellow);
  color: var(--navy);
  box-shadow: 0 8px 18px rgba(255,241,0,.24);
  transform: translateY(-2px);
}
.activation-next-note {
  min-height: 28px;
  margin: 10px 0 0;
  color: #53617a;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.4;
}
.activation-rate-details {
  margin-top: 14px;
  overflow: hidden;
  border: 1px solid rgba(7,31,98,.14);
  border-radius: 17px;
  background: #fff;
}
.activation-rate-details > summary {
  min-height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 11px 14px;
  cursor: pointer;
  color: var(--navy);
  font-weight: 900;
  list-style: none;
}
.activation-rate-details > summary::-webkit-details-marker { display: none; }
.activation-rate-details > summary::after {
  content: "Lihat";
  flex: 0 0 auto;
  padding: 6px 9px;
  border-radius: 999px;
  background: var(--navy);
  color: #fff;
  font-size: 9px;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.activation-rate-details[open] > summary::after { content: "Tutup"; }
.activation-rate-details > summary span {
  display: grid;
  gap: 2px;
}
.activation-rate-details > summary small {
  color: #71809a;
  font-size: 10px;
  font-weight: 700;
}
.activation-rate-body {
  display: grid;
  gap: 16px;
  padding: 0 14px 15px;
}
.activation-table-block h4 {
  margin: 0 0 8px;
  color: var(--navy);
  font-size: 13px;
}
.activation-table-block p {
  margin: 7px 0 0;
  color: #6d7890;
  font-size: 10px;
  line-height: 1.45;
}
.activation-table-scroll {
  width: 100%;
  overflow-x: auto;
  border: 1px solid #e0e6f0;
  border-radius: 13px;
  background: #fff;
  overscroll-behavior-x: contain;
}
.activation-rate-table {
  width: 100%;
  min-width: 680px;
  border-collapse: separate;
  border-spacing: 0;
  color: #2f3c56;
  font-size: 10px;
  text-align: center;
}
.activation-rate-table.postpaid-table { min-width: 480px; }
.activation-rate-table th,
.activation-rate-table td {
  padding: 9px 8px;
  border-right: 1px solid #e8edf5;
  border-bottom: 1px solid #e8edf5;
  white-space: nowrap;
}
.activation-rate-table th:last-child,
.activation-rate-table td:last-child { border-right: 0; }
.activation-rate-table tbody tr:last-child td { border-bottom: 0; }
.activation-rate-table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--navy);
  color: #fff;
  font-size: 9px;
  letter-spacing: .03em;
}
.activation-rate-table th:first-child,
.activation-rate-table td:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
  background: #f7f9fd;
  color: var(--navy);
  font-weight: 950;
}
.activation-rate-table thead th:first-child { z-index: 3; background: var(--navy); color: #fff; }
.activation-rate-table tbody tr.is-current td {
  background: #fffbd4;
  color: var(--navy);
  font-weight: 850;
}
.activation-rate-table tbody tr.is-current td:first-child { background: var(--yellow); }
.activation-rate-table td.is-selected-rate {
  background: var(--navy) !important;
  color: #fff !important;
  font-weight: 950 !important;
  box-shadow: inset 0 0 0 2px var(--yellow);
}
.activation-table-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 8px;
}
.activation-table-legend span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #64718a;
  font-size: 9px;
  font-weight: 800;
}
.activation-table-legend i {
  width: 10px;
  height: 10px;
  border-radius: 3px;
  background: #fffbd4;
  border: 1px solid #d6ce61;
}
.activation-table-legend span:last-child i {
  background: var(--navy);
  border-color: var(--yellow);
}
@media (max-width: 760px) {
  .activation-insight-grid { grid-template-columns: 1fr; }
  .activation-insight-card { padding: 13px; }
  .activation-insight-stats { gap: 6px; }
  .activation-insight-stats div { padding: 8px 6px; }
  .activation-insight-stats strong { font-size: 12px; }
  .activation-band-step { padding: 7px 2px; }
  .activation-rate-details > summary { padding: 10px 12px; }
  .activation-rate-body { padding: 0 10px 12px; }
}


/* v4.0.0.1 — reliable horizontal scrolling for activation incentive tables */
.activation-table-scroll {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: scroll !important;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x pan-y pinch-zoom;
  overscroll-behavior-x: contain;
  scroll-behavior: smooth;
  scrollbar-width: auto;
  scrollbar-color: var(--navy) #e8edf5;
  position: relative;
  cursor: grab;
}
.activation-table-scroll:active { cursor: grabbing; }
.activation-table-scroll::-webkit-scrollbar { height: 10px; }
.activation-table-scroll::-webkit-scrollbar-track {
  background: #e8edf5;
  border-radius: 999px;
}
.activation-table-scroll::-webkit-scrollbar-thumb {
  background: var(--navy);
  border: 2px solid #e8edf5;
  border-radius: 999px;
}
.activation-rate-table {
  width: max-content;
  min-width: 760px;
  max-width: none;
}
.activation-rate-table.postpaid-table { min-width: 560px; }
.activation-scroll-controls {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}
.activation-scroll-controls button {
  min-height: 34px;
  padding: 7px 11px;
  border: 1px solid #d8e0ed;
  border-radius: 11px;
  background: #f7f9fd;
  color: var(--navy);
  font: inherit;
  font-size: 10px;
  font-weight: 900;
  touch-action: manipulation;
}
.activation-scroll-controls button:disabled {
  opacity: .36;
  cursor: not-allowed;
}
.activation-scroll-hint {
  min-width: 0;
  color: #65728a;
  font-size: 9px;
  font-weight: 800;
  line-height: 1.3;
  text-align: center;
}
.activation-scroll-hint strong {
  display: block;
  color: var(--navy);
  font-size: 10px;
}
.activation-table-scroll.can-scroll-right {
  box-shadow: inset -18px 0 18px -20px rgba(7,31,98,.75);
}
.activation-table-scroll.can-scroll-left {
  box-shadow: inset 18px 0 18px -20px rgba(7,31,98,.75);
}
.activation-table-scroll.can-scroll-left.can-scroll-right {
  box-shadow:
    inset 18px 0 18px -20px rgba(7,31,98,.75),
    inset -18px 0 18px -20px rgba(7,31,98,.75);
}
@media (max-width: 760px) {
  .activation-rate-body,
  .activation-table-block { min-width: 0; }
  .activation-table-scroll {
    width: calc(100vw - 54px);
    max-width: 100%;
    margin-inline: 0;
  }
  .activation-rate-table { min-width: 760px; }
  .activation-rate-table.postpaid-table { min-width: 560px; }
  .activation-scroll-controls button {
    min-width: 72px;
    padding: 7px 9px;
  }
}


/* v4.0.0.1 — Home Screen installation button and guided installer */
.home-screen-quick {
  border-color: #d7c900 !important;
  background: var(--yellow) !important;
  color: var(--navy) !important;
  box-shadow: 0 8px 18px rgba(255,241,0,.22);
}
.home-screen-quick .home-screen-icon { font-size: 16px; line-height: 1; }
.home-screen-quick.is-installed {
  border-color: #95d8b5 !important;
  background: #eafaf1 !important;
  color: #075f3b !important;
}
.install-header-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  white-space: nowrap;
}
.install-dialog {
  width: min(650px, calc(100vw - 24px));
  padding: clamp(20px, 4vw, 34px);
}
.install-hero {
  display: grid;
  grid-template-columns: 82px minmax(0,1fr);
  align-items: center;
  gap: 16px;
  padding: 16px;
  border: 1px solid #e3e8f1;
  border-radius: 20px;
  background: linear-gradient(135deg, #fffef0 0%, #fff7a8 100%);
  margin: 14px 0 16px;
}
.install-app-icon {
  width: 82px;
  height: 82px;
  border-radius: 22px;
  display: grid;
  place-items: center;
  background: var(--navy);
  color: var(--yellow);
  border: 5px solid var(--yellow);
  box-shadow: 0 12px 24px rgba(7,31,98,.18);
  font-size: 24px;
  font-weight: 950;
  letter-spacing: -1.2px;
}
.install-hero h3 { margin: 0 0 5px; color: var(--navy); font-size: 21px; }
.install-hero p { margin: 0; color: #536078; line-height: 1.45; font-size: 13px; }
.install-status {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid #dbe3f0;
  border-radius: 15px;
  background: #f8faff;
  color: var(--navy);
  font-size: 13px;
  line-height: 1.45;
}
.install-status strong { display: block; margin-bottom: 2px; }
.install-status-icon { font-size: 18px; line-height: 1.2; }
.install-actions {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 10px;
  margin: 14px 0;
}
.install-actions .btn { min-height: 48px; }
.install-now-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
.install-now-btn[disabled] { opacity: .55; cursor: default; transform: none; }
.install-platform-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 15px; }
.install-guide-card {
  border: 1px solid #e0e6f0;
  border-radius: 17px;
  padding: 14px;
  background: white;
}
.install-guide-card.active-guide { border-color: var(--navy); box-shadow: 0 8px 20px rgba(7,31,98,.10); }
.install-guide-card h4 { margin: 0 0 9px; color: var(--navy); font-size: 14px; }
.install-guide-card ol { margin: 0; padding-left: 20px; color: #58657c; font-size: 12px; line-height: 1.55; }
.install-note {
  margin: 14px 0 0;
  padding: 11px 13px;
  border-radius: 14px;
  background: #fff9cf;
  color: #665d00;
  font-size: 12px;
  line-height: 1.45;
}
@media (max-width: 720px) {
  .install-platform-grid { grid-template-columns: 1fr; }
  .install-actions { grid-template-columns: 1fr; }
  .install-hero { grid-template-columns: 66px minmax(0,1fr); padding: 13px; }
  .install-app-icon { width: 66px; height: 66px; border-radius: 18px; font-size: 20px; }
  .install-hero h3 { font-size: 18px; }
}
@media (max-width: 430px) {
  .home-screen-quick { padding-inline: 12px !important; }
  .install-dialog { width: calc(100vw - 12px); padding: 18px 14px; }
}


/* v4.0.0.1 — paparan penuh dan pembuangan butang Home Screen */
html,
body {
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding-inline: 0 !important;
  overflow-x: clip;
}
.app-shell {
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}
.topbar,
.utility-menu,
main,
.hero,
.section,
.footer {
  width: 100%;
  max-width: none;
}
@supports (width: 100dvw) {
  html,
  body,
  .app-shell {
    width: 100dvw !important;
    min-width: 100dvw !important;
  }
}
@media (max-width: 760px) {
  .app-shell {
    box-shadow: none;
  }
}


/* v4.0.0.1 — panduan kecil dipindahkan ke pop-up info */
.guide-source-hidden {
  display: none !important;
}

.info-guide-btn {
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 6px 0;
  padding: 0;
  border: 1px solid rgba(7,31,98,.18);
  border-radius: 50%;
  background: #fff;
  color: var(--navy);
  font: 900 17px/1 Georgia, serif;
  box-shadow: 0 7px 18px rgba(7,31,98,.10);
  cursor: pointer;
  touch-action: manipulation;
  transition: transform .16s ease, background .16s ease, box-shadow .16s ease;
}
.info-guide-btn:hover {
  transform: translateY(-1px);
  background: var(--yellow);
  box-shadow: 0 10px 22px rgba(7,31,98,.15);
}
.info-guide-btn:active {
  transform: translateY(1px);
}
.info-guide-btn:focus-visible {
  outline: 3px solid rgba(11,52,126,.22);
  outline-offset: 2px;
}

.section-heading > .info-guide-btn,
.income-sim-heading-note + .info-guide-btn {
  align-self: center;
  justify-self: end;
}

.income-group-body > .info-guide-btn,
.income-target-form > .info-guide-btn,
.ri-form-card > .info-guide-btn,
.activation-table-block > .info-guide-btn,
.settings-dialog .info-guide-btn,
.share-dialog .info-guide-btn {
  margin-top: 8px;
}

.activation-scroll-controls .info-guide-btn {
  margin: 0;
  width: 34px;
  height: 34px;
  flex-basis: 34px;
  background: #f8faff;
}

.guide-info-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  place-items: center;
  padding: 18px;
}
.guide-info-modal[aria-hidden="true"] {
  display: none;
}
.guide-info-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(2,12,38,.70);
  backdrop-filter: blur(8px);
}
.guide-info-card {
  position: relative;
  z-index: 1;
  width: min(520px, 100%);
  max-height: min(78vh, 680px);
  display: grid;
  grid-template-rows: auto minmax(0,1fr) auto;
  overflow: hidden;
  border: 1px solid rgba(255,241,0,.58);
  border-radius: 24px;
  background: #fff;
  color: var(--navy);
  box-shadow: 0 28px 80px rgba(0,0,0,.34);
}
.guide-info-head {
  display: grid;
  grid-template-columns: 44px minmax(0,1fr) 38px;
  align-items: center;
  gap: 12px;
  padding: 18px 18px 15px;
  background: linear-gradient(105deg, rgba(255,241,0,.34), #fff 58%);
  border-bottom: 1px solid #e4e8f0;
}
.guide-info-symbol {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--navy);
  color: var(--yellow);
  font: 900 22px/1 Georgia, serif;
}
.guide-info-heading {
  min-width: 0;
}
.guide-info-heading small {
  display: block;
  margin-bottom: 2px;
  color: #66738d;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .12em;
}
.guide-info-heading h2 {
  margin: 0;
  color: var(--navy);
  font-size: clamp(18px, 4.5vw, 24px);
  line-height: 1.15;
}
.guide-info-close {
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 12px;
  background: #edf1f7;
  color: var(--navy);
  font-size: 22px;
  cursor: pointer;
}
.guide-info-body {
  overflow-y: auto;
  padding: 20px 20px 16px;
  color: #3f4c66;
  font-size: 14px;
  line-height: 1.65;
  overscroll-behavior: contain;
}
.guide-info-body strong {
  color: var(--navy);
}
.guide-info-body ul,
.guide-info-body ol {
  margin: 0;
  padding-left: 20px;
}
.guide-info-body li + li {
  margin-top: 7px;
}
.guide-info-actions {
  display: flex;
  justify-content: flex-end;
  padding: 13px 18px 17px;
  border-top: 1px solid #e4e8f0;
  background: #f8faff;
}
.guide-info-done {
  min-height: 42px;
  padding: 0 20px;
  border: 0;
  border-radius: 13px;
  background: var(--navy);
  color: #fff;
  font-weight: 900;
  cursor: pointer;
}
body.guide-info-open {
  overflow: hidden !important;
}

@media (max-width: 640px) {
  .guide-info-modal {
    align-items: end;
    padding: 10px;
  }
  .guide-info-card {
    width: 100%;
    max-height: 82vh;
    border-radius: 22px 22px 18px 18px;
  }
  .guide-info-head {
    padding: 15px 14px 13px;
    grid-template-columns: 40px minmax(0,1fr) 36px;
  }
  .guide-info-symbol {
    width: 38px;
    height: 38px;
  }
  .guide-info-body {
    padding: 17px 16px 14px;
    font-size: 13px;
  }
  .info-guide-btn {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
    font-size: 16px;
  }
}


/* v4.0.0.1 — stabilkan lebar skrin apabila simulator dibuka */

/*
  Bulatan hiasan lama menggunakan pseudo-element yang terkeluar dari kad.
  Sesetengah pelayar Android menganggap lebarnya sebagai lebar dokumen,
  lalu mengezum keluar seluruh aplikasi ketika simulator dibuka.
*/
.income-result-card::after {
  display: none !important;
}

/*
  Kandungan jadual nested <details> mesti benar-benar disembunyikan semasa
  panel “Lihat jadual penuh” ditutup. Ini menghalang jadual lebar daripada
  terlibat dalam pengiraan lebar halaman sebelum pengguna membukanya.
*/
.activation-rate-details:not([open]) > .activation-rate-body {
  display: none !important;
}

/* Pertahanan tambahan untuk grid dan panel simulator pada telefon. */
#incomeSimulator,
.income-simulator-disclosure,
.income-simulator-content,
.income-mode-panel,
.income-sim-layout,
.income-sim-layout > *,
.income-sim-form,
.income-sim-group,
.income-group-body,
.activation-rate-details,
.activation-rate-body,
.activation-table-block {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.activation-table-scroll {
  min-width: 0 !important;
  max-width: 100% !important;
}


/* v4.0.0.1 — komponen Kenapa Pilih oneXOX */
.why-onexox-section {
  background:
    radial-gradient(circle at 8% 8%, rgba(255,241,0,.18), transparent 28%),
    linear-gradient(180deg, #f9fbff 0%, #eef3fb 100%);
}
.why-onexox-head {
  max-width: 760px;
}
.why-onexox-grid {
  display: grid;
  gap: 14px;
  max-width: 1180px;
  margin: 0 auto;
}
.why-panel {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #d8dfeb;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 14px 36px rgba(7,31,98,.08);
}
.why-panel[open] {
  border-color: rgba(7,31,98,.28);
  box-shadow: 0 20px 46px rgba(7,31,98,.12);
}
.why-panel > summary {
  min-height: 76px;
  display: grid;
  grid-template-columns: 48px minmax(0,1fr) 34px;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  list-style: none;
  cursor: pointer;
  color: var(--navy);
  user-select: none;
}
.why-panel > summary::-webkit-details-marker {
  display: none;
}
.why-summary-icon {
  width: 46px;
  height: 46px;
  display: inline-grid;
  place-items: center;
  border-radius: 15px;
  background: var(--navy);
  color: var(--yellow);
  font-size: 23px;
  box-shadow: 0 10px 22px rgba(7,31,98,.18);
}
.why-summary-copy {
  min-width: 0;
}
.why-summary-copy small {
  display: block;
  margin-bottom: 3px;
  color: #7a869e;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.why-summary-copy strong {
  display: block;
  font-size: clamp(17px, 3.7vw, 22px);
  line-height: 1.15;
}
.why-summary-arrow {
  width: 32px;
  height: 32px;
  display: inline-grid;
  place-items: center;
  border-radius: 11px;
  background: #edf1f7;
  color: var(--navy);
  font-size: 18px;
  transition: transform .18s ease, background .18s ease;
}
.why-panel[open] .why-summary-arrow {
  transform: rotate(180deg);
  background: var(--yellow);
}
.why-panel-body {
  padding: 0 18px 20px;
}
.why-panel-note {
  margin: 0 0 16px;
  color: #65718a;
  font-size: 12px;
  line-height: 1.55;
}
.why-six-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
}
.why-reason-card {
  min-width: 0;
  min-height: 154px;
  padding: 16px;
  border: 1px solid #dce3ef;
  border-radius: 18px;
  background: linear-gradient(145deg, #fff, #f7f9fd);
}
.why-reason-number {
  width: 30px;
  height: 30px;
  display: inline-grid;
  place-items: center;
  margin-bottom: 12px;
  border-radius: 50%;
  background: var(--yellow);
  color: var(--navy);
  font-size: 12px;
  font-weight: 950;
}
.why-reason-card h3 {
  margin: 0 0 7px;
  color: var(--navy);
  font-size: 15px;
}
.why-reason-card p {
  margin: 0;
  color: #647088;
  font-size: 12px;
  line-height: 1.5;
}
.telco-compare-scroll {
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: thin;
  border: 1px solid #d8dfeb;
  border-radius: 17px;
  background: #fff;
}
.telco-compare-table {
  width: max(880px, 100%);
  border-collapse: separate;
  border-spacing: 0;
  color: var(--navy);
  font-size: 11px;
}
.telco-compare-table th,
.telco-compare-table td {
  min-width: 132px;
  padding: 12px 10px;
  border-right: 1px solid #dce3ed;
  border-bottom: 1px solid #dce3ed;
  text-align: center;
  vertical-align: middle;
}
.telco-compare-table th:first-child,
.telco-compare-table td:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
  min-width: 126px;
  text-align: left;
  font-weight: 900;
  background: #f5f7fb;
  box-shadow: 7px 0 12px rgba(7,31,98,.05);
}
.telco-compare-table thead th {
  background: #101010;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
}
.telco-compare-table thead th:first-child {
  z-index: 3;
  background: #f5f7fb;
  color: var(--navy);
}
.telco-compare-table .onexox-col {
  background: #fff9b7;
  font-weight: 850;
}
.telco-best-value {
  display: inline-flex;
  margin-bottom: 5px;
  padding: 4px 8px;
  border-radius: 999px;
  background: #111;
  color: var(--yellow);
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .06em;
}
.telco-plan-pill {
  display: inline-flex;
  margin: 2px;
  padding: 4px 6px;
  border-radius: 7px;
  background: #121212;
  color: #fff;
  font-size: 9px;
  font-weight: 850;
}
.telco-check {
  color: #0a9b49;
  font-size: 20px;
  font-weight: 950;
}
.opportunity-shell {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: 16px;
  align-items: stretch;
}
.opportunity-badge {
  min-height: 240px;
  display: grid;
  place-items: center;
  padding: 24px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 50% 38%, rgba(255,241,0,.20), transparent 30%),
    linear-gradient(150deg, #071f62, #020d2d);
  color: #fff;
  text-align: center;
}
.opportunity-shield {
  width: 154px;
  min-height: 168px;
  display: grid;
  place-items: center;
  padding: 20px;
  clip-path: polygon(50% 0, 93% 16%, 86% 70%, 50% 100%, 14% 70%, 7% 16%);
  background: linear-gradient(145deg, var(--yellow), #ffc400);
  color: var(--navy);
  box-shadow: 0 20px 46px rgba(0,0,0,.28);
  font-size: 16px;
  font-weight: 950;
  line-height: 1.15;
}
.opportunity-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px;
}
.opportunity-item {
  display: grid;
  grid-template-columns: 34px minmax(0,1fr);
  gap: 10px;
  align-items: center;
  padding: 13px;
  border: 1px solid #dce3ef;
  border-radius: 16px;
  background: #f8faff;
  color: var(--navy);
  font-size: 13px;
  font-weight: 850;
}
.opportunity-item span:first-child {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  background: var(--yellow);
}
.opportunity-action {
  margin-top: 14px;
}
.awards-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 12px;
}
.award-card {
  min-height: 186px;
  display: grid;
  place-items: center;
  padding: 18px 12px;
  border: 1px solid #d8dfeb;
  border-radius: 18px;
  background:
    radial-gradient(circle at 50% 12%, rgba(255,241,0,.22), transparent 34%),
    linear-gradient(180deg, #fff, #f7f9fd);
  text-align: center;
}
.award-laurel {
  color: #111;
  font-size: 42px;
  line-height: 1;
}
.award-card small {
  display: block;
  margin: 7px 0 3px;
  color: #77849b;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.award-card strong {
  color: var(--navy);
  font-size: 12px;
  line-height: 1.35;
}
.award-card em {
  margin-top: 7px;
  color: #737f95;
  font-size: 10px;
  font-style: normal;
}
@media (max-width: 820px) {
  .why-six-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
  .opportunity-shell {
    grid-template-columns: 1fr;
  }
  .awards-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}
@media (max-width: 560px) {
  .why-panel > summary {
    min-height: 68px;
    grid-template-columns: 42px minmax(0,1fr) 30px;
    gap: 11px;
    padding: 12px 13px;
  }
  .why-summary-icon {
    width: 40px;
    height: 40px;
    border-radius: 13px;
    font-size: 20px;
  }
  .why-panel-body {
    padding: 0 13px 15px;
  }
  .why-six-grid,
  .opportunity-list,
  .awards-grid {
    grid-template-columns: 1fr;
  }
  .why-reason-card {
    min-height: auto;
  }
  .opportunity-badge {
    min-height: 210px;
  }
  .award-card {
    min-height: 150px;
  }
}


/* v4.0.0 — logo sebenar oneXOX dan kolum rasmi kuning #ffff05 */
.telco-compare-table .onexox-col {
  background: #ffff05 !important;
  color: var(--navy) !important;
  font-weight: 850;
}
.telco-compare-table thead th.onexox-col {
  background: #ffff05 !important;
  color: var(--navy) !important;
}
.telco-compare-table .onexox-col .telco-best-value {
  background: #111;
  color: #ffff05;
}
.telco-onexox-logo {
  display: block;
  width: min(128px, 100%);
  max-height: 42px;
  object-fit: contain;
  margin: 4px auto 0;
}
@media (max-width: 560px) {
  .telco-onexox-logo {
    width: 112px;
    max-height: 36px;
  }
}


/* v4.0.0 — seragamkan Auto E-Recharge dengan kad pecahan pendapatan */
.income-breakdown article.income-auto-breakdown {
  display: flex;
  min-height: 82px;
  flex-direction: column;
  justify-content: center;
}
.income-breakdown-note {
  display: block;
  margin-top: 5px;
  color: #bfcce8;
  font-size: 9px;
  font-weight: 700;
  line-height: 1.35;
}
.income-total-recharge-breakdown {
  background: rgba(255,241,0,.13) !important;
  border-color: rgba(255,241,0,.25) !important;
}
.income-total-recharge-breakdown small {
  color: #fff7a0 !important;
}


/* v4.0.0 — data skala komuniti dan gambar award sebenar */
.community-stats-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
  margin-bottom: 16px;
}
.community-stat-card {
  min-width: 0;
  min-height: 196px;
  display: grid;
  place-items: center;
  align-content: center;
  padding: 18px 14px;
  border: 1px solid #d8dfeb;
  border-radius: 18px;
  background:
    radial-gradient(circle at 50% 10%, rgba(255,241,0,.25), transparent 34%),
    linear-gradient(180deg, #fff, #f7f9fd);
  text-align: center;
}
.community-stat-icon {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  margin-bottom: 12px;
  border-radius: 18px;
  background: #071f62;
  color: #ffff05;
  font-size: 28px;
  box-shadow: 0 12px 24px rgba(7,31,98,.16);
}
.community-stat-card strong {
  display: block;
  color: #e20e2e;
  font-size: clamp(24px, 5vw, 34px);
  line-height: 1;
}
.community-stat-card span {
  display: block;
  margin-top: 9px;
  color: #071f62;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.35;
}
.community-stat-card small {
  display: block;
  margin-top: 5px;
  color: #7b879c;
  font-size: 9px;
  line-height: 1.35;
}
.awards-grid-real {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
}
.award-image-card {
  min-width: 0;
  min-height: 260px;
  display: grid;
  place-items: center;
  padding: 18px;
  border: 1px solid #d8dfeb;
  border-radius: 18px;
  background:
    radial-gradient(circle at 50% 14%, rgba(255,241,0,.26), transparent 34%),
    linear-gradient(180deg, #fff, #f7f9fd);
}
.award-image-card img {
  display: block;
  width: min(100%, 340px);
  max-height: 220px;
  object-fit: contain;
}
.award-section-label {
  margin: 18px 0 10px;
  color: #071f62;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.award-source-note {
  margin: 12px 0 0;
  color: #7b879c;
  font-size: 10px;
  line-height: 1.45;
}
@media (max-width: 700px) {
  .community-stats-grid,
  .awards-grid-real {
    grid-template-columns: 1fr;
  }
  .community-stat-card {
    min-height: 162px;
  }
  .award-image-card {
    min-height: 220px;
  }
}


/* v4.0.0 — repair ikon statistik dan guna gambar award lengkap */
.community-stat-icon {
  color: #ffff05 !important;
}
.community-stat-icon svg {
  width: 38px;
  height: 38px;
  display: block;
}
.awards-complete-card {
  overflow: hidden;
  padding: 12px;
  border: 1px solid #d8dfeb;
  border-radius: 18px;
  background: #fff;
}
.awards-complete-card img {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
  border-radius: 12px;
}
.awards-grid-real,
.award-image-card {
  display: none !important;
}


/* v4.0.0 — ikon dan award sebenar yang dibekalkan pengguna */
.community-stat-icon {
  width: 78px !important;
  height: 78px !important;
  display: grid !important;
  place-items: center !important;
  padding: 7px !important;
  background: #fff !important;
  border: 1px solid #d8dfeb;
  border-radius: 20px !important;
  box-shadow: 0 12px 26px rgba(7,31,98,.10) !important;
}
.community-stat-icon img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}
.awards-upload-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
}
.award-upload-card {
  min-width: 0;
  min-height: 230px;
  display: grid;
  place-items: center;
  padding: 14px;
  border: 1px solid #d8dfeb;
  border-radius: 18px;
  background:
    radial-gradient(circle at 50% 14%, rgba(255,241,0,.20), transparent 34%),
    linear-gradient(180deg, #fff, #f7f9fd);
}
.award-upload-card img {
  width: 100%;
  max-width: 360px;
  max-height: 220px;
  display: block;
  object-fit: contain;
}
@media (max-width: 700px) {
  .awards-upload-grid {
    grid-template-columns: 1fr;
  }
  .award-upload-card {
    min-height: 205px;
  }
}


/* v4.0.0 — nota pembelian dalam semua view */
.efx-buy-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 15px;border:0;border-radius:999px;background:#071f62;color:#fff;font:inherit;font-size:12px;font-weight:900;white-space:nowrap;cursor:pointer;box-shadow:0 8px 18px rgba(7,31,98,.16)}
.efx-purchase-note{max-width:1180px;margin:26px auto;padding:0 18px}.efx-purchase-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:20px;border:1px solid rgba(7,31,98,.16);border-radius:22px;background:radial-gradient(circle at 5% 10%,rgba(255,255,5,.42),transparent 32%),linear-gradient(145deg,#fff,#f7f9fd);box-shadow:0 16px 38px rgba(7,31,98,.08)}
.efx-purchase-copy small{display:block;margin-bottom:5px;color:#77839a;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.efx-purchase-copy h3{margin:0 0 6px;color:#071f62;font-size:clamp(20px,4vw,28px)}.efx-purchase-copy p{margin:0;color:#606d84;font-size:13px;line-height:1.55}.efx-purchase-price{color:#071f62;font-weight:950}.efx-purchase-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.efx-purchase-modal{position:fixed;inset:0;z-index:99999;display:none;place-items:center;padding:18px;background:rgba(1,8,28,.70);backdrop-filter:blur(8px)}.efx-purchase-modal.open{display:grid}.efx-purchase-dialog{width:min(100%,520px);max-height:min(86vh,760px);overflow:auto;border-radius:24px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.34)}.efx-purchase-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;background:#ffff05;color:#071f62}.efx-purchase-dialog-head strong{font-size:19px}.efx-purchase-close{width:40px;height:40px;border:0;border-radius:50%;background:#071f62;color:#fff;font-size:22px;cursor:pointer}.efx-purchase-dialog-body{padding:20px}.efx-purchase-price-box{margin-bottom:16px;padding:18px;border-radius:18px;background:linear-gradient(145deg,#071f62,#10378f);color:#fff}.efx-purchase-price-box small{display:block;color:#ffff8a;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.efx-purchase-price-box strong{display:block;margin:4px 0;color:#ffff05;font-size:44px;line-height:1}.efx-purchase-steps{display:grid;gap:10px;margin:16px 0}.efx-purchase-step{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;color:#3f4b63;font-size:13px;line-height:1.5}.efx-purchase-step span:first-child{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#ffff05;color:#071f62;font-weight:950}
.efx-demo-banner{display:none}body.demo-view .efx-demo-banner{display:block;position:sticky;top:0;z-index:9996;padding:9px 14px;background:#ef233c;color:#fff;text-align:center;font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}body.demo-view::after{content:"DEMO PREVIEW";position:fixed;left:50%;bottom:88px;z-index:9994;transform:translateX(-50%);pointer-events:none;padding:7px 13px;border:1px solid rgba(255,255,5,.55);border-radius:999px;background:rgba(7,31,98,.88);color:#ffff05;font-size:10px;font-weight:900;letter-spacing:.10em}
@media(max-width:650px){.efx-purchase-card{grid-template-columns:1fr}.efx-purchase-actions{justify-content:stretch}.efx-purchase-actions>*{flex:1 1 100%}.efx-buy-button{min-height:40px;padding:9px 12px;font-size:11px}}


/* v4.0.0 Quick Share */
.quick-share-box{margin-top:16px;padding:16px;border:1px solid rgba(7,31,98,.14);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,5,.16),#fff)}
.quick-share-box h3{margin:0 0 5px;color:var(--navy);font-size:17px}
.quick-share-box>p{margin:0 0 13px;color:#68758c;font-size:12px;line-height:1.5}
.quick-share-phone-wrap{display:grid;grid-template-columns:82px minmax(0,1fr);overflow:hidden;border:1px solid #ccd5e5;border-radius:14px;background:#fff}
.quick-share-prefix{display:grid;place-items:center;border-right:1px solid #d7deea;background:#f3f6fb;color:var(--navy);font-weight:900}
.quick-share-phone-wrap input{width:100%;min-height:52px;border:0!important;outline:0;padding:0 14px;background:transparent!important;color:var(--navy);font-size:16px;font-weight:800}
.quick-share-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:12px}
.quick-share-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.quick-share-step{padding:10px;border-radius:12px;background:rgba(7,31,98,.055);color:#4f5d74;font-size:10px;line-height:1.4}
.quick-share-step b{display:block;color:var(--navy);margin-bottom:3px}
.quick-share-note{display:flex;gap:8px;margin-top:11px;color:#6d798e;font-size:10px;line-height:1.45}
.quick-share-note strong{color:var(--navy)}
@media(max-width:560px){.quick-share-actions,.quick-share-steps{grid-template-columns:1fr}}


/* Help Centre access integration on v5.3.3 */
.guide-launch-btn{font-size:18px;line-height:1}.help-center-launch-btn{width:auto!important;min-width:40px;padding:0 12px!important;display:inline-flex!important;align-items:center;justify-content:center;gap:7px}.help-launch-svg{display:block;width:21px;height:21px;fill:none;stroke:#071f62;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.help-launch-label{font-size:11px;font-weight:950;color:#071f62;white-space:nowrap}.dealer-guide-card .btn{margin-top:12px}.dealer-guide-dialog,.dealer-welcome-dialog{max-width:640px}.help-center-dialog{max-width:560px}.dealer-guide-intro,.dealer-welcome-copy,.help-center-intro{color:var(--muted);line-height:1.7;margin-bottom:16px}.help-center-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.help-center-item{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid #dce3ee;border-radius:15px;background:#fff;color:#071f62;text-align:left;text-decoration:none;font:inherit;cursor:pointer;transition:.16s ease}.help-center-item:hover{border-color:#aab9cf;transform:translateY(-1px);box-shadow:0 8px 22px rgba(7,31,98,.08)}.help-center-item-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#f1f4fa;font-size:18px}.help-center-item strong{display:block;font-size:12px;line-height:1.25}.help-center-item small{display:block;margin-top:3px;color:#748095;font-size:9px;line-height:1.35}.help-center-item-arrow{color:#8d98a8;font-size:18px}.help-center-full-btn{display:flex!important;align-items:center;justify-content:center;width:100%;min-height:52px;box-sizing:border-box;margin:16px 0 0!important;text-align:center;text-decoration:none}.help-center-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.help-center-card-actions .btn{display:inline-flex;align-items:center;min-height:48px;margin:0!important;justify-content:center;text-align:center;text-decoration:none}.help-center-card-actions .help-center-quick-btn{background:#f4f7fc!important;color:#071f62!important;border:1px solid #cbd6e7!important;box-shadow:0 8px 18px rgba(7,31,98,.06)}.help-center-card-actions .help-center-quick-btn:hover,.help-center-card-actions .help-center-quick-btn:focus-visible{background:#e9eff9!important;color:#071f62!important;border-color:#9fb0c9!important}.help-center-card-links{display:flex;flex-wrap:wrap;gap:7px 12px;margin-top:10px;font-size:9px;font-weight:850}.help-center-card-links a{color:#315a9d;text-decoration:none}.help-center-card-links a:hover{text-decoration:underline}.dealer-guide-list{display:grid;gap:12px;margin:0;padding-left:22px}.dealer-guide-list li{padding:12px 14px;border-radius:16px;background:#f7f9fc;color:var(--ink)}.dealer-guide-list li strong{display:block;color:var(--navy);margin-bottom:4px}.dealer-guide-list li span{display:block;color:#55657b;line-height:1.65}.dealer-guide-list code{padding:2px 6px;border-radius:8px;background:#edf2ff;color:var(--navy);font-weight:800}.dealer-guide-note{margin-top:16px;padding:14px 16px;border-radius:16px;background:#fff9d1;color:#4b4b22;line-height:1.65}.dealer-guide-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.dealer-guide-actions .btn{flex:1 1 180px;justify-content:center}.dealer-welcome-points{margin:0;padding-left:20px;color:#55657b;line-height:1.7}body.share-view #dealerGuideBtn{display:none!important}@media(max-width:720px){.help-center-launch-btn{width:40px!important;height:40px;padding:0!important}.help-launch-label{display:none}.help-center-grid{grid-template-columns:1fr}.help-center-card-actions{grid-template-columns:1fr}.dealer-guide-actions .btn{width:100%}}

/* v5.0.1 — Alat Kongsi yang lebih jelas dan tersusun */
/* v5.0.1 — Share universal dealer + cadangan pelanggan */
.main-share-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px}
.main-share-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.plan-card-tags-main{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.customer-plan-share{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid rgba(255,255,255,.28);border-radius:12px;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;transition:.18s ease}
.customer-plan-share:hover{transform:translateY(-1px);background:rgba(255,255,255,.2)}
.customer-plan-share svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.customer-detail-share-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:9px;background:#f4f7fc;color:var(--navy);border:1px solid #d4ddec;box-shadow:0 10px 24px rgba(10,46,112,.08)}
.customer-detail-share-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:640px){.customer-plan-share{width:36px;height:36px;flex-basis:36px;border-radius:11px}.customer-detail-share-btn{min-height:48px}}

/* v5.0.1 — Native Android share chooser untuk WhatsApp biasa dan Business */
body:not(.share-view) .top-actions{gap:8px}
body:not(.share-view) .top-actions .icon-btn{flex:0 0 auto}
.share-tools-panel{grid-column:1/-1;margin-top:4px;padding-top:14px;border-top:1px solid #e4e8f0}
.share-tools-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}
.share-tools-heading strong{display:block;color:var(--navy);font-size:10px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}
.share-tools-heading small{display:block;margin-top:3px;color:#7a8497;font-size:10px;line-height:1.4}
.share-tools-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.share-tool-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%!important;min-height:38px;padding:8px 11px;border:1px solid #d8dfeb;border-radius:999px;color:var(--navy);font:900 11px/1 inherit;cursor:pointer;box-shadow:none;transition:.18s ease}
.share-tool-btn svg{width:16px;height:16px;stroke:currentColor;stroke-width:2.15;fill:none;stroke-linecap:round;stroke-linejoin:round}
.social-caption-btn{background:#fff8cf}
.fresh-link-launch-btn{background:#f4f7fb}
.share-tool-btn:hover{background:var(--yellow);border-color:var(--yellow);transform:translateY(-1px)}
.share-tool-btn:disabled{opacity:.55;cursor:wait;transform:none}
.fresh-link-dialog{width:min(520px,calc(100% - 24px));padding:24px;border-radius:24px}
.fresh-link-head{padding-right:42px}
.fresh-link-head h2{margin:5px 0 7px;color:var(--navy);font-size:clamp(26px,6vw,36px);line-height:1.05}
.fresh-link-head p{margin:0;color:#667085;font-size:13px;line-height:1.55}
.fresh-link-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.fresh-link-action{display:flex;align-items:center;gap:11px;min-height:66px;padding:13px 14px;border:1px solid #dce2ec;border-radius:17px;background:#fff;color:var(--navy);text-align:left;cursor:pointer;transition:.18s ease}
.fresh-link-action:hover{border-color:var(--navy);transform:translateY(-1px);box-shadow:0 9px 22px rgba(7,29,83,.09)}
.fresh-link-action-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:#f1f4fa}
.fresh-link-action.primary .fresh-link-action-icon{background:#dcf8e8;color:#0b7f52}
.fresh-link-action svg{width:20px;height:20px;stroke:currentColor;stroke-width:2.1;fill:none;stroke-linecap:round;stroke-linejoin:round}
.fresh-link-action strong{display:block;font-size:12px}
.fresh-link-action small{display:block;margin-top:3px;color:#778196;font-size:9px;line-height:1.35}
.fresh-link-note{display:flex;gap:8px;margin:14px 0 0;padding:10px 12px;border-radius:13px;background:#f5f7fb;color:#68758b;font-size:10px;line-height:1.45}
@media(max-width:480px){.share-tools-heading{display:block}.share-tools-buttons{grid-template-columns:1fr 1fr}.share-tool-btn{padding:8px 7px;font-size:10px}.fresh-link-actions{grid-template-columns:1fr}.fresh-link-dialog{padding:21px 16px 18px}}

/* v5.0.1 — Copywriting media sosial */
.social-caption-btn svg{width:16px;height:16px;stroke:currentColor;stroke-width:2.1;fill:none;stroke-linecap:round;stroke-linejoin:round}
.social-copy-dialog{width:min(720px,calc(100% - 24px));max-height:min(88vh,820px);overflow:auto;padding:26px;border-radius:25px}
.social-copy-head{padding-right:42px}
.social-copy-head h2{margin:5px 0 7px;color:var(--navy);font-size:clamp(25px,5vw,38px);line-height:1.05}
.social-copy-head p{margin:0;color:#667085;line-height:1.55}
.social-platform-tabs{display:flex;gap:7px;margin:20px 0 12px;padding:5px;overflow-x:auto;border:1px solid #dfe5ef;border-radius:16px;background:#f5f7fb;scrollbar-width:none}
.social-platform-tabs::-webkit-scrollbar{display:none}
.social-platform-tab{flex:0 0 auto;min-height:38px;padding:8px 12px;border:0;border-radius:11px;background:transparent;color:#536079;font:900 12px/1 inherit;cursor:pointer;white-space:nowrap}
.social-platform-tab.active{background:var(--navy);color:#fff;box-shadow:0 5px 12px rgba(7,29,83,.17)}
.social-copy-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}
.social-font-toggle{display:flex;flex-wrap:wrap;gap:5px;padding:5px;border:1px solid #dfe5ef;border-radius:16px;background:#f5f7fb;max-width:min(100%,520px)}
.social-font-btn{min-height:31px;padding:7px 10px;border:0;border-radius:999px;background:transparent;color:#68758a;font:850 10px/1 inherit;cursor:pointer;white-space:nowrap}
.social-font-btn.active{background:#fff;color:var(--navy);box-shadow:0 2px 7px rgba(7,29,83,.1)}
.social-copy-count{color:#7a8498;font-size:11px;font-weight:800;white-space:nowrap}
.social-copy-count.limit-warning{color:#b42318}
.social-copy-text{width:100%;min-height:330px;resize:vertical;padding:17px;border:1px solid #d7dfeb;border-radius:17px;background:#fbfcfe;color:#172033;font:500 15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;outline:none;box-sizing:border-box}
.social-copy-text:focus{border-color:var(--navy);box-shadow:0 0 0 3px rgba(7,29,83,.08)}
.social-copy-note{display:flex;gap:8px;margin:10px 0 0;color:#6c778d;font-size:11px;line-height:1.45}
.social-copy-actions{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:16px}
.social-copy-actions .btn{min-height:46px}
.social-copy-platform-note{margin-top:10px;padding:10px 12px;border-radius:12px;background:#f4f7fb;color:#59667d;font-size:11px;line-height:1.45}
.social-nice-number-option{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0;padding:10px 12px;border:1px solid #d7e2f2;border-radius:13px;background:#fffdec}.social-nice-number-option label{display:flex;align-items:center;gap:8px;color:#071f62;font-size:11px;font-weight:900}.social-nice-number-option small{display:block;color:#667085;font-size:9px;margin-top:2px}.social-nice-number-option input{accent-color:#071f62}
/* v5.3.5 — Single Source of Truth */
.social-safe-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;margin:0 0 12px;padding:11px 12px;border:1px solid #bfe4cf;border-radius:15px;background:linear-gradient(135deg,#eefbf3,#f8fbff)}
.social-safe-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#daf5e5;font-size:18px}
.social-safe-copy strong{display:block;color:#11623a;font-size:11px;letter-spacing:.02em}.social-safe-copy span{display:block;margin-top:2px;color:#607087;font-size:9px;line-height:1.35}
.social-safe-score{display:grid;justify-items:end;gap:2px}.social-safe-score strong{color:#11623a;font-size:16px}.social-safe-score small{color:#718096;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.social-safe-card.warn{border-color:#f0d58c;background:linear-gradient(135deg,#fff9e8,#f8fbff)}.social-safe-card.warn .social-safe-icon{background:#fff0bd}.social-safe-card.warn .social-safe-copy strong,.social-safe-card.warn .social-safe-score strong{color:#856404}
.social-safe-card.risk{border-color:#efb8b8;background:linear-gradient(135deg,#fff3f3,#f8fbff)}.social-safe-card.risk .social-safe-icon{background:#ffe0e0}.social-safe-card.risk .social-safe-copy strong,.social-safe-card.risk .social-safe-score strong{color:#a4262c}
.social-safe-inline{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:7px 0 9px;padding:8px 10px;border:1px solid #cfe7d8;border-radius:12px;background:#f1fbf5;color:#49675a;font-size:9px;line-height:1.35}.social-safe-inline strong{color:#11623a;font-size:10px}.social-safe-inline.warn{border-color:#efd99c;background:#fff9e9}.social-safe-inline.warn strong{color:#856404}.social-safe-inline.risk{border-color:#efc2c2;background:#fff3f3}.social-safe-inline.risk strong{color:#a4262c}
.social-variation-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:11px 12px;border:1px solid #e1e7f0;border-radius:15px;background:linear-gradient(135deg,#fffce5,#f7f9fd)}
.social-variation-copy strong{display:block;color:var(--navy);font-size:9px;letter-spacing:.15em}
.social-variation-copy small{display:block;margin-top:3px;color:#68758a;font-size:11px;font-weight:800}
.social-variation-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:8px 12px;border:1px solid #cfd8e7;border-radius:999px;background:#fff;color:var(--navy);font:900 11px/1 inherit;cursor:pointer;box-shadow:0 3px 9px rgba(7,29,83,.07)}
.social-variation-btn:active{transform:translateY(1px)}
.social-variation-btn svg{width:15px;height:15px;stroke:currentColor;stroke-width:2.1;fill:none;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:640px){.social-caption-btn{padding:7px 10px}.social-copy-dialog{padding:21px 16px 18px;border-radius:22px}.social-copy-text{min-height:300px;font-size:14px}.social-copy-actions{grid-template-columns:1fr}.social-copy-actions .btn-secondary{display:none}}

/* v5.0.1 — Hashtag lokasi pilihan untuk Copywriting */
.social-location-option{margin:0 0 12px;padding:11px 12px;border:1px solid #e1e7f0;border-radius:15px;background:#f8fafc}
.social-location-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}
.social-location-check{display:flex;align-items:center;gap:8px;min-height:38px;padding:7px 10px;border:1px solid #d7deea;border-radius:12px;background:#fff;color:var(--navy);cursor:pointer;white-space:nowrap}
.social-location-check input{position:absolute;opacity:0;pointer-events:none}
.social-location-box{display:grid;place-items:center;width:19px;height:19px;border:1.5px solid #aeb9cb;border-radius:6px;background:#fff;color:transparent;font-size:12px;font-weight:950}
.social-location-check input:checked + .social-location-box{border-color:var(--navy);background:var(--navy);color:#fff}
.social-location-label strong{display:block;font-size:11px}
.social-location-label small{display:block;margin-top:2px;color:#7a8497;font-size:8px;font-weight:750}
.social-location-input-wrap{position:relative;min-width:0}
.social-location-input{width:100%;height:40px;padding:8px 36px 8px 11px;border:1px solid #d7deea;border-radius:12px;background:#fff;color:#172033;font:750 12px/1 inherit;outline:none;box-sizing:border-box}
.social-location-input:focus{border-color:var(--navy);box-shadow:0 0 0 3px rgba(7,29,83,.07)}
.social-location-clear{position:absolute;right:5px;top:5px;display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:9px;background:#f1f4f8;color:#657187;font:900 16px/1 inherit;cursor:pointer}
.social-location-help{display:flex;gap:7px;margin:8px 1px 0;color:#748095;font-size:9px;line-height:1.4}
.social-location-preview{color:var(--navy);font-weight:900}
@media(max-width:520px){.social-location-row{grid-template-columns:1fr}.social-location-check{justify-content:flex-start}.social-location-input{height:42px}}

/* v5.0.1 — katalog auto-load dan Banding hanya muncul selepas pilihan */
#compareSection.v4-empty{display:none!important}

/* v5.0.1 — Prospek & Follow-up MVP */
.prospect-launch-card{margin:18px auto 0;width:min(1180px,calc(100% - 32px));display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:21px 22px;border:1px solid #d9e1ee;border-radius:24px;background:linear-gradient(145deg,#fff,#f7f9fd);box-shadow:0 15px 38px rgba(7,31,98,.10);position:relative;overflow:hidden}.prospect-launch-card:before{content:"";position:absolute;right:-80px;top:-90px;width:260px;height:260px;border-radius:50%;background:rgba(255,241,0,.38)}.prospect-launch-copy,.prospect-launch-actions{position:relative;z-index:1}.prospect-launch-copy{display:grid;gap:5px}.prospect-launch-copy small{font-size:10px;font-weight:950;letter-spacing:.14em;color:#50607a}.prospect-launch-copy strong{font-size:clamp(22px,4vw,32px);line-height:1.05;color:var(--navy)}.prospect-launch-copy span{color:#657188;font-size:13px;line-height:1.45}.prospect-launch-stats{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.prospect-launch-stat{display:inline-flex;gap:5px;align-items:center;padding:7px 10px;border-radius:999px;background:#edf1f7;color:#50607a;font-size:10px;font-weight:850}.prospect-launch-stat b{color:var(--navy);font-size:12px}.prospect-launch-stat.due{background:#fff8cc;color:#6b5a00}.prospect-launch-stat.won{background:#e9f9ef;color:#067647}.prospect-launch-actions{display:flex;gap:9px;flex-wrap:wrap}.prospect-launch-actions .btn{min-width:145px;justify-content:center}
.prospect-dialog{width:min(1120px,calc(100% - 18px));max-height:94vh;padding:0;overflow:hidden;border-radius:28px;display:grid;grid-template-rows:auto auto minmax(0,1fr);overscroll-behavior:contain}.prospect-head{position:relative;padding:22px 68px 17px 22px;background:linear-gradient(135deg,#071f62,#0f4195);color:#fff}.prospect-head small{display:block;color:#fff100;font-size:10px;font-weight:950;letter-spacing:.17em}.prospect-head h2{margin:6px 0 5px;font-size:clamp(27px,5vw,40px);line-height:1.03}.prospect-head p{margin:0;color:#d9e3f5;font-size:12px;line-height:1.5}.prospect-dialog>.modal-close{top:17px;right:17px;z-index:12;background:#fff;color:#071f62}.prospect-tabs{display:flex;gap:7px;padding:11px 16px;overflow-x:auto;background:#f5f7fb;border-bottom:1px solid #e4e9f1;scrollbar-width:none}.prospect-tabs::-webkit-scrollbar{display:none}.prospect-tab{border:0;border-radius:999px;background:#e7ebf2;color:#637087;padding:9px 13px;font-size:10px;font-weight:900;white-space:nowrap}.prospect-tab.active{background:#fff100;color:#071f62;box-shadow:inset 0 0 0 1px #eadf00}.prospect-body{min-height:0;overflow:auto;padding:20px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.prospect-screen{display:grid;gap:17px}.prospect-heading{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.prospect-heading h3{margin:0;color:#071f62;font-size:clamp(22px,4vw,31px)}.prospect-heading p{margin:4px 0 0;color:#69758a;font-size:11px;line-height:1.45}.prospect-stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.prospect-stat-card{padding:14px;border:1px solid #dce3ee;border-radius:17px;background:#fff;box-shadow:0 8px 22px rgba(7,31,98,.05)}.prospect-stat-card small{display:block;color:#778296;font-size:9px;font-weight:850}.prospect-stat-card strong{display:block;margin-top:5px;color:#071f62;font-size:28px;line-height:1}.prospect-stat-card.due{background:#fffbea;border-color:#f0dd62}.prospect-stat-card.overdue{background:#fff1f1;border-color:#f3c6c6}.prospect-stat-card.won{background:#edf9f1;border-color:#bfe5cb}.prospect-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:13px}.prospect-panel{padding:15px;border:1px solid #dce3ee;border-radius:19px;background:#fff}.prospect-panel-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:11px}.prospect-panel-head strong{color:#071f62;font-size:15px}.prospect-panel-head button{border:0;background:none;color:#0b3990;font-size:10px;font-weight:900}.prospect-empty{padding:27px 15px;border-radius:15px;background:#f5f7fb;text-align:center;color:#718096;font-size:11px;line-height:1.5}.prospect-privacy{display:flex;gap:9px;padding:12px 13px;border-radius:15px;background:#fffbea;color:#625616;font-size:10px;line-height:1.45}.prospect-mini-list{display:grid;gap:8px}.prospect-mini-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:11px;border:1px solid #e1e7f0;border-radius:14px;background:#fff}.prospect-mini-item strong{display:block;color:#071f62;font-size:12px}.prospect-mini-item span{display:block;margin-top:3px;color:#778196;font-size:9px}.prospect-mini-item button{align-self:center;border:0;border-radius:999px;background:#071f62;color:#fff;padding:7px 9px;font-size:9px;font-weight:900}
.prospect-pipeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.prospect-pipeline-step{position:relative;display:grid;gap:3px;min-width:0;padding:10px 7px;border:1px solid #dce3ee;border-radius:14px;background:#fff;color:#071f62;text-align:left;font:inherit;cursor:pointer}.prospect-pipeline-step small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6f7b8e;font-size:8px;font-weight:950}.prospect-pipeline-step strong{font-size:20px;line-height:1}.prospect-pipeline-step.new{background:#fffbe2}.prospect-pipeline-step.contacted{background:#f1f7ff}.prospect-pipeline-step.interested{background:#f5f1ff}.prospect-pipeline-step.followup{background:#fff4df}.prospect-pipeline-step.won{background:#edf9f1;border-color:#c7e7d1}.prospect-stage-next{border-color:#b7c8e4!important;background:#eef4ff!important;color:#0b3990!important}.prospect-stage-next.success{border-color:#a9dbb8!important;background:#e8f8ed!important;color:#067647!important}.prospect-pipeline-label{display:flex;justify-content:space-between;gap:8px;align-items:center}.prospect-pipeline-label strong{color:#071f62;font-size:12px}.prospect-pipeline-label span{color:#7a8598;font-size:8px;font-weight:850}
.prospect-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) 180px 180px auto;gap:8px}.prospect-toolbar input,.prospect-toolbar select{width:100%;border:1px solid #d7dfeb;border-radius:13px;background:#fff;color:#17233e;padding:11px 12px;font:inherit;font-size:11px}.prospect-toolbar .btn{justify-content:center}.prospect-list{display:grid;gap:10px}.prospect-card{display:grid;gap:11px;padding:15px;border:1px solid #dbe2ed;border-radius:19px;background:#fff;box-shadow:0 7px 20px rgba(7,31,98,.05)}.prospect-card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.prospect-card-title strong{display:block;color:#071f62;font-size:17px}.prospect-card-title span{display:block;margin-top:3px;color:#6d798d;font-size:10px}.prospect-status{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;font-size:8px;font-weight:950;white-space:nowrap;background:#edf1f7;color:#5e6b80}.prospect-status.new{background:#fff8c6;color:#675900}.prospect-status.contacted{background:#eaf3ff;color:#164e91}.prospect-status.interested,.prospect-status.followup{background:#f1ecff;color:#5d3a9c}.prospect-status.won{background:#e7f8ed;color:#067647}.prospect-status.lost{background:#f2f3f5;color:#676f7d}.prospect-card-meta{display:flex;gap:6px;flex-wrap:wrap}.prospect-meta-chip{padding:6px 8px;border-radius:999px;background:#f2f5f9;color:#556278;font-size:9px;font-weight:800}.prospect-meta-chip.due{background:#fff6c7;color:#6d5c00}.prospect-meta-chip.overdue{background:#ffeaea;color:#a12d2d}.prospect-card-note{padding:10px 11px;border-radius:13px;background:#f7f9fc;color:#637087;font-size:10px;line-height:1.45;white-space:pre-wrap}.prospect-card-actions{display:flex;gap:7px;flex-wrap:wrap}.prospect-card-actions button{border:1px solid #d4ddea;border-radius:11px;background:#fff;color:#071f62;padding:8px 10px;font-size:9px;font-weight:900}.prospect-card-actions button.primary{border-color:#071f62;background:#071f62;color:#fff}.prospect-card-actions button.yellow{border-color:#eadf00;background:#fff100;color:#071f62}.prospect-card-actions button.success{border-color:#a9dbb8;background:#e8f8ed;color:#067647}
.prospect-form{display:grid;gap:14px}.prospect-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.prospect-form label{display:grid;gap:6px;color:#536077;font-size:10px;font-weight:850}.prospect-form label.full{grid-column:1/-1}.prospect-form input,.prospect-form select,.prospect-form textarea{width:100%;border:1px solid #d5deeb;border-radius:13px;background:#fff;color:#17233e;padding:11px 12px;font:inherit;font-size:12px}.prospect-form textarea{min-height:100px;resize:vertical}.prospect-form-help{color:#7a8496;font-size:9px;line-height:1.4}.prospect-form-actions{display:flex;justify-content:space-between;gap:9px;flex-wrap:wrap}.prospect-form-actions>div{display:flex;gap:8px;flex-wrap:wrap}.prospect-form-actions .btn{justify-content:center}.prospect-danger{background:#fff1f1!important;color:#a12d2d!important;border-color:#f0c1c1!important}
.prospect-followup-box{display:grid;gap:13px}.prospect-followup-person{padding:12px 13px;border-radius:15px;background:#f4f7fb}.prospect-followup-person strong{display:block;color:#071f62;font-size:16px}.prospect-followup-person span{display:block;margin-top:4px;color:#68758a;font-size:10px}.prospect-followup-box textarea{width:100%;min-height:210px;padding:13px;border:1px solid #d5deeb;border-radius:15px;font:inherit;font-size:12px;line-height:1.5;resize:vertical}.prospect-followup-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.prospect-backup-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.prospect-backup-card{display:grid;gap:9px;padding:17px;border:1px solid #dbe2ed;border-radius:19px;background:#fff}.prospect-backup-card strong{color:#071f62;font-size:16px}.prospect-backup-card p{margin:0;color:#69758a;font-size:10px;line-height:1.5}.prospect-backup-card .btn{justify-content:center}.prospect-file-input{display:none}
body.share-view #prospectLaunchCard,body.share-view #prospectModal{display:none!important}
@media(max-width:850px){.prospect-launch-card{grid-template-columns:1fr}.prospect-launch-actions{display:grid;grid-template-columns:1fr 1fr}.prospect-stats-grid{grid-template-columns:repeat(2,1fr)}.prospect-dashboard-grid{grid-template-columns:1fr}.prospect-toolbar{grid-template-columns:1fr 1fr}.prospect-toolbar input{grid-column:1/-1}.prospect-dialog{width:calc(100% - 12px);max-height:calc(100vh - 12px)}.prospect-body{padding:15px}.prospect-form-grid,.prospect-backup-grid{grid-template-columns:1fr}.prospect-form label.full{grid-column:auto}}
@media(max-width:500px){.prospect-launch-actions,.prospect-toolbar,.prospect-followup-actions{grid-template-columns:1fr}.prospect-head{padding:19px 60px 14px 16px}.prospect-tabs{padding:9px 11px}.prospect-body{padding:13px}.prospect-stats-grid{grid-template-columns:1fr 1fr}.prospect-pipeline{gap:4px}.prospect-pipeline-step{padding:8px 4px;border-radius:11px;text-align:center}.prospect-pipeline-step small{font-size:7px}.prospect-pipeline-step strong{font-size:18px}.prospect-card-top{display:grid}.prospect-card-actions{display:grid;grid-template-columns:1fr 1fr}.prospect-form-actions{display:grid}.prospect-form-actions>div{display:grid;grid-template-columns:1fr 1fr}.prospect-form-actions .btn{width:100%}}



/* eFlyersXOX Online v4.0 — mobile-first UI migration */
:root{
  --yellow:#fff100;
  --navy:#071d53;
  --navy-2:#103a82;
  --surface:#f5f7fb;
  --line:#e1e6ef;
  --radius:18px;
  --shadow-sm:0 8px 24px rgba(7,29,83,.08);
  --shadow-lg:0 20px 52px rgba(7,29,83,.16)
}
body{background:#edf1f7}
.app-shell{max-width:1320px;box-shadow:0 0 50px rgba(7,29,83,.08)}
.topbar{min-height:64px;padding:10px clamp(14px,3vw,34px);gap:12px;background:rgba(255,241,0,.96)}
.brand-main{font-size:23px}.brand-sub{font-size:11px}.top-actions{gap:7px}.share-view-launch{padding:10px 13px;border-radius:12px}.mode-segmented{min-height:40px}.icon-btn{width:40px;height:40px;border-radius:12px}
.utility-menu{position:sticky;top:64px;z-index:42;display:flex;justify-content:center;gap:6px;padding:8px 12px;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.utility-menu::-webkit-scrollbar{display:none}.utility-menu button,.utility-menu a{flex:0 0 auto;border:0;border-radius:999px;padding:9px 14px;background:#f0f3f8;color:var(--navy);font-size:12px;font-weight:850;text-decoration:none}.utility-menu button:hover,.utility-menu a:hover{background:var(--navy);color:#fff}
.hero{min-height:auto;grid-template-columns:minmax(0,1.1fr) minmax(280px,.72fr);gap:42px;padding:58px clamp(22px,6vw,72px);background:radial-gradient(circle at 12% 18%,rgba(255,241,0,.24),transparent 31%),linear-gradient(135deg,#061747,#0a2b70 55%,#061747);}
.hero h1{font-size:clamp(42px,6vw,68px);letter-spacing:-2.7px}.hero-copy>p{font-size:18px;max-width:620px}.hero-actions{margin-top:24px}.hero-card{max-width:390px;padding:24px;border-radius:26px}.hero-data{font-size:clamp(72px,8vw,100px)}.hero-price{font-size:46px}.hero-card-note{margin-top:20px;padding:11px 13px;border-radius:12px;background:rgba(255,255,255,.10);color:#e9eef9;font-size:13px;line-height:1.45}
.v4-value-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dfe5ef;border-bottom:1px solid #dfe5ef}.v4-value-strip article{min-width:0;padding:20px 18px;background:#fff;display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}.v4-value-strip article>span{grid-row:1/3;min-width:42px;height:42px;padding:0 8px;display:grid;place-items:center;border-radius:13px;background:var(--yellow);color:var(--navy);font-size:12px;font-weight:950}.v4-value-strip strong{color:var(--navy);font-size:14px}.v4-value-strip small{color:#667085;font-size:11px;line-height:1.35}
.value-icon svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round}.value-icon-hotspot svg circle{fill:currentColor;stroke:none}.value-icon-text{letter-spacing:-.02em;font-size:11px}.value-icon-hotspot svg{width:21px;height:21px}.value-icon-call svg{width:19px;height:19px}
.section{padding:58px clamp(18px,5vw,64px)}.section-heading{margin-bottom:26px}.section-heading h2{font-size:clamp(30px,4vw,46px);letter-spacing:-1.6px}.eyebrow{margin-bottom:8px}
.recommend-grid{grid-template-columns:repeat(4,1fr);gap:12px}.field-card{min-height:132px;padding:16px;border-radius:17px;box-shadow:none}.field-title{margin:10px 0 auto}.field-card select{padding:10px}.recommend-submit{margin-top:4px}
.category-tabs{width:100%;padding:5px}.tab{flex:1 0 auto;padding:10px 14px}.prepaid-subtab{min-width:220px}.catalog-toolbar{margin:20px 0}.plan-grid{gap:15px}.plan-card{border-radius:20px;box-shadow:var(--shadow-sm)}.plan-card-head{padding:20px 20px 16px}.plan-card-body{padding:17px 20px 20px}.plan-features{margin:12px 0}.plan-actions{grid-template-columns:1fr auto}.detail-btn{font-weight:900}.compare-btn{min-width:108px}
.compare-section{padding-top:52px;padding-bottom:52px}.compare-section.v4-empty{display:none}.compare-table-wrap{border-radius:18px}.flyers-section{padding-top:50px}.flyer-grid{gap:15px}.flyer-card{border-radius:18px}
.v4-footer{padding:30px clamp(18px,5vw,60px);display:flex;justify-content:space-between;gap:22px;align-items:center}.v4-footer .footer-dealer-block{gap:3px}.v4-footer p{max-width:520px;margin:0;text-align:right}
.customer-contact-bar{left:50%;right:auto;transform:translate(-50%,22px);width:min(760px,calc(100% - 22px));bottom:12px;padding:11px 12px 11px 16px;border-radius:20px;background:rgba(7,29,83,.97);box-shadow:0 18px 50px rgba(7,29,83,.3);gap:14px}.customer-contact-bar.is-visible{transform:translate(-50%,0)}.customer-contact-copy{min-width:0}.customer-contact-copy small{color:#b9c5de}.customer-contact-copy strong{color:#fff}.customer-contact-copy span{color:#d8e0ef}.customer-contact-actions{margin-left:auto;display:flex;gap:8px;flex:0 0 auto}.customer-contact-actions .btn{min-width:116px;padding:11px 15px;border-radius:13px;text-decoration:none}.customer-affiliate-cta{box-shadow:none}.customer-whatsapp-cta{box-shadow:none}
body.share-view{padding-bottom:98px}body.share-view .topbar{min-height:58px}body.share-view .utility-menu{top:58px}body.share-view .flyers-section{display:none!important}body.share-view .hero{padding-top:46px}body.share-view .hero-card-note{display:none}body.share-view .v4-footer{padding-bottom:116px}
.modal-dialog{border-radius:22px}.plan-dialog{width:min(860px,calc(100% - 18px))}.detail-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.detail-actions .btn,.detail-actions a{width:100%;text-align:center;text-decoration:none}.v4-buy-btn{background:var(--yellow);color:var(--navy);box-shadow:0 12px 26px rgba(255,241,0,.22)}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:28px}.hero-card{justify-self:start;max-width:420px}.recommend-grid{grid-template-columns:repeat(2,1fr)}.v4-value-strip{grid-template-columns:repeat(2,1fr)}.v4-footer{align-items:flex-start;flex-direction:column}.v4-footer p{text-align:left}}
@media(max-width:640px){
  .app-shell{width:100%}.topbar{min-height:58px;padding:9px 10px}.brand-main{font-size:20px;letter-spacing:-1.2px}.brand-sub{display:none}.top-actions{gap:5px}.share-view-launch{width:40px;height:40px;padding:0;justify-content:center}.share-view-label{display:none}.mode-option{padding:7px 7px;font-size:10px}.icon-btn{width:40px;height:40px}
  .utility-menu{top:58px;justify-content:flex-start;padding:7px 9px}.utility-menu button,.utility-menu a{padding:8px 12px;font-size:11px}
  .hero{padding:38px 16px 32px;gap:22px}.hero h1{font-size:39px;line-height:1.02;letter-spacing:-2px}.hero-copy>p{font-size:15px;line-height:1.55}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.hero-actions .btn{padding:12px 10px;font-size:13px}.hero-card{width:100%;max-width:none;padding:19px;border-radius:21px}.hero-card-top{align-items:center}.hero-plan{margin-top:22px;font-size:20px}.hero-data{font-size:72px;letter-spacing:-4px}.hero-price{font-size:40px}.hero-card-note{margin-top:14px}
  .v4-value-strip article{padding:15px 12px;column-gap:8px}.v4-value-strip article>span{min-width:36px;height:36px;border-radius:11px}.v4-value-strip strong{font-size:12px}.v4-value-strip small{font-size:10px}
  .section{padding:42px 14px}.section-heading{margin-bottom:20px}.section-heading h2{font-size:30px}.recommend-grid{grid-template-columns:1fr 1fr;gap:9px}.field-card{min-height:118px;padding:13px}.field-title{font-size:13px}.field-card select{font-size:12px;padding:9px}.recommend-submit{grid-column:1/-1;width:100%}
  .category-tabs{overflow-x:auto}.tab{flex:0 0 auto}.prepaid-subtabs{flex-wrap:nowrap;overflow-x:auto}.prepaid-subtab{min-width:205px}.catalog-toolbar{display:grid;grid-template-columns:1fr;gap:9px}.plan-grid{grid-template-columns:1fr}.plan-card-head{padding:18px 17px 14px}.plan-card-body{padding:15px 17px 18px}.plan-actions{grid-template-columns:1fr auto}.compare-btn{min-width:102px;font-size:12px}
  .customer-contact-bar{width:calc(100% - 12px);bottom:6px;border-radius:17px;padding:9px 9px 9px 12px;gap:8px}.customer-contact-copy small,.customer-contact-copy span{display:none}.customer-contact-copy strong{max-width:126px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.customer-contact-actions{gap:6px}.customer-contact-actions .btn{min-width:auto;padding:10px 11px;font-size:12px}.customer-affiliate-cta{min-width:96px!important}.customer-whatsapp-cta{min-width:82px!important}
  .detail-actions{grid-template-columns:1fr}.v4-footer{padding:26px 16px}.v4-footer p{font-size:11px}.modal-dialog{max-height:calc(100vh - 12px);border-radius:19px}
}
@media(max-width:390px){.recommend-grid{grid-template-columns:1fr}.hero-actions{grid-template-columns:1fr}.v4-value-strip{grid-template-columns:1fr 1fr}.customer-contact-copy{display:none}.customer-contact-actions{width:100%}.customer-contact-actions .btn{flex:1}.customer-affiliate-cta,.customer-whatsapp-cta{min-width:0!important}}


/* v4.0.3 — full V3.1.0.1 Why oneXOX restored above flyer section */
body.share-view {
  padding-bottom: 86px;
}
body.share-view .footer {
  padding-bottom: 96px;
}
.customer-contact-bar {
  left: 50%;
  right: auto;
  bottom: max(8px, env(safe-area-inset-bottom));
  width: min(700px, calc(100% - 20px));
  min-height: 64px;
  padding: 8px 9px 8px 14px;
  gap: 12px;
  border: 1px solid rgba(7,31,98,.16);
  border-radius: 20px;
  background: rgba(255,255,255,.97);
  color: var(--navy);
  box-shadow: 0 18px 44px rgba(7,31,98,.24);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  transform: translate(-50%, 24px);
}
.customer-contact-bar.is-visible {
  transform: translate(-50%, 0);
}
.customer-contact-copy small { color: #77839a; }
.customer-contact-copy strong { color: var(--navy); }
.customer-contact-copy span { color: #68748a; }
.customer-contact-actions {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: minmax(150px, 1.15fr) minmax(126px, .85fr);
  gap: 8px;
}
.customer-affiliate-cta,
.customer-whatsapp-cta {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 16px;
  border-radius: 14px;
  font-size: 13px;
  font-weight: 950;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}
.customer-affiliate-cta {
  border: 1px solid #e5d900;
  background: var(--yellow);
  color: var(--navy);
  box-shadow: 0 9px 20px rgba(255,241,0,.28);
}
.customer-whatsapp-cta {
  border: 1px solid var(--navy);
  background: var(--navy);
  color: #fff;
  box-shadow: 0 9px 20px rgba(7,31,98,.20);
}
.customer-affiliate-cta svg,
.customer-whatsapp-cta svg {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.customer-affiliate-cta:active,
.customer-whatsapp-cta:active { transform: translateY(1px); }

.why-panel-body { min-width: 0; }
.why-opportunity-card {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr);
  gap: 18px 24px;
  align-items: start;
  padding: 20px;
  border-radius: 18px;
  background: linear-gradient(135deg, #071f62 0%, #0b347e 100%);
  color: #fff;
}
.why-opportunity-kicker {
  display: inline-block;
  margin-bottom: 8px;
  color: var(--yellow);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .12em;
}
.why-opportunity-card h3 {
  margin: 0 0 8px;
  color: #fff;
  font-size: clamp(20px, 3vw, 30px);
  line-height: 1.12;
}
.why-opportunity-card p {
  margin: 0;
  color: #cfdaef;
  font-size: 12px;
  line-height: 1.55;
}
.why-benefit-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
}
.why-benefit-list span {
  min-width: 0;
  padding: 10px 11px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 12px;
  background: rgba(255,255,255,.08);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}
.why-dealer-cta {
  grid-column: 1 / -1;
  justify-self: start;
  background: var(--yellow);
  color: var(--navy);
}
.why-stats-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
}
.why-stat-card {
  min-width: 0;
  padding: 18px;
  border: 1px solid #dce3ef;
  border-radius: 17px;
  background: linear-gradient(145deg, #fff, #f7f9fd);
}
.why-stat-card strong {
  display: block;
  margin-bottom: 7px;
  color: var(--navy);
  font-size: clamp(22px, 4vw, 31px);
  line-height: 1;
}
.why-stat-card span {
  display: block;
  color: #344054;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.35;
}
.why-stat-card small {
  display: block;
  margin-top: 4px;
  color: #7a869e;
  font-size: 10px;
  line-height: 1.35;
}
.why-award-note {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-top: 12px;
  padding: 14px 16px;
  border: 1px solid #e7dc75;
  border-radius: 15px;
  background: #fffbe0;
  color: var(--navy);
}
.why-award-note > span {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  background: var(--yellow);
  font-weight: 950;
}
.why-award-note strong { display: block; margin-bottom: 3px; }
.why-award-note p { margin: 0; color: #68748a; font-size: 11px; line-height: 1.45; }
.telco-compare-table .onexox-col {
  background: #fffde0;
  color: var(--navy);
  font-weight: 850;
}
.telco-compare-table thead .onexox-col {
  background: var(--yellow);
}
.telco-best-value {
  display: block;
  margin-bottom: 5px;
  font-size: 8px;
  letter-spacing: .06em;
}

@media (max-width: 720px) {
  body.share-view { padding-bottom: 76px; }
  body.share-view .footer { padding-bottom: 86px; }
  .customer-contact-bar {
    width: calc(100% - 12px);
    min-height: 0;
    padding: 7px;
    border-radius: 17px;
    background: rgba(255,255,255,.98);
  }
  .customer-contact-copy { display: none !important; }
  .customer-contact-actions {
    width: 100%;
    grid-template-columns: minmax(0,1.18fr) minmax(0,.82fr);
    gap: 7px;
  }
  .customer-affiliate-cta,
  .customer-whatsapp-cta {
    min-width: 0;
    min-height: 47px;
    padding: 0 12px;
    border-radius: 12px;
    font-size: 13px;
  }
  .why-six-grid,
  .why-stats-grid { grid-template-columns: 1fr; }
  .why-opportunity-card { grid-template-columns: 1fr; padding: 17px; }
  .why-benefit-list { grid-template-columns: 1fr; }
  .why-dealer-cta { width: 100%; justify-self: stretch; }
}

@media (max-width: 360px) {
  .customer-affiliate-cta,
  .customer-whatsapp-cta { font-size: 12px; padding-inline: 9px; }
  .customer-affiliate-cta svg,
  .customer-whatsapp-cta svg { width: 16px; height: 16px; }
}



/* v4.0.5 — compact prepaid subcategory tabs */
.prepaid-subtabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  width: min(620px, 100%);
  margin: 14px 0 0;
  padding: 6px;
  overflow: visible;
  border: 1px solid #dbe2ed;
  border-radius: 18px;
  background: #f3f6fb;
}

.prepaid-subtab {
  min-width: 0 !important;
  min-height: 68px;
  display: grid;
  place-content: center;
  gap: 3px;
  padding: 11px 14px;
  border: 1px solid transparent;
  border-radius: 13px;
  background: transparent;
  color: var(--navy);
  font-size: 14px;
  font-weight: 900;
  line-height: 1.18;
  text-align: center;
  box-shadow: none;
}

.prepaid-subtab small {
  margin: 0;
  color: #6b778d;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.25;
}

.prepaid-subtab.active {
  border-color: var(--navy);
  background: var(--navy);
  color: #fff;
  box-shadow: 0 7px 16px rgba(7,29,83,.16);
}

.prepaid-subtab.active small {
  color: #d9e2f5;
}

@media (max-width: 640px) {
  .prepaid-subtabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    width: 100%;
    padding: 5px;
    border-radius: 15px;
  }

  .prepaid-subtab {
    min-height: 64px;
    padding: 9px 8px;
    border-radius: 11px;
    font-size: 12px;
  }

  .prepaid-subtab small {
    font-size: 9px;
  }
}

@media (max-width: 360px) {
  .prepaid-subtab {
    min-height: 60px;
    padding-inline: 6px;
    font-size: 11px;
  }

  .prepaid-subtab small {
    font-size: 8px;
  }
}


/* v4.0.6 — kemaskan menu pantas paparan dealer */
@media (max-width: 640px) {
  body:not(.share-view) .utility-menu {
    top: 58px;
    display: grid;
    grid-template-columns:
      minmax(0, .92fr)
      minmax(0, .78fr)
      minmax(0, .76fr)
      minmax(0, 1.28fr);
    align-items: stretch;
    justify-content: initial;
    gap: 5px;
    min-height: 60px;
    padding: 10px 8px 9px;
    overflow: visible;
    border-top: 0;
    border-bottom: 1px solid var(--line);
    background: rgba(255,255,255,.98);
    box-shadow: 0 5px 14px rgba(7,29,83,.06);
  }

  body:not(.share-view) .utility-menu button,
  body:not(.share-view) .utility-menu a {
    min-width: 0;
    min-height: 40px;
    padding: 0 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 11px;
    background: #f1f4f8;
    color: var(--navy);
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    box-shadow: none;
    transform: none;
  }

  body:not(.share-view) .utility-menu button:active {
    background: #e5eaf2;
    transform: translateY(1px);
  }

  body:not(.share-view) .utility-menu a.coverage-link {
    border-color: var(--navy);
    border-radius: 11px;
    background: var(--navy);
    color: #fff;
  }
}

@media (max-width: 360px) {
  body:not(.share-view) .utility-menu {
    gap: 4px;
    padding-inline: 6px;
  }

  body:not(.share-view) .utility-menu button,
  body:not(.share-view) .utility-menu a {
    min-height: 38px;
    padding-inline: 4px;
    font-size: 10px;
    border-radius: 10px;
  }
}


/* v4.0.7 — glass action dock dan ikon WhatsApp baharu */
.customer-contact-bar {
  border: 1px solid rgba(255,255,255,.76);
  background:
    linear-gradient(135deg,
      rgba(255,255,255,.74) 0%,
      rgba(255,255,255,.56) 50%,
      rgba(239,244,255,.50) 100%);
  box-shadow:
    0 18px 48px rgba(7,31,98,.20),
    inset 0 1px 0 rgba(255,255,255,.94),
    inset 0 -1px 0 rgba(255,255,255,.34);
  backdrop-filter: blur(26px) saturate(145%);
  -webkit-backdrop-filter: blur(26px) saturate(145%);
}

.customer-contact-bar::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: -1;
  border-radius: inherit;
  background:
    radial-gradient(circle at 18% 0%, rgba(255,241,0,.16), transparent 38%),
    linear-gradient(120deg, rgba(255,255,255,.22), transparent 58%);
  pointer-events: none;
}

.customer-whatsapp-cta {
  gap: 9px;
  background: linear-gradient(145deg, #071f62 0%, #0a2d74 100%);
  box-shadow:
    0 10px 22px rgba(7,31,98,.20),
    inset 0 1px 0 rgba(255,255,255,.10);
}

.customer-whatsapp-icon {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.customer-whatsapp-cta .customer-whatsapp-logo {
  width: 26px;
  height: 26px;
  display: block;
  fill: currentColor;
  stroke: none;
}

.customer-whatsapp-cta:hover {
  background: linear-gradient(145deg, #08266f 0%, #0b3888 100%);
}

@media (max-width: 560px) {
  .customer-contact-bar {
    background:
      linear-gradient(135deg,
        rgba(255,255,255,.70) 0%,
        rgba(255,255,255,.51) 58%,
        rgba(239,244,255,.46) 100%);
    backdrop-filter: blur(22px) saturate(140%);
    -webkit-backdrop-filter: blur(22px) saturate(140%);
  }

  .customer-whatsapp-icon {
    width: 26px;
    height: 26px;
    flex-basis: 26px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .customer-whatsapp-cta .customer-whatsapp-logo {
    width: 24px;
    height: 24px;
  }
}


/* v4.1.1 — Smart Install Prompt khas untuk dealer */
.install-sheet {
  position: fixed;
  inset: 0;
  z-index: 4200;
  display: none;
  align-items: flex-end;
  justify-content: center;
  padding: 16px 14px max(16px, env(safe-area-inset-bottom));
  background: rgba(3,14,42,.42);
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
}

.install-sheet.open {
  display: flex;
}

.install-sheet-card {
  width: min(560px, 100%);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.80);
  border-radius: 25px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(245,248,255,.88));
  box-shadow: 0 26px 80px rgba(3,18,54,.30);
  animation: efxInstallRise .24s ease-out both;
}

@keyframes efxInstallRise {
  from { opacity: 0; transform: translateY(28px) scale(.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.install-sheet-top {
  display: grid;
  grid-template-columns: 58px minmax(0,1fr) 38px;
  gap: 13px;
  align-items: start;
  padding: 19px 18px 12px;
}

.install-app-icon {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 17px;
  background: var(--navy);
  box-shadow: 0 11px 24px rgba(7,31,98,.22);
}

.install-app-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.install-sheet-copy {
  min-width: 0;
}

.install-sheet-copy small {
  display: block;
  margin-bottom: 3px;
  color: #71809a;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.install-sheet-copy h3 {
  margin: 0;
  color: var(--navy);
  font-size: 21px;
  line-height: 1.15;
}

.install-sheet-copy p {
  margin: 7px 0 0;
  color: #5d6a80;
  font-size: 13px;
  line-height: 1.5;
}

.install-sheet-close {
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 12px;
  background: #eef2f7;
  color: var(--navy);
  font-size: 23px;
  line-height: 1;
}

.install-guide {
  display: none;
  margin: 0 18px 4px;
  padding: 13px 14px;
  border: 1px solid #dce3ee;
  border-radius: 15px;
  background: #f7f9fc;
  color: #344054;
  font-size: 13px;
  line-height: 1.55;
}

.install-sheet.guide-mode .install-guide {
  display: block;
}

.install-guide b {
  color: var(--navy);
}

.install-sheet-actions {
  display: grid;
  grid-template-columns: .7fr 1.3fr;
  gap: 9px;
  padding: 12px 18px 18px;
}

.install-sheet-actions button {
  min-height: 48px;
  border: 0;
  border-radius: 14px;
  padding: 0 15px;
  font-weight: 900;
}

.install-later {
  background: #eef2f7;
  color: var(--navy);
}

.install-now {
  background: var(--yellow);
  color: var(--navy);
  box-shadow: 0 10px 22px rgba(255,241,0,.26);
}

.install-app-card {
  margin-top: 14px;
}

.install-app-button {
  width: 100%;
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
}

.install-app-button[hidden],
.install-app-card[hidden] {
  display: none !important;
}

body.share-view .install-sheet,
body.share-view .install-app-card {
  display: none !important;
}

@media (min-width: 760px) {
  .install-sheet {
    align-items: center;
  }
}

@media (max-width: 420px) {
  .install-sheet {
    padding-inline: 9px;
  }

  .install-sheet-card {
    border-radius: 22px;
  }

  .install-sheet-top {
    grid-template-columns: 52px minmax(0,1fr) 36px;
    padding: 16px 14px 10px;
  }

  .install-app-icon {
    width: 52px;
    height: 52px;
    border-radius: 15px;
  }

  .install-sheet-copy h3 {
    font-size: 19px;
  }

  .install-sheet-actions {
    padding: 10px 14px 15px;
  }
}


.status-ready-card{margin:22px auto 0;width:min(1180px,calc(100% - 32px));display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:20px 22px;border-radius:24px;background:linear-gradient(135deg,#071f62 0%,#0d3b91 62%,#071f62 100%);color:#fff;box-shadow:0 18px 42px rgba(7,31,98,.18);overflow:hidden;position:relative}.status-ready-card:after{content:"";position:absolute;right:-55px;top:-90px;width:240px;height:240px;border-radius:50%;background:rgba(255,241,0,.14)}.status-ready-copy{position:relative;z-index:1;display:grid;gap:5px}.status-ready-copy small{font-size:10px;font-weight:950;letter-spacing:.14em;color:var(--yellow)}.status-ready-copy strong{font-size:clamp(22px,4vw,33px);line-height:1.05}.status-ready-copy span{color:#d9e3f5;font-size:13px;line-height:1.45}.status-ready-actions{position:relative;z-index:1;display:flex;gap:9px;flex-wrap:wrap}.status-ready-actions .btn{min-width:132px;justify-content:center}
.up-status-dialog{width:min(1120px,calc(100% - 18px));max-height:94vh;padding:0;overflow:hidden;border-radius:28px;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overscroll-behavior:contain}.up-status-head{position:sticky;top:0;z-index:8;padding:22px 68px 17px 22px;background:#fff;border-bottom:1px solid #e5e9f1}.up-status-head small{display:block;font-size:10px;font-weight:950;letter-spacing:.17em;color:#17336f}.up-status-head h2{margin:6px 0 5px;color:var(--navy);font-size:clamp(26px,5vw,40px);line-height:1.03}.up-status-head p{margin:0;color:#687386;font-size:12px;line-height:1.5}.up-status-dialog>.modal-close{top:18px;right:18px;z-index:12}.up-status-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:13px 22px;background:#f5f7fb;border-bottom:1px solid #e5e9f1}.up-status-progress span{min-width:0;padding:8px 7px;border-radius:999px;background:#e7ebf2;color:#758096;font-size:9px;font-weight:900;text-align:center;white-space:nowrap}.up-status-progress span.active{background:var(--yellow);color:var(--navy)}.up-status-progress span.done{background:var(--navy);color:#fff}.up-status-body{max-height:calc(94vh - 190px);overflow:auto;padding:22px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.up-status-step{display:grid;gap:18px}.up-status-step-heading{display:grid;gap:5px}.up-status-step-heading h3{margin:0;color:var(--navy);font-size:clamp(22px,4vw,31px)}.up-status-step-heading p{margin:0;color:#6b7588;font-size:12px;line-height:1.5}.up-status-quick{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;border-radius:18px;background:linear-gradient(135deg,#071f62,#0e4399);color:#fff}.up-status-quick div{display:grid;gap:3px}.up-status-quick strong{font-size:16px}.up-status-quick span{font-size:10px;color:#dbe4f7}.up-status-quick .btn{white-space:nowrap}.up-status-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.up-status-category-card{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:11px;padding:15px;border:1px solid #dce2ec;border-radius:18px;background:#fff;text-align:left;color:inherit;box-shadow:0 8px 20px rgba(7,31,98,.05)}.up-status-category-card:hover,.up-status-category-card:focus-visible{border-color:var(--navy);box-shadow:0 10px 24px rgba(7,31,98,.12)}.up-status-category-icon{width:54px;height:54px;border-radius:17px;background:var(--yellow);display:grid;place-items:center;color:var(--navy);font-size:18px;font-weight:950}.up-status-category-card span{display:grid;gap:3px}.up-status-category-card strong{color:var(--navy);font-size:14px}.up-status-category-card small{color:#748095;font-size:10px;line-height:1.35}.up-status-category-card em{font-style:normal;color:var(--navy);font-size:23px;font-weight:950}.up-status-back{justify-self:start;border:0;background:#edf1f7;color:var(--navy);border-radius:999px;padding:8px 12px;font-weight:900}.up-status-item-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.up-status-item-card{display:grid;overflow:hidden;border:1px solid #dce2ec;border-radius:20px;background:#fff;text-align:left;color:inherit;box-shadow:0 8px 22px rgba(7,31,98,.06)}.up-status-item-card:hover,.up-status-item-card:focus-visible{border-color:var(--navy);transform:translateY(-1px)}.up-status-item-visual{height:120px;background:linear-gradient(135deg,#fff100,#ffc400);position:relative;overflow:hidden}.up-status-item-visual img{width:100%;height:100%;object-fit:cover;object-position:72% 40%;display:block}.up-status-item-visual.info{display:grid;place-items:center;font-size:42px;font-weight:950;color:var(--navy)}.up-status-item-card-body{display:grid;gap:4px;padding:13px}.up-status-item-card-body small{font-size:8px;font-weight:950;letter-spacing:.11em;color:#7b8496}.up-status-item-card-body strong{font-size:16px;color:var(--navy)}.up-status-item-card-body span{font-size:11px;color:#637087}.up-status-used{margin-top:5px;font-size:9px!important;color:#7a8496!important}.up-status-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.up-status-style-card{position:relative;display:grid;gap:11px;padding:12px;border:2px solid #dce2ec;border-radius:21px;background:#fff;text-align:left;color:inherit}.up-status-style-card.active{border-color:var(--yellow);box-shadow:0 0 0 2px var(--navy),0 12px 28px rgba(7,31,98,.14)}.up-status-style-preview{height:210px;border-radius:15px;overflow:hidden;position:relative;background:#fff100}.up-status-style-preview:before,.up-status-style-preview:after{content:"";position:absolute}.up-status-style-preview.bold:before{left:14px;top:22px;width:72%;height:145px;background:linear-gradient(135deg,#0a246e,#071f62 70%);border-radius:18px;box-shadow:inset -90px 0 120px rgba(255,241,0,.12)}.up-status-style-preview.bold:after{right:14px;top:18px;width:36%;height:170px;border-radius:28px 28px 18px 60px;background:radial-gradient(circle at 30% 25%,rgba(255,241,0,.95),rgba(255,200,0,.88) 38%,rgba(255,200,0,.35) 60%,rgba(255,200,0,0) 72%),linear-gradient(180deg,rgba(255,214,92,.98),rgba(239,175,0,.88));filter:saturate(1.05)}.up-status-style-preview.clean{background:#f6f7f2}.up-status-style-preview.clean:before{left:15px;right:15px;top:18px;height:122px;border-radius:18px;background:#071f62}.up-status-style-preview.clean:after{left:26px;right:26px;bottom:17px;height:40px;border-radius:12px;background:#fff100}.up-status-style-preview.life{background:linear-gradient(145deg,#ffe000,#fff100)}.up-status-style-preview.life:before{right:8px;top:10px;width:46%;height:82%;border-radius:26px;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.45),rgba(255,255,255,0) 32%),linear-gradient(135deg,#ffc100,#ffe67f 74%)}.up-status-style-preview.life:after{left:0;right:0;bottom:0;height:52%;background:linear-gradient(180deg,rgba(7,31,98,0),rgba(7,31,98,.88) 62%,#071f62)}.up-status-style-copy{display:grid;gap:3px}.up-status-style-copy strong{font-size:15px;color:var(--navy)}.up-status-style-copy span{font-size:10px;color:#6e788b;line-height:1.4}.up-status-style-check{position:absolute;right:18px;top:18px;width:28px;height:28px;border-radius:50%;display:none;place-items:center;background:var(--yellow);color:var(--navy);font-weight:950}.up-status-style-card.active .up-status-style-check{display:grid}.up-status-tone-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.up-status-tone-card{display:grid;gap:7px;padding:16px;border:2px solid #dce2ec;border-radius:18px;background:#fff;text-align:left;color:inherit}.up-status-tone-card.active{border-color:var(--navy);background:#f4f7ff}.up-status-tone-card strong{color:var(--navy);font-size:15px}.up-status-tone-card span{color:#6c778b;font-size:10px}.up-status-tone-sample{padding:10px;border-radius:12px;background:#f2f4f8;color:#4e5c73;font-size:10px;line-height:1.45}.up-status-footer{position:sticky;bottom:0;z-index:8;display:flex;justify-content:space-between;gap:10px;padding:13px 22px;background:#fff;border-top:1px solid #e5e9f1}.up-status-footer .btn{justify-content:center;min-width:130px}.up-status-result{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(340px,1.2fr);gap:20px;align-items:start}.up-status-preview-shell{padding:12px;border-radius:23px;background:#101d47;box-shadow:0 16px 35px rgba(7,31,98,.18);align-self:start;position:sticky;top:0}.up-status-preview-shell canvas{display:block;width:100%;height:auto;aspect-ratio:9/16;border-radius:14px;background:#fff100}.up-status-preview-meta{display:flex;justify-content:space-between;gap:10px;margin-top:10px;color:#d9e3f5;font-size:9px}.up-status-result-controls{display:grid;align-content:start;gap:12px}.up-status-chips{display:flex;flex-wrap:wrap;gap:7px}.up-status-chip{padding:7px 10px;border-radius:999px;background:#eef2f8;color:var(--navy);font-size:9px;font-weight:900}.up-status-result-controls label{font-size:10px;font-weight:950;letter-spacing:.1em;color:#667085}.up-status-caption{width:100%;min-height:230px;padding:13px;border:1px solid #d6deeb;border-radius:15px;background:#fff;color:#17233e;font:inherit;font-size:12px;line-height:1.5;resize:vertical}.up-status-actions-primary,.up-status-actions-secondary{display:grid;grid-template-columns:1fr 1fr;gap:9px}.up-status-actions-tertiary{display:grid;grid-template-columns:1fr 1fr;gap:9px}.up-status-actions-primary .btn,.up-status-actions-secondary .btn,.up-status-actions-tertiary .btn{justify-content:center}.up-status-note{display:flex;gap:8px;padding:10px 12px;border-radius:13px;background:#fffbe0;color:#5d5420;font-size:10px;line-height:1.45}.up-status-source-wrap,.up-status-album-card,.up-status-album-overview,.up-status-album-row{display:grid;gap:10px}.up-status-source-wrap label,.up-status-album-card label,.up-status-album-overview label{font-size:10px;font-weight:950;letter-spacing:.1em;color:#667085}.up-status-source-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:5px;border-radius:18px;background:#eef2f8;border:1px solid #dce4f0}.up-status-source-btn{border:0;background:transparent;border-radius:14px;padding:12px 11px;text-align:left;color:#47556f;display:grid;gap:3px;font:inherit}.up-status-source-btn strong{font-size:13px;color:var(--navy)}.up-status-source-btn span{font-size:10px;line-height:1.35}.up-status-source-btn.active{background:#fff;color:var(--navy);box-shadow:0 10px 26px rgba(7,31,98,.11)}.up-status-source-meta{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:14px;background:#f4f7fb;color:#52627d;font-size:10px;line-height:1.45}.up-status-source-meta b{color:var(--navy)}.up-status-source-meta em{font-style:normal;color:#0f9d58;font-weight:900;white-space:nowrap}.up-status-source-meta em.missing{color:#c62828}.up-status-source-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.up-status-source-actions .btn{justify-content:center}.up-status-album-overview{padding:14px;border-radius:18px;background:#f8fafc;border:1px solid #dce4f0}.up-status-album-grid{display:grid;gap:11px}.up-status-album-row{padding:14px;border:1px solid #dce4f0;border-radius:18px;background:#fff}.up-status-album-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.up-status-album-head strong{display:block;color:var(--navy);font-size:15px}.up-status-album-head span{display:block;color:#6c778b;font-size:10px}.up-status-album-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.up-status-album-slot{padding:10px;border-radius:14px;background:#f4f7fb;border:1px solid #dce4f0;display:grid;gap:8px}.up-status-album-slot b{font-size:11px;color:var(--navy)}.up-status-album-slot small{font-size:9px;color:#6f7d94;line-height:1.35}.up-status-album-slot em{font-style:normal;font-size:10px;font-weight:900;color:#c62828}.up-status-album-slot em.ready{color:#0f9d58}.up-status-album-slot-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.up-status-album-empty-state{padding:22px;border:1px dashed #c7d3e7;border-radius:18px;background:#fff;text-align:center;color:#627188;font-size:11px;line-height:1.5}.up-status-album-preview-note{padding:10px 12px;border-radius:13px;background:#eef7ff;color:#34507b;font-size:10px;line-height:1.45}.up-status-loading{display:grid;place-items:center;min-height:420px;border-radius:20px;background:#f3f6fa;color:var(--navy);font-weight:900}.up-status-week-list{display:grid;gap:9px}.up-status-week-item{display:grid;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px;border:1px solid #dce2ec;border-radius:16px;background:#fff;text-align:left;color:inherit}.up-status-week-item b{color:var(--navy);font-size:10px}.up-status-week-item span{display:grid;gap:2px}.up-status-week-item strong{color:var(--navy);font-size:13px}.up-status-week-item small{color:#748095;font-size:9px}.up-status-week-item em{font-style:normal;color:var(--navy);font-size:21px;font-weight:950}.up-status-empty{padding:38px 20px;border-radius:20px;background:#f5f7fb;text-align:center}.up-status-empty strong{display:block;color:var(--navy);font-size:20px;margin-bottom:6px}.up-status-empty span{color:#6e788b;font-size:11px}.status-share-busy{opacity:.65;pointer-events:none}body.share-view #statusReadyCard{display:none!important}body.modal-open{position:fixed;left:0;right:0;width:100%;overflow:hidden;overscroll-behavior:none;touch-action:none}
@media(max-width:800px){.status-ready-card{grid-template-columns:1fr;padding:18px}.status-ready-actions{display:grid;grid-template-columns:1fr 1fr}.up-status-dialog{width:calc(100% - 12px);max-height:calc(100vh - 12px)}.up-status-body{padding:16px;max-height:calc(100vh - 184px)}.up-status-item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.up-status-result{grid-template-columns:1fr}.up-status-preview-shell{width:min(100%,390px);justify-self:center;position:static}.up-status-style-grid{grid-template-columns:1fr}.up-status-style-card{grid-template-columns:125px minmax(0,1fr);align-items:center}.up-status-style-preview{height:150px}.up-status-tone-grid{grid-template-columns:1fr 1fr}}
@media(max-width:500px){.status-ready-actions,.up-status-category-grid,.up-status-item-grid,.up-status-tone-grid,.up-status-actions-primary,.up-status-actions-secondary,.up-status-actions-tertiary,.up-status-source-actions,.up-status-album-slot-actions{grid-template-columns:1fr}.up-status-head{padding:19px 60px 14px 16px}.up-status-progress{padding:10px 12px;gap:4px}.up-status-progress span{font-size:7px;padding:7px 3px}.up-status-body{max-height:calc(94vh - 174px);padding:14px}.up-status-quick{align-items:stretch;flex-direction:column}.up-status-style-card{grid-template-columns:110px minmax(0,1fr);padding:9px}.up-status-style-preview{height:130px}.up-status-footer{padding:11px 14px}.up-status-footer .btn{min-width:0;flex:1}.up-status-result-controls{gap:10px}.up-status-album-slots{grid-template-columns:1fr}.up-status-source-switch{grid-template-columns:1fr}}


/* v5.0.1 — menu pantas dealer satu baris dan boleh swipe pada telefon */
@media (max-width: 640px) {
  body:not(.share-view) .utility-menu {
    top: 58px;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
    justify-content: flex-start !important;
    gap: 6px;
    min-height: 0;
    padding: 8px 8px 9px;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    border-top: 0;
    border-bottom: 1px solid var(--line);
    background: rgba(255,255,255,.98);
    box-shadow: 0 5px 14px rgba(7,29,83,.06);
  }

  body:not(.share-view) .utility-menu::-webkit-scrollbar {
    display: none;
  }

  body:not(.share-view) .utility-menu button,
  body:not(.share-view) .utility-menu a {
    flex: 0 0 auto !important;
    min-width: 78px !important;
    min-height: 40px;
    padding: 0 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 11px;
    background: #f1f4f8;
    color: var(--navy);
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    scroll-snap-align: start;
    box-shadow: none;
    transform: none;
  }

  body:not(.share-view) .utility-menu a.coverage-link {
    min-width: 112px !important;
    border-color: var(--navy);
    background: var(--navy);
    color: #fff;
  }
}

@media (max-width: 360px) {
  body:not(.share-view) .utility-menu {
    gap: 5px;
    padding-inline: 6px;
  }

  body:not(.share-view) .utility-menu button,
  body:not(.share-view) .utility-menu a {
    min-width: 74px !important;
    min-height: 38px;
    padding-inline: 10px;
    font-size: 10px;
  }

  body:not(.share-view) .utility-menu a.coverage-link {
    min-width: 108px !important;
  }
}


.action-mini-btn{
  min-height:34px;border-radius:10px;padding:8px 10px;
  border:1px solid #d5deeb;background:#fff;color:var(--navy);
  font:inherit;font-size:9px;font-weight:950;white-space:nowrap;
}
.action-mini-btn.primary{border-color:#eadf00;background:var(--yellow);color:var(--navy)}
.action-mini-btn.dark{border-color:var(--navy);background:var(--navy);color:#fff}
.action-mini-btn.ghost{background:#f1f4f8;color:var(--navy)}
.action-mini-btn.square{width:34px;padding:0;font-size:16px}
.action-mini-btn:active{transform:translateY(1px)}

/* eFlyersXOX v5.0.1 — Album Saya Action Center header consistency */
.up-status-dialog.album-action-center{grid-template-rows:auto minmax(0,1fr) auto}
.up-status-dialog.album-action-center .up-status-head{position:relative;background:linear-gradient(135deg,#071f62,#0f4195);color:#fff;border-bottom:0}
.up-status-dialog.album-action-center .up-status-head small{color:#fff100}
.up-status-dialog.album-action-center .up-status-head h2{color:#fff}
.up-status-dialog.album-action-center .up-status-head p{color:#d9e3f5}
.up-status-dialog.album-action-center>.modal-close{background:#fff;color:#071f62}
.up-status-dialog.album-action-center .up-status-progress{display:none!important}
.up-status-dialog.album-action-center .up-status-body{max-height:calc(94vh - 126px)}
@media(max-width:500px){.up-status-dialog.album-action-center .up-status-head{padding:19px 60px 15px 16px}.up-status-dialog.album-action-center .up-status-body{max-height:calc(94vh - 144px)}}

@media(max-width:760px){
  .action-mini-btn{min-height:32px;padding:7px 9px;font-size:8.5px}
  .action-mini-btn.square{width:32px}
}
@media(max-width:380px){
}


/* v5.0.1 — Desktop readability. Mobile rules remain unchanged. */
@media (min-width:1100px){
  body{font-size:17px}
  .app-shell{width:min(1560px,100%);max-width:1560px}

  .topbar{min-height:72px;padding:12px clamp(28px,3.5vw,58px)}
  .brand-main{font-size:28px}
  .brand-sub{font-size:13px}
  .brand-sub em{font-size:11px}
  .icon-btn{width:46px;height:46px;font-size:22px}
  .share-view-launch{min-height:46px;padding:11px 16px;font-size:14px}

  .utility-menu{top:72px;gap:9px;padding:11px 20px}
  .utility-menu button,.utility-menu a{
    min-height:44px;padding:11px 18px;font-size:14px
  }

  .hero{padding:68px clamp(36px,5vw,82px)}
  .hero-copy>p{font-size:20px}
  .hero-card-note{font-size:15px}
  .btn{font-size:15px}

  .v4-value-strip article{padding:24px 22px;column-gap:13px}
  .v4-value-strip article>span{min-width:50px;height:50px;font-size:14px}
  .v4-value-strip strong{font-size:17px}
  .v4-value-strip small{font-size:13px}

  .section{padding:66px clamp(30px,4.5vw,72px)}
  .section-heading p{font-size:17px;max-width:650px}
  .eyebrow{font-size:12px}
  .field-card{min-height:150px;padding:20px}
  .field-number{font-size:14px}
  .field-title{font-size:17px}
  .field-card select{padding:12px;font-size:15px}

  .category-tabs{gap:10px;padding:7px}
  .tab{padding:12px 18px;font-size:15px}
  .prepaid-subtab{min-width:245px;padding:13px 16px;font-size:15px}
  .prepaid-subtab small{font-size:12px}
  .catalog-toolbar input,.catalog-toolbar select{font-size:15px}

  .plan-grid{gap:20px}
  .plan-card-head{padding:24px 24px 19px}
  .plan-card-body{padding:21px 24px 24px}
  .plan-badge{font-size:12px}
  .plan-type{font-size:13px}
  .plan-card h3{font-size:30px}
  .plan-data{font-size:49px}
  .plan-data small{font-size:16px}
  .plan-price{font-size:41px}
  .plan-price small,.plan-bill{font-size:14px}
  .plan-features{font-size:16px;gap:11px}
  .detail-btn,.compare-btn,.customer-plan-share{font-size:14px}
  .compare-btn{min-width:124px}

  .combo-preset-copy small{font-size:12px}
  .combo-preset-copy strong{font-size:20px}
  .combo-preset-copy span{font-size:14px}
  .combo-preset-btn{min-width:180px;padding:12px 15px}
  .combo-preset-btn strong{font-size:14px}
  .combo-preset-btn span{font-size:11px}
  .action-mini-btn{min-height:40px;padding:10px 13px;font-size:11px}
  .action-mini-btn.square{width:40px;font-size:18px}

  /* Up Status desktop modal. */
  .up-status-dialog{width:min(1280px,calc(100% - 42px));max-height:92vh}
  .up-status-head{padding:27px 82px 21px 28px}
  .up-status-head small{font-size:12px}
  .up-status-head h2{font-size:43px}
  .up-status-head p{font-size:15px}
  .up-status-progress{padding:16px 28px;gap:10px}
  .up-status-progress span{padding:10px;font-size:11px}
  .up-status-body{padding:28px;max-height:calc(92vh - 218px)}
  .up-status-step{gap:22px}
  .up-status-step-heading h3{font-size:34px}
  .up-status-step-heading p{font-size:15px}
  .up-status-quick{padding:19px 20px}
  .up-status-quick strong{font-size:20px}
  .up-status-quick span{font-size:13px}
  .up-status-category-grid{gap:15px}
  .up-status-category-card{grid-template-columns:64px minmax(0,1fr) auto;padding:19px}
  .up-status-category-icon{width:64px;height:64px;font-size:21px}
  .up-status-category-card strong{font-size:17px}
  .up-status-category-card small{font-size:13px}
  .up-status-item-grid{gap:16px}
  .up-status-item-visual{height:150px}
  .up-status-item-card-body{padding:17px}
  .up-status-item-card-body small{font-size:10px}
  .up-status-item-card-body strong{font-size:20px}
  .up-status-item-card-body span{font-size:14px}
  .up-status-used{font-size:12px!important}
  .up-status-style-copy strong{font-size:19px}
  .up-status-style-copy span{font-size:13px}
  .up-status-tone-card{padding:20px}
  .up-status-tone-card strong{font-size:19px}
  .up-status-tone-card span,.up-status-tone-sample{font-size:13px}
  .up-status-chip{font-size:12px;padding:9px 12px}
  .up-status-result-controls label{font-size:12px}
  .up-status-caption{min-height:290px;padding:17px;font-size:15px}
  .up-status-note{font-size:13px}
  .up-status-preview-meta{font-size:12px}
  .up-status-footer{padding:16px 28px}
  .up-status-footer .btn{min-width:155px}

  /* Prospect desktop dashboard, list and forms. */
  .prospect-dialog{width:min(1320px,calc(100% - 42px));max-height:92vh}
  .prospect-head{padding:28px 84px 22px 28px}
  .prospect-head small{font-size:12px}
  .prospect-head h2{font-size:43px}
  .prospect-head p{font-size:15px}
  .prospect-tabs{gap:9px;padding:14px 22px}
  .prospect-tab{padding:11px 17px;font-size:13px}
  .prospect-body{padding:27px}
  .prospect-screen{gap:22px}
  .prospect-heading h3{font-size:34px}
  .prospect-heading p{font-size:14px}
  .prospect-stats-grid{gap:14px}
  .prospect-stat-card{padding:18px}
  .prospect-stat-card small{font-size:12px}
  .prospect-stat-card strong{font-size:34px}
  .prospect-dashboard-grid{grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:17px}
  .prospect-panel{padding:20px}
  .prospect-panel-head strong{font-size:19px}
  .prospect-panel-head button{font-size:13px}
  .prospect-empty{padding:34px 20px;font-size:14px}
  .prospect-privacy{padding:15px;font-size:13px}
  .prospect-mini-list{gap:11px}
  .prospect-mini-item{padding:14px}
  .prospect-mini-item strong{font-size:16px}
  .prospect-mini-item span{font-size:12px}
  .prospect-mini-item button{padding:9px 12px;font-size:12px}

  .prospect-toolbar{grid-template-columns:minmax(260px,1fr) 210px 210px auto;gap:11px}
  .prospect-toolbar input,.prospect-toolbar select{padding:13px 14px;font-size:14px}
  .prospect-list{gap:14px}
  .prospect-card{padding:20px;gap:14px}
  .prospect-card-title strong{font-size:21px}
  .prospect-card-title span{font-size:13px}
  .prospect-status{padding:8px 11px;font-size:11px}
  .prospect-meta-chip{padding:8px 11px;font-size:12px}
  .prospect-card-note{padding:13px 14px;font-size:13px}
  .prospect-card-actions{gap:9px}
  .prospect-card-actions button{padding:10px 13px;font-size:12px}

  .prospect-form{gap:18px}
  .prospect-form-grid{gap:15px}
  .prospect-form label{gap:8px;font-size:13px}
  .prospect-form input,.prospect-form select,.prospect-form textarea{
    padding:13px 14px;font-size:15px
  }
  .prospect-form textarea{min-height:130px}
  .prospect-form-help{font-size:12px}
  .prospect-followup-person strong{font-size:19px}
  .prospect-followup-person span{font-size:13px}
  .prospect-followup-box textarea{min-height:260px;font-size:15px}
  .prospect-backup-card{padding:22px}
  .prospect-backup-card strong{font-size:20px}
  .prospect-backup-card p{font-size:13px}

  /* Other commonly used desktop dialogs. */
  .plan-dialog{width:min(980px,calc(100% - 42px))}
  .plan-detail-hero h2{font-size:40px}
  .detail-data{font-size:62px}
  .detail-price{font-size:36px}
  .settings-dialog{width:min(900px,calc(100% - 42px))}
  .settings-dialog h2{font-size:40px}
  .settings-tab{font-size:15px}
  .social-copy-dialog{width:min(840px,calc(100% - 42px))}
  .social-platform-tab{font-size:14px}
  .social-font-btn{font-size:13px}
  .social-copy-text{font-size:16px}
  .social-copy-note,.social-copy-platform-note{font-size:13px}
  .fresh-link-dialog{width:min(620px,calc(100% - 42px))}
  .fresh-link-head p{font-size:15px}
  .fresh-link-action strong{font-size:15px}
  .fresh-link-action small{font-size:12px}

  .v4-footer p,.footer p{font-size:14px}
}
@media (min-width:1500px){
  .app-shell{width:min(1660px,100%);max-width:1660px}
}


#userKitShareModal{z-index:240}.user-kit-share-dialog{z-index:2;width:min(520px,calc(100% - 20px));max-height:min(86vh,720px);overflow:auto;background:#fff;border-radius:28px;padding:20px;box-shadow:0 28px 90px rgba(7,31,98,.32);position:relative}.user-kit-share-head{padding-right:48px}.user-kit-share-head small{font-size:9px;font-weight:950;letter-spacing:.14em;color:#6f7890}.user-kit-share-head h2{margin:5px 0 5px;font-size:27px;color:#071f62}.user-kit-share-head p{margin:0;color:#727b8e;font-size:12px;line-height:1.5}.user-kit-share-close{position:absolute;right:15px;top:15px;width:39px;height:39px;border:0;border-radius:13px;background:#f0f3f8;color:#071f62;font-size:22px;cursor:pointer}.user-kit-share-preview{display:grid;grid-template-columns:122px minmax(0,1fr);gap:13px;align-items:center;margin-top:16px;padding:13px;border:1px solid #e5e9f0;border-radius:19px;background:#f8f9fc}.user-kit-qr-box{width:122px;height:122px;border-radius:14px;background:#fff;display:grid;place-items:center;overflow:hidden;position:relative}.user-kit-qr-box img{width:116px;height:116px;object-fit:contain;display:block}.user-kit-qr-fallback{display:none;width:100%;height:100%;padding:10px;text-align:center;place-items:center;align-content:center;gap:7px;color:#7b8493;font-size:9px;line-height:1.3}.user-kit-qr-fallback strong{display:block;color:#071f62;font-size:10px}.user-kit-qr-fallback button{border:0;border-radius:999px;background:#eef2f8;color:#071f62;padding:6px 9px;font-size:8px;font-weight:900;cursor:pointer}.user-kit-qr-box.is-error img{display:none}.user-kit-qr-box.is-error .user-kit-qr-fallback{display:grid}.user-kit-share-link{min-width:0}.user-kit-share-link small{display:block;font-size:9px;font-weight:900;color:#8a92a1}.user-kit-share-link strong{display:block;margin-top:5px;font-size:11.5px;line-height:1.28;color:#071f62;overflow-wrap:break-word;word-break:normal}.user-kit-share-link span{display:block;margin-top:7px;font-size:9.5px;line-height:1.42;color:#757e8e}.user-kit-share-recipient{margin-top:13px;padding:11px 12px;border:1px solid #dfe4ec;border-radius:15px;background:#fff}.user-kit-share-recipient label{display:block;color:#071f62;font-size:10px;font-weight:950}.user-kit-share-recipient-input{display:flex;align-items:center;gap:8px;margin-top:7px}.user-kit-share-recipient-prefix{flex:0 0 auto;display:grid;place-items:center;min-width:42px;height:42px;padding:0 9px;border-radius:11px;background:#f0f4fa;color:#071f62;font-size:10px;font-weight:950}.user-kit-share-recipient input{min-width:0;flex:1;height:42px;border:1px solid #dfe4ec;border-radius:11px;padding:0 12px;background:#f9fbfd;color:#071f62;font:800 12px/1 inherit;outline:none}.user-kit-share-recipient input:focus{border-color:#0f4195;box-shadow:0 0 0 3px rgba(15,65,149,.1);background:#fff}.user-kit-share-recipient small{display:block;margin-top:6px;color:#858d9b;font-size:8.5px;line-height:1.35}.user-kit-share-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.user-kit-share-actions button{appearance:none;border:1px solid #dfe4ec;border-radius:14px;min-height:46px;background:#fff;color:#071f62;font-size:11px;font-weight:900;cursor:pointer}.user-kit-share-actions button.primary{grid-column:1/-1;background:#071f62;color:#fff100;border-color:#071f62}.user-kit-share-note{margin-top:10px;padding:10px 12px;border-radius:13px;background:#fffbe0;color:#596070;font-size:9.5px;line-height:1.45}.cc-home-card.userkit{background:linear-gradient(145deg,#fffdf0,#fff);border-color:#efe899}.cc-home-card.userkit .cc-home-kicker{color:#8b7b00}.cc-home-card.userkit strong{color:#071f62}.cc-welcome-actions .user-kit-welcome-btn{background:#fff100!important;color:#071f62!important;border-color:#fff100!important}.cc-userkit-panel{display:grid;gap:14px}.cc-userkit-hero{display:grid;grid-template-columns:54px minmax(0,1fr);gap:13px;align-items:center;padding:14px;border-radius:17px;background:linear-gradient(135deg,#071f62,#0f4195);color:#fff}.cc-userkit-hero-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:#fff100;color:#071f62;font-size:25px;font-weight:950}.cc-userkit-hero small{display:block;color:#fff100;font-size:8px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.cc-userkit-hero strong{display:block;margin-top:4px;color:#fff;font-size:17px}.cc-userkit-hero p{margin:4px 0 0;color:#dbe5f7;font-size:10px;line-height:1.45}.cc-userkit-linkbox{padding:12px 13px;border:1px solid #dfe5ef;border-radius:14px;background:#f7f9fc}.cc-userkit-linkbox small{display:block;color:#828c9d;font-size:8px;font-weight:950;letter-spacing:.1em}.cc-userkit-linkbox strong{display:block;margin-top:5px;color:#071f62;font-size:11px;line-height:1.35;overflow-wrap:anywhere}.cc-userkit-panel .cc-actions{margin-top:0}.cc-userkit-panel .cc-actions .btn{min-height:44px}.cc-welcome-actions .user-kit-welcome-btn{background:#fff100!important;color:#071f62!important;border-color:#fff100!important}@media(max-width:420px){.user-kit-share-dialog{padding:16px;border-radius:24px}.user-kit-share-preview{grid-template-columns:104px minmax(0,1fr);padding:10px;gap:10px}.user-kit-qr-box{width:104px;height:104px}.user-kit-qr-box img{width:98px;height:98px}.user-kit-share-link strong{font-size:10.7px}.user-kit-share-head h2{font-size:23px}}


@media(max-width:760px){
  .action-mini-btn{min-height:32px;padding:7px 9px;font-size:8.5px}
  .action-mini-btn.square{width:32px}
}
@media(max-width:380px){
}
@media(min-width:1100px){
}


@media(max-width:760px){
}
@media(max-width:380px){
}


@media(min-width:1100px){
}
.dealer-companion-dialog{width:min(920px,calc(100% - 24px));max-height:min(900px,calc(100vh - 24px));overflow:hidden;padding:0}
.dealer-companion-head{padding:25px 72px 18px 24px;background:linear-gradient(135deg,#071f62,#153f9a);color:#fff}
.dealer-companion-head small{display:block;color:#fff100;font-size:10px;font-weight:950;letter-spacing:1.6px}
.dealer-companion-head h2{margin:5px 0 6px;font-size:34px;line-height:1.05;color:#fff}
.dealer-companion-head p{margin:0;color:#dce6ff;font-size:13px;line-height:1.5}
.dealer-companion-tabs{display:flex;gap:7px;padding:11px 14px;border-bottom:1px solid #e5eaf1;background:#fff;overflow-x:auto}
.dealer-companion-tab{border:1px solid #d9e1ee;background:#f5f7fb;color:#071f62;border-radius:12px;padding:9px 13px;font-weight:900;font-size:11px;white-space:nowrap}
.dealer-companion-tab.active{background:#fff100;border-color:#fff100}
.dealer-companion-body{padding:18px;overflow:auto;max-height:calc(100vh - 190px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.companion-screen{display:grid;gap:16px}
.companion-hero{position:relative;overflow:hidden;border-radius:22px;padding:21px;background:linear-gradient(135deg,#071f62 0%,#123a8b 65%,#214fa8 100%);color:#fff;box-shadow:0 16px 34px rgba(7,31,98,.18)}
.companion-hero:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-80px;top:-100px;background:#fff100;opacity:.92}
.companion-hero>*{position:relative;z-index:1}
.companion-hero small{color:#fff100;font-weight:950;letter-spacing:1.35px;font-size:10px}
.companion-hero h3{margin:7px 0 3px;font-size:30px;line-height:1.05;color:#fff}
.companion-hero p{margin:0;color:#dce6ff;font-size:13px;line-height:1.55;max-width:590px}
.companion-plan{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin-top:18px;padding:14px;border-radius:17px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.18)}
.companion-plan span{display:grid;gap:3px}
.companion-plan span small{color:#cbd8fa;letter-spacing:.4px;font-size:8px}
.companion-plan strong{font-size:20px;color:#fff}
.companion-plan em{font-style:normal;background:#fff100;color:#071f62;border-radius:999px;padding:8px 11px;font-weight:950;font-size:10px}
.companion-primary-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}
.companion-primary-actions button{min-height:46px;border:0;border-radius:13px;padding:11px 13px;font-weight:950;font-size:12px}
.companion-primary-actions .status{background:#fff100;color:#071f62}
.companion-primary-actions .social{background:#fff;color:#071f62}
.companion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.companion-stat{padding:15px;border:1px solid #dce3ee;border-radius:17px;background:#fff;display:grid;gap:4px}
.companion-stat small{font-size:8px;color:#667085;font-weight:950;letter-spacing:1px}
.companion-stat strong{font-size:25px;color:#071f62}
.companion-stat span{font-size:10px;color:#697386;line-height:1.4}
.companion-panel{border:1px solid #dce3ee;border-radius:19px;background:#fff;padding:16px;display:grid;gap:13px}
.companion-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.companion-panel-head h3{margin:0;color:#071f62;font-size:18px}
.companion-panel-head p{margin:4px 0 0;color:#667085;font-size:11px;line-height:1.5}
.companion-status-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 10px;background:#eef2f8;color:#344054;font-size:9px;font-weight:950;white-space:nowrap}
.companion-status-badge.on{background:#ddf8e9;color:#067647}
.companion-status-badge.warn{background:#fff4cc;color:#7a5600}
.companion-notification-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.companion-notification-actions button{min-height:43px;border-radius:12px;padding:10px;border:1px solid #d7dfeb;background:#fff;color:#071f62;font-weight:900;font-size:11px}
.companion-notification-actions button.primary{background:#071f62;color:#fff;border-color:#071f62}
.companion-health{display:grid;gap:7px;margin-top:10px;padding:11px;border:1px solid #dce4f0;border-radius:13px;background:#f7f9fd}
.companion-health-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#596982}
.companion-health-row strong{color:#071f62;font-size:10px}
.companion-health-state{font-weight:950;color:#b42318}.companion-health-state.ok{color:#087443}.companion-health-state.warn{color:#9a6700}
.companion-health-note{font-size:9px;line-height:1.45;color:#708097}

.companion-note{display:flex;gap:9px;padding:12px;border-radius:14px;background:#f5f7fb;color:#596579;font-size:10px;line-height:1.55}
.companion-form{display:grid;gap:15px}
.companion-form-section{border:1px solid #dce3ee;border-radius:18px;padding:15px;display:grid;gap:12px;background:#fff}
.companion-form-section h3{margin:0;color:#071f62;font-size:16px}
.companion-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.companion-form label{display:grid;gap:6px;color:#344054;font-size:10px;font-weight:850}
.companion-form input[type="time"],.companion-form select{width:100%;border:1px solid #cfd8e6;border-radius:12px;padding:11px 12px;background:#fff;color:#071f62;font-size:13px;font-weight:800}
.companion-option-row{display:flex;flex-wrap:wrap;gap:8px}
.companion-check{display:flex!important;grid-template-columns:none!important;align-items:center;gap:7px!important;padding:9px 11px;border:1px solid #dce3ee;border-radius:12px;background:#f8faff;font-size:10px!important;font-weight:850!important}
.companion-check input{accent-color:#071f62}
.companion-save{min-height:46px;border:0;border-radius:13px;background:#071f62;color:#fff;font-size:12px;font-weight:950}
.companion-record-list{display:grid;gap:8px}
.companion-record-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;border:1px solid #e0e6ef;border-radius:14px}
.companion-record-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#fff100;color:#071f62;font-size:16px}
.companion-record-copy{display:grid;gap:2px;min-width:0}
.companion-record-copy strong{font-size:11px;color:#071f62}
.companion-record-copy span{font-size:9px;color:#697386;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.companion-record-date{font-size:8px;color:#667085;font-weight:850}
.companion-empty{padding:25px 15px;text-align:center;border:1px dashed #ccd5e3;border-radius:16px;color:#667085;font-size:11px;line-height:1.6}
.companion-help-list{display:grid;gap:10px}
.companion-help-item{padding:14px;border:1px solid #dce3ee;border-radius:16px;background:#fff}
.companion-help-item strong{display:block;color:#071f62;font-size:12px;margin-bottom:4px}
.companion-help-item span{color:#667085;font-size:10px;line-height:1.55}
.companion-reminder-banner{position:fixed;z-index:9997;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(560px,calc(100% - 24px));display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;border-radius:18px;background:#071f62;color:#fff;box-shadow:0 18px 50px rgba(7,31,98,.3)}
.companion-reminder-banner[hidden]{display:none}
.companion-reminder-icon{width:44px;height:44px;border-radius:13px;background:#fff100;color:#071f62;display:grid;place-items:center;font-size:20px}
.companion-reminder-copy{display:grid;gap:2px;min-width:0}
.companion-reminder-copy strong{font-size:12px}
.companion-reminder-copy span{font-size:9px;color:#dbe5ff;line-height:1.35}
.companion-reminder-actions{display:flex;gap:6px}
.companion-reminder-actions button{border:0;border-radius:10px;padding:9px 10px;font-size:9px;font-weight:950}
.companion-reminder-actions .open{background:#fff100;color:#071f62}
.companion-reminder-actions .close{background:rgba(255,255,255,.14);color:#fff}
.customer-reminder-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.customer-reminder-toolbar h3{margin:0;color:#071f62;font-size:19px}.customer-reminder-toolbar p{margin:3px 0 0;color:#667085;font-size:10px;line-height:1.45}.customer-reminder-add{border:0;border-radius:12px;background:#fff100;color:#071f62;padding:10px 13px;font-size:10px;font-weight:950;white-space:nowrap}.customer-reminder-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.customer-reminder-stat{padding:11px;border-radius:14px;background:#f7f9fc;border:1px solid #e0e6ef;display:grid;gap:2px}.customer-reminder-stat small{color:#707b8e;font-size:7.5px;font-weight:950;letter-spacing:.07em}.customer-reminder-stat strong{color:#071f62;font-size:22px}.customer-reminder-form{display:grid;gap:10px;padding:14px;border:1px solid #dce3ee;border-radius:16px;background:linear-gradient(145deg,#fff,#fffdf0)}.customer-reminder-form h4{margin:0;color:#071f62;font-size:15px}.customer-reminder-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.customer-reminder-form label{display:grid;gap:5px;color:#475467;font-size:9px;font-weight:900}.customer-reminder-form input,.customer-reminder-form select,.customer-reminder-form textarea{width:100%;border:1px solid #cfd8e6;border-radius:10px;background:#fff;color:#071f62;padding:10px;font:inherit;font-size:11px;outline:0}.customer-reminder-form textarea{min-height:64px;resize:vertical}.customer-reminder-remind{display:flex;flex-wrap:wrap;gap:7px}.customer-reminder-form-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.customer-reminder-form-actions button{min-height:40px;border-radius:11px;border:1px solid #d2dbe8;background:#fff;color:#071f62;font-weight:950;font-size:10px}.customer-reminder-form-actions .primary{background:#071f62;color:#fff;border-color:#071f62}.customer-reminder-list{display:grid;gap:9px}.customer-reminder-item{border:1px solid #dfe5ee;border-radius:16px;background:#fff;padding:12px;display:grid;gap:9px}.customer-reminder-item.overdue{border-color:#f6b4ad;background:#fffafa}.customer-reminder-item.due{border-color:#ffe33a;background:#fffef2}.customer-reminder-item.inactive{opacity:.58}.customer-reminder-item-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:start}.customer-reminder-item-head strong{display:block;color:#071f62;font-size:12px}.customer-reminder-item-head span{display:block;margin-top:2px;color:#667085;font-size:9px;line-height:1.35}.customer-reminder-time{border-radius:999px;padding:6px 9px;background:#edf2f8;color:#344054;font-size:8px;font-weight:950;white-space:nowrap}.customer-reminder-item.overdue .customer-reminder-time{background:#fee4e2;color:#b42318}.customer-reminder-item.due .customer-reminder-time{background:#fff100;color:#071f62}.customer-reminder-meta{display:flex;flex-wrap:wrap;gap:6px}.customer-reminder-meta span{padding:5px 7px;border-radius:999px;background:#f3f5f9;color:#596579;font-size:8px;font-weight:850}.customer-reminder-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.customer-reminder-actions button{min-height:36px;border:1px solid #d9e1ec;border-radius:10px;background:#fff;color:#071f62;font-size:8.5px;font-weight:950;padding:7px}.customer-reminder-actions .wa{background:#071f62;color:#fff;border-color:#071f62}.customer-reminder-actions .done{background:#fff100;border-color:#fff100}.customer-reminder-subactions{display:flex;gap:6px;flex-wrap:wrap}.customer-reminder-subactions button{border:0;background:transparent;color:#667085;font-size:8px;font-weight:900;padding:3px 2px;text-decoration:underline;text-underline-offset:2px}.customer-reminder-empty{padding:24px 14px;border:1px dashed #cdd7e5;border-radius:16px;text-align:center;color:#667085;font-size:10px;line-height:1.55}.customer-reminder-loading{padding:20px;text-align:center;color:#667085;font-size:10px}.customer-reminder-save-status{padding:11px 12px;border-radius:13px;font-size:10px;font-weight:850;line-height:1.45}.customer-reminder-save-status.info{background:#eef5ff;color:#214f8f;border:1px solid #cfe0f5}.customer-reminder-save-status.ok{background:#eaf8ef;color:#187442;border:1px solid #c8ead4}.customer-reminder-save-status.error{background:#fff0ef;color:#a52a20;border:1px solid #f2c5c1}.customer-reminder-item.just-saved{outline:3px solid rgba(255,241,0,.9);box-shadow:0 10px 28px rgba(7,31,98,.12)}.companion-customer-panel .companion-notification-actions{grid-template-columns:1fr}.companion-customer-panel strong.customer-due-count{color:#071f62}
.customer-reminder-toolbar-actions{display:flex;gap:7px;align-items:center}.customer-reminder-backup-btn{border:1px solid #d7e0ec;border-radius:12px;background:#fff;color:#071f62;padding:10px 12px;font-size:9px;font-weight:950;white-space:nowrap}.customer-reminder-backup-panel{display:grid;gap:10px;padding:13px;border:1px solid #dbe3ef;border-radius:16px;background:#f8faff}.customer-reminder-backup-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.customer-reminder-backup-head strong{display:block;color:#071f62;font-size:13px}.customer-reminder-backup-head span{display:block;margin-top:3px;color:#68758a;font-size:9px;line-height:1.4}.customer-reminder-backup-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.customer-reminder-backup-actions button{min-height:38px;border:1px solid #d6dfeb;border-radius:11px;background:#fff;color:#071f62;font-size:9px;font-weight:950}.customer-reminder-backup-actions button.primary{background:#071f62;color:#fff;border-color:#071f62}.customer-reminder-backup-actions button.danger{grid-column:1/-1;color:#b42318;background:#fff7f6}.customer-reminder-backup-nudge{padding:10px 11px;border-radius:13px;background:#fffbe0;border:1px solid #ede09b;color:#6d5a00;font-size:9px;font-weight:800;line-height:1.45}.customer-reminder-recovery{display:grid;gap:9px;padding:13px;border:1px solid #f0d780;border-radius:16px;background:#fffdf2}.customer-reminder-recovery-head strong{display:block;color:#071f62;font-size:13px}.customer-reminder-recovery-head span{display:block;margin-top:3px;color:#725f19;font-size:9px;line-height:1.45}.customer-reminder-recovery-list{display:grid;gap:7px}.customer-reminder-recovery-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px;border-radius:12px;background:#fff;border:1px solid #efe5bd}.customer-reminder-recovery-item strong{display:block;color:#071f62;font-size:10px}.customer-reminder-recovery-item span{display:block;margin-top:2px;color:#6f7888;font-size:8px;line-height:1.4}.customer-reminder-recovery-actions{display:flex;gap:6px;flex-wrap:wrap}.customer-reminder-recovery-actions button:last-child{background:#fff;color:#8a3340;border-color:#e9cbd0}
.customer-reminder-recovery-item button{border:0;border-radius:9px;background:#071f62;color:#fff;padding:8px 9px;font-size:8px;font-weight:950}.customer-reminder-file-input{display:none!important}
.data-backup-dialog{width:min(760px,calc(100% - 18px));max-height:min(92vh,860px);overflow:auto;border-radius:26px;background:#f7f9fc}.data-backup-head{padding:24px 62px 18px 22px;background:linear-gradient(135deg,#071f62,#12439b);color:#fff}.data-backup-head small{color:#fff100;font-size:9px;font-weight:950;letter-spacing:.16em}.data-backup-head h2{margin:5px 0 5px;font-size:28px}.data-backup-head p{margin:0;color:#d9e5f8;font-size:10px;line-height:1.5}.data-backup-body{display:grid;gap:13px;padding:18px}.data-backup-hero{padding:16px;border:1px solid #e8da70;border-radius:18px;background:linear-gradient(145deg,#fffef0,#fff)}.data-backup-hero strong{display:block;color:#071f62;font-size:18px}.data-backup-hero p{margin:5px 0 12px;color:#667085;font-size:10px;line-height:1.5}.data-backup-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:11px}.data-backup-summary span{padding:10px;border-radius:12px;background:#f4f6fa;color:#667085;font-size:9px}.data-backup-summary b{display:block;color:#071f62;font-size:20px}.data-backup-primary-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.data-backup-primary-actions button,.data-backup-module button{min-height:40px;border:1px solid #d7e0ec;border-radius:11px;background:#fff;color:#071f62;font-size:9px;font-weight:950}.data-backup-primary-actions .primary{background:#071f62;color:#fff;border-color:#071f62}.data-backup-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.data-backup-module{display:grid;gap:7px;padding:14px;border:1px solid #dfe5ee;border-radius:17px;background:#fff}.data-backup-module strong{color:#071f62;font-size:13px}.data-backup-module p{margin:0;color:#69758a;font-size:9px;line-height:1.45}.data-backup-module small{color:#8b96a8;font-size:8px;font-weight:900}.data-backup-alert{padding:11px 12px;border-radius:14px;background:#fffbe0;border:1px solid #eee19c;color:#665400;font-size:9px;line-height:1.5}.data-backup-file-input{display:none!important}
@media(max-width:520px){.customer-reminder-toolbar{align-items:flex-start}.customer-reminder-toolbar-actions{flex-direction:column-reverse;align-items:stretch}.customer-reminder-backup-actions,.data-backup-primary-actions,.data-backup-grid{grid-template-columns:1fr}.customer-reminder-backup-actions button.danger{grid-column:auto}.data-backup-head{padding:20px 58px 15px 16px}.data-backup-body{padding:13px}.data-backup-summary{grid-template-columns:1fr 1fr}}


.companion-tab-count{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:4px;padding:0 5px;border-radius:999px;background:#d92d20;color:#fff;font-size:8px;font-weight:950;line-height:1}
.dealer-companion-tab.active .companion-tab-count{background:#071f62;color:#fff100}
.companion-tab-count[hidden]{display:none!important}
.notification-inbox-banner{display:flex;align-items:center;gap:11px;padding:10px clamp(14px,3vw,34px);background:#071f62;color:#fff;border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 10px 24px rgba(7,31,98,.13)}
.notification-inbox-banner[hidden]{display:none!important}
.notification-inbox-banner-icon{flex:0 0 auto;display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:#fff100;color:#071f62;font-size:17px}
.notification-inbox-banner-copy{min-width:0;display:grid;gap:2px;flex:1}
.notification-inbox-banner-copy strong{font-size:11px;line-height:1.2}
.notification-inbox-banner-copy span{font-size:9px;color:#dce6ff;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notification-inbox-banner button{flex:0 0 auto;border:0;border-radius:10px;background:#fff100;color:#071f62;padding:9px 12px;font:inherit;font-size:9px;font-weight:950;cursor:pointer}
.companion-inbox-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.companion-inbox-toolbar h3{margin:0;color:#071f62;font-size:19px}
.companion-inbox-toolbar p{margin:3px 0 0;color:#667085;font-size:10px;line-height:1.45}
.companion-inbox-tools{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.companion-inbox-tools button{border:1px solid #d7e0ec;border-radius:10px;background:#fff;color:#071f62;padding:8px 10px;font-size:8px;font-weight:950}
.companion-inbox-list{display:grid;gap:9px}
.companion-inbox-item{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;padding:12px;border:1px solid #dfe5ee;border-radius:16px;background:#fff}
.companion-inbox-item.unread{border-color:#e7d326;background:#fffef0;box-shadow:inset 4px 0 0 #fff100}
.companion-inbox-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#eef3fb;color:#071f62;font-size:18px}
.companion-inbox-item.unread .companion-inbox-icon{background:#fff100}
.companion-inbox-copy{min-width:0}
.companion-inbox-head{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}
.companion-inbox-head strong{color:#071f62;font-size:11px;line-height:1.35}
.companion-inbox-time{flex:0 0 auto;color:#7a8698;font-size:7.5px;font-weight:850;white-space:nowrap}
.companion-inbox-copy p{margin:4px 0 0;color:#637086;font-size:9px;line-height:1.5}
.companion-inbox-meta{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}
.companion-inbox-meta span{padding:4px 6px;border-radius:999px;background:#f1f4f8;color:#59667a;font-size:7.5px;font-weight:900}
.companion-inbox-meta span.hot{background:#fff100;color:#071f62}
.companion-inbox-actions{grid-column:2;display:flex;gap:6px;flex-wrap:wrap;margin-top:-2px}
.companion-inbox-actions button{border:1px solid #d8e0ec;border-radius:9px;background:#fff;color:#071f62;padding:7px 9px;font-size:8px;font-weight:950}
.companion-inbox-actions button.primary{background:#071f62;color:#fff;border-color:#071f62}
.companion-inbox-privacy{display:flex;gap:8px;padding:11px 12px;border-radius:14px;background:#eef5ff;color:#315c8d;font-size:9px;line-height:1.5}
@media(max-width:520px){.notification-inbox-banner{padding:9px 10px}.notification-inbox-banner-copy span{max-width:190px}.companion-inbox-toolbar{display:grid}.companion-inbox-tools{justify-content:flex-start}.companion-inbox-item{grid-template-columns:36px minmax(0,1fr)}.companion-inbox-icon{width:36px;height:36px}.companion-inbox-actions{grid-column:1/-1}.companion-inbox-time{font-size:7px}}

@media(max-width:700px){
  .dealer-companion-dialog{width:calc(100% - 10px);max-height:calc(100vh - 10px);border-radius:20px}
  .dealer-companion-head{padding:20px 58px 15px 16px}
  .dealer-companion-head h2{font-size:27px}
  .dealer-companion-body{padding:13px;max-height:calc(100vh - 170px)}
  .companion-hero{padding:17px;border-radius:18px}
  .companion-hero h3{font-size:25px;max-width:75%}
  .companion-plan{grid-template-columns:1fr;padding:12px}
  .companion-plan em{justify-self:start}
  .companion-grid{grid-template-columns:1fr 1fr}
  .companion-stat:last-child{grid-column:1/-1}
  .companion-form-grid{grid-template-columns:1fr}
  .companion-notification-actions{grid-template-columns:1fr}
  .companion-reminder-banner{grid-template-columns:40px minmax(0,1fr);bottom:max(10px,env(safe-area-inset-bottom))}
  .companion-reminder-icon{width:40px;height:40px}
  .companion-reminder-actions{grid-column:2}
  .customer-reminder-form-grid{grid-template-columns:1fr}
  .customer-reminder-actions{grid-template-columns:1fr 1fr}
  .customer-reminder-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
}


/* eFlyersXOX v5.0.1 — Infinite Carousel Cleanup. */
.hero-plan-carousel{position:relative;z-index:2;width:min(430px,100%);min-width:0;justify-self:end}
.hero-plan-carousel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 4px 10px;color:#fff}
.hero-plan-carousel-head span{font-size:10px;font-weight:950;letter-spacing:.17em;color:var(--yellow)}
.hero-plan-carousel-head small{font-size:9.5px;font-weight:800;color:#bfcce6;letter-spacing:.02em}
.hero-plan-track-shell{position:relative;min-width:0}
.hero-plan-track{position:relative;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;border-radius:25px}
.hero-plan-track::-webkit-scrollbar{display:none}
.hero-plan-track .hero-card{flex:0 0 100%;width:100%;max-width:none;min-height:310px;justify-self:auto;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;padding:23px;border-radius:25px;cursor:pointer;touch-action:auto;border:1px solid rgba(255,255,255,.18);box-shadow:0 24px 70px rgba(0,8,35,.28);backdrop-filter:blur(16px);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.hero-plan-track .hero-card:hover{transform:translateY(-2px);border-color:rgba(255,241,0,.48);box-shadow:0 30px 80px rgba(0,8,35,.34)}
.hero-plan-track .hero-card:focus-visible{outline:3px solid var(--yellow);outline-offset:-4px}
.hero-plan-track .hero-card .glow{filter:blur(28px);opacity:.24}
.hero-plan-track .hero-card .glow-one{width:190px;height:190px;right:-72px;top:-68px}
.hero-plan-track .hero-card .glow-two{width:130px;height:130px;left:-66px;bottom:-58px;opacity:.18}
.hero-card-prepaid{background:linear-gradient(150deg,#24519b 0%,#102f70 42%,#071c4f 100%)}
.hero-card-postpaid{background:linear-gradient(150deg,#14539c 0%,#0d397d 43%,#061b4a 100%)}
.hero-card-mysiswa{background:linear-gradient(150deg,#554aa6 0%,#293a83 43%,#081d50 100%)}
.hero-card-family{background:linear-gradient(150deg,#153c7d 0%,#0b2a64 46%,#061a46 100%)}
.hero-card-validity{background:linear-gradient(150deg,#0d697d 0%,#0b4a6d 43%,#071c4d 100%)}
.hero-plan-track .hero-card-top{align-items:center;gap:10px}
.hero-plan-track .chip{padding:6px 9px;font-size:9px;letter-spacing:.09em;box-shadow:0 5px 15px rgba(0,0,0,.12)}
.hero-plan-category{position:relative;z-index:1;color:#e9effc;font-size:8.5px;font-weight:950;letter-spacing:.17em;opacity:.92}
.chip-save{background:var(--yellow);color:var(--navy)}
.chip-max{background:#7de7ff;color:#06204f}
.chip-postpaid{background:#fff;color:#0a3478}
.chip-mysiswa{background:#e6ddff;color:#312277}
.chip-family{background:var(--yellow);color:var(--navy)}
.chip-validity{background:#bff8e8;color:#064f56}
.hero-plan-track .hero-plan{position:relative;z-index:1;margin:22px 0 4px;font-size:18px;line-height:1.1;letter-spacing:.015em;color:#fff}
.hero-plan-track .hero-data{position:relative;z-index:1;font-size:67px;line-height:.91;letter-spacing:-4px;text-shadow:0 8px 30px rgba(255,241,0,.13)}
.hero-plan-track .hero-data span{font-size:20px;letter-spacing:-.4px;margin-left:4px}
.hero-plan-track .hero-data-wide{display:flex;align-items:flex-end;flex-wrap:wrap;gap:3px;font-size:57px}
.hero-plan-track .hero-data-wide small{width:100%;margin-top:4px;color:#dce6ff;font-size:10px;letter-spacing:.04em;font-weight:900}
.hero-plan-track .hero-data-days span{font-size:15px;letter-spacing:.07em}
.hero-plan-track .hero-price{position:relative;z-index:1;margin-top:11px;font-size:34px;line-height:1;color:#fff}
.hero-plan-track .hero-price>span{font-size:15px}
.hero-plan-track .hero-price small{font-size:9px;white-space:normal;color:#d4def2}
.hero-plan-points{position:relative;z-index:1;list-style:none;display:grid;grid-template-columns:1fr;gap:6px;margin:17px 0 0;padding:0}
.hero-plan-points li{min-width:0;padding:0;color:#f0f4ff;font-size:9px;font-weight:800;line-height:1.4;background:transparent;border:0;border-radius:0}
.hero-plan-points li::before{content:'✓';display:inline-grid;place-items:center;width:16px;height:16px;margin-right:7px;border-radius:50%;background:rgba(255,241,0,.13);color:var(--yellow);font-size:9px;font-weight:950;vertical-align:-2px}
.hero-card-tap{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:auto;padding-top:15px;color:#fff;font-size:9px;font-weight:900;letter-spacing:.015em}
.hero-card-tap span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:var(--navy);font-size:14px;font-weight:950;box-shadow:0 7px 20px rgba(255,241,0,.2)}
.hero-plan-controls{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:10px;margin-top:12px}
.hero-plan-arrow{width:36px;height:36px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(255,255,255,.09);color:#fff;font-size:23px;font-weight:800;line-height:1;backdrop-filter:blur(12px);box-shadow:0 8px 22px rgba(0,8,35,.15);transition:transform .16s ease,background .16s ease,opacity .16s ease}
.hero-plan-arrow:hover:not(:disabled){background:rgba(255,255,255,.15)}
.hero-plan-arrow:active:not(:disabled){transform:scale(.94)}
.hero-plan-arrow:disabled{cursor:default}
.hero-plan-progress{min-width:0;display:block}
.hero-plan-progress-bar{position:relative;height:3px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.2)}
.hero-plan-progress-fill{display:block;width:10%;height:100%;border-radius:inherit;background:var(--yellow);box-shadow:0 0 12px rgba(255,241,0,.45);transition:width .25s ease}
@media(max-width:900px){.hero-plan-carousel{justify-self:start;width:min(430px,100%)}}
@media(max-width:640px){
  .hero-plan-carousel{width:100%}
  .hero-plan-carousel-head{margin-left:2px;margin-right:2px}
  .hero-plan-track{border-radius:22px;gap:10px}
  .hero-plan-track .hero-card{min-height:286px;padding:19px;border-radius:22px}
  .hero-plan-track .hero-plan{margin-top:18px;font-size:16px}
  .hero-plan-track .hero-data{font-size:59px}
  .hero-plan-track .hero-data span{font-size:18px}
  .hero-plan-track .hero-data-wide{font-size:50px}
  .hero-plan-track .hero-data-wide small{font-size:9.5px}
  .hero-plan-track .hero-price{font-size:31px;margin-top:9px}
  .hero-plan-points{margin-top:14px;gap:5px}
  .hero-plan-points li{font-size:8.6px}
  .hero-card-tap{padding-top:12px;font-size:8.7px}
  .hero-plan-controls{grid-template-columns:34px minmax(0,1fr) 34px;gap:8px;margin-top:10px}
  .hero-plan-arrow{width:34px;height:34px;font-size:22px}
}
@media(max-width:370px){
  .hero-plan-carousel-head{gap:8px}
  .hero-plan-carousel-head span{font-size:9px}
  .hero-plan-carousel-head small{font-size:8.2px;white-space:nowrap}
  .hero-plan-track .hero-card{min-height:274px;height:auto;padding:16px;border-radius:20px}
  .hero-plan-track .hero-plan{margin-top:15px;font-size:15px;line-height:1.15;overflow-wrap:anywhere}
  .hero-plan-track .hero-data{font-size:52px;letter-spacing:-3px}
  .hero-plan-track .hero-data span{font-size:16px;margin-left:3px}
  .hero-plan-track .hero-data-wide{font-size:45px}
  .hero-plan-track .hero-data-wide small{font-size:8.8px;line-height:1.2}
  .hero-plan-track .hero-data-days span{font-size:13px}
  .hero-plan-track .hero-price{font-size:28px;line-height:1.05;margin-top:8px;overflow-wrap:anywhere}
  .hero-plan-track .hero-price>span{font-size:13px}
  .hero-plan-track .hero-price small{display:block;margin-top:4px;font-size:8.2px;line-height:1.2}
  .hero-plan-points{gap:4px;margin-top:12px}
  .hero-plan-points li{font-size:8.6px;line-height:1.3;overflow-wrap:anywhere}
  .hero-plan-points li::before{width:15px;height:15px;margin-right:6px;font-size:8px}
  .hero-card-tap{padding-top:10px;font-size:8.5px}
  .hero-card-tap span{width:25px;height:25px}
  .hero-plan-controls{grid-template-columns:32px minmax(0,1fr) 32px;gap:7px}
  .hero-plan-arrow{width:32px;height:32px;font-size:21px}
}
@media(max-width:290px){
  .hero-plan-carousel-head small{display:none}
  .hero-plan-track .hero-card{padding:14px;min-height:260px}
  .hero-plan-track .hero-data{font-size:48px}
  .hero-plan-track .hero-data-wide{font-size:41px}
  .hero-plan-track .hero-price{font-size:26px}
  .hero-plan-points li{font-size:7.8px}
}


/* v5.0.1 — Peneman Dealer dan QR Bayaran dipindahkan ke Tetapan Aplikasi. */
.settings-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
.app-settings-intro{margin:18px 0 12px;padding:14px 15px;border:1px solid #dfe6f0;border-radius:15px;background:linear-gradient(135deg,#f7f9fd,#fff)}
.app-settings-intro strong{display:block;color:var(--navy);font-size:15px}
.app-settings-intro p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.5}
.app-settings-grid{display:grid;gap:10px}
.app-settings-card{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;border:1px solid #dfe6f0;border-radius:16px;background:#fff;box-shadow:0 7px 18px rgba(7,31,98,.06)}
.app-settings-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--yellow);color:var(--navy);font-size:19px;font-weight:950}
.app-settings-card.companion .app-settings-icon{background:linear-gradient(145deg,#071f62,#183d94);color:#fff100}
.app-settings-card.payment .app-settings-icon{background:linear-gradient(135deg,#071f62,#1465c0);color:#fff100;font-size:13px;letter-spacing:-.04em}
.app-settings-copy{display:grid;gap:2px;min-width:0}
.app-settings-copy small{color:#68758b;font-size:8px;font-weight:950;letter-spacing:.13em}
.app-settings-copy strong{color:var(--navy);font-size:14px;line-height:1.25}
.app-settings-copy>span{color:#6c778b;font-size:9px;line-height:1.35}
.app-settings-stats{display:flex;gap:4px;align-items:center;flex-wrap:wrap}
.app-settings-stats b{color:var(--navy)}
.app-settings-stats i{font-style:normal;color:#aab4c4}
.app-settings-actions{display:flex;align-items:center;gap:6px}
.app-settings-btn{border:0;border-radius:11px;padding:9px 12px;background:var(--yellow);color:var(--navy);font:inherit;font-size:10px;font-weight:950;cursor:pointer}
.app-settings-btn.dark{background:var(--navy);color:#fff}
.app-settings-btn.square{width:36px;height:36px;padding:0;font-size:18px}
.app-settings-note{margin:12px 2px 0;color:var(--muted);font-size:10px;line-height:1.5}
@media(max-width:420px){
  .settings-tab{padding:10px 7px;font-size:11px}
  .app-settings-card{grid-template-columns:42px minmax(0,1fr);gap:9px}
  .app-settings-icon{width:42px;height:42px;border-radius:13px}
  .app-settings-actions,.app-settings-card>.app-settings-btn{grid-column:2;justify-self:start}
}
@media(min-width:1100px){}


/* v5.0.1 — Dealer memilih WhatsApp biasa atau WhatsApp Business. */
.app-settings-card.whatsapp .app-settings-icon{background:linear-gradient(145deg,#0cae61,#087b48);color:#fff;font-size:12px;letter-spacing:-.04em}
.whatsapp-preference-control{min-width:154px}
.whatsapp-preference-control select{width:100%;min-height:38px;padding:8px 30px 8px 10px;border:1px solid #d3dbe8;border-radius:11px;background:#f7f9fc;color:var(--navy);font:inherit;font-size:10px;font-weight:900;cursor:pointer}
.whatsapp-choice-dialog{width:min(480px,calc(100% - 22px));padding:0;overflow:hidden;border-radius:24px}
.whatsapp-choice-head{display:flex;align-items:center;gap:12px;padding:22px 52px 18px 20px;background:linear-gradient(145deg,#071f62,#123a91);color:#fff}
.whatsapp-choice-icon{display:grid;place-items:center;flex:0 0 50px;width:50px;height:50px;border-radius:16px;background:#25d366;color:#052f1c;font-size:13px;font-weight:950}
.whatsapp-choice-head small{display:block;color:#fff100;font-size:9px;font-weight:950;letter-spacing:.14em}
.whatsapp-choice-head h2{margin:4px 0 5px;font-size:22px;line-height:1.08}
.whatsapp-choice-head p{margin:0;color:#d7e2f7;font-size:11px;line-height:1.45}
.whatsapp-choice-list{display:grid;gap:9px;padding:16px 16px 8px}
.whatsapp-choice-option{display:grid;grid-template-columns:46px minmax(0,1fr) 20px;align-items:center;gap:11px;width:100%;padding:11px;border:1px solid #dfe5ef;border-radius:15px;background:#fff;color:var(--navy);text-align:left;cursor:pointer;transition:.16s ease}
.whatsapp-choice-option:hover,.whatsapp-choice-option:focus-visible{border-color:#25d366;box-shadow:0 8px 20px rgba(7,31,98,.08);transform:translateY(-1px)}
.whatsapp-choice-logo{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#e8fff1;color:#087b48;font-size:12px;font-weight:950}
.whatsapp-choice-option.business .whatsapp-choice-logo{background:#edf1ff;color:#163da0}
.whatsapp-choice-option.share .whatsapp-choice-logo{background:#fff8c9;color:#071f62;font-size:20px}
.whatsapp-choice-option strong{display:block;font-size:13px}
.whatsapp-choice-option small{display:block;margin-top:3px;color:#6f7b90;font-size:9px;line-height:1.35}
.whatsapp-choice-option>b{font-size:24px;font-weight:500;color:#99a5b8}
.whatsapp-choice-remember{display:flex;align-items:center;gap:9px;margin:5px 17px 0;padding:11px 12px;border-radius:13px;background:#f4f7fb;color:#46546b;font-size:10px;font-weight:800}
.whatsapp-choice-remember input{width:17px;height:17px;accent-color:#071f62}
.whatsapp-choice-note{margin:10px 18px 18px;color:#7a8497;font-size:9px;line-height:1.45}
/* v5.4.10-r2.7.12 — Direct WhatsApp in in-app browsers; generic Share keeps external-browser fallback. Saved WhatsApp preference is unchanged. */
/* v5.4.10-r2.7 — WhatsApp chooser must always sit above every active eFlyersXOX overlay/modal. */
#whatsappChoiceModal.whatsapp-choice-modal{z-index:2147483000!important;isolation:isolate}
#whatsappChoiceModal.whatsapp-choice-modal>.modal-backdrop{z-index:0}
#whatsappChoiceModal.whatsapp-choice-modal>.whatsapp-choice-dialog{z-index:2}
body.efx-whatsapp-choice-open #whatsappChoiceModal{pointer-events:auto}
@media(max-width:420px){
  .app-settings-card.whatsapp{grid-template-columns:42px minmax(0,1fr)}
  .whatsapp-preference-control{grid-column:2;min-width:0;width:100%}
  .whatsapp-choice-dialog{width:calc(100% - 14px);border-radius:20px}
  .whatsapp-choice-head{padding:18px 48px 16px 16px}
  .whatsapp-choice-icon{width:44px;height:44px;flex-basis:44px;border-radius:14px}
  .whatsapp-choice-head h2{font-size:19px}
}


/* eFlyersXOX v5.0.1 — Smart Digital Business Card Phase 2 */
.card-settings-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px;border-radius:18px;background:linear-gradient(135deg,#071f62,#123f98);color:#fff;margin-bottom:14px}.card-settings-intro strong{font-size:16px}.card-settings-intro p{margin:5px 0 0;color:#dce6fb;font-size:10px;line-height:1.5}.card-settings-open{border:0;border-radius:12px;background:#fff100;color:#071f62;padding:10px 13px;font-weight:950;white-space:nowrap}.card-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:14px}.card-stat{padding:13px;border:1px solid #dbe2ed;border-radius:16px;background:#f8faff}.card-stat small{display:block;color:#738097;font-size:8px;font-weight:950;letter-spacing:.1em}.card-stat strong{display:block;margin-top:4px;color:#071f62;font-size:24px}.card-theme-field{display:grid;gap:7px;color:#536077;font-size:10px;font-weight:850}.card-theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.card-theme-option{position:relative;display:grid;gap:7px;padding:9px;border:2px solid #dbe2ed;border-radius:16px;background:#fff;cursor:pointer}.card-theme-option:has(input:checked){border-color:#071f62;box-shadow:0 0 0 2px #fff100}.card-theme-option input{position:absolute;opacity:0}.card-theme-preview{height:72px;border-radius:11px;overflow:hidden;position:relative}.card-theme-preview:before{content:"";position:absolute;inset:10px;border-radius:9px;background:#ffffff24}.card-theme-preview.executive{background:linear-gradient(145deg,#0b3b98,#041333)}.card-theme-preview.gold{background:linear-gradient(145deg,#24201a,#050505);box-shadow:inset 0 0 0 2px #e6b944}.card-theme-preview.white{background:linear-gradient(145deg,#fff,#edf2f8);box-shadow:inset 0 0 0 1px #dce3ee}.card-theme-option strong{font-size:10px;color:#071f62}.card-media-row{display:grid;grid-template-columns:100px 1fr;gap:12px;align-items:center;padding:12px;border:1px dashed #cfd8e7;border-radius:17px;background:#fbfcff}.card-media-preview{width:100px;height:100px;border-radius:24px;background:#eef2f8;display:grid;place-items:center;overflow:hidden;color:#071f62;font-size:28px;font-weight:950}.card-media-preview.logo{padding:10px;background:#fff}.card-media-preview img{width:100%;height:100%;object-fit:cover}.card-media-preview.logo img{object-fit:contain}.card-media-controls{display:grid;gap:7px}.card-media-controls input[type=file]{width:100%;font-size:10px}.card-media-controls select{width:100%;padding:10px;border:1px solid #d5deeb;border-radius:12px;background:#fff}.card-remove-image{justify-self:start;border:0;border-radius:10px;background:#fff0ee;color:#b42318;padding:8px 10px;font-size:9px;font-weight:900}.card-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.card-settings-grid label{display:grid;gap:6px;color:#536077;font-size:10px;font-weight:850}.card-settings-grid label.full{grid-column:1/-1}.card-settings-grid input,.card-settings-grid textarea{width:100%;padding:11px 12px;border:1px solid #d5deeb;border-radius:13px;background:#fff;color:#17233e;font:inherit;font-size:11px}.card-settings-grid textarea{min-height:88px;resize:vertical}.card-settings-note{margin:12px 0 0;color:#69758a;font-size:10px;line-height:1.55}.card-save-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px}.card-save-row .btn{justify-content:center}.card-refresh-stats{border:1px solid #d6deeb;border-radius:13px;background:#fff;color:#071f62;padding:10px 12px;font-weight:900}
@media(max-width:640px){.settings-tabs{grid-template-columns:repeat(2,1fr)}.card-theme-grid{grid-template-columns:1fr}.card-settings-grid{grid-template-columns:1fr}.card-settings-grid label.full{grid-column:auto}.card-media-row{grid-template-columns:82px 1fr}.card-media-preview{width:82px;height:82px}.card-settings-intro{display:grid}.card-settings-open{width:100%}.card-save-row{grid-template-columns:1fr}}


/* eFlyersXOX v5.0.1 — Customer Welcome & Onboarding */
.cc-home-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.cc-home-card.welcome{background:linear-gradient(145deg,#071f62,#123f98);border-color:#163d86;color:#fff;box-shadow:0 14px 30px rgba(7,31,98,.18)}
.cc-home-card.welcome strong,.cc-home-card.welcome em{color:#fff}.cc-home-card.welcome span{color:#dce6fb}.cc-home-card.welcome .cc-home-icon{background:#fff100;color:#071f62}
.cc-welcome-layout{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(380px,1.18fr);gap:14px;align-items:start}
.cc-welcome-form-card,.cc-welcome-message-card{display:grid;gap:13px;padding:17px;border:1px solid #dbe2ed;border-radius:20px;background:#fff;box-shadow:0 8px 22px rgba(7,31,98,.05)}
.cc-welcome-form-card h4,.cc-welcome-message-card h4{margin:0;color:#071f62;font-size:18px}.cc-welcome-form-card>p,.cc-welcome-message-card>p{margin:-7px 0 0;color:#69758a;font-size:10px;line-height:1.5}
.cc-welcome-source{display:grid;gap:6px;padding:12px;border-radius:15px;background:#fffbea;color:#5f5518;font-size:10px;font-weight:850}
.cc-welcome-source select,.cc-welcome-grid input,.cc-welcome-grid select{width:100%;border:1px solid #d5deeb;border-radius:13px;background:#fff;color:#17233e;padding:11px 12px;font:inherit;font-size:12px}
.cc-welcome-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cc-welcome-grid label{display:grid;gap:6px;color:#536077;font-size:10px;font-weight:850}.cc-welcome-grid label.full{grid-column:1/-1}
.cc-welcome-stage{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:5px;border:1px solid #dbe2ed;border-radius:15px;background:#f5f7fb}
.cc-welcome-stage button{border:0;border-radius:11px;background:transparent;color:#647086;padding:10px 8px;font-size:9px;font-weight:900;line-height:1.25}.cc-welcome-stage button.active{background:#071f62;color:#fff}
.cc-welcome-message-card textarea{width:100%;min-height:285px;padding:14px;border:1px solid #d5deeb;border-radius:15px;background:#fbfcfe;color:#17233e;font:inherit;font-size:12px;line-height:1.6;resize:vertical}
.cc-welcome-status{display:flex;gap:9px;align-items:flex-start;padding:12px 13px;border-radius:15px;background:#edf9f1;color:#067647;font-size:10px;line-height:1.5}.cc-welcome-status.pending{background:#fffbea;color:#6b5a00}.cc-welcome-status strong{display:block;color:inherit}.cc-welcome-status span{display:block;margin-top:2px}
.cc-welcome-actions{display:grid;grid-template-columns:auto 1fr 1fr;gap:8px}.cc-welcome-actions .btn{justify-content:center}
.prospect-stat-card.welcome{background:#fffbea;border-color:#f0dd62}.prospect-meta-chip.welcome-sent{background:#e7f8ed;color:#067647}.prospect-meta-chip.welcome-pending{background:#fff6c7;color:#6d5c00}.prospect-card-actions button.welcome{border-color:#eadf00;background:#fff100;color:#071f62}
@media(min-width:851px){.prospect-stats-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:800px){.cc-welcome-layout{grid-template-columns:1fr}.cc-welcome-message-card textarea{min-height:240px}}
@media(max-width:520px){.cc-welcome-grid{grid-template-columns:1fr}.cc-welcome-grid label.full{grid-column:auto}.cc-welcome-stage{grid-template-columns:1fr}.cc-welcome-actions{grid-template-columns:1fr}.cc-welcome-actions .btn{width:100%}}


/* eFlyersXOX v5.0.1 — Customer Care Video Directory */
.cc-home-card.videos{background:linear-gradient(145deg,#fff,#fff8e6);border-color:#f3df9b}
.cc-home-card.videos .cc-home-icon{background:#ff0033;color:#fff}
.cc-video-toolbar{display:grid;gap:10px;margin-bottom:13px}
.cc-video-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 11px 10px 13px;border:1px solid #d8e0ec;border-radius:15px;background:#fff}
.cc-video-search>span{font-size:17px;color:#071f62}
.cc-video-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#17233e;font:inherit;font-size:12px}
.cc-video-search input::-webkit-search-cancel-button{-webkit-appearance:none}
.cc-video-summary{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#69758a;font-size:10px;font-weight:850}
.cc-video-list{display:grid;gap:9px}
.cc-video-item{display:grid;grid-template-columns:38px minmax(0,1fr) 36px;gap:11px;align-items:center;padding:12px;border:1px solid #dce3ee;border-radius:16px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 7px 18px rgba(7,31,98,.045);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.cc-video-item:hover,.cc-video-item:focus-visible{transform:translateY(-1px);border-color:#ff0033;box-shadow:0 10px 24px rgba(7,31,98,.09);outline:0}
.cc-video-number{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#071f62;color:#fff100;font-size:10px;font-weight:950}
.cc-video-copy{min-width:0}.cc-video-copy strong{display:block;color:#071f62;font-size:12px;line-height:1.35}.cc-video-copy small{display:block;margin-top:4px;color:#738097;font-size:9px;font-weight:850}
.cc-video-play{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#ff0033;color:#fff;font-size:13px;box-shadow:0 7px 16px rgba(255,0,51,.22)}
.cc-video-empty{padding:20px;border:1px dashed #cfd8e7;border-radius:16px;background:#f8faff;color:#69758a;text-align:center;font-size:11px}.cc-video-empty.hidden{display:none}
.cc-video-footer{display:grid;gap:10px;margin-top:14px;padding:14px;border-radius:17px;background:#071f62;color:#fff}.cc-video-footer strong{font-size:13px}.cc-video-footer span{color:#dce6fb;font-size:10px;line-height:1.5}.cc-video-footer .btn{justify-content:center;background:#fff100;color:#071f62;border-color:#fff100;text-decoration:none}
@media(max-width:520px){.cc-video-item{grid-template-columns:34px minmax(0,1fr) 32px;padding:10px;gap:9px}.cc-video-number{width:34px;height:34px}.cc-video-play{width:31px;height:31px}.cc-video-copy strong{font-size:11px}}


/* eFlyersXOX v5.0.1 — Mobile viewport fit and catalogue tabs fix. */
html,body,.app-shell{width:100%;max-width:100%;}
body{overflow-x:clip;}
.app-shell,.section,.recommend-grid,.plans-section,.category-tabs,.prepaid-subtabs,.catalog-toolbar,.plan-grid{min-width:0;}
.field-card,.field-card select,.recommend-submit{max-width:100%;min-width:0;}

@media (max-width:640px){
  .section{width:100%;max-width:100%;overflow-x:clip;}
  .recommend-grid{width:100%;max-width:100%;}
  .field-card{width:100%;}
  .field-card select{width:100%;text-overflow:ellipsis;}
  .recommend-submit{width:100%;justify-self:stretch;}

  .category-tabs{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%!important;
    max-width:100%!important;
    gap:6px!important;
    padding:5px!important;
    overflow:visible!important;
  }
  .category-tabs .tab{
    width:100%;
    min-width:0!important;
    min-height:42px;
    padding:9px 8px!important;
    white-space:normal!important;
    overflow-wrap:anywhere;
    text-align:center;
    line-height:1.15;
  }
  .category-tabs .tab:last-child{grid-column:1/-1;}

  .prepaid-subtabs{width:100%;max-width:100%;}
  .prepaid-subtab{min-width:0!important;width:100%;}
  .catalog-toolbar,.search-box,.search-box input,.sort-select{width:100%;max-width:100%;min-width:0;}
}

@media (max-width:360px){
  .category-tabs{grid-template-columns:1fr;}
  .category-tabs .tab:last-child{grid-column:auto;}
}


/* eFlyersXOX v5.0.1 — Quick Finder compact 2x2 grid. */
@media (max-width:640px){
  .recommend-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;align-items:stretch;}
  .field-card{min-height:116px!important;padding:13px!important;border-radius:18px!important;}
  .field-number{font-size:10px!important;}
  .field-title{margin:8px 0 auto!important;font-size:12px!important;line-height:1.25!important;}
  .field-card select{font-size:12px!important;padding:9px 11px!important;min-height:42px!important;line-height:1.2!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .recommend-submit{grid-column:1/-1!important;width:100%!important;min-width:0!important;margin-top:2px!important;justify-self:stretch!important;}
}
@media (max-width:390px){
  .recommend-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  .field-card{min-height:110px!important;padding:12px!important;}
  .field-title{font-size:11px!important;}
  .field-card select{font-size:11px!important;padding:8px 10px!important;min-height:40px!important;}
}
@media (max-width:340px){
  .recommend-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;}
  .field-card{padding:10px!important;min-height:104px!important;}
  .field-number{font-size:9px!important;}
  .field-title{font-size:10px!important;margin:6px 0 auto!important;}
  .field-card select{font-size:10px!important;padding:7px 9px!important;min-height:38px!important;}
}


/* eFlyersXOX v5.0.1 — Compact Catalog Navigation. */
.compact-catalog-nav{display:grid;gap:10px;margin:0 0 14px;min-width:0}
/* v5.4.10-r2.7.14 — Catalog tabs return to normal flow; plan cards provide the swipe navigation cue on mobile. */
.catalog-plan-scope{position:relative;min-width:0}
.catalog-filter-sticky{position:static;padding:0;background:transparent;border-radius:0;box-shadow:none}
.category-tabs{scrollbar-width:none;-ms-overflow-style:none}
.category-tabs::-webkit-scrollbar{display:none}
.catalog-secondary-row{display:flex;align-items:center;justify-content:space-between;gap:9px;min-width:0;position:relative}
.catalog-secondary-row.prepaid-hidden{justify-content:flex-end}
.prepaid-subtabs.hidden{display:none!important}
.combo-preset-disclosure{position:relative;flex:0 0 auto;z-index:24}
.combo-preset-summary{list-style:none;display:flex;align-items:center;gap:6px;min-height:42px;padding:8px 12px;border:1px solid #d7dfeb;border-radius:13px;background:#fff;color:var(--navy);font-size:11px;font-weight:900;cursor:pointer;box-shadow:0 5px 14px rgba(7,31,98,.06);white-space:nowrap}
.combo-preset-summary::-webkit-details-marker{display:none}.combo-preset-summary span{color:#071f62}.combo-preset-summary .combo-share-icon{display:inline-grid;place-items:center;width:16px;height:16px;flex:0 0 auto}.combo-preset-summary .combo-share-icon svg{display:block}.combo-preset-summary i{font-style:normal;font-size:11px;transition:transform .18s ease}.combo-preset-disclosure[open] .combo-preset-summary{background:#071f62;color:#fff;border-color:#071f62}.combo-preset-disclosure[open] .combo-preset-summary span{color:#fff100}.combo-preset-disclosure[open] .combo-preset-summary i{transform:rotate(180deg)}
.combo-preset-disclosure .combo-preset-panel{position:absolute;right:0;top:calc(100% + 7px);width:min(390px,calc(100vw - 28px));margin:0;padding:12px;z-index:30;box-shadow:0 20px 48px rgba(7,31,98,.22);background:#fff;border-radius:16px;align-items:stretch;flex-direction:column}
.combo-preset-disclosure .combo-preset-copy strong{font-size:14px}.combo-preset-disclosure .combo-preset-copy span{font-size:10px}.combo-preset-disclosure .combo-preset-buttons{display:grid;grid-template-columns:1fr;gap:6px;width:100%}.combo-preset-disclosure .combo-preset-btn{width:100%;min-width:0;padding:9px 11px}
body.share-view #comboPresetDetails,.combo-share-view #comboPresetDetails{display:none!important}
.catalog-toolbar{min-width:0}
@media(max-width:760px){
  .plans-section .section-heading{margin-bottom:12px}
  .compact-catalog-nav{gap:8px;margin-bottom:10px}
  .catalog-filter-sticky{padding:0;border-radius:0}
  .category-tabs{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;width:100%!important;max-width:100%!important;padding:4px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity;background:#eef2f8;border-radius:14px}
  .category-tabs .tab{flex:0 0 auto!important;width:auto!important;min-width:auto!important;min-height:38px!important;padding:8px 13px!important;white-space:nowrap!important;overflow-wrap:normal!important;font-size:12px!important;line-height:1!important;scroll-snap-align:start;border-radius:11px}
  .category-tabs .tab:last-child{grid-column:auto!important}
  .catalog-secondary-row{gap:7px}
  .prepaid-subtabs{display:flex!important;flex:1 1 auto!important;grid-template-columns:none!important;gap:5px!important;width:auto!important;max-width:none!important;margin:0!important;padding:4px!important;border-radius:13px!important;overflow:hidden!important}
  .prepaid-subtab{flex:1 1 0!important;width:auto!important;min-width:0!important;min-height:40px!important;padding:7px 9px!important;border-radius:10px!important;font-size:11px!important;white-space:nowrap}
  .prepaid-subtab small{display:none!important}
  .combo-preset-summary{min-height:40px;padding:7px 10px;font-size:10px;border-radius:12px}
  .combo-preset-disclosure .combo-preset-panel{width:min(330px,calc(100vw - 20px));padding:10px}
  .catalog-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;margin:0!important;align-items:center}
  .catalog-toolbar .search-box{width:100%!important;min-width:0!important}
  .catalog-toolbar .search-box input{min-width:0!important;width:100%!important;font-size:12px!important;padding-block:9px!important}
  .catalog-toolbar .sort-select{width:92px!important;min-width:92px!important;max-width:92px!important;font-size:10px!important;padding:9px 24px 9px 9px!important}
  .plan-grid{margin-top:0!important}
}
@media(max-width:370px){
  .category-tabs .tab{padding-inline:11px!important;font-size:11px!important}
  .prepaid-subtab{font-size:10px!important;padding-inline:7px!important}
  .combo-preset-summary{padding-inline:9px}.combo-preset-summary strong{font-size:9px}
  .catalog-toolbar .sort-select{width:82px!important;min-width:82px!important;max-width:82px!important}
}


@media(max-width:560px){.social-copy-toolbar{display:grid;grid-template-columns:1fr;gap:8px}.social-copy-count{justify-self:end}.social-font-toggle{width:100%;max-width:none}.social-font-btn{flex:1 0 calc(33.333% - 6px);font-size:9px}.up-status-tone-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.up-status-tone-card{padding:12px!important}.up-status-tone-card strong{font-size:12px!important}.up-status-tone-card span,.up-status-tone-sample{font-size:9px!important}}
@media(min-width:801px){.up-status-tone-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}


/* eFlyersXOX v5.0.1 — Up Status Poster: big text, official oneXOX 5G logo, yellow theme. */
.up-status-mode-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:5px;border-radius:18px;background:#eef2f8;border:1px solid #dce4f0}
.up-status-mode-btn{display:grid;gap:3px;padding:13px 14px;border:0;border-radius:14px;background:transparent;text-align:left;color:#68758a}
.up-status-mode-btn strong{font-size:14px;color:#46536a}.up-status-mode-btn span{font-size:9px;line-height:1.4}
.up-status-mode-btn.active{background:#071f62;box-shadow:0 10px 24px rgba(7,31,98,.16)}.up-status-mode-btn.active strong{color:#FFFF05}.up-status-mode-btn.active span{color:#dce6fb}
.up-status-style-preview.poster-bold{background:linear-gradient(145deg,#FFFF05,#ffd400)}.up-status-style-preview.poster-bold:before{left:12px;right:12px;bottom:16px;height:68%;border-radius:20px;background:#071f62;transform:skewY(-3deg)}.up-status-style-preview.poster-bold:after{left:24px;top:22px;width:58%;height:28px;border-radius:8px;background:#071f62;box-shadow:0 48px 0 8px #fff,0 94px 0 19px #071f62}
.up-status-style-preview.poster-clean{background:linear-gradient(180deg,#fffdf0,#FFFF05)}.up-status-style-preview.poster-clean:before{left:18px;top:18px;width:52%;height:30px;border-radius:8px;background:#071f62;box-shadow:0 54px 0 12px #071f62,0 112px 0 2px #f2c900}.up-status-style-preview.poster-clean:after{right:-22px;bottom:-22px;width:130px;height:130px;border-radius:50%;background:rgba(7,31,98,.10);box-shadow:-62px -30px 0 12px rgba(255,195,0,.45)}
.up-status-style-preview.poster-trend{background:linear-gradient(145deg,#FFFF05 0%,#ffc900 48%,#ffdf55 100%)}.up-status-style-preview.poster-trend:before{right:-45px;top:-35px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#164ec0,#071f62 62%,transparent 64%);box-shadow:-150px 150px 0 25px rgba(255,255,255,.38)}.up-status-style-preview.poster-trend:after{left:18px;bottom:22px;width:72%;height:92px;border-radius:18px;background:#071f62;transform:rotate(-4deg)}
.up-status-style-preview.poster-dark{background:linear-gradient(145deg,#071f62,#0d3d98)}.up-status-style-preview.poster-dark:before{right:-35px;top:-30px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,#FFFF05 0%,#ffcf00 34%,rgba(255,241,0,.15) 66%,transparent 70%)}.up-status-style-preview.poster-dark:after{left:18px;bottom:20px;width:74%;height:96px;border-radius:18px;background:#FFFF05;box-shadow:0 -62px 0 -18px #fff}
.up-status-format-wrap{display:grid;gap:7px}.up-status-format-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:5px;border-radius:14px;background:#eef2f8}.up-status-format-btn{border:0;border-radius:11px;padding:9px 10px;background:transparent;color:#657188;font-size:10px;font-weight:950}.up-status-format-btn.active{background:#FFFF05;color:#071f62;box-shadow:0 8px 18px rgba(180,155,0,.15)}
.up-status-preview-shell canvas[data-up-format="feed"]{aspect-ratio:4/5}.up-status-preview-shell canvas[data-up-format="story"]{aspect-ratio:9/16}.up-status-preview-shell canvas[data-up-format="info"]{aspect-ratio:9/16}
.up-status-poster-note{display:flex;gap:8px;padding:10px 12px;border-radius:13px;background:#f4f7ff;border:1px solid #dce5f5;color:#44536c;font-size:9px;line-height:1.45}
@media(max-width:500px){.up-status-mode-switch{grid-template-columns:repeat(3,minmax(0,1fr))}.up-status-mode-btn{padding:11px}.up-status-mode-btn strong{font-size:12px}.up-status-format-btn{font-size:9px}}


/* eFlyersXOX v5.0.1 — Poster Teks */
.up-status-mode-btn[data-up-mode="text"]{position:relative}.up-status-mode-btn[data-up-mode="text"]::after{content:"BARU";position:absolute;right:7px;top:7px;padding:2px 5px;border-radius:999px;background:#FFFF05;color:#071f62;font-size:6px;font-weight:950;letter-spacing:.08em}
.up-status-text-bg-wrap{display:grid;gap:7px}.up-status-text-bg-wrap>label{color:#667287;font-size:9px;font-weight:950;letter-spacing:.12em}.up-status-text-bg-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.up-status-text-bg-btn{border:1px solid #d7e0ed;border-radius:13px;background:#fff;padding:9px 5px;color:#5d6980;font-size:8px;font-weight:950;box-shadow:0 5px 14px rgba(7,31,98,.04)}.up-status-text-bg-btn.active{border-color:#071f62;color:#071f62;box-shadow:0 0 0 2px #FFFF05,0 8px 18px rgba(7,31,98,.10)}
.up-status-style-preview.text-bold{background:#101010}.up-status-style-preview.text-bold:before{content:"AYAT BESAR";position:absolute;left:14px;right:14px;top:34%;color:#fff;font-size:19px;font-weight:950;line-height:.95;text-align:center}.up-status-style-preview.text-bold:after{left:24px;right:24px;bottom:25px;height:8px;border-radius:999px;background:#FFFF05}
.up-status-style-preview.text-solution{background:#FFFF05}.up-status-style-preview.text-solution:before{content:"MASALAH?";position:absolute;left:14px;right:14px;top:24%;color:#071f62;font-size:18px;font-weight:950;text-align:left}.up-status-style-preview.text-solution:after{content:"CUBA CARA INI";position:absolute;left:14px;right:20px;top:53%;color:#071f62;font-size:13px;font-weight:900;text-align:left;border-top:3px solid #071f62;padding-top:10px}
.up-status-style-preview.text-soft{background:linear-gradient(145deg,#f8fafc,#eef4ff)}.up-status-style-preview.text-soft:before{content:"Tak semestinya mahal untuk dapat lebih.";position:absolute;left:18px;right:18px;top:28%;color:#071f62;font-size:13px;font-weight:900;line-height:1.2;text-align:left}.up-status-style-preview.text-soft:after{left:18px;bottom:25px;width:44%;height:10px;border-radius:999px;background:#FFFF05}
.up-status-text-note{display:flex;gap:8px;padding:10px 12px;border-radius:13px;background:#fffbe5;border:1px solid #eee18c;color:#665b18;font-size:9px;line-height:1.45}.up-status-text-note strong{color:#071f62}
@media(max-width:500px){.up-status-mode-btn{padding:10px 8px!important}.up-status-mode-btn strong{font-size:11px!important}.up-status-mode-btn span{font-size:7.5px!important}.up-status-text-bg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.up-status-text-bg-btn{font-size:8px}}


/* eFlyersXOX v5.0.1 — Social Platform Presets */
.up-status-platform-wrap{display:grid;gap:8px;margin:2px 0 4px}.up-status-platform-wrap>label{color:#667287;font-size:9px;font-weight:950;letter-spacing:.12em}
.up-status-platform-scroll{display:flex;gap:7px;overflow-x:auto;padding:2px 1px 7px;scrollbar-width:none;scroll-snap-type:x proximity}.up-status-platform-scroll::-webkit-scrollbar{display:none}
.up-status-platform-btn{flex:0 0 auto;min-width:54px;border:1px solid #d7e0ed;border-radius:999px;background:#fff;color:#5d6980;padding:9px 12px;font-size:9px;font-weight:950;white-space:nowrap;box-shadow:0 5px 14px rgba(7,31,98,.05);scroll-snap-align:start}
.up-status-platform-btn.active{background:#071f62;color:#fff;border-color:#071f62;box-shadow:0 10px 22px rgba(7,31,98,.16),inset 0 -3px 0 rgba(255,241,0,.7)}
.up-status-platform-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:9px 11px;border-radius:12px;background:#f5f8fd;border:1px solid #dde6f2;color:#5f6c82;font-size:8px;line-height:1.45}.up-status-platform-meta strong{display:block;color:#071f62;font-size:10px}.up-status-platform-meta em{font-style:normal;color:#7a8497;text-align:right}
.up-status-platform-hint{display:flex;gap:7px;padding:9px 11px;border-radius:12px;background:#fffbe0;border:1px solid #eee18c;color:#675b10;font-size:8px;line-height:1.45}.up-status-platform-hint b{color:#071f62}
.up-status-preview-shell canvas[data-up-format="x"]{aspect-ratio:16/9}
@media(max-width:520px){.up-status-platform-btn{padding:9px 11px;font-size:9px}.up-status-platform-meta{font-size:8px}.up-status-platform-meta em{max-width:44%}}
@media(min-width:801px){.up-status-platform-btn{font-size:11px;padding:10px 15px}.up-status-platform-meta{font-size:10px}.up-status-platform-meta strong{font-size:12px}}


/* eFlyersXOX v5.0.1 — Album Saya compact UI & clear actions */
.up-status-source-actions{display:flex!important;flex-wrap:wrap;gap:8px!important}
.up-status-source-actions button,.up-status-album-slot-actions button,.up-status-album-missing-result button{min-height:42px;border-radius:12px;font-weight:950;font-size:11px;padding:10px 14px;opacity:1!important}
.up-status-album-upload-btn{border:1px solid #e3cd00!important;background:#FFFF05!important;color:#071f62!important;box-shadow:0 7px 18px rgba(255,241,0,.18)!important}
.up-status-album-change-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:10px 14px!important;border:1px solid #b9c9df!important;border-radius:14px!important;background:#e8f0fb!important;color:#071f62!important;-webkit-text-fill-color:#071f62!important;font:950 12px/1.1 inherit!important;box-shadow:0 7px 18px rgba(7,31,98,.08)!important}
.up-status-album-change-btn:hover,.up-status-album-change-btn:focus-visible{background:#dbe8f8!important;border-color:#8fa8ca!important}
.up-status-copywriting-intro{display:grid;gap:4px;padding:12px 14px;border:1px solid #d7e2f2;border-radius:16px;background:#f4f8ff;color:#596b86}
.up-status-copywriting-intro strong{color:#071f62;font-size:13px}
.up-status-copywriting-intro span{font-size:10px;line-height:1.45}
.up-status-album-manage-btn{border:1px solid #ccd6e7!important;background:#eef3fa!important;color:#071f62!important}
.up-status-album-delete-btn{border:1px solid #efb8b8!important;background:#fff5f5!important;color:#a61b1b!important}
.up-status-source-actions .up-status-album-upload-btn,.up-status-source-actions .up-status-album-change-btn{flex:1 1 150px}
.up-status-source-actions .up-status-album-manage-btn,.up-status-source-actions .up-status-album-delete-btn{flex:0 1 auto}
.up-status-album-slot{min-height:0!important;padding:12px!important;align-content:start}
.up-status-album-slot.empty{gap:6px!important}
.up-status-album-slot-actions{display:flex!important;gap:7px!important;grid-template-columns:none!important}
.up-status-album-slot-actions .up-status-album-upload-btn{flex:1}
.up-status-album-thumb{display:block;width:100%;height:96px;object-fit:cover;border-radius:11px;border:1px solid #dce4f0;background:#eaf0f8}
.up-status-album-thumb.story{height:120px}
.up-status-album-thumb.x{height:82px}
.up-status-album-missing-result{display:grid;gap:8px;align-self:start;padding:18px;border:1px solid #dce4f0;border-radius:20px;background:#f8fafc;color:#667085;text-align:center}
.up-status-album-missing-result strong{color:#071f62;font-size:17px}
.up-status-album-missing-result span{font-size:11px;line-height:1.45}
.up-status-album-mode-note{display:grid;gap:5px;padding:12px 14px;border-radius:15px;background:#eef7ff;border:1px solid #d2e6ff;color:#3a5279;font-size:10px;line-height:1.5}
.up-status-album-mode-note strong{color:#071f62;font-size:12px}
.up-status-actions-primary button:disabled{opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important}
.up-status-actions-secondary .up-status-album-change-btn{width:100%!important;min-height:46px!important}
@media(max-width:500px){.up-status-source-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.up-status-source-actions .up-status-album-upload-btn{grid-column:1/-1}.up-status-album-slot-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.up-status-album-slot.empty .up-status-album-slot-actions{grid-template-columns:1fr!important}.up-status-album-thumb{height:88px}.up-status-album-thumb.story{height:110px}}


/* eFlyersXOX v5.0.1 — Up Status result button clarity fix. */
.up-status-result-controls .btn-secondary{
  background:#eef3fb!important;
  color:#071f62!important;
  -webkit-text-fill-color:#071f62!important;
  border:1px solid #cbd7e9!important;
  box-shadow:0 8px 18px rgba(7,31,98,.08)!important;
  font-weight:950!important;
}
.up-status-result-controls .btn-secondary:hover,
.up-status-result-controls .btn-secondary:focus-visible{
  background:#dfe9f8!important;
  color:#071f62!important;
  -webkit-text-fill-color:#071f62!important;
  border-color:#93a9ca!important;
}
.up-status-actions-secondary .btn-secondary:first-child{
  background:#fff9d9!important;
  border-color:#e9d85a!important;
}
.up-status-actions-tertiary .btn-secondary:first-child{
  background:#f4f7fc!important;
}
@media(max-width:500px){
  .up-status-actions-secondary,.up-status-actions-tertiary{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .up-status-actions-secondary .btn,.up-status-actions-tertiary .btn{
    min-height:46px!important;
    padding:10px 8px!important;
    font-size:11px!important;
  }
}
@media(max-width:340px){
  .up-status-actions-secondary,.up-status-actions-tertiary{grid-template-columns:1fr!important;}
}


/* eFlyersXOX v5.0.1 — Uniform Up Status / Album button system */
#upStatusModal button, #upStatusModal .btn{box-sizing:border-box}
#upStatusModal .up-status-footer .btn,
#upStatusModal .up-status-actions-primary .btn,
#upStatusModal .up-status-actions-secondary .btn,
#upStatusModal .up-status-actions-tertiary .btn,
#upStatusModal .up-status-source-actions button,
#upStatusModal .up-status-album-slot-actions button,
#upStatusModal .up-status-album-missing-result button{
  min-height:48px!important;
  height:auto!important;
  padding:11px 14px!important;
  border-radius:14px!important;
  font-family:inherit!important;
  font-size:12px!important;
  line-height:1.15!important;
  font-weight:950!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  white-space:normal!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
#upStatusModal .up-status-actions-primary,
#upStatusModal .up-status-actions-secondary,
#upStatusModal .up-status-actions-tertiary{gap:10px!important}
#upStatusModal .up-status-actions-primary .btn-dark{background:#071f62!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:1px solid #071f62!important}
#upStatusModal .up-status-actions-primary .btn-primary{background:#FFFF05!important;color:#071f62!important;-webkit-text-fill-color:#071f62!important;border:1px solid #e2cf00!important}
#upStatusModal .up-status-actions-primary button:disabled{background:#e4e9f1!important;color:#8a96aa!important;-webkit-text-fill-color:#8a96aa!important;border-color:#d7deea!important;opacity:1!important;box-shadow:none!important}
#upStatusModal .up-status-actions-secondary .btn-secondary,
#upStatusModal .up-status-actions-tertiary .btn-secondary,
#upStatusModal .up-status-album-change-btn,
#upStatusModal .up-status-album-manage-btn{background:#eef3fb!important;color:#071f62!important;-webkit-text-fill-color:#071f62!important;border:1px solid #c7d4e7!important;box-shadow:0 6px 14px rgba(7,31,98,.06)!important}
#upStatusModal .up-status-album-upload-btn{background:#FFFF05!important;color:#071f62!important;-webkit-text-fill-color:#071f62!important;border:1px solid #e2cf00!important;box-shadow:0 7px 16px rgba(255,241,0,.18)!important}
#upStatusModal .up-status-album-delete-btn{background:#fff5f5!important;color:#a61b1b!important;-webkit-text-fill-color:#a61b1b!important;border:1px solid #efb8b8!important;box-shadow:none!important}
#upStatusModal .up-status-source-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
#upStatusModal .up-status-source-actions>button:only-child{grid-column:1/-1}
#upStatusModal .up-status-source-actions .up-status-album-upload-btn:first-child:nth-last-child(2),
#upStatusModal .up-status-source-actions .up-status-album-upload-btn:first-child:nth-last-child(2)~button{grid-column:auto!important}
#upStatusModal .up-status-album-slot-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
#upStatusModal .up-status-album-slot.empty .up-status-album-slot-actions{grid-template-columns:1fr!important}
#upStatusModal .up-status-footer{align-items:stretch}
#upStatusModal .up-status-footer .btn{flex:1 1 0!important;min-width:0!important}
@media(max-width:500px){
  #upStatusModal .up-status-actions-primary,
  #upStatusModal .up-status-actions-secondary,
  #upStatusModal .up-status-actions-tertiary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #upStatusModal .up-status-source-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:340px){
  #upStatusModal .up-status-actions-primary,
  #upStatusModal .up-status-actions-secondary,
  #upStatusModal .up-status-actions-tertiary,
  #upStatusModal .up-status-source-actions{grid-template-columns:1fr!important}
}


/* eFlyersXOX v5.0.1 — One header system for all four Action Center functions */
#statusReadyModal .up-status-head,
#prospectModal .prospect-head,
#customerCareModal .customer-care-head{
  position:relative!important;
  padding:22px 68px 17px 22px!important;
  background:linear-gradient(135deg,#071f62,#0f4195)!important;
  color:#fff!important;
  border-bottom:0!important;
}
#statusReadyModal .up-status-head small,
#prospectModal .prospect-head small,
#customerCareModal .customer-care-head small{
  display:block!important;
  color:#FFFF05!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.17em!important;
}
#statusReadyModal .up-status-head h2,
#prospectModal .prospect-head h2,
#customerCareModal .customer-care-head h2{
  margin:6px 0 5px!important;
  color:#fff!important;
  font-size:clamp(27px,5vw,40px)!important;
  line-height:1.03!important;
}
#statusReadyModal .up-status-head p,
#prospectModal .prospect-head p,
#customerCareModal .customer-care-head p{
  margin:0!important;
  color:#d9e3f5!important;
  font-size:12px!important;
  line-height:1.5!important;
}
#statusReadyModal .up-status-dialog>.modal-close,
#prospectModal .prospect-dialog>.modal-close,
#customerCareModal .customer-care-dialog>.modal-close{
  top:17px!important;
  right:17px!important;
  z-index:12!important;
  background:#fff!important;
  color:#071f62!important;
  -webkit-text-fill-color:#071f62!important;
}
@media(max-width:500px){
  #statusReadyModal .up-status-head,
  #prospectModal .prospect-head,
  #customerCareModal .customer-care-head{padding:19px 60px 14px 16px!important;}
}
@media(min-width:1000px){
  #statusReadyModal .up-status-head,
  #prospectModal .prospect-head,
  #customerCareModal .customer-care-head{padding:28px 84px 22px 28px!important;}
  #statusReadyModal .up-status-head small,
  #prospectModal .prospect-head small,
  #customerCareModal .customer-care-head small{font-size:12px!important;}
  #statusReadyModal .up-status-head h2,
  #prospectModal .prospect-head h2,
  #customerCareModal .customer-care-head h2{font-size:43px!important;}
  #statusReadyModal .up-status-head p,
  #prospectModal .prospect-head p,
  #customerCareModal .customer-care-head p{font-size:15px!important;}
}


/* eFlyersXOX v5.1.0 — Smart Plan Finder. Lightweight, no external scoring library. */
.smart-plan-finder{position:relative;overflow:hidden}.smart-plan-finder:before{content:"";position:absolute;right:-90px;top:-110px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(255,241,0,.18),rgba(255,241,0,0) 70%);pointer-events:none}
.smart-finder-heading{align-items:flex-end}.smart-finder-heading p{max-width:660px;margin:7px 0 0;color:#68758a;font-size:12px;line-height:1.5}.smart-finder-badge{flex:0 0 auto;padding:7px 10px;border-radius:999px;background:#fff100;color:#071f62;font-size:9px;font-weight:950;letter-spacing:.04em;box-shadow:0 7px 16px rgba(7,31,98,.08)}
.smart-finder-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.smart-finder-field{min-height:122px}.smart-finder-field select{margin-top:8px}.smart-finder-submit{gap:7px}.smart-finder-submit>span{font-size:15px}
.smart-finder-result{padding:clamp(18px,3vw,32px);border-radius:24px}.smart-finder-summary{margin:6px 0 0;color:#cbd7f1;font-size:11px;line-height:1.45}
.smart-finder-result .recommendation-cards{align-items:stretch}.smart-finder-result .recommend-mini{position:relative;gap:8px;padding:17px;border:1px solid rgba(7,31,98,.08);box-shadow:0 8px 22px rgba(2,18,58,.12)}.smart-finder-result .recommend-mini.smart-top{outline:2px solid #fff100;outline-offset:-2px}.smart-match{position:absolute;right:13px;top:13px;display:grid;place-items:center;min-width:46px;height:27px;padding:0 8px;border-radius:999px;background:#eef3fb;color:#071f62;font-size:9px;font-weight:950}.smart-top .smart-match{background:#fff100}.smart-reasons{display:grid;gap:5px;margin:3px 0 4px;padding:0;list-style:none}.smart-reasons li{display:grid;grid-template-columns:14px minmax(0,1fr);gap:5px;color:#58677e;font-size:9px;line-height:1.35}.smart-reasons li:before{content:"✓";display:grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#edf2fa;color:#071f62;font-size:8px;font-weight:950}.smart-finder-result .recommend-mini .btn{margin-top:auto;width:100%;padding:10px 12px;font-size:10px}.smart-finder-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:15px;padding-top:14px;border-top:1px solid rgba(255,255,255,.14)}.smart-finder-actions .btn{min-width:170px}.smart-finder-actions.hidden{display:none!important}
@media(max-width:1050px){.smart-finder-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.smart-finder-priority{grid-column:auto}.smart-finder-submit{grid-column:1/-1}}
@media(max-width:680px){.smart-finder-heading{align-items:flex-start}.smart-finder-badge{display:none}.smart-finder-heading p{font-size:10px}.smart-finder-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.smart-finder-field{min-height:102px!important;padding:11px!important}.smart-finder-priority{grid-column:1/-1!important}.smart-finder-result{margin-top:18px;border-radius:20px}.smart-finder-result .recommendation-cards{grid-template-columns:1fr!important}.smart-finder-actions{display:grid;grid-template-columns:1fr 1fr}.smart-finder-actions .btn{min-width:0;width:100%}}
@media(max-width:390px){.smart-finder-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.smart-finder-field{min-height:96px!important;padding:9px!important}.smart-finder-field .field-title{margin:6px 0 auto!important;font-size:10.5px!important;line-height:1.2!important}.smart-finder-field select{min-height:38px!important;padding:7px 8px!important;font-size:10.5px!important}.smart-finder-priority{grid-column:1/-1!important}.smart-finder-actions{grid-template-columns:1fr}}


/* eFlyersXOX v5.0.1 — Customer Care MNP Rejected Guide */
.cc-home-card.rejects{background:linear-gradient(180deg,#fff 0%,#fff8f8 100%)}
.cc-reject-intro{display:grid;gap:7px;padding:15px 16px;border:1px solid #f1d6d6;border-radius:18px;background:linear-gradient(135deg,#fff8f8,#fffdf3)}
.cc-reject-intro strong{color:#8d1d2a;font-size:13px;line-height:1.4}.cc-reject-intro span{color:#69758a;font-size:10px;line-height:1.55}
.cc-reject-search-wrap{display:grid;gap:7px}.cc-reject-search-wrap>label{color:#071f62;font-size:12px;font-weight:950}.cc-reject-search-wrap>small{color:#778398;font-size:9px}
.cc-reject-search{display:grid;grid-template-columns:32px minmax(0,1fr) 36px;align-items:center;border:1px solid #d6deea;border-radius:14px;background:#f8fafc;overflow:hidden}.cc-reject-search>span{display:grid;place-items:center;color:#71809a;font-size:18px}.cc-reject-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;padding:12px 6px 12px 0;color:#17233e;font:inherit;font-size:12px}.cc-reject-search input::-webkit-search-cancel-button{-webkit-appearance:none}
.cc-reject-group{display:grid;gap:9px;margin-top:15px}.cc-reject-group-head small,.cc-reject-technical summary small{display:block;color:#8b96a8;font-size:8px;font-weight:950;letter-spacing:.12em}.cc-reject-group-head strong,.cc-reject-technical summary strong{display:block;margin-top:2px;color:#071f62;font-size:13px}
.cc-reject-list{display:grid;gap:8px}.cc-reject-item{display:grid;grid-template-columns:72px minmax(0,1fr) 18px;gap:10px;align-items:center;width:100%;padding:11px;border:1px solid #e0e6ef;border-radius:14px;background:#fff;color:#071f62;text-align:left}.cc-reject-item:hover,.cc-reject-item:focus-visible{border-color:#7893c1;background:#f7f9ff}.cc-reject-item.active{border-color:#071f62;background:#f1f5ff;box-shadow:0 0 0 2px rgba(7,31,98,.08)}.cc-reject-code{display:grid;place-items:center;min-height:38px;padding:6px;border-radius:11px;background:#071f62;color:#fff100;font:950 11px/1.15 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.cc-reject-copy strong{display:block;color:#071f62;font-size:11px;line-height:1.3}.cc-reject-copy small{display:block;margin-top:3px;color:#69758a;font-size:9px;line-height:1.4}.cc-reject-item>b{color:#8290a7;font-size:19px}
.cc-reject-technical{margin-top:14px;border:1px solid #dfe5ef;border-radius:15px;background:#fafbfd;overflow:hidden}.cc-reject-technical>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 14px;cursor:pointer;list-style:none}.cc-reject-technical>summary::-webkit-details-marker{display:none}.cc-reject-technical>summary>b{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#071f62;color:#fff100;font-size:16px}.cc-reject-technical[open]>summary>b{transform:rotate(45deg)}.cc-reject-technical>.cc-reject-list{padding:0 12px 12px}
.cc-reject-empty{padding:16px;text-align:center;color:#7b879a;font-size:10px}.cc-reject-empty.hidden{display:none!important}
/* v5.4.2-r8 — Smart Search UX: true filtering + clear + highlight. */
[data-cc-reject-item][hidden],[data-cc-video-item][hidden],[data-cc-search-group][hidden],#ccRejectTechnical[hidden]{display:none!important}
.cc-smart-search-clear{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:9px;background:#edf1f7;color:#5f6f88;font-size:17px;font-weight:900;cursor:pointer}.cc-smart-search-clear:hover,.cc-smart-search-clear:focus-visible{background:#071f62;color:#fff100;outline:0}.cc-smart-search-clear[hidden]{display:none!important}
.efx-search-mark{padding:0 .08em;border-radius:3px;background:#fff100;color:#071f62;font:inherit}.cc-reject-code .efx-search-mark{background:#fff;color:#071f62}.cc-video-item.search-match,.cc-reject-item.search-match{border-color:#071f62;box-shadow:0 0 0 2px rgba(7,31,98,.08)}
.cc-smart-search-status{display:inline-flex;align-items:center;gap:5px;color:#536077;font-weight:850}.cc-smart-search-status.exact{color:#067647}.cc-smart-search-status.exact:before{content:"✓";display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#dff5e7;color:#067647;font-size:9px;font-weight:950}
.cc-reject-detail{display:grid;gap:12px;padding:17px;border-radius:20px;background:linear-gradient(135deg,#071f62,#0d3f94);color:#fff}.cc-reject-detail-head{display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px;align-items:center}.cc-reject-detail-head>span{display:grid;place-items:center;min-height:52px;padding:8px;border-radius:14px;background:#fff100;color:#071f62;font:950 12px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.cc-reject-detail-head small{display:block;color:#bfcbea;font-size:8px;font-weight:950;letter-spacing:.12em}.cc-reject-detail-head strong{display:block;margin-top:4px;color:#fff;font-size:16px;line-height:1.3}.cc-reject-action{padding:12px 13px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.07)}.cc-reject-action small{display:block;color:#fff100;font-size:8px;font-weight:950;letter-spacing:.12em}.cc-reject-action p{margin:5px 0 0;color:#e7edfa;font-size:10px;line-height:1.5}.cc-reject-detail details{padding:10px 12px;border-radius:13px;background:rgba(255,255,255,.06)}.cc-reject-detail details summary{cursor:pointer;color:#dce6f8;font-size:9px;font-weight:900}.cc-reject-detail details p{margin:7px 0 0;color:#cbd6ed;font-size:9px;line-height:1.45}.cc-reject-detail .cc-actions{margin-top:0}.cc-reject-detail .btn-secondary{background:#fff!important;color:#071f62!important;border-color:#fff!important}
.cc-reject-reference{border:1px solid #e0e6ef;border-radius:16px;background:#fff;overflow:hidden}.cc-reject-reference summary{padding:12px 14px;cursor:pointer;color:#071f62;font-size:10px;font-weight:950}.cc-reject-reference img{display:block;width:100%;height:auto;border-top:1px solid #edf0f5;background:#fff}
@media(min-width:760px){.cc-reject-list{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-reject-detail-head strong{font-size:19px}.cc-reject-copy strong{font-size:12px}.cc-reject-copy small{font-size:10px}}


/* eFlyersXOX v5.0.1 — lightweight multilingual foundation */
.language-switch-btn{height:42px;min-width:58px;padding:0 10px;border:1px solid #d3dce9;border-radius:13px;background:#fff;color:#071f62;display:inline-flex;align-items:center;justify-content:center;gap:6px;font:950 11px/1 inherit;box-shadow:0 6px 16px rgba(7,31,98,.08)}
.language-switch-btn span{font-size:15px}.language-switch-btn b{font:950 10px/1 inherit;white-space:nowrap}
body.share-view .language-switch-btn{display:inline-flex!important}
.efx-language-dialog{width:min(560px,calc(100vw - 28px));max-height:min(780px,calc(100dvh - 28px));overflow:auto;padding:0;border-radius:26px;background:#fff}
.efx-language-head{position:relative;padding:24px 64px 20px 22px;background:linear-gradient(135deg,#071f62,#12489f);color:#fff}.efx-language-head small{display:block;color:#FFFF05;font-size:9px;font-weight:950;letter-spacing:.16em}.efx-language-head h2{margin:7px 0 6px;color:#fff;font-size:30px;line-height:1}.efx-language-head p{margin:0;color:#d8e3f7;font-size:12px;line-height:1.5}
.efx-language-body{display:grid;gap:14px;padding:18px}.efx-language-section{display:grid;gap:11px;padding:15px;border:1px solid #dfe6f0;border-radius:18px;background:#fbfcff}.efx-language-section>div:first-child{display:grid;gap:3px}.efx-language-section small{color:#7b879a;font-size:8px;font-weight:950;letter-spacing:.12em}.efx-language-section strong{color:#071f62;font-size:16px}.efx-language-section span{color:#69758a;font-size:10px;line-height:1.45}
.efx-language-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.efx-language-option{min-height:54px;padding:10px 12px;border:1px solid #d7dfeb;border-radius:14px;background:#fff;color:#071f62;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left}.efx-language-option span{display:grid;gap:2px;color:#071f62}.efx-language-option span b{font-size:12px}.efx-language-option span small{font-size:8px;letter-spacing:0;color:#8490a4}.efx-language-option em{font-style:normal;color:#a2adbd}.efx-language-option.active{background:#071f62;border-color:#071f62;color:#fff;box-shadow:0 8px 18px rgba(7,31,98,.16)}.efx-language-option.active span,.efx-language-option.active span b,.efx-language-option.active span small,.efx-language-option.active em{color:#fff}.efx-language-option.loading{opacity:.58;pointer-events:none}
.efx-language-note{display:grid;grid-template-columns:22px 1fr;gap:8px;padding:12px;border-radius:14px;background:#fffbe0;border:1px solid #eee09b;color:#6d6333;font-size:10px;line-height:1.45}
body.share-view #appLanguageSection{display:none}.efx-language-customer-only .content-language-section small{display:none}
@media(max-width:460px){.language-switch-btn{min-width:48px;height:40px;padding:0 8px}.language-switch-btn span{font-size:13px}.language-switch-btn b{font-size:9px}.efx-language-options{grid-template-columns:1fr}.efx-language-head{padding:20px 58px 17px 17px}.efx-language-head h2{font-size:27px}}


/* v5.0.13 — Compact Help & Hint Audit */
.efx-micro-hint{display:flex!important;align-items:flex-start!important;gap:6px!important;margin-top:7px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#748095!important;font-size:9px!important;line-height:1.35!important;box-shadow:none!important}
.efx-hint-icon{display:grid!important;place-items:center!important;flex:0 0 14px!important;width:14px!important;height:14px!important;margin-top:0!important;border-radius:50%!important;background:#e9eef5!important;color:#52627d!important;font-family:Arial,sans-serif!important;font-size:9px!important;font-weight:900!important;line-height:1!important}
.efx-micro-hint.important{margin-top:8px!important;padding:7px 8px!important;border:1px solid #e5e8d0!important;border-radius:9px!important;background:#fffdf1!important;color:#665d2d!important}
.efx-micro-hint.important .efx-hint-icon{background:#fff100!important;color:#071f62!important}
.quick-share-note.efx-micro-hint,.social-copy-note.efx-micro-hint,.social-location-help.efx-micro-hint,.up-status-platform-hint.efx-micro-hint,.companion-note.efx-micro-hint,.cc-note.efx-micro-hint,.up-status-album-preview-note.efx-micro-hint,.prospect-privacy.efx-micro-hint,.flyer-protection-note.efx-micro-hint,.up-status-text-note.efx-micro-hint{font-size:9px!important}
.up-status-platform-hint.efx-micro-hint{padding:6px 7px!important;border-radius:9px!important;background:#fafbfc!important}
.social-location-help.efx-micro-hint,.social-copy-note.efx-micro-hint{margin-bottom:0!important}
@media(min-width:721px){.efx-micro-hint,.quick-share-note.efx-micro-hint,.social-copy-note.efx-micro-hint,.social-location-help.efx-micro-hint,.up-status-platform-hint.efx-micro-hint,.companion-note.efx-micro-hint,.cc-note.efx-micro-hint,.up-status-album-preview-note.efx-micro-hint,.prospect-privacy.efx-micro-hint,.flyer-protection-note.efx-micro-hint,.up-status-text-note.efx-micro-hint{font-size:10px!important}}


/* v5.0.13 — Settings Help Audit: no oversized info popup buttons inside Settings. */
#settingsModal .info-guide-btn{display:none!important}
.settings-compact-note{display:flex!important;align-items:flex-start;gap:6px;margin:7px 0 0!important;padding:0!important;border:0!important;background:transparent!important;color:#748095!important;font-size:9px!important;line-height:1.38!important}
.settings-mini-i{display:grid;place-items:center;flex:0 0 14px;width:14px;height:14px;border-radius:50%;background:#e9eef5;color:#52627d;font:900 9px/1 Arial,sans-serif}
#settingsModal .field-help,#settingsModal .prospect-form-help,#settingsModal .footer-ssm-help{font-size:9px!important;line-height:1.4!important;color:#7b8798!important}
.settings-system-stack .license-card>p,.settings-system-stack .seller-card>p,.settings-system-stack .update-group-card>p{margin-top:7px;font-size:9px;line-height:1.4;color:#748095}
.settings-changelog{margin-top:10px;border-top:1px solid #e4e9f1;padding-top:8px}.settings-changelog summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;list-style:none;padding:8px 9px;border-radius:10px;background:#f3f6fa;color:#071f62;font-size:9px;font-weight:900}.settings-changelog summary::-webkit-details-marker{display:none}.settings-changelog summary span{font-size:15px;transition:transform .16s ease}.settings-changelog[open] summary span{transform:rotate(90deg)}.settings-changelog>ul{margin-top:8px!important;max-height:190px;overflow:auto;padding-right:4px}
@media(min-width:721px){.settings-compact-note,#settingsModal .field-help,#settingsModal .prospect-form-help,#settingsModal .footer-ssm-help,.settings-system-stack .license-card>p,.settings-system-stack .seller-card>p,.settings-system-stack .update-group-card>p{font-size:10px!important}.settings-changelog summary{font-size:10px}}


/* eFlyersXOX v5.1.1 — Personalised Customer Recommendation */
.smart-finder-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.recommend-customer-btn{background:#071f62;color:#fff;border-color:#071f62}.recommend-customer-btn:hover{transform:translateY(-1px)}
.compare-recommendation-action{display:flex;justify-content:flex-end;margin-top:14px}.compare-recommendation-action .btn{min-width:230px}
.recommendation-share-dialog{max-width:650px}.recommendation-form-grid{display:grid;grid-template-columns:1fr 180px;gap:11px;margin:16px 0 10px}.recommendation-form-grid label,.recommendation-note-field{display:grid;gap:6px;font-size:11px;font-weight:900;color:#334155}.recommendation-form-grid input,.recommendation-form-grid select,.recommendation-note-field textarea{width:100%;border:1px solid #d7dfeb;border-radius:13px;background:#fbfcff;color:#071f62;padding:11px 12px;font:inherit}.recommendation-note-field textarea{min-height:76px;resize:vertical;line-height:1.45}.recommendation-selected-list{display:grid;gap:7px;margin:13px 0}.recommendation-selected-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:13px;background:#f4f7fb}.recommendation-selected-item strong{color:#071f62;font-size:12px}.recommendation-selected-item span{font-size:10px;color:#68758a;font-weight:800}.recommendation-create-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:12px}.recommendation-result{margin-top:13px;padding:13px;border-radius:15px;background:#fffbe0;border:1px solid #efe18a;display:grid;gap:9px}.recommendation-result[hidden]{display:none!important}.recommendation-result small{font-size:9px;font-weight:950;letter-spacing:.1em;color:#746600}.recommendation-short-url{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff;border:1px solid #eadf9e;border-radius:12px;padding:10px 11px;overflow:hidden}.recommendation-short-url code{font-size:13px;font-weight:950;color:#071f62;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recommendation-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.recommendation-share-banner{margin:0 0 18px;padding:20px 22px;border-radius:22px;background:linear-gradient(135deg,#071f62,#0b3d91);color:#fff;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;box-shadow:var(--shadow-sm)}.recommendation-share-banner[hidden]{display:none!important}.recommendation-share-copy{display:grid;gap:5px}.recommendation-share-copy small{color:#ffff05;font-size:10px;font-weight:950;letter-spacing:.13em}.recommendation-share-copy h3{margin:0;font-size:clamp(23px,4vw,34px);line-height:1.06}.recommendation-share-copy p{margin:0;color:#dce5f7;line-height:1.5}.recommendation-share-note{margin-top:5px;padding:9px 11px;border-left:3px solid #ffff05;background:#ffffff12;border-radius:4px 10px 10px 4px;color:#fff!important;font-size:11px}.recommendation-catalog-btn{border:0;border-radius:13px;background:#ffff05;color:#071f62;font-weight:950;padding:12px 15px;white-space:nowrap}.recommendation-share-view #recommender,.recommendation-share-view .compact-catalog-nav,.recommendation-share-view #compareSection,.recommendation-share-view #incomeSimulator,.recommendation-share-view #comboPresetDetails{display:none!important}.recommendation-share-view #plans .section-heading{display:none!important}.recommendation-share-view #comboShareBanner{display:none!important}.recommendation-share-view .plan-grid{margin-top:0}.recommendation-share-view .plan-actions{grid-template-columns:1fr}.recommendation-share-view .compare-btn{display:none!important}.recommendation-share-view .hero-actions{display:none!important}.recommendation-share-view .hero{padding-bottom:28px}.recommendation-share-view .customer-plan-share{display:grid}.recommendation-share-view #whyOnexox{margin-top:18px}
@media(max-width:720px){.smart-finder-actions{grid-template-columns:1fr}.recommendation-form-grid{grid-template-columns:1fr}.recommendation-result-actions{grid-template-columns:1fr}.recommendation-share-banner{grid-template-columns:1fr;padding:17px}.recommendation-catalog-btn{width:100%}.compare-recommendation-action .btn{width:100%;min-width:0}}


/* v5.1.2 HOTFIX — make secondary action readable on the light recommendation result card. */
.recommendation-result-actions .btn-secondary{
  background:#fff!important;
  color:#071f62!important;
  border:2px solid #071f62!important;
  box-shadow:0 7px 16px rgba(7,31,98,.10)!important;
}
.recommendation-result-actions .btn-secondary:hover,
.recommendation-result-actions .btn-secondary:focus-visible{
  background:#eef3ff!important;
  color:#071f62!important;
  border-color:#071f62!important;
}
.recommendation-result-actions .btn-secondary:disabled{
  background:#f3f5f8!important;
  color:#8a96a8!important;
  border-color:#cbd3df!important;
  box-shadow:none!important;
}


.up-status-source-switch.has-merdeka{grid-template-columns:repeat(3,minmax(0,1fr))}
.up-status-source-btn.merdeka{position:relative;overflow:hidden}
.up-status-source-btn.merdeka strong:after{content:"BARU";display:inline-block;margin-left:6px;padding:2px 6px;border-radius:999px;background:#d71920;color:#fff;font-size:7px;vertical-align:2px}
.up-status-source-btn.merdeka.active{background:linear-gradient(135deg,#071f62,#0b2d7b);color:#fff;box-shadow:0 10px 26px rgba(7,31,98,.18),inset 0 -3px 0 #FFFF05}
.up-status-source-btn.merdeka.active strong,.up-status-source-btn.merdeka.active span{color:#fff}
.up-status-merdeka-note{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:14px 15px;border-radius:17px;background:linear-gradient(135deg,#071f62,#0d3d98);color:#fff;border:1px solid rgba(255,241,0,.65)}
.up-status-merdeka-note b{display:block;color:#FFFF05;font-size:13px;margin-bottom:3px}.up-status-merdeka-note span{font-size:10px;line-height:1.45;color:#e8efff}.up-status-merdeka-flag{font-size:30px}
.up-status-category-card[data-up-category="merdeka"]{border-color:#e6c900;background:linear-gradient(135deg,#fffef0,#fff7b8)}
.up-status-category-card[data-up-category="merdeka"] .up-status-category-icon{background:#071f62;color:#fff}
@media(max-width:500px){.up-status-source-switch.has-merdeka{grid-template-columns:1fr}}

/* eFlyersXOX v5.4.3-r1 — Linked Dual Orbit Video Quick View */
.efx-vqv{--vqv-navy:#071f62;--vqv-yellow:#ffff05;--vqv-muted:#748096;--vqv-line:#e3e8f1;position:relative;width:min(1180px,calc(100% - 28px));margin:20px auto 26px;padding:15px 0 17px;overflow:hidden;border-top:1px solid var(--vqv-line);border-bottom:1px solid var(--vqv-line);background:linear-gradient(180deg,rgba(255,255,5,.035),rgba(255,255,255,.32) 45%,rgba(7,31,98,.018));isolation:isolate}
.efx-vqv::before{content:"";position:absolute;top:-1px;left:50%;width:min(150px,32%);height:3px;transform:translateX(-50%);border-radius:999px;background:linear-gradient(90deg,transparent,var(--vqv-yellow),transparent);box-shadow:0 4px 16px rgba(255,230,0,.16);pointer-events:none}
.efx-vqv-dealer{width:100%;margin:10px 0 20px;padding:14px 0 16px}
.efx-vqv-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 9px 9px}
.efx-vqv-label{display:flex;align-items:center;gap:8px;color:var(--vqv-navy);font-size:12px;font-weight:950;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}
.efx-vqv-label i{width:7px;height:7px;border-radius:999px;background:var(--vqv-yellow);box-shadow:0 0 0 4px rgba(255,255,5,.18),0 0 14px rgba(255,225,0,.32)}
.efx-vqv-hint{color:var(--vqv-muted);font-size:10.5px;font-weight:750;white-space:nowrap}
.efx-vqv-stage{position:relative;padding:2px 0 0}
.efx-vqv-stage::after{content:"";position:absolute;z-index:-1;left:14%;right:14%;top:50%;height:1px;transform:translateY(-50%);background:linear-gradient(90deg,transparent,rgba(7,31,98,.09) 18%,rgba(255,221,0,.28) 50%,rgba(7,31,98,.09) 82%,transparent);pointer-events:none}
.efx-vqv-row{position:relative;height:55px}
.efx-vqv-row+.efx-vqv-row{margin-top:-3px}
.efx-vqv-row.is-linked-moving .efx-vqv-item.is-active::after{box-shadow:0 0 0 2px rgba(255,255,5,.08),0 0 14px rgba(255,225,0,.32)}
.efx-vqv-track{display:flex;align-items:center;gap:7px;height:100%;overflow-x:auto;overflow-y:hidden;padding:6px max(28vw,88px) 7px;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-x pan-y pinch-zoom;cursor:grab;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%)}
.efx-vqv-row-b .efx-vqv-track{padding-top:4px;padding-bottom:9px}
.efx-vqv-track::-webkit-scrollbar{display:none}.efx-vqv-track.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.efx-vqv-item{--vqv-scale:.84;--vqv-opacity:.46;--vqv-y:4px;position:relative;flex:0 0 auto;max-width:250px;border:0;background:transparent;padding:9px 13px 12px;color:#778398;font:875 13px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;scroll-snap-align:center;opacity:var(--vqv-opacity);transform:translateY(var(--vqv-y)) scale(var(--vqv-scale));transform-origin:center;transition:transform .19s ease,opacity .19s ease,color .19s ease;cursor:pointer;-webkit-tap-highlight-color:transparent}
.efx-vqv-item span{display:block;animation:efxVqvFloat 3.7s ease-in-out infinite;animation-delay:var(--vqv-delay,0s)}
.efx-vqv-row-b .efx-vqv-item span{animation-name:efxVqvFloatB}
.efx-vqv-item::after{content:"";position:absolute;left:50%;bottom:3px;width:0;height:3px;border-radius:999px;background:var(--vqv-yellow);transform:translateX(-50%);box-shadow:0 2px 0 rgba(7,31,98,.08);transition:width .19s ease,box-shadow .19s ease}
.efx-vqv-item.is-active{color:var(--vqv-navy);font-weight:950}.efx-vqv-item.is-active::after{width:38px}
.efx-vqv-item:focus-visible{outline:2px solid var(--vqv-navy);outline-offset:1px;border-radius:10px}
@keyframes efxVqvFloat{0%,100%{translate:0 0}50%{translate:0 -2px}}
@keyframes efxVqvFloatB{0%,100%{translate:0 -1px}50%{translate:0 2px}}
.efx-vqv-modal{position:fixed;inset:0;z-index:2147482500;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(3,12,40,.72);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.efx-vqv-modal.is-open{display:flex}.efx-vqv-dialog{position:relative;width:min(410px,94vw);max-height:94dvh;padding:12px;border-radius:25px;background:#fff;box-shadow:0 28px 90px rgba(0,0,0,.35);overflow:hidden}
.efx-vqv-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 4px 10px 8px}.efx-vqv-modal-title{min-width:0;margin:0;color:#071f62;font-size:15px;font-weight:900;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.efx-vqv-close{display:grid;place-items:center;flex:0 0 auto;width:37px;height:37px;border:0;border-radius:999px;background:#eef2f8;color:#071f62;font-size:25px;line-height:1;cursor:pointer}
.efx-vqv-player{position:relative;width:100%;aspect-ratio:9/16;max-height:76dvh;border-radius:18px;overflow:hidden;background:#050914}.efx-vqv-player iframe{display:block;width:100%;height:100%;border:0;background:#050914}
.efx-vqv-modal-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 7px 2px;color:#7b8494;font-size:10.5px;line-height:1.35}.efx-vqv-modal-foot a{color:#071f62;font-weight:900;text-decoration:none;white-space:nowrap}
body.efx-vqv-lock{overflow:hidden}
@media(max-width:620px){.efx-vqv{width:100%;margin:13px auto 20px;padding:13px 0 14px}.efx-vqv-dealer{margin:8px 0 16px;padding:12px 0 14px}.efx-vqv-head{padding:0 16px 7px}.efx-vqv-label{font-size:10.9px}.efx-vqv-hint{font-size:9.5px}.efx-vqv-row{height:50px}.efx-vqv-row+.efx-vqv-row{margin-top:-4px}.efx-vqv-track{gap:2px;padding:5px 34vw 6px}.efx-vqv-row-b .efx-vqv-track{padding-top:3px;padding-bottom:7px}.efx-vqv-item{max-width:214px;padding:8px 10px 11px;font-size:12.4px}.efx-vqv-dialog{width:min(390px,96vw);padding:9px;border-radius:22px}.efx-vqv-player{max-height:78dvh}.efx-vqv-modal{padding:9px}.efx-vqv-stage::after{left:9%;right:9%}}
@media(min-width:1100px){.efx-vqv{width:min(1460px,calc(100% - 52px))}.efx-vqv-track{padding-left:38%;padding-right:38%}.efx-vqv-item{font-size:14px;max-width:285px}}
@media(min-width:1500px){.efx-vqv{width:min(1540px,calc(100% - 64px))}}
@media(prefers-reduced-motion:reduce){.efx-vqv-item,.efx-vqv-item::after{transition:none}.efx-vqv-item span{animation:none}}


/* v5.4.7-r4 — minimalist mono-tone global utilities + Global Notification Center */
.topbar .top-actions{gap:2px}
.topbar .top-utility-btn,
.topbar .language-switch-btn,
.topbar .share-view-launch,
.topbar .help-center-launch-btn{
  position:relative!important;flex:0 0 44px!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;
  padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#071f62!important;
  box-shadow:none!important;display:grid!important;place-items:center!important;line-height:1!important;transform:none!important
}
.topbar .top-utility-btn:hover,.topbar .top-utility-btn:focus-visible{background:rgba(7,31,98,.07)!important;border-radius:12px!important;outline:none}
.topbar .top-utility-btn:active{background:rgba(7,31,98,.12)!important;border-radius:12px!important;transform:scale(.96)!important}
.topbar .top-utility-btn svg{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.top-utility-label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.global-notification-badge{position:absolute;top:1px;right:0;display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#071f62;color:#fff100;border:2px solid #fff100;font:950 9px/1 Inter,system-ui,sans-serif;box-shadow:0 2px 7px rgba(7,31,98,.2)}
.global-notification-badge[hidden],.settings-notification-badge[hidden],.app-settings-notification-badge[hidden]{display:none!important}
.settings-notification-badge,.app-settings-notification-badge{display:grid;place-items:center;min-width:23px;height:23px;padding:0 7px;border-radius:999px;background:#071f62;color:#fff100;font:950 9px/1 Inter,system-ui,sans-serif;white-space:nowrap}
.settings-tab-with-badge{display:inline-flex!important;align-items:center;gap:5px}.settings-tab-notification-badge{display:inline-grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#071f62;color:#fff100;font:950 8px/1 Inter,system-ui,sans-serif;vertical-align:middle}.settings-tab-notification-badge[hidden]{display:none!important}
.app-settings-card.companion{position:relative}.app-settings-notification-badge{position:absolute;top:9px;left:42px;border:2px solid #fff}
.notification-inbox-banner{min-height:43px;gap:8px;padding:7px clamp(12px,3vw,30px);background:#fffdf0;color:#071f62;border-bottom:1px solid #e6dd88;box-shadow:none;cursor:pointer}
.notification-inbox-banner-icon{width:29px;height:29px;border-radius:0;background:transparent;color:#071f62;font-size:0}.notification-inbox-banner-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.notification-inbox-banner-copy{gap:0}.notification-inbox-banner-copy strong{font-size:10px;color:#071f62}.notification-inbox-banner-copy span{font-size:8px;color:#667085}
.notification-inbox-banner button{padding:6px 3px 6px 8px;border-radius:0;background:transparent;color:#071f62;font-size:9px}.notification-inbox-banner button span{font-size:17px;vertical-align:-1px}
.global-notification-dialog{width:min(680px,calc(100% - 22px));max-height:min(840px,calc(100vh - 22px));overflow:hidden;padding:0}
.global-notification-head{padding:22px 58px 17px 20px;background:#071f62;color:#fff}.global-notification-head small{display:block;color:#fff100;font-size:8px;font-weight:950;letter-spacing:.16em}.global-notification-head h2{margin:5px 0 4px;color:#fff;font-size:27px;line-height:1.08}.global-notification-head p{margin:0;color:#dce6ff;font-size:10px;line-height:1.45}
.global-notification-body{padding:14px;overflow:auto;max-height:calc(100vh - 130px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#f7f9fc}
.global-notification-dialog>.modal-close{background:#fff;color:#071f62}
.companion-inbox-item{cursor:pointer;transition:.16s ease}.companion-inbox-item:hover{border-color:#b7c4d7;box-shadow:0 8px 22px rgba(7,31,98,.07)}.companion-inbox-item:focus-visible{outline:3px solid rgba(255,241,0,.8);outline-offset:2px}
.companion-inbox-item.notification-target-missing{opacity:.72}.companion-inbox-target{display:block;margin-top:4px;color:#071f62;font-size:9px;font-weight:900}.companion-inbox-unread-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#071f62;margin-right:5px;vertical-align:1px}
.companion-inbox-tools button.primary-read{background:#071f62;color:#fff;border-color:#071f62}
.customer-reminder-item.notification-focus,.prospect-card.notification-focus{outline:3px solid rgba(255,241,0,.92);box-shadow:0 12px 30px rgba(7,31,98,.14)}
@media(max-width:640px){
  .topbar{gap:4px}.topbar .brand{min-width:0}.topbar .brand-main{font-size:19px}.topbar .top-actions{gap:0;flex:0 0 auto}
  .topbar .top-utility-btn,.topbar .language-switch-btn,.topbar .share-view-launch,.topbar .help-center-launch-btn{flex-basis:42px!important;width:42px!important;min-width:42px!important;height:44px!important}
  .topbar .top-utility-btn svg{width:21px;height:21px}.global-notification-badge{right:-1px}
  .notification-inbox-banner{padding:6px 10px}.notification-inbox-banner-copy span{max-width:205px}
  .global-notification-dialog{width:calc(100% - 12px);max-height:calc(100vh - 12px)}.global-notification-head{padding:19px 54px 14px 16px}.global-notification-head h2{font-size:24px}.global-notification-body{padding:10px;max-height:calc(100vh - 112px)}
}
@media(max-width:390px){
  .topbar{padding-left:7px!important;padding-right:7px!important}.topbar .brand-main{font-size:17px;letter-spacing:-1px}.topbar .top-utility-btn,.topbar .language-switch-btn,.topbar .share-view-launch,.topbar .help-center-launch-btn{flex-basis:40px!important;width:40px!important;min-width:40px!important}
}
@media(max-width:340px){.topbar .brand-main{font-size:15px}.topbar .top-utility-btn,.topbar .language-switch-btn,.topbar .share-view-launch,.topbar .help-center-launch-btn{flex-basis:38px!important;width:38px!important;min-width:38px!important}}


/* v5.4.7-r4.1 — clearer paper-plane Share icon + slightly tighter utility spacing. */
.topbar .top-actions{gap:0!important}
.topbar .top-utility-btn,
.topbar .language-switch-btn,
.topbar .share-view-launch,
.topbar .help-center-launch-btn{
  flex-basis:42px!important;width:42px!important;min-width:42px!important;height:44px!important;min-height:44px!important
}
.topbar #shareViewBtn svg{width:22px;height:22px;stroke-width:1.9}
@media(max-width:640px){
  .topbar .top-utility-btn,
  .topbar .language-switch-btn,
  .topbar .share-view-launch,
  .topbar .help-center-launch-btn{flex-basis:40px!important;width:40px!important;min-width:40px!important;height:44px!important}
}
@media(max-width:390px){
  .topbar .top-utility-btn,
  .topbar .language-switch-btn,
  .topbar .share-view-launch,
  .topbar .help-center-launch-btn{flex-basis:39px!important;width:39px!important;min-width:39px!important}
}


/* v5.4.7-r4.3 — Promotion Push Timing Guard. */
.share-dialog{max-width:680px;padding:clamp(22px,3vw,30px)}
.share-dialog>.eyebrow{font-size:10px;letter-spacing:.18em}
.share-dialog>h2{margin:7px 54px 6px 0;color:var(--navy);font-size:clamp(28px,5vw,38px);line-height:1.06;letter-spacing:-.025em}
.share-dialog>.share-intro{max-width:590px;margin:0 0 12px;color:#6b7588;font-size:12px;line-height:1.5}
.share-preview-card-compact{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 18px;margin:10px 0;padding:13px 15px;border-radius:16px;background:#f7f9fc}
.share-preview-identity{display:grid;gap:2px;min-width:0}
.share-preview-card-compact small{font-size:9px;letter-spacing:.03em}
.share-preview-card-compact strong{font-size:18px;line-height:1.15}
.share-preview-card-compact>span{max-width:260px;color:#4f5d74;font-size:11px;line-height:1.35;text-align:right;overflow-wrap:anywhere}
.share-compact-details{margin-top:9px;border:1px solid #dce3ee;border-radius:14px;background:#fff;overflow:hidden}
.share-compact-details summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 13px;color:var(--navy);font-size:11px;font-weight:900;cursor:pointer;list-style:none}
.share-compact-details summary::-webkit-details-marker{display:none}
.share-details-chevron{font-size:17px;line-height:1;transition:transform .18s ease}
.share-compact-details[open] .share-details-chevron{transform:rotate(180deg)}
.share-benefit-list{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 10px 10px}
.share-benefit-list div{padding:8px 9px;border-radius:10px;background:#f5f7fb;color:#33425f;font-size:10px;font-weight:800;line-height:1.35}
.share-action-card{margin-top:11px!important;padding:14px!important;border:1px solid #dce3ee!important;border-radius:17px!important;background:#fff!important}
.quick-share-box.share-action-card{background:linear-gradient(145deg,rgba(255,241,0,.13),#fff 55%)!important}
.share-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:3px}
.share-section-head small{display:block;margin-bottom:2px;color:#6d798e;font-size:8px;font-weight:950;letter-spacing:.14em}
.share-section-head h3,.share-link-box h3{margin:0;color:var(--navy);font-size:18px;line-height:1.16}
.share-action-card>p{margin:0 0 10px;color:#68758c;font-size:10.5px;line-height:1.45}
.share-action-card .field-label{display:block;margin:0 0 6px;color:#263858;font-size:10px;font-weight:850}
.quick-share-phone-wrap{grid-template-columns:72px minmax(0,1fr);border-radius:12px}
.quick-share-phone-wrap input{min-height:48px;font-size:15px}
.share-primary-action{width:100%;min-height:46px;margin-top:9px;justify-content:center;padding:10px 13px!important}
.quick-share-subactions,.share-link-subactions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}
.share-compact-action{min-height:40px;padding:8px 9px!important;border:1px solid #ccd5e5!important;border-radius:11px!important;background:#f5f7fb!important;color:var(--navy)!important;box-shadow:none!important;font-size:10.5px!important;font-weight:900!important;justify-content:center}
.share-compact-action:hover,.share-compact-action:focus-visible{border-color:#071f62!important;background:#eef2f8!important}
.share-inline-note{margin:8px 1px 0!important;color:#6d798e!important;font-size:9.5px!important;line-height:1.4!important}
.share-link-box{display:grid;gap:0}
.share-help-copy{padding:0 13px 11px;color:#5f6d83;font-size:10px;line-height:1.45}
.share-help-copy p{margin:0 0 7px}.share-help-copy p:last-child{margin-bottom:0}.share-help-copy strong{color:var(--navy)}
@media(max-width:560px){
  .share-dialog{padding:20px 15px 18px}.share-dialog>.modal-close{top:15px;right:15px}.share-dialog>h2{font-size:29px;margin-right:50px}
  .share-preview-card-compact{grid-template-columns:1fr;gap:5px;padding:12px 13px}.share-preview-card-compact>span{max-width:none;text-align:left;font-size:10.5px}
  .share-benefit-list{grid-template-columns:1fr}.share-action-card{padding:12px!important}.quick-share-subactions,.share-link-subactions{gap:6px}
  .share-compact-action{font-size:10px!important;padding-left:7px!important;padding-right:7px!important}
}
@media(max-width:370px){.quick-share-subactions,.share-link-subactions{grid-template-columns:1fr}}


.customer-nice-number-hook{appearance:none;width:100%;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;margin:16px 0 10px;padding:9px 10px;border:1px solid #e4d934;border-radius:13px;background:#fffdec;color:#071f62;text-align:left;cursor:pointer;font:inherit}
.customer-nice-number-hook>span:first-child{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#fff100;font-weight:950}.customer-nice-number-hook>span:nth-child(2){display:grid;gap:1px}.customer-nice-number-hook strong{font-size:11px}.customer-nice-number-hook small{font-size:8.5px;color:#667085;font-weight:750}.customer-nice-number-hook>b{font-size:20px}.nice-number-detail-btn{background:#fffdec!important;border-color:#e2d72d!important;color:#071f62!important}.nice-numbers-dialog{width:min(720px,calc(100% - 22px));max-height:92vh;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr);padding:0}.nice-numbers-head{padding:20px 58px 15px 18px;background:linear-gradient(135deg,#071f62,#0d3b89);color:#fff}.nice-numbers-head small{display:block;color:#fff100;font-size:9px;font-weight:950;letter-spacing:.16em}.nice-numbers-head h2{margin:5px 0 4px;font-size:22px}.nice-numbers-head p{margin:0;color:#d8e2f3;font-size:11px;line-height:1.45}.nice-numbers-screen{overflow:auto;padding:14px;background:#f7f8fb}.nn-dealer-summary{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #dce3ee;border-radius:14px;background:#fff;overflow:hidden;margin-bottom:11px}.nn-dealer-summary>span{padding:10px;border-left:1px solid #edf0f4}.nn-dealer-summary>span:first-child{border-left:0}.nn-dealer-summary small{display:block;color:#667085;font-size:8px;font-weight:850}.nn-dealer-summary b{display:block;color:#071f62;font-size:14px;margin-top:2px}.nn-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-bottom:9px}.nn-share-tools{display:flex;gap:6px;flex-wrap:wrap;margin:-1px 0 9px}.nn-share-tools button{border:1px solid #d7dee8;border-radius:10px;background:#fff;color:#071f62;padding:8px 10px;font-size:9px;font-weight:900;cursor:pointer}.nn-share-tools button.primary{background:#071f62;color:#fff;border-color:#071f62}.nn-category-filter{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 9px}.nn-category-filter button{border:1px solid #d7dee8;border-radius:999px;background:#fff;color:#071f62;padding:6px 9px;font-size:8.5px;font-weight:900}.nn-category-filter button.active{background:#071f62;color:#fff;border-color:#071f62}.nn-selected-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.nn-selected-actions button{border:0;border-radius:10px;padding:9px;font-weight:900;cursor:pointer}.nn-payment{margin-top:8px;border:1px solid #dce3ed;border-radius:12px;background:#f7f9fc;padding:10px}.nn-payment h4{margin:0 0 7px;color:#071f62;font-size:11px}.nn-payment-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center}.nn-payment-info{display:grid;gap:3px;font-size:9.5px;color:#667085}.nn-payment-info b{color:#071f62;font-size:11px;word-break:break-word}.nn-payment-qr{width:86px;height:86px;border-radius:10px;border:1px solid #d7dee8;background:#fff;object-fit:contain}.nn-payment-actions{display:flex;gap:6px;margin-top:8px}.nn-payment-actions button{border:0;border-radius:9px;background:#eef2f7;color:#071f62;padding:7px 9px;font-size:9px;font-weight:900}.nn-no-payment{font-size:9.5px;color:#7b8492}.nn-search{width:100%;border:1px solid #d7dee8;border-radius:11px;background:#fff;padding:10px 11px;font:inherit;font-size:12px;color:#101828}.nn-refresh{border:0;border-radius:11px;background:#071f62;color:#fff;padding:0 12px;font-weight:900}.nn-list{display:grid;grid-template-columns:1fr 1fr;border:1px solid #dce3ee;border-radius:14px;overflow:hidden;background:#fff}.nn-row{appearance:none;min-width:0;border:0;border-bottom:1px solid #edf0f4;background:#fff;padding:9px 10px;text-align:left;color:#101828;font:inherit;cursor:pointer}.nn-row:nth-child(odd){border-right:1px solid #edf0f4}.nn-row:hover,.nn-row.selected{background:#fffdea}.nn-row strong{display:block;color:#071f62;font-size:14px;font-weight:950;letter-spacing:.01em;font-variant-numeric:tabular-nums;white-space:nowrap}.nn-row small{display:block;margin-top:2px;color:#7b8492;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nn-row{position:relative;padding-right:32px}.nn-row .nn-check{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:16px;height:16px;border:1.5px solid #b9c4d2;border-radius:5px;background:#fff}.nn-row.selected .nn-check{background:#071f62;border-color:#071f62}.nn-row.selected .nn-check:after{content:'✓';position:absolute;left:2px;top:-2px;color:#fff;font-size:11px;font-weight:950}.nn-selected-chips{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.nn-selected-chips span{padding:5px 7px;border-radius:8px;background:#eef2f7;color:#071f62;font-size:8.5px;font-weight:900}.nn-select-summary{display:flex;justify-content:space-between;gap:10px;align-items:center}.nn-select-summary strong{color:#071f62;font-size:14px}.nn-select-summary small{color:#667085;font-weight:850}.nn-multi-actions{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:6px;margin-top:8px}.nn-multi-actions button{border:0;border-radius:10px;padding:9px 7px;font-size:9px;font-weight:950}.nn-multi-actions .buy{background:#fff100;color:#071f62}.nn-multi-actions .share{background:#eef2f7;color:#071f62}.nn-multi-actions .copy{background:#eef2f7;color:#071f62}.nn-multi-selected{position:sticky;bottom:-1px;z-index:2}.nn-order-form .nn-selected-chips{max-height:84px;overflow:auto}.nn-order-count{padding:8px 10px;border-radius:10px;background:#eef4ff;color:#071f62;font-size:9px;font-weight:900}.nn-empty{grid-column:1/-1;padding:28px 16px;text-align:center;color:#667085;font-size:12px}.nn-customer-note{padding:10px 11px;border-radius:12px;background:#eef4ff;color:#27436d;font-size:10px;line-height:1.5;margin-bottom:10px}.nn-selected{position:sticky;bottom:-1px;margin-top:10px;padding:11px;border:1px solid #d9e1ec;border-radius:14px;background:rgba(255,255,255,.97);box-shadow:0 -8px 24px rgba(7,31,98,.09)}.nn-selected-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.nn-selected-head>div{min-width:0}.nn-selected-head>div>small{display:block}.nn-selected-head strong{display:block;color:#071f62;font-size:17px;line-height:1.15;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:.01em}.nn-selected-head>small{color:#667085;white-space:nowrap;font-weight:850}.nn-selected button,.nn-order-actions button{border:0;border-radius:11px;padding:10px 12px;font-weight:950;cursor:pointer}.nn-primary{background:#fff100;color:#071f62}.nn-dark{background:#071f62;color:#fff}.nn-soft{background:#eef2f7;color:#071f62}.nn-order-form{display:grid;gap:9px;margin-top:10px}.nn-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.nn-field{display:grid;gap:4px}.nn-field.full{grid-column:1/-1}.nn-field label{font-size:9px;color:#475467;font-weight:900}.nn-field input,.nn-field select,.nn-field textarea{width:100%;border:1px solid #cfd8e5;border-radius:10px;padding:9px;font:inherit;font-size:12px;background:#fff}.nn-field textarea{min-height:70px;resize:vertical}.nn-order-cost{padding:9px 10px;border-radius:10px;background:#fff8bf;color:#071f62;font-size:10px;font-weight:850}.nn-order-actions{display:flex;gap:7px;justify-content:flex-end}.nn-orders{margin-top:12px;border-top:1px solid #e6ebf2;padding-top:10px}.nn-orders h3{margin:0 0 7px;color:#071f62;font-size:13px}.nn-order-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:8px 0;border-top:1px solid #eef1f5}.nn-order-row:first-of-type{border-top:0}.nn-order-row strong{font-size:11px;color:#071f62}.nn-order-row small{display:block;color:#7b8492;font-size:8.5px}.nn-order-row.just-sent{margin:2px -5px;padding:10px 5px;background:#fffdea;border-radius:10px}.nn-order-wa{margin-top:6px;border:0;border-radius:9px;background:#e8f7ee;color:#067647;padding:7px 9px;font-size:8.5px;font-weight:950;cursor:pointer}.nn-serial-card{margin-top:7px;padding:8px 9px;border:1px solid #d9e3f0;border-radius:11px;background:#f8fbff}.nn-serial-card>small{display:block!important;margin:0 0 4px!important;color:#7b8492!important;font-size:7.5px!important;font-weight:950!important;letter-spacing:.09em}.nn-serial-lines{display:grid;gap:3px}.nn-serial-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center}.nn-serial-line b{color:#071f62;font-size:10px;line-height:1.25;word-break:break-word}.nn-serial-line span{color:#071f62;font-size:10px;font-weight:950;word-break:break-all}.nn-serial-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.nn-serial-actions button{border:0;border-radius:9px;padding:7px 9px;font-size:8px;font-weight:950;cursor:pointer}.nn-serial-copy{background:#eef2f7;color:#071f62}.nn-serial-share{background:#fff100;color:#071f62}.nn-status{font-size:8px;font-weight:900;background:#eef2f7;color:#071f62;border-radius:999px;padding:4px 7px;height:max-content}.nn-loading{padding:30px 12px;text-align:center;color:#667085}@media(max-width:520px){.nn-selected-head strong{font-size:clamp(14px,4.5vw,17px)}.nn-payment-grid{grid-template-columns:minmax(0,1fr) 76px}.nn-payment-qr{width:76px;height:76px}.nice-numbers-dialog{width:calc(100% - 16px);max-height:94vh}.nice-numbers-head{padding:17px 52px 13px 14px}.nice-numbers-head h2{font-size:18px}.nice-numbers-screen{padding:10px}.nn-dealer-summary>span{padding:8px}.nn-dealer-summary b{font-size:12px}.nn-row{padding:8px}.nn-row strong{font-size:13px}.nn-form-grid{grid-template-columns:1fr}.nn-field.full{grid-column:auto}}
.nn-pro-paywall,.nn-pro-closed{max-width:520px;margin:10px auto;padding:24px 18px;border:1px solid #dce3ed;border-radius:20px;background:#fff;text-align:center}.nn-pro-paywall h3,.nn-pro-closed strong{display:block;margin:8px 0 6px;color:#071f62;font-size:20px}.nn-pro-paywall p,.nn-pro-closed p{margin:0 auto 14px;color:#667085;font-size:11px;line-height:1.55;max-width:420px}.nn-pro-paywall>button{min-width:220px;border:0;border-radius:12px;padding:12px 15px;font-weight:950;cursor:pointer}.nn-pro-paywall>small{display:block;margin-top:8px;color:#8791a2;font-size:8.5px}.nn-pro-closed>span{width:44px;height:44px;display:grid;place-items:center;margin:auto;border-radius:14px;background:#fff100;color:#071f62;font-size:22px;font-weight:950}.nn-pro-badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:#071f62;color:#fff100;font-size:8px;font-weight:950;letter-spacing:.08em}.nn-pro-price{display:flex;justify-content:center;align-items:baseline;gap:5px;margin:12px 0}.nn-pro-price b{font-size:27px;color:#071f62}.nn-pro-price small{font-size:9px;color:#667085;font-weight:800}.nn-pro-strip{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:9px;padding:8px 10px;border-radius:11px;background:#eef4ff;color:#071f62;font-size:9px}.nn-pro-strip.trial{background:#fff8bf}.nn-pro-strip strong{font-size:10px}.nn-pro-strip span{color:#667085}.nn-dealer-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}.nn-dealer-tabs button{border:1px solid #d8e0eb;border-radius:11px;padding:9px;background:#fff;color:#071f62;font-size:10px;font-weight:950;cursor:pointer}.nn-dealer-tabs button.active{background:#071f62;color:#fff;border-color:#071f62}.nn-dealer-tabs span{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:4px;padding:0 5px;border-radius:999px;background:#fff100;color:#071f62;font-size:8px}.nn-own-head{display:flex;justify-content:space-between;gap:9px;align-items:center;margin-bottom:9px}.nn-own-head strong{display:block;color:#071f62;font-size:15px}.nn-own-head small{display:block;color:#667085;font-size:9px;margin-top:2px}.nn-own-head button{border:0;border-radius:9px;padding:8px 9px;font-size:8.5px;font-weight:900}.nn-own-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:9px}.nn-own-stats span{padding:9px;border:1px solid #e0e6ef;border-radius:11px;background:#fff}.nn-own-stats b{display:block;color:#071f62;font-size:17px}.nn-own-stats small{display:block;color:#7b8492;font-size:8px}.nn-own-add{display:grid;gap:6px;margin-bottom:10px;padding:10px;border:1px solid #dce3ed;border-radius:13px;background:#fff}.nn-own-add label{font-size:10px;font-weight:950;color:#071f62}.nn-own-add textarea{min-height:86px;width:100%;border:1px solid #cfd8e5;border-radius:10px;padding:9px;font:inherit;font-size:11px;resize:vertical}.nn-own-add-row{display:grid;grid-template-columns:1fr auto;gap:6px}.nn-own-add-row input{border:1px solid #cfd8e5;border-radius:10px;padding:8px;font:inherit;font-size:10px}.nn-own-add-row button{border:0;border-radius:10px;padding:9px 11px;font-weight:950}.nn-own-add>small{color:#7b8492;font-size:8.5px;line-height:1.4}.nn-own-list{display:grid;grid-template-columns:1fr 1fr;border:1px solid #dce3ed;border-radius:13px;overflow:hidden;background:#fff}.nn-own-row{min-width:0;padding:9px;border-bottom:1px solid #edf0f4}.nn-own-row:nth-child(odd){border-right:1px solid #edf0f4}.nn-own-row strong{display:block;color:#071f62;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.nn-own-row small{display:block;color:#7b8492;font-size:8px;margin-top:2px}.nn-own-actions{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}.nn-own-actions button{border:0;border-radius:7px;background:#eef2f7;color:#071f62;padding:5px 6px;font-size:7.5px;font-weight:900;cursor:pointer}@media(max-width:430px){.nn-own-head{align-items:flex-start}.nn-own-list{grid-template-columns:1fr}.nn-own-row:nth-child(odd){border-right:0}.nn-pro-strip{align-items:flex-start;flex-direction:column}.nn-own-add-row{grid-template-columns:1fr}.nn-own-add-row button{width:100%}}

/* v5.4.10-r2.7.15 — dealer supplier inventory scroll area keeps Pesanan Saya within easy reach. */
.nn-dealer-list-wrap{max-height:min(48vh,460px);overflow-y:auto;overflow-x:hidden;border-radius:14px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c6cfdd transparent;-webkit-overflow-scrolling:touch}
.nn-dealer-list-wrap.has-orders{max-height:min(40vh,380px)}
.nn-dealer-list-wrap .nn-list{overflow:hidden}
.nn-dealer-list-wrap::-webkit-scrollbar{width:5px}
.nn-dealer-list-wrap::-webkit-scrollbar-thumb{background:#c6cfdd;border-radius:999px}
.nn-dealer-list-wrap::-webkit-scrollbar-track{background:transparent}
@media(max-width:520px){.nn-dealer-list-wrap{max-height:min(44vh,410px)}.nn-dealer-list-wrap.has-orders{max-height:min(36vh,340px)}}


/* eFlyersXOX v5.4.9-r3 — MyDigital ID Visual Remote Guide. */
.global-search-launch{display:grid!important}
.global-search-layer{position:fixed;inset:0;z-index:180;display:none;pointer-events:none}
.global-search-layer.open{display:block;pointer-events:auto}
.global-search-backdrop{position:absolute;inset:0;background:rgba(5,17,45,.28);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.global-search-sheet{position:relative;width:min(680px,calc(100% - 24px));max-height:min(72vh,620px);margin:72px auto 0;border:1px solid rgba(214,222,234,.96);border-radius:20px;background:#fff;box-shadow:0 24px 70px rgba(7,31,98,.24);overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr)}
.global-search-input-wrap{display:grid;grid-template-columns:24px minmax(0,1fr) 34px;gap:8px;align-items:center;padding:12px 13px;border-bottom:1px solid #e7ebf2;background:#fff}
.global-search-input-wrap>svg{width:21px;height:21px;fill:none;stroke:#071f62;stroke-width:2;stroke-linecap:round}
.global-search-input{width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;color:#071f62!important;padding:7px 0!important;margin:0!important;font:800 16px/1.25 Inter,system-ui,sans-serif!important;box-shadow:none!important}
.global-search-input::placeholder{color:#98a2b3;font-weight:650}
.global-search-close{width:34px;height:34px;border:0;border-radius:10px;background:#f1f4f8;color:#071f62;font:900 20px/1 system-ui;cursor:pointer}
.global-search-body{min-height:110px;overflow:auto;padding:6px 0 9px;background:#fff;overscroll-behavior:contain}
.global-search-hint{padding:15px 18px;color:#8a94a4;font-size:10px;line-height:1.55}
.global-search-hint strong{display:block;margin-bottom:4px;color:#071f62;font-size:11px}
.global-search-results{display:grid}
.global-search-result{width:100%;border:0;border-top:1px solid #edf0f4;background:#fff;padding:11px 17px;text-align:left;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;color:#071f62;font:inherit;cursor:pointer}
.global-search-result:first-child{border-top:0}
.global-search-result:hover,.global-search-result:focus-visible,.global-search-result.active{background:#fffdeb;outline:0}
.global-search-result-copy{min-width:0;display:grid;gap:2px}
.global-search-result-title{font-size:13px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.global-search-result-sub{color:#7a8495;font-size:9px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.global-search-result-type{flex:0 0 auto;color:#8b95a6;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.global-search-empty{padding:24px 18px;text-align:center;color:#7e8899;font-size:11px}
.global-search-more{width:calc(100% - 28px);margin:7px 14px 3px;border:0;border-radius:10px;background:#f2f5f9;color:#071f62;padding:9px 12px;font:900 9px/1.2 Inter,system-ui,sans-serif;cursor:pointer}
body.global-search-open{overflow:hidden}
body.share-view #globalSearchBtn{display:grid!important}
@media(max-width:640px){
  .global-search-sheet{width:calc(100% - 12px);margin-top:62px;border-radius:17px;max-height:min(74vh,590px)}
  .global-search-input-wrap{padding:9px 10px}.global-search-input{font-size:15px!important}.global-search-result{padding:11px 13px}.global-search-result-title{font-size:12px}
}
@media(max-width:390px){
  body.share-view .top-actions::before{font-size:8px!important;padding:7px 8px!important;letter-spacing:.02em!important}
}


#customerCareScreen .cc-home-card.compact-home.mydigitalid::before{background:#1b6dc9}
.cc-mydigitalid{padding-bottom:12px}.cc-myid-alert{margin:0 0 12px;padding:14px;border-radius:16px;background:linear-gradient(135deg,#071f62,#124b9d);color:#fff}.cc-myid-alert small{display:block;color:#fff100;font-size:9px;font-weight:950;letter-spacing:.11em}.cc-myid-alert strong{display:block;margin-top:4px;font-size:20px}.cc-myid-alert p{margin:7px 0 0;font-size:11px;line-height:1.5;color:#e9efff}.cc-myid-overview{display:block;position:relative;border:1px solid #e1e6ef;border-radius:16px;overflow:hidden;background:#fff;text-decoration:none}.cc-myid-overview img{display:block;width:100%;height:auto}.cc-myid-overview span{display:block;padding:7px 10px;background:#f7f9fc;color:#6d7687;font-size:9px;font-weight:850}.cc-myid-flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.cc-myid-flow-grid article{padding:11px;border:1px solid #e1e6ef;border-radius:14px;background:#fff}.cc-myid-flow-grid article.remote{border-color:#e9d52b;background:#fffdf0}.cc-myid-flow-grid small{display:block;color:#7c8695;font-size:7.5px;font-weight:950;letter-spacing:.08em}.cc-myid-flow-grid strong{display:block;margin-top:3px;color:#071f62;font-size:12px}.cc-myid-flow-grid p{margin:4px 0 0;color:#697386;font-size:9px;line-height:1.4}.cc-myid-guide-list{display:grid;gap:8px}.cc-myid-guide-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid #e1e6ef;border-radius:15px;background:#fff}.cc-myid-guide-list small{display:block;color:#8b93a1;font-size:7px;font-weight:950;letter-spacing:.09em}.cc-myid-guide-list strong{display:block;margin-top:2px;color:#071f62;font-size:12px}.cc-myid-guide-list p{margin:3px 0 0;color:#727b8c;font-size:9px;line-height:1.35}.cc-myid-guide-list button{border:0;border-radius:11px;background:#071f62;color:#fff;padding:9px 10px;font-size:9px;font-weight:900}.cc-myid-share-target{margin-top:10px;padding:11px 12px;border:1px solid #e1e6ef;border-radius:14px;background:#fff}.cc-myid-share-target label{display:grid;gap:6px;color:#536077;font-size:9px;font-weight:900}.cc-myid-share-target select{width:100%;border:1px solid #d5deeb;border-radius:11px;background:#fff;color:#071f62;padding:9px 10px;font:inherit;font-size:10px;font-weight:850}.cc-myid-actions{margin-top:10px}.cc-myid-tips{margin-top:10px;border:1px solid #e1e6ef;border-radius:14px;padding:10px 12px;background:#fff}.cc-myid-tips summary{cursor:pointer;color:#071f62;font-size:11px;font-weight:900}.cc-myid-tips p{margin:7px 0 0;color:#657084;font-size:9.5px;line-height:1.4}.cc-myid-official{display:flex;justify-content:center;margin-top:9px;color:#071f62;font-size:10px;font-weight:900}.efx-myid-viewer{position:fixed;inset:0;z-index:1500;display:none;align-items:flex-end;justify-content:center;background:rgba(3,16,49,.62);backdrop-filter:blur(5px);padding:10px}.efx-myid-viewer.open{display:flex}.efx-myid-viewer-card{width:min(680px,100%);max-height:92dvh;overflow:auto;border-radius:22px;background:#fff;padding:13px}.efx-myid-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.efx-myid-viewer-head strong{color:#071f62;font-size:16px}.efx-myid-viewer-close{border:0;width:38px;height:38px;border-radius:12px;background:#eef2f7;color:#071f62;font-size:22px}.efx-myid-viewer-meta{display:flex;justify-content:space-between;gap:8px;margin:8px 0;color:#6e7788;font-size:9px;font-weight:850}.efx-myid-viewer-image{display:block;width:100%;height:auto;max-height:62dvh;object-fit:contain;border:1px solid #e2e6ed;border-radius:14px;background:#f8fafc}.efx-myid-viewer-copy{padding:9px 2px}.efx-myid-viewer-copy strong{display:block;color:#071f62;font-size:13px}.efx-myid-viewer-copy p{margin:4px 0 0;color:#687286;font-size:10px;line-height:1.4}.efx-myid-viewer-videos{display:grid;gap:6px;margin:4px 0 10px}.efx-myid-viewer-videos:empty{display:none}.efx-myid-viewer-videos button{font:inherit;text-align:left}
.efx-myid-viewer-videos a,.efx-myid-viewer-videos button{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 10px;border:1px solid #e1e6ef;border-radius:11px;background:#fff;color:#071f62;text-decoration:none;font-size:9px;font-weight:900}.efx-myid-viewer-videos b{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#071f62;color:#fff;font-size:9px}.efx-myid-viewer-videos em{font-style:normal;color:#8a93a3}.efx-myid-viewer-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}.efx-myid-viewer-nav button{border:1px solid #dfe4ec;border-radius:12px;padding:10px;background:#fff;color:#071f62;font-weight:900}.efx-myid-viewer-nav button:last-child{background:#071f62;color:#fff}.efx-myid-viewer-nav button:disabled{opacity:.45}
@media(max-width:430px){.cc-myid-flow-grid{grid-template-columns:1fr}.cc-myid-guide-list article{grid-template-columns:1fr}.cc-myid-guide-list button{width:100%}}

/* eFlyersXOX v5.4.10-r2.7.52 — Local Tabler Outline, all eFlyers HTML routes. */
html.efx-icon-system .efx-site-icon{
 display:inline-block!important;width:18px!important;height:18px!important;vertical-align:middle;
 flex-shrink:0;fill:none!important;stroke:currentColor!important;stroke-width:2!important;
 stroke-linecap:round;stroke-linejoin:round;pointer-events:none;
}
html.efx-icon-system .top-actions .efx-site-icon,
html.efx-icon-system .function-icon .efx-site-icon,
html.efx-icon-system .feature-summary-card>b .efx-site-icon,
html.efx-icon-system .category-icon .efx-site-icon,
html.efx-icon-system .category-hero-icon .efx-site-icon{width:24px!important;height:24px!important}
html.efx-icon-system .tile-icon .efx-site-icon{width:28px!important;height:28px!important}
html.efx-icon-system .community-stat-icon .efx-site-icon,
html.efx-icon-system .module-count .efx-site-icon{width:38px!important;height:38px!important}
html.efx-icon-system .community-stat-icon{color:#071f62!important}
html.efx-icon-system .smart-mini-kicker .efx-site-icon,
html.efx-icon-system .smart-mini-summary-head .efx-site-icon,
html.efx-icon-system .hero-card-tap .efx-site-icon,
html.efx-icon-system .cc-home-chevron .efx-site-icon,
html.efx-icon-system .smart-settings-arrow .efx-site-icon{width:16px!important;height:16px!important}
/* Keep translated text nodes and accessible names intact; draw the visible label with generated text. */
html.efx-icon-system [data-efx-icon-label-source]{
 position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
 overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;
}
html.efx-icon-system [data-efx-icon-label-visual]{
 display:inline!important;pointer-events:none;font:inherit!important;color:inherit!important;
 width:auto!important;height:auto!important;padding:0!important;margin:0!important;
 background:none!important;border:0!important;box-shadow:none!important;
}
html.efx-icon-system [data-efx-icon-label-visual]::before{content:attr(data-efx-before);}
html.efx-icon-system [data-efx-icon-label-visual]::after{content:attr(data-efx-after);}
html.efx-icon-system [data-efx-icon-label-visual]>.efx-site-icon{
 width:clamp(12px,1.15em,18px)!important;height:clamp(12px,1.15em,18px)!important;
}
/* Add semantic icons to labelled actions without altering labels, links or form values. */
@supports ((mask-image:url("")) or (-webkit-mask-image:url(""))){
 html.efx-icon-system [data-efx-leading-icon]::before{
  content:"";display:inline-block;width:1.1em;height:1.1em;min-width:14px;min-height:14px;
  margin-right:.45em;vertical-align:-.15em;flex-shrink:0;background:currentColor;
  -webkit-mask:var(--efx-leading-icon) center / contain no-repeat;mask:var(--efx-leading-icon) center / contain no-repeat;
 }
}
@media(forced-colors:active){
 html.efx-icon-system .efx-site-icon{forced-color-adjust:auto;}
}
html.efx-icon-system [data-efx-leading-icon="adjustments"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22adjustments%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M4%2010a2%202%200%201%200%204%200a2%202%200%200%200%20-4%200%22%20%2F%3E%20%3Cpath%20d%3D%22M6%204v4%22%20%2F%3E%20%3Cpath%20d%3D%22M6%2012v8%22%20%2F%3E%20%3Cpath%20d%3D%22M10%2016a2%202%200%201%200%204%200a2%202%200%200%200%20-4%200%22%20%2F%3E%20%3Cpath%20d%3D%22M12%204v10%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2018v2%22%20%2F%3E%20%3Cpath%20d%3D%22M16%207a2%202%200%201%200%204%200a2%202%200%200%200%20-4%200%22%20%2F%3E%20%3Cpath%20d%3D%22M18%204v1%22%20%2F%3E%20%3Cpath%20d%3D%22M18%209v11%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="alert-circle"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22alert-circle%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M3%2012a9%209%200%201%200%2018%200a9%209%200%200%200%20-18%200%22%20%2F%3E%20%3Cpath%20d%3D%22M12%208v4%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2016h.01%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="arrow-left"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22arrow-left%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M5%2012l14%200%22%20%2F%3E%20%3Cpath%20d%3D%22M5%2012l6%206%22%20%2F%3E%20%3Cpath%20d%3D%22M5%2012l6%20-6%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="arrow-right"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22arrow-right%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M5%2012l14%200%22%20%2F%3E%20%3Cpath%20d%3D%22M13%2018l6%20-6%22%20%2F%3E%20%3Cpath%20d%3D%22M13%206l6%206%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="arrow-up-right"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22arrow-up-right%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M17%207l-10%2010%22%20%2F%3E%20%3Cpath%20d%3D%22M8%207l9%200l0%209%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="arrows-exchange"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22arrows-exchange%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M7%2010h14l-4%20-4%22%20%2F%3E%20%3Cpath%20d%3D%22M17%2014h-14l4%204%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="award"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22award%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M6%209a6%206%200%201%200%2012%200a6%206%200%201%200%20-12%200%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2015l3.4%205.89l1.598%20-3.233l3.598%20.232l-3.4%20-5.889%22%20%2F%3E%20%3Cpath%20d%3D%22M6.802%2012l-3.4%205.89l3.598%20-.233l1.598%203.232l3.4%20-5.889%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="barcode"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22barcode%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M4%207v-1a2%202%200%200%201%202%20-2h2%22%20%2F%3E%20%3Cpath%20d%3D%22M4%2017v1a2%202%200%200%200%202%202h2%22%20%2F%3E%20%3Cpath%20d%3D%22M16%204h2a2%202%200%200%201%202%202v1%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2020h2a2%202%200%200%200%202%20-2v-1%22%20%2F%3E%20%3Cpath%20d%3D%22M5%2011h1v2h-1l0%20-2%22%20%2F%3E%20%3Cpath%20d%3D%22M10%2011l0%202%22%20%2F%3E%20%3Cpath%20d%3D%22M14%2011h1v2h-1l0%20-2%22%20%2F%3E%20%3Cpath%20d%3D%22M19%2011l0%202%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="bell"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22bell%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M10%205a2%202%200%201%201%204%200a7%207%200%200%201%204%206v3a4%204%200%200%200%202%203h-16a4%204%200%200%200%202%20-3v-3a7%207%200%200%201%204%20-6%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2017v1a3%203%200%200%200%206%200v-1%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="book"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22book%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M3%2019a9%209%200%200%201%209%200a9%209%200%200%201%209%200%22%20%2F%3E%20%3Cpath%20d%3D%22M3%206a9%209%200%200%201%209%200a9%209%200%200%201%209%200%22%20%2F%3E%20%3Cpath%20d%3D%22M3%206l0%2013%22%20%2F%3E%20%3Cpath%20d%3D%22M12%206l0%2013%22%20%2F%3E%20%3Cpath%20d%3D%22M21%206l0%2013%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="bot-id"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22bot-id%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M7%2010.5c0%20-.828%20.746%20-1.5%201.667%20-1.5h6.666c.92%200%201.667%20.672%201.667%201.5v3c0%20.828%20-.746%201.5%20-1.667%201.5h-6.666c-.92%200%20-1.667%20-.672%20-1.667%20-1.5v-3%22%20%2F%3E%20%3Cpath%20d%3D%22M12%207v2%22%20%2F%3E%20%3Cpath%20d%3D%22M10%2012v.01%22%20%2F%3E%20%3Cpath%20d%3D%22M14%2012v.01%22%20%2F%3E%20%3Cpath%20d%3D%22M4%208v-2a2%202%200%200%201%202%20-2h2%22%20%2F%3E%20%3Cpath%20d%3D%22M4%2016v2a2%202%200%200%200%202%202h2%22%20%2F%3E%20%3Cpath%20d%3D%22M16%204h2a2%202%200%200%201%202%202v2%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2020h2a2%202%200%200%200%202%20-2v-2%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="briefcase"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22briefcase%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M3%209a2%202%200%200%201%202%20-2h14a2%202%200%200%201%202%202v9a2%202%200%200%201%20-2%202h-14a2%202%200%200%201%20-2%20-2l0%20-9%22%20%2F%3E%20%3Cpath%20d%3D%22M8%207v-2a2%202%200%200%201%202%20-2h4a2%202%200%200%201%202%202v2%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2012l0%20.01%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2013a20%2020%200%200%200%2018%200%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="bulb"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22bulb%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M3%2012h1m8%20-9v1m8%208h1m-15.4%20-6.4l.7%20.7m12.1%20-.7l-.7%20.7%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2016a5%205%200%201%201%206%200a3.5%203.5%200%200%200%20-1%203a2%202%200%200%201%20-4%200a3.5%203.5%200%200%200%20-1%20-3%22%20%2F%3E%20%3Cpath%20d%3D%22M9.7%2017l4.6%200%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="calculator"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22calculator%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M4%205a2%202%200%200%201%202%20-2h12a2%202%200%200%201%202%202v14a2%202%200%200%201%20-2%202h-12a2%202%200%200%201%20-2%20-2l0%20-14%22%20%2F%3E%20%3Cpath%20d%3D%22M8%208a1%201%200%200%201%201%20-1h6a1%201%200%200%201%201%201v1a1%201%200%200%201%20-1%201h-6a1%201%200%200%201%20-1%20-1l0%20-1%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2014l0%20.01%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2014l0%20.01%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2014l0%20.01%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2017l0%20.01%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2017l0%20.01%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2017l0%20.01%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="check"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22check%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M5%2012l5%205l10%20-10%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="chevron-down"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22chevron-down%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M6%209l6%206l6%20-6%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="chevron-left"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22chevron-left%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M15%206l-6%206l6%206%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="chevron-right"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22chevron-right%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M9%206l6%206l-6%206%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="circle-check"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22circle-check%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M3%2012a9%209%200%201%200%2018%200a9%209%200%201%200%20-18%200%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2012l2%202l4%20-4%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="clock"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22clock%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M3%2012a9%209%200%201%200%2018%200a9%209%200%200%200%20-18%200%22%20%2F%3E%20%3Cpath%20d%3D%22M12%207v5l3%203%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="copy"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22copy%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M7%209.667a2.667%202.667%200%200%201%202.667%20-2.667h8.666a2.667%202.667%200%200%201%202.667%202.667v8.666a2.667%202.667%200%200%201%20-2.667%202.667h-8.666a2.667%202.667%200%200%201%20-2.667%20-2.667l0%20-8.666%22%20%2F%3E%20%3Cpath%20d%3D%22M4.012%2016.737a2.005%202.005%200%200%201%20-1.012%20-1.737v-10c0%20-1.1%20.9%20-2%202%20-2h10c.75%200%201.158%20.385%201.5%201%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="credit-card"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22credit-card%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M3%208a3%203%200%200%201%203%20-3h12a3%203%200%200%201%203%203v8a3%203%200%200%201%20-3%203h-12a3%203%200%200%201%20-3%20-3l0%20-8%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2010l18%200%22%20%2F%3E%20%3Cpath%20d%3D%22M7%2015l.01%200%22%20%2F%3E%20%3Cpath%20d%3D%22M11%2015l2%200%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="device-floppy"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22device-floppy%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M6%204h10l4%204v10a2%202%200%200%201%20-2%202h-12a2%202%200%200%201%20-2%20-2v-12a2%202%200%200%201%202%20-2%22%20%2F%3E%20%3Cpath%20d%3D%22M10%2014a2%202%200%201%200%204%200a2%202%200%201%200%20-4%200%22%20%2F%3E%20%3Cpath%20d%3D%22M14%204l0%204l-6%200l0%20-4%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="device-mobile"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22device-mobile%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M6%205a2%202%200%200%201%202%20-2h8a2%202%200%200%201%202%202v14a2%202%200%200%201%20-2%202h-8a2%202%200%200%201%20-2%20-2v-14%22%20%2F%3E%20%3Cpath%20d%3D%22M11%204h2%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2017v.01%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="device-mobile-star"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22device-mobile-star%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M11%2021h-3a2%202%200%200%201%20-2%20-2v-14a2%202%200%200%201%202%20-2h8a2%202%200%200%201%202%202v5%22%20%2F%3E%20%3Cpath%20d%3D%22M11%204h2%22%20%2F%3E%20%3Cpath%20d%3D%22M17.8%2020.817l-2.172%201.138a.392%20.392%200%200%201%20-.568%20-.41l.415%20-2.411l-1.757%20-1.707a.389%20.389%200%200%201%20.217%20-.665l2.428%20-.352l1.086%20-2.193a.392%20.392%200%200%201%20.702%200l1.086%202.193l2.428%20.352a.39%20.39%200%200%201%20.217%20.665l-1.757%201.707l.414%202.41a.39%20.39%200%200%201%20-.567%20.411l-2.172%20-1.138%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="device-sim"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22device-sim%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M6%203h8.5l4.5%204.5v12.5a1%201%200%200%201%20-1%201h-12a1%201%200%200%201%20-1%20-1v-16a1%201%200%200%201%201%20-1%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2011h3v6%22%20%2F%3E%20%3Cpath%20d%3D%22M15%2017v.01%22%20%2F%3E%20%3Cpath%20d%3D%22M15%2014v.01%22%20%2F%3E%20%3Cpath%20d%3D%22M15%2011v.01%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2014v.01%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2017v.01%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="dialpad"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22dialpad%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M4%203h2a1%201%200%200%201%201%201v2a1%201%200%200%201%20-1%201h-2a1%201%200%200%201%20-1%20-1v-2a1%201%200%200%201%201%20-1%22%20%2F%3E%20%3Cpath%20d%3D%22M18%203h2a1%201%200%200%201%201%201v2a1%201%200%200%201%20-1%201h-2a1%201%200%200%201%20-1%20-1v-2a1%201%200%200%201%201%20-1%22%20%2F%3E%20%3Cpath%20d%3D%22M11%203h2a1%201%200%200%201%201%201v2a1%201%200%200%201%20-1%201h-2a1%201%200%200%201%20-1%20-1v-2a1%201%200%200%201%201%20-1%22%20%2F%3E%20%3Cpath%20d%3D%22M4%2010h2a1%201%200%200%201%201%201v2a1%201%200%200%201%20-1%201h-2a1%201%200%200%201%20-1%20-1v-2a1%201%200%200%201%201%20-1%22%20%2F%3E%20%3Cpath%20d%3D%22M18%2010h2a1%201%200%200%201%201%201v2a1%201%200%200%201%20-1%201h-2a1%201%200%200%201%20-1%20-1v-2a1%201%200%200%201%201%20-1%22%20%2F%3E%20%3Cpath%20d%3D%22M11%2010h2a1%201%200%200%201%201%201v2a1%201%200%200%201%20-1%201h-2a1%201%200%200%201%20-1%20-1v-2a1%201%200%200%201%201%20-1%22%20%2F%3E%20%3Cpath%20d%3D%22M11%2017h2a1%201%200%200%201%201%201v2a1%201%200%200%201%20-1%201h-2a1%201%200%200%201%20-1%20-1v-2a1%201%200%200%201%201%20-1%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="download"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22download%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M4%2017v2a2%202%200%200%200%202%202h12a2%202%200%200%200%202%20-2v-2%22%20%2F%3E%20%3Cpath%20d%3D%22M7%2011l5%205l5%20-5%22%20%2F%3E%20%3Cpath%20d%3D%22M12%204l0%2012%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="headset"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22headset%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M4%2014v-3a8%208%200%201%201%2016%200v3%22%20%2F%3E%20%3Cpath%20d%3D%22M18%2019c0%201.657%20-2.686%203%20-6%203%22%20%2F%3E%20%3Cpath%20d%3D%22M4%2014a2%202%200%200%201%202%20-2h1a2%202%200%200%201%202%202v3a2%202%200%200%201%20-2%202h-1a2%202%200%200%201%20-2%20-2v-3%22%20%2F%3E%20%3Cpath%20d%3D%22M15%2014a2%202%200%200%201%202%20-2h1a2%202%200%200%201%202%202v3a2%202%200%200%201%20-2%202h-1a2%202%200%200%201%20-2%20-2v-3%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="home"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22home%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M5%2012l-2%200l9%20-9l9%209l-2%200%22%20%2F%3E%20%3Cpath%20d%3D%22M5%2012v7a2%202%200%200%200%202%202h10a2%202%200%200%200%202%20-2v-7%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2021v-6a2%202%200%200%201%202%20-2h2a2%202%200%200%201%202%202v6%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="id"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22id%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M3%207a3%203%200%200%201%203%20-3h12a3%203%200%200%201%203%203v10a3%203%200%200%201%20-3%203h-12a3%203%200%200%201%20-3%20-3l0%20-10%22%20%2F%3E%20%3Cpath%20d%3D%22M7%2010a2%202%200%201%200%204%200a2%202%200%201%200%20-4%200%22%20%2F%3E%20%3Cpath%20d%3D%22M15%208l2%200%22%20%2F%3E%20%3Cpath%20d%3D%22M15%2012l2%200%22%20%2F%3E%20%3Cpath%20d%3D%22M7%2016l10%200%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="info-circle"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22info-circle%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M3%2012a9%209%200%201%200%2018%200a9%209%200%200%200%20-18%200%22%20%2F%3E%20%3Cpath%20d%3D%22M12%209h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M11%2012h1v4h1%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="key"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22key%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M16.555%203.843l3.602%203.602a2.877%202.877%200%200%201%200%204.069l-2.643%202.643a2.877%202.877%200%200%201%20-4.069%200l-.301%20-.301l-6.558%206.558a2%202%200%200%201%20-1.239%20.578l-.175%20.008h-1.172a1%201%200%200%201%20-.993%20-.883l-.007%20-.117v-1.172a2%202%200%200%201%20.467%20-1.284l.119%20-.13l.414%20-.414h2v-2h2v-2l2.144%20-2.144l-.301%20-.301a2.877%202.877%200%200%201%200%20-4.069l2.643%20-2.643a2.877%202.877%200%200%201%204.069%200%22%20%2F%3E%20%3Cpath%20d%3D%22M15%209h.01%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="layout-dashboard"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22layout-dashboard%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M5%204h4a1%201%200%200%201%201%201v6a1%201%200%200%201%20-1%201h-4a1%201%200%200%201%20-1%20-1v-6a1%201%200%200%201%201%20-1%22%20%2F%3E%20%3Cpath%20d%3D%22M5%2016h4a1%201%200%200%201%201%201v2a1%201%200%200%201%20-1%201h-4a1%201%200%200%201%20-1%20-1v-2a1%201%200%200%201%201%20-1%22%20%2F%3E%20%3Cpath%20d%3D%22M15%2012h4a1%201%200%200%201%201%201v6a1%201%200%200%201%20-1%201h-4a1%201%200%200%201%20-1%20-1v-6a1%201%200%200%201%201%20-1%22%20%2F%3E%20%3Cpath%20d%3D%22M15%204h4a1%201%200%200%201%201%201v2a1%201%200%200%201%20-1%201h-4a1%201%200%200%201%20-1%20-1v-2a1%201%200%200%201%201%20-1%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="link"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22link%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M9%2015l6%20-6%22%20%2F%3E%20%3Cpath%20d%3D%22M11%206l.463%20-.536a5%205%200%200%201%207.071%207.072l-.534%20.464%22%20%2F%3E%20%3Cpath%20d%3D%22M13%2018l-.397%20.534a5.068%205.068%200%200%201%20-7.127%200a4.972%204.972%200%200%201%200%20-7.071l.524%20-.463%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="list-check"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22list-check%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M3.5%205.5l1.5%201.5l2.5%20-2.5%22%20%2F%3E%20%3Cpath%20d%3D%22M3.5%2011.5l1.5%201.5l2.5%20-2.5%22%20%2F%3E%20%3Cpath%20d%3D%22M3.5%2017.5l1.5%201.5l2.5%20-2.5%22%20%2F%3E%20%3Cpath%20d%3D%22M11%206l9%200%22%20%2F%3E%20%3Cpath%20d%3D%22M11%2012l9%200%22%20%2F%3E%20%3Cpath%20d%3D%22M11%2018l9%200%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="lock"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22lock%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M5%2013a2%202%200%200%201%202%20-2h10a2%202%200%200%201%202%202v6a2%202%200%200%201%20-2%202h-10a2%202%200%200%201%20-2%20-2v-6%22%20%2F%3E%20%3Cpath%20d%3D%22M11%2016a1%201%200%201%200%202%200a1%201%200%200%200%20-2%200%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2011v-4a4%204%200%201%201%208%200v4%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="login"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22login%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M15%208v-2a2%202%200%200%200%20-2%20-2h-7a2%202%200%200%200%20-2%202v12a2%202%200%200%200%202%202h7a2%202%200%200%200%202%20-2v-2%22%20%2F%3E%20%3Cpath%20d%3D%22M21%2012h-13l3%20-3%22%20%2F%3E%20%3Cpath%20d%3D%22M11%2015l-3%20-3%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="logout"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22logout%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M14%208v-2a2%202%200%200%200%20-2%20-2h-7a2%202%200%200%200%20-2%202v12a2%202%200%200%200%202%202h7a2%202%200%200%200%202%20-2v-2%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2012h12l-3%20-3%22%20%2F%3E%20%3Cpath%20d%3D%22M18%2015l3%20-3%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="mail"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22mail%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M3%207a2%202%200%200%201%202%20-2h14a2%202%200%200%201%202%202v10a2%202%200%200%201%20-2%202h-14a2%202%200%200%201%20-2%20-2v-10%22%20%2F%3E%20%3Cpath%20d%3D%22M3%207l9%206l9%20-6%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="map"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22map%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M3%207l6%20-3l6%203l6%20-3v13l-6%203l-6%20-3l-6%203v-13%22%20%2F%3E%20%3Cpath%20d%3D%22M9%204v13%22%20%2F%3E%20%3Cpath%20d%3D%22M15%207v13%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="map-pin"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22map-pin%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M9%2011a3%203%200%201%200%206%200a3%203%200%200%200%20-6%200%22%20%2F%3E%20%3Cpath%20d%3D%22M17.657%2016.657l-4.243%204.243a2%202%200%200%201%20-2.827%200l-4.244%20-4.243a8%208%200%201%201%2011.314%200%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="menu-2"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22menu-2%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M4%206l16%200%22%20%2F%3E%20%3Cpath%20d%3D%22M4%2012l16%200%22%20%2F%3E%20%3Cpath%20d%3D%22M4%2018l16%200%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="message"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22message%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M8%209h8%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2013h6%22%20%2F%3E%20%3Cpath%20d%3D%22M18%204a3%203%200%200%201%203%203v8a3%203%200%200%201%20-3%203h-5l-5%203v-3h-2a3%203%200%200%201%20-3%20-3v-8a3%203%200%200%201%203%20-3h12%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="message-circle"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22message-circle%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M3%2020l1.3%20-3.9c-2.324%20-3.437%20-1.426%20-7.872%202.1%20-10.374c3.526%20-2.501%208.59%20-2.296%2011.845%20.48c3.255%202.777%203.695%207.266%201.029%2010.501c-2.666%203.235%20-7.615%204.215%20-11.574%202.293l-4.7%201%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="message-circle-up"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22message-circle-up%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M12.004%2019.98a9.869%209.869%200%200%201%20-4.304%20-.98l-4.7%201l1.3%20-3.9c-2.324%20-3.437%20-1.426%20-7.872%202.1%20-10.374c3.526%20-2.501%208.59%20-2.296%2011.845%20.48c1.994%201.701%202.932%204.045%202.746%206.349%22%20%2F%3E%20%3Cpath%20d%3D%22M19%2022v-6%22%20%2F%3E%20%3Cpath%20d%3D%22M22%2019l-3%20-3l-3%203%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="minus"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22minus%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M5%2012l14%200%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="package"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22package%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M12%203l8%204.5l0%209l-8%204.5l-8%20-4.5l0%20-9l8%20-4.5%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2012l8%20-4.5%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2012l0%209%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2012l-8%20-4.5%22%20%2F%3E%20%3Cpath%20d%3D%22M16%205.25l-8%204.5%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="phone"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22phone%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M5%204h4l2%205l-2.5%201.5a11%2011%200%200%200%205%205l1.5%20-2.5l5%202v4a2%202%200%200%201%20-2%202a16%2016%200%200%201%20-15%20-15a2%202%200%200%201%202%20-2%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="photo"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22photo%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M15%208h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M3%206a3%203%200%200%201%203%20-3h12a3%203%200%200%201%203%203v12a3%203%200%200%201%20-3%203h-12a3%203%200%200%201%20-3%20-3v-12%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2016l5%20-5c.928%20-.893%202.072%20-.893%203%200l5%205%22%20%2F%3E%20%3Cpath%20d%3D%22M14%2014l1%20-1c.928%20-.893%202.072%20-.893%203%200l3%203%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="player-play"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22player-play%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M7%204v16l13%20-8l-13%20-8%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="plus"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22plus%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M12%205l0%2014%22%20%2F%3E%20%3Cpath%20d%3D%22M5%2012l14%200%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="printer"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22printer%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M17%2017h2a2%202%200%200%200%202%20-2v-4a2%202%200%200%200%20-2%20-2h-14a2%202%200%200%200%20-2%202v4a2%202%200%200%200%202%202h2%22%20%2F%3E%20%3Cpath%20d%3D%22M17%209v-4a2%202%200%200%200%20-2%20-2h-6a2%202%200%200%200%20-2%202v4%22%20%2F%3E%20%3Cpath%20d%3D%22M7%2015a2%202%200%200%201%202%20-2h6a2%202%200%200%201%202%202v4a2%202%200%200%201%20-2%202h-6a2%202%200%200%201%20-2%20-2l0%20-4%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="qrcode"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22qrcode%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M4%205a1%201%200%200%201%201%20-1h4a1%201%200%200%201%201%201v4a1%201%200%200%201%20-1%201h-4a1%201%200%200%201%20-1%20-1l0%20-4%22%20%2F%3E%20%3Cpath%20d%3D%22M7%2017l0%20.01%22%20%2F%3E%20%3Cpath%20d%3D%22M14%205a1%201%200%200%201%201%20-1h4a1%201%200%200%201%201%201v4a1%201%200%200%201%20-1%201h-4a1%201%200%200%201%20-1%20-1l0%20-4%22%20%2F%3E%20%3Cpath%20d%3D%22M7%207l0%20.01%22%20%2F%3E%20%3Cpath%20d%3D%22M4%2015a1%201%200%200%201%201%20-1h4a1%201%200%200%201%201%201v4a1%201%200%200%201%20-1%201h-4a1%201%200%200%201%20-1%20-1l0%20-4%22%20%2F%3E%20%3Cpath%20d%3D%22M17%207l0%20.01%22%20%2F%3E%20%3Cpath%20d%3D%22M14%2014l3%200%22%20%2F%3E%20%3Cpath%20d%3D%22M20%2014l0%20.01%22%20%2F%3E%20%3Cpath%20d%3D%22M14%2014l0%203%22%20%2F%3E%20%3Cpath%20d%3D%22M14%2020l3%200%22%20%2F%3E%20%3Cpath%20d%3D%22M17%2017l3%200%22%20%2F%3E%20%3Cpath%20d%3D%22M20%2017l0%203%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="refresh"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22refresh%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M20%2011a8.1%208.1%200%200%200%20-15.5%20-2m-.5%20-4v4h4%22%20%2F%3E%20%3Cpath%20d%3D%22M4%2013a8.1%208.1%200%200%200%2015.5%202m.5%204v-4h-4%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="search"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22search%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M3%2010a7%207%200%201%200%2014%200a7%207%200%201%200%20-14%200%22%20%2F%3E%20%3Cpath%20d%3D%22M21%2021l-6%20-6%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="settings"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22settings%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M10.325%204.317c.426%20-1.756%202.924%20-1.756%203.35%200a1.724%201.724%200%200%200%202.573%201.066c1.543%20-.94%203.31%20.826%202.37%202.37a1.724%201.724%200%200%200%201.065%202.572c1.756%20.426%201.756%202.924%200%203.35a1.724%201.724%200%200%200%20-1.066%202.573c.94%201.543%20-.826%203.31%20-2.37%202.37a1.724%201.724%200%200%200%20-2.572%201.065c-.426%201.756%20-2.924%201.756%20-3.35%200a1.724%201.724%200%200%200%20-2.573%20-1.066c-1.543%20.94%20-3.31%20-.826%20-2.37%20-2.37a1.724%201.724%200%200%200%20-1.065%20-2.572c-1.756%20-.426%20-1.756%20-2.924%200%20-3.35a1.724%201.724%200%200%200%201.066%20-2.573c-.94%20-1.543%20.826%20-3.31%202.37%20-2.37c1%20.608%202.296%20.07%202.572%20-1.065%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2012a3%203%200%201%200%206%200a3%203%200%200%200%20-6%200%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="share"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22share%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M3%2012a3%203%200%201%200%206%200a3%203%200%201%200%20-6%200%22%20%2F%3E%20%3Cpath%20d%3D%22M15%206a3%203%200%201%200%206%200a3%203%200%201%200%20-6%200%22%20%2F%3E%20%3Cpath%20d%3D%22M15%2018a3%203%200%201%200%206%200a3%203%200%201%200%20-6%200%22%20%2F%3E%20%3Cpath%20d%3D%22M8.7%2010.7l6.6%20-3.4%22%20%2F%3E%20%3Cpath%20d%3D%22M8.7%2013.3l6.6%203.4%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="shield-check"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22shield-check%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M11.46%2020.846a12%2012%200%200%201%20-7.96%20-14.846a12%2012%200%200%200%208.5%20-3a12%2012%200%200%200%208.5%203a12%2012%200%200%201%20-.09%207.06%22%20%2F%3E%20%3Cpath%20d%3D%22M15%2019l2%202l4%20-4%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="shopping-bag"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22shopping-bag%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M6.331%208h11.339a2%202%200%200%201%201.977%202.304l-1.255%208.152a3%203%200%200%201%20-2.966%202.544h-6.852a3%203%200%200%201%20-2.965%20-2.544l-1.255%20-8.152a2%202%200%200%201%201.977%20-2.304%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2011v-5a3%203%200%200%201%206%200v5%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="sparkles"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22sparkles%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M16%2018a2%202%200%200%201%202%202a2%202%200%200%201%202%20-2a2%202%200%200%201%20-2%20-2a2%202%200%200%201%20-2%202m0%20-12a2%202%200%200%201%202%202a2%202%200%200%201%202%20-2a2%202%200%200%201%20-2%20-2a2%202%200%200%201%20-2%202m-7%2012a6%206%200%200%201%206%20-6a6%206%200%200%201%20-6%20-6a6%206%200%200%201%20-6%206a6%206%200%200%201%206%206%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="target"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22target%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M11%2012a1%201%200%201%200%202%200a1%201%200%201%200%20-2%200%22%20%2F%3E%20%3Cpath%20d%3D%22M7%2012a5%205%200%201%200%2010%200a5%205%200%201%200%20-10%200%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2012a9%209%200%201%200%2018%200a9%209%200%201%200%20-18%200%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="trending-up"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22trending-up%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M3%2017l6%20-6l4%204l8%20-8%22%20%2F%3E%20%3Cpath%20d%3D%22M14%207l7%200l0%207%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="typography"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22typography%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M4%2020l3%200%22%20%2F%3E%20%3Cpath%20d%3D%22M14%2020l7%200%22%20%2F%3E%20%3Cpath%20d%3D%22M6.9%2015l6.9%200%22%20%2F%3E%20%3Cpath%20d%3D%22M10.2%206.3l5.8%2013.7%22%20%2F%3E%20%3Cpath%20d%3D%22M5%2020l6%20-16l2%200l7%2016%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="upload"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22upload%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M4%2017v2a2%202%200%200%200%202%202h12a2%202%200%200%200%202%20-2v-2%22%20%2F%3E%20%3Cpath%20d%3D%22M7%209l5%20-5l5%205%22%20%2F%3E%20%3Cpath%20d%3D%22M12%204l0%2012%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="user-edit"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22user-edit%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M8%207a4%204%200%201%200%208%200a4%204%200%200%200%20-8%200%22%20%2F%3E%20%3Cpath%20d%3D%22M6%2021v-2a4%204%200%200%201%204%20-4h3.5%22%20%2F%3E%20%3Cpath%20d%3D%22M18.42%2015.61a2.1%202.1%200%200%201%202.97%202.97l-3.39%203.42h-3v-3l3.42%20-3.39%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="user-plus"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22user-plus%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M8%207a4%204%200%201%200%208%200a4%204%200%200%200%20-8%200%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2019h6%22%20%2F%3E%20%3Cpath%20d%3D%22M19%2016v6%22%20%2F%3E%20%3Cpath%20d%3D%22M6%2021v-2a4%204%200%200%201%204%20-4h4%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="user-search"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22user-search%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M8%207a4%204%200%201%200%208%200a4%204%200%200%200%20-8%200%22%20%2F%3E%20%3Cpath%20d%3D%22M6%2021v-2a4%204%200%200%201%204%20-4h1.5%22%20%2F%3E%20%3Cpath%20d%3D%22M15%2018a3%203%200%201%200%206%200a3%203%200%201%200%20-6%200%22%20%2F%3E%20%3Cpath%20d%3D%22M20.2%2020.2l1.8%201.8%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="user-share"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22user-share%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M8%207a4%204%200%201%200%208%200a4%204%200%200%200%20-8%200%22%20%2F%3E%20%3Cpath%20d%3D%22M6%2021v-2a4%204%200%200%201%204%20-4h3%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2022l5%20-5%22%20%2F%3E%20%3Cpath%20d%3D%22M21%2021.5v-4.5h-4.5%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="users-group"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22users-group%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M10%2013a2%202%200%201%200%204%200a2%202%200%200%200%20-4%200%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2021v-1a2%202%200%200%201%202%20-2h4a2%202%200%200%201%202%202v1%22%20%2F%3E%20%3Cpath%20d%3D%22M15%205a2%202%200%201%200%204%200a2%202%200%200%200%20-4%200%22%20%2F%3E%20%3Cpath%20d%3D%22M17%2010h2a2%202%200%200%201%202%202v1%22%20%2F%3E%20%3Cpath%20d%3D%22M5%205a2%202%200%201%200%204%200a2%202%200%200%200%20-4%200%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2013v-1a2%202%200%200%201%202%20-2h2%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="wallet"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22wallet%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M17%208v-3a1%201%200%200%200%20-1%20-1h-10a2%202%200%200%200%200%204h12a1%201%200%200%201%201%201v3m0%204v3a1%201%200%200%201%20-1%201h-12a2%202%200%200%201%20-2%20-2v-12%22%20%2F%3E%20%3Cpath%20d%3D%22M20%2012v4h-4a2%202%200%200%201%200%20-4h4%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="wifi"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22wifi%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M12%2018l.01%200%22%20%2F%3E%20%3Cpath%20d%3D%22M9.172%2015.172a4%204%200%200%201%205.656%200%22%20%2F%3E%20%3Cpath%20d%3D%22M6.343%2012.343a8%208%200%200%201%2011.314%200%22%20%2F%3E%20%3Cpath%20d%3D%22M3.515%209.515c4.686%20-4.687%2012.284%20-4.687%2017%200%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="world"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22world%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M3%2012a9%209%200%201%200%2018%200a9%209%200%200%200%20-18%200%22%20%2F%3E%20%3Cpath%20d%3D%22M3.6%209h16.8%22%20%2F%3E%20%3Cpath%20d%3D%22M3.6%2015h16.8%22%20%2F%3E%20%3Cpath%20d%3D%22M11.5%203a17%2017%200%200%200%200%2018%22%20%2F%3E%20%3Cpath%20d%3D%22M12.5%203a17%2017%200%200%201%200%2018%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="world-search"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22world-search%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M21%2012a9%209%200%201%200%20-9%209%22%20%2F%3E%20%3Cpath%20d%3D%22M3.6%209h16.8%22%20%2F%3E%20%3Cpath%20d%3D%22M3.6%2015h7.9%22%20%2F%3E%20%3Cpath%20d%3D%22M11.5%203a17%2017%200%200%200%200%2018%22%20%2F%3E%20%3Cpath%20d%3D%22M12.5%203a16.984%2016.984%200%200%201%202.574%208.62%22%20%2F%3E%20%3Cpath%20d%3D%22M15%2018a3%203%200%201%200%206%200a3%203%200%201%200%20-6%200%22%20%2F%3E%20%3Cpath%20d%3D%22M20.2%2020.2l1.8%201.8%22%20%2F%3E%20%3C%2Fsvg%3E");}
html.efx-icon-system [data-efx-leading-icon="x"]{--efx-leading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22x%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M18%206l-12%2012%22%20%2F%3E%20%3Cpath%20d%3D%22M6%206l12%2012%22%20%2F%3E%20%3C%2Fsvg%3E");}
@supports ((mask-image:url("")) or (-webkit-mask-image:url(""))){
 html.efx-icon-system .plan-features li::before,
 html.efx-icon-system .smart-reasons li::before{
  content:"";display:inline-block;width:14px;height:14px;vertical-align:-2px;
  background:currentColor;border-radius:0;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22check%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M5%2012l5%205l10%20-10%22%20%2F%3E%20%3C%2Fsvg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22efx-site-icon%22%20data-efx-icon%3D%22check%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M5%2012l5%205l10%20-10%22%20%2F%3E%20%3C%2Fsvg%3E") center / contain no-repeat;
 }
}

/* eFlyersXOX PC2 — compact cards, carousel shadow gutters and separate modal controls.
   Scoped to catalogue cards and the plan-detail hero; mobile swipe and catalogue semantics retained. */
@font-face{font-family:EfxCardManrope;src:url('/assets/poster-v2/fonts/Manrope-500.woff2') format('woff2');font-weight:400 600;font-display:swap}
@font-face{font-family:EfxCardManrope;src:url('/assets/poster-v2/fonts/Manrope-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:EfxCardManrope;src:url('/assets/poster-v2/fonts/Manrope-800.woff2') format('woff2');font-weight:800 900;font-display:swap}
@font-face{font-family:EfxCardTamil;src:url('/assets/poster-v2/fonts/NotoSansTamil-500.woff2') format('woff2');font-weight:400 600;font-display:swap;unicode-range:U+0B80-0BFF}
@font-face{font-family:EfxCardTamil;src:url('/assets/poster-v2/fonts/NotoSansTamil-800.woff2') format('woff2');font-weight:700 900;font-display:swap;unicode-range:U+0B80-0BFF}
@font-face{font-family:EfxCardChinese;src:url('/assets/poster-v2/fonts/NotoSansSC-500.woff2') format('woff2');font-weight:400 600;font-display:swap;unicode-range:U+3000-30FF,U+3400-9FFF,U+FF00-FFEF}
@font-face{font-family:EfxCardChinese;src:url('/assets/poster-v2/fonts/NotoSansSC-800.woff2') format('woff2');font-weight:700 900;font-display:swap;unicode-range:U+3000-30FF,U+3400-9FFF,U+FF00-FFEF}
.efx-pc1-card,.efx-pc1-detail{--pc1-ink:#081b47;--pc1-muted:#566179;--pc1-line:#e3e6ec;color:var(--pc1-ink);font-family:EfxCardManrope,EfxCardTamil,EfxCardChinese,Arial,sans-serif}
.plan-card.efx-pc1-card{container-type:inline-size;min-width:0;min-height:0;border:1px solid #dce0e7;border-radius:20px;background:#fff;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 3px 9px -3px #081b4726;transition:box-shadow .18s ease,transform .18s ease}
.plan-card.efx-pc1-card.featured{border:2px solid var(--pc1-ink);box-shadow:0 3px 9px -3px #081b4726}
.efx-pc1-card *,.efx-pc1-detail .pc1-head *{box-sizing:border-box}
.plan-card.efx-pc1-card .pc1-head,.efx-pc1-detail .plan-detail-hero.pc1-head{position:relative;min-height:0;padding:14px 18px 16px;background:linear-gradient(125deg,#ffff00 0%,#fff000 54%,#ffd500 100%);color:var(--pc1-ink);border:0}
.plan-card.efx-pc1-card .pc1-head::before,.plan-card.efx-pc1-card .pc1-head::after{content:none}
.efx-pc1-card .pc1-top,.efx-pc1-detail .pc1-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin-bottom:8px}
.efx-pc1-card .pc1-badge,.efx-pc1-detail .pc1-badge{font-size:11px;font-weight:800;line-height:1.45;letter-spacing:.015em;overflow-wrap:anywhere}
.efx-pc1-card.featured .pc1-badge{background:var(--pc1-ink);color:#fff500;border-radius:20px;padding:7px 11px}
.efx-pc1-card .pc1-intro,.efx-pc1-detail .pc1-intro{min-width:0;margin-bottom:12px}
.plan-card.efx-pc1-card h3{margin:0;color:var(--pc1-ink);font-size:20px;font-weight:800;line-height:1.3;letter-spacing:-.5px;overflow-wrap:anywhere}
.efx-pc1-card .pc1-hook,.efx-pc1-detail .pc1-hook{font-size:14px;line-height:1.4;letter-spacing:-.1px;font-weight:500;min-height:0;margin:4px 0 0;overflow-wrap:anywhere}
.efx-pc1-card .pc1-metric,.efx-pc1-detail .pc1-metric{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;line-height:1.05;color:var(--pc1-ink)}
.efx-pc1-card .pc1-amount,.efx-pc1-detail .pc1-amount{display:inline-flex;align-items:baseline;gap:5px;max-width:100%;min-width:0}
.efx-pc1-card .pc1-amount strong,.efx-pc1-detail .pc1-amount strong{font-size:60px;line-height:1.05;font-weight:800;letter-spacing:-3px;overflow-wrap:anywhere}
.efx-pc1-card .pc1-amount b,.efx-pc1-detail .pc1-amount b{font-size:23px;line-height:1.3;letter-spacing:-1px;font-weight:800}
.efx-pc1-card .pc1-word-metric strong,.efx-pc1-detail .pc1-word-metric strong{font-size:44px;letter-spacing:-1.5px;line-height:1.1}
.efx-pc1-card .pc1-network,.efx-pc1-detail .pc1-network{display:inline-flex;align-self:baseline;flex:none;margin:0 0 0 3px;padding:5px 6px;background:#081b4710;border:1px solid #081b4728;border-radius:5px;font-size:11px;line-height:1.3;letter-spacing:0;font-weight:800;white-space:nowrap;transform:translateY(-3px)}
.efx-pc1-card .pc1-metric-note,.efx-pc1-detail .pc1-metric-note{font-size:12px;line-height:1.55;color:#24304b;margin-top:10px;overflow-wrap:anywhere}
.efx-pc1-card .pc1-body{display:flex;flex-direction:column;flex:1;padding:16px 18px;min-width:0}
.efx-pc1-card .pc1-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin:0;color:var(--pc1-ink)}
.efx-pc1-card .pc1-price strong{font-size:31px;line-height:1.15;font-weight:800;letter-spacing:-1.6px;overflow-wrap:anywhere}
.efx-pc1-card .pc1-price small{font-size:13px;font-weight:500;color:var(--pc1-muted);line-height:1.4}
.efx-pc1-card .pc1-bill{font-size:12px;line-height:1.55;color:var(--pc1-muted);margin-top:7px;overflow-wrap:anywhere}
.efx-pc1-card .pc1-benefits{list-style:none;margin:12px 0 16px;padding:12px 0 0;border-top:1px solid var(--pc1-line);display:grid;gap:7px;font-size:13px;line-height:1.45}
.efx-pc1-card .pc1-benefits li{display:flex;align-items:flex-start;gap:9px;margin:0;padding:0;color:var(--pc1-ink);min-width:0;overflow-wrap:anywhere}
.efx-pc1-card .pc1-benefits li::before{content:none}
.efx-pc1-card .pc1-icon,.efx-pc1-detail .pc1-icon{width:20px;height:20px;object-fit:contain;flex:0 0 20px;display:block;filter:brightness(0) saturate(100%) invert(9%) sepia(37%) saturate(2957%) hue-rotate(205deg) brightness(89%) contrast(98%)}
.efx-pc1-card .pc1-benefits .pc1-icon{margin-top:1px;width:18px;height:18px;flex-basis:18px}
.efx-pc1-card .pc1-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(98px,.75fr);gap:8px;margin-top:auto}
.plan-card.efx-pc1-card button{font-family:inherit;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}
.plan-card.efx-pc1-card .pc1-primary{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:44px;padding:10px 8px;border:1px solid var(--pc1-ink);border-radius:13px;background:var(--pc1-ink);color:#fff;font-size:12px;font-weight:800;line-height:1.4}
.efx-pc1-card .pc1-primary .pc1-icon{filter:brightness(0) invert(1);width:18px;height:18px;flex-basis:18px}
.plan-card.efx-pc1-card .pc1-primary:hover{background:#153976;border-color:#153976}
.plan-card.efx-pc1-card .pc1-compare{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:0;width:100%;padding:8px;background:transparent;border:1px solid transparent;border-radius:10px;color:#4d5f7d;font-size:12px;font-weight:700;line-height:1.5}
.plan-card.efx-pc1-card .pc1-compare:hover{background:#f4f6fa}
.plan-card.efx-pc1-card .pc1-compare.selected{color:var(--pc1-ink);background:#f4f6fa}
.efx-pc1-card .pc1-checkbox{width:16px;height:16px;border:1px solid #8090ab;border-radius:4px;display:flex;align-items:center;justify-content:center;flex:0 0 16px}
.efx-pc1-card .selected .pc1-checkbox{background:var(--pc1-ink);border-color:var(--pc1-ink)}
.efx-pc1-card .pc1-checkbox .pc1-icon{width:12px;height:12px;flex-basis:12px;filter:brightness(0) invert(1)}
.plan-card.efx-pc1-card .customer-plan-share.pc1-share,.efx-pc1-detail .customer-plan-share.pc1-share{position:static;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;flex:0 0 44px;gap:0;padding:0;margin:0;border:0;border-radius:50%;background:#fff;color:var(--pc1-ink);box-shadow:0 2px 5px #081b470a;cursor:pointer}
.efx-pc1-card .pc1-share .pc1-icon,.efx-pc1-detail .pc1-share .pc1-icon{width:21px;height:21px;flex-basis:21px}
.plan-card.efx-pc1-card .pc1-share:hover,.efx-pc1-detail .pc1-share:hover{background:#fff;box-shadow:0 0 0 2px #081b4728,0 4px 10px #081b4715}
.efx-pc1-card button:focus-visible,.efx-pc1-detail .pc1-share:focus-visible{outline:3px solid #2262d3;outline-offset:3px}
.efx-pc1-detail .plan-detail-hero.pc1-head{border-radius:22px;margin:-10px -10px 22px;padding:24px}
.efx-pc1-detail .pc1-head h2{font-size:32px;line-height:1.2;color:var(--pc1-ink);margin:0;letter-spacing:-1px;overflow-wrap:anywhere}
.efx-pc1-detail .pc1-hook{min-height:0}
.efx-pc1-detail .pc1-detail-price{font-size:32px;font-weight:800;line-height:1.4;margin-top:18px;letter-spacing:-1px}
.efx-pc1-detail .pc1-detail-price small{font-size:14px;letter-spacing:0;font-weight:500}
.efx-pc1-detail .pc1-detail-bill{font-size:13px;line-height:1.6;margin:5px 0 0;color:#24304b}
@container(max-width:340px){.efx-pc1-card .pc1-head{padding:14px 18px 16px}.efx-pc1-card .pc1-body{padding:16px 18px}.efx-pc1-card .pc1-amount strong{font-size:56px;letter-spacing:-3px}.efx-pc1-card .pc1-amount b{font-size:23px}.efx-pc1-card .pc1-network{font-size:10px;padding:4px;margin-left:0}.efx-pc1-card .pc1-word-metric strong{font-size:42px;letter-spacing:-1.5px}}
@container(min-width:390px){.efx-pc1-card .pc1-amount strong{font-size:64px}.efx-pc1-card .pc1-amount b{font-size:25px}.efx-pc1-card .pc1-network{font-size:12px}.efx-pc1-card .pc1-word-metric strong{font-size:46px}}
@media(max-width:400px){.efx-pc1-detail .pc1-head h2{font-size:28px}.efx-pc1-detail .pc1-amount strong{font-size:60px}.efx-pc1-detail .pc1-amount b{font-size:23px}.efx-pc1-detail .pc1-word-metric strong{font-size:42px}}
@media(hover:hover){.plan-card.efx-pc1-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px -3px #081b4730}}
@media(prefers-reduced-motion:reduce){.plan-card.efx-pc1-card,.plan-card.efx-pc1-card button{transition:none}.plan-card.efx-pc1-card:hover{transform:none}}

/* PC2: horizontal overflow also clips the vertical paint area. Reserve real space
   around every card, and keep the border inside its box instead of an outer ring. */
#planGrid{position:relative;box-sizing:border-box;padding:10px 12px 18px;scroll-padding-inline:12px}
@media(max-width:900px){
  #planGrid.plan-grid{padding:10px 12px 18px!important;scroll-padding-inline:12px;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important}
  #planGrid.plan-grid>.efx-pc1-card{flex-basis:calc(100% - 20px)!important;width:calc(100% - 20px)!important}
}
/* Two controls occupy separate flex cells, outside the scrolling detail body. */
#detailModal .pc2-plan-dialog{display:flex;flex-direction:column;padding:0;overflow:hidden;max-height:calc(100vh - 36px);max-height:calc(100dvh - 36px);border-radius:22px}
#detailModal .pc2-modal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 auto;padding:10px 16px;border-bottom:1px solid #e3e6ec;background:#fff}
#detailModal .pc2-modal-label{min-width:0;font-size:13px;font-weight:800;color:#566179}
#detailModal .pc2-modal-controls{display:flex;align-items:center;gap:8px;flex:0 0 auto}
#detailModal #pc2DetailShare:empty{display:none}
#detailModal .pc2-modal-controls .modal-close,#detailModal .pc2-modal-controls .pc1-share{position:static;inset:auto;transform:none;margin:0;width:44px;height:44px;min-width:44px;min-height:44px;flex:0 0 44px;display:flex;align-items:center;justify-content:center;border:1px solid #e3e6ec;border-radius:50%;background:#f5f6f8;box-shadow:none;padding:0;color:#081b47}
#detailModal .pc2-modal-controls .modal-close:focus-visible,#detailModal .pc2-modal-controls .pc1-share:focus-visible{outline:3px solid #2262d3;outline-offset:2px}
#detailModal #detailContent{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:12px 16px 16px}
#detailModal .plan-detail-hero.pc1-head{margin:0 0 12px;padding:16px;border-radius:18px}
#detailModal .pc1-top{min-height:0;margin-bottom:8px}
#detailModal .pc1-intro{margin-bottom:12px}
#detailModal .pc1-head h2{font-size:26px}
#detailModal .pc1-detail-price{font-size:28px;margin-top:12px}
#detailModal .detail-layout{grid-template-columns:minmax(0,1fr);gap:8px}
#detailModal .detail-block{padding:12px 14px;border-radius:14px;min-width:0}
#detailModal .detail-block h3{font-size:16px;margin:0 0 8px}
#detailModal .detail-block ul{font-size:14px;line-height:1.5;margin:6px 0;padding-left:18px}
#detailModal .detail-block p{font-size:14px;line-height:1.5;margin:8px 0}
#detailModal .pc2-disclosure{padding:0 14px}
#detailModal .pc2-disclosure>summary{cursor:pointer;padding:13px 0;min-height:44px;font-size:14px;line-height:1.4;font-weight:800;color:#081b47}
#detailModal .pc2-disclosure>summary:focus-visible{outline:3px solid #2262d3;outline-offset:1px}
#detailModal .pc2-disclosure[open]{padding-bottom:12px}
#detailModal .pc2-disclosure .plan-spec-list{margin:0;font-size:13px}
#detailModal .detail-actions{gap:8px;margin-top:14px}
#detailModal .detail-actions>.btn{min-height:44px;padding:11px 12px;font-size:13px;line-height:1.4;border-radius:12px}
#detailModal .detail-actions>.share-tools-panel{grid-column:1 / -1}
@media(max-width:760px){
  #detailModal{padding:12px}
  #detailModal .pc2-plan-dialog{width:100%;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}
  #detailModal .detail-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  #detailModal .detail-actions>.nice-number-detail-btn{grid-column:1 / -1}
}
@media(max-width:359px){.plan-card.efx-pc1-card .pc1-primary{font-size:11px}.plan-card.efx-pc1-card .pc1-primary>.pc1-icon{display:none}}
html[lang^="ta"] .efx-pc1-card .pc1-actions{grid-template-columns:minmax(0,1fr)}

#prepaidSubtabs.prepaid-subtabs,.prepaid-subtabs{grid-template-columns:repeat(3,minmax(0,1fr))!important} .prepaid-subtab{padding-left:6px;padding-right:6px}


/* TG1: Telegram action in the existing dealer update card. */
.update-group-card .update-telegram-btn{border-color:#075d92;background:linear-gradient(135deg,#0876b9,#075d92);box-shadow:0 10px 22px rgba(8,118,185,.18)}
.update-group-card .update-telegram-btn:hover{background:#075d92}
.update-group-card .update-telegram-btn:focus-visible{outline:3px solid var(--navy);outline-offset:3px}

/* SPF1: labels and the dealer's recommendation editor only. */
.spf1-type{display:inline-flex;align-items:center;justify-content:center;max-width:100%;padding:4px 9px;border:1px solid #d5deef;border-radius:7px;background:#edf3fb;color:#173364;font-size:11px!important;font-weight:800!important;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
.spf1-type-prepaid{background:#fffbd0;border-color:#d9c957;color:#443900}
.spf1-type-postpaid{background:#e9effb;border-color:#b8c9e9;color:#102d68}
.recommend-mini>.spf1-type{align-self:start;justify-self:start;margin:9px 0 3px}
.recommendation-share-view .pc1-top{flex-wrap:wrap;justify-content:flex-start;gap:7px}
.recommendation-share-view .plan-card.efx-pc1-card .pc1-top .pc1-share{margin-left:auto}
.recommendation-share-view .pc1-top .spf1-type{background:#fffdf3;border-color:#bfb334;color:#172c51}
.spf1-anchor{display:block;height:0;scroll-margin-top:160px}
body:not(.recommendation-share-view) .spf1-anchor{display:none}
#recommendationShareBanner{scroll-margin-top:160px}
#recommendationShareModal .modal-dialog{max-height:calc(100dvh - 28px);overflow-y:auto;overscroll-behavior:contain}
#recommendationShareModal h2{padding-right:40px;overflow-wrap:anywhere}
.spf1-editor{margin-top:16px}
.spf1-editor-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.spf1-editor-head h3{font-size:15px;color:#0b2056;margin:0}
.spf1-editor-head>span{font-size:11px;font-weight:800;white-space:nowrap;color:#576780}
.spf1-help,.spf1-status,.spf1-empty{font-size:12px;line-height:1.55;color:#596982;margin:7px 0}
.spf1-status:empty{display:none}
.spf1-selected{min-width:0;gap:8px}
.spf1-selected>div{min-width:0;flex:1}
.spf1-selected strong{display:block;overflow-wrap:anywhere}
.spf1-selected-meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:6px}
.spf1-selected-meta>span:not(.spf1-type){font-size:11px;line-height:1.5}
.spf1-remove{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid #ccd5e3;border-radius:11px;background:white;color:#132e61;cursor:pointer}
.spf1-remove img{width:18px;height:18px}
.spf1-add-label{font-size:12px;font-weight:800;color:#173364;display:block;margin:12px 0 6px}
.spf1-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.spf1-add select{width:100%;min-width:0;min-height:46px;border:1px solid #cbd5e4;border-radius:11px;background:white;color:#173364;padding:10px;font:inherit;font-size:14px}
.spf1-add .btn{min-height:46px;max-width:155px;white-space:normal;line-height:1.35}
.spf1-editor button:disabled,.spf1-editor select:disabled,#createRecommendationLinkBtn:disabled{opacity:.55;cursor:default}
.spf1-editor :focus-visible{outline:3px solid #2879cb;outline-offset:2px}
@media(max-width:430px){.spf1-add{grid-template-columns:1fr}.spf1-add .btn{max-width:none}.spf1-editor-head{align-items:flex-start}.spf1-editor-head h3{font-size:14px}.spf1-selected{padding:10px}.spf1-add select{font-size:16px}#recommendationShareModal .recommendation-form-grid input,#recommendationShareModal .recommendation-form-grid select,#recommendationShareModal textarea{font-size:16px}}

/* SEARCH2: scoped, readable search results; retain the existing yellow/navy UI. */
#globalSearchLayer .global-search-sheet{max-height:min(80dvh,760px);font-family:Inter,system-ui,-apple-system,sans-serif}
#globalSearchLayer .global-search-result{padding:13px 15px;align-items:start;gap:10px;min-height:54px}
#globalSearchLayer .global-search-result-copy{gap:5px}
#globalSearchLayer .global-search-result-title{font-size:14px;line-height:1.45;white-space:normal;overflow-wrap:anywhere;color:#10224f}
#globalSearchLayer .global-search-result-sub{font-size:11px;line-height:1.5;white-space:normal;overflow-wrap:anywhere;color:#43516a}
#globalSearchLayer .global-search-result-snippet{font-size:12px;line-height:1.5;color:#46546a;overflow-wrap:anywhere}
#globalSearchLayer .global-search-result-type{font-size:9px;line-height:1.4;white-space:normal;max-width:70px;overflow-wrap:anywhere;letter-spacing:0;background:#f0f3fa;color:#243960;padding:4px 6px;border-radius:6px}
#globalSearchLayer .global-search-result mark{background:#fff18a;color:#10224f;border-radius:2px}
#globalSearchLayer .global-search-count{margin:5px 15px;font-size:11px;color:#43516a}
#globalSearchLayer .global-search-hint,#globalSearchLayer .global-search-empty{font-size:13px;color:#43516a}
#globalSearchLayer .global-search-hint strong{font-size:14px}
#globalSearchLayer .global-search-more{font-size:12px;min-height:44px}
#globalSearchLayer .global-search-result:focus-visible,#globalSearchLayer .global-search-close:focus-visible,#globalSearchLayer .global-search-more:focus-visible{outline:2px solid #10224f;outline-offset:-3px}
#customerCareScreen .efx-search-target{outline:2px solid #10224f;outline-offset:3px;border-radius:9px}
.manual-search-part{scroll-margin-top:100px}
.manual-search-part:target{outline:2px solid #c4a900;outline-offset:5px;border-radius:8px}
@media(max-width:430px){#globalSearchLayer .global-search-result{grid-template-columns:minmax(0,1fr) 60px;padding:12px}#globalSearchLayer .global-search-result-type{font-size:9px;padding:4px}}

/* SEC1-H22 — same navy/yellow language as Control Center and customer catalogue. */
#dealerSeoForm .seo-fields-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#dealerSeoForm input[type=text],#dealerSeoForm select,#dealerSeoForm textarea{box-sizing:border-box;width:100%;min-width:0;border:1px solid #cbd1dd;border-radius:12px;background:#fff;color:#112150;padding:12px;font:inherit;line-height:1.5}
#dealerSeoForm textarea{resize:vertical;min-height:110px}#dealerSeoForm label{min-width:0}
#dealerSeoForm .seo-service-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;border:1px solid #dce1eb;border-radius:16px;padding:16px}
#dealerSeoForm .seo-service-options legend{font-weight:750;padding:0 6px}#dealerSeoForm .seo-service-options label{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:14px;line-height:1.4;min-height:36px}
#dealerSeoForm input[type=checkbox]{width:20px;height:20px;flex:none;accent-color:#10205d}
#dealerSeoForm .seo-legacy-area{padding:12px;border:1px solid #dce1eb;border-radius:12px}#dealerSeoForm summary{cursor:pointer;font-weight:700;min-height:30px}#dealerSeoForm details label{margin-top:12px}
#dealerSeoForm .seo-checks{padding:14px;background:#f1f4fb;border-radius:12px;font-size:14px;line-height:1.6;color:#374560}
#dealerSeoForm :is(input,select,textarea,button,a):focus-visible{outline:3px solid #315fc4;outline-offset:3px}
.seo-local-profile{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px;margin:32px 0;padding:28px;border:1px solid #e0e4ed;border-radius:24px;background:#fff;color:#112150;line-height:1.6;overflow-wrap:anywhere}
.seo-local-profile>div:only-child{grid-column:1/-1}.seo-local-profile .seo-local-kicker{font-size:12px;letter-spacing:.13em;font-weight:800;color:#536179}
.seo-local-profile h2{font-size:26px;margin:6px 0 0;line-height:1.25}.seo-local-profile h3{font-size:20px;margin:0}.seo-local-profile p{margin:12px 0;font-size:15px}.seo-local-profile .seo-local-id{margin:4px 0 12px;font-size:13px;color:#536179}.seo-local-profile .seo-local-business{display:block;font-size:17px}
.seo-service-list{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:16px 0 0;gap:8px}.seo-service-list li{background:#f1f4fb;border-radius:9px;padding:6px 10px;font-size:13px}.seo-local-location{border-left:1px solid #e0e4ed;padding-left:28px}.seo-map-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#10205d;font-weight:750;text-underline-offset:4px}
html.efx-r2724-preview body.share-view .hero h1[data-efx-seo-heading]{overflow-wrap:normal;word-break:normal;font-size:clamp(28px,4vw,48px)!important;letter-spacing:-1px!important}
@media(max-width:600px){#dealerSeoForm .seo-fields-row,#dealerSeoForm .seo-service-options{grid-template-columns:1fr}.seo-local-profile{grid-template-columns:1fr;padding:22px;gap:20px}.seo-local-location{padding:20px 0 0;border-left:0;border-top:1px solid #e0e4ed}}

/* SEC1-H23: compact public dealer information within the existing yellow footer. */
html.efx-r2724-preview body.share-view footer#dealerLocalProfile.seo-compact-footer{
  display:block;padding:20px clamp(16px,5vw,60px) 24px!important;margin:24px 0 0!important;
  border:0;border-top:1px solid rgba(11,30,89,.12);border-radius:0;box-shadow:none;
  background:var(--yellow,#fff100)!important;color:#112150;line-height:1.45;text-align:left;
}
#dealerLocalProfile.seo-compact-footer .seo-footer-inner{width:100%;max-width:1080px;margin:0 auto;min-width:0}
#dealerLocalProfile.seo-compact-footer [hidden]{display:none!important}
#dealerLocalProfile.seo-compact-footer .seo-footer-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;margin:0 0 6px}
#dealerLocalProfile.seo-compact-footer .footer-kicker{font-size:10px;line-height:1.4;letter-spacing:.1em;font-weight:800;color:#47536d;margin:0}
#dealerLocalProfile.seo-compact-footer .seo-footer-place{font-size:12px;line-height:1.4;font-weight:600;overflow-wrap:anywhere}
#dealerLocalProfile.seo-compact-footer .seo-footer-identity{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin:0}
#dealerLocalProfile.seo-compact-footer #footerDealer{font-size:19px;font-weight:800;letter-spacing:-.35px;line-height:1.25;overflow-wrap:anywhere}
#dealerLocalProfile.seo-compact-footer .seo-footer-id{font-size:11px;line-height:1.4;color:#47536d;white-space:nowrap}
#dealerLocalProfile.seo-compact-footer p{max-width:none;margin:0;text-align:left;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
#dealerLocalProfile.seo-compact-footer .seo-footer-company{margin:4px 0 0;font-size:12px;line-height:1.45;color:#35425e}
#dealerLocalProfile.seo-compact-footer .seo-footer-details{margin-top:12px;border-top:1px solid rgba(11,30,89,.16);border-bottom:1px solid rgba(11,30,89,.16)}
#dealerLocalProfile.seo-compact-footer .seo-footer-details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:9px 0;box-sizing:border-box;list-style:none;font-size:13px;font-weight:750;line-height:1.4;cursor:pointer;border-radius:4px}
#dealerLocalProfile.seo-compact-footer .seo-footer-details>summary::-webkit-details-marker{display:none}
#dealerLocalProfile.seo-compact-footer svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#dealerLocalProfile.seo-compact-footer .seo-footer-details[open]>summary>svg{transform:rotate(180deg)}
#dealerLocalProfile.seo-compact-footer .seo-footer-details:not([open])>.seo-footer-body{display:none}
#dealerLocalProfile.seo-compact-footer .seo-footer-body{display:grid;gap:14px;padding:4px 0 16px}
#dealerLocalProfile.seo-compact-footer .seo-footer-label{display:block;margin:0 0 3px;font-size:11px;font-weight:750;color:#47536d;line-height:1.4}
#dealerLocalProfile.seo-compact-footer .seo-footer-services{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0}
#dealerLocalProfile.seo-compact-footer .seo-footer-services li{font-size:12px;line-height:1.4;background:rgba(255,255,255,.62);padding:4px 8px;border-radius:6px}
#dealerLocalProfile.seo-compact-footer .seo-footer-shop{border-top:1px solid rgba(11,30,89,.14);padding-top:12px;min-width:0}
#dealerLocalProfile.seo-compact-footer .seo-footer-shop:first-child{border:0;padding-top:0}
#dealerLocalProfile.seo-compact-footer .seo-footer-shop h2{font-size:14px;font-weight:800;line-height:1.4;margin:0 0 4px;letter-spacing:0;overflow-wrap:anywhere}
#dealerLocalProfile.seo-compact-footer .seo-footer-hours{margin-top:9px}
#dealerLocalProfile.seo-compact-footer .seo-footer-map{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:4px;color:#112150;font-size:13px;font-weight:750;text-decoration:none}
#dealerLocalProfile.seo-compact-footer .seo-footer-map:hover{text-decoration:underline;text-underline-offset:3px}
#dealerLocalProfile.seo-compact-footer .seo-footer-meta{display:grid;gap:6px;margin-top:12px}
#dealerLocalProfile.seo-compact-footer #footerDisclosure{font-size:11px;line-height:1.45;color:#47536d}
#dealerLocalProfile.seo-compact-footer .seo-footer-meta small{font-size:10px;line-height:1.4;color:#47536d}
#dealerLocalProfile.seo-compact-footer :is(summary,a):focus-visible{outline:2px solid #112150;outline-offset:3px}
@media(min-width:721px){
  #dealerLocalProfile.seo-compact-footer .seo-footer-body{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
  #dealerLocalProfile.seo-compact-footer .seo-footer-about{grid-column:1/-1}
  #dealerLocalProfile.seo-compact-footer .seo-footer-shop{grid-column:1/-1}
  #dealerLocalProfile.seo-compact-footer .seo-footer-meta{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 20px}
}

/* H23 hero: a dedicated image lane prevents copy crossing the model on small screens. */
html.efx-r2724-preview body.share-view .hero .hero-copy.hero-copy-h23{
  padding:6px 44% 8px 0!important;min-height:0!important;
}
html.efx-r2724-preview body.share-view .hero .hero-copy.hero-copy-h23::after{
  width:44%!important;max-width:238px!important;right:-10px!important;top:8px!important;bottom:auto!important;
}
html.efx-r2724-preview body.share-view .hero .hero-copy-h23 #heroTitle{
  font-size:clamp(25px,6.5vw,36px)!important;letter-spacing:-.8px!important;line-height:1.08!important;
  max-width:100%!important;overflow-wrap:break-word;word-break:normal;text-wrap:initial;
}
html.efx-r2724-preview body.share-view .hero .hero-copy-h23 #heroIntro{
  font-size:12px!important;line-height:1.5!important;margin:10px 0 0!important;max-width:100%!important;
}
html.efx-r2724-preview body.share-view .hero .hero-copy-h23 .hero-actions{
  width:100%!important;max-width:200px!important;margin-top:14px!important;gap:7px!important;
}
html.efx-r2724-preview body.share-view .hero .hero-copy-h23 .hero-actions .btn{
  min-height:44px!important;white-space:normal;line-height:1.3!important;
}
@media(min-width:721px){
  html.efx-r2724-preview body.share-view .hero .hero-copy.hero-copy-h23{min-height:290px!important;padding-right:46%!important}
  html.efx-r2724-preview body.share-view .hero .hero-copy.hero-copy-h23::after{width:44%!important;max-width:560px!important;right:0!important;top:auto!important;bottom:0!important}
  html.efx-r2724-preview body.share-view .hero .hero-copy-h23 #heroTitle{font-size:clamp(36px,4vw,56px)!important;letter-spacing:-1.5px!important}
  html.efx-r2724-preview body.share-view .hero .hero-copy-h23 #heroIntro{font-size:16px!important;max-width:440px!important}
  html.efx-r2724-preview body.share-view .hero .hero-copy-h23 .hero-actions{max-width:440px!important;flex-wrap:wrap!important}
}

/* eFlyersXOX v5.4.10-r2.7.51 — Customer /c icon sizing only. */
html.efx-customer-tabler .efx-c-icon{
 display:inline-block!important;width:18px!important;height:18px!important;vertical-align:middle;
 flex-shrink:0;fill:none!important;stroke:currentColor!important;stroke-width:2!important;
 stroke-linecap:round;stroke-linejoin:round;pointer-events:none;
}
html.efx-customer-tabler .top-actions .efx-c-icon,
html.efx-customer-tabler .modal-close .efx-c-icon{width:22px!important;height:22px!important}
html.efx-customer-tabler .value-icon .efx-c-icon,
html.efx-customer-tabler .customer-affiliate-cta .efx-c-icon{width:20px!important;height:20px!important}
html.efx-customer-tabler .smart-mini-kicker .efx-c-icon,
html.efx-customer-tabler .smart-mini-find .efx-c-icon,
html.efx-customer-tabler .smart-mini-summary-head .efx-c-icon,
html.efx-customer-tabler .hero-card-tap .efx-c-icon,
html.efx-customer-tabler .why-summary-arrow .efx-c-icon,
html.efx-customer-tabler .opportunity-item .efx-c-icon{width:16px!important;height:16px!important}
html.efx-customer-tabler .community-stat-icon .efx-c-icon{width:38px!important;height:38px!important}
html.efx-customer-tabler .community-stat-icon{color:#071f62!important}
html.efx-customer-tabler .compare-icon .efx-c-icon{width:32px!important;height:32px!important}
html.efx-customer-tabler .help-center-item-icon .efx-c-icon,
html.efx-customer-tabler .why-summary-icon .efx-c-icon{width:22px!important;height:22px!important}
@supports ((mask-image: url("")) or (-webkit-mask-image: url(""))){
 html.efx-customer-tabler .plan-features li::before,
 html.efx-customer-tabler .smart-reasons li::before{
  content:"";display:inline-block;width:14px;height:14px;vertical-align:-2px;
  background:currentColor;border-radius:0;
  -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22icon%20icon-tabler%20icons-tabler-outline%20icon-tabler-check%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M5%2012l5%205l10%20-10%22%20%2F%3E%20%3C%2Fsvg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22icon%20icon-tabler%20icons-tabler-outline%20icon-tabler-check%22%20%3E%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M5%2012l5%205l10%20-10%22%20%2F%3E%20%3C%2Fsvg%3E") center / contain no-repeat;
 }
}

/* eFlyersXOX v5.4.10-r2.7.24-r6 PREVIEW — Customer Featured Plan Strip Compact
 * Scoped preview only. Demotes the large hero carousel into a compact featured-plan strip while keeping existing routes, content, plan facts, smart finder, and stable logic untouched.
 */
html.efx-r2724-preview body.share-view .hero{
  position:relative;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  min-height:auto!important;
  margin:0!important;
  padding:14px 16px 18px!important;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 18%,rgba(255,255,255,.52),transparent 26%),
    linear-gradient(145deg,#fff904 0%,#fff100 46%,#ffd900 100%)!important;
  color:#071f62!important;
}
html.efx-r2724-preview body.share-view .hero::after{
  content:""!important;
  position:absolute!important;
  inset:auto -92px -112px auto!important;
  width:320px!important;
  height:320px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(255,255,255,.46),rgba(255,255,255,0) 72%)!important;
  pointer-events:none!important;
}

/* minor polish: slimmer header + tabs */
html.efx-r2724-preview body.share-view .topbar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
  min-height:82px!important;
  padding:10px 14px!important;
}
html.efx-r2724-preview body.share-view .brand-main{
  font-size:clamp(18px,5.6vw,24px)!important;
  letter-spacing:-1.25px!important;
}
html.efx-r2724-preview body.share-view .top-actions{
  min-width:132px!important;
  gap:6px!important;
}
html.efx-r2724-preview body.share-view .top-actions::before{
  min-width:132px!important;
  min-height:44px!important;
  padding:8px 12px!important;
  border-radius:17px!important;
  font-size:10px!important;
  line-height:1.08!important;
  letter-spacing:.035em!important;
}
html.efx-r2724-preview body.share-view .utility-menu{
  top:82px!important;
  width:100%!important;
  max-width:100vw!important;
  justify-content:flex-start!important;
  gap:6px!important;
  padding:7px 10px 8px 10px!important;
  scroll-padding-inline:10px!important;
  scroll-snap-type:x proximity!important;
  overscroll-behavior-x:contain!important;
}
html.efx-r2724-preview body.share-view .utility-menu > *{scroll-snap-align:start}
html.efx-r2724-preview body.share-view .utility-menu button,
html.efx-r2724-preview body.share-view .utility-menu a{
  min-height:34px!important;
  padding:7px 13px!important;
  font-size:11px!important;
}

html.efx-r2724-preview body.share-view .hero-copy{
  position:relative;
  z-index:2;
  box-sizing:border-box;
  min-height:338px;
  padding:6px 43% 2px 0;
}
html.efx-r2724-preview body.share-view .hero-copy::before{
  content:"";
  display:block;
  width:min(158px,92%);
  aspect-ratio:2048/644;
  margin:0 0 10px;
  background:url('/assets/onexox-logo-official.png') left center/contain no-repeat;
}
html.efx-r2724-preview body.share-view .hero-copy::after{
  content:"";
  position:absolute;
  z-index:-1;
  right:-18px;
  top:4px;
  width:min(50%,238px);
  aspect-ratio:1060/1484;
  background:url('/assets/hero-sim-mobile-h28-a2fd6e0ca831f655.webp') right top/contain no-repeat;
  filter:drop-shadow(0 12px 24px rgba(91,72,0,.14));
  pointer-events:none;
}
html.efx-r2724-preview body.share-view .hero .eyebrow{display:none!important}
html.efx-r2724-preview body.share-view .hero h1{
  max-width:610px!important;
  margin:0!important;
  color:#0a1328!important;
  font-size:clamp(29px,7.5vw,56px)!important;
  line-height:1.02!important;
  letter-spacing:-1.7px!important;
  text-wrap:balance;
}
html.efx-r2724-preview body.share-view .hero h1 span{color:#071f62!important}
html.efx-r2724-preview body.share-view .hero-copy>p{
  max-width:420px!important;
  margin:8px 0 0!important;
  color:#273550!important;
  font-size:12px!important;
  line-height:1.42!important;
}
html.efx-r2724-preview body.share-view .hero-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
  width:min(178px,100%);
  gap:6px!important;
  margin-top:10px!important;
  margin-bottom:2px!important;
}
html.efx-r2724-preview body.share-view .hero-actions .btn{
  min-height:39px!important;
  padding:9px 12px!important;
  border-radius:13px!important;
  font-size:11px!important;
  font-weight:950!important;
  box-shadow:none!important;
}
html.efx-r2724-preview body.share-view .hero-actions .btn-primary{
  background:#071f62!important;
  color:#fff!important;
  border-color:#071f62!important;
}
html.efx-r2724-preview body.share-view .hero-actions #heroSecondaryAction{
  background:rgba(255,255,255,.72)!important;
  color:#071f62!important;
  border:1.5px solid rgba(7,31,98,.48)!important;
  backdrop-filter:blur(8px);
}

html.efx-r2724-preview body.share-view .hero-plan-carousel{
  position:relative;
  z-index:3;
  width:100%!important;
  max-width:none!important;
  justify-self:stretch!important;
  margin-top:-6px!important;
}
html.efx-r2724-preview body.share-view .hero-plan-carousel-head{
  margin:0 2px 8px!important;
  color:#071f62!important;
}
html.efx-r2724-preview body.share-view .hero-plan-carousel-head span{
  color:#071f62!important;
  font-size:10px!important;
}
html.efx-r2724-preview body.share-view .hero-plan-carousel-head small{
  color:#52617a!important;
  font-size:9px!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track{border-radius:21px!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card{
  min-height:238px!important;
  padding:16px!important;
  border-radius:21px!important;
  box-shadow:0 18px 38px rgba(7,31,98,.18)!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-plan{margin-top:15px!important;font-size:16px!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-data{font-size:53px!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-data-wide{font-size:45px!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-price{margin-top:8px!important;font-size:28px!important}
html.efx-r2724-preview body.share-view .hero-plan-points{margin-top:12px!important;gap:4px!important}
html.efx-r2724-preview body.share-view .hero-plan-points li{font-size:8.7px!important}
html.efx-r2724-preview body.share-view .hero-card-tap{padding-top:10px!important}
html.efx-r2724-preview body.share-view .hero-plan-controls{
  grid-template-columns:32px minmax(0,1fr) 32px!important;
  gap:8px!important;
  margin-top:8px!important;
}
html.efx-r2724-preview body.share-view .hero-plan-arrow{
  width:32px!important;
  height:32px!important;
  border-color:rgba(7,31,98,.16)!important;
  background:rgba(7,31,98,.08)!important;
  color:#071f62!important;
  backdrop-filter:none!important;
}
html.efx-r2724-preview body.share-view .hero-plan-progress-bar{background:rgba(7,31,98,.16)!important}
html.efx-r2724-preview body.share-view .hero-plan-progress-fill{background:#071f62!important;box-shadow:none!important}
html.efx-r2724-preview body.share-view .v4-value-strip{position:relative;z-index:5;margin-top:0!important}

@media(min-width:721px){
  html.efx-r2724-preview body.share-view .topbar{
    min-height:70px!important;
    padding:9px 24px!important;
    gap:12px!important;
  }
  html.efx-r2724-preview body.share-view .brand-main{
    font-size:clamp(21px,2.2vw,27px)!important;
  }
  html.efx-r2724-preview body.share-view .top-actions{
    min-width:158px!important;
  }
  html.efx-r2724-preview body.share-view .top-actions::before{
    min-width:158px!important;
    min-height:40px!important;
    padding:8px 14px!important;
    font-size:11px!important;
  }
  html.efx-r2724-preview body.share-view .utility-menu{
    top:70px!important;
    padding:8px 16px!important;
    gap:8px!important;
  }
  html.efx-r2724-preview body.share-view .utility-menu button,
  html.efx-r2724-preview body.share-view .utility-menu a{
    min-height:36px!important;
    padding:8px 15px!important;
    font-size:12px!important;
  }
  html.efx-r2724-preview body.share-view .hero{
    padding:18px clamp(28px,4vw,54px) 24px!important;
    gap:14px!important;
  }
  html.efx-r2724-preview body.share-view .hero-copy{
    min-height:248px;
    padding:6px clamp(292px,40%,500px) 0 0;
  }
  html.efx-r2724-preview body.share-view .hero-copy::before{
    width:220px;
    margin-bottom:10px;
  }
  html.efx-r2724-preview body.share-view .hero-copy::after{
    right:-28px;
    top:auto;
    bottom:-6px;
    width:min(42%,480px);
    max-width:480px;
    aspect-ratio:1484/1060;
    background-image:url('/assets/hero-sim-desktop-h24.webp');
    background-position:right bottom;
  }
  html.efx-r2724-preview body.share-view .hero h1{
    font-size:clamp(48px,4.2vw,62px)!important;
    letter-spacing:-2.6px!important;
    max-width:620px!important;
  }
  html.efx-r2724-preview body.share-view .hero-copy>p{
    max-width:520px!important;
    margin-top:10px!important;
    font-size:16px!important;
    line-height:1.5!important;
  }
  html.efx-r2724-preview body.share-view .hero-actions{
    display:flex!important;
    flex-wrap:wrap!important;
    width:auto!important;
    gap:10px!important;
    margin-top:14px!important;
    margin-bottom:0!important;
  }
  html.efx-r2724-preview body.share-view .hero-actions .btn{
    min-height:42px!important;
    padding:10px 18px!important;
    font-size:13px!important;
  }
  html.efx-r2724-preview body.share-view .hero-plan-carousel{
    margin-top:-2px!important;
  }
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-card{min-height:252px!important;padding:18px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-data{font-size:58px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-data-wide{font-size:48px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-price{font-size:30px!important}
}

@media(max-width:390px){
  html.efx-r2724-preview body.share-view .topbar{
    min-height:78px!important;
    padding:9px 12px!important;
  }
  html.efx-r2724-preview body.share-view .top-actions{
    min-width:124px!important;
  }
  html.efx-r2724-preview body.share-view .top-actions::before{
    min-width:124px!important;
    min-height:42px!important;
    padding:8px 10px!important;
    font-size:9.5px!important;
  }
  html.efx-r2724-preview body.share-view .utility-menu{
    top:78px!important;
    padding:7px 9px 8px!important;
  }
  html.efx-r2724-preview body.share-view .hero-copy{min-height:322px;padding-right:42%}
  html.efx-r2724-preview body.share-view .hero-copy::before{width:145px}
  html.efx-r2724-preview body.share-view .hero-copy::after{width:min(49%,224px);right:-16px;top:6px}
  html.efx-r2724-preview body.share-view .hero h1{font-size:28px!important}
  html.efx-r2724-preview body.share-view .hero-copy>p{font-size:11px!important}
  html.efx-r2724-preview body.share-view .hero-actions{width:170px}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-card{min-height:226px!important}
}

@media(max-width:340px){
  html.efx-r2724-preview body.share-view .topbar{
    min-height:74px!important;
    padding:8px 10px!important;
  }
  html.efx-r2724-preview body.share-view .top-actions{
    min-width:118px!important;
  }
  html.efx-r2724-preview body.share-view .top-actions::before{
    min-width:118px!important;
    min-height:40px!important;
    padding:7px 10px!important;
    font-size:9px!important;
  }
  html.efx-r2724-preview body.share-view .utility-menu{
    top:74px!important;
  }
  html.efx-r2724-preview body.share-view .hero-copy{min-height:310px;padding-right:40%}
  html.efx-r2724-preview body.share-view .hero-copy::before{width:130px}
  html.efx-r2724-preview body.share-view .hero-copy::after{width:min(47%,204px);right:-16px;top:8px}
  html.efx-r2724-preview body.share-view .hero h1{font-size:25px!important}
  html.efx-r2724-preview body.share-view .hero-copy>p{font-size:10px!important}
  html.efx-r2724-preview body.share-view .hero-actions{width:158px}
}


/* r2.7.24-r6 — Featured Plan Strip Compact
   Goal: reduce the large carousel into a compact highlight strip without touching the data source or routing. */
html.efx-r2724-preview body.share-view .hero-plan-carousel{margin-top:-2px!important}
html.efx-r2724-preview body.share-view .hero-plan-carousel-head{margin:0 2px 6px!important}
html.efx-r2724-preview body.share-view .hero-plan-carousel-head span{font-size:11px!important;letter-spacing:.15em!important}
html.efx-r2724-preview body.share-view .hero-plan-track{gap:10px!important;border-radius:18px!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card{
  flex:0 0 min(84%,300px)!important;
  min-height:124px!important;
  padding:12px 14px!important;
  border-radius:20px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-end!important;
  align-content:flex-start!important;
  gap:6px 10px!important;
  box-shadow:0 14px 30px rgba(7,31,98,.16)!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card .glow-one{width:150px!important;height:150px!important;right:-58px!important;top:-54px!important;opacity:.18!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card .glow-two{width:105px!important;height:105px!important;left:-52px!important;bottom:-52px!important;opacity:.13!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card-top{order:1!important;width:100%!important;align-items:center!important;gap:8px!important;margin:0!important}
html.efx-r2724-preview body.share-view .hero-plan-track .chip{padding:5px 9px!important;font-size:8.5px!important;letter-spacing:.08em!important}
html.efx-r2724-preview body.share-view .hero-plan-category{font-size:9px!important;letter-spacing:.14em!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-plan{order:2!important;flex:1 1 100%!important;margin:0!important;font-size:16px!important;line-height:1.08!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-data,
html.efx-r2724-preview body.share-view .hero-plan-track .hero-data-wide{order:3!important;margin:0!important;font-size:42px!important;line-height:.9!important;letter-spacing:-2.7px!important;text-shadow:none!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-data span,
html.efx-r2724-preview body.share-view .hero-plan-track .hero-data-wide span{font-size:15px!important;letter-spacing:-.4px!important;margin-left:3px!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-data-wide small{width:auto!important;margin:0 0 2px 6px!important;font-size:8px!important;letter-spacing:.03em!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-data-days span{font-size:12px!important;letter-spacing:.06em!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-price{order:4!important;margin:0 0 4px 2px!important;font-size:24px!important;line-height:1!important;display:flex!important;align-items:flex-end!important;gap:3px!important;flex-wrap:wrap!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-price>span{font-size:12px!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-price small{display:inline!important;margin:0!important;font-size:8.5px!important;color:#d7e3ff!important}
html.efx-r2724-preview body.share-view .hero-plan-points{display:none!important}
html.efx-r2724-preview body.share-view .hero-card-tap{order:5!important;margin-left:auto!important;padding:0!important;font-size:8.4px!important;gap:7px!important;align-self:center!important}
html.efx-r2724-preview body.share-view .hero-card-tap span{width:24px!important;height:24px!important;font-size:13px!important;box-shadow:0 5px 14px rgba(255,241,0,.18)!important}
html.efx-r2724-preview body.share-view .hero-plan-controls{margin-top:6px!important}
html.efx-r2724-preview body.share-view .hero-plan-progress-bar{height:4px!important}

@media(min-width:721px){
  html.efx-r2724-preview body.share-view .hero-plan-carousel-head{margin:0 2px 8px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track{gap:12px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-card{
    flex:0 0 calc((100% - 24px) / 3)!important;
    min-height:132px!important;
    padding:14px 16px!important;
    border-radius:21px!important;
  }
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-plan{font-size:17px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-data,
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-data-wide{font-size:46px!important;letter-spacing:-3px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-data span,
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-data-wide span{font-size:16px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-price{font-size:26px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-price small{font-size:9px!important}
  html.efx-r2724-preview body.share-view .hero-card-tap{font-size:8.8px!important}
}

@media(max-width:390px){
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-card{flex-basis:min(88%,286px)!important;min-height:118px!important;padding:11px 13px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-plan{font-size:15px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-data,
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-data-wide{font-size:39px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-price{font-size:22px!important}
}


/* r2.7.24-r7 — Connected Featured Plan Strip PREVIEW
   Purpose: keep the featured plan area compact, restore readable plan content,
   and add a connected premium background feel across adjacent cards.
   Scope: customer /c preview only. No route, logic, data source, or content flow changes. */
html.efx-r2724-preview body.share-view .hero-plan-carousel{margin-top:-2px!important}
html.efx-r2724-preview body.share-view .hero-plan-carousel-head{margin:0 2px 6px!important}
html.efx-r2724-preview body.share-view .hero-plan-carousel-head span{font-size:11px!important;letter-spacing:.14em!important}
html.efx-r2724-preview body.share-view .hero-plan-track{
  gap:10px!important;
  border-radius:22px!important;
  padding:2px 0 1px!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card{
  position:relative!important;
  overflow:hidden!important;
  flex:0 0 min(86%,304px)!important;
  min-height:170px!important;
  padding:13px 15px 14px!important;
  border-radius:22px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:0!important;
  box-shadow:0 14px 30px rgba(7,31,98,.15)!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  background:
    linear-gradient(148deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,0) 34%),
    radial-gradient(circle at var(--r7-glow-x,92%) 16%,rgba(183,238,188,.22) 0,rgba(183,238,188,0) 28%),
    radial-gradient(120% 96% at var(--r7-wave-x,118%) 116%,rgba(255,241,0,.24) 0,rgba(255,241,0,.24) 15%,rgba(255,241,0,0) 16%),
    radial-gradient(120% 96% at var(--r7-wave-x,118%) 116%,rgba(255,255,255,.12) 0,rgba(255,255,255,.12) 10%,rgba(255,255,255,0) 11%);
  opacity:1!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card::after{
  content:""!important;
  position:absolute!important;
  inset:auto -14% 20px -14%!important;
  height:1px!important;
  background:linear-gradient(90deg,rgba(255,241,0,0) 0%,rgba(255,241,0,.22) 18%,rgba(255,241,0,.22) 82%,rgba(255,241,0,0) 100%)!important;
  pointer-events:none!important;
  opacity:.85!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card:nth-child(1){--r7-glow-x:92%;--r7-wave-x:118%}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card:nth-child(2){--r7-glow-x:56%;--r7-wave-x:52%}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card:nth-child(3){--r7-glow-x:16%;--r7-wave-x:-14%}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card .glow{display:none!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card-top{
  order:1!important;
  width:100%!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin:0!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .chip{padding:5px 9px!important;font-size:8.4px!important;letter-spacing:.08em!important;box-shadow:none!important}
html.efx-r2724-preview body.share-view .hero-plan-category{font-size:9px!important;letter-spacing:.14em!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-plan{
  position:relative!important;
  z-index:1!important;
  order:2!important;
  width:100%!important;
  margin:14px 0 0!important;
  font-size:15px!important;
  line-height:1.05!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-data,
html.efx-r2724-preview body.share-view .hero-plan-track .hero-data-wide{
  position:relative!important;
  z-index:1!important;
  order:3!important;
  width:100%!important;
  margin:8px 0 0!important;
  font-size:41px!important;
  line-height:.92!important;
  letter-spacing:-2.6px!important;
  text-shadow:none!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-data span,
html.efx-r2724-preview body.share-view .hero-plan-track .hero-data-wide span{
  font-size:14px!important;
  letter-spacing:-.2px!important;
  margin-left:4px!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-data-wide small{
  width:auto!important;
  margin:0 0 2px 6px!important;
  font-size:8px!important;
  letter-spacing:.03em!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-data-days span{font-size:12px!important;letter-spacing:.06em!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-price{
  position:relative!important;
  z-index:1!important;
  order:4!important;
  margin:8px 0 0!important;
  font-size:21px!important;
  line-height:1!important;
  display:flex!important;
  align-items:flex-end!important;
  gap:4px!important;
  flex-wrap:wrap!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-price>span{font-size:11px!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-price small{display:none!important}
html.efx-r2724-preview body.share-view .hero-plan-points{display:none!important}
html.efx-r2724-preview body.share-view .hero-card-tap{
  position:relative!important;
  z-index:1!important;
  order:5!important;
  margin-top:auto!important;
  margin-left:auto!important;
  padding-top:9px!important;
  font-size:8.4px!important;
  gap:7px!important;
  align-self:flex-end!important;
}
html.efx-r2724-preview body.share-view .hero-card-tap span{width:24px!important;height:24px!important;font-size:13px!important;box-shadow:0 6px 16px rgba(255,241,0,.14)!important}
html.efx-r2724-preview body.share-view .hero-plan-controls{margin-top:7px!important}
html.efx-r2724-preview body.share-view .hero-plan-progress-bar{height:4px!important}

@media(min-width:721px){
  html.efx-r2724-preview body.share-view .hero-plan-carousel-head{margin:0 2px 8px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track{gap:12px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-card{
    flex:0 0 calc((100% - 24px) / 3)!important;
    min-height:176px!important;
    padding:14px 16px 14px!important;
  }
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-plan{font-size:16px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-data,
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-data-wide{font-size:44px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-data span,
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-data-wide span{font-size:15px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-price{font-size:22px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-price>span{font-size:12px!important}
}

@media(max-width:390px){
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-card{flex-basis:min(88%,292px)!important;min-height:162px!important;padding:12px 14px 13px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-plan{font-size:14px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-data,
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-data-wide{font-size:38px!important;letter-spacing:-2.2px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-price{font-size:20px!important}
}


/* r2.7.24-r8 — Panorama Featured Strip + Accurate Quick-Nav Scroll
   Fixes r7 blank-card regression and uses the supplied panorama as a connected visual layer.
   Preview-only, customer /c scope. */

/* Accurate landing for sticky topbar + utility menu. */
html.efx-r2724-preview body.share-view #recommender,
html.efx-r2724-preview body.share-view #plans,
html.efx-r2724-preview body.share-view #compareSection{
  scroll-margin-top:136px!important;
}

/* Restore readable content with a robust grid (r6/r7 flex-wrap had pushed content out of view). */
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto auto auto!important;
  flex-wrap:nowrap!important;
  align-content:normal!important;
  align-items:start!important;
  min-height:166px!important;
  gap:0 10px!important;
  padding:13px 14px 13px!important;
  overflow:hidden!important;
  background-color:#0b3276!important;
  background-image:
    linear-gradient(150deg,rgba(11,63,135,.84) 0%,rgba(7,38,96,.90) 55%,rgba(4,25,70,.94) 100%)!important;
  background-repeat:no-repeat,no-repeat!important;
  background-size:auto,300% 100%!important;
  background-position:center,0% center!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card:nth-child(3n+1){background-position:center,0% center!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card:nth-child(3n+2){background-position:center,50% center!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card:nth-child(3n){background-position:center,100% center!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,0) 38%),
    radial-gradient(circle at 92% 12%,rgba(255,241,0,.13),transparent 28%)!important;
  opacity:1!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card::after{
  content:""!important;
  position:absolute!important;
  inset:auto 0 0 0!important;
  height:3px!important;
  background:linear-gradient(90deg,rgba(255,241,0,.15),rgba(255,241,0,.72),rgba(255,241,0,.12))!important;
  opacity:.55!important;
  pointer-events:none!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card-top{
  grid-column:1 / -1!important;
  grid-row:1!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin:0!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-plan{
  grid-column:1 / -1!important;
  grid-row:2!important;
  width:100%!important;
  margin:12px 0 0!important;
  font-size:15px!important;
  line-height:1.05!important;
  color:#fff!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-data,
html.efx-r2724-preview body.share-view .hero-plan-track .hero-data-wide{
  grid-column:1!important;
  grid-row:3!important;
  width:auto!important;
  margin:7px 0 0!important;
  font-size:39px!important;
  line-height:.92!important;
  letter-spacing:-2.4px!important;
  color:#fff100!important;
  text-shadow:0 5px 18px rgba(0,0,0,.12)!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-data span,
html.efx-r2724-preview body.share-view .hero-plan-track .hero-data-wide span{font-size:14px!important;margin-left:3px!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-data-wide small{width:100%!important;margin:3px 0 0!important;font-size:7.8px!important;color:#dce7ff!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-price{
  grid-column:1!important;
  grid-row:4!important;
  margin:7px 0 0!important;
  display:flex!important;
  align-items:flex-end!important;
  gap:3px!important;
  font-size:21px!important;
  line-height:1!important;
  color:#fff!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-price>span{font-size:11px!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-price small{display:none!important}
html.efx-r2724-preview body.share-view .hero-plan-points{display:none!important}
html.efx-r2724-preview body.share-view .hero-card-tap{
  grid-column:2!important;
  grid-row:3 / 5!important;
  align-self:end!important;
  justify-self:end!important;
  margin:0!important;
  padding:0!important;
  font-size:0!important;
}
html.efx-r2724-preview body.share-view .hero-card-tap span{
  width:28px!important;
  height:28px!important;
  font-size:15px!important;
}

@media(min-width:721px){
  html.efx-r2724-preview body.share-view #recommender,
  html.efx-r2724-preview body.share-view #plans,
  html.efx-r2724-preview body.share-view #compareSection{scroll-margin-top:124px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-card{
    min-height:174px!important;
    padding:14px 16px!important;
  }
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-plan{font-size:16px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-data,
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-data-wide{font-size:43px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-price{font-size:23px!important}
}

@media(max-width:390px){
  html.efx-r2724-preview body.share-view #recommender,
  html.efx-r2724-preview body.share-view #plans,
  html.efx-r2724-preview body.share-view #compareSection{scroll-margin-top:128px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-card{min-height:158px!important;padding:12px 13px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-data,
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-data-wide{font-size:36px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-price{font-size:20px!important}
}

/* r2.7.24-r9 — Featured Strip Clean + B33 Label Fix PREVIEW
   - remove unused panorama image layer from featured cards
   - keep the r8 readable compact card/grid and scroll-target fixes
   - B33 customer featured badge becomes FREE BILL in preview only
   - data source, routes, logic, modal/detail content remain untouched
*/
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card{
  background-color:#0b3276!important;
  background-image:linear-gradient(150deg,#174f98 0%,#0b3a82 44%,#071f62 100%)!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%!important;
  background-position:center!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card:nth-child(n){
  background-position:center!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card::before{
  background:
    linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,0) 40%),
    radial-gradient(circle at 90% 12%,rgba(255,241,0,.12),transparent 28%)!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card[data-detail="b33"] .chip{
  font-size:0!important;
  background:#fff!important;
  color:#071f62!important;
  border:0!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card[data-detail="b33"] .chip::after{
  content:"FREE BILL";
  font-size:8.5px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  line-height:1!important;
  color:#071f62!important;
}

/* r2.7.24-r10 — Customer Preview polish
   Fixes requested:
   1) hero person covers the marked right area more fully
   2) cleaner, more accurate call + hotspot icons
   3) yellow background continues to the bottom / overscroll
   4) reduce excessive gap above the fixed CTA bar
   Preview-only, customer /c scope. */
html.efx-r2724-preview,
html.efx-r2724-preview body.share-view{
  background:#fff100!important;
}
html.efx-r2724-preview body.share-view{
  padding-bottom:82px!important;
}
html.efx-r2724-preview body.share-view #appShell{
  background:transparent!important;
}
html.efx-r2724-preview body.share-view .hero{
  padding-bottom:12px!important;
}
html.efx-r2724-preview body.share-view .hero-copy{
  min-height:292px!important;
  padding:6px 35% 0 0!important;
}
html.efx-r2724-preview body.share-view .hero-plan-carousel{
  margin-top:-8px!important;
}
html.efx-r2724-preview body.share-view .hero-copy::after{
  top:-8px!important;
  right:-24px!important;
  width:min(64%,312px)!important;
  aspect-ratio:1060/1484!important;
  background-size:contain!important;
  background-position:right top!important;
}
html.efx-r2724-preview body.share-view .v4-value-strip article>span{
  box-shadow:inset 0 0 0 1px rgba(7,31,98,.08)!important;
}
html.efx-r2724-preview body.share-view .v4-value-strip article>span svg{
  width:20px!important;
  height:20px!important;
}
html.efx-r2724-preview body.share-view .v4-footer,
html.efx-r2724-preview body.share-view .footer{
  background:var(--yellow)!important;
  margin-bottom:0!important;
}
html.efx-r2724-preview body.share-view .v4-footer{
  padding-bottom:88px!important;
}
html.efx-r2724-preview body.share-view .customer-contact-bar{
  bottom:max(6px,env(safe-area-inset-bottom))!important;
  width:min(760px,calc(100% - 18px))!important;
}

@media(min-width:721px){
  html.efx-r2724-preview body.share-view{
    padding-bottom:88px!important;
  }
  html.efx-r2724-preview body.share-view .hero-copy{
    min-height:270px!important;
    padding:6px clamp(336px,43%,540px) 2px 0!important;
  }
  html.efx-r2724-preview body.share-view .hero-copy::after{
    right:-42px!important;
    bottom:-10px!important;
    top:auto!important;
    width:min(48%,560px)!important;
    aspect-ratio:1484/1060!important;
    background-image:url('/assets/hero-sim-desktop-h24.webp')!important;
    background-position:right bottom!important;
  }
  html.efx-r2724-preview body.share-view .v4-footer{
    padding-bottom:92px!important;
  }
}

@media(max-width:390px){
  html.efx-r2724-preview body.share-view{
    padding-bottom:78px!important;
  }
  html.efx-r2724-preview body.share-view .hero-copy{
    min-height:286px!important;
    padding-right:34%!important;
  }
  html.efx-r2724-preview body.share-view .hero-copy::after{
    top:-2px!important;
    right:-20px!important;
    width:min(66%,292px)!important;
  }
  html.efx-r2724-preview body.share-view .v4-footer{
    padding-bottom:84px!important;
  }
}

@media(max-width:340px){
  html.efx-r2724-preview body.share-view .hero-copy{
    min-height:280px!important;
    padding-right:33%!important;
  }
  html.efx-r2724-preview body.share-view .hero-copy::after{
    width:min(68%,274px)!important;
    right:-20px!important;
  }
}

/* r2.7.24-r12 — Hero Dead-Space Removal PREVIEW
   Scope: spacing only. Remove the reserved empty height between the hero CTA
   and Featured Plan strip. Features Strip, hero image, featured cards, icons,
   Smart Finder, routes and stable functions stay unchanged. */
html.efx-r2724-preview body.share-view .hero-copy{
  min-height:292px!important;
}
@media(max-width:390px){
  html.efx-r2724-preview body.share-view .hero-copy{min-height:286px!important}
}
@media(max-width:340px){
  html.efx-r2724-preview body.share-view .hero-copy{min-height:280px!important}
}

/* v5.4.10-r2.7.26 — Customer desktop CTA fit
   Customer /c only. Keeps mobile dock behavior and all dealer UI untouched. */
@media(min-width:721px){
  html.efx-r2724-preview body.share-view .customer-contact-bar{
    width:min(940px,calc(100vw - 32px))!important;
    max-width:calc(100vw - 32px)!important;
    display:grid!important;
    grid-template-columns:minmax(220px,.78fr) minmax(420px,1.22fr)!important;
    align-items:center!important;
    gap:12px!important;
    padding-left:16px!important;
    padding-right:12px!important;
    overflow:visible!important;
  }
  html.efx-r2724-preview body.share-view .customer-contact-copy{
    min-width:0!important;
  }
  html.efx-r2724-preview body.share-view .customer-contact-actions{
    width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:8px!important;
  }
  html.efx-r2724-preview body.share-view .customer-affiliate-cta,
  html.efx-r2724-preview body.share-view .customer-whatsapp-cta{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }
}

/* v5.4.10-r2.7.27 — Desktop CTA Center-Bottom Polish
   Customer /c desktop only.
   Center the two primary CTAs at the bottom, remove the desktop dealer-copy column,
   and preserve the existing mobile dock exactly as-is. */
@media(min-width:721px){
  html.efx-r2724-preview body.share-view .customer-contact-bar{
    left:50%!important;
    right:auto!important;
    bottom:max(12px,env(safe-area-inset-bottom))!important;
    width:min(560px,calc(100vw - 40px))!important;
    max-width:calc(100vw - 40px)!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    align-items:center!important;
    gap:0!important;
    padding:9px!important;
    overflow:visible!important;
    transform:translate(-50%,calc(100% + 30px))!important;
  }
  html.efx-r2724-preview body.share-view .customer-contact-bar.is-visible{
    transform:translate(-50%,0)!important;
  }
  html.efx-r2724-preview body.share-view .customer-contact-copy{
    display:none!important;
  }
  html.efx-r2724-preview body.share-view .customer-contact-actions{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:9px!important;
  }
  html.efx-r2724-preview body.share-view .customer-affiliate-cta,
  html.efx-r2724-preview body.share-view .customer-whatsapp-cta{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:50px!important;
    padding:0 16px!important;
    box-sizing:border-box!important;
  }
}

/* SEC1-H24: reserve card height before PLAN_DATA hydration. Includes the
   existing 2px top + 1px bottom track padding; never impose a fixed height. */
html.efx-r2724-preview body.share-view .hero-plan-track{min-height:169px!important}
@media(min-width:721px){html.efx-r2724-preview body.share-view .hero-plan-track{min-height:177px!important}}
@media(max-width:390px){html.efx-r2724-preview body.share-view .hero-plan-track{min-height:161px!important}}

/* eFlyersXOX v5.4.10-r2.7.23-r1 PREVIEW — Smart Finder Mini Flow + Customer Hero Compact
 * Presentation-only progressive enhancement. Scoped to html.efx-smart-mini-preview.
 */
html.efx-smart-mini-preview #recommender.smart-mini-active{
  padding-top:clamp(24px,4vw,42px)!important;
  padding-bottom:clamp(24px,4vw,42px)!important;
  background:linear-gradient(180deg,#fff 0%,#f7f9fc 100%)!important;
}
html.efx-smart-mini-preview #recommender.smart-mini-active>.smart-finder-heading{display:none!important}
html.efx-smart-mini-preview #recommender.smart-mini-active>#recommendForm.smart-mini-native{display:none!important}

html.efx-smart-mini-preview .smart-mini{
  width:min(880px,100%);
  margin:0 auto;
  color:#071f62;
}
html.efx-smart-mini-preview .smart-mini button{font:inherit}
html.efx-smart-mini-preview .smart-mini-shell{
  position:relative;
  overflow:hidden;
  border:1px solid #e1e6ee;
  border-radius:20px;
  background:#fff;
  box-shadow:0 12px 34px rgba(7,31,98,.08);
}
html.efx-smart-mini-preview .smart-mini-shell:before{
  content:"";
  position:absolute;
  top:-72px;
  right:-68px;
  width:170px;
  height:170px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,241,0,.26),rgba(255,241,0,0) 72%);
  pointer-events:none;
}
html.efx-smart-mini-preview .smart-mini-idle{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  min-height:82px;
  padding:14px 15px;
}
html.efx-smart-mini-preview .smart-mini-idle-copy{min-width:0}
html.efx-smart-mini-preview .smart-mini-kicker{
  display:flex;
  align-items:center;
  gap:7px;
  color:#071f62;
  font-size:10px;
  font-weight:950;
  letter-spacing:.10em;
  text-transform:uppercase;
}
html.efx-smart-mini-preview .smart-mini-kicker>i{
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  border-radius:8px;
  background:#071f62;
  color:#fff100;
  font-style:normal;
  font-size:12px;
}
html.efx-smart-mini-preview .smart-mini-idle :is(h2,h3){
  margin:5px 0 0;
  color:#071f62;
  font-size:clamp(17px,3.8vw,23px);
  line-height:1.08;
  letter-spacing:-.03em;
}
html.efx-smart-mini-preview .smart-mini-start{
  min-width:78px;
  min-height:42px;
  padding:0 15px;
  border:0;
  border-radius:13px;
  background:#fff100;
  color:#071f62;
  font-size:12px;
  font-weight:950;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(255,241,0,.26);
}
html.efx-smart-mini-preview .smart-mini-start:active{transform:translateY(1px)}

html.efx-smart-mini-preview .smart-mini-flow{
  position:relative;
  z-index:1;
  padding:14px;
}
html.efx-smart-mini-preview .smart-mini-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
html.efx-smart-mini-preview .smart-mini-counter{
  flex:0 0 auto;
  min-width:43px;
  padding:6px 9px;
  border-radius:999px;
  background:#071f62;
  color:#fff;
  font-size:10px;
  font-weight:950;
  text-align:center;
}
html.efx-smart-mini-preview .smart-mini-progress{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:5px;
  margin:11px 0 14px;
}
html.efx-smart-mini-preview .smart-mini-progress>span{
  height:4px;
  border-radius:999px;
  background:#e3e8f0;
  transition:background .18s ease,transform .18s ease;
}
html.efx-smart-mini-preview .smart-mini-progress>span.done{background:#fff100}
html.efx-smart-mini-preview .smart-mini-progress>span.current{background:#071f62;transform:scaleY(1.3)}
html.efx-smart-mini-preview .smart-mini-stage{
  min-height:132px;
  touch-action:pan-y;
}
html.efx-smart-mini-preview .smart-mini-question{
  animation:efxSmartMiniIn .18s ease both;
}
@keyframes efxSmartMiniIn{from{opacity:.25;transform:translateX(8px)}to{opacity:1;transform:none}}
html.efx-smart-mini-preview .smart-mini-question-label{
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:10px;
}
html.efx-smart-mini-preview .smart-mini-step-no{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:10px;
  background:#fff100;
  color:#071f62;
  font-size:11px;
  font-weight:950;
}
html.efx-smart-mini-preview .smart-mini-question-label strong{
  color:#071f62;
  font-size:15px;
  line-height:1.2;
}
html.efx-smart-mini-preview .smart-mini-options{
  display:grid;
  grid-auto-flow:column;
  grid-template-rows:repeat(2,minmax(42px,auto));
  grid-auto-columns:minmax(145px,46%);
  gap:7px;
  max-width:100%;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
  padding:1px 1px 4px;
}
html.efx-smart-mini-preview .smart-mini-options::-webkit-scrollbar{display:none}
html.efx-smart-mini-preview .smart-mini-option{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  min-width:0;
  min-height:42px;
  padding:8px 10px;
  border:1px solid #dfe5ee;
  border-radius:13px;
  background:#f8fafc;
  color:#253650;
  font-size:11px;
  font-weight:850;
  line-height:1.2;
  text-align:left;
  scroll-snap-align:start;
  cursor:pointer;
  transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease;
}
html.efx-smart-mini-preview .smart-mini-option:before{
  content:"";
  flex:0 0 auto;
  width:15px;
  height:15px;
  border:1.5px solid #bcc7d6;
  border-radius:50%;
  background:#fff;
}
html.efx-smart-mini-preview .smart-mini-option.active{
  border-color:#e7d800;
  background:#fffbe0;
  color:#071f62;
  box-shadow:inset 0 0 0 1px rgba(255,241,0,.35);
}
html.efx-smart-mini-preview .smart-mini-option.active:before{
  border-color:#071f62;
  background:#071f62;
  box-shadow:inset 0 0 0 4px #fff100;
}
html.efx-smart-mini-preview .smart-mini-option:active{transform:scale(.985)}
html.efx-smart-mini-preview .smart-mini-nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid #edf0f4;
}
html.efx-smart-mini-preview .smart-mini-arrow{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  padding:0;
  border:1px solid #dfe5ee;
  border-radius:12px;
  background:#fff;
  color:#071f62;
  font-size:22px;
  font-weight:900;
  cursor:pointer;
}
html.efx-smart-mini-preview .smart-mini-arrow:disabled{opacity:.28;cursor:default}
html.efx-smart-mini-preview .smart-mini-find{
  min-height:38px;
  padding:0 15px;
  border:0;
  border-radius:12px;
  background:#071f62;
  color:#fff100;
  font-size:11px;
  font-weight:950;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(7,31,98,.16);
}
html.efx-smart-mini-preview .smart-mini-find[hidden]{display:none!important}
html.efx-smart-mini-preview .smart-mini-nav-spacer{flex:1}

html.efx-smart-mini-preview .smart-mini-summary{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:12px 14px;
}
html.efx-smart-mini-preview .smart-mini-summary-head{
  display:flex;
  align-items:center;
  gap:7px;
  color:#071f62;
  font-size:11px;
  font-weight:950;
}
html.efx-smart-mini-preview .smart-mini-summary-head>i{
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  border-radius:50%;
  background:#fff100;
  color:#071f62;
  font-style:normal;
}
html.efx-smart-mini-preview .smart-mini-summary-values{
  display:flex;
  gap:5px;
  margin-top:6px;
  overflow-x:auto;
  scrollbar-width:none;
  white-space:nowrap;
}
html.efx-smart-mini-preview .smart-mini-summary-values::-webkit-scrollbar{display:none}
html.efx-smart-mini-preview .smart-mini-summary-values span{
  flex:0 0 auto;
  max-width:155px;
  overflow:hidden;
  text-overflow:ellipsis;
  padding:5px 8px;
  border-radius:999px;
  background:#f2f5f9;
  color:#5a687d;
  font-size:9.5px;
  font-weight:800;
}
html.efx-smart-mini-preview .smart-mini-edit{
  min-width:62px;
  min-height:36px;
  padding:0 11px;
  border:1px solid #dfe5ee;
  border-radius:11px;
  background:#fff;
  color:#071f62;
  font-size:10px;
  font-weight:950;
  cursor:pointer;
}

/* Keep the existing recommendation logic/content but present results as a compact rail. */
html.efx-smart-mini-preview #recommender.smart-mini-active .smart-finder-result{
  width:min(880px,100%);
  margin:12px auto 0!important;
  padding:15px!important;
  border-radius:18px!important;
  box-shadow:0 14px 34px rgba(7,31,98,.14)!important;
}
html.efx-smart-mini-preview #recommender.smart-mini-active .recommendation-head{align-items:center!important}
html.efx-smart-mini-preview #recommender.smart-mini-active .recommendation-head .eyebrow{font-size:8px!important}
html.efx-smart-mini-preview #recommender.smart-mini-active .recommendation-head h3{font-size:20px!important;line-height:1.1!important}
html.efx-smart-mini-preview #recommender.smart-mini-active .smart-finder-summary{font-size:10px!important;margin-top:4px!important}
html.efx-smart-mini-preview #recommender.smart-mini-active .smart-match{display:none!important}
html.efx-smart-mini-preview #recommender.smart-mini-active .recommendation-cards{
  display:flex!important;
  gap:10px!important;
  margin-top:12px!important;
  overflow-x:auto!important;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  overscroll-behavior-inline:contain;
}
html.efx-smart-mini-preview #recommender.smart-mini-active .recommendation-cards::-webkit-scrollbar{display:none}
html.efx-smart-mini-preview #recommender.smart-mini-active .recommend-mini{
  flex:0 0 min(76vw,300px)!important;
  scroll-snap-align:start;
  min-height:0!important;
  padding:14px!important;
  border-radius:15px!important;
  gap:6px!important;
}
html.efx-smart-mini-preview #recommender.smart-mini-active .recommend-mini strong{font-size:17px!important}
html.efx-smart-mini-preview #recommender.smart-mini-active .recommend-mini .mini-data{font-size:12px!important}
html.efx-smart-mini-preview #recommender.smart-mini-active .recommend-mini .mini-price{font-size:23px!important}
html.efx-smart-mini-preview #recommender.smart-mini-active .recommend-mini .mini-price small{font-size:10px!important}
html.efx-smart-mini-preview #recommender.smart-mini-active .smart-reasons{gap:3px!important;margin:1px 0 2px!important}
html.efx-smart-mini-preview #recommender.smart-mini-active .smart-reasons li{font-size:9.5px!important;line-height:1.25!important}
html.efx-smart-mini-preview #recommender.smart-mini-active .recommend-mini .btn{padding:9px 10px!important;font-size:10px!important}
html.efx-smart-mini-preview #recommender.smart-mini-active .smart-finder-actions{
  display:flex!important;
  flex-wrap:nowrap!important;
  justify-content:flex-start!important;
  gap:7px!important;
  margin-top:11px!important;
  padding-top:10px!important;
  overflow-x:auto!important;
  scrollbar-width:none;
}
html.efx-smart-mini-preview #recommender.smart-mini-active .smart-finder-actions.hidden{display:none!important}
html.efx-smart-mini-preview #recommender.smart-mini-active .smart-finder-actions::-webkit-scrollbar{display:none}
html.efx-smart-mini-preview #recommender.smart-mini-active .smart-finder-actions .btn{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:132px!important;
  padding:10px 12px!important;
  font-size:10px!important;
}

@media(max-width:680px){
  html.efx-smart-mini-preview #recommender.smart-mini-active{padding:18px 12px!important}
  html.efx-smart-mini-preview .smart-mini-shell{border-radius:17px}
  html.efx-smart-mini-preview .smart-mini-idle{min-height:76px;padding:12px}
  html.efx-smart-mini-preview .smart-mini-flow{padding:12px}
  html.efx-smart-mini-preview .smart-mini-stage{min-height:128px}
  html.efx-smart-mini-preview .smart-mini-options{grid-auto-columns:minmax(142px,62%)}
  html.efx-smart-mini-preview #recommender.smart-mini-active .smart-finder-result{padding:13px!important;border-radius:17px!important}
  html.efx-smart-mini-preview #recommender.smart-mini-active .smart-finder-summary{display:none!important}
}
@media(max-width:390px){
  html.efx-smart-mini-preview .smart-mini-options{grid-auto-columns:minmax(136px,68%)}
  html.efx-smart-mini-preview .smart-mini-option{font-size:10.5px;padding:7px 9px}
  html.efx-smart-mini-preview .smart-mini-question-label strong{font-size:14px}
  html.efx-smart-mini-preview .smart-mini-idle :is(h2,h3){font-size:17px}
  html.efx-smart-mini-preview #recommender.smart-mini-active .recommend-mini{flex-basis:78vw!important}
}
@media(prefers-reduced-motion:reduce){
  html.efx-smart-mini-preview .smart-mini-question{animation:none!important}
  html.efx-smart-mini-preview .smart-mini-option,
  html.efx-smart-mini-preview .smart-mini-progress>span{transition:none!important}
}


/* r2.7.23-r1 — Mobile customer hero compact hotfix.
 * Baseline r2.7.21 carries a legacy 112px customer-view bottom padding on mobile.
 * Preview-only visual override; carousel markup, data and controls are untouched.
 */
@media (max-width:720px){
  html.efx-smart-mini-preview body.share-view .hero{
    padding-bottom:32px!important;
  }
}

/* v5.4.10-r2.7.26 — Customer Smart Finder cleanup
   Keep "Cadangkan Untuk Pelanggan" available in /d dealer view, hide it only in customer/share view. */
html.efx-smart-mini-preview body.share-view #personaliseRecommendedBtn{
  display:none!important;
}

#niceNumbersModal .nn-price-row{min-width:0;border-bottom:1px solid #e5eaf2}#niceNumbersModal .nn-price-row:nth-child(odd){border-right:1px solid #e5eaf2}#niceNumbersModal .nn-price-row .nn-row{width:100%;border:0;padding-right:30px}#niceNumbersModal .nn-sale-price{display:block;font-size:13px;color:#071f62;margin-top:6px;font-variant-numeric:tabular-nums}#niceNumbersModal .nn-price-edit{border:1px solid #d5deeb;background:#f3f6fb;color:#071f62;border-radius:9px;padding:9px 11px;font-size:11px;font-weight:800;cursor:pointer;min-height:40px}#niceNumbersModal .nn-price-row>.nn-price-edit{margin:0 8px 10px}#niceNumbersModal .nn-price-editor{padding:16px;border:1px solid #e0d31e;background:#fffdec;border-radius:15px;margin-bottom:14px}#niceNumbersModal .nn-price-editor h3{font-size:17px;margin:0 0 12px}#niceNumbersModal .nn-price-editor label{display:block;font-size:12px;font-weight:800}#niceNumbersModal .nn-sale-info{display:block;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.5;margin:5px 0;color:#475467}#niceNumbersModal .nn-price-editor textarea{min-height:88px;resize:vertical}#niceNumbersModal .nn-price-editor input,#niceNumbersModal .nn-price-editor textarea{box-sizing:border-box;width:100%;border:1px solid #cdd6e4;border-radius:10px;padding:12px;font:inherit;margin-top:6px}#niceNumbersModal .nn-price-editor p{font-size:12px;line-height:1.5}#niceNumbersModal .nn-price-editor button{border:0;border-radius:10px;padding:12px;font-weight:800}#niceNumbersModal .nn-own-actions{flex-wrap:wrap}#niceNumbersModal .nn-own-row>.nn-sale-info{grid-column:1/-1;grid-row:2}#niceNumbersModal .nn-price-editor button:disabled{opacity:.6}
#niceNumbersModal .nns-card{margin:12px 0;padding:16px;border:1px solid #dce3ed;border-radius:18px;background:linear-gradient(125deg,#fff 70%,#fffee3);color:#0b1e51}
#niceNumbersModal .nns-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}#niceNumbersModal .nns-heading small{font-size:10px;font-weight:800;letter-spacing:.09em;color:#657189}#niceNumbersModal .nns-heading h3{font-size:21px;margin:3px 0 0}#niceNumbersModal .nns-badge{background:#0b1e51;color:#fff500;padding:6px 9px;border-radius:20px;font-size:10px;font-weight:700;text-align:center}
#niceNumbersModal .nns-card p{font-size:12px;line-height:1.5;margin:10px 0}#niceNumbersModal .nns-card fieldset{border:0;padding:0;margin:14px 0;display:grid;grid-template-columns:1fr 1fr;gap:9px;min-width:0}#niceNumbersModal .nns-card label{display:flex;align-items:flex-start;gap:9px;padding:13px;border:1px solid #dbe1ea;border-radius:13px;cursor:pointer;background:#fff;min-width:0}#niceNumbersModal .nns-card label.is-selected{background:#fffde0;border-color:#0b1e51}#niceNumbersModal .nns-card input[type=radio]{width:18px;height:18px;flex:none;accent-color:#0b1e51;margin:1px 0}#niceNumbersModal .nns-card label strong{display:block;font-size:13px;line-height:1.4}#niceNumbersModal .nns-card label small{display:block;font-size:11px;line-height:1.5;color:#657189;margin-top:3px}
#niceNumbersModal .nns-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}#niceNumbersModal .nns-actions button{min-height:44px;font-size:12px;border-radius:11px;padding:10px 13px}#niceNumbersModal .nns-actions a{color:#0b1e51;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px}#niceNumbersModal .nns-card .nns-status{margin-bottom:0;font-size:11px;color:#5c687e}#niceNumbersModal .nns-card .is-error{color:#a12c19}#niceNumbersModal :disabled{opacity:.6;cursor:wait}#niceNumbersModal :focus-visible{outline:3px solid #3875cc;outline-offset:2px}#niceNumbersModal .nns-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
#niceNumbersModal .nns-own-add{border:1px solid #dce3ed;border-radius:13px;background:#f8faff;margin:12px 0}#niceNumbersModal .nns-own-add summary{font-size:14px;font-weight:700;padding:13px;cursor:pointer}#niceNumbersModal .nns-own-add .nn-own-add{margin:0;border:0;background:transparent}#niceNumbersModal .nn-own-add textarea{font-size:16px;min-height:100px}#niceNumbersModal .nn-own-add input{font-size:14px}#niceNumbersModal .nn-own-head strong{font-size:18px}#niceNumbersModal .nn-own-head small,#niceNumbersModal .nn-own-row small{font-size:11px;line-height:1.5}#niceNumbersModal .nn-own-row strong{font-size:18px}#niceNumbersModal .nn-own-actions button{font-size:12px;min-height:42px}#niceNumbersModal .nn-own-stats b{font-size:24px}#niceNumbersModal .nn-own-stats small{font-size:12px}#niceNumbersModal .nn-share-tools button{font-size:12px;min-height:44px}#niceNumbersModal .nn-dealer-tabs button,#niceNumbersModal .nn-category-filter button{font-size:12px;min-height:42px}#niceNumbersModal .nn-search{font-size:16px}#niceNumbersModal .nn-row strong{font-size:18px}#niceNumbersModal .nn-row small{font-size:11px}#niceNumbersModal .nns-note{padding:12px;background:#f1f5fc;border-radius:12px;font-size:12px;line-height:1.5}#niceNumbersModal .nn-customer-note{font-size:12px}
@media(max-width:520px){#niceNumbersModal .nns-card{padding:13px}#niceNumbersModal .nns-card fieldset{grid-template-columns:1fr}#niceNumbersModal .nn-own-head{flex-wrap:wrap;gap:10px}#niceNumbersModal .nns-own-share{display:grid;grid-template-columns:1fr 1fr}#niceNumbersModal .nns-own-share button:first-child{grid-column:1/-1}#niceNumbersModal .nn-own-row{flex-wrap:wrap;gap:8px}#niceNumbersModal .nn-own-add-row{flex-wrap:wrap}#niceNumbersModal .nn-own-add-row input{min-width:0;max-width:100%}}
#niceNumbersModal .nns-heading h3{font-size:18px;white-space:nowrap}#niceNumbersModal .nns-badge{font-size:9px;padding:5px 8px}#niceNumbersModal .nns-actions{display:grid;grid-template-columns:1fr auto;gap:8px}#niceNumbersModal .nns-actions a{grid-column:1/-1;grid-row:2;text-align:center;padding:6px}#niceNumbersModal .nns-actions button{border:1px solid #d5dce8;cursor:pointer}#niceNumbersModal .nns-actions .nn-primary{border-color:#e4cf00;font-weight:800}#niceNumbersModal .nns-actions .nn-soft{font-size:11px;color:#4e5e78;background:#f6f8fc}#niceNumbersModal .nns-card label{padding:11px}#niceNumbersModal .nns-card fieldset{margin:10px 0}

/* Shared, self-hosted UI fallback. Glyph ranges avoid downloading these fonts for Latin-only text. */
@font-face{font-family:"EFX UI Tamil";src:url('/assets/poster-v2/fonts/NotoSansTamil-500.woff2') format('woff2');font-weight:100 599;font-style:normal;font-display:swap;unicode-range:U+0B80-0BFF}
@font-face{font-family:"EFX UI Tamil";src:url('/assets/poster-v2/fonts/NotoSansTamil-700.woff2') format('woff2');font-weight:600 900;font-style:normal;font-display:swap;unicode-range:U+0B80-0BFF}
@font-face{font-family:"EFX UI Chinese";src:url('/assets/poster-v2/fonts/NotoSansSC-500.woff2') format('woff2');font-weight:100 599;font-style:normal;font-display:swap;unicode-range:U+2E80-9FFF,U+F900-FAFF,U+FF00-FFEF}
@font-face{font-family:"EFX UI Chinese";src:url('/assets/poster-v2/fonts/NotoSansSC-700.woff2') format('woff2');font-weight:600 900;font-style:normal;font-display:swap;unicode-range:U+2E80-9FFF,U+F900-FAFF,U+FF00-FFEF}
html:lang(ta){--efx-ui-family:"EFX UI Tamil",Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
html:lang(zh){--efx-ui-family:"EFX UI Chinese",Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
:is(html:lang(ta),html:lang(zh)) body,:is(html:lang(ta),html:lang(zh)) body :is(h1,h2,h3,h4,h5,button,input,select,textarea,p,label,span,strong,small,a,li,summary,div,td,th){font-family:var(--efx-ui-family)!important}
[data-lang="ta"],[data-efx-language="ta"],[data-lang="ta"] *,[data-efx-language="ta"] *{font-family:"EFX UI Tamil",system-ui,sans-serif!important}
[data-lang="zh"],[data-efx-language="zh"],[data-lang="zh"] *,[data-efx-language="zh"] *{font-family:"EFX UI Chinese",system-ui,sans-serif!important}


/* BACKUPUI2 — content inside the actual Control Center panel.
   Inline with its markup; no separate backup stylesheet request is required. */
#settingsModal #settingsDataPanel .data-backup-body{display:grid;gap:18px;min-width:0;margin:0;padding:0;max-height:none;overflow:visible}
#settingsModal #settingsDataPanel :is(section,article,div,dl,dd){min-width:0;box-sizing:border-box}
#settingsModal #settingsDataPanel :is(p,small,span,button,h3,h4,dt,dd){overflow-wrap:anywhere}
#settingsModal #settingsDataPanel button:not(.settings-detail-back){display:inline-flex;align-items:center;justify-content:center;gap:10px;max-width:100%;min-height:46px;margin:0;padding:11px 14px;border:1px solid #c4cede;border-radius:11px;background:#fff;color:#102052;font-family:inherit;font-size:14px;font-weight:750;line-height:1.45;white-space:normal;cursor:pointer;box-shadow:none}
#settingsModal #settingsDataPanel button>span{min-width:0}
#settingsModal #settingsDataPanel .backup20-icon{display:block;width:22px;height:22px;flex:0 0 22px;stroke-width:1.8}
#settingsModal #settingsDataPanel button:focus-visible{outline:3px solid #102052;outline-offset:3px}
#settingsModal #settingsDataPanel button:hover{border-color:#102052}
#settingsModal #settingsDataPanel .data-backup-hero{padding:20px;border:0;border-radius:20px;background:linear-gradient(120deg,#102052,#13438d);color:#fff;box-shadow:none}
#settingsModal #settingsDataPanel .data-backup-title{display:flex;align-items:center;gap:12px;margin-bottom:10px}
#settingsModal #settingsDataPanel .data-backup-title>.backup20-icon{width:26px;height:26px;flex:0 0 26px;color:#fff100}
#settingsModal #settingsDataPanel .data-backup-hero h3{margin:0;color:#fff;font-size:23px;font-weight:800;line-height:1.4}
#settingsModal #settingsDataPanel .data-backup-hero p{margin:0 0 16px;color:#edf2ff;font-size:14px;line-height:1.6}
#settingsModal #settingsDataPanel .data-backup-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px}
#settingsModal #settingsDataPanel .data-backup-summary>div{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid #657aa7;border-radius:14px;background:#ffffff0a}
#settingsModal #settingsDataPanel .data-backup-summary dt{order:2;color:#fff;font-size:12px;font-weight:600;line-height:1.5}
#settingsModal #settingsDataPanel .data-backup-summary dd{order:1;margin:0;color:#fff100;font-size:28px;font-weight:800;line-height:1.2;font-variant-numeric:tabular-nums}
#settingsModal #settingsDataPanel .data-backup-primary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#settingsModal #settingsDataPanel .data-backup-primary-actions .primary{background:#fff100;color:#102052;border-color:#d2c835}
#settingsModal #settingsDataPanel .data-backup-primary-actions .primary:hover{background:#f7eb00;border-color:#938500}
#settingsModal #settingsDataPanel .data-backup-hero button:focus-visible{outline-color:#fff}
#settingsModal #settingsDataPanel .data-backup-hero .data-backup-help{margin:12px 0 0;font-size:13px;line-height:1.6;color:#edf2ff}
#settingsModal #settingsDataPanel .data-backup-section-head{margin:0 0 12px}
#settingsModal #settingsDataPanel .data-backup-section-head h3{margin:0 0 4px;color:#102052;font-size:18px;line-height:1.4}
#settingsModal #settingsDataPanel .data-backup-section-head p{margin:0;color:#485a73;font-size:13px;line-height:1.6}
#settingsModal #settingsDataPanel .data-backup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#settingsModal #settingsDataPanel .data-backup-module{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:18px;border:1px solid #d7e0ed;border-radius:18px;background:#fff;box-shadow:none}
#settingsModal #settingsDataPanel .data-backup-module h4{margin:0;color:#102052;font-size:17px;font-weight:750;line-height:1.4}
#settingsModal #settingsDataPanel .data-backup-module p{margin:0;color:#485a73;font-size:13px;line-height:1.6}
#settingsModal #settingsDataPanel .data-backup-module small{display:block;color:#485a73;font-size:12px;font-weight:500;line-height:1.55}
#settingsModal #settingsDataPanel .data-backup-module small b{color:#102052;font-weight:700}
#settingsModal #settingsDataPanel .data-backup-module button{width:100%;margin-top:auto}
#settingsModal #settingsDataPanel .data-backup-module .data-backup-badge{display:inline-flex;align-self:flex-start;padding:4px 8px;border-radius:7px;background:#edf1f7;color:#344561;font-size:12px;font-weight:700;line-height:1.5}
#settingsModal #settingsDataPanel .data-backup-alert{padding:12px 14px;border-radius:12px;background:#fffbe0;border:1px solid #e8d779;color:#665400;font-size:13px;line-height:1.55}
#settingsModal #settingsDataPanel .data-backup-hero>.data-backup-alert{margin-bottom:14px}
#settingsModal #settingsDataPanel .data-backup-alert.is-success{background:#eaf7ef;border-color:#badcc9;color:#186041}
#settingsModal #settingsDataPanel .data-backup-privacy{padding:16px;border:1px solid #d7e0ed;border-radius:16px;background:#edf1f7}
#settingsModal #settingsDataPanel .data-backup-privacy h3{margin:0 0 6px;color:#102052;font-size:15px;line-height:1.4}
#settingsModal #settingsDataPanel .data-backup-privacy p{margin:0;color:#485a73;font-size:13px;line-height:1.6}
#settingsModal #settingsDataPanel .data-backup-file-input{display:none!important}
@media(max-width:760px){
 #settingsModal #settingsDataPanel .data-backup-hero{padding:17px}
 #settingsModal #settingsDataPanel .data-backup-module{padding:14px}
 #settingsModal #settingsDataPanel .data-backup-primary-actions,#settingsModal #settingsDataPanel .data-backup-grid{grid-template-columns:minmax(0,1fr)}
 #settingsModal #settingsDataPanel .data-backup-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 #settingsModal #settingsDataPanel .data-backup-summary>div{padding:10px 8px}
 #settingsModal #settingsDataPanel .data-backup-summary dd{font-size:26px}
}


/* H26: inactive desktop helper labels, same size and layout. */
html body.share-view #prepaidSubtabs .prepaid-subtab:not(.active) small{color:#526078!important;opacity:1!important}

/* SEC1-H25: same visible controls, clearer text and larger dot hit areas. */
html body.share-view .why-summary-copy small{color:#526078!important;opacity:1!important}
html body.share-view #dealerLocalProfile .footer-kicker{color:#47536d!important;opacity:1!important}
@media(max-width:900px){
  body.share-view .plan-carousel-dots{gap:0;min-height:32px;flex-wrap:wrap}
  body.share-view .plan-carousel-dot,
  body.share-view .plan-carousel-dot[aria-current="true"]{
    position:relative;width:24px;height:32px;min-width:24px;flex:0 0 24px;
    background:transparent;box-shadow:none;border:0;padding:0;
  }
  body.share-view .plan-carousel-dot::before{
    content:"";display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
    width:7px;height:7px;border-radius:999px;background:#d2d9e5;pointer-events:none;
  }
  body.share-view .plan-carousel-dot[aria-current="true"]::before{width:24px;background:#071f62}
  body.share-view .plan-carousel-dot:focus-visible{outline:2px solid #071f62;outline-offset:-2px}
}

body.share-view #customerCareLaunchCard,body.share-view #customerCareModal,body.share-view #paymentQrLaunchCard,body.share-view #paymentQrModal,body.share-view #paymentQrFullModal,body.share-view #magicQuickBar{display:none!important}