/* Generated route CSS — v1990. Source: tools/css-source/page-specializations/help-clients-pricing.css. */
/* MapMyStaff help clients pricing — v1786. Loaded only by pages that use these specializations. */
/* v88 — first compact visual pass for Clients / packages / pricing.
   These non-card surfaces now consume the same global 18px help token. */
body[data-mms-page-family="help"] :is(
  .mms-package-external-note,
  .mms-package-availability__state,
  .mms-order-future,
  .mms-metric-history-note,
  .mms-scenario-method-note,
  .mms-pricing-help-support__inner,
  .mms-promo-result__inner,
  .mms-promo-support__inner
){padding:var(--mms-help-surface-padding);}

/* Clients/pricing commercial help shell — v92. */
body.mms-help-package .mms-package-hero,
body.mms-help-pricing .mms-pricing-help-hero,
body.mms-help-promo .mms-promo-hero{display:grid;align-items:center;color:var(--mms-ink-950);}
body.mms-help-package .mms-package-hero::after,
body.mms-help-pricing .mms-pricing-help-hero::after,
body.mms-help-promo .mms-promo-hero::after{background:linear-gradient(transparent, var(--mms-surface-50));}
body.mms-help-package .mms-package-hero__copy .mms-eyebrow,
body.mms-help-pricing .mms-pricing-help-hero__copy .mms-eyebrow,
body.mms-help-promo .mms-promo-hero__copy .mms-eyebrow{color:var(--mms-teal-700);}
body.mms-help-package .mms-package-hero__copy .mms-actions,
body.mms-help-pricing .mms-pricing-help-hero__copy .mms-actions,
body.mms-help-promo .mms-promo-hero__copy .mms-actions{margin-top:1.65rem;}

/* Pricing diagnostic help shell — v92. */



