@font-face {
  font-family: 'Multsense App Display';
  src: url('../fonts/multsense-display.woff') format('woff');
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}
/* Namespaced rules keep this update separate from the other account screens. */
#header.ms-app-header { background: #fff; border-bottom: 1px solid #dce5e4; color: #0b3547; position: relative; z-index: 1001; font-family: Arial, Helvetica, sans-serif; }
.ms-app-header *, .ms-app-settings * { box-sizing: border-box; }
.ms-app-header-inner { width: min(1140px, calc(100% - 64px)); margin: 0 auto; min-height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
#header .ms-app-brand { display: inline-flex; align-items: center; gap: 10px; color: #0d3d2b; font-size: 28px; font-weight: 750; letter-spacing: -1px; line-height: 1.2; text-decoration: none; flex-shrink: 0; }
.ms-app-brand svg { display: block; width: 38px; height: 38px; }
.ms-app-nav { display: flex; align-items: center; gap: 24px; }
#header .ms-app-nav > a { color: #0d3d2b; text-decoration: none; font-size: 14px; font-weight: 600; line-height: 1.4; }
#header .ms-app-nav > a:hover, #header .ms-app-nav > a[aria-current=page] { text-decoration: underline; text-underline-offset: 5px; }
#header .ms-app-nav > .ms-app-balance { display: flex; flex-direction: column; gap: 3px; background: #eef8f1; border: 1px solid #d4e8db; border-radius: 6px; padding: 9px 16px; text-decoration: none; white-space: nowrap; }
.ms-app-balance span { font-size: 10px; font-weight: 400; color: #52635a; }
.ms-app-balance strong { font-size: 17px; font-weight: 700; font-variant-numeric: tabular-nums; }
#header .ms-app-nav > .ms-app-signout { border-left: 1px solid #dce5e4; padding-left: 20px; }
#header .ms-app-nav > .ms-app-register, .ms-app-primary { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 12px 20px; border: 1px solid #0d3d2b; border-radius: 5px; background: #0d3d2b; color: #fff; font: 600 14px/1.4 Arial, Helvetica, sans-serif; text-decoration: none; cursor: pointer; }
#header .ms-app-nav > .ms-app-register:hover, .ms-app-primary:hover { background: #18583f; color: #fff; text-decoration: none; }
.ms-app-menu-toggle { display: none; background: #fff; border: 1px solid #bbcfc3; padding: 9px 14px; border-radius: 4px; color: #0d3d2b; font: 14px Arial, sans-serif; }
.ms-app-header a:focus-visible, .ms-app-header button:focus-visible, .ms-app-settings a:focus-visible, .ms-app-settings button:focus-visible, .ms-app-settings input:focus-visible, .ms-app-settings select:focus-visible { outline: 3px solid #16794d; outline-offset: 4px; }
.ms-app-settings { padding: 30px 12px 44px; margin: 0; font-family: Arial, Helvetica, sans-serif; color: #0b3547; }
.ms-app-settings > .container { width: 100%; max-width: 1140px; padding: 0; margin: 0 auto; }
.ms-app-settings .ms-settings-panel { padding: 30px; background: #fff; border: 1px solid #dce5e4; border-radius: 10px; box-shadow: none; }
.ms-settings-heading { margin-bottom: 27px; }
.ms-settings-heading h1 { margin: 0; color: #0b3547; font: 900 36px/1.15 'Multsense App Display', Arial, sans-serif; letter-spacing: -.03em; }
.ms-settings-heading p { margin: 12px 0 0; color: #52636b; font-size: 15px; line-height: 1.65; }
.ms-settings-nav { display: flex; flex-wrap: wrap; gap: 8px 24px; border-bottom: 1px solid #dce5e4; padding: 0 0 14px; margin-bottom: 30px; }
.ms-settings-nav a { padding: 10px 0; color: #52636b; font-size: 14px; line-height: 1.4; text-decoration: none; font-weight: 600; border-bottom: 3px solid transparent; }
.ms-settings-nav a:hover { color: #0d3d2b; text-decoration: underline; text-underline-offset: 5px; }
.ms-settings-nav [aria-current=page] { color: #0d3d2b; border-color: #25c875; }
.ms-country-section h2 { margin: 0 0 25px; color: #0b3547; font: 700 22px/1.2 Arial, sans-serif; }
.ms-country-layout { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: start; gap: 40px; }
.ms-country-form { margin: 0; }
.ms-country-field > label { display: block; color: #0b3547; font-size: 14px; font-weight: 600; margin-bottom: 8px; }
.ms-country-field select.form-control { min-height: 48px; height: auto; width: 100%; padding: 11px 12px; background: #fff; color: #0b3547; border: 1px solid #aabbb7; border-radius: 4px; box-shadow: none; font: 16px/1.4 Arial, sans-serif; }
.ms-country-field > p { font-size: 12px; color: #52636b; margin-top: 8px; }
.ms-country-consent { display: flex; align-items: flex-start; gap: 11px; margin: 26px 0; }
.ms-country-consent input { flex-shrink: 0; width: 18px; height: 18px; margin: 3px 0 0; accent-color: #0d3d2b; }
.ms-country-consent label { color: #40544a; font-size: 13px; font-weight: 400; line-height: 1.7; margin: 0; cursor: pointer; }
.ms-country-notice { padding: 22px; border-left: 3px solid #25c875; background: #f1f8f3; }
.ms-country-notice h3 { color: #0d3d2b; margin: 0 0 12px; font: 700 16px/1.4 Arial, sans-serif; }
.ms-country-notice p { color: #40544a; font-size: 13px; line-height: 1.8; margin: 0; }
.ms-country-saved { background: #f1f8f3; border-left: 3px solid #25c875; padding: 24px; }
.ms-country-saved h3 { font-size: 18px; color: #0d3d2b; margin: 0 0 14px; }
.ms-country-saved p { font-size: 14px; line-height: 1.7; color: #40544a; }
.ms-country-saved .ms-app-primary { margin-top: 12px; }
.ms-country-error { padding: 14px; color: #8c281e; background: #fff3f0; border-left: 3px solid #a63225; font-size: 14px; margin-bottom: 20px; }
@media (max-width: 1100px) {
  .ms-app-header-inner { gap: 20px; }
  .ms-app-nav { gap: 16px; }
  #header .ms-app-brand { font-size: 25px; }
  .ms-app-brand svg { width: 33px; height: 33px; }
  #header .ms-app-nav > a { font-size: 13px; }
  .ms-country-layout { gap: 28px; }
}
@media (max-width: 860px) {
  .ms-app-header-inner { width: calc(100% - 40px); min-height: 76px; flex-wrap: wrap; gap: 0; padding: 15px 0; }
  .ms-app-menu-toggle { display: inline-block; }
  .ms-app-nav { width: 100%; display: flex; flex-direction: column; align-items: stretch; padding-top: 16px; gap: 0; }
  .ms-app-nav > a { padding: 13px 0; }
  #header .ms-app-nav > .ms-app-balance { margin-block: 8px; }
  #header .ms-app-nav > .ms-app-signout { border: 0; padding-left: 0; }
  .ms-app-header.ms-app-js .ms-app-nav:not(.is-open) { display: none; }
}
@media (max-width: 720px) {
  .ms-app-settings { padding: 20px 0 30px; }
  .ms-app-settings .ms-settings-panel { padding: 22px 18px; border-radius: 8px; }
  .ms-settings-heading h1 { font-size: 29px; }
  .ms-settings-heading p { font-size: 14px; }
  .ms-settings-nav { gap: 5px 20px; margin-bottom: 25px; }
  .ms-settings-nav a { font-size: 13px; }
  .ms-country-layout { grid-template-columns: 1fr; gap: 24px; }
  .ms-country-notice { grid-row: 1; padding: 18px; }
  .ms-country-section h2 { font-size: 20px; }
  .ms-country-form .ms-app-primary { width: 100%; }
}

/* Account dashboard: wallet, activities and inbox use different visual hierarchies. */
#header .ms-app-nav > .ms-app-settings-link { display: inline-flex; align-items: center; justify-content: center; min-width: 42px; min-height: 42px; padding: 8px; border-radius: 6px; }
#header .ms-app-nav > .ms-app-messages-link { display:inline-flex; align-items:center; justify-content:center; position:relative; min-width:44px; min-height:44px; padding:10px; border-radius:6px; }
.ms-app-messages-link svg { display:block; width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linejoin:round; }
#header .ms-app-nav > .ms-app-messages-link:hover, #header .ms-app-nav > .ms-app-messages-link[aria-current=page] { background:#eef8f1; }
.ms-app-message-badge { position:absolute; top:-3px; right:-7px; min-width:23px; padding:3px 5px; border:2px solid white; border-radius:12px; background:#0d3d2b; color:white; font:700 11px/1 Arial,sans-serif; text-align:center; white-space:nowrap; }
@media(max-width:860px) { #header .ms-app-nav > .ms-app-messages-link { align-self:flex-start; margin-block:8px; } }
.ms-app-settings-link svg { display: block; width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linejoin: round; }
#header .ms-app-nav > .ms-app-settings-link:hover, #header .ms-app-nav > .ms-app-settings-link[aria-current=page] { background: #eef8f1; }
.ms-dashboard { width: calc(100% - 24px); max-width: 1140px; margin: 0 auto; padding: 28px 0 38px; color: #0b3547; font: 15px/1.6 Arial, Helvetica, sans-serif; }
.ms-dashboard *, .ms-app-footer * { box-sizing: border-box; }
.ms-dashboard h1, .ms-dashboard h2, .ms-dashboard h3, .ms-dashboard p { margin: 0; }
.ms-dashboard a { color: #0d3d2b; text-underline-offset: 4px; }
.ms-dashboard a:focus-visible, .ms-dashboard input:focus-visible, .ms-dashboard button:focus-visible, .ms-app-footer a:focus-visible { outline: 3px solid #16794d; outline-offset: 4px; }
.ms-dash-intro { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 26px; }
.ms-dash-person { display: flex; align-items: center; gap: 16px; min-width: 0; }
.ms-dash-avatar { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 58px; height: 58px; border-radius: 50%; background: #d7efdf; overflow: hidden; color: #0d3d2b; font-size: 24px; font-weight: 700; }
.ms-dash-avatar img { width: 100%; height: 100%; object-fit: cover; }
.ms-dash-person h1 { color: #0b3547; font: 900 33px/1.2 'Multsense App Display', Arial, sans-serif; letter-spacing: -.025em; overflow-wrap: anywhere; }
.ms-dash-person p { font-size: 13px; color: #596b63; margin-top: 5px; overflow-wrap: anywhere; }
.ms-dash-plan { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; flex-shrink: 0; text-decoration: none; }
.ms-dash-plan span { font-size: 11px; color: #596b63; }
.ms-dash-plan strong { font-size: 13px; font-weight: 600; padding: 4px 10px; background: #e0eee6; border-radius: 4px; }
.ms-dash-wallet { display: grid; grid-template-columns: 1.35fr 1fr 1fr; overflow: hidden; background: #fff; border: 1px solid #d4e2da; border-radius: 12px; margin-bottom: 34px; }
.ms-dash-wallet h2 { font: 400 13px/1.5 Arial, sans-serif; color: #566b60; letter-spacing: 0; }
.ms-dash-wallet-main { background: #0d3d2b; padding: 25px 30px; color: #fff; }
.ms-dash-wallet-main h2 { color: #c7e7d4; }
.ms-dash-wallet-main .ms-dash-money { display: block; font: 700 40px/1.3 Arial, sans-serif; letter-spacing: -.04em; font-variant-numeric: tabular-nums; margin: 10px 0 16px; }
.ms-dash-wallet-main a { color: #fff; font-size: 13px; text-decoration: none; display: inline-flex; align-items: center; min-height: 35px; padding: 5px 13px; border: 1px solid #80b297; border-radius: 4px; }
.ms-dash-wallet-main a:hover { background: #1b553c; }
.ms-dash-wallet-item { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 25px 30px; }
.ms-dash-wallet-item + .ms-dash-wallet-item { border-left: 1px solid #e1e9e4; }
.ms-dash-wallet-item strong { display: block; font: 700 28px/1.4 Arial, sans-serif; color: #0b3547; letter-spacing: -.035em; margin: 11px 0 18px; font-variant-numeric: tabular-nums; }
.ms-dash-wallet-item small { font-size: 13px; font-weight: 400; letter-spacing: 0; }
.ms-dash-wallet-item a { color:#0d3d2b; font-size:13px; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; min-height:35px; padding:5px 13px; border:1px solid #80b297; border-radius:4px; }
.ms-dash-wallet-item a:hover { background:#eef8f1; text-decoration:none; }
.ms-dash-wallet a:focus-visible { outline:3px solid #25c875; outline-offset:3px; }
.ms-dash-layout { display: grid; grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr); align-items: start; gap: 34px; }
.ms-dash-primary, .ms-dash-secondary { min-width: 0; }
.ms-dash-section-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 19px; }
.ms-dash-section-head h2 { font: 700 21px/1.3 Arial, sans-serif; color: #0b3547; letter-spacing: -.025em; }
.ms-dash-section-head > a { font-size: 12px; white-space: nowrap; }
.ms-dash-activity-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.ms-dash-activity { display: flex; flex-direction: column; align-items: stretch; padding: 22px; border: 1px solid #dce5df; border-radius: 8px; background: #fff; }
.ms-dash-activity-top { display: flex; align-items: center; gap: 12px; margin-bottom: 13px; }
.ms-dash-activity-icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 36px; height: 36px; color: #17754a; }
.ms-dash-activity-icon svg { display: block; width: 32px; height: 32px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.ms-dash-activity h3 { font: 700 17px/1.3 Arial, sans-serif; color: #0b3547; }
.ms-dash-activity p { font-size: 13px; line-height: 1.7; color: #596b63; margin-bottom: 20px; flex: 1; }
.ms-dash-activity > a, .ms-dash-summary-links[aria-label="Opções de referidos"] > a { display:inline-flex; align-self:flex-start; align-items:center; justify-content:center; min-height:35px; padding:5px 13px; border:1px solid #80b297; border-radius:4px; background:#fff; color:#0d3d2b; font-size:13px; font-weight:400; text-decoration:none; }
.ms-dash-activity > a:hover, .ms-dash-summary-links[aria-label="Opções de referidos"] > a:hover { background:#eef8f1; text-decoration:none; }
.ms-dash-activity > a span { font-size: 18px; font-weight: 400; }
.ms-dash-messages { margin-top: 30px; }
.ms-dash-message-list { margin: 0; padding: 0; list-style: none; }
.ms-dash-message-list li { border-top: 1px solid #dce5df; }
.ms-dash-message-list li:last-child { border-bottom: 1px solid #dce5df; }
.ms-dash-message-list a { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 0; text-decoration: none; }
.ms-dash-message-list a:hover strong { text-decoration: underline; }
.ms-dash-message-list a > div { min-width: 0; }
.ms-dash-message-list strong { display: block; font-size: 14px; font-weight: 600; overflow-wrap: anywhere; }
.ms-dash-message-list a > div > span { display: block; margin-top: 5px; font-size: 12px; color: #596b63; }
.ms-dash-message-state { flex-shrink: 0; font-size: 11px; color: #596b63; }
.ms-dash-message-state.is-new { color: #0d3d2b; background: #def2e5; border-radius: 4px; padding: 3px 8px; }
.ms-dash-empty { display: flex; align-items: center; gap: 16px; padding: 23px; background: #eef3ef; border-radius: 6px; color: #596b63; }
.ms-dash-empty svg { flex-shrink: 0; width: 34px; height: 34px; fill: none; stroke: #628574; stroke-width: 1.4; }
.ms-dash-empty strong { font-size: 14px; font-weight: 600; color: #405b4d; }
.ms-dash-empty p { font-size: 12px; margin-top: 4px; }
.ms-dash-referral { padding: 25px; border-radius: 10px; background: #e4f2e9; }
.ms-dash-referral-symbol { display: flex; align-items: center; gap: 4px; margin-bottom: 20px; height: 34px; }
.ms-dash-referral-symbol i { display: block; width: 7px; height: 24px; border-radius: 8px; background: #25c875; }
.ms-dash-referral-symbol i:nth-child(2) { height: 34px; background: #0d3d2b; }
.ms-dash-referral-symbol i:last-child { height: 28px; background: #75c995; }
.ms-dash-referral h2 { font: 700 22px/1.3 Arial, sans-serif; color: #0d3d2b; letter-spacing: -.03em; margin-bottom: 13px; }
.ms-dash-referral > p { font-size: 13px; line-height: 1.75; color: #476453; }
.ms-dash-referral label { font-size: 11px; font-weight: 600; display: block; margin: 22px 0 8px; color: #365c46; }
.ms-dash-copy-field { display: flex; align-items: stretch; width: 100%; background: #fff; border: 1px solid #bdd4c5; border-radius: 5px; overflow: hidden; }
.ms-dash-copy-field input { width: 0; flex: 1; min-width: 0; border: 0; background: #fff; color: #3b5b48; font: 12px Arial, sans-serif; padding: 12px 10px; min-height: 44px; }
.ms-dash-copy-field button { border: 0; border-left: 1px solid #d5e4db; color: #0d3d2b; background: #fff; padding: 10px; font: 600 12px Arial, sans-serif; cursor: pointer; }
.ms-dash-copy-field button:hover { background: #f0f8f3; }
.ms-dash-referral .ms-dash-copy-status { font-size: 11px; min-height: 18px; margin-top: 5px; }
.ms-dash-referral > a { font-size: 13px; font-weight: 600; }
.ms-dash-account { margin-top: 25px; padding: 0 2px; }
.ms-dash-account h2, .ms-dash-help h2 { font: 700 17px/1.4 Arial, sans-serif; color: #0b3547; }
.ms-dash-account dl { margin: 15px 0 12px; }
.ms-dash-account dl > div { display: flex; justify-content: space-between; gap: 16px; padding: 10px 0; border-bottom: 1px solid #dce5df; font-size: 12px; }
.ms-dash-account dt { color: #596b63; font-weight: 400; }
.ms-dash-account dd { color: #0b3547; margin: 0; text-align: right; overflow-wrap: anywhere; }
.ms-dash-account > a, .ms-dash-help > a { font-size: 12px; }
.ms-dash-help { margin-top: 26px; border-top: 1px solid #dce5df; padding: 20px 2px 0; }
.ms-dash-help p { font-size: 12px; color: #596b63; margin: 9px 0 10px; }
.ms-dash-promotion { display: flex; justify-content: space-between; gap: 30px; align-items: center; margin-top: 30px; padding: 24px; background: #fff; border: 1px solid #d5e4db; border-radius: 8px; }
.ms-dash-promotion h2 { font-size: 21px; line-height: 1.3; margin-bottom: 12px; }
.ms-dash-promotion > div:first-child { min-width: 0; overflow-wrap: anywhere; }
.ms-dash-promotion-price { display: flex; flex-direction: column; align-items: flex-end; gap: 5px; flex-shrink: 0; }
.ms-dash-promotion-price s { font-size: 12px; color: #596b63; }
.ms-dash-promotion-price strong { font-size: 25px; font-variant-numeric: tabular-nums; }
.ms-dash-promotion-price a { color: #fff; margin-top: 9px; }
.ms-dash-surveys { margin-top: 34px; border-top: 1px solid #dce5df; padding-top: 27px; }
.ms-dash-survey-widget > div { background: transparent !important; border: 0 !important; padding: 0 !important; }
.ms-dash-survey-fallback { color: #596b63; font-size: 13px; max-width: 75ch; }
.ms-dash-surveys.has-provider-content .ms-dash-survey-fallback { display: none; }
.ms-dash-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.ms-app-footer { background: #fff; border-top: 1px solid #dce5df; color: #596b63; font: 12px/1.65 Arial, Helvetica, sans-serif; }
.ms-app-footer-inner { width: min(1140px, calc(100% - 64px)); margin: 0 auto; padding: 19px 0; display: flex; align-items: center; justify-content: space-between; gap: 16px 30px; }
.ms-app-footer p { margin: 0; }
.ms-app-footer strong { color: #0d3d2b; font-weight: 700; }
.ms-app-footer-company { font-size: 10px; margin-top: 4px !important; }
.ms-app-footer nav { display: flex; gap: 20px; flex-wrap: wrap; }
.ms-app-footer a { color: #0d3d2b; text-underline-offset: 4px; }
@media (max-width: 1050px) {
  .ms-dash-layout { gap: 24px; grid-template-columns: minmax(0, 1.6fr) minmax(260px, 1fr); }
  .ms-dash-wallet-item, .ms-dash-wallet-main { padding: 23px; }
  .ms-dash-wallet-item strong { font-size: 25px; }
  .ms-dash-wallet-main .ms-dash-money { font-size: 35px; }
  .ms-dash-activity { padding: 18px; }
  .ms-dash-referral { padding: 22px; }
}
@media (max-width: 900px) {
  .ms-dash-layout { grid-template-columns: 1fr; gap: 28px; }
  .ms-dash-secondary { display: grid; grid-template-columns: 1.1fr 1fr; gap: 0 30px; }
  .ms-dash-referral { grid-row: span 2; }
  .ms-dash-account { margin-top: 0; }
  .ms-dash-help { margin-top: 20px; }
}
@media (max-width: 600px) {
  .ms-dashboard { width: 100%; padding-block: 18px 28px; }
  .ms-dash-intro { gap: 16px; align-items: flex-start; flex-wrap: wrap; margin-bottom: 20px; }
  .ms-dash-person { gap: 12px; }
  .ms-dash-avatar { width: 46px; height: 46px; }
  .ms-dash-person h1 { font-size: 25px; }
  .ms-dash-person p { font-size: 11px; }
  .ms-dash-plan { flex-direction: row; align-items: center; gap: 8px; margin-left: 58px; }
  .ms-dash-wallet { grid-template-columns: 1fr 1fr; margin-bottom: 26px; }
  .ms-dash-wallet-main { grid-column: 1 / -1; padding: 24px; }
  .ms-dash-wallet-main .ms-dash-money { font-size: 38px; }
  .ms-dash-wallet-item { padding: 21px 16px; }
  .ms-dash-wallet h2 { font-size: 11px; }
  .ms-dash-wallet-item strong { font-size: 23px; }
  .ms-dash-wallet-item a { font-size: 13px; }
  .ms-dash-activity-grid { grid-template-columns: 1fr; gap: 12px; }
  .ms-dash-activity { padding: 18px; }
  .ms-dash-activity-top { margin-bottom: 7px; }
  .ms-dash-activity p { margin-bottom: 13px; }
  .ms-dash-section-head h2 { font-size: 19px; }
  .ms-dash-secondary { grid-template-columns: 1fr; gap: 24px; }
  .ms-dash-referral { grid-row: auto; }
  .ms-dash-help { margin-top: 0; }
  .ms-dash-empty { padding: 20px 15px; }
  .ms-dash-promotion { flex-direction: column; align-items: stretch; padding: 20px; gap: 18px; }
  .ms-dash-promotion-price { align-items: flex-start; }
  .ms-app-footer-inner { width: calc(100% - 40px); flex-direction: column; align-items: flex-start; gap: 14px; padding-block: 18px; }
  .ms-app-footer nav { gap: 23px; font-size: 11px; }
}

/* Upgrade: five membership metals, with prices and benefits from the existing system. */
.ms-upgrade { width: min(1480px, calc(100% - 64px)); margin: 0 auto; padding: 40px 0 48px; color: #0b3547; font: 14px/1.5 Arial, Helvetica, sans-serif; }
.ms-upgrade * { box-sizing: border-box; }
.ms-upgrade-heading { margin-bottom: 28px; }
.ms-upgrade-heading h1 { margin: 0; color: #0b3547; font: 900 36px/1.15 'Multsense App Display', Arial, sans-serif; letter-spacing: -.03em; }
.ms-upgrade-heading p { margin: 12px 0 0; color: #536776; font-size: 15px; }
.ms-upgrade-back { display: inline-block; margin-bottom: 20px; color: #0d3d2b; text-underline-offset: 4px; }
.ms-upgrade-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px; align-items: stretch; }
.ms-plan { --tier: #485e6a; --wash: #f4f7f8; --edge: #d4dfe3; min-width: 0; display: flex; flex-direction: column; padding: 26px 22px 22px; border: 1px solid var(--edge); border-radius: 20px; background: #fff; color: #0b3547; box-shadow: none; }
.ms-plan-bronze { --tier: #a55320; --wash: #fff6ef; --edge: #edc9ad; }
.ms-plan-silver { --tier: #4b6680; --wash: #f2f6fa; --edge: #cbd9e7; }
.ms-plan-gold { --tier: #916400; --wash: #fff9e8; --edge: #ebd28a; }
.ms-plan-platinum { --tier: #007e91; --wash: #eefbfc; --edge: #a9dee4; }
.ms-plan-diamond { --tier: #6f3dbe; --wash: #f7f2ff; --edge: #d9c6f6; }
.ms-plan-top { margin: -26px -22px 0; padding: 26px 22px 24px; background: var(--wash); border-radius: 19px 19px 0 0; }
.ms-plan-symbol { display: grid; place-items: center; width: 46px; height: 46px; border: 1px solid var(--edge); border-radius: 13px; color: var(--tier); background: #fff; margin-bottom: 22px; }
.ms-plan-symbol svg { width: 25px; height: 25px; display: block; }
.ms-plan h2 { font: 900 25px/1.2 'Multsense App Display', Arial, sans-serif; letter-spacing: -.035em; color: var(--tier); margin: 0 0 9px; }
.ms-plan-duration { color: #536776; font-size: 12px; margin: 0; }
.ms-plan-price { font: 700 clamp(26px, 2.25vw, 36px)/1.2 Arial, sans-serif; letter-spacing: -.05em; margin: 6px 0 7px; color: #0b3547; white-space: nowrap; font-variant-numeric: tabular-nums; }
.ms-plan-price > span { font-size: 14px; letter-spacing: 0; }
.ms-plan-price-note { margin: 0; color: #536776; font-size: 10px; }
.ms-plan-limit { display: flex; flex-direction: column; gap: 12px; margin: 25px 0 12px; padding: 16px; background: var(--wash); border: 1px solid var(--edge); border-radius: 11px; color: var(--tier); }
.ms-plan-limit > span { font-size: 10px; font-weight: 700; }
.ms-plan-limit strong { font-size: 17px; line-height: 1.35; }
.ms-plan-benefits { margin: 0 0 24px; padding: 0; }
.ms-plan-benefits > div { display: flex; flex-direction: column; gap: 6px; padding: 14px 0; border-bottom: 1px solid #e7ecee; }
.ms-plan-benefits dt { font-size: 12px; color: #536776; font-weight: 400; }
.ms-plan-benefits dd { margin: 0; color: var(--tier); font-size: 12px; font-weight: 700; }
.ms-plan-action { margin-top: auto; }
.ms-upgrade .ms-plan-button { display: flex; align-items: center; justify-content: center; min-height: 46px; border: 1px solid var(--tier); border-radius: 7px; background: var(--tier); color: #fff; text-decoration: none; font-size: 13px; font-weight: 700; padding: 12px; transition: filter .15s; }
.ms-upgrade .ms-plan-button:hover { filter: brightness(.88); color: #fff; text-decoration: none; }
.ms-upgrade a:focus-visible { outline: 3px solid #0b3547; outline-offset: 4px; }
.ms-upgrade-empty { background: #fff; padding: 28px; border: 1px solid #d4dfe3; border-radius: 12px; }
.ms-upgrade-empty h2 { margin: 0 0 12px; font-size: 22px; }
.ms-upgrade-empty p { margin-bottom: 16px; }
.ms-upgrade-empty a { color: #0d3d2b; text-underline-offset: 4px; }
.ms-upgrade-detail { max-width: 820px; }
.ms-upgrade-detail .ms-upgrade-grid { grid-template-columns: minmax(0, 1fr); }
.ms-upgrade-detail .ms-plan { padding: 32px; }
.ms-upgrade-detail .ms-plan-top { margin: -32px -32px 0; padding: 32px 32px 24px; }
.ms-upgrade-detail .ms-plan-symbol { float: right; margin: 0 0 12px 20px; }
.ms-upgrade-detail .ms-plan h2 { font-size: 32px; }
.ms-upgrade-detail .ms-plan-price { margin-top: 20px; font-size: 40px; }
.ms-upgrade-detail .ms-plan-limit { margin-top: 24px; }
.ms-upgrade-detail .ms-plan-benefits > div { flex-direction: row; justify-content: space-between; gap: 24px; }
.ms-upgrade-detail .ms-plan-benefits dt, .ms-upgrade-detail .ms-plan-benefits dd { font-size: 14px; }
.ms-upgrade-detail .ms-plan-benefits dd { text-align: right; }
.ms-plan-card-payment { display: block; text-align: center; color: var(--tier); font-size: 13px; margin-top: 18px; text-underline-offset: 4px; }
@media (max-width: 1199px) { .ms-upgrade-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .ms-plan-price { font-size: 34px; } }
@media (max-width: 800px) { .ms-upgrade { width: calc(100% - 40px); padding-top: 30px; } .ms-upgrade-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } }
@media (max-width: 520px) { .ms-upgrade { width: calc(100% - 32px); padding-top: 26px; } .ms-upgrade-heading h1 { font-size: 30px; } .ms-upgrade-grid { grid-template-columns: minmax(0, 1fr); } .ms-plan { padding: 26px; } .ms-plan-top { margin: -26px -26px 0; padding: 26px; } .ms-plan-price { font-size: 36px; } .ms-plan-benefits > div { flex-direction: row; justify-content: space-between; gap: 14px; } .ms-plan-benefits dd { text-align: right; } .ms-upgrade-detail .ms-plan { padding: 24px; } .ms-upgrade-detail .ms-plan-top { margin: -24px -24px 0; padding: 24px; } .ms-upgrade-detail .ms-plan-benefits > div { gap: 16px; } .ms-upgrade-detail .ms-plan-benefits dt, .ms-upgrade-detail .ms-plan-benefits dd { font-size: 12px; } }

/* Current membership: name, symbol and a single accent across the account summary. */
.ms-dashboard { --membership-accent: var(--membership-color); --membership-color: #485e6a; --membership-wash: #f2f6f8; --membership-edge: #cbd9df; }
.ms-current-plan-bronze { --membership-accent: #b66a32; --membership-color: #a55320; --membership-wash: #fff6ef; --membership-edge: #edc9ad; }
.ms-current-plan-prata { --membership-accent: #9aa9b8; --membership-color: #4b6680; --membership-wash: #f2f6fa; --membership-edge: #cbd9e7; }
.ms-current-plan-ouro { --membership-accent: #e4b52d; --membership-color: #916400; --membership-wash: #fff9e8; --membership-edge: #ebd28a; }
.ms-current-plan-platina { --membership-accent: #35adbe; --membership-color: #007e91; --membership-wash: #eefbfc; --membership-edge: #a9dee4; }
.ms-current-plan-diamante { --membership-accent: #9860db; --membership-color: #6f3dbe; --membership-wash: #f7f2ff; --membership-edge: #d9c6f6; }
.ms-current-plan-comum, .ms-current-plan-start { --membership-color: #0d6847; --membership-wash: #eff9f3; --membership-edge: #bddfc9; }
.ms-dashboard .ms-dash-plan { flex-direction: row; align-items: center; gap: 13px; max-width: 100%; padding: 12px 20px 12px 14px; background: var(--membership-wash); border: 1px solid var(--membership-edge); border-radius: 12px; text-decoration: none; color: var(--membership-color); }
.ms-dashboard .ms-dash-plan:hover { border-color: var(--membership-color); }
.ms-dashboard .ms-dash-plan-icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 10px; background: #fff; border: 1px solid var(--membership-edge); color: var(--membership-color); flex-shrink: 0; }
.ms-dash-plan-icon svg { width: 26px; height: 26px; display: block; }
.ms-dashboard .ms-dash-plan-copy { display: flex; flex-direction: column; align-items: flex-start; gap: 1px; min-width: 0; }
.ms-dashboard .ms-dash-plan-copy > span { font-size: 11px; color: #536776; }
.ms-dashboard .ms-dash-plan-copy strong { padding: 0; background: none; color: var(--membership-color); font: 900 22px/1.25 'Multsense App Display', Arial, sans-serif; letter-spacing: -.02em; overflow-wrap: anywhere; }
.ms-dashboard .ms-dash-avatar { border: 3px solid var(--membership-accent); padding: 2px; background: #fff; }
.ms-dashboard .ms-dash-avatar img { border-radius: 50%; }
.ms-dashboard .ms-dash-wallet { border-top: 4px solid var(--membership-accent); }
@media (max-width: 600px) { .ms-dashboard .ms-dash-plan { margin-left: 0; padding: 10px 14px; } .ms-dashboard .ms-dash-plan-copy strong { font-size: 20px; } }

/* Money and points: one clear action, with balances and destination alongside it. */
.ms-finance { width: min(1140px, calc(100% - 24px)); margin: 0 auto; padding: 28px 0 44px; font: 15px/1.65 Arial, Helvetica, sans-serif; color: #0b3547; }
.ms-finance * { box-sizing: border-box; }
.ms-finance a { color: #0d3d2b; text-underline-offset: 4px; }
.ms-finance-heading { margin-bottom: 30px; }
.ms-finance-heading > a { display: inline-block; margin-bottom: 20px; font-size: 13px; }
.ms-finance .ms-finance-heading h1 { margin: 0; font: 900 36px/1.15 'Multsense App Display', Arial, sans-serif; letter-spacing: -.035em; color: #0b3547; }
.ms-finance-heading p { margin: 12px 0 0; color: #536970; max-width: 680px; }
.ms-finance-layout { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: 28px; align-items: start; }
.ms-finance-panel { background: #fff; border: 1px solid #d4e2da; border-radius: 12px; padding: 32px; min-width: 0; }
.ms-finance-panel-heading { display: flex; gap: 14px; align-items: center; border-bottom: 1px solid #e1e9e5; padding-bottom: 22px; margin-bottom: 28px; }
.ms-finance .ms-finance-panel-heading h2 { font: 700 21px/1.3 Arial, sans-serif; color: #0b3547; margin: 0; }
.ms-finance-icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 10px; color: #0d6847; background: #eaf6ee; flex-shrink: 0; }
.ms-finance-icon svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.ms-finance-field { margin: 0 0 25px; }
.ms-finance-field label { display: block; font-size: 14px; font-weight: 700; margin-bottom: 9px; color: #0b3547; }
.ms-finance-field select, .ms-finance-field input { width: 100%; min-width: 0; min-height: 50px; border: 1px solid #9eb4ab; border-radius: 6px; padding: 12px; color: #0b3547; background: #fff; font: 16px/1.4 Arial, sans-serif; box-shadow: none; }
.ms-finance-field p { margin: 8px 0 0; color: #536970; font-size: 12px; }
.ms-finance-field-link { display: inline-block; margin-top: 10px; font-size: 12px; }
.ms-finance-amount { position: relative; }
.ms-finance-amount > span { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); font-weight: 700; color: #536970; pointer-events: none; }
.ms-finance-amount input { padding-left: 48px; font-weight: 700; font-size: 24px; min-height: 64px; }
.ms-finance .ms-finance-button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 12px 22px; border: 1px solid #0d3d2b; border-radius: 6px; background: #0d3d2b; color: #fff; text-align: center; text-decoration: none; font: 700 14px/1.5 Arial, sans-serif; cursor: pointer; }
.ms-finance .ms-finance-button:hover { background: #18583f; color: #fff; text-decoration: none; }
.ms-finance button:disabled { background: #e4ebe7; color: #596b63; border-color: #d4e2da; cursor: not-allowed; }
.ms-finance a:focus-visible, .ms-finance button:focus-visible, .ms-finance select:focus-visible, .ms-finance input:focus-visible, .ms-finance summary:focus-visible { outline: 3px solid #16794d; outline-offset: 4px; }
.ms-finance-aside { min-width: 0; }
.ms-finance-balance { border-radius: 12px; padding: 28px; background: #0d3d2b; color: #fff; }
.ms-finance-balance > span { display: block; font-size: 13px; color: #c7e7d4; }
.ms-finance-balance > strong { display: block; margin: 10px 0 17px; font: 700 34px/1.2 Arial, sans-serif; letter-spacing: -.035em; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.ms-finance-balance strong small { font-size: 14px; font-weight: 400; letter-spacing: 0; }
.ms-finance-balance a { color: #fff; font-size: 13px; }
.ms-finance-balance p { font-size: 12px; margin: 0; color: #c7e7d4; }
.ms-finance-guidance { padding: 27px 4px 0; }
.ms-finance .ms-finance-guidance h2 { font-size: 18px; line-height: 1.35; margin: 0 0 16px; color: #0b3547; }
.ms-finance-guidance p { margin: 0 0 15px; color: #536970; font-size: 13px; }
.ms-finance-guidance > a { font-size: 13px; }
.ms-finance-guidance dl, .ms-finance-receipt dl { margin: 0; }
.ms-finance-guidance dl > div, .ms-finance-receipt dl > div { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; padding: 12px 0; border-bottom: 1px solid #dce7e0; font-size: 13px; }
.ms-finance-guidance dt, .ms-finance-receipt dt { font-weight: 400; color: #536970; }
.ms-finance-guidance dd, .ms-finance-receipt dd { text-align: right; margin: 0; color: #0b3547; font-weight: 700; }
.ms-finance-guidance dl { margin-bottom: 18px; }
.ms-finance-guidance details { border-top: 1px solid #d4e2da; padding-top: 15px; margin-top: 24px; font-size: 13px; }
.ms-finance-guidance summary { cursor: pointer; color: #0d3d2b; }
.ms-finance-guidance nav { display: flex; flex-direction: column; gap: 12px; padding: 16px 0 0; }
.ms-finance-receipt { background: #f1f8f3; border-radius: 8px; padding: 20px; margin: 0 0 25px; }
.ms-finance .ms-finance-receipt h3 { font-size: 14px; font-weight: 700; margin: 0 0 6px; color: #0d3d2b; }
.ms-finance-receipt dl > div:last-child { border: 0; padding-bottom: 0; }
.ms-finance-receipt dd { font-size: 16px; }
.ms-finance-receipt > p { font-size: 12px; margin: 12px 0 0; color: #536970; }
.ms-finance-receipt [hidden] { display: none; }
.ms-finance-empty { padding: 12px 0; }
.ms-finance .ms-finance-empty h3 { margin: 0 0 12px; font: 700 20px/1.4 Arial, sans-serif; color: #0b3547; }
.ms-finance-empty p { color: #536970; margin: 0 0 24px; font-size: 14px; }
.ms-finance-notice { padding: 18px; border-left: 3px solid #25c875; background: #f1f8f3; font-size: 13px; color: #405b4f; margin: 0 0 24px; }
.ms-finance .ms-finance-notice h3 { font-size: 14px; font-weight: 700; margin: 0 0 8px; color: #0d3d2b; }
.ms-finance-notice p { margin: 0; }
.ms-finance-history { margin-top: 38px; }
.ms-finance .ms-finance-history > h2 { font: 700 23px/1.3 Arial, sans-serif; margin: 0 0 22px; color: #0b3547; }
.ms-finance-history > .ms-finance-empty { border-top: 1px solid #d4e2da; padding: 25px 0 0; }
.ms-finance-table-wrap { overflow-x: auto; background: #fff; border: 1px solid #d4e2da; border-radius: 10px; }
.ms-finance-table { width: 100%; border-collapse: collapse; text-align: left; font-size: 13px; }
.ms-finance-table th { color: #536970; font-size: 12px; background: #f1f8f3; font-weight: 600; }
.ms-finance-table td, .ms-finance-table th { padding: 16px 20px; white-space: nowrap; border-bottom: 1px solid #e1e9e5; }
.ms-finance-table tr:last-child td { border: 0; }
.ms-finance-pagination { display: flex; gap: 24px; margin-top: 16px; font-size: 13px; }
.ms-deposit-methods { display: flex; flex-direction: column; gap: 20px; }
.ms-deposit-method { padding: 22px; border: 1px solid #d4e2da; border-radius: 10px; }
.ms-deposit-method-info { display: flex; gap: 18px; align-items: center; margin-bottom: 20px; }
.ms-deposit-method-info img { flex: 0 0 58px; width: 58px; height: 48px; object-fit: contain; }
.ms-finance .ms-deposit-method h3 { margin: 0 0 6px; font-size: 20px; font-weight: 700; color: #0b3547; }
.ms-deposit-method p { margin: 0; font-size: 13px; color: #536970; }
.ms-deposit-method .ms-finance-button { width: 100%; }
.ms-finance-muted { display: block; font-size: 13px; color: #536970; }
.ms-finance-payment-total { display: flex; align-items: center; justify-content: space-between; gap: 20px; font-size: 13px; border-bottom: 1px solid #d4e2da; padding-bottom: 20px; margin: 0 0 24px; }
.ms-finance-payment-total strong { font-size: 24px; white-space: nowrap; }
.ms-deposit-checkout { display: block; width: 100%; height: 850px; border: 0; }
.ms-finance-checkout-help { margin: 24px 0 0; font-size: 12px; color: #536970; }
.ms-finance-steps { list-style: decimal; margin: 0; padding-left: 22px; }
.ms-finance-steps li { padding-left: 8px; margin-bottom: 26px; color: #16794d; font-weight: 700; }
.ms-finance .ms-finance-steps h3 { font: 700 16px/1.4 Arial, sans-serif; margin: 0 0 10px; color: #0b3547; }
.ms-finance-steps p { margin: 0; font-size: 13px; color: #536970; font-weight: 400; }
.ms-finance-steps .ms-finance-account-address { font-size: 17px; font-weight: 700; color: #0d3d2b; overflow-wrap: anywhere; }
.ms-finance-contact { border-top: 1px solid #d4e2da; padding-top: 24px; }
.ms-finance-contact p { margin: 14px 0 0; font-size: 12px; color: #536970; }
@media (max-width: 860px) { .ms-finance-layout { grid-template-columns: minmax(0, 1fr); gap: 24px; } .ms-finance-aside { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: start; } .ms-finance-guidance { padding-top: 4px; } }
@media (max-width: 520px) { .ms-finance { width: 100%; padding-top: 16px; } .ms-finance .ms-finance-heading h1 { font-size: 30px; } .ms-finance-heading p { font-size: 14px; } .ms-finance-panel { padding: 22px; } .ms-finance-aside { grid-template-columns: minmax(0, 1fr); gap: 24px; } .ms-finance-balance { padding: 24px; } .ms-finance .ms-finance-button { width: 100%; } .ms-finance-panel-heading { gap: 12px; } .ms-finance .ms-finance-panel-heading h2 { font-size: 19px; } .ms-finance-receipt { padding: 16px; } .ms-deposit-method { padding: 18px; } .ms-deposit-method-info { gap: 12px; align-items: flex-start; } .ms-deposit-method-info img { flex-basis: 42px; width: 42px; height: 38px; } .ms-finance-payment-total { flex-wrap: wrap; gap: 8px; } .ms-finance-steps .ms-finance-account-address { font-size: 15px; } }

/* Account settings: compact identity and readable account details, without nested cards. */
.ms-settings-renewed { padding: 28px 12px 44px; }
.ms-settings-renewed .ms-settings-heading { margin-bottom: 30px; }
.ms-settings-back { display: inline-block; margin-bottom: 20px; font-size: 13px; color: #0d3d2b; text-underline-offset: 4px; }
.ms-settings-renewed .ms-settings-panel { padding: 30px; }
.ms-settings-renewed .ms-settings-nav { gap: 12px 32px; margin-bottom: 30px; padding-bottom: 10px; }
.ms-settings-renewed h2 { margin: 0 0 16px; color: #0b3547; font: 700 22px/1.35 Arial, sans-serif; }
.ms-settings-renewed h3 { color: #0b3547; }
.ms-settings-renewed a { text-underline-offset: 4px; }
.ms-settings-profile-layout { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.7fr); gap: 38px; align-items: start; }
.ms-settings-identity { background: #eff8f2; border-left: 3px solid #25c875; border-radius: 0 10px 10px 0; padding: 28px; min-width: 0; }
.ms-settings-avatar { display: flex; align-items: center; justify-content: center; width: 76px; height: 76px; border: 2px solid #0d6847; padding: 3px; border-radius: 50%; background: #fff; color: #0d3d2b; font-size: 30px; font-weight: 700; text-decoration: none; margin-bottom: 22px; }
.ms-settings-avatar img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.ms-settings-renewed .ms-settings-identity h2 { font: 900 25px/1.25 'Multsense App Display', Arial, sans-serif; letter-spacing: -.025em; overflow-wrap: anywhere; margin: 0 0 10px; }
.ms-settings-identity p { margin: 0 0 22px; color: #536970; font-size: 13px; overflow-wrap: anywhere; }
.ms-settings-identity > a:last-child { color: #0d3d2b; font-size: 13px; }
.ms-settings-profile-data { min-width: 0; }
.ms-settings-data { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 24px; margin: 0; }
.ms-settings-data > div { border-bottom: 1px solid #e1e9e5; padding: 15px 0; min-width: 0; }
.ms-settings-data dt { color: #536970; font: 400 12px/1.5 Arial, sans-serif; margin-bottom: 7px; }
.ms-settings-data dd { color: #0b3547; font: 600 14px/1.6 Arial, sans-serif; overflow-wrap: anywhere; margin: 0; white-space: pre-line; }
.ms-settings-profile-address { margin-top: 32px; }
.ms-settings-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; margin-bottom: 18px; }
.ms-settings-renewed .ms-settings-section-heading h2 { margin: 0; }
.ms-settings-section-heading > a:not(.ms-app-primary) { font-size: 13px; color: #0d3d2b; }
.ms-settings-columns { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(0,1fr); gap: 40px; align-items: start; }
.ms-settings-columns > section { min-width: 0; }
.ms-settings-lead { color: #536970; font-size: 14px; line-height: 1.7; margin: 0 0 26px; max-width: 65ch; }
.ms-settings-section-heading .ms-settings-lead { margin: 8px 0 0; }
.ms-settings-form { margin: 24px 0 0; }
.ms-settings-field { margin-bottom: 22px; }
.ms-settings-field label { display: block; color: #0b3547; font-size: 14px; font-weight: 700; margin-bottom: 9px; }
.ms-settings-renewed .ms-settings-field input, .ms-settings-renewed .ms-settings-field select, .ms-settings-renewed .ms-settings-field textarea { display: block; width: 100%; min-width: 0; min-height: 50px; height: auto; border: 1px solid #9eb4ab; border-radius: 6px; padding: 12px; background: #fff; color: #0b3547; font: 16px/1.5 Arial, sans-serif; box-shadow: none; }
.ms-settings-renewed .ms-settings-field input[readonly] { background: #f3f7f5; color: #536970; }
.ms-settings-renewed .ms-settings-field textarea { resize: vertical; }
.ms-settings-field p { font-size: 12px; color: #536970; margin: 8px 0 0; line-height: 1.6; }
.ms-settings-note { border-left: 3px solid #25c875; background: #f1f8f3; padding: 22px; }
.ms-settings-renewed .ms-settings-note h3 { color: #0d3d2b; font: 700 16px/1.4 Arial, sans-serif; margin: 0 0 14px; }
.ms-settings-note p { color: #405b4f; font-size: 13px; line-height: 1.75; margin: 0 0 14px; }
.ms-settings-note p:last-child { margin-bottom: 0; }
.ms-settings-inline-back { display: inline-block; font-size: 13px; margin-bottom: 22px; color: #0d3d2b; }
.ms-settings-method-list { list-style: none; padding: 0; margin: 26px 0 0; }
.ms-settings-method-list li { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 22px 0; border-top: 1px solid #d4e2da; }
.ms-settings-method-list li > div { min-width: 0; }
.ms-settings-renewed .ms-settings-method-list h3 { font: 700 17px/1.4 Arial, sans-serif; margin: 0 0 8px; }
.ms-settings-method-list p { color: #536970; font-size: 14px; margin: 0; overflow-wrap: anywhere; }
.ms-settings-method-list a { font-size: 13px; color: #0d3d2b; flex-shrink: 0; }
.ms-settings-empty { padding: 26px 0 6px; }
.ms-settings-renewed .ms-settings-empty h3 { font: 700 20px/1.4 Arial, sans-serif; margin: 0 0 12px; }
.ms-settings-empty p { color: #536970; font-size: 14px; margin: 0 0 18px; }
.ms-settings-empty-symbol { display: grid; place-items: center; width: 50px; height: 50px; border-radius: 12px; color: #0d6847; background: #eaf6ee; margin-bottom: 24px; }
.ms-settings-empty-symbol svg { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linejoin: round; stroke-linecap: round; }
.ms-settings-method-detail .ms-settings-data { display: block; margin-bottom: 26px; }
.ms-settings-danger { border: 1px solid #a02d38; background: #fff; color: #922633; border-radius: 6px; padding: 12px 20px; font: 700 14px/1.5 Arial,sans-serif; cursor: pointer; min-height: 46px; }
.ms-settings-danger:hover { background: #fff2f3; }
.ms-settings-feedback { background: #eff8f2; padding: 16px; border-left: 3px solid #25c875; color: #0d3d2b; margin: 0 0 24px; font-size: 14px; }
.ms-settings-feedback.is-error { background: #fff2f3; border-color: #a02d38; color: #922633; }
@media (max-width: 860px) { .ms-settings-profile-layout { grid-template-columns: minmax(0,1fr); gap: 30px; } .ms-settings-identity { padding: 24px; } .ms-settings-columns { grid-template-columns: minmax(0,1fr); gap: 28px; } }
@media (max-width: 520px) { .ms-settings-renewed { padding: 16px 0 38px; } .ms-settings-renewed .ms-settings-panel { padding: 22px; } .ms-settings-renewed .ms-settings-nav { gap: 4px 18px; } .ms-settings-renewed .ms-settings-nav a { font-size: 13px; } .ms-settings-renewed .ms-settings-heading h1 { font-size: 30px; } .ms-settings-renewed .ms-settings-heading p { font-size: 14px; } .ms-settings-data { grid-template-columns: minmax(0,1fr); } .ms-settings-renewed .ms-app-primary { width: 100%; } .ms-settings-method-list li { flex-wrap: wrap; gap: 14px; } .ms-settings-renewed .ms-settings-identity h2 { font-size: 24px; } }
@media (max-width: 520px) { .ms-settings-renewed .ms-settings-nav { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px 20px; } .ms-settings-renewed .ms-settings-nav > a[href$='s=atualisar_p'] { grid-column: 1 / -1; } }

/* Advertising catalogue: format first, then create or manage, with no campaign write on this view. */
.ms-advertise { width: min(1140px, calc(100% - 24px)); margin: 0 auto; padding: 28px 0 44px; color: #0b3547; font: 15px/1.65 Arial, Helvetica, sans-serif; }
.ms-advertise * { box-sizing: border-box; }
.ms-advertise a { color: #0d3d2b; text-underline-offset: 4px; }
.ms-advertise-back { display: inline-block; font-size: 13px; margin-bottom: 24px; }
.ms-advertise-heading { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #d4e2da; }
.ms-advertise-heading > div { min-width: 0; }
.ms-advertise .ms-advertise-heading h1 { color: #0b3547; font: 900 36px/1.15 'Multsense App Display', Arial, sans-serif; letter-spacing: -.035em; margin: 0; }
.ms-advertise-heading p { color: #536970; font-size: 15px; margin: 12px 0 0; }
.ms-advertise-balance { min-width: 215px; border-left: 3px solid #25c875; padding: 8px 0 8px 22px; }
.ms-advertise-balance > span { display: block; color: #536970; font-size: 12px; }
.ms-advertise-balance > strong { display: block; color: #0d3d2b; font-size: 28px; font-weight: 700; letter-spacing: -.03em; line-height: 1.3; margin: 5px 0 9px; font-variant-numeric: tabular-nums; }
.ms-advertise-balance > a { font-size: 12px; }
.ms-advertise .ms-advertise-formats > h2 { color: #0b3547; font: 700 21px/1.4 Arial, sans-serif; margin: 0 0 22px; }
.ms-advertise-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.ms-advertise-format { min-width: 0; display: flex; flex-direction: column; border: 1px solid #d4e2da; border-radius: 12px; background: #fff; padding: 28px; }
.ms-advertise-format-head { display: flex; align-items: center; gap: 18px; }
.ms-advertise-symbol { width: 54px; height: 54px; display: grid; place-items: center; flex-shrink: 0; background: #eff8f2; color: #0d6847; border-radius: 12px; }
.ms-advertise-symbol svg { display: block; width: 34px; height: 34px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.ms-advertise .ms-advertise-format h3 { color: #0b3547; font: 700 22px/1.3 Arial, sans-serif; margin: 0; }
.ms-advertise-format > p { color: #536970; font-size: 14px; margin: 22px 0 26px; max-width: 48ch; }
.ms-advertise-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px; margin-top: auto; padding-top: 22px; border-top: 1px solid #e1e9e5; }
.ms-advertise .ms-advertise-create { display: inline-flex; align-items: center; justify-content: center; padding: 12px 22px; min-height: 46px; background: #0d3d2b; border: 1px solid #0d3d2b; border-radius: 6px; font-size: 14px; font-weight: 700; color: #fff; text-decoration: none; }
.ms-advertise .ms-advertise-create:hover { background: #18583f; border-color: #18583f; }
.ms-advertise-manage { font-size: 13px; }
.ms-advertise-help { margin: 26px 0 0; color: #536970; font-size: 12px; }
.ms-advertise a:focus-visible { outline: 3px solid #16794d; outline-offset: 4px; }
@media (max-width: 760px) { .ms-advertise-heading { align-items: flex-start; flex-direction: column; gap: 24px; } .ms-advertise-balance { min-width: 0; width: 100%; } .ms-advertise-grid { grid-template-columns: minmax(0,1fr); gap: 20px; } }
@media (max-width: 520px) { .ms-advertise { width: 100%; padding-top: 16px; } .ms-advertise .ms-advertise-heading h1 { font-size: 30px; } .ms-advertise-format { padding: 22px; } .ms-advertise .ms-advertise-format h3 { font-size: 20px; } .ms-advertise-format-head { gap: 14px; } .ms-advertise-symbol { width: 48px; height: 48px; } .ms-advertise-symbol svg { width: 30px; height: 30px; } .ms-advertise-actions { gap: 18px; } .ms-advertise .ms-advertise-create { width: 100%; } }

/* Campaign creation and lists share a workspace, with credits kept separate from cash balances. */
.ms-campaign { width: min(1140px,calc(100% - 24px)); margin: 0 auto; padding: 28px 0 44px; font: 15px/1.65 Arial,Helvetica,sans-serif; color: #0b3547; }
.ms-campaign * { box-sizing: border-box; }
.ms-campaign a { color: #0d3d2b; text-underline-offset: 4px; }
.ms-campaign-back { display: inline-block; font-size: 13px; margin-bottom: 24px; }
.ms-campaign-heading { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-bottom: 30px; }
.ms-campaign .ms-campaign-heading h1 { font: 900 36px/1.15 'Multsense App Display',Arial,sans-serif; letter-spacing: -.035em; color: #0b3547; margin: 0; }
.ms-campaign-heading p { color: #536970; margin: 12px 0 0; font-size: 15px; }
.ms-campaign .ms-campaign-primary, .ms-campaign .ms-campaign-secondary { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 12px 22px; border: 1px solid #0d3d2b; border-radius: 6px; font: 700 14px/1.5 Arial,sans-serif; text-decoration: none; cursor: pointer; }
.ms-campaign .ms-campaign-primary { color: #fff; background: #0d3d2b; }
.ms-campaign .ms-campaign-secondary { color: #0d3d2b; background: #fff; }
.ms-campaign .ms-campaign-primary:hover { background: #18583f; }
.ms-campaign .ms-campaign-secondary:hover { background: #eff8f2; }
.ms-campaign-layout { display: grid; grid-template-columns: minmax(0,1.7fr) minmax(0,1fr); align-items: start; gap: 28px; }
.ms-campaign-panel { background: #fff; border: 1px solid #d4e2da; border-radius: 12px; padding: 30px; min-width: 0; }
.ms-campaign .ms-campaign-panel > h2 { font: 700 22px/1.35 Arial,sans-serif; color: #0b3547; margin: 0 0 10px; }
.ms-campaign-lead { color: #536970; margin: 0 0 28px; font-size: 14px; }
.ms-campaign-field { margin-bottom: 24px; }
.ms-campaign-field label { display: block; margin-bottom: 9px; color: #0b3547; font-size: 14px; font-weight: 700; }
.ms-campaign-field input, .ms-campaign-field textarea { width: 100%; min-height: 50px; min-width: 0; padding: 12px; background: #fff; border: 1px solid #9eb4ab; border-radius: 6px; font: 16px/1.5 Arial,sans-serif; color: #0b3547; }
.ms-campaign-field textarea { resize: vertical; }
.ms-campaign-field p { color: #536970; font-size: 12px; margin: 8px 0 0; }
.ms-campaign-credit { background: #0d3d2b; border-radius: 12px; padding: 26px; color: #fff; }
.ms-campaign-credit > span { font-size: 13px; color: #c7e7d4; display: block; }
.ms-campaign-credit > strong { font: 700 34px/1.25 Arial,sans-serif; letter-spacing: -.035em; display: block; margin: 10px 0 16px; overflow-wrap: anywhere; }
.ms-campaign-credit a { color: #fff; font-size: 13px; }
.ms-campaign .ms-campaign-summary h2 { margin: 26px 0 14px; color: #0b3547; font: 700 18px/1.4 Arial,sans-serif; }
.ms-campaign-summary dl { margin: 0; }
.ms-campaign-summary dl > div { display: flex; justify-content: space-between; gap: 20px; padding: 14px 0; border-bottom: 1px solid #d4e2da; font-size: 13px; }
.ms-campaign-summary dt { font-weight: 400; color: #536970; }
.ms-campaign-summary dd { font-weight: 700; color: #0b3547; text-align: right; margin: 0; }
.ms-campaign-summary p { margin: 16px 0 0; color: #536970; font-size: 12px; }
.ms-campaign-list-credit { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 22px; background: #eff8f2; border-left: 3px solid #25c875; margin-bottom: 26px; border-radius: 0 8px 8px 0; font-size: 13px; }
.ms-campaign-list-credit strong { margin-left: 14px; font-size: 18px; white-space: nowrap; }
.ms-campaign-empty { border: 1px solid #d4e2da; border-radius: 12px; background: #fff; padding: 34px; }
.ms-campaign-empty-icon { display: grid; place-items: center; width: 52px; height: 52px; color: #0d6847; background: #eff8f2; border-radius: 12px; margin-bottom: 24px; }
.ms-campaign-empty-icon svg { width: 32px; height: 32px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linejoin: round; stroke-linecap: round; }
.ms-campaign .ms-campaign-empty h2 { margin: 0 0 12px; color: #0b3547; font: 700 23px/1.4 Arial,sans-serif; }
.ms-campaign-empty p { margin: 0 0 26px; color: #536970; font-size: 14px; }
.ms-campaign-public-link { display: inline-block; margin-left: 24px; font-size: 13px; }
.ms-campaign-list { display: flex; flex-direction: column; gap: 22px; }
.ms-campaign-item { background: #fff; border: 1px solid #d4e2da; border-radius: 12px; padding: 26px; min-width: 0; }
.ms-campaign-item-heading { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.ms-campaign .ms-campaign-item h2 { margin: 0; font: 700 21px/1.35 Arial,sans-serif; color: #0b3547; overflow-wrap: anywhere; }
.ms-campaign-status { font-size: 11px; padding: 4px 9px; border-radius: 5px; background: #f1f4f6; color: #536970; }
.ms-campaign-status.is-active { background: #e9f6ee; color: #0d6847; }
.ms-campaign-id { font-size: 12px; color: #536970; margin-left: auto; }
.ms-campaign-description { font-size: 14px; color: #536970; margin: 16px 0 10px; overflow-wrap: anywhere; white-space: pre-line; }
.ms-campaign-destination { display: inline-block; max-width: 100%; font-size: 13px; margin: 12px 0 0; overflow-wrap: anywhere; }
.ms-campaign-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; margin: 24px 0; padding: 20px 0; border-top: 1px solid #e1e9e5; border-bottom: 1px solid #e1e9e5; }
.ms-campaign-metrics dt { font-size: 12px; font-weight: 400; color: #536970; }
.ms-campaign-metrics dd { font-size: 17px; font-weight: 700; margin: 6px 0 0; color: #0b3547; }
.ms-campaign-item-actions { display: flex; flex-wrap: wrap; gap: 14px 24px; font-size: 13px; }
.ms-campaign .ms-campaign-delete { color: #922633; margin-left: auto; }
.ms-campaign-pagination { display: flex; justify-content: space-between; gap: 20px; margin-top: 24px; font-size: 13px; }
.ms-campaign a:focus-visible, .ms-campaign button:focus-visible, .ms-campaign input:focus-visible, .ms-campaign textarea:focus-visible { outline: 3px solid #16794d; outline-offset: 4px; }
@media (max-width: 860px) { .ms-campaign-layout { grid-template-columns: minmax(0,1fr); } .ms-campaign-aside { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 24px; align-items: start; } .ms-campaign .ms-campaign-summary h2 { margin-top: 0; } }
@media (max-width: 520px) { .ms-campaign { width: 100%; padding-top: 16px; } .ms-campaign-heading { align-items: flex-start; flex-direction: column; gap: 20px; } .ms-campaign .ms-campaign-heading h1 { font-size: 30px; } .ms-campaign-panel, .ms-campaign-item, .ms-campaign-empty { padding: 22px; } .ms-campaign-aside { grid-template-columns: minmax(0,1fr); } .ms-campaign .ms-campaign-primary { width: 100%; } .ms-campaign-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); } .ms-campaign-list-credit { align-items: flex-start; flex-direction: column; gap: 10px; } .ms-campaign-list-credit strong { margin-left: 10px; } .ms-campaign-public-link { margin: 20px 0 0; } .ms-campaign-item-heading { gap: 10px; } }

/* Activities: clear choices, existing partner destinations and account-owned balances. */
.ms-earn { width: min(1140px,calc(100% - 24px)); margin: 0 auto; padding: 28px 0 44px; color: #0b3547; font: 15px/1.65 Arial,Helvetica,sans-serif; }
.ms-earn * { box-sizing: border-box; }
.ms-earn a { color: #0d3d2b; text-underline-offset: 4px; }
.ms-earn-back { display: inline-block; margin-bottom: 24px; font-size: 13px; }
.ms-earn-heading { display: flex; justify-content: space-between; align-items: center; gap: 30px; border-bottom: 1px solid #d4e2da; padding-bottom: 30px; margin-bottom: 30px; }
.ms-earn-heading > div { min-width: 0; }
.ms-earn .ms-earn-heading h1 { color: #0b3547; font: 900 36px/1.15 'Multsense App Display',Arial,sans-serif; letter-spacing: -.035em; margin: 0; }
.ms-earn-heading p { margin: 12px 0 0; color: #536970; max-width: 650px; font-size: 15px; }
.ms-earn-balance { min-width: 220px; padding: 8px 0 8px 22px; border-left: 3px solid #25c875; }
.ms-earn-balance > span { display: block; font-size: 12px; color: #536970; }
.ms-earn-balance > strong { display: block; font: 700 28px/1.3 Arial,sans-serif; letter-spacing: -.03em; margin: 6px 0 10px; color: #0d3d2b; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.ms-earn-balance small { font-size: 13px; font-weight: 400; letter-spacing: 0; }
.ms-earn-balance a { font-size: 12px; }
.ms-earn-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.ms-earn-grid.ms-earn-three, .ms-earn-points .ms-earn-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.ms-earn-card { min-width: 0; display: flex; flex-direction: column; background: #fff; border: 1px solid #d4e2da; border-radius: 12px; padding: 26px; }
.ms-earn-card-heading { display: flex; align-items: center; gap: 15px; }
.ms-earn-symbol { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 11px; background: #eff8f2; color: #0d6847; flex-shrink: 0; }
.ms-earn-symbol svg { display: block; width: 30px; height: 30px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.ms-earn .ms-earn-card h2 { font: 700 21px/1.35 Arial,sans-serif; margin: 0; color: #0b3547; }
.ms-earn-card > p { color: #536970; margin: 22px 0 24px; font-size: 14px; }
.ms-earn .ms-earn-button { display: inline-flex; align-items: center; justify-content: center; padding: 12px 18px; margin-top: auto; min-height: 46px; border: 1px solid #0d3d2b; background: #0d3d2b; color: #fff; text-decoration: none; border-radius: 6px; font-size: 13px; font-weight: 700; text-align: center; }
.ms-earn .ms-earn-button:hover { background: #18583f; }
.ms-earn-count { display: block; font: 700 36px/1.2 Arial,sans-serif; margin-top: 24px; color: #0d3d2b; letter-spacing: -.035em; overflow-wrap: anywhere; }
.ms-earn-count + p { margin-top: 12px; }
.ms-earn-point-value { background: #eff8f2; border-left: 3px solid #25c875; border-radius: 0 10px 10px 0; padding: 24px; display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-bottom: 28px; }
.ms-earn .ms-earn-point-value h2 { font-size: 20px; color: #0b3547; margin: 0 0 10px; line-height: 1.4; }
.ms-earn-point-value p { font-size: 13px; color: #536970; margin: 0; max-width: 65ch; }
.ms-earn-point-value > div:last-child { flex-shrink: 0; }
.ms-earn-point-value span { font-size: 12px; color: #536970; }
.ms-earn-point-value strong { display: block; font-size: 28px; font-weight: 700; letter-spacing: -.025em; color: #0d3d2b; }
.ms-earn-surveys { margin-top: 34px; background: #fff; border: 1px solid #d4e2da; border-radius: 12px; padding: 26px; }
.ms-earn-section-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; margin-bottom: 20px; }
.ms-earn .ms-earn-section-heading h2 { font: 700 22px/1.35 Arial,sans-serif; color: #0b3547; margin: 0; }
.ms-earn-section-heading > a { font-size: 13px; }
.ms-earn-surveys [data-ms-earn-survey-widget] > div { background: transparent !important; border: 0 !important; padding: 0 !important; }
.ms-earn-survey-fallback { margin: 16px 0 0; color: #536970; font-size: 13px; }
.ms-earn-surveys.has-provider-content [data-ms-earn-survey-fallback] { display: none; }
.ms-earn-survey-frame { background: #fff; border: 1px solid #d4e2da; border-radius: 12px; padding: 26px; min-width: 0; }
.ms-earn-survey-frame > p { font-size: 13px; color: #536970; margin: 0 0 22px; max-width: 80ch; }
.ms-earn-cpx-frame { display: block; width: 100%; height: 1000px; border: 0; }
.ms-earn-survey-frame > .ms-earn-frame-help { margin: 20px 0 0; font-size: 12px; }
.ms-earn-referral { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.2fr); align-items: start; gap: 32px; padding: 28px; margin-top: 30px; background: #eff8f2; border-left: 3px solid #25c875; border-radius: 0 10px 10px 0; }
.ms-earn .ms-earn-referral h2 { font: 700 22px/1.35 Arial,sans-serif; color: #0b3547; margin: 0 0 12px; }
.ms-earn-referral p { color: #536970; font-size: 13px; margin: 0; }
.ms-earn-referral > div { min-width: 0; }
.ms-earn-referral label { display: block; font-size: 12px; color: #0b3547; margin-bottom: 9px; }
.ms-earn-copy { display: flex; min-width: 0; }
.ms-earn-copy input { width: 100%; min-width: 0; padding: 12px; min-height: 48px; border: 1px solid #9eb4ab; border-radius: 6px 0 0 6px; background: #fff; color: #0b3547; font: 14px/1.5 Arial,sans-serif; }
.ms-earn-copy button { flex-shrink: 0; border: 1px solid #0d3d2b; background: #0d3d2b; color: #fff; font: 700 13px/1.5 Arial,sans-serif; border-radius: 0 6px 6px 0; padding: 12px 16px; cursor: pointer; }
.ms-earn-referral .ms-dash-copy-status { margin-top: 10px; }
.ms-earn a:focus-visible, .ms-earn button:focus-visible, .ms-earn input:focus-visible { outline: 3px solid #16794d; outline-offset: 4px; }
@media (max-width: 1000px) { .ms-earn-grid.ms-earn-three, .ms-earn-points .ms-earn-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 760px) { .ms-earn-heading { align-items: flex-start; flex-direction: column; gap: 24px; } .ms-earn-balance { width: 100%; min-width: 0; } .ms-earn-point-value { align-items: flex-start; flex-direction: column; gap: 20px; } .ms-earn-point-value > div:last-child { flex-shrink: 1; } .ms-earn-referral { grid-template-columns: minmax(0,1fr); gap: 22px; } }
@media (max-width: 520px) { .ms-earn { width: 100%; padding-top: 16px; } .ms-earn .ms-earn-heading h1 { font-size: 30px; } .ms-earn-grid, .ms-earn-grid.ms-earn-three, .ms-earn-points .ms-earn-grid { grid-template-columns: minmax(0,1fr); gap: 20px; } .ms-earn-card, .ms-earn-surveys, .ms-earn-survey-frame { padding: 22px; } .ms-earn .ms-earn-card h2 { font-size: 20px; } .ms-earn-cpx-frame { height: 800px; } .ms-earn-referral { padding: 22px; } .ms-earn-copy { flex-wrap: wrap; gap: 10px; } .ms-earn-copy input, .ms-earn-copy button { border-radius: 6px; width: 100%; } }

/* Viewing activities retain their existing reward routes and expose clear eligibility states. */
.ms-view-activity { width: min(1140px,calc(100% - 24px)); margin: 0 auto; padding: 28px 0 44px; font: 15px/1.65 Arial,Helvetica,sans-serif; color: #0b3547; }
.ms-view-activity * { box-sizing: border-box; }
.ms-view-activity a { color: #0d3d2b; text-underline-offset: 4px; }
.ms-view-back { display: inline-block; margin-bottom: 24px; font-size: 13px; }
.ms-view-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 30px; }
.ms-view-activity .ms-view-heading h1 { font: 900 36px/1.15 'Multsense App Display',Arial,sans-serif; letter-spacing: -.035em; margin: 0; color: #0b3547; }
.ms-view-heading p { font-size: 15px; color: #536970; margin: 12px 0 0; }
.ms-view-counter { font-size: 13px; color: #0d6847; background: #eff8f2; border: 1px solid #d4e2da; padding: 8px 14px; border-radius: 6px; white-space: nowrap; }
.ms-view-ad-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.ms-view-ad { padding: 24px; border: 1px solid #d4e2da; border-radius: 12px; background: #fff; min-width: 0; display: flex; flex-direction: column; }
.ms-view-ad-head { display: flex; align-items: center; gap: 14px; }
.ms-view-ad-symbol { display: grid; place-items: center; width: 46px; height: 46px; flex-shrink: 0; border-radius: 10px; background: #eff8f2; color: #0d6847; }
.ms-view-ad-symbol svg { width: 30px; height: 30px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.ms-view-activity .ms-view-ad h2 { font: 700 20px/1.35 Arial,sans-serif; color: #0b3547; margin: 0; overflow-wrap: anywhere; }
.ms-view-ad > p { font-size: 14px; color: #536970; margin: 20px 0 0; overflow-wrap: anywhere; }
.ms-view-ad-details { margin: 24px 0; padding: 0; }
.ms-view-ad-details > div { display: flex; align-items: baseline; justify-content: space-between; gap: 18px; padding: 13px 0; border-bottom: 1px solid #e1e9e5; }
.ms-view-ad-details dt { color: #536970; font-size: 12px; font-weight: 400; }
.ms-view-ad-details dd { color: #0b3547; font-size: 16px; font-weight: 700; margin: 0; text-align: right; }
.ms-view-activity .ms-view-primary, .ms-view-activity .ms-view-secondary { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 12px 20px; border: 1px solid #0d3d2b; border-radius: 6px; text-decoration: none; font: 700 14px/1.5 Arial,sans-serif; cursor: pointer; text-align: center; }
.ms-view-activity .ms-view-primary { color: #fff; background: #0d3d2b; }
.ms-view-activity .ms-view-secondary { color: #0d3d2b; background: #fff; }
.ms-view-activity .ms-view-primary:hover { background: #18583f; }
.ms-view-ad > .ms-view-primary { margin-top: auto; }
.ms-view-ad.is-unavailable { background: #f7f9f8; }
.ms-view-ad > .ms-view-unavailable { background: #eaf0ec; color: #405b4f; padding: 12px; border-radius: 6px; font-size: 12px; margin: auto 0 0; }
.ms-view-plan-note { margin-top: 28px; padding: 20px; border-left: 3px solid #25c875; background: #eff8f2; font-size: 13px; }
.ms-view-plan-note p { margin: 0 0 10px; }
.ms-view-empty { padding: 30px; background: #fff; border: 1px solid #d4e2da; border-radius: 12px; }
.ms-view-activity .ms-view-empty h2 { color: #0b3547; font: 700 23px/1.35 Arial,sans-serif; margin: 0 0 14px; }
.ms-view-empty p { font-size: 14px; color: #536970; margin: 0 0 24px; }
.ms-view-extra-layout { display: grid; grid-template-columns: minmax(0,1.7fr) minmax(0,1fr); gap: 28px; align-items: start; }
.ms-view-extra-panel { border: 1px solid #d4e2da; border-radius: 12px; padding: 30px; background: #fff; min-width: 0; }
.ms-view-extra-panel > .ms-view-empty { border: 0; padding: 0; }
.ms-view-activity .ms-view-extra-panel article > h2 { font: 700 24px/1.35 Arial,sans-serif; color: #0b3547; margin: 0 0 14px; overflow-wrap: anywhere; }
.ms-view-extra-description { color: #536970; font-size: 14px; margin: 0; overflow-wrap: anywhere; white-space: pre-line; }
.ms-view-guidance { background: #eff8f2; border-left: 3px solid #25c875; padding: 24px; border-radius: 0 10px 10px 0; }
.ms-view-activity .ms-view-guidance h2 { color: #0b3547; font: 700 20px/1.35 Arial,sans-serif; margin: 0 0 16px; }
.ms-view-guidance p { color: #405b4f; font-size: 13px; margin: 0 0 16px; }
.ms-view-guidance a { font-size: 13px; }
.ms-view-related { display: flex; flex-direction: column; gap: 16px; margin-top: 24px; font-size: 13px; }
.ms-view-skip { margin: 20px 0 0; }
.ms-view-skip button { border: 0; padding: 8px 0; background: transparent; color: #536970; font: 13px/1.5 Arial,sans-serif; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
.ms-view-message { padding: 16px; border-left: 3px solid #25c875; background: #eff8f2; color: #405b4f; font-size: 13px; margin-bottom: 24px; }
.ms-view-timer { margin-top: 24px; }
.ms-view-timer > [role=progressbar] { height: 10px; overflow: hidden; background: #e1e9e5; border-radius: 5px; }
.ms-view-timer [data-ms-extra-progress] { display: block; height: 100%; width: 0; background: #25c875; }
.ms-view-timer p { font-size: 13px; color: #536970; margin: 12px 0 0; }
.ms-view-complete { padding: 22px; margin-top: 24px; border: 1px solid #bddfc9; border-radius: 8px; background: #eff8f2; }
.ms-view-complete h3 { font-size: 18px; color: #0b3547; margin: 0 0 10px; }
.ms-view-complete p { font-size: 13px; color: #536970; margin: 0 0 18px; }
.ms-view-activity [hidden] { display: none !important; }
.ms-view-frame-panel { background: #fff; border: 1px solid #d4e2da; border-radius: 12px; padding: 22px; }
.ms-view-frame { display: block; width: 100%; height: 1000px; border: 0; }
.ms-view-frame-panel > p { font-size: 12px; color: #536970; margin: 18px 0 0; }
.ms-view-activity a:focus-visible, .ms-view-activity button:focus-visible { outline: 3px solid #16794d; outline-offset: 4px; }
@media (max-width: 1000px) { .ms-view-ad-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 860px) { .ms-view-extra-layout { grid-template-columns: minmax(0,1fr); } }
@media (max-width: 520px) { .ms-view-activity { width: 100%; padding-top: 16px; } .ms-view-heading { flex-direction: column; align-items: flex-start; gap: 20px; } .ms-view-activity .ms-view-heading h1 { font-size: 30px; } .ms-view-ad-grid { grid-template-columns: minmax(0,1fr); } .ms-view-ad, .ms-view-extra-panel, .ms-view-empty { padding: 22px; } .ms-view-activity .ms-view-primary { width: 100%; } .ms-view-frame-panel { padding: 10px; } .ms-view-frame { height: 800px; } }

/* Point services: shared ledger, offer and explicit confirmation. */
.ms-point-tools { max-width:1140px; width:calc(100% - 24px); margin:0 auto; padding:26px 0 40px; color:#0b3547; font:15px/1.65 Arial,Helvetica,sans-serif; }
.ms-point-tools * { box-sizing:border-box; }
.ms-point-tools a { color:#0d3d2b; }
.ms-point-tools .ms-pt-back { display:flex; flex-wrap:wrap; gap:10px; font-size:13px; color:#536970; margin-bottom:25px; }
.ms-pt-heading { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:28px; }
.ms-point-tools h1 { font:36px/1.12 'Multsense App Display',Arial,sans-serif; margin:0 0 12px; letter-spacing:-1px; color:#0b3547; }
.ms-point-tools h2 { font-size:22px; line-height:1.3; color:#0b3547; margin:0 0 14px; font-weight:700; }
.ms-point-tools h3 { font-size:17px; line-height:1.4; margin:0; color:#0b3547; font-weight:700; }
.ms-point-tools p { color:#536970; margin:0 0 18px; max-width:70ch; }
.ms-pt-heading p { margin:0; }
.ms-pt-balance { flex-shrink:0; padding:14px 22px; background:#e5f2e9; border-left:3px solid #25c875; border-radius:4px; min-width:190px; }
.ms-pt-balance span,.ms-pt-offer span { display:block; font-size:13px; color:#536970; }
.ms-pt-balance strong { display:block; font-size:24px; color:#0d3d2b; line-height:1.5; }
.ms-point-tools small { font-size:13px; font-weight:400; }
.ms-pt-tabs { display:flex; gap:28px; border-bottom:1px solid #d4e2da; margin-bottom:30px; }
.ms-pt-tabs a { padding:12px 0; text-decoration:none; border-bottom:3px solid transparent; }
.ms-pt-tabs a[aria-current] { border-color:#0d3d2b; font-weight:700; }
.ms-pt-section-head { display:flex; justify-content:space-between; align-items:center; gap:18px; margin-bottom:22px; }
.ms-pt-section-head h2 { margin:0; }
.ms-point-tools .ms-pt-primary,.ms-point-tools .ms-pt-secondary { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 18px; border:1px solid #0d3d2b; border-radius:5px; background:#0d3d2b; color:white; font:700 14px/1.5 Arial,sans-serif; text-decoration:none; cursor:pointer; }
.ms-point-tools .ms-pt-secondary { background:white; color:#0d3d2b; }
.ms-point-tools .ms-pt-primary:hover { background:#15573e; }
.ms-pt-empty { text-align:center; padding:55px 22px; background:white; border:1px solid #d4e2da; border-radius:8px; }
.ms-pt-empty svg { fill:#eff8f2; stroke:#0d3d2b; stroke-width:1.5; margin-bottom:18px; }
.ms-pt-empty h3 { margin-bottom:10px; }
.ms-pt-empty p { margin:0 auto; }
.ms-pt-records { background:white; border:1px solid #d4e2da; border-radius:8px; overflow:hidden; }
.ms-pt-record { padding:24px 28px; border-bottom:1px solid #d4e2da; }
.ms-pt-record:last-child { border:0; }
.ms-pt-record-head { display:flex; justify-content:space-between; align-items:center; gap:15px; margin-bottom:22px; }
.ms-pt-status { padding:4px 10px; background:#eff8f2; color:#0d3d2b; border-radius:4px; font-size:12px; font-weight:700; flex-shrink:0; }
.ms-pt-status.ms-pt-late { background:#fff1e9; color:#873f1d; }
.ms-pt-record-values { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin:0 0 20px; }
.ms-pt-record-values dt { color:#536970; font-size:13px; font-weight:400; }
.ms-pt-record-values dd { color:#0b3547; font-size:25px; font-weight:700; margin:4px 0 0; line-height:1.3; overflow-wrap:anywhere; }
.ms-pt-record-foot { display:flex; justify-content:space-between; align-items:center; gap:20px; }
.ms-pt-record-foot p { font-size:13px; margin:0; display:flex; gap:8px 24px; flex-wrap:wrap; }
.ms-pt-record-foot .ms-pt-secondary { flex-shrink:0; }
.ms-pt-notice { padding:14px 17px; background:#eff8f2; border-left:3px solid #75a58a; border-radius:3px; }
.ms-pt-return { display:inline-block; margin-bottom:22px; }
.ms-pt-layout { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:30px; align-items:start; }
.ms-pt-form-panel { background:white; border:1px solid #d4e2da; border-radius:8px; padding:30px; }
.ms-pt-form-panel label { display:block; font-size:14px; margin-bottom:8px; }
.ms-pt-form-panel select { width:100%; border:1px solid #9eb5a9; background:white; color:#0b3547; padding:12px; font:16px Arial,sans-serif; border-radius:4px; min-height:48px; }
.ms-point-tools .ms-pt-help { font-size:13px; margin:8px 0 24px; }
.ms-pt-summary { margin:24px 0; }
.ms-pt-summary > div { display:flex; justify-content:space-between; gap:20px; padding:13px 0; border-bottom:1px solid #e3ebe6; }
.ms-pt-summary dt { font-weight:400; color:#536970; }
.ms-pt-summary dd { text-align:right; font-weight:700; margin:0; }
.ms-pt-summary .ms-pt-total { color:#0d3d2b; font-size:18px; }
.ms-pt-offer { padding:18px 0; margin-bottom:6px; }
.ms-pt-offer strong { font-size:36px; color:#0d3d2b; line-height:1.4; display:block; }
.ms-pt-limit { font-size:14px; display:inline-block; margin-bottom:14px; }
.ms-pt-guidance { border-top:3px solid #75a58a; padding:22px 0 0; }
.ms-pt-guidance h2 { font-size:18px; }
.ms-pt-other { display:flex; gap:12px 28px; flex-wrap:wrap; padding-top:24px; margin-top:32px; border-top:1px solid #d4e2da; font-size:14px; }
.ms-pt-pagination { display:flex; justify-content:center; gap:22px; padding:24px 0; }
.ms-point-tools [hidden] { display:none !important; }
.ms-point-tools a:focus-visible,.ms-point-tools button:focus-visible,.ms-point-tools select:focus-visible { outline:3px solid #16794d; outline-offset:4px; }
@media(max-width:760px) { .ms-pt-layout { grid-template-columns:1fr; gap:28px; } .ms-pt-heading { align-items:flex-start; flex-direction:column; } .ms-pt-balance { width:100%; } .ms-pt-record-foot { align-items:flex-start; flex-direction:column; gap:16px; } }
@media(max-width:520px) { .ms-point-tools { width:100%; padding-top:16px; } .ms-point-tools h1 { font-size:30px; } .ms-pt-tabs { gap:18px; font-size:13px; } .ms-pt-section-head { flex-direction:column; align-items:flex-start; } .ms-pt-record,.ms-pt-form-panel { padding:22px; } .ms-pt-record-head { align-items:flex-start; flex-direction:column; gap:8px; } .ms-pt-record-values { grid-template-columns:1fr; gap:15px; } .ms-pt-record-values dd { font-size:24px; } .ms-pt-summary > div { flex-direction:column; gap:5px; } .ms-pt-summary dd { text-align:left; } .ms-pt-form-panel .ms-pt-primary { width:100%; } }

.ms-point-tools button:disabled { background:#e4ebe6; border-color:#c3d2c9; color:#536970; cursor:not-allowed; }

/* Market offers and referral records share the point-service typography. */
.ms-market .ms-market-unit { font-size:21px; }
.ms-rf-actions { display:flex; gap:12px; flex-wrap:wrap; }
.ms-ref-list .ms-pt-balance a { display:inline-block; font-size:13px; margin-top:5px; }
.ms-rf-filter { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:20px; }
.ms-rf-filter label { display:block; font-size:13px; margin-bottom:6px; }
.ms-rf-filter input { width:300px; max-width:100%; min-height:44px; border:1px solid #9eb5a9; border-radius:4px; color:#0b3547; font:15px Arial,sans-serif; padding:10px 12px; background:white; }
.ms-rf-filter p { font-size:13px; margin:0 0 8px; }
.ms-rf-table-wrap { background:white; border:1px solid #d4e2da; border-radius:8px; overflow:hidden; }
.ms-rf-table { width:100%; border-collapse:collapse; font-size:14px; }
.ms-rf-table thead { background:#eff8f2; }
.ms-rf-table th,.ms-rf-table td { text-align:left; padding:18px; border-bottom:1px solid #e3ebe6; vertical-align:middle; overflow-wrap:anywhere; }
.ms-rf-table thead th { font-weight:400; color:#536970; font-size:13px; }
.ms-rf-table tbody tr:last-child td,.ms-rf-table tbody tr:last-child th { border-bottom:0; }
.ms-rf-table tbody th { font-weight:700; }
.ms-rf-table small { display:block; color:#536970; font-size:12px; margin-top:4px; }
.ms-rf-earned { font-weight:700; color:#0d3d2b; white-space:nowrap; }
.ms-rf-today { color:#0d3d2b; font-weight:700; }
.ms-rf-expiry { color:#0d3d2b; font-size:13px; }
.ms-rf-expired { color:#873f1d; }
.ms-rf-no-match { padding:26px; margin:0 !important; }
.ms-rf-manager iframe { width:100%; height:780px; display:block; border:1px solid #d4e2da; border-radius:6px; background:white; margin-top:24px; }
.ms-ref-list input:focus-visible { outline:3px solid #16794d; outline-offset:4px; }
@media(max-width:900px) { .ms-rf-table th,.ms-rf-table td { padding:14px 10px; } }
@media(max-width:680px) { .ms-rf-table,.ms-rf-table tbody { display:block; } .ms-rf-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); } .ms-rf-table tr { display:block; padding:18px 22px; border-bottom:1px solid #d4e2da; } .ms-rf-table tr:last-child { border:0; } .ms-rf-table th,.ms-rf-table td { display:grid; grid-template-columns:110px minmax(0,1fr); gap:8px; border:0; padding:7px 0; } .ms-rf-table td::before,.ms-rf-table tbody th::before { content:attr(data-label); color:#536970; font-size:13px; font-weight:400; } .ms-rf-table td small { grid-column:2; } .ms-rf-filter { flex-direction:column; align-items:stretch; gap:10px; } .ms-rf-filter input { width:100%; } .ms-rf-manager iframe { height:850px; } }

/* Phase 1: offers, invitations, messages and profile. */
.ms-mem-panel { background:white; border:1px solid #d4e2da; border-radius:8px; padding:28px; min-width:0; }
.ms-mem-intro { display:flex; justify-content:space-between; align-items:flex-start; gap:24px; margin-bottom:24px; }
.ms-mem-intro p { max-width:65ch; }
.ms-mem-intro a { flex-shrink:0; }
.ms-mem-offers { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.ms-mem-offer { background:white; border:1px solid #d4e2da; border-radius:8px; padding:26px; display:flex; flex-direction:column; align-items:flex-start; min-width:0; }
.ms-mem-offer h2 { font-size:21px; overflow-wrap:anywhere; }
.ms-mem-offer-symbol { width:44px; height:44px; border-radius:8px; background:#e5f2e9; display:flex; align-items:center; justify-content:center; margin-bottom:20px; }
.ms-mem-offer-symbol svg { width:30px; height:30px; fill:none; stroke:#0d3d2b; stroke-width:1.5; }
.ms-mem-offer-price { margin:auto 0 22px; padding-top:20px; }
.ms-mem-offer-price span { display:block; color:#536970; font-size:13px; }
.ms-mem-offer-price strong { display:block; font-size:30px; color:#0d3d2b; line-height:1.5; }
.ms-mem-offer .ms-pt-primary { width:100%; }
.ms-mem-card-link { font-size:13px; display:block; text-align:center; margin-top:14px; width:100%; }
.ms-member .ms-mem-original { font-size:13px; margin:16px 0 0; }
.ms-mem-rent-balance { display:flex; align-items:center; justify-content:space-between; gap:28px; background:#e5f2e9; border-radius:8px; padding:28px; margin-top:30px; }
.ms-mem-rent-balance p { max-width:65ch; }
.ms-mem-rent-balance a { flex-shrink:0; }
.ms-mem-frame { width:100%; height:780px; border:1px solid #d4e2da; display:block; background:white; border-radius:6px; margin-top:24px; }
.ms-mem-invite { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); gap:30px; padding:30px; background:#e5f2e9; border-radius:8px; margin-bottom:30px; }
.ms-mem-invite label,.ms-member form label { display:block; font-size:14px; margin-bottom:8px; }
.ms-mem-copy { display:flex; gap:10px; }
.ms-mem-copy input { width:100%; min-width:0; min-height:46px; border:1px solid #9eb5a9; border-radius:4px; background:white; color:#0b3547; padding:10px; font:15px Arial,sans-serif; }
.ms-mem-copy button { flex-shrink:0; }
.ms-mem-actions { display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
.ms-mem-narrow { max-width:700px; }
.ms-mem-error { color:#813f26!important; background:#fff1e9; border-left:3px solid #b16140; padding:14px 18px; border-radius:4px; }
.ms-member .ms-mem-danger { background:#813f26; border-color:#813f26; }
.ms-mem-delete { font-size:13px; color:#813f26!important; }
.ms-mem-mail-row { padding:24px 0; border-bottom:1px solid #d4e2da; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.ms-mem-mail-row:last-child { border:0; padding-bottom:0; }
.ms-mem-mail-row h3 { margin:10px 0 5px; overflow-wrap:anywhere; }
.ms-mem-mail-row p { font-size:13px; margin:0; }
.ms-mem-mail-row>a { flex-shrink:0; }
.ms-mem-message { max-width:900px; }
.ms-mem-message h2 { overflow-wrap:anywhere; }
.ms-mem-message-body { border-top:1px solid #d4e2da; padding:26px 0; overflow-wrap:anywhere; }
.ms-mem-message-body ul,.ms-mem-message-body ol { padding-left:24px; }
.ms-mem-profile-heading { display:flex; gap:22px; align-items:center; margin-bottom:26px; }
.ms-mem-profile-heading h2 { margin-bottom:6px; }
.ms-mem-profile-heading p { margin:0; }
.ms-mem-avatar { width:88px; height:88px; border-radius:50%; background:#e5f2e9; display:flex; align-items:center; justify-content:center; flex-shrink:0; overflow:hidden; font-size:32px; color:#0d3d2b; }
.ms-mem-avatar img { width:100%; height:100%; object-fit:cover; }
.ms-member input[type=file] { display:block; width:100%; padding:12px; border:1px solid #9eb5a9; border-radius:4px; font:14px Arial,sans-serif; color:#0b3547; }
.ms-member .ms-pt-summary dd { overflow-wrap:anywhere; }
.ms-member input:focus-visible { outline:3px solid #16794d; outline-offset:4px; }
@media(max-width:950px) { .ms-mem-offers { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) { .ms-mem-invite { grid-template-columns:1fr; } .ms-mem-intro,.ms-mem-rent-balance { flex-direction:column; } }
@media(max-width:520px) { .ms-mem-offers { grid-template-columns:1fr; } .ms-mem-panel,.ms-mem-offer,.ms-mem-invite,.ms-mem-rent-balance { padding:22px; } .ms-mem-copy { flex-direction:column; } .ms-mem-profile-heading { flex-direction:column; align-items:flex-start; } .ms-mem-frame { height:850px; } .ms-member .ms-pt-tabs { gap:12px; font-size:12px; } }

/* Phase 2: campaign maintenance and compact transaction histories. */
.ms-phase2 form>input:not([type=hidden]),.ms-phase2 form>textarea { display:block; width:100%; padding:12px; border:1px solid #9eb5a9; background:white; border-radius:4px; color:#0b3547; font:16px/1.5 Arial,sans-serif; margin-bottom:20px; }
.ms-phase2 textarea { min-height:120px; resize:vertical; }
.ms-p2-date { font-size:21px!important; }
.ms-p2-account { font-size:16px!important; overflow-wrap:anywhere; }
.ms-p2-surveys { margin-top:30px; }
.ms-mem-offer p { flex-grow:1; }

/* Phase 3: read-only account overview and routes to the renewed member pages. */
.ms-dashboard-v3 .ms-dash-wallet { margin-bottom:20px; }
.ms-dash-quick { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:stretch; gap:10px; margin-bottom:26px; }
.ms-dash-quick>a,.ms-dash-quick summary { display:flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:10px 16px; border:1px solid #bdcfc3; border-radius:5px; background:white; color:#0d3d2b; text-decoration:none; font-size:13px; cursor:pointer; }
.ms-dash-quick details { position:relative; min-width:0; }
.ms-dash-quick details>summary { height:100%; }
.ms-dash-quick details[open]>summary { background:#e5f2e9; }
.ms-dash-quick details nav { position:absolute; z-index:10; right:0; top:calc(100% + 8px); min-width:225px; padding:8px; background:white; border:1px solid #bdcfc3; border-radius:6px; }
.ms-dash-quick details nav a { display:block; padding:10px; font-size:13px; }
.ms-dash-unread-count { min-width:22px; border-radius:4px; background:#e5f2e9; color:#0d3d2b; font-weight:700; text-align:center; }
.ms-dash-attention { border-left:3px solid #75a58a; padding:18px 22px; background:#eff8f2; border-radius:4px; margin-bottom:30px; }
.ms-dash-attention h2 { font-size:17px; line-height:1.4; }
.ms-dash-attention ul { list-style:none; padding:0; margin:10px 0 0; }
.ms-dash-attention li { display:flex; justify-content:space-between; gap:20px; padding:9px 0; border-top:1px solid #d4e2da; font-size:13px; }
.ms-dash-attention li a { flex-shrink:0; }
.ms-dash-attention>p { font-size:13px; color:#536970; margin-top:10px; }
.ms-dash-overview,.ms-dash-recent { margin-top:30px; }
.ms-dash-ref-counts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid #d4e2da; border-radius:8px; background:white; overflow:hidden; }
.ms-dash-ref-counts a { display:flex; flex-direction:column; padding:18px 22px; text-decoration:none; }
.ms-dash-ref-counts a+a { border-left:1px solid #d4e2da; }
.ms-dash-ref-counts span { color:#536970; font-size:13px; }
.ms-dash-ref-counts strong { color:#0b3547; font-size:28px; }
.ms-dash-summary-links { display:flex; flex-wrap:wrap; gap:10px 20px; margin-top:15px; font-size:12px; }
.ms-dashboard-v3 .ms-dash-query-warning { font-size:13px; color:#536970; line-height:1.6; }
.ms-dash-recent-list { list-style:none; padding:0; margin:0; border:1px solid #d4e2da; border-radius:8px; background:white; overflow:hidden; }
.ms-dash-recent-list li+li { border-top:1px solid #d4e2da; }
.ms-dash-recent-list a { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:17px 20px; text-decoration:none; }
.ms-dash-recent-list strong { display:block; font-size:14px; }
.ms-dash-recent-list span,.ms-dash-recent-list small { display:block; font-size:12px; color:#536970; margin-top:4px; }
.ms-dash-recent-value { text-align:right; flex-shrink:0; }
.ms-dashboard-v3 .ms-dash-secondary { display:flex; flex-direction:column; gap:26px; }
.ms-dashboard-v3 .ms-dash-account,.ms-dashboard-v3 .ms-dash-help { margin-top:0; width:100%; }
.ms-dash-points-summary { width:100%; background:white; border:1px solid #d4e2da; border-radius:8px; padding:24px; }
.ms-dash-points-summary .ms-dash-section-head h2 { font-size:19px; }
.ms-dash-points-summary dl { margin:0; }
.ms-dash-points-summary dl>div { border-bottom:1px solid #e3ebe6; padding:13px 0; }
.ms-dash-points-summary dt { font-size:13px; color:#536970; font-weight:400; }
.ms-dash-points-summary dd { font-size:23px; font-weight:700; margin:4px 0 0; }
.ms-dash-points-summary small { color:#536970; font-size:12px; }
.ms-dash-points-summary details { margin-top:20px; }
.ms-dash-points-summary summary { cursor:pointer; font-size:13px; color:#0d3d2b; }
.ms-dash-points-summary details nav { display:grid; gap:10px; margin-top:15px; font-size:13px; }
.ms-dashboard-v3 summary:focus-visible { outline:3px solid #16794d; outline-offset:4px; }
@media(max-width:600px) { .ms-dash-quick { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); } .ms-dash-quick details>summary { height:100%; } .ms-dash-quick details nav { right:0; min-width:240px; } .ms-dash-attention { padding:18px; } .ms-dash-attention li { flex-direction:column; gap:4px; } .ms-dash-ref-counts a { padding:15px 12px; } .ms-dash-ref-counts strong { font-size:25px; } .ms-dash-recent-list a { padding:17px; align-items:flex-start; flex-direction:column; gap:10px; } .ms-dash-recent-value { text-align:left; } .ms-dash-points-summary { padding:22px; } }
.ms-dashboard-v3 .ms-dash-wallet strong,.ms-dashboard-v3 .ms-dash-points-summary dd { overflow-wrap:anywhere; }

/* Gentle motion for Ouro, Platina and Diamante, including the current plan badge. */
@keyframes ms-plan-crown-motion { 0%,65%,100% { transform:translateY(0) rotate(0); } 20% { transform:translateY(-2px) rotate(-4deg); } 40% { transform:translateY(-2px) rotate(4deg); } }
@keyframes ms-plan-star-motion { 0%,65%,100% { transform:rotate(0) scale(1); } 30% { transform:rotate(14deg) scale(1.08); } }
@keyframes ms-plan-gem-motion { 0%,65%,100% { transform:translateY(0) scale(1); } 30% { transform:translateY(-2px) scale(1.1); } }
@media(prefers-reduced-motion:no-preference) {
  .ms-plan-gold .ms-plan-symbol svg,.ms-current-plan-ouro .ms-dash-plan-icon svg { transform-origin:center; animation:ms-plan-crown-motion 6s ease-in-out infinite; }
  .ms-plan-platinum .ms-plan-symbol svg,.ms-current-plan-platina .ms-dash-plan-icon svg { transform-origin:center; animation:ms-plan-star-motion 6s ease-in-out .4s infinite; }
  .ms-plan-diamond .ms-plan-symbol svg,.ms-current-plan-diamante .ms-dash-plan-icon svg { transform-origin:center; animation:ms-plan-gem-motion 6s ease-in-out .8s infinite; }
}
@media(prefers-reduced-motion:reduce) {
  .ms-plan-symbol svg,.ms-dash-plan-icon svg { animation:none; }
}

/* O envelope permanece visível fora do menu recolhível da conta. */
#header .ms-app-header-inner>.ms-app-messages-link{display:inline-flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;min-width:44px;min-height:44px;padding:10px;border-radius:6px;color:#0d3d2b;text-decoration:none;order:2}
#header .ms-app-header-inner>.ms-app-messages-link:hover,#header .ms-app-header-inner>.ms-app-messages-link[aria-current=page]{background:#eef8f1}
.ms-app-header-inner>.ms-app-nav{order:1;margin-left:auto}
.ms-app-message-badge[hidden]{display:none}
.ms-message-notices{margin-bottom:24px}
.ms-member .ms-message-notices h2{font:700 18px/1.5 Arial,sans-serif;margin:0 0 12px;color:#0b3547}
.ms-message-notices li span{overflow-wrap:anywhere}
@media(max-width:860px){#header .ms-app-header-inner>.ms-app-messages-link{order:1;margin-left:auto;margin-right:12px}.ms-app-header-inner>.ms-app-menu-toggle{order:2}.ms-app-header-inner>.ms-app-nav{order:3;margin-left:0}}

/* A engrenagem reúne os dois destinos da conta. */
.ms-app-account-menu{position:relative;flex-shrink:0;color:#0d3d2b}
#header .ms-app-account-menu>summary{display:flex;align-items:center;justify-content:center;width:44px;min-height:44px;padding:10px;border-radius:6px;cursor:pointer;list-style:none}
.ms-app-account-menu>summary::-webkit-details-marker{display:none}
#header .ms-app-account-menu[open]>summary,#header .ms-app-account-menu>summary:hover{background:#eef8f1}
#header .ms-app-account-menu>summary:focus-visible{outline:3px solid #16794d;outline-offset:4px}
.ms-app-account-links{position:absolute;right:0;top:calc(100% + 8px);z-index:1010;min-width:185px;padding:6px;border:1px solid #bdcfc3;border-radius:6px;background:#fff;box-shadow:0 5px 16px rgba(13,61,43,.1)}
#header .ms-app-account-links>a{display:flex;align-items:center;min-height:44px;padding:11px 13px;color:#0d3d2b;font:600 13px/1.5 Arial,sans-serif;text-decoration:none;border-radius:4px}
#header .ms-app-account-links>a:hover,#header .ms-app-account-links>a[aria-current=page]{background:#eef8f1}
.ms-app-account-links>a+a{border-top:1px solid #e1e9e5}
@media(max-width:860px){.ms-app-account-menu{align-self:flex-start;margin-top:8px}.ms-app-account-links{position:static;margin-top:6px;min-width:220px;box-shadow:none}}

/* Mensagens antes da engrenagem; ambos disponíveis no cabeçalho móvel. */
.ms-app-header-inner>.ms-app-account-menu{order:3;margin:0;align-self:auto}
@media(max-width:860px){
 #header .ms-app-header-inner>.ms-app-messages-link{order:1;margin-right:6px}
 .ms-app-header-inner>.ms-app-account-menu{order:2;margin:0 6px 0 0}
 .ms-app-header-inner>.ms-app-menu-toggle{order:3;padding-inline:10px}
 .ms-app-header-inner>.ms-app-nav{order:4}
 .ms-app-header-inner>.ms-app-account-menu>.ms-app-account-links{position:absolute;right:0;top:calc(100% + 8px);min-width:185px;margin:0;box-shadow:0 5px 16px rgba(13,61,43,.1)}
}
@media(max-width:420px){.ms-app-header-inner{width:calc(100% - 32px)}#header .ms-app-brand{font-size:22px;gap:8px}.ms-app-brand svg{width:30px;height:30px}}

/* Os dois ícones formam um único grupo no final do cabeçalho. */
#header .ms-app-header-inner>.ms-app-account-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0;order:2;margin:0}
#header .ms-app-account-actions>.ms-app-messages-link{display:inline-flex;align-items:center;justify-content:center;position:relative;flex:0 0 44px;width:44px;min-height:44px;padding:10px;margin:0;border-radius:6px;color:#0d3d2b;text-decoration:none}
#header .ms-app-account-actions>.ms-app-messages-link:hover,#header .ms-app-account-actions>.ms-app-messages-link[aria-current=page]{background:#eef8f1}
#header .ms-app-account-actions>.ms-app-account-menu{margin:0;align-self:auto;order:0}
#header .ms-app-account-actions>.ms-app-account-menu>.ms-app-account-links{position:absolute;right:0;top:calc(100% + 8px);min-width:185px;margin:0;box-shadow:0 5px 16px rgba(13,61,43,.1)}
@media(max-width:860px){
 #header .ms-app-header-inner>.ms-app-menu-toggle{order:1;margin-left:auto;margin-right:8px}
 #header .ms-app-header-inner>.ms-app-account-actions{order:2;gap:4px}
 #header .ms-app-header-inner>.ms-app-nav{order:3;margin-left:0}
}

/* Ordem do cabeçalho: marca, navegação/saldo e ações da conta à direita. */
#header .ms-app-header-inner>.ms-app-account-actions{flex-direction:row;flex-wrap:nowrap;align-items:center;order:2}
#header .ms-app-account-actions>.ms-app-account-menu{display:block;flex:0 0 44px;width:44px;margin:0;align-self:center}
@media(min-width:861px){
 #header .ms-app-header-inner>.ms-app-brand{order:0;flex-shrink:0}
 #header .ms-app-header-inner>.ms-app-nav{order:1;margin-left:auto;width:auto;flex-direction:row;align-items:center;flex-wrap:nowrap}
 #header .ms-app-header-inner>.ms-app-account-actions{order:2;margin-left:0}
}