/* NAKIMA v24.1.5 — Mobile Pro
   Mobile-only layer. Desktop >= 769px is intentionally untouched.
   Principles: one-hand navigation, 44px+ targets, no horizontal tables,
   compact information hierarchy, bottom navigation and full-screen forms. */

@media (max-width: 768px){
  :root{
    --nkm-bg:#fffdfd;
    --nkm-surface:#ffffff;
    --nkm-text:#211820;
    --nkm-muted:#7c7078;
    --nkm-line:#efe7ec;
    --nkm-pink:#ff3d79;
    --nkm-pink-soft:#fff0f5;
    --nkm-green:#eaf8ef;
    --nkm-lilac:#f2ecff;
    --nkm-blue:#edf6ff;
    --nkm-amber:#fff3e3;
    --nkm-shadow:0 9px 28px rgba(40,24,34,.07);
    --nkm-nav-h:72px;
  }

  html{background:var(--nkm-bg)!important;overscroll-behavior-y:none}
  body.v241-ready{
    min-width:0!important;
    width:100%!important;
    overflow-x:hidden!important;
    background:var(--nkm-bg)!important;
    color:var(--nkm-text)!important;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
  }
  body.v241-ready *{min-width:0}

  /* App shell: phone is a true app surface, never a squeezed desktop. */
  body.v241-ready .app-shell{display:block!important;min-height:100dvh!important;background:var(--nkm-bg)!important}
  body.v241-ready .app-shell>aside{display:none!important}
  body.v241-ready .content{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0 14px calc(var(--nkm-nav-h) + 30px + env(safe-area-inset-bottom))!important;
    overflow:visible!important;
  }

  /* App header inspired by native salon apps: brand, page title, one utility action. */
  body.v241-ready .content>header{
    position:sticky!important;
    top:0!important;
    z-index:100!important;
    display:grid!important;
    grid-template-columns:1fr 42px!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    gap:2px 10px!important;
    min-height:82px!important;
    margin:0 -14px 14px!important;
    padding:max(10px,env(safe-area-inset-top)) 16px 10px!important;
    border-bottom:1px solid rgba(239,231,236,.9)!important;
    background:rgba(255,253,253,.94)!important;
    box-shadow:0 5px 18px rgba(38,21,32,.025)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }
  body.v241-ready .content>header::before{
    content:'NAKIMA';
    grid-column:1!important;
    grid-row:1!important;
    align-self:end!important;
    color:var(--nkm-pink)!important;
    font:900 11px/1.1 DM Sans,system-ui,sans-serif!important;
    letter-spacing:.16em!important;
  }
  body.v241-ready .content>header .eyebrow{display:none!important}
  body.v241-ready .content>header h1{
    grid-column:1!important;
    grid-row:2!important;
    margin:2px 0 0!important;
    font:800 25px/1.08 DM Sans,system-ui,sans-serif!important;
    letter-spacing:-.045em!important;
    color:var(--nkm-text)!important;
  }
  body.v241-ready .content>header .refresh{
    grid-column:2!important;
    grid-row:1 / span 2!important;
    width:42px!important;
    height:42px!important;
    min-height:42px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid var(--nkm-line)!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#675a62!important;
    font-size:0!important;
    box-shadow:none!important;
  }
  body.v241-ready .content>header .refresh svg{width:18px!important;height:18px!important;margin:0!important}
  body.v241-ready .content>header .account-actions{display:none!important}
  body.v241-ready .content header .menu{display:none!important}

  /* Bottom navigation: fixed, thumb-friendly, safe-area aware. */
  .v241-bottom-nav{
    position:fixed!important;
    left:0!important;right:0!important;bottom:0!important;
    z-index:100300!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    height:calc(var(--nkm-nav-h) + env(safe-area-inset-bottom))!important;
    padding:7px 6px max(7px,env(safe-area-inset-bottom))!important;
    border-top:1px solid rgba(231,221,227,.92)!important;
    background:rgba(255,255,255,.97)!important;
    box-shadow:0 -10px 30px rgba(45,27,39,.075)!important;
    backdrop-filter:blur(20px)!important;
    -webkit-backdrop-filter:blur(20px)!important;
  }
  .v241-bottom-nav button{
    min-height:55px!important;
    padding:4px 1px!important;
    border:0!important;
    border-radius:15px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    background:transparent!important;
    color:#8a7f86!important;
    font:750 10.5px/1 DM Sans,system-ui,sans-serif!important;
  }
  .v241-bottom-nav .v241-nav-icon{
    width:35px!important;height:29px!important;
    display:grid!important;place-items:center!important;
    border-radius:11px!important;
  }
  .v241-bottom-nav svg{width:21px!important;height:21px!important;stroke-width:1.9!important}
  .v241-bottom-nav button.active{color:var(--nkm-pink)!important}
  .v241-bottom-nav button.active .v241-nav-icon{background:var(--nkm-pink-soft)!important}

  .v241-fab{
    right:16px!important;
    bottom:calc(var(--nkm-nav-h) + 17px + env(safe-area-inset-bottom))!important;
    width:54px!important;height:54px!important;
    border-radius:50%!important;
    display:grid!important;place-items:center!important;
    border:3px solid #fff!important;
    background:linear-gradient(135deg,#ff4a83,#ef2e69)!important;
    color:#fff!important;
    font:300 30px/1 DM Sans,sans-serif!important;
    box-shadow:0 12px 30px rgba(255,61,121,.30)!important;
  }

  /* Home: photo-led but compact. */
  .v241-home-hero{
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    margin:0 0 12px!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid var(--nkm-line)!important;
    border-radius:24px!important;
    background:#fff!important;
    box-shadow:var(--nkm-shadow)!important;
  }
  .v241-home-photo{
    order:-1!important;
    width:100%!important;
    min-height:126px!important;
    border-radius:0!important;
    background-position:center 31%!important;
    box-shadow:none!important;
  }
  .v241-home-hero>div:first-child{padding:15px 16px 17px!important}
  .v241-home-hero h2{margin:2px 0 4px!important;font-size:24px!important;line-height:1.08!important}
  .v241-home-hero p{font-size:12px!important;line-height:1.45!important}
  .v241-home-hero .v241-date{margin-top:11px!important;padding:7px 10px!important;font-size:11px!important}
  .v241-brand-kicker{font-size:10px!important}

  body.v241-ready .metrics,
  body.v241-ready .payment-metrics,
  body.v241-ready .accounting-metrics,
  body.v241-ready .expense-metrics{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    margin:0 0 12px!important;
  }
  body.v241-ready .metric{
    min-height:90px!important;
    margin:0!important;
    padding:14px!important;
    border:0!important;
    border-radius:19px!important;
    box-shadow:none!important;
  }
  body.v241-ready .metric span{font-size:10.5px!important;line-height:1.25!important}
  body.v241-ready .metric b{font-size:20px!important;line-height:1.08!important}
  body.v241-ready .dashboard-grid,
  body.v241-ready .dashboard-lower{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin-bottom:12px!important}

  /* Core cards. */
  body.v241-ready .card,
  body.v241-ready .employee-welcome,
  body.v241-ready .accounting-intro,
  body.v241-ready .payment-toolbar{
    margin-left:0!important;margin-right:0!important;
    border:1px solid var(--nkm-line)!important;
    border-radius:21px!important;
    background:#fff!important;
    box-shadow:0 7px 22px rgba(43,26,37,.045)!important;
  }
  body.v241-ready .card-head{padding:16px 16px 8px!important}
  body.v241-ready .card-head h2,body.v241-ready .card-head h3{font-size:17px!important}

  /* Agenda and Finance segmented controls: one row, no desktop toolbar duplication. */
  .v241-agenda-tabs,
  .v241-finance-tabs{
    position:relative!important;
    top:auto!important;
    z-index:2!important;
    width:100%!important;
    margin:0 0 12px!important;
    padding:5px!important;
    border:1px solid var(--nkm-line)!important;
    border-radius:17px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 6px 20px rgba(42,25,36,.045)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
  }
  .v241-agenda-tabs{display:block!important}
  .v241-agenda-tabset,
  .v241-finance-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v241-agenda-tabset{display:grid!important;width:100%!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
  .v241-agenda-tabset button,
  .v241-finance-tabs button{
    min-height:42px!important;
    padding:9px 7px!important;
    border-radius:12px!important;
    font-size:12px!important;
    white-space:nowrap!important;
  }
  .v241-finance-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .v241-new-booking{display:none!important}

  /* Filters and period presets. */
  body.v241-ready .payment-toolbar,
  body.v241-ready .accounting-intro,
  body.v241-ready .employee-welcome{
    display:block!important;
    padding:16px!important;
    margin-bottom:12px!important;
  }
  body.v241-ready .payment-toolbar h2,
  body.v241-ready .accounting-intro h2{font-size:20px!important;line-height:1.15!important}
  body.v241-ready .payment-presets,
  body.v241-ready .v241-periods{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:7px!important;
    width:calc(100% + 4px)!important;
    margin-top:12px!important;
    padding:0 4px 3px 0!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.v241-ready .payment-presets::-webkit-scrollbar,
  body.v241-ready .v241-periods::-webkit-scrollbar{display:none!important}
  body.v241-ready .payment-presets button,
  body.v241-ready .v241-periods button{
    flex:0 0 auto!important;
    min-height:40px!important;
    padding:8px 12px!important;
    border-radius:999px!important;
    white-space:nowrap!important;
    font-size:11px!important;
  }
  body.v241-ready .agenda-filters,
  body.v241-ready .payment-filters{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    margin:0 0 12px!important;
  }
  body.v241-ready .agenda-filters label,
  body.v241-ready .payment-filters label{gap:5px!important;font-size:11px!important}
  body.v241-ready input,
  body.v241-ready select,
  body.v241-ready textarea{
    width:100%!important;
    max-width:100%!important;
    min-height:46px!important;
    padding:11px 12px!important;
    border:1px solid #e9e2e7!important;
    border-radius:13px!important;
    background:#fff!important;
    font-size:14px!important;
  }
  body.v241-ready textarea{min-height:92px!important}

  /* Native-looking appointment cards. */
  body.v241-ready .schedule-item{
    display:grid!important;
    grid-template-columns:64px minmax(0,1fr)!important;
    gap:12px!important;
    margin:8px 0!important;
    padding:12px!important;
    border:0!important;
    border-radius:17px!important;
    background:#fff4f8!important;
  }
  body.v241-ready .schedule-time{padding:8px 5px!important;border-radius:12px!important}
  body.v241-ready .schedule-main h3{font-size:15px!important}
  body.v241-ready .schedule-main p,body.v241-ready .schedule-main small{font-size:11px!important;line-height:1.35!important}
  body.v241-ready .schedule-state{grid-column:2!important;justify-self:start!important}

  /* Tables become semantic cards. JS supplies the labels from desktop headings. */
  body.v241-ready .table-wrap{overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important}
  body.v241-ready table.nk-mobile-card-table{display:block!important;width:100%!important;border:0!important;background:transparent!important}
  body.v241-ready table.nk-mobile-card-table thead{display:none!important}
  body.v241-ready table.nk-mobile-card-table tbody{display:grid!important;gap:10px!important;width:100%!important}
  body.v241-ready table.nk-mobile-card-table tr{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    width:100%!important;
    padding:13px 14px!important;
    border:1px solid var(--nkm-line)!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 5px 18px rgba(43,26,37,.035)!important;
  }
  body.v241-ready table.nk-mobile-card-table td{
    display:grid!important;
    grid-template-columns:minmax(92px,36%) minmax(0,1fr)!important;
    align-items:center!important;
    gap:12px!important;
    width:100%!important;
    min-height:33px!important;
    padding:6px 0!important;
    border:0!important;
    color:#453b41!important;
    font-size:12.5px!important;
    text-align:right!important;
    overflow-wrap:anywhere!important;
  }
  body.v241-ready table.nk-mobile-card-table td::before{
    content:attr(data-nk-label)!important;
    color:#9a8a94!important;
    font-size:9.5px!important;
    font-weight:850!important;
    letter-spacing:.075em!important;
    text-transform:uppercase!important;
    text-align:left!important;
  }
  body.v241-ready table.nk-mobile-card-table td[data-nk-primary="1"]{
    display:block!important;
    min-height:auto!important;
    margin:0 0 5px!important;
    padding:1px 0 10px!important;
    border-bottom:1px solid #f2ebef!important;
    color:#211820!important;
    font-size:15px!important;
    font-weight:850!important;
    text-align:left!important;
  }
  body.v241-ready table.nk-mobile-card-table td[data-nk-primary="1"]::before{display:none!important}
  body.v241-ready table.nk-mobile-card-table td[data-nk-label="STATUT"] .status,
  body.v241-ready table.nk-mobile-card-table td[data-nk-label="PAIEMENT"] .status{justify-self:end!important}
  body.v241-ready table.nk-mobile-card-table td:last-child button,
  body.v241-ready table.nk-mobile-card-table td:last-child .table-action{min-height:40px!important;border-radius:12px!important}

  /* Customer surfaces. */
  body.v241-ready .customer-search{display:block!important;margin-bottom:12px!important}
  body.v241-ready .customer-search input{min-height:48px!important;font-size:14px!important}
  body.v241-ready .customer-profile,
  body.v241-ready .customer-history-summary,
  body.v241-ready .customer-metrics,
  body.v241-ready .loyalty-grid{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
  body.v241-ready .customer-profile>div,
  body.v241-ready .customer-history-summary>div,
  body.v241-ready .loyalty-card{padding:14px!important;border-radius:17px!important}
  .v241-client-tabs{width:100%!important;display:flex!important;overflow-x:auto!important;scrollbar-width:none!important}
  .v241-client-tabs::-webkit-scrollbar{display:none!important}
  .v241-client-tabs button{flex:0 0 auto!important;min-height:40px!important}

  /* Remunerations. */
  .v241-remun-toolbar{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}
  .v241-remun-grid{display:grid!important;grid-template-columns:1fr!important;gap:11px!important}
  .v241-panel{border-radius:20px!important;box-shadow:none!important}
  .v241-person-card{padding:12px!important;grid-template-columns:42px minmax(0,1fr) auto!important;gap:10px!important}
  .v241-avatar{width:42px!important;height:42px!important}
  .v241-tip-split{grid-template-columns:1fr 1fr!important;gap:6px 10px!important}
  .v241-tip-split span:last-child{grid-column:1/-1!important}

  /* More / quick actions become true mobile bottom sheets. */
  .v241-sheet-backdrop{align-items:flex-end!important;padding:0!important;background:rgba(29,18,25,.42)!important}
  .v241-sheet{
    width:100%!important;
    max-width:none!important;
    max-height:88dvh!important;
    padding:8px 14px calc(18px + env(safe-area-inset-bottom))!important;
    border-radius:28px 28px 0 0!important;
    box-shadow:0 -18px 54px rgba(28,17,24,.22)!important;
  }
  .v241-sheet-head{padding:4px 2px 12px!important}
  .v241-sheet-head h2{font-size:21px!important}
  .v241-more-list{gap:8px!important}
  .v241-more-item{
    grid-template-columns:44px minmax(0,1fr) 22px!important;
    min-height:64px!important;
    padding:9px 10px!important;
    border-radius:17px!important;
  }


  /* Account and logout: visible and thumb-friendly inside Plus. */
  .v241-account-card{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr)!important;
    align-items:center!important;
    gap:11px!important;
    margin:8px 0 2px!important;
    padding:12px 11px!important;
    border:1px solid var(--nkm-line)!important;
    border-radius:18px!important;
    background:linear-gradient(135deg,#fff7fa,#f8f3ff)!important;
  }
  .v241-account-avatar{
    width:44px!important;height:44px!important;border-radius:50%!important;
    display:grid!important;place-items:center!important;
    background:#f3d9e5!important;color:#8f3f62!important;
    font:850 13px/1 DM Sans,system-ui,sans-serif!important;
  }
  .v241-account-card small{display:block!important;margin-bottom:2px!important;color:var(--nkm-muted)!important;font-size:10px!important}
  .v241-account-card b{display:block!important;color:var(--nkm-text)!important;font-size:14px!important;line-height:1.2!important}
  .v241-logout-item{
    margin-top:2px!important;
    color:#b33d58!important;
    background:#fff7f8!important;
    border:1px solid #f6d9e0!important;
  }
  .v241-logout-item>span:first-child{color:#b33d58!important}
  .v241-logout-item b{color:#a93450!important}

  /* Forms / modals: one-column, edge-to-edge, sticky save actions. */
  body.v241-ready .modal-backdrop,
  body.v241-ready .backdrop,
  body.v241-ready .amendment-backdrop{padding:0!important;align-items:stretch!important}
  body.v241-ready .modal,
  body.v241-ready .small-modal,
  body.v241-ready .detail-modal,
  body.v241-ready .accessory-sale-modal,
  body.v241-ready .amendment-modal,
  body.v241-ready .v19-reg-modal{
    width:100%!important;
    max-width:none!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    overflow:auto!important;
    box-shadow:none!important;
  }
  body.v241-ready .modal-head{
    position:sticky!important;
    top:0!important;
    z-index:20!important;
    padding:max(13px,env(safe-area-inset-top)) 16px 12px!important;
    border-bottom:1px solid var(--nkm-line)!important;
    background:rgba(255,255,255,.97)!important;
    backdrop-filter:blur(18px)!important;
  }
  body.v241-ready .modal-head h2{font-size:22px!important;line-height:1.15!important}
  body.v241-ready .booking-form{display:grid!important;grid-template-columns:1fr!important;gap:13px!important;padding:15px 14px calc(24px + env(safe-area-inset-bottom))!important}
  body.v241-ready .booking-form>*{grid-column:1!important}
  body.v241-ready .service-multi-list{grid-template-columns:1fr!important;max-height:none!important}
  body.v241-ready .booking-form .service-option{min-height:50px!important;border-radius:14px!important}
  body.v241-ready .form-actions{
    position:sticky!important;
    bottom:0!important;
    z-index:15!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:9px!important;
    margin:8px -14px -24px!important;
    padding:11px 14px calc(11px + env(safe-area-inset-bottom))!important;
    border-top:1px solid var(--nkm-line)!important;
    background:rgba(255,255,255,.97)!important;
    backdrop-filter:blur(16px)!important;
  }
  body.v241-ready .form-actions button{min-height:48px!important;border-radius:14px!important}

  /* Universal touch sizing. */
  body.v241-ready button,
  body.v241-ready .table-action{touch-action:manipulation}
  body.v241-ready .primary-action,
  body.v241-ready .secondary,
  body.v241-ready .compact-button{min-height:44px!important}

  /* No accidental horizontal scroll from legacy wide components. */
  body.v241-ready .cash-grid,
  body.v241-ready .detail-summary,
  body.v241-ready .accounting-reading{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  body.v241-ready .v17-delivery-card,
  body.v241-ready .v17-added-row{grid-template-columns:1fr!important}
  body.v241-ready .accessory-picker>div{align-items:flex-start!important;gap:10px!important}
  body.v241-ready .accessory-picker input{width:72px!important;flex:0 0 72px!important}
}

@media (max-width: 420px){
  body.v241-ready .content{padding-left:12px!important;padding-right:12px!important}
  body.v241-ready .content>header{margin-left:-12px!important;margin-right:-12px!important;padding-left:14px!important;padding-right:14px!important}
  body.v241-ready .agenda-filters,
  body.v241-ready .payment-filters{grid-template-columns:1fr!important}
  .v241-remun-toolbar{grid-template-columns:1fr!important}
  body.v241-ready .cash-grid,
  body.v241-ready .detail-summary,
  body.v241-ready .accounting-reading{grid-template-columns:1fr!important}
  .v241-home-photo{min-height:116px!important}
  .v241-home-hero>div:first-child{padding:14px!important}
}

/* v24.1.6 — Accueil mobile natif : la Vue générale desktop devient un vrai écran Accueil sur téléphone. */
@media (max-width:768px){
  body.v241-mobile-home .content>header h1{font-size:0!important}
  body.v241-mobile-home .content>header h1::after{content:'Accueil';font-size:24px;line-height:1.05;letter-spacing:-.035em;color:#291923}

  /* L'accueil est toujours centré sur aujourd'hui. Les filtres analytiques restent sur desktop. */
  body.v241-mobile-home .dashboard-filters{display:none!important}

  /* On retire les graphes et analyses lourdes du home mobile. Ils restent disponibles sur ordinateur. */
  body.v241-mobile-home .dashboard-grid:not(.dashboard-lower){display:none!important}

  /* Le suivi opérationnel et les alertes deviennent des cartes home compactes. */
  body.v241-mobile-home .dashboard-lower{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin:0 0 12px!important}
  body.v241-mobile-home .dashboard-lower>.card{margin:0!important;border-radius:20px!important}
  body.v241-mobile-home .dashboard-statuses{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body.v241-mobile-home .dashboard-statuses>div,
  body.v241-mobile-home .dashboard-status-button{min-height:82px!important;padding:12px!important;border-radius:16px!important}

  /* Les 4 chiffres clés forment le coeur de l'écran d'accueil. */
  body.v241-mobile-home .metrics{margin-top:0!important}
  body.v241-mobile-home .metric:nth-child(1){background:#fff0f5!important}
  body.v241-mobile-home .metric:nth-child(2){background:#eef9f1!important}
  body.v241-mobile-home .metric:nth-child(3){background:#f4efff!important}
  body.v241-mobile-home .metric:nth-child(4){background:#fff6e9!important}

  /* Employee mobile account bar: replaces the identity/logout area hidden with the desktop sidebar. */
  .v241-employee-mobile-account{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
    margin:-2px 0 12px!important;
    padding:10px 10px!important;
    border:1px solid var(--nkm-line)!important;
    border-radius:18px!important;
    background:linear-gradient(135deg,#fff7fa 0%,#f8f3ff 100%)!important;
    box-shadow:0 6px 20px rgba(42,25,36,.04)!important;
  }
  .v241-employee-account-avatar{
    width:42px!important;height:42px!important;border-radius:50%!important;
    display:grid!important;place-items:center!important;
    background:#f3d9e5!important;color:#8f3f62!important;
    font:850 12px/1 DM Sans,system-ui,sans-serif!important;
  }
  .v241-employee-account-copy{display:grid!important;gap:2px!important;min-width:0!important}
  .v241-employee-account-copy small{
    color:var(--nkm-muted)!important;font-size:9.5px!important;line-height:1.1!important;
  }
  .v241-employee-account-copy b{
    overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
    color:var(--nkm-text)!important;font-size:13px!important;line-height:1.2!important;
  }
  .v241-employee-logout{
    min-height:40px!important;
    padding:8px 10px!important;
    border:1px solid #f0ccd6!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#a93450!important;
    font:800 10.5px/1 DM Sans,system-ui,sans-serif!important;
    white-space:nowrap!important;
  }

}