/* Mon Salaire V60 — polish final de l’écran premium, sans toucher au moteur de calcul */

/* Le statut créateur reste disponible dans le compte, sans prendre de place sur l’accueil. */
.creator-header-badge{display:none!important}

/* Carte salaire : reflet plus discret et lisibilité plus nette. */
.result-hero.premium-result-hero:before{
  width:150px!important;
  height:150px!important;
  right:-76px!important;
  bottom:-92px!important;
  background:color-mix(in srgb,white 7%,transparent)!important;
  filter:blur(5px)!important;
}
.premium-glance-row small{
  font-size:9.5px!important;
  line-height:1.15!important;
  font-weight:750!important;
  letter-spacing:.035em!important;
  opacity:.9!important;
}
.premium-glance-row strong{
  margin-top:4px!important;
  font-size:12px!important;
  line-height:1.15!important;
}

/* V60.1 — sélecteur de mois robuste sur Safari/iPhone.
   Le champ natif reste cliquable mais ne participe plus au calcul de largeur :
   cela évite le chevauchement de la flèche droite et garantit l'affichage du mois. */
.salary-month-switcher-v31.premium-month-switcher-v58 .month-switcher-controls-v31{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) 34px!important;
  gap:7px!important;
  align-items:center!important;
  width:min(100%,286px)!important;
  margin:0 auto!important;
}
.salary-month-switcher-v31.premium-month-switcher-v58 .month-picker-v31{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:34px!important;
  overflow:hidden!important;
  border:1px solid #ffffff2d!important;
  border-radius:10px!important;
  background:#ffffff16!important;
  box-shadow:inset 0 1px 0 #ffffff10!important;
}
.salary-month-switcher-v31.premium-month-switcher-v58 .month-picker-v31 input{
  position:absolute!important;
  z-index:4!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  opacity:.001!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  caret-color:transparent!important;
  font-size:16px!important;
  cursor:pointer!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.salary-month-switcher-v31.premium-month-switcher-v58 .month-picker-v31 input::-webkit-calendar-picker-indicator{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  opacity:0!important;
  cursor:pointer!important;
}
.salary-month-switcher-v31.premium-month-switcher-v58 .month-arrow-v31{
  position:relative!important;
  z-index:5!important;
  width:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  height:34px!important;
  justify-self:center!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  line-height:1!important;
}
.premium-month-visible-v60{
  position:absolute;
  z-index:3;
  inset:0;
  display:grid;
  place-items:center;
  padding:0 10px;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
  visibility:visible!important;
  font-size:13px;
  font-weight:850;
  line-height:1;
  text-align:center;
  white-space:nowrap;
  pointer-events:none;
  letter-spacing:-.01em;
}

/* Le mois est déjà visible dans la carte noire : on évite de le répéter sous les widgets. */
.section-heading.ms-v60-month-heading h2{display:none!important}
.section-heading.ms-v60-month-heading p{
  margin:0!important;
  color:var(--ink-soft)!important;
  font-size:11px!important;
  font-weight:850!important;
  text-transform:uppercase!important;
  letter-spacing:.065em!important;
}
.section-heading.ms-v60-month-heading{align-items:center!important;min-height:38px!important}
.section-heading.ms-v60-month-heading>button{
  opacity:.78;
  font-size:10px!important;
}

/* Les raccourcis indiquent ce qui est déjà renseigné pour le mois. */
.premium-quick-actions-v58 button{position:relative!important}
.premium-quick-actions-v58 button.is-complete-v60:after{
  content:"✓";
  position:absolute;
  top:7px;
  right:7px;
  width:18px;
  height:18px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:color-mix(in srgb,#0d8b58 14%,var(--surface));
  color:#08784d;
  border:1px solid color-mix(in srgb,#0d8b58 30%,transparent);
  font-size:10px;
  font-weight:900;
}

/* Avertissement non bloquant si le planning du mois n’est pas encore importé. */
.premium-completeness-v60{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  width:fit-content;
  max-width:calc(100% - 28px);
  margin:-4px auto 12px;
  padding:6px 10px;
  border-radius:999px;
  background:color-mix(in srgb,var(--yellow-soft) 70%,var(--surface));
  border:1px solid color-mix(in srgb,var(--yellow) 32%,var(--line));
  color:var(--ink-soft);
  font-size:9px;
  font-weight:720;
  line-height:1.25;
  text-align:center;
}
.premium-completeness-v60:before{
  content:"!";
  width:15px;
  height:15px;
  flex:0 0 15px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:color-mix(in srgb,var(--yellow) 28%,var(--surface));
  color:var(--ink);
  font-size:9px;
  font-weight:900;
}

/* Conversion EUR interactive, mais discrète. */
.eur-pill.ms-v60-rate-info{cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}
.eur-pill.ms-v60-rate-info:focus-visible{box-shadow:0 0 0 3px #ffffff28}

/* Petites infos sur les primes. */
.ms-v60-prime-info{
  margin-left:6px;
  width:18px;
  height:18px;
  border-radius:50%;
  border:1px solid color-mix(in srgb,var(--line) 88%,transparent);
  background:color-mix(in srgb,var(--surface) 88%,transparent);
  color:var(--ink-soft);
  font-size:10px;
  font-weight:850;
  line-height:1;
  vertical-align:middle;
  cursor:pointer;
}
.ms-v60-prime-info:active{transform:scale(.94)}
.ms-v60-info-overlay{
  position:fixed;
  z-index:10050;
  inset:0;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:18px;
  background:#10141d66;
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}
.ms-v60-info-card{
  width:min(100%,440px);
  padding:20px;
  border-radius:24px;
  background:var(--surface);
  color:var(--ink);
  border:1px solid var(--line);
  box-shadow:0 26px 70px #0d15232e;
}
.ms-v60-info-card h3{margin:0;font-size:17px;letter-spacing:-.025em}
.ms-v60-info-card p{margin:8px 0 0;color:var(--ink-soft);font-size:12px;line-height:1.5}
.ms-v60-info-card .ms-v60-info-rate{font-weight:800;color:var(--ink)}
.ms-v60-info-card button{
  width:100%;
  min-height:44px;
  margin-top:16px;
  border:0;
  border-radius:14px;
  background:var(--ink);
  color:var(--surface);
  font-weight:850;
}

/* Toast compact pour le taux CHF/EUR et les confirmations. */
.ms-v60-toast{
  position:fixed;
  z-index:10080;
  left:50%;
  bottom:calc(86px + env(safe-area-inset-bottom));
  transform:translate(-50%,10px);
  max-width:calc(100% - 30px);
  padding:9px 13px;
  border-radius:999px;
  background:color-mix(in srgb,var(--ink) 92%,transparent);
  color:var(--surface);
  box-shadow:0 16px 38px #10151f3d;
  font-size:10px;
  font-weight:750;
  line-height:1.25;
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease,transform .18s ease;
  text-align:center;
}
.ms-v60-toast.show{opacity:1;transform:translate(-50%,0)}

/* Plus d’air avant la barre basse, surtout sur iPhone. */
.screen-content{padding-bottom:calc(104px + env(safe-area-inset-bottom))!important}
.app-frame{padding-bottom:calc(88px + env(safe-area-inset-bottom))!important}
.premium-analytics-screen{padding-bottom:calc(112px + env(safe-area-inset-bottom))!important}



/* Détails : résumé immédiatement lisible, calcul complet à la demande. */
.ms-v60-details-summary{
  margin:0 0 12px;
  padding:14px 15px;
  border-radius:20px;
  background:var(--surface);
  border:1px solid var(--line);
  box-shadow:0 10px 28px color-mix(in srgb,var(--orange-strong) 6%,transparent);
}
.ms-v60-details-summary h3{margin:0 0 10px;font-size:14px;letter-spacing:-.02em}
.ms-v60-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ms-v60-summary-item{min-width:0;padding:9px 10px;border-radius:13px;background:color-mix(in srgb,var(--canvas) 62%,var(--surface));border:1px solid color-mix(in srgb,var(--line) 75%,transparent)}
.ms-v60-summary-item span{display:block;color:var(--ink-soft);font-size:8.5px;font-weight:720;line-height:1.2}
.ms-v60-summary-item strong{display:block;margin-top:3px;color:var(--ink);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ms-v60-detail-toggle{width:100%;min-height:42px;margin-top:11px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--surface) 90%,var(--canvas));color:var(--ink);font-size:10px;font-weight:850}
.details-screen.ms-v60-details-collapsed .ms-v60-native-detail{display:none!important}
@media(min-width:700px){
  .premium-completeness-v60{max-width:calc(100% - 48px)}
  .ms-v60-info-overlay{align-items:center}
}
@media(max-width:380px){
  .premium-month-visible-v60{font-size:12px}
  .salary-month-switcher-v31.premium-month-switcher-v58 .month-switcher-controls-v31{
    grid-template-columns:32px minmax(0,1fr) 32px!important;
    gap:6px!important;
    width:min(100%,258px)!important;
  }
  .salary-month-switcher-v31.premium-month-switcher-v58 .month-arrow-v31{
    width:32px!important;min-width:32px!important;max-width:32px!important;
  }
  .premium-glance-row small{font-size:8.6px!important}
  .premium-glance-row strong{font-size:10.7px!important}
}
@media(prefers-reduced-motion:reduce){.ms-v60-toast{transition:none}}