body.mms-help-order .mms-order-answer,
body.mms-help-price .mms-price-answer{max-width:74rem;margin:clamp(2.5rem, 5vw, 4.5rem) auto;border:1px solid #cdded9;}
body.mms-help-order .mms-order-answer__icon,
body.mms-help-price .mms-price-answer__icon{display:grid;background:#e8f4f1;color:var(--mms-accent);}
body.mms-help-order .mms-order-answer h2,
body.mms-help-price .mms-price-answer h2{color:var(--mms-text-primary);}
body.mms-help-order .mms-order-server-note,
body.mms-help-price .mms-price-server-note{display:flex;gap:.8rem;align-items:center;margin-top:1rem;padding:.95rem 1rem;border-radius:.9rem;background:#eaf5f2;color:#315f5b;font-weight:800;}
body.mms-help-order .mms-order-support ul,
body.mms-help-price .mms-price-support ul{display:grid;gap:var(--mms-space-3);margin:0;padding:0;list-style:none;}
body.mms-help-order .mms-refonte-section[data-refonte-kind="cards"] .mms-order-heading,
body.mms-help-price .mms-refonte-section[data-refonte-kind="cards"] .mms-price-heading{margin-top:clamp(1.4rem, 2.5vw, 1.9rem);margin-bottom:1rem;}
body.mms-help-order .mms-order-links,
body.mms-help-price .mms-price-links{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--mms-space-3);}
body.mms-help-order .mms-order-link-card,
body.mms-help-price .mms-price-link-card{display:grid;align-content:start;min-height:0;padding:var(--mms-space-4) 1.05rem;border:1px solid var(--mms-border-default);border-radius:1.05rem;background:#fff;text-decoration:none;}

/* Metrics/scenario help shell — v92. */

body.mms-help-metric .mms-metric-hero .mms-hero__media,
body.mms-help-scenario .mms-scenario-hero .mms-hero__media{z-index:-2;}

body.mms-help-metric .mms-metric-hero__copy .mms-actions,
body.mms-help-scenario .mms-scenario-hero__copy .mms-actions{margin-top:1.65rem;}
body.mms-help-metric .mms-metric-heading p,
body.mms-help-scenario .mms-scenario-heading p{margin-top:.9rem;color:var(--mms-ink-600);font-size:var(--mms-body-lg);line-height:1.72;}
/* ===== Page specialization 10: en/help/clients-packages-pricing/create-package.html | fr/aide/clients-forfaits-prix/creer-forfait.html ===== */
/* Créer un forfait — v1719. Styles strictement encapsulés. */
body.mms-help-package{--mms-package-soft:var(--mms-brand-content-soft);}

body.mms-help-package .mms-package-hero .mms-hero__media img{object-position:center 48%;}

body.mms-help-package .mms-package-hero .mms-hero__veil{z-index:-2;background:linear-gradient(
    90deg,
    rgb(247 250 249 / .99) 0%,
    rgb(247 250 249 / .95) 40%,
    rgb(247 250 249 / .48) 66%,
    rgb(247 250 249 / .18) 100%
  );}
body.mms-help-package .mms-package-hero__copy{max-width:47rem;}

body.mms-help-package .mms-package-hero__copy h1{max-width:20ch;color:var(--mms-ink-950);text-wrap:balance;}
body.mms-help-package .mms-package-hero__copy > p{max-width:45rem;color:var(--mms-ink-700);font-size:clamp(1rem, 1.7vw, 1.18rem);line-height:1.72;}

body.mms-help-package #structure-forfait,
body.mms-help-package #options-forfait,
body.mms-help-package #tutoriel-forfait,
body.mms-help-package #disponibilite-forfait,
body.mms-help-package #verification-forfait,
body.mms-help-package #soutien-forfait{scroll-margin-top:8rem;}
body.mms-help-package .mms-package-heading{max-width:52rem;}
body.mms-help-package .mms-package-heading h2{max-width:24ch;margin-top:.65rem;text-wrap:balance;}
body.mms-help-package .mms-package-heading p{margin-top:.9rem;color:var(--mms-ink-600);font-size:var(--mms-body-lg);line-height:1.72;}
body.mms-help-package .mms-package-answer-copy h2{max-width:17ch;margin-top:.65rem;}
body.mms-help-package .mms-package-answer-copy > p{margin-top:1rem;color:var(--mms-ink-600);font-size:var(--mms-body-lg);}
body.mms-help-package .mms-package-answer-note{margin-top:1.5rem;border:1px solid #cfe2dd;}
body.mms-help-package .mms-package-answer-note svg{width:1.2rem;height:1.2rem;margin:.15rem auto 0;color:#08766d;}
body.mms-help-package .mms-package-answer-note strong{display:block;color:var(--mms-brand-content-ink);}
body.mms-help-package .mms-package-answer-note p{margin-top:.35rem;color:var(--mms-ink-600);font-size:.9rem;}
body.mms-help-package .mms-package-summary{position:relative;padding:clamp(1.4rem, 3vw, 2rem);border:1px solid var(--mms-brand-content-border);border-radius:var(--mms-radius-xl);background:linear-gradient(145deg, #fff 0%, #f2f8f6 100%);box-shadow:var(--mms-shadow-lg);}
body.mms-help-package .mms-package-summary::before{content:"";position:absolute;inset:0 auto 0 0;width:.38rem;border-radius:var(--mms-radius-xl) 0 0 var(--mms-radius-xl);background:var(--mms-brand-content-gold);}
body.mms-help-package .mms-package-summary__top{display:flex;justify-content:space-between;gap:var(--mms-space-4);align-items:start;}
body.mms-help-package .mms-package-summary__top span{color:var(--mms-ink-500);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}
body.mms-help-package .mms-package-summary__top strong{display:block;margin-top:.35rem;color:var(--mms-brand-content-ink);font-size:1.25rem;}
body.mms-help-package .mms-package-summary__metrics{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:.85rem;margin-top:1.25rem;}
body.mms-help-package .mms-package-summary__metric{padding:var(--mms-space-4);border:1px solid #dbe9e5;border-radius:var(--mms-radius-lg);background:rgb(255 255 255 / .86);}
body.mms-help-package .mms-package-summary__metric small{color:var(--mms-ink-500);font-weight:700;}
body.mms-help-package .mms-package-summary__metric b{display:block;margin-top:.25rem;color:var(--mms-brand-content-ink);font-size:1.15rem;}
body.mms-help-package .mms-package-summary__flow{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:.65rem;margin-top:1rem;}
body.mms-help-package .mms-package-summary__flow span{padding:.7rem .75rem;border-radius:var(--mms-control-shape-radius);background:#e7f3f0;color:#16645e;font-size:.76rem;font-weight:800;text-align:center;}
body.mms-help-package .mms-package-cards{display:grid;grid-template-columns:minmax(0, 1fr);gap:clamp(1rem, 2.5vw, 1.5rem);width:100%;}
body.mms-help-package .mms-package-card--composite{grid-column:1 / -1;width:100%;max-width:none;}
body.mms-help-package .mms-package-card{padding:clamp(1.4rem, 3vw, 2rem);border:1px solid var(--mms-brand-content-border);border-radius:var(--mms-radius-xl);background:#fff;box-shadow:var(--mms-shadow-sm);}
body.mms-help-package .mms-package-card__head{display:grid;grid-template-columns:3rem minmax(0, 1fr);gap:var(--mms-space-4);align-items:center;}
body.mms-help-package .mms-package-card__head > span{display:grid;place-items:center;width:3rem;height:3rem;border-radius:var(--mms-card-radius);background:var(--mms-brand-content-soft);color:#08766d;font-weight:900;}
body.mms-help-package .mms-package-card__head small{color:var(--mms-ink-500);font-weight:800;letter-spacing:.08em;text-transform:uppercase;}
body.mms-help-package .mms-package-card__head h3{margin-top:.25rem;color:var(--mms-brand-content-ink);}
body.mms-help-package .mms-package-card > p{margin-top:1rem;color:var(--mms-ink-600);line-height:1.65;}
body.mms-help-package .mms-package-field-list{display:grid;gap:.85rem;margin:1.25rem 0 0;padding:0;list-style:none;}
body.mms-help-package .mms-package-field-list li{display:grid;grid-template-columns:1.5rem minmax(0, 1fr);gap:var(--mms-space-3);align-items:start;}
body.mms-help-package .mms-package-field-list svg{width:1rem;height:1rem;margin-top:.22rem;color:#08766d;}
body.mms-help-package .mms-package-field-list strong{color:var(--mms-brand-content-ink);}
body.mms-help-package .mms-package-field-list p{margin-top:.2rem;color:var(--mms-ink-600);font-size:.92rem;line-height:1.55;}
body.mms-help-package .mms-package-card--composite{padding:clamp(1.5rem, 3vw, 2.25rem);}
body.mms-help-package .mms-package-card--composite > p{max-width:68ch;}
body.mms-help-package .mms-package-composition-grid{display:grid;grid-template-columns:minmax(0, .82fr) minmax(0, 1.18fr);gap:var(--mms-space-4);margin-top:1.5rem;}
body.mms-help-package .mms-package-subpanel{padding:clamp(1.15rem, 2.5vw, 1.55rem);border:1px solid #dbe9e5;border-radius:var(--mms-radius-lg);background:var(--mms-surface-muted);}
body.mms-help-package .mms-package-subpanel--required{border-color:#e8d69a;background:#fffdf5;}
body.mms-help-package .mms-package-subpanel__head{display:flex;justify-content:space-between;gap:.8rem;align-items:start;}
body.mms-help-package .mms-package-subpanel__head h3{color:var(--mms-brand-content-ink);}
body.mms-help-package .mms-package-required-badge{flex:0 0 auto;padding:.35rem .55rem;border-radius:var(--mms-control-shape-radius);background:var(--mms-brand-content-gold);color:#4c3a00;font-size:.7rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;}
body.mms-help-package .mms-package-subpanel > p{margin-top:.65rem;color:var(--mms-ink-600);font-size:.94rem;line-height:1.6;}
body.mms-help-package .mms-package-availability{background:#103f3b;color:#fff;}
body.mms-help-package .mms-package-availability__inner{display:grid;grid-template-columns:minmax(0, .78fr) minmax(0, 1.22fr);gap:clamp(2rem, 6vw, 5rem);align-items:center;}
body.mms-help-package .mms-package-availability .mms-eyebrow{color:#b9e9df;}
body.mms-help-package .mms-package-availability h2{max-width:17ch;margin-top:.65rem;color:#fff;}
body.mms-help-package .mms-package-availability p{color:#d5e8e4;line-height:1.75;}
body.mms-help-package .mms-package-availability__states{display:grid;gap:.9rem;}
body.mms-help-package .mms-package-availability__state{display:grid;grid-template-columns:4.2rem minmax(0, 1fr);gap:var(--mms-space-4);padding:var(--mms-space-4) 1.1rem;border:1px solid rgb(255 255 255 / .18);border-radius:var(--mms-radius-lg);background:rgb(255 255 255 / .07);}
body.mms-help-package .mms-package-availability__state span{color:#f7d75f;font-weight:900;}
body.mms-help-package .mms-package-availability__state strong{display:block;color:#fff;}
body.mms-help-package .mms-package-availability__state p{margin-top:.3rem;font-size:.9rem;line-height:1.55;}
body.mms-help-package .mms-package-check-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:.85rem 1.25rem;}
body.mms-help-package .mms-package-check-item{display:grid;grid-template-columns:2rem minmax(0, 1fr);gap:.8rem;align-items:start;padding:var(--mms-space-4);border:1px solid var(--mms-brand-content-border);border-radius:var(--mms-radius-lg);background:#fff;}
body.mms-help-package .mms-package-check-item svg{width:1rem;height:1rem;margin:.22rem auto 0;color:#08766d;}
body.mms-help-package .mms-package-check-item p{color:var(--mms-ink-650, var(--mms-ink-600));line-height:1.55;}
body.mms-help-package .mms-package-external-note{display:grid;grid-template-columns:3rem minmax(0, 1fr);gap:var(--mms-space-4);margin-top:1.25rem;padding:1.2rem;border:1px solid #d2dfdc;border-left:.35rem solid var(--mms-brand-content-gold);border-radius:var(--mms-radius-lg);background:#f7faf9;}
body.mms-help-package .mms-package-external-note span{display:grid;place-items:center;width:3rem;height:3rem;border-radius:var(--mms-card-radius);background:#fff4c7;color:#715c00;font-weight:900;}
body.mms-help-package .mms-package-external-note strong{color:var(--mms-brand-content-ink);}
body.mms-help-package .mms-package-external-note p{margin-top:.35rem;color:var(--mms-ink-600);line-height:1.6;}
body.mms-help-package .mms-package-support{background:#f0f6f4;}
body.mms-help-package .mms-package-support__inner{display:grid;grid-template-columns:minmax(0, .82fr) minmax(0, 1.18fr);gap:clamp(2rem, 5vw, 4rem);align-items:center;}
body.mms-help-package .mms-package-support__copy h2{margin-top:.65rem;}
body.mms-help-package .mms-package-support__copy p{margin-top:.9rem;color:var(--mms-ink-600);line-height:1.7;}
body.mms-help-package .mms-package-support__copy .mms-button{margin-top:1.35rem;}
body.mms-help-package .mms-package-support__list{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--mms-space-3);margin:0;padding:0;list-style:none;}
body.mms-help-package .mms-package-support__list li{display:grid;grid-template-columns:1.5rem minmax(0, 1fr);gap:.65rem;align-items:start;padding:.9rem 1rem;border:1px solid var(--mms-border-default);border-radius:var(--mms-radius-lg);background:#fff;}
body.mms-help-package .mms-package-support__list svg{width:1rem;height:1rem;margin-top:.2rem;color:#08766d;}
body.mms-help-package .mms-package-bottom-grid{display:grid;grid-template-columns:minmax(0, .68fr) minmax(0, 1.32fr);gap:1.25rem;}
body.mms-help-package .mms-package-feedback-card,
body.mms-help-package .mms-package-related-card{padding:clamp(1.3rem, 3vw, 1.8rem);border:1px solid var(--mms-brand-content-border);border-radius:var(--mms-radius-xl);background:#fff;}
body.mms-help-package .mms-package-feedback-card p,
body.mms-help-package .mms-package-related-card > p{margin-top:.55rem;color:var(--mms-ink-600);line-height:1.6;}
body.mms-help-package .mms-package-feedback-card > div{margin-top:1rem;}
body.mms-help-package .mms-package-feedback-card button{min-width:4.25rem;border:1px solid #bcd3cd;color:var(--mms-brand-content-ink);}
body.mms-help-package .mms-package-related-links a{min-height:0;padding:.9rem 1rem;display:grid;align-content:start;}
body.mms-help-package .mms-package-related-links strong{color:var(--mms-brand-content-ink);}
body.mms-help-package .mms-package-related-links small{margin-top:.35rem;color:var(--mms-ink-600);line-height:1.45;}
@media (hover: hover) and (pointer: fine){
body.mms-help-package .mms-package-card,
  body.mms-help-package .mms-package-check-item,
  body.mms-help-package .mms-package-related-links a{transition:var(--mms-card-transition);}
body.mms-help-package .mms-package-card:hover,
  body.mms-help-package .mms-package-check-item:hover,
  body.mms-help-package .mms-package-related-links a:hover{transform:translateY(-2px);border-color:#a9ccc3;box-shadow:var(--mms-shadow-md);}
}
@media (max-width: 1100px){body.mms-help-package .mms-package-availability__inner,
body.mms-help-package .mms-package-support__inner,
body.mms-help-package .mms-package-bottom-grid{grid-template-columns:1fr;}
}
@media (max-width: 820px){
body.mms-help-package .mms-package-composition-grid{grid-template-columns:1fr;}
body.mms-help-package .mms-package-hero{align-items:start;padding-top:clamp(6rem, 16vw, 8rem);}
body.mms-help-package .mms-package-hero .mms-hero__media img{object-position:center bottom;}
body.mms-help-package .mms-package-hero .mms-hero__veil{background:linear-gradient(
      180deg,
      rgb(247 250 249 / 1) 0%,
      rgb(247 250 249 / .98) 47%,
      rgb(247 250 249 / .72) 68%,
      rgb(247 250 249 / .16) 100%
    );}
body.mms-help-package .mms-package-cards,
  body.mms-help-package .mms-package-check-grid,
  body.mms-help-package .mms-package-support__list,
  body.mms-help-package .mms-package-related-links{grid-template-columns:1fr;}
}
@media (max-width: 580px){
body.mms-help-package .mms-package-summary__metrics,
  body.mms-help-package .mms-package-summary__flow,
  body.mms-help-package .mms-package-availability__state {grid-template-columns:1fr;}
}


/* v1917 — harmonisation des contrôles vidéo avec Gestion du personnel */