/* NONE TELEFONE 3.2.6 — Responsive product layer.
   Scoped layout-only rules. No financial access, authentication, network,
   WhatsApp, form submission or document signing logic is modified here.
   Applied after all previous styles to resolve legacy style conflicts. */
:root {
  --nm-ink:#27173c;
  --nm-sub:#625478;
  --nm-blue:#632ea8;
  --nm-navy:#201234;
  --nm-border:#e5e2ea;
  --nm-white:#fff;
  --nm-muted:#faf9f6;
  --nm-shadow:0 4px 18px rgba(35, 19, 58,.055);
}
/* Form redesign is shared by desktop and mobile; not a bright blue panel. */
.admin-content form.panel.lead-create {
  background:#fff!important;
  background-image:none!important;
  border:1px solid var(--nm-border)!important;
  border-radius:18px!important;
  color:var(--nm-ink)!important;
  box-shadow:var(--nm-shadow)!important;
  padding:clamp(18px,2.5vw,30px)!important;
  max-width:930px;
  margin:0 auto 22px!important;
}
.admin-content form.panel.lead-create :where(h2,h3,label,label>span,strong) {
  color:var(--nm-ink)!important;
  text-shadow:none!important;
}
.admin-content form.panel.lead-create .lead-section-title {
  border-bottom:1px solid #efedf2;
  padding-bottom:17px;
  margin-bottom:20px;
  align-items:center;
}
.admin-content form.panel.lead-create .lead-section-title>div>span {
  background:#faf7f1!important;
  color:var(--nm-blue)!important;
  border-radius:13px!important;
}
.admin-content form.panel.lead-create .lead-section-title h2 {
  color:var(--nm-ink)!important;
  font-size:clamp(17px,2vw,20px)!important;
  line-height:1.3;
  font-weight:770!important;
}
.admin-content form.panel.lead-create .lead-section-title>button {
  width:42px;
  min-width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:11px!important;
  color:#64547b!important;
  background:#faf8f5!important;
}
.admin-content form.panel.lead-create .lead-form-grid {gap:18px!important;margin-top:0!important}
.admin-content form.panel.lead-create .lead-form-grid label {min-width:0;gap:8px!important}
.admin-content form.panel.lead-create .lead-form-grid label>span {
  font-size:13px!important;
  font-weight:660!important;
  line-height:1.4;
}
.admin-content form.panel.lead-create :where(input,textarea,select) {
  background:#fff!important;
  color:var(--nm-ink)!important;
  border:1px solid #d8cee6!important;
  border-radius:12px!important;
  min-height:48px;
  font-size:15px!important;
  line-height:1.45!important;
  box-shadow:none!important;
  padding:12px 14px!important;
}
.admin-content form.panel.lead-create :where(input,textarea,select):focus {
  outline:none!important;
  border-color:#7d42cb!important;
  box-shadow:0 0 0 3px rgba(99, 46, 168,.13)!important;
}
.admin-content form.panel.lead-create textarea {min-height:112px!important}
.admin-content form.panel.lead-create .lead-form-actions {
  display:flex;
  gap:10px;
  border-top:1px solid #efedf2;
  margin-top:22px;
  padding-top:19px;
  justify-content:flex-end;
}
.admin-content form.panel.lead-create .lead-form-actions .button {
  min-height:46px;
  padding-inline:20px;
  border-radius:11px;
  font-size:13.5px;
}
.admin-content form.panel.lead-create .lead-form-actions .button--primary {
  background:var(--nm-blue)!important;
  border-color:var(--nm-blue)!important;
  color:#fff!important;
}
.admin-content form.panel.lead-create .lead-form-actions .button--ghost {
  background:#fff!important;
  border:1px solid #e0d7ec!important;
  color:#54436e!important;
}

/* No card forces text/numbers to break a Brazilian currency amount mid-number. */
.admin-content :where(.op-summary,.metric-grid,.inventory-summary-grid,.finance-private-grid) > :where(article,div) {
  min-width:0!important;
}
.admin-content :where(.op-summary,.metric-grid) > article > strong,
.admin-content .op-summary article strong {
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
  font-variant-numeric:tabular-nums;
}

