/* Mon espace only. Screen presentation: no DOM, account, consent or billing changes. */
@media screen {
html body.nawa-clear.v1e-profile-route #app #view {
  background:#fff; padding:28px 24px 96px;
}
html body.nawa-clear #app #view>.page.v1e-profile-page {
  --np-ink:#152846; --np-blue:#173f94; --np-red:#be2437; --np-muted:#536278;
  --np-line:#dce3ec; --np-soft:#f5f8fc; --np-blue-soft:#edf3ff;
  --v1e-navy:var(--np-ink); --v1e-teal:var(--np-blue); --v1e-coral:var(--np-red);
  width:min(1120px,100%); max-width:1120px; margin-inline:auto;
  color:var(--np-ink); font-family:inherit;
}
html body.nawa-clear #app #view>.page.v1e-profile-page :is(h1,h2,h3,h4) {
  font-family:inherit; color:var(--np-ink); letter-spacing:normal;
  line-height:1.35; overflow-wrap:anywhere;
}
html body.nawa-clear #app #view>.page.v1e-profile-page :is(button,input,select,textarea) {font-family:inherit}
html body.nawa-clear #app #view>.page.v1e-profile-page :is(button,a,input,select,textarea,summary):focus-visible {
  outline:3px solid #3567bc; outline-offset:3px;
}
html body.nawa-clear #app #view>.page.v1e-profile-page>article,
html body.nawa-clear #app #view>.page.v1e-profile-page>.section.card,
html body.nawa-clear #app #view>.page.v1e-profile-page>#adaptiveSettings {
  min-width:0; max-width:100%; border:1px solid var(--np-line); border-radius:18px;
  background:#fff; color:var(--np-ink); box-shadow:0 4px 18px #15284606;
}
html body.nawa-clear #app #view>.page.v1e-profile-page>.v1e-profile-identity {
  background:#fff!important; border-color:var(--np-line)!important;
  border-radius:20px!important; color:var(--np-ink)!important;
  box-shadow:0 4px 18px #15284608!important;
}
html body.nawa-clear #app #view>.page.v1e-profile-page .v1e-profile-identity>header {
  padding:22px 26px; gap:16px; align-items:center; background:#fff;
  border-block-start:4px solid var(--np-blue); border-bottom:1px solid var(--np-line);
}
html body.nawa-clear #app #view>.page.v1e-profile-page .v1e-profile-identity>header small {
  color:var(--np-blue); font-family:inherit; font-size:12px; font-weight:700; letter-spacing:.07em;
}
html body.nawa-clear #app #view>.page.v1e-profile-page .v1e-profile-identity>header h1 {
  margin:7px 0 0; 
  font-family:inherit; font-size:clamp(24px,2.8vw,34px); font-weight:750; line-height:1.3;
}
html body.nawa-clear #app #view>.page.v1e-profile-page .v1e-profile-identity>header>span {
  background:var(--np-blue-soft); border:1px solid #ccdaf4; color:var(--np-blue);
  letter-spacing:.03em; font-size:12px; white-space:nowrap;
}
html body.nawa-clear #app #view>.page.v1e-profile-page .v1e-profile-identity-grid {
  grid-template-columns:112px minmax(0,1fr) minmax(220px,280px);
  grid-template-areas:"avatar details actions" "privacy privacy privacy";
  padding:26px; gap:24px; align-items:center;
}
html body.nawa-clear #app #view>.page.v1e-profile-page .v1e-personal-avatar {
  width:112px; height:112px; border:4px solid #edf3ff; border-radius:24px;
  background:var(--np-blue); color:#fff; font:750 34px/1 system-ui,sans-serif;
  box-shadow:none;
}
html body.nawa-clear #app #view>.page.v1e-profile-page .v1e-personal-details h2 {
  font-family:inherit; font-size:clamp(20px,2.4vw,28px); font-weight:750; line-height:1.35;
}
html body.nawa-clear #app #view>.page.v1e-profile-page .v1e-personal-details p {
  color:var(--np-muted); overflow:visible; text-overflow:clip; overflow-wrap:anywhere; line-height:1.5;
}
html body.nawa-clear #app #view>.page.v1e-profile-page .v1e-personal-details .tag {
  background:var(--np-blue-soft); color:var(--np-blue); border:1px solid #ccdaf4;
  width:fit-content; max-width:100%; white-space:normal; overflow-wrap:anywhere;
}
html body.nawa-clear #app #view>.page.v1e-profile-page .v1e-personal-details small {color:var(--np-muted);max-width:100%}
html body.nawa-clear #app #view>.page.v1e-profile-page .v1e-personal-photo-actions {
  padding:0; padding-inline-start:24px; border:0; border-inline-start:1px solid var(--np-line); gap:10px;
}
html body.nawa-clear #app #view>.page.v1e-profile-page .v1e-personal-photo-actions button {
  padding:11px 14px; min-height:44px; border:1px solid #b7c6df; border-radius:10px;
  background:#fff; color:var(--np-blue); white-space:normal; overflow-wrap:anywhere;
}
html body.nawa-clear #app #view>.page.v1e-profile-page .v1e-personal-photo-actions button.danger {color:var(--np-red);border-color:#e7bdc4}
html body.nawa-clear #app #view>.page.v1e-profile-page .v1e-personal-photo-actions p {color:var(--np-muted);min-height:0}
html body.nawa-clear #app #view>.page.v1e-profile-page .v1e-personal-privacy {
  grid-template-columns:minmax(150px,.7fr) auto minmax(0,1fr);
  gap:10px 16px; padding:18px; border:1px solid var(--np-line); border-radius:12px; background:var(--np-soft);
}
html body.nawa-clear #app #view>.page.v1e-profile-page .v1e-personal-privacy b {font:700 16px/1.4 system-ui,sans-serif}
html body.nawa-clear #app #view>.page.v1e-profile-page .v1e-personal-privacy strong {background:var(--np-blue-soft);color:var(--np-blue)}
html body.nawa-clear #app #view>.page.v1e-profile-page .v1e-personal-privacy :is(p,small,em) {color:var(--np-muted);font-size:13px;line-height:1.6}
html body.nawa-clear #app #view>.page.v1e-profile-page .v1e-personal-privacy small {grid-column:1/-1}
html body.nawa-clear #app #view>.page.v1e-profile-page .v1e-personal-privacy em {grid-column:1/-1;border-color:var(--np-line);color:var(--np-red)}
html body.nawa-clear #app #view>.page.v1e-profile-page>.nawa-profile-nav {gap:8px;margin:18px 0 12px}
html body.nawa-clear #app #view>.page.v1e-profile-page>.nawa-profile-nav button {
  padding:10px 14px; background:#fff; border:1px solid #b7c6df; border-radius:10px; color:var(--np-blue);
}
html body.nawa-clear #app #view>.page.v1e-profile-page>.nawa-profile-nav [lang=ar] {color:var(--np-muted)}
html body.nawa-clear #app #view>.page.v1e-profile-page>.nawa-profile-group {border-color:var(--np-line);margin:30px 0 14px;padding-block-start:18px}
html body.nawa-clear #app #view>.page.v1e-profile-page>.nawa-profile-group h2 {font-family:inherit;font-size:23px;color:var(--np-blue);font-weight:750}
html body.nawa-clear #app #view>.page.v1e-profile-page>.nawa-profile-group [lang=ar] {color:var(--np-muted);font-size:18px}
html body.nawa-clear #app #view>.page.v1e-profile-page>.v1e-profile-shortcuts {grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
html body.nawa-clear #app #view>.page.v1e-profile-page>.v1e-profile-shortcuts button {
  background:#fff; border:1px solid var(--np-line); border-radius:14px; color:var(--np-ink);
  grid-template-columns:38px minmax(0,1fr); gap:5px 12px; padding:16px; text-align:start;
}
html body.nawa-clear #app #view>.page.v1e-profile-page>.v1e-profile-shortcuts button>span {
  width:38px;height:38px;background:var(--np-blue-soft);color:var(--np-blue);border-radius:10px;
}
html body.nawa-clear #app #view>.page.v1e-profile-page>.v1e-profile-shortcuts button :is(b,small) {min-width:0;overflow-wrap:anywhere}
html body.nawa-clear #app #view>.page.v1e-profile-page>.v1e-profile-shortcuts small {color:var(--np-muted)}
html body.nawa-clear #app #view>.page.v1e-profile-page>.stat-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
html body.nawa-clear #app #view>.page.v1e-profile-page>.stat-grid .stat {
  padding:20px 16px; border:1px solid var(--np-line); border-radius:14px; background:var(--np-soft); color:var(--np-ink);box-shadow:none;
}
html body.nawa-clear #app #view>.page.v1e-profile-page>.stat-grid .stat b {color:var(--np-blue);font-family:inherit;font-size:28px}
html body.nawa-clear #app #view>.page.v1e-profile-page>.stat-grid .stat span {color:var(--np-muted)}
html body.nawa-clear #app #view>.page.v1e-profile-page>.section.card {padding:24px}
html body.nawa-clear #app #view>.page.v1e-profile-page>.section.card h2 {font-size:21px}
html body.nawa-clear #app #view>.page.v1e-profile-page .section-head>button {
  background:var(--np-blue-soft);border:1px solid #ccdaf4;border-radius:10px;color:var(--np-blue);padding:9px 12px;min-height:44px;
}
/* Native service cards retain their content and links; only the editorial treatment changes. */
html body.nawa-clear #app #view>.page.v1e-profile-page>:is(.provider-profile-entry,.administrative-profile-banner,.btp-profile-banner,.einvoice-profile-banner,.profile-business-cta,.profile-community-summary,.profile-notification-settings) {
  background:#fff; border:1px solid var(--np-line); border-inline-start:3px solid var(--np-blue);
  border-radius:14px; color:var(--np-ink); padding:22px; box-shadow:none;
}
html body.nawa-clear #app #view>.page.v1e-profile-page>:is(.provider-profile-entry,.administrative-profile-banner,.btp-profile-banner,.einvoice-profile-banner,.profile-business-cta,.profile-community-summary,.profile-notification-settings)>:is(span,i) {
  background:var(--np-blue-soft);color:var(--np-blue);border-color:#ccdaf4;box-shadow:none;
}
html body.nawa-clear #app #view>.page.v1e-profile-page>:is(.provider-profile-entry,.administrative-profile-banner,.btp-profile-banner,.einvoice-profile-banner,.profile-business-cta,.profile-community-summary,.profile-notification-settings) :is(p,small) {color:var(--np-muted)}
html body.nawa-clear #app #view>.page.v1e-profile-page>:is(.provider-profile-entry,.administrative-profile-banner,.btp-profile-banner,.einvoice-profile-banner,.profile-business-cta,.profile-community-summary,.profile-notification-settings) :is(b,strong) {color:var(--np-ink)}
html body.nawa-clear #app #view>.page.v1e-profile-page :is(.referral-profile-card,.member-voucher-card,.profile-email-settings,.member-news-center,.premium-member-gratitude) {background:#fff;border-color:var(--np-line);color:var(--np-ink);box-shadow:none}
html body.nawa-clear #app #view>.page.v1e-profile-page .member-voucher-card .voucher-icon {background:var(--np-blue-soft);color:var(--np-blue)}
html body.nawa-clear #app #view>.page.v1e-profile-page .btp-profile-banner:after {background:#edf3ff}
html body.nawa-clear #app #view>.page.v1e-profile-page .adaptive-settings>header {background:var(--np-soft);color:var(--np-ink);border-block-start:3px solid var(--np-blue);border-bottom:1px solid var(--np-line)}
html body.nawa-clear #app #view>.page.v1e-profile-page .adaptive-settings>header>span {background:var(--np-blue-soft);color:var(--np-blue)}
html body.nawa-clear #app #view>.page.v1e-profile-page .adaptive-settings>header :is(h2,p,small) {color:var(--np-ink)}
html body.nawa-clear #app #view>.page.v1e-profile-page .adaptive-settings>header p {color:var(--np-muted)}
html body.nawa-clear #app #view>.page.v1e-profile-page :is(.adaptive-master-toggle,.adaptive-settings details) {background:var(--np-soft);border-color:var(--np-line);border-radius:12px}
html body.nawa-clear #app #view>.page.v1e-profile-page .adaptive-master-toggle input:checked+span i {background:var(--np-blue)}
html body.nawa-clear #app #view>.page.v1e-profile-page .adaptive-settings fieldset input:checked+span {background:var(--np-blue-soft);border-color:var(--np-blue);box-shadow:inset 0 0 0 1px var(--np-blue)}
html body.nawa-clear #app #view>.page.v1e-profile-page .adaptive-settings input:focus-visible+span {outline:3px solid #3567bc;outline-offset:3px}
html body.nawa-clear #app #view>.page.v1e-profile-page .adaptive-settings-saved {background:#fff;border-color:var(--np-line);border-block-start-color:var(--np-blue)}
html body.nawa-clear #app #view>.page.v1e-profile-page :is(.adaptive-saved-icon,.adaptive-saved-goals span) {background:var(--np-blue-soft);color:var(--np-blue)}
html body.nawa-clear #app #view>.page.v1e-profile-page .adaptive-settings-saved small {color:var(--np-muted)}
html body.nawa-clear #app #view>.page.v1e-profile-page :is(.referral-profile-card header>span,.profile-email-settings>header>span) {background:var(--np-blue-soft);color:var(--np-blue);border-radius:12px}
html body.nawa-clear #app #view>.page.v1e-profile-page :is(.referral-profile-card small,.profile-email-settings>header small,.profile-email-settings form>label small[lang=ar]) {color:var(--np-muted)}
html body.nawa-clear #app #view>.page.v1e-profile-page .referral-code {border-color:#b7c6df;border-radius:12px}
html body.nawa-clear #app #view>.page.v1e-profile-page .referral-code button {background:var(--np-blue);color:#fff;min-height:44px;font:inherit;font-weight:700}
html body.nawa-clear #app #view>.page.v1e-profile-page .referral-progress i em {background:var(--np-blue)}
html body.nawa-clear #app #view>.page.v1e-profile-page .referral-progress b {color:var(--np-blue)}
html body.nawa-clear #app #view>.page.v1e-profile-page .referral-rules {background:var(--np-soft);color:var(--np-muted)!important}
html body.nawa-clear #app #view>.page.v1e-profile-page .email-optin-all:not(.accepted) {background:var(--np-blue-soft)!important;border-color:#b7c6df!important;color:var(--np-ink)!important;box-shadow:none}
html body.nawa-clear #app #view>.page.v1e-profile-page .email-optin-all:not(.accepted)>span {background:var(--np-blue);color:#fff}
html body.nawa-clear #app #view>.page.v1e-profile-page .email-optin-all small[lang=ar] {color:var(--np-muted)}
html body.nawa-clear #app #view>.page.v1e-profile-page .btn.primary {background:var(--np-blue);border-color:var(--np-blue);color:#fff;box-shadow:none}
html body.nawa-clear #app #view>.page.v1e-profile-page .btn.secondary {background:#fff;border:1px solid #b7c6df;color:var(--np-blue)}
html body.nawa-clear #app #view>.page.v1e-profile-page :is(button,input,textarea,select) {max-width:100%;min-width:0}
html body.nawa-clear #app #view>.page.v1e-profile-page :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]):not([type=file]),textarea,select) {background:#fff;border:1px solid #b7c6df;border-radius:10px;color:var(--np-ink)}
html body.nawa-clear #app #view>.page.v1e-profile-page button:disabled {cursor:not-allowed;opacity:.58}
html body.nawa-clear #app #view>.page.v1e-profile-page :is(.v1e-personal-photo-actions button:not(.danger),.v1e-profile-shortcuts button,.nawa-profile-nav button,.btn.secondary):hover {background:var(--np-blue-soft);border-color:#9cb6e6}
@media(max-width:900px) {
  html body.nawa-clear #app #view>.page.v1e-profile-page .v1e-profile-identity-grid {grid-template-columns:96px minmax(0,1fr);grid-template-areas:"avatar details" "actions actions" "privacy privacy";gap:20px}
  html body.nawa-clear #app #view>.page.v1e-profile-page .v1e-personal-avatar {width:96px;height:96px}
  html body.nawa-clear #app #view>.page.v1e-profile-page .v1e-personal-photo-actions {padding:18px 0 0;border:0;border-top:1px solid var(--np-line);grid-template-columns:repeat(2,minmax(0,1fr))}
  html body.nawa-clear #app #view>.page.v1e-profile-page .v1e-personal-photo-actions p {grid-column:1/-1}
  html body.nawa-clear #app #view>.page.v1e-profile-page .v1e-personal-privacy {grid-template-columns:minmax(0,1fr) auto}
  html body.nawa-clear #app #view>.page.v1e-profile-page .v1e-personal-privacy :is(p,small,em) {grid-column:1/-1}
  html body.nawa-clear #app #view>.page.v1e-profile-page>.v1e-profile-shortcuts {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px) {
  html body.nawa-clear.v1e-profile-route #app #view {padding:18px 12px 90px}
  html body.nawa-clear #app #view>.page.v1e-profile-page .v1e-profile-identity>header {padding:18px;align-items:flex-start;flex-wrap:wrap}
  html body.nawa-clear #app #view>.page.v1e-profile-page .v1e-profile-identity-grid {padding:18px;gap:18px;grid-template-columns:72px minmax(0,1fr)}
  html body.nawa-clear #app #view>.page.v1e-profile-page .v1e-personal-avatar {width:72px;height:72px;border-radius:18px;font-size:24px}
  html body.nawa-clear #app #view>.page.v1e-profile-page .v1e-personal-details h2 {font-size:20px}
  html body.nawa-clear #app #view>.page.v1e-profile-page .v1e-personal-details p {font-size:13px}
  html body.nawa-clear #app #view>.page.v1e-profile-page .v1e-personal-photo-actions {grid-template-columns:minmax(0,1fr)}
  html body.nawa-clear #app #view>.page.v1e-profile-page .v1e-personal-privacy {padding:14px;grid-template-columns:minmax(0,1fr)}
  html body.nawa-clear #app #view>.page.v1e-profile-page .v1e-personal-privacy strong {max-width:100%}
  html body.nawa-clear #app #view>.page.v1e-profile-page>.v1e-profile-shortcuts button {grid-template-columns:minmax(0,1fr);text-align:center;padding:12px;gap:7px}
  html body.nawa-clear #app #view>.page.v1e-profile-page>.v1e-profile-shortcuts button>span {grid-column:1;grid-row:auto;justify-self:center}
  html body.nawa-clear #app #view>.page.v1e-profile-page>.v1e-profile-shortcuts button>:is(b,small) {grid-column:1}
  html body.nawa-clear #app #view>.page.v1e-profile-page>.stat-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  html body.nawa-clear #app #view>.page.v1e-profile-page>.stat-grid .stat {padding:16px}
  html body.nawa-clear #app #view>.page.v1e-profile-page>.section.card,
  html body.nawa-clear #app #view>.page.v1e-profile-page>:is(.provider-profile-entry,.administrative-profile-banner,.btp-profile-banner,.einvoice-profile-banner,.profile-business-cta,.profile-community-summary,.profile-notification-settings) {padding:18px}
}
}
