/*
 * Nethor 2 — affichage ordinateur + PWA ordinateur pour Responsable et Employé UNIQUEMENT.
 * Les deux vues réutilisent les mêmes composants que mobile (accueil personnel, planning Jour/Semaine).
 * Les styles sources restent synchronisés visuellement avec mobile.css, sans modifier
 * l'affichage des comptes Administrateur / Point de vente.
 */
@media (min-width:761px) {
  /* Composants issus de la présentation mobile : mêmes couleurs, badges, cartes et icônes. */
.n2h-home{--n2h-ink:#243b60;flex:1;min-width:0;min-height:0;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:8px;overflow:hidden}
  .n2h-greeting{display:flex;align-items:center;padding:2px 3px 4px;min-width:0}
  .n2h-overline{display:block;color:#7389ab;font-size:9px;font-weight:800;letter-spacing:1.25px}
  .n2h-greeting h1{margin:3px 0 1px;font-weight:850;font-size:clamp(18px,5.7vw,25px);line-height:1.12;letter-spacing:-.65px;color:#203a61;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .n2h-greeting p{margin:0;font-size:10px;line-height:1.35;color:#8495ad;text-transform:capitalize}
  .n2h-card{min-width:0;border:1px solid #e2e9f4;border-radius:17px;background:#fff;box-shadow:0 6px 22px #162f5a08}
  .n2h-schedule{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;padding:10px 11px 8px}
  .n2h-heading,.n2h-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
  .n2h-heading{padding:0 1px 7px}
  .n2h-heading>div,.n2h-meta-label{display:flex;align-items:center;gap:8px;min-width:0}
  .n2h-home .nav-icon-wrap{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;background:#edf3ff;border-radius:9px;color:#4174c5}
  .n2h-home .nav-icon{display:block;width:16px;height:16px}
  .n2h-home h2{margin:0;color:#284168;font-size:12px;font-weight:800;letter-spacing:-.1px;white-space:nowrap}
  .n2h-week-total{color:#3768b7;background:#eef4ff;border:1px solid #dce9ff;border-radius:100px;font-size:10px;font-weight:850;padding:5px 9px;white-space:nowrap}
  .n2h-days{min-height:0;display:grid;grid-template-rows:repeat(7,minmax(0,1fr));overflow:hidden}
  .n2h-day{min-height:0;min-width:0;display:grid;grid-template-columns:64px minmax(0,1fr) 46px;align-items:center;gap:6px;padding:1px 8px;border-top:1px solid #edf1f7;color:#647893}
  .n2h-day.today{border-radius:9px;background:#edf4ff;border-top-color:transparent;color:#285ab1}
  .n2h-day-date{font-size:10px;font-weight:750;white-space:nowrap;text-transform:capitalize}
  .n2h-day-value{font-size:clamp(9.5px,2.7vw,11.5px);font-weight:750;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#263c5b}
  .n2h-day-hours{font-size:10px;font-weight:750;white-space:nowrap;color:#52749d;text-align:right}
  .n2h-day-leave .n2h-day-value{color:#a57918}
  .n2h-day-rest .n2h-day-value{color:#c27755}
  .n2h-day-unknown .n2h-day-value,.n2h-day-unlinked .n2h-day-value{color:#8b99ae;font-weight:600}
  .n2h-leave,.n2h-rest{padding:10px 13px;overflow:hidden;min-height:0}
  .n2h-leave{border-left:3px solid #e9b64c}
  .n2h-rest{border-left:3px solid #86a7eb}
  .n2h-meta{margin-bottom:4px}
  .n2h-meta .nav-icon-wrap{width:25px;height:25px;flex-basis:25px}
  .n2h-meta .nav-icon{width:15px;height:15px}
  .n2h-meta-value{display:block;color:var(--n2h-ink);font-size:clamp(13px,3.8vw,17px);line-height:1.12;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .n2h-card small{display:block;color:#8695aa;font-size:10px;line-height:1.3;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .n2h-leave-state{font-size:9px;font-weight:750;white-space:nowrap;padding:5px 8px;border-radius:50px;background:#f1f4f8;color:#69778c}
  .n2h-leave-state.approved{background:#e8f7ef;color:#26885b}
  .n2h-leave-state.pending{background:#fff2dc;color:#a97720}
  .n2h-leave-state.planned{background:#e8f1ff;color:#3d70b7}

.n2pm{--n2pm-blue:#1556c1;--n2pm-ink:#203957;--n2pm-border:#e0e8f2;color:var(--n2pm-ink);min-width:0;display:grid;gap:11px}
 .n2pm button{font:inherit;cursor:pointer;touch-action:manipulation}
 .n2pm button:focus-visible,.n2pm summary:focus-visible{outline:2px solid #3d83df;outline-offset:2px}
 .n2pm-page-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 2px}
 .n2pm-page-heading span{font-size:9px;font-weight:850;letter-spacing:1.35px;color:#7b90ae}
 .n2pm-page-heading h1{font-size:24px;letter-spacing:-.8px;margin:2px 0 0;font-weight:870;line-height:1.1}
 .n2pm-page-heading>button{display:grid;place-items:center;width:35px;height:35px;border:1px solid #e1eaf4;border-radius:10px;background:white;color:#3762a0;font-size:22px}
 .n2pm-toolbar{display:grid;gap:9px;grid-template-columns:minmax(0,1fr) auto;align-items:center}
 .n2pm-pager{display:flex;min-width:0;gap:5px;align-items:center;justify-content:space-between}
 .n2pm-pager>button{width:34px;height:38px;flex:none;border-radius:10px;border:1px solid #dfe7f3;background:white;color:#315d9e;font-size:23px}
 .n2pm-pager>span{display:grid;text-align:center;min-width:0;gap:1px}
 .n2pm-pager>span strong{font-size:11px;font-weight:850;white-space:nowrap;font-variant-numeric:tabular-nums}
 .n2pm-pager>span small{font-size:9px;color:#8797ad}
 .n2pm-segmented{display:flex;gap:3px;padding:3px;border-radius:11px;background:#e9edf5}
 .n2pm-segmented button{padding:9px 10px;border:none;border-radius:9px;background:transparent;color:#63748e;font-size:11px;font-weight:800;white-space:nowrap}
 .n2pm-segmented button.selected{color:#1852a9;background:#fff;box-shadow:0 2px 7px #183b6520}
 .n2pm-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;min-width:0}
 .n2pm-day{min-width:0;min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:11px;border:1px solid #dfe7f2;background:#fff;color:#345372;padding:5px 0}
 .n2pm-day span{font-size:10px;font-weight:750}
 .n2pm-day strong{font-size:14px;font-weight:850;font-variant-numeric:tabular-nums;line-height:1}
 .n2pm-day.today:not(.selected){border-color:#82a9ef}
 .n2pm-day.selected{background:#1556c1;color:#fff;border-color:#1556c1;box-shadow:0 4px 12px #165bc12b}
 .n2pm-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .n2pm-summary>div{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:4px;background:#fff;border:1px solid var(--n2pm-border);padding:9px 8px;border-radius:11px}
 .n2pm-summary span{font-size:10px;font-weight:750;color:#61738f}
 .n2pm-summary strong{font-size:18px;color:#1e3b66;font-weight:850}
 .n2pm-filters{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:-1px 0 0;padding:2px 1px;max-width:100%}
 .n2pm-filters::-webkit-scrollbar{display:none}
 .n2pm-filters button{flex:none;min-height:38px;padding:0 12px;border:1px solid #dce6f2;background:#fff;border-radius:10px;color:#375474;font-size:11px;font-weight:800;white-space:nowrap}
 .n2pm-filters button.selected{background:#e9f2ff;border-color:#2164ce;color:#1450b2}
 .n2pm-week-list,.n2pm-day-list{display:grid;gap:10px;min-width:0}
 .n2pm-week-card,.n2pm-day-card,.n2pm-away{border:1px solid #e0e7f0;border-radius:15px;background:#fff;box-shadow:0 4px 15px #152d560a;min-width:0}
 .n2pm-week-card{padding:12px 10px}
 .n2pm-week-card.is-me,.n2pm-day-card.is-me{border-color:#91b8f3;box-shadow:0 4px 14px #1659bb18}
 .n2pm-week-person,.n2pm-day-person{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
 .n2pm-week-person{margin-bottom:10px}
 .n2pm-identity{display:flex;align-items:center;gap:8px;flex:1;min-width:0}
 .n2pm-avatar{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:#eaf1ff;color:#3564b6;font-size:10px;font-weight:850;letter-spacing:.25px}
 .n2pm-person-name{display:block;min-width:0}
 .n2pm-person-name strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:850;line-height:1.2;color:#243b5b}
 .n2pm-person-name small{display:block;font-size:9px;color:#5076b2;margin-top:3px}
 .n2pm-total{flex:none;text-align:right;display:flex;align-items:flex-end;flex-direction:column;gap:1px;min-width:70px}
 .n2pm-total strong{font-size:12px;font-weight:850;color:#24426a}
 .n2pm-total small{font-size:10px;font-weight:600;color:#92a0b5}
 .n2pm-total b{font-size:9px;color:#ba582f;font-weight:850}
 .n2pm-slots{min-width:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
 .n2pm-slot{display:flex;align-items:stretch;flex-direction:column;justify-content:center;gap:2px;min-width:0;min-height:60px;padding:2px 0;text-align:center;overflow:hidden;background:#edf1f5;border:0;border-radius:8px;color:#6a798d}
 .n2pm-slot.selected{outline:2px solid #1556c1;outline-offset:-2px}
 .n2pm-slot[data-color="g"]{background:#dcf4e6;color:#176b40}
 .n2pm-slot[data-color="b"]{background:#dfebff;color:#1757ab}
 .n2pm-slot[data-color="leave"]{background:#fff0bf;color:#927018}
 .n2pm-slot[data-color="red"]{background:#ffe1df;color:#b53c37}
 .n2pm-slot[data-color="orange"]{background:#ffebd2;color:#a36518}
 .n2pm-slot[data-color="unavailable"]{background:#eee5fa;color:#7753a0}
 .n2pm-mini-shift{display:flex;align-items:center;justify-content:center;flex-direction:column;flex:1;gap:2px;min-height:27px;padding:3px 1px;border-radius:4px;font-variant-numeric:tabular-nums}
 .n2pm-mini-shift[data-color="g"]{color:#176b40}
 .n2pm-mini-shift[data-color="b"]{color:#1757ab}
 .n2pm-mini-shift+.n2pm-mini-shift{border-top:1px solid #ffffffc9}
 .n2pm-mini-shift strong{font-size:9.2px;line-height:1.15;font-weight:850;letter-spacing:-.3px;white-space:nowrap}
 .n2pm-slot-off{font-size:9px;font-weight:800;line-height:1.25;overflow-wrap:anywhere;padding:1px}
 .n2pm-legend{display:flex;flex-wrap:wrap;gap:9px 12px;padding:2px 1px 8px;color:#6e7f94;font-size:10px}
 .n2pm-legend span{display:flex;align-items:center;gap:4px}
 .n2pm-legend i{display:inline-block;width:10px;height:10px;border-radius:3px}
 .n2pm-legend .g{background:#83d7aa}.n2pm-legend .b{background:#8bb9fa}.n2pm-legend .y{background:#f1c663}
 .n2pm-legend .r{background:#f0ae9b}.n2pm-legend .w{background:#be9cdb}
 .n2pm-section-title{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:850;color:#203957;padding:1px 2px 0}
 .n2pm-section-title small{font-size:10px;color:#8091a8;font-weight:650}
 .n2pm-day-card{padding:12px 11px}
 .n2pm-day-person{margin-bottom:9px}
 .n2pm-badge{max-width:51%;padding:6px 8px;border-radius:8px;font-size:9px;font-weight:850;line-height:1.25;background:#e8f1ff;color:#2258a4;text-align:center}
 .n2pm-badge[data-state="ongoing"]{background:#ddf5e7;color:#176940}
 .n2pm-badge[data-state="upcoming"]{background:#e5efff;color:#1657ac}
 .n2pm-badge[data-state="finished"]{background:#edf1f5;color:#62758e}
 .n2pm-badge[data-state="leave"]{background:#fff0c2;color:#8d670e}
 .n2pm-badge[data-state="rest"]{background:#fff0e7;color:#a65b31}
 .n2pm-badge[data-state="unavailable"]{background:#eee6f9;color:#6e5497}
 .n2pm-badge[data-state="empty"],.n2pm-badge[data-state="unknown"]{background:#eef1f5;color:#6e7f92}
 .n2pm-shift-list{display:grid;gap:6px}
 .n2pm-shift{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:41px;border-radius:10px;padding:9px 12px;border-left:5px solid #367ee3;background:#e3eeff;color:#1659b1}
 .n2pm-shift[data-color="g"]{background:#e1f6e9;color:#176a40;border-left-color:#2aaf70}
 .n2pm-shift[data-color="b"]{background:#e3eeff;color:#1659b1;border-left-color:#367ee3}
 .n2pm-shift strong{font-size:13px;font-weight:850;font-variant-numeric:tabular-nums}
 .n2pm-shift small{font-size:10px;font-weight:700}
 .n2pm-day-off{padding:11px 13px;background:#f0f3f8;border-radius:10px;font-size:12px;font-weight:700;color:#6d7b90}
 .n2pm-day-off[data-state="leave"]{background:#fff0c2;color:#8d670e}
 .n2pm-day-off[data-state="red"]{background:#ffe2df;color:#b53c37}
 .n2pm-day-off[data-state="orange"]{background:#ffebd2;color:#a36518}
 .n2pm-day-off[data-state="unavailable"]{background:#eee6f9;color:#6e5497}
 .n2pm-away{overflow:hidden}
 .n2pm-away summary{display:flex;align-items:center;gap:8px;min-height:51px;padding:10px 12px;list-style:none;cursor:pointer;color:#324d70;font-size:11px;font-weight:850}
 .n2pm-away summary::-webkit-details-marker{display:none}
 .n2pm-away summary>span{flex:1}
 .n2pm-away summary>small{font-size:9px;font-weight:650;color:#8b98aa;white-space:nowrap}
 .n2pm-away summary>b{font-size:18px;font-weight:500;transition:transform .16s}
 .n2pm-away[open] summary>b{transform:rotate(180deg)}
 .n2pm-away-list{display:grid;padding:0 11px 6px}
 .n2pm-away-person{display:flex;align-items:center;gap:8px;min-width:0;border-top:1px solid #edf0f6;padding:8px 0}
 .n2pm-away-person .n2pm-avatar{width:29px;height:29px;font-size:9px}
 .n2pm-away-person .n2pm-person-name strong{font-size:11px}
 .n2pm-away-person .n2pm-identity{min-width:0}
 .n2pm-away-person>span{flex:none;max-width:38%;font-size:9px;font-weight:800;color:#7a8497;text-align:right}
 .n2pm-away-person>span[data-state="leave"]{color:#a17013}
 .n2pm-away-person>span[data-state="red"]{color:#b53c37}
 .n2pm-away-person>span[data-state="orange"]{color:#a36518}
 .n2pm-away-list p{font-size:11px;color:#8492a4}
 .n2pm-empty{padding:21px 13px;text-align:center;font-size:12px;color:#7e8ca1;line-height:1.6;border:1px solid #e0e7f0;border-radius:12px;background:#fff}
 .n2pm-empty strong{display:block;color:#2a4263;font-size:13px}
 .n2pm-empty p{margin:5px 0 0}
 .n2pm-unlinked{border-color:#bdd0ed;background:#f5f9ff}
 .n2pm-error{padding:11px 13px;border-radius:11px;background:#fff0ef;color:#9c4049;font-size:11px;margin:0}
 .n2pm-footnote{text-align:center;color:#8491a3;font-size:10px;line-height:1.45;margin:2px 0 3px}

  /* Disposition desktop : même ordre de contenu que sur téléphone, plus d'espace utile. */
  #app.staff-desktop-layout .workspace{min-width:0}
  #app.staff-desktop-layout main{min-width:0;width:min(1380px,100%);padding:32px clamp(18px,2.6vw,42px);margin-inline:auto}
  #app.staff-desktop-layout #screen{min-width:0}
  #app.staff-desktop-layout .live-navigator{display:none}
  #app.staff-desktop-layout .n2h-home{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:auto auto auto;align-content:start;
    gap:18px;width:100%;max-width:1200px;height:auto;min-height:0;
    margin:0 auto;overflow:visible;
  }
  #app.staff-desktop-layout .n2h-greeting{
    grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;
    gap:14px;min-height:66px;padding:2px 2px 7px;
  }
  #app.staff-desktop-layout .n2h-overline{font-size:11px;letter-spacing:1.5px}
  #app.staff-desktop-layout .n2h-greeting h1{font-size:clamp(25px,2.2vw,32px);line-height:1.2;white-space:normal}
  #app.staff-desktop-layout .n2h-greeting p{font-size:13px}
  #app.staff-desktop-layout .n2h-card{
    border-radius:18px;box-shadow:0 7px 22px #162f5a0a;
  }
  #app.staff-desktop-layout .n2h-schedule{
    grid-column:1/-1;display:grid;grid-template-rows:auto auto;gap:9px;
    height:auto;min-height:0;padding:18px 19px 20px;overflow:visible;
  }
  #app.staff-desktop-layout .n2h-heading{padding-bottom:5px}
  #app.staff-desktop-layout .n2h-home h2{font-size:16px}
  #app.staff-desktop-layout .n2h-home .nav-icon-wrap{width:33px;height:33px;flex-basis:33px}
  #app.staff-desktop-layout .n2h-home .nav-icon{width:18px;height:18px}
  #app.staff-desktop-layout .n2h-week-total{font-size:12px;padding:7px 12px}
  #app.staff-desktop-layout .n2h-days{
    display:grid;grid-template-rows:none;grid-template-columns:repeat(7,minmax(0,1fr));
    align-items:stretch;gap:9px;min-height:0;overflow:visible;
  }
  #app.staff-desktop-layout .n2h-day{
    min-width:0;min-height:111px;display:flex;flex-direction:column;
    align-items:flex-start;justify-content:space-between;gap:9px;
    padding:14px 12px;border:1px solid #e7edf7;border-radius:12px;
    background:#fafcff;
  }
  #app.staff-desktop-layout .n2h-day.today{
    border-color:#acc9fa;background:#eaf3ff;color:#285ab1;
  }
  #app.staff-desktop-layout .n2h-day-date{font-size:12px}
  #app.staff-desktop-layout .n2h-day-value{
    font-size:clamp(11px,1vw,13px);white-space:normal;overflow:visible;
    text-overflow:clip;overflow-wrap:anywhere;line-height:1.35;
  }
  #app.staff-desktop-layout .n2h-day-hours{
    margin-top:auto;align-self:flex-end;text-align:right;font-size:12px;
  }
  #app.staff-desktop-layout .n2h-leave,#app.staff-desktop-layout .n2h-rest{
    min-height:126px;padding:19px 21px;overflow:visible;
  }
  #app.staff-desktop-layout .n2h-meta{margin-bottom:14px}
  #app.staff-desktop-layout .n2h-meta-value{font-size:19px;line-height:1.35}
  #app.staff-desktop-layout .n2h-card small{
    font-size:12px;margin-top:5px;white-space:normal;
  }
  #app.staff-desktop-layout .n2h-leave-state{font-size:11px}
  /* Installation PWA : même logo officiel et même point d'accès que mobile. */
  #app.staff-desktop-layout .n2h-greeting .pwa-home-install{
    display:flex;align-items:center;gap:10px;flex:0 0 auto;
    margin:0;padding:7px 10px;background:#f7faff;border:1px solid #dce8f8;
    border-radius:13px;box-shadow:none;position:relative;
  }
  #app.staff-desktop-layout .n2h-greeting .pwa-home-logo{width:34px;height:34px;border-radius:9px}
  #app.staff-desktop-layout .n2h-greeting .pwa-home-copy{display:grid;gap:3px}
  #app.staff-desktop-layout .n2h-greeting .pwa-home-copy strong{font-size:12px;color:#214476}
  #app.staff-desktop-layout .n2h-greeting .pwa-home-copy span{font-size:10px;color:#546e92}
  #app.staff-desktop-layout .n2h-greeting .pwa-home-copy small{font-size:10px;color:#89a1bf}
  #app.staff-desktop-layout .n2h-greeting .pwa-home-action{
    flex:none;min-height:36px;padding:8px 11px;font-size:12px;
  }
  #app.staff-desktop-layout .n2h-greeting .pwa-home-help{
    position:absolute;top:100%;right:0;min-width:270px;max-width:370px;z-index:3;
    font-size:12px;line-height:1.5;padding:13px;border:1px solid #cedcf1;
    border-radius:10px;background:#f0f6ff;color:#315b9d;box-shadow:0 8px 18px #172c5320;
  }

  /* Planning : composants identiques au téléphone, lisibles au clavier et sur écran large. */
  #app.staff-desktop-layout.mobile-planning-active main{width:min(1500px,100%);padding-block:27px 38px}
  #app.staff-desktop-layout .n2pm{gap:18px;width:100%;min-width:0;margin:0 auto}
  #app.staff-desktop-layout .n2pm-page-heading h1{font-size:30px;line-height:1.18}
  #app.staff-desktop-layout .n2pm-page-heading span{font-size:11px}
  #app.staff-desktop-layout .n2pm-page-heading>button{width:42px;height:42px;font-size:25px}
  #app.staff-desktop-layout .n2pm-toolbar{gap:14px}
  #app.staff-desktop-layout .n2pm-pager{justify-content:flex-start;gap:14px}
  #app.staff-desktop-layout .n2pm-pager>button{width:42px;height:43px;font-size:26px}
  #app.staff-desktop-layout .n2pm-pager>span strong{font-size:14px}
  #app.staff-desktop-layout .n2pm-pager>span small{font-size:11px}
  #app.staff-desktop-layout .n2pm-segmented button{min-width:90px;font-size:12px;padding:11px 17px}
  #app.staff-desktop-layout .n2pm-days{gap:9px}
  #app.staff-desktop-layout .n2pm-day{min-height:76px;gap:8px;border-radius:12px}
  #app.staff-desktop-layout .n2pm-day span{font-size:12px}
  #app.staff-desktop-layout .n2pm-day strong{font-size:20px}
  #app.staff-desktop-layout .n2pm-week-list{grid-template-columns:minmax(0,1fr);gap:15px}
  #app.staff-desktop-layout .n2pm-week-card{padding:16px 18px}
  #app.staff-desktop-layout .n2pm-avatar{width:42px;height:42px;font-size:12px}
  #app.staff-desktop-layout .n2pm-person-name strong{font-size:15px}
  #app.staff-desktop-layout .n2pm-person-name small{font-size:11px}
  #app.staff-desktop-layout .n2pm-week-person{margin-bottom:14px}
  #app.staff-desktop-layout .n2pm-total strong{font-size:15px}
  #app.staff-desktop-layout .n2pm-total small{font-size:11px}
  #app.staff-desktop-layout .n2pm-slots{gap:8px}
  #app.staff-desktop-layout .n2pm-slot{min-height:69px;border-radius:10px}
  #app.staff-desktop-layout .n2pm-mini-shift{min-height:31px}
  #app.staff-desktop-layout .n2pm-mini-shift strong{font-size:11px;letter-spacing:0}
  #app.staff-desktop-layout .n2pm-slot-off{font-size:11px}
  #app.staff-desktop-layout .n2pm-legend{font-size:12px;gap:16px;padding-bottom:16px}
  #app.staff-desktop-layout .n2pm-summary{gap:12px}
  #app.staff-desktop-layout .n2pm-summary>div{padding:13px 16px}
  #app.staff-desktop-layout .n2pm-summary span{font-size:12px}
  #app.staff-desktop-layout .n2pm-summary strong{font-size:22px}
  #app.staff-desktop-layout .n2pm-section-title{font-size:16px}
  #app.staff-desktop-layout .n2pm-section-title small{font-size:12px}
  #app.staff-desktop-layout .n2pm-filters{gap:9px}
  #app.staff-desktop-layout .n2pm-filters button{font-size:12px;min-height:41px;padding:0 15px}
  #app.staff-desktop-layout .n2pm-day-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  #app.staff-desktop-layout .n2pm-day-card{padding:16px}
  #app.staff-desktop-layout .n2pm-day-person{margin-bottom:13px}
  #app.staff-desktop-layout .n2pm-badge{font-size:11px;padding:8px 10px}
  #app.staff-desktop-layout .n2pm-shift{min-height:48px}
  #app.staff-desktop-layout .n2pm-shift strong{font-size:14px}
  #app.staff-desktop-layout .n2pm-away summary{min-height:62px;font-size:13px;padding-inline:17px}
  #app.staff-desktop-layout .n2pm-away summary>small{font-size:12px}
  #app.staff-desktop-layout .n2pm-away-person{padding:11px 3px}
  #app.staff-desktop-layout .n2pm-away-person .n2pm-person-name strong{font-size:13px}
  #app.staff-desktop-layout .n2pm-footnote{font-size:12px}
}

@media (min-width:761px) and (max-width:1180px) {
  #app.staff-desktop-layout .n2h-days{grid-template-columns:repeat(4,minmax(0,1fr))}
  #app.staff-desktop-layout .n2h-day{min-height:91px}
  #app.staff-desktop-layout .n2pm-day-list{grid-template-columns:minmax(0,1fr)}
  #app.staff-desktop-layout .n2pm-mini-shift strong{font-size:10px}
  #app.staff-desktop-layout .n2h-greeting .pwa-home-copy{display:none}
}
@media (min-width:1600px) {
  #app.staff-desktop-layout .n2pm-week-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  #app.staff-desktop-layout .n2pm-slots{gap:5px}
  #app.staff-desktop-layout .n2pm-mini-shift strong{font-size:10px}
}
@media (min-width:761px) and (max-height:650px) {
  #app.staff-desktop-layout .n2h-day{min-height:78px;padding-block:9px}
  #app.staff-desktop-layout .n2h-schedule{padding-block:12px}
  #app.staff-desktop-layout .n2h-leave,#app.staff-desktop-layout .n2h-rest{min-height:94px}
}