@media (max-width:900px) {
  html,body,#root {max-width:100%;}
  .admin-shell {min-width:0;}
  /* Trustworthy full-color brand: no CSS negative / inversion filter. */
  .admin-shell .mobile-bar {
    height:67px!important;
    min-height:67px!important;
    box-sizing:border-box;
    padding:0 15px!important;
    background:var(--nm-navy)!important;
    background-image:none!important;
    border-bottom:1px solid #3f2a5d!important;
    box-shadow:0 3px 14px rgba(26, 14, 43,.13)!important;
  }
  .admin-shell .mobile-bar .brand {
    display:flex!important;
    align-items:center;
    justify-content:flex-start;
    flex:0 0 auto;
    min-width:0;
    width:auto!important;
    max-width:calc(100vw - 138px);
    height:47px!important;
    min-height:47px!important;
    padding:6px 9px!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  .admin-shell .mobile-bar .brand__logo,
  .admin-shell .mobile-bar img.brand__logo {
    width:142px!important;
    max-width:100%!important;
    height:35px!important;
    max-height:35px!important;
    object-fit:contain!important;
    object-position:left center!important;
    filter:none!important;
    transform:none!important;
  }
  .admin-shell .mobile-bar__actions {flex:0 0 auto;gap:8px;}
  .admin-shell .mobile-bar__actions button {
    width:42px!important;height:42px!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.075)!important;
    color:#fbf8f3!important;
  }
  /* 5 stable equal-width slots, not the inherited 6/7-column legacy grid. */
  .admin-shell .mobile-nav {
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    grid-template-rows:1fr;
    gap:0!important;
    box-sizing:border-box;
    width:100%!important;
    min-width:0!important;
    height:calc(72px + env(safe-area-inset-bottom))!important;
    min-height:72px!important;
    padding:6px 7px calc(7px + env(safe-area-inset-bottom))!important;
    background:rgba(255,255,255,.985)!important;
    box-shadow:0 -4px 20px rgba(35, 19, 58,.075)!important;
    border-top:1px solid #e4ddee!important;
    overflow:visible!important;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
  }
  .admin-shell .mobile-nav > button {
    min-width:0!important;
    width:100%!important;
    height:100%!important;
    border-radius:10px!important;
    padding:4px 0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    margin:0!important;
    text-align:center!important;
    white-space:nowrap!important;
    font-size:10.5px!important;
    line-height:1.15!important;
  }
  .admin-shell .mobile-nav > button > span {
    display:block;
    min-width:0;
    width:100%;
    overflow:hidden!important;
    text-overflow:ellipsis;
    overflow-wrap:normal!important;
    word-break:keep-all!important;
    white-space:nowrap!important;
    font-size:10.5px!important;
    font-weight:650!important;
    line-height:1.25!important;
    letter-spacing:-.015em;
  }
  .admin-shell .mobile-nav > button:not(.mobile-nav__primary) svg {
    width:22px!important;height:22px!important;flex:0 0 22px;
  }
  .admin-shell .mobile-nav > button.mobile-nav__primary svg {
    width:43px!important;height:43px!important;
    padding:10px!important;
    margin:-10px 0 -1px!important;
    background:var(--nm-blue)!important;
    border-radius:15px!important;
    box-shadow:0 4px 12px rgba(99, 46, 168,.18)!important;
  }
  .admin-shell .mobile-nav > button.mobile-nav__primary > span {
    color:#552f86!important;
  }
  .admin-content {
    box-sizing:border-box;
    max-width:100vw;
    padding-bottom:calc(92px + env(safe-area-inset-bottom))!important;
  }
  .admin-content :where(.page,.attendance-page,.leads-page,.inventory-page,.cv,.settings-page-v13) {
    min-width:0!important;
    max-width:100%!important;
  }
  .admin-content :where(.page-heading,.attendance-heading,.leads-heading,.op-heading) {
    min-width:0;flex-wrap:wrap;
  }
  .admin-content :where(.page-heading,.attendance-heading,.leads-heading,.op-heading) h1 {
    font-size:clamp(23px,4vw,28px)!important;
    line-height:1.17!important;
    letter-spacing:-.042em!important;
  }
  .admin-content :where(.page,.inventory-page,.cv) :where(.op-summary,.metric-grid) {min-width:0;}
  .admin-content :where(.op-summary,.metric-grid,.inventory-summary-grid) article {
    border-radius:15px!important;
    box-sizing:border-box!important;
  }
  .admin-content :where(.op-summary,.metric-grid) article strong {
    font-variant-numeric:tabular-nums;
    letter-spacing:-.04em;
  }
  .admin-content :where(.inventory-page,.cv,.customer-profile,.settings-page-v13) :where(input,select,textarea) {
    max-width:100%!important;
    box-sizing:border-box;
  }
  .admin-content .op-table-wrap,.admin-content .inventory-list-panel {max-width:100%;}
  .admin-content :where(.op-table-wrap,.cv-table-wrap) {overscroll-behavior-x:contain;}
  /* Customer and contract titles must break as natural words, never per-character. */
  .admin-content :where(.attendance-card__name,.lead-card__name,.customer-profile__header h2,.cv-list strong) {
    white-space:normal!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    line-height:1.36!important;
  }
}

@media (max-width:580px) {
  .admin-shell .mobile-bar {height:63px!important;min-height:63px!important;padding-inline:13px!important;}
  .admin-shell .mobile-bar .brand {height:43px!important;min-height:43px!important;padding:5px 7px!important;}
  .admin-shell .mobile-bar .brand__logo {height:33px!important;max-height:33px!important;width:134px!important;}
  .admin-content {padding:76px 14px calc(92px + env(safe-area-inset-bottom))!important;}
  .admin-content .attendance-eyebrow {display:none!important;}
  .admin-content .attendance-page--v303 .attendance-heading {gap:12px!important;}
  .admin-content .attendance-page--v303 .attendance-heading p {
    font-size:12px!important;line-height:1.5!important;
    max-width:32rem;
  }
  .admin-content .attendance-page--v303 .attendance-heading__actions {
    display:grid!important;
    grid-template-columns:minmax(96px,.85fr) minmax(0,1.25fr)!important;
    gap:9px!important;
    align-self:stretch!important;
    width:100%;
  }
  .admin-content .attendance-page--v303 .attendance-heading__actions > button {
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    font-size:12px!important;
    padding:9px 7px!important;
    justify-content:center!important;
    white-space:normal!important;
    line-height:1.25!important;
  }
  .admin-content .attendance-page--v303 .attendance-summary--v303 {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  .admin-content .attendance-page--v303 .attendance-summary--v303>button {
    min-width:0!important;
    min-height:110px!important;
    padding:12px!important;
    display:flex!important;
    align-items:flex-start!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    gap:8px!important;
    border-radius:15px!important;
    border-width:1px!important;
  }
  .admin-content .attendance-page--v303 .attendance-summary--v303>button>span {
    width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:10px!important;
  }
  .admin-content .attendance-page--v303 .attendance-summary--v303 strong {
    font-size:23px!important;line-height:1.08!important;margin-top:2px!important;
  }
  .admin-content .attendance-page--v303 .attendance-summary--v303 small {
    font-size:11.2px!important;line-height:1.35!important;
    overflow-wrap:normal!important;word-break:normal!important;
  }
  .admin-content .attendance-page--v303 .attendance-summary--v303 em {font-size:10.5px!important;line-height:1.35!important;}
  .admin-content .attendance-page--v303 .attendance-budget-alert--v303 {gap:10px!important;padding:13px!important;}
  .admin-content .attendance-page--v303 .attendance-controls--v303 {
    padding:14px!important;
    border-radius:16px!important;
    gap:13px!important;
  }
  .admin-content .attendance-page--v303 .attendance-toolbar--v303 {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px!important;
  }
  .admin-content .attendance-page--v303 .attendance-toolbar--v303 label {min-width:0;height:44px;}
  .admin-content .attendance-page--v303 .attendance-toolbar--v303 input {min-width:0!important;font-size:12px!important;}
  .admin-content .attendance-page--v303 .attendance-toolbar--v303>button {min-width:0!important;padding:8px 10px!important;}
  .admin-content .attendance-page--v303 .attendance-viewline {
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:12px!important;
  }
  .admin-content .attendance-page--v303 .attendance-viewline__copy {gap:8px;}
  .admin-content .attendance-page--v303 .attendance-viewline__copy h2 {font-size:15px!important;}
  .admin-content .attendance-page--v303 .attendance-viewline__tools {
    width:100%;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    align-items:center!important;
    gap:9px!important;
  }
  .admin-content .attendance-page--v303 .attendance-viewline__tools>* {min-width:0!important;max-width:100%!important;}
  .admin-content .attendance-page--v303 .attendance-viewline__tools .attendance-today-filter {width:100%;justify-content:center;min-height:42px;}
  .admin-content .attendance-page--v303 .attendance-viewline__tools .attendance-sort-label {
    width:100%;min-height:42px;display:flex;align-items:center;
  }
  .admin-content .attendance-page--v303 .attendance-viewline__tools .attendance-sort-label select {
    width:100%;min-width:0!important;max-width:100%;height:42px;font-size:12px!important;
  }
  .admin-content .attendance-page--v303 .attendance-view-switch {
    grid-column:1 / -1;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
    min-width:0!important;
    gap:4px!important;
  }
  .admin-content .attendance-page--v303 .attendance-view-switch>button {width:100%!important;min-width:0!important;height:38px!important;}
  .admin-content .attendance-page--v303 .attendance-stage-filter--v303 {
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x proximity;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch;
    gap:8px!important;
    margin:0 -14px!important;
    padding:2px 14px 11px!important;
    max-width:calc(100% + 28px);
  }
  .admin-content .attendance-page--v303 .attendance-stage-filter--v303::-webkit-scrollbar {display:none;}
  .admin-content .attendance-page--v303 .attendance-stage-filter--v303>button {
    flex:0 0 auto!important;
    scroll-snap-align:start;
    display:inline-flex!important;
    align-items:center;justify-content:center;
    min-height:38px!important;
    white-space:nowrap!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    padding:8px 13px!important;
    border-radius:999px!important;
    font-size:12px!important;
  }
  /* Prevent the full dashboard from compressing monetary amounts across columns. */
  .admin-content .page .op-summary:not(.inventory-page .op-summary),
  .admin-content .page .metric-grid {
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
  }
  .admin-content .page .op-summary:not(.inventory-page .op-summary)>article,
  .admin-content .page .metric-grid>article {
    min-height:94px!important;
    padding:17px 18px!important;
    justify-content:center;
    align-items:flex-start!important;
  }
  .admin-content .page .op-summary article strong,
  .admin-content .page .metric-grid article strong {
    font-size:clamp(23px,6.6vw,31px)!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    letter-spacing:-.045em!important;
  }
  .admin-content .page .op-summary article small,
  .admin-content .page .metric-grid article small {font-size:12px!important;line-height:1.4!important;}
  /* Operations and tables: full-width controls and independent horizontal table scrolling. */
  .admin-content .page .op-filter-row,
  .admin-content .page .op-toolbar {min-width:0;max-width:100%;flex-wrap:wrap;}
  .admin-content .page .op-filter-row>select,
  .admin-content .page .op-toolbar>select {max-width:100%;}
  .admin-content :where(.cv,.inventory-page,.customer-profile) :where(.cv-grid,.op-form-grid,.form-grid) {
    grid-template-columns:minmax(0,1fr)!important;
  }
  .admin-content .page :where(.panel,.analytics-card,.form-panel) {max-width:100%;}
  /* Full white intake form, not a blue panel, with a single column and proper actions. */
  .admin-content form.panel.lead-create {
    max-width:100%;
    padding:18px!important;
    margin:0 0 17px!important;
    border-radius:16px!important;
  }
  .admin-content form.panel.lead-create .lead-form-grid {
    grid-template-columns:minmax(0,1fr)!important;gap:15px!important;
  }
  .admin-content form.panel.lead-create .lead-form-actions {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:9px!important;
  }
  .admin-content form.panel.lead-create .lead-form-actions>button {
    width:100%!important;
    min-height:48px!important;
    justify-content:center!important;
    white-space:normal!important;
  }
}

@media (max-width:350px){
  .admin-shell .mobile-bar .brand__logo{width:120px!important;}
  .admin-shell .mobile-nav>button>span{font-size:9.6px!important;}
  .admin-content .page .op-summary article strong{font-size:22px!important;}
}

/* Public documents are read in mobile browsers, independent of the Android app. */
.public-page {
  background:#f9f8f5!important;
  min-height:100vh;
  color:var(--nm-ink);
}
.public-page .public-topbar {
  height:77px!important;
  max-width:880px!important;
  padding:9px 17px!important;
  box-sizing:border-box;
  gap:12px;
}
.public-page .public-topbar .brand {
  display:flex!important;align-items:center!important;justify-content:center;
  width:auto!important;min-width:0;max-width:55%;
  height:51px!important;min-height:51px!important;
  border-radius:11px!important;
  background:#fff!important;
  padding:8px 10px!important;
  box-sizing:border-box;
  border:1px solid #ece9f1;
}
.public-page .public-topbar .brand__logo {
  display:block!important;
  width:145px!important;
  max-width:100%!important;
  height:auto!important;
  max-height:36px!important;
  object-fit:contain!important;
  filter:none!important;
  transform:none!important;
}
.public-page .public-topbar>span {color:#67567f!important;font-size:12px!important;white-space:nowrap;}
.public-page .document {
  max-width:850px;
  background:#fff!important;
  border:1px solid #e8e5ec!important;
  border-radius:18px!important;
  overflow:hidden;
  box-shadow:0 9px 30px rgba(36, 17, 63,.075)!important;
}
.public-page .document__header {
  padding:24px 28px 20px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-start!important;
  gap:11px 16px!important;
  background:#fff!important;
  background-image:none!important;
  color:var(--nm-ink)!important;
  border-bottom:1px solid #efedf2!important;
}
.public-page .document__header .eyebrow {color:#532f86!important;letter-spacing:.06em!important;font-weight:740!important;}
.public-page .document__header h1 {
  color:var(--nm-ink)!important;
  margin:6px 0 9px!important;
  font-size:clamp(23px,3.6vw,31px)!important;
  line-height:1.15!important;
  letter-spacing:-.035em!important;
}
.public-page .document__header p {color:#756689!important;font-size:13px!important;line-height:1.45!important;}
.public-page .steps {
  background:#fff!important;
  color:#6b5b85!important;
  min-width:0;
  padding:18px 28px 20px!important;
  border-bottom:1px solid #efedf2;
}
.public-page .document-section {
  background:#fff!important;
  padding:24px 28px!important;
  border-top:1px solid #f6f3ef!important;
}
.public-page .document-grid {min-width:0;gap:16px!important;}
.public-page .document-grid>div {min-width:0;}
.public-page .document-grid dd {
  overflow-wrap:break-word!important;
  word-break:normal!important;
  white-space:normal!important;
  line-height:1.52!important;
}
@media(max-width:580px){
  .public-page {padding:0 12px 28px!important;}
  .public-page .public-topbar {height:68px!important;padding:8px 0!important;}
  .public-page .public-topbar .brand {height:46px!important;min-height:46px!important;padding:7px!important;}
  .public-page .public-topbar .brand__logo {width:133px!important;max-height:32px!important;}
  .public-page .public-topbar>span {font-size:11px!important;}
  .public-page .document {border-radius:14px!important;}
  .public-page .document__header {padding:21px 18px 18px!important;flex-direction:column!important;gap:10px!important;}
  .public-page .document__header h1 {font-size:26px!important;}
  .public-page .steps {
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:4px!important;
    padding:18px 8px 16px!important;
    overflow:visible!important;
  }
  .public-page .steps>i {display:none!important;}
  .public-page .steps>div {
    min-width:0!important;
    width:100%!important;
    gap:5px!important;
    padding:0 2px;
  }
  .public-page .steps>div span {width:32px!important;height:32px!important;min-width:32px!important;}
  .public-page .steps>div small {
    font-size:10.5px!important;
    line-height:1.25!important;
    text-align:center!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  .public-page .document-section {padding:21px 17px!important;}
  .public-page .document-grid {grid-template-columns:minmax(0,1fr)!important;gap:17px!important;}
  .public-page .document-grid dt {font-size:11px!important;letter-spacing:.025em!important;}
  .public-page .document-grid dd {font-size:15px!important;}
  .public-page :where(img,video,canvas) {max-width:100%!important;height:auto;}
  .public-page :where(button,a,[role="button"]) {max-width:100%;}
}
@media print {
  .public-page{background:#fff!important;padding:0!important;}
  .public-page .document {border:0!important;box-shadow:none!important;}
  .public-page .public-topbar {display:none!important;}
}
/* Shared small-screen rules for secondary operational modules. */
@media(max-width:580px) {
  .admin-content :where(.customer-layout,.customer-main,.customer-grid,.customer-split,.customer-profile__stats) {
    min-width:0;max-width:100%;
  }
  .admin-content :where(.customer-layout,.customer-grid,.customer-split) {
    grid-template-columns:minmax(0,1fr)!important;
  }
  .admin-content :where(.customer-list-card,.customer-profile,.cv-card,.inventory-list-panel) {
    min-width:0!important;
    max-width:100%;
    border-radius:16px!important;
  }
  .admin-content .customer-profile__header,
  .admin-content .customer-profile__stats {flex-wrap:wrap;gap:12px;}
  .admin-content .customer-profile__header h2 {font-size:17px!important;}
  .admin-content .customer-list-card :where(input,button) {max-width:100%;}
  .admin-content .inventory-page .inventory-tabs {
    display:flex!important;flex-wrap:nowrap!important;
    overflow-x:auto!important;overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    gap:7px;
    padding-bottom:6px;
  }
  .admin-content .inventory-page .inventory-tabs::-webkit-scrollbar{display:none;}
  .admin-content .inventory-page .inventory-tabs>button {
    flex:0 0 auto!important;
    min-height:42px;
    white-space:nowrap!important;
  }
  .admin-content .inventory-page .inventory-main-actions {
    display:flex;flex-wrap:wrap;gap:8px;
  }
  .admin-content .inventory-page .inventory-main-actions>button {
    min-height:43px;max-width:100%;
    padding:9px 13px;
    white-space:normal;
  }
  .admin-content .inventory-page :where(.op-toolbar,.inventory-filters) {
    display:flex;flex-wrap:wrap;gap:8px;
  }
  .admin-content .inventory-page :where(.op-toolbar,.inventory-filters)>:where(input,select) {
    flex:1 1 135px;min-width:0!important;max-width:100%;
  }
  .admin-content .cv .cv-toolbar {display:flex;flex-wrap:wrap;gap:9px!important;}
  .admin-content .cv .cv-toolbar :where(input,select) {
    flex:1 1 160px;min-width:0!important;max-width:100%;
  }
  .admin-content .cv .cv-tabs,
  .admin-content .cv .cv-stepper {
    max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;
  }
  .admin-content .cv .cv-actions--sticky {
    max-width:100vw;flex-wrap:wrap;
    padding:10px 13px calc(12px + env(safe-area-inset-bottom));
  }
  .admin-content .cv .cv-actions--sticky>button {
    flex:1 1 145px;min-width:0;white-space:normal;
  }
  .admin-content :where(.cv,.inventory-page,.op-page) :where(.op-modal,.inventory-modal,.cv-modal) {
    max-width:calc(100vw - 20px);
    max-height:calc(100dvh - 22px);
    overflow:auto;
    border-radius:16px!important;
    box-sizing:border-box;
  }
  .admin-content :where(.settings-sections,.op-tabs) {
    display:flex;flex-wrap:nowrap;overflow-x:auto;
    overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .admin-content :where(.settings-sections,.op-tabs)::-webkit-scrollbar {display:none;}
  .admin-content :where(.settings-sections,.op-tabs)>button {flex:0 0 auto;white-space:nowrap;}
}