/* Revisão mobile 2.3.7. Exclusiva de tela; impressão e desktop preservados. */
@media screen and (max-width:768px) {
/* 01 — Configurações: tamanho intrínseco do menu não expande a grade. */
.settings227, .settings227-shell, .settings227-menu, .settings227-content,
.settings227-content > *, .settings227-view-head > div {min-width:0!important;max-width:100%!important;box-sizing:border-box}
.settings227-shell {grid-template-columns:minmax(0,1fr)!important}
.settings227-menu nav {max-width:100%;overflow-x:auto}
.settings227-tab-copy b,.settings227-tab-copy small {white-space:normal;overflow:visible;overflow-wrap:anywhere}
.settings227-two-col,.settings227-install-grid,.settings227-info-list,.settings227-summary-grid,.settings227-app-status {grid-template-columns:minmax(0,1fr)!important}
.settings227-content :is(input,select,textarea) {max-width:100%;min-width:0;box-sizing:border-box}
/* 02 — Histórico: três opções legíveis, sem largura mínima herdada. */
.report-toolbar-pro {flex-wrap:wrap!important;min-width:0!important;width:100%!important}
.report-toolbar-pro .mini-toggle {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;min-width:0!important}
.report-toolbar-pro .mini-toggle .report-view {width:100%!important;min-width:0!important;white-space:normal!important;padding:8px 4px!important;min-height:44px!important}
.history-filterbar-115,.history-filter-summary {grid-template-columns:minmax(0,1fr)!important}
html body .content .sf-filter-bar {display:grid!important;grid-template-columns:minmax(0,1fr)!important;min-width:0!important;width:100%!important}
html body .content .sf-filter-bar > :is(.sf-filter-control,.sf-filter-field,.sf-filter-action,label) {grid-column:auto!important;width:100%!important;min-width:0!important;max-width:100%!important}
/* 03 — Comparativos: manter escala legível e rolagem local explícita. */
.compare-chart-scroll {width:100%;max-width:100%;min-width:0;overflow-x:auto!important;overscroll-behavior-x:contain}
.compare-chart-scroll::before {content:'Deslize para ver todo o gráfico ↔';display:block;font-size:12px;padding:8px 0;color:var(--muted,#667085)}
.compare-chart-canvas {width:100%!important;min-width:640px!important}
.compare-evolution-legend,.compare-chart-foot {flex-wrap:wrap;gap:10px}
/* 04 — Relatórios: filtros e cabeçalhos. */
.compare-toolbar,.compare-detail-grid,.compare-summary-grid,.report-range-inputs {grid-template-columns:minmax(0,1fr)!important;min-width:0!important;max-width:100%}
.compare-toolbar {flex-wrap:wrap!important}
.compare-toolbar > * {min-width:0!important;max-width:100%!important}
.compare-evolution-head,.compare-table-head {flex-wrap:wrap;gap:10px}
/* 05 — Concluídos: rolagem local preserva todos os campos e ações. */
.completed-table-card,.completed-table-wrap,.conference-history-table-wrap {min-width:0!important;max-width:100%!important;overflow-x:auto!important}
.completed-table-wrap::before,.conference-history-table-wrap::before {content:'Deslize para consultar as colunas e ações ↔';display:block;font-size:12px;padding:10px;position:sticky;left:0;width:230px;max-width:100%;box-sizing:border-box}
.completed-actions,.conference-history-actions,.completed-pager,.completed-pager>div,.conference-history-pager {flex-wrap:wrap;gap:8px}
.completed-filter-bar,.conference-history-filters {grid-template-columns:minmax(0,1fr)!important}
/* 06 — Conferência: gavetas cabem na viewport e rolam verticalmente. */
.conference-drawer {width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;min-width:0!important;overflow-y:auto!important}
.conference-drawer-meta,.conference-correction-grid {grid-template-columns:minmax(0,1fr)!important}
.conference-drawer-actions {flex-wrap:wrap;gap:8px}
/* 07 — Nova Compra: busca e aplicação coletiva empilhadas. */
.purchase-proto-top-controls,.purchase-proto-bulk-selectors {display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;min-width:0!important}
.purchase-proto-search,.purchase-proto-search-field {width:100%!important;min-width:0!important;max-width:100%!important}
.purchase-proto-top-controls label {min-width:0!important;width:100%!important}
/* 08 — Gestão de Produtos: sobras, estoque, qualidade e FIFO. */
.stock-workspace-head,.stock-direct-toolbar,.stock-detail-section-head,.stock-leftover-record-pro-head {flex-wrap:wrap;gap:10px;min-width:0}
.stock-leftover-facts,.stock-leftover-composition {grid-template-columns:minmax(0,1fr)!important}
.stock-leftover-record-pro,.stock-leftover-records,.stock-list-name {min-width:0;max-width:100%;overflow-wrap:anywhere}
.stock-leftover-record-actions,.stock-leftover-main-actions {flex-wrap:wrap;gap:8px}
.purchase-module :is(p,small),.stock-workspace-head :is(p,small) {white-space:normal!important;overflow-wrap:anywhere}
/* 09 — Acertos: um filtro por linha. */
.purchase-settlement-filter-grid,.purchase-settlement-fields,.purchase-settlement-summary {grid-template-columns:minmax(0,1fr)!important}
.purchase-settlement-filter-grid > * {min-width:0!important;width:100%!important;grid-column:auto!important}
.purchase-settlement-filter-action {flex-wrap:wrap!important}
/* 10 — Histórico e Análises. */
.purchase-analysis-grid,.purchase-saved-filter-grid {grid-template-columns:minmax(0,1fr)!important}
.purchase-saved-filter-grid > * {min-width:0!important;grid-column:auto!important}
.purchase-supplier-highlights > * {min-width:0;overflow-wrap:anywhere}
/* 11 — Fechamentos e seus textos. */
.closing-detail-modal .modal-card {min-width:0!important;max-width:100%!important}
.closing-period-fields,.closing-period-filters {flex-wrap:wrap;min-width:0}
.page-head .title-row > div:last-child {min-width:0;max-width:100%}
.page-head .title-row p {white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere}
/* 12 — Registrar Erro. */
.sep-form-grid,.sep-batch-store-grid,.sep-batch-row-grid {grid-template-columns:minmax(0,1fr)!important}
.sep-form-grid > *, .sep-batch-row-grid > * {min-width:0!important;grid-column:auto!important}
.sep-form-panel,.sep-batch-main {min-width:0;max-width:100%}
/* 13 — Demais abas de erros. */
.sep-filter-grid,.sep-chart-topstats {grid-template-columns:minmax(0,1fr)!important}
.sep-history-search-row,.sep-batch-store-head {flex-wrap:wrap;gap:8px}
.sep-topstat {min-width:0;overflow-wrap:anywhere}
/* 14 — Cadastros e configurações de erros. */
.sep-cadastros-grid,.sep-product-form {grid-template-columns:minmax(0,1fr)!important;min-width:0!important}
.sep-cadastros-grid > * {min-width:0!important;grid-column:auto!important;max-width:100%!important}
.sep-product-row {flex-wrap:wrap;gap:8px}
/* 15 — Caixas: textos longos e quantidades. */
.box-control-page,.box-line-wrap {min-width:0;max-width:100%}
[class*="box-"] :is(h2,h3,p,small) {overflow-wrap:anywhere}
[class*="box-"] .row-actions {flex-wrap:wrap;gap:8px}
/* 16 — Jornada, presença e desempenho. */
.people-filters,.attendance-filters {flex-wrap:wrap!important;min-width:0!important;gap:10px!important}
.people-filters > label,.attendance-filters > label {min-width:0!important;width:100%!important;flex:1 1 100%!important}
.jornada-global-actions {flex-wrap:wrap;gap:8px}
.jornada-chart-box,.jornada-chart-title > div {min-width:0;max-width:100%;overflow-wrap:anywhere}
/* 17 — Materiais. */
.materials-report-chart,.material-reports-127,.material-stock-page {min-width:0;max-width:100%}
.daily-production-line-head {flex-wrap:wrap;gap:10px}
/* 18 — Colaboradores. */
.name-cell {min-width:0;overflow-wrap:anywhere;white-space:normal!important}
.bank-actions-stack,.attendance-panel .row-actions {gap:8px;flex-wrap:wrap}
.avatar,.initial {flex-shrink:0}
/* 19 — Produtos e listas de itens. */
.product-card,.product-info,.product-main {min-width:0;max-width:100%;overflow-wrap:anywhere}
.product-card .row-actions {flex-wrap:wrap;gap:8px}
/* 20 — Usuários. */
.user-card,.user-info,.user-main {min-width:0;max-width:100%;overflow-wrap:anywhere}
.user-card .row-actions {flex-wrap:wrap;gap:8px}
/* 21 — Dashboard: valores podem quebrar sem invadir o card. */
.kpi,.kpi-card,.dash-card {min-width:0;max-width:100%}
.kpi strong,.kpi-value,.dash-kpi-value {overflow-wrap:anywhere;line-height:1.2}
}
@media screen and (max-width:768px) {
/* 22 — Gráficos: dimensões fluidas; gráficos densos recebem scroll local via apresentação. */
.m237-chart-scroll {width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.m237-chart-scroll > svg {width:100%!important;min-width:600px!important;height:auto!important;display:block}
.m237-chart-hint {display:block;font-size:12px;line-height:1.4;padding:8px 0;color:var(--muted,#667085)}
.content canvas {max-width:100%;height:auto}
.daily-line-legend,.jornada-chart-legend,.sep-line-legend {flex-wrap:wrap;gap:10px}
/* 23 — Tabelas: área própria, incluindo tabelas dentro de grids. */
.table-wrap,.conference-table-scroll,.m237-table-scroll {width:100%;max-width:100%;min-width:0!important;overflow-x:auto!important;overscroll-behavior-x:contain;box-sizing:border-box}
.m237-scroll-hint {display:block;font-size:12px;line-height:1.4;margin:6px 0;overflow-wrap:anywhere}
.table-wrap table,.m237-table-scroll table {max-width:none}
.table-wrap td,.table-wrap th {overflow-wrap:normal}
.row-actions {flex-wrap:wrap!important;gap:8px!important}
/* 24 — Textos: sem truncamento de informação auxiliar. */
.content :is(h1,h2,h3,p,small),.panel-head > div,.modal-head > div {min-width:0;overflow-wrap:anywhere}
.content :is(.page-head,.panel-head,.notice,.empty-sheet) :is(p,small) {white-space:normal!important;text-overflow:clip!important;overflow:visible!important}
.content :is(h1,h2,h3) {white-space:normal!important}
.product-bonus-toolbar,.closing-summary {flex-wrap:wrap;gap:10px}
.leader-gallery-grid,.permissions-grid {grid-template-columns:minmax(0,1fr)!important}
.user-identity-cell {white-space:normal!important}
/* 25 — Tipografia. */
.content small,.content .tag,.content label,.modal-body small {font-size:12px!important;line-height:1.4!important}
.content p {font-size:13px;line-height:1.5}
.settings227-tab-copy small {font-size:12px;line-height:1.35}
/* 26 — Toque: ações frequentes e ícones. */
:is(.content,.modal-card,.conference-drawer) :is(button,.btn),
.mobile-top-actions button,.modal-close,.purchase-toast-close {min-height:44px!important;min-width:44px;box-sizing:border-box;line-height:1.3;white-space:normal}
.att-btn,.product-menu-btn,.collab-menu-btn,.product-launch-toggle {min-height:44px!important;min-width:44px!important}
.attendance-buttons {flex-wrap:wrap;gap:8px}
/* 27 — Campos: leitura sem zoom e largura disponível. */
:is(.content,.modal-card,.conference-drawer) :is(input:not([type=checkbox]):not([type=radio]),select,textarea) {font-size:16px!important;min-height:44px;min-width:0!important;max-width:100%!important;box-sizing:border-box}
:is(.field,.form-field,.purchase-proto-top-controls) :is(input:not([type=checkbox]):not([type=radio]),select,textarea) {width:100%!important}
.content label {min-width:0;max-width:100%}
/* 28 — Modais: cabeçalho/ações e corpo rolável. */
.modal-overlay {padding:8px!important;box-sizing:border-box;max-height:100dvh;overflow-y:auto;align-items:center}
.modal-card {display:flex!important;flex-direction:column;width:100%!important;min-width:0!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;margin:0!important}
.modal-head,.modal-actions {flex:0 0 auto;gap:8px;padding:12px!important;flex-wrap:wrap}
.modal-head {flex-wrap:nowrap}
.modal-head h2 {font-size:19px;overflow-wrap:anywhere}
.modal-close {flex:0 0 44px}
.modal-body {min-height:0;min-width:0;overflow-y:auto!important;padding:12px!important;overscroll-behavior:contain}
.modal-body :is(.form-grid,.grid-2,.grid-3) {grid-template-columns:minmax(0,1fr)!important}
.modal-actions .btn {flex:1 1 120px}
.global-period-popover,.global-date-popover,.global-month-popover {max-height:calc(100dvh - 24px)!important;max-width:calc(100vw - 24px)!important;box-sizing:border-box}
/* 29 — Abas: rolagem perceptível, seleção visível via apresentação. */
.purchase-main-tabs,.purchase-conference-subtabs,.report-subtabs,.sep-tabs,.box2-tabs,.settings227-menu nav {
  min-width:0!important;max-width:100%!important;overflow-x:auto!important;flex-wrap:nowrap!important;
  scrollbar-width:thin!important;scrollbar-color:#679b7d transparent;scroll-padding-inline:12px;overscroll-behavior-x:contain;padding-bottom:7px!important;
}
:is(.purchase-main-tabs,.purchase-conference-subtabs,.report-subtabs,.sep-tabs,.box2-tabs) > button {flex:0 0 auto;max-width:240px;min-height:44px}
.settings227-menu nav::-webkit-scrollbar {display:block;height:5px}
.settings227-menu nav::-webkit-scrollbar-thumb {background:#679b7d;border-radius:8px}
/* 30 — Navegação inferior. */
.mobile-shell {padding-bottom:calc(6px + env(safe-area-inset-bottom,0px))!important;max-width:100vw;box-sizing:border-box;scroll-padding-inline:12px;scrollbar-width:thin!important}
.mobile-shell button {min-height:52px!important;min-width:78px!important;flex:0 0 90px!important}
.mobile-shell button small {font-size:11px!important;line-height:1.2;white-space:normal!important;overflow-wrap:anywhere}
/* 31 — Header mobile. */
.mobile-topbar {height:auto!important;min-height:64px;gap:8px;padding-top:calc(10px + env(safe-area-inset-top,0px))!important;box-sizing:border-box}
.mobile-brand,.mobile-brand-copy {min-width:0!important}
.mobile-brand-copy :is(strong,small) {white-space:normal!important;overflow-wrap:anywhere;line-height:1.3}
.mobile-top-actions {flex-shrink:0;gap:6px}
/* 32 — Contraste dos novos elementos no tema escuro. */
html[data-theme=dark] :is(.m237-scroll-hint,.m237-chart-hint,.compare-chart-scroll::before) {color:#b8cfc1}
html[data-theme=dark] .m237-scroll-hint {border-color:#476d57}
/* 34 — Recortes e barra de gestos. */
.content {padding-left:max(12px,env(safe-area-inset-left,0px))!important;padding-right:max(12px,env(safe-area-inset-right,0px))!important;padding-bottom:calc(114px + env(safe-area-inset-bottom,0px))!important}
/* 35 — Altura dinâmica; viewport-fit aplicado somente ao metadado. */
.shell,.login-page {min-height:100dvh}
/* 36 — Conter tamanhos intrínsecos, sem esconder conteúdo global. */
.shell,.main,.content,.content > *,.content :where(section,article,div,form) {min-width:0;box-sizing:border-box}
.main,.content,.content > .page-head,.content > .card {max-width:100%}
.page-head,.panel-head {flex-wrap:wrap;gap:10px}
.content img {max-width:100%}
/* 37 — Uma única fronteira de ativação; tamanhos menores refinam esta camada. */
/* 43 — Estados vazios. */
.empty-sheet,.completed-empty {min-width:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere;padding:20px 12px!important;box-sizing:border-box}
/* 44 — Mensagens. */
.purchase-toast {max-width:calc(100vw - 24px)!important;min-width:0!important;box-sizing:border-box;gap:8px;flex-wrap:wrap}
.purchase-toast > div {min-width:0;flex:1 1 160px;overflow-wrap:anywhere}
.purchase-toast :is(span,b) {white-space:normal!important}
/* 45 — Foco e nomes dos controles (complementados no JS apenas mobile). */
:is(button,a,input,select,textarea,[tabindex]):focus-visible {outline:3px solid #168b58!important;outline-offset:2px}
html[data-theme=dark] :is(button,a,input,select,textarea,[tabindex]):focus-visible {outline-color:#85edb2!important}
/* 46 — A camada visual não cria gráficos nem lê/grava dados. Um observer agrupado por frame. */
/* 47 — Nenhuma regra desta folha é aplicada no desktop ou na impressão. */
}
/* 33 — Paisagem com altura reduzida. */
@media screen and (max-width:768px) and (max-height:500px) {
  .mobile-topbar {position:relative!important}
  .modal-head,.modal-actions {padding:8px!important}
  .modal-card {max-height:calc(100dvh - 8px)!important}
}
/* 38 — 320–360 px: uma coluna em formulários e indicadores densos. */
@media screen and (max-width:360px) {
  .content .card.panel {padding:12px!important}
  .purchase-kpis,.sep-kpis,.users-kpis,.bank-summary-grid,.product-bonus-kpis {grid-template-columns:minmax(0,1fr)!important}
  .mobile-brand-logo {width:38px!important;max-height:44px;object-fit:contain}
  .mobile-brand-copy strong {font-size:13px!important}
  .settings227-view-head {padding:12px;gap:8px}
}
/* 39 — Faixa principal 360–390 px. */
@media screen and (max-width:390px) {
  .purchase-proto-row,.purchase-proto-row-control,.purchase-saved-edit-row {grid-template-columns:minmax(0,1fr)!important}
  .purchase-proto-row > *, .purchase-saved-edit-row > * {grid-column:auto!important;min-width:0!important}
  .modal-actions .btn {flex-basis:100%}
}
/* 40 — Campos aproveitam toda a largura de 412–430 px, sem medidas em pixels. */
@media screen and (max-width:520px) {
  .purchase-proto-row,.purchase-proto-row-control {grid-template-columns:minmax(0,1fr)!important}
  .purchase-proto-row > * {grid-column:auto!important;min-width:0!important}
  .purchase-proto-row .purchase-proto-remove {justify-self:end;position:static!important}
  .purchase-filter-grid,.conference-active-filter-grid,.purchase-settlement-kpis,.purchase-saved-edit-row {grid-template-columns:minmax(0,1fr)!important}
  .purchase-filter-grid > *,.conference-active-filter-grid > *,.purchase-saved-edit-row > * {grid-column:auto!important;min-width:0!important}
  .product-bonus-toolbar {flex-direction:column;align-items:stretch}
}
/* 41 — Tablet: duas colunas somente nos resumos; formulários mantêm legibilidade. */
@media screen and (min-width:600px) and (max-width:768px) {
  .settings227-summary-grid,.purchase-kpis,.sep-kpis {grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
/* Revisão pela gravação de 24/09 — correção 1: abas reais de Compras (01:08). */
@media screen and (max-width:768px) {
  .content .purchase-proto-nav {
    display:flex!important;flex-wrap:nowrap!important;gap:8px!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    overflow-x:auto!important;scrollbar-width:thin;scroll-padding-inline:8px;
    overscroll-behavior-x:contain;padding-bottom:8px!important;
  }
  .content .purchase-proto-nav > .purchase-main-tab {
    flex:0 0 auto!important;width:auto!important;min-width:max-content!important;
    max-width:none!important;white-space:nowrap!important;min-height:44px!important;
    padding:10px 14px!important;font-size:14px!important;line-height:1.3!important;
  }
}
/* Correção 2: abas verticais usam a largura disponível (02:12). */
@media screen and (max-width:768px) {
  .content .report-subtabs {display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;overflow:visible!important}
  .content .report-subtabs > .report-tab {width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box;white-space:normal!important}
}
/* Correção 3: checkbox não herda dimensão de campo de formulário (02:27–02:29). */
@media screen and (max-width:768px) {
  .settings227 .settings229-alert-days .alert-weekdays {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .settings227 .settings229-alert-days .alert-weekdays label {height:auto!important;min-height:44px!important;padding:8px!important;justify-content:flex-start!important;gap:10px!important}
  .settings227 .settings229-alert-days .alert-weekdays input[type=checkbox],
  .settings227 .settings229-alert-toggle input[type=checkbox] {
    width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;
    max-width:20px!important;max-height:20px!important;flex:0 0 20px!important;margin:0!important;
    padding:0!important;transform:none!important;accent-color:#138249;
  }
  .settings227 .settings229-alert-toggle {min-height:44px;gap:8px}
}
/* Correção 4: texto SVG com escala legível e rolagem interna (00:30). */
@media screen and (max-width:768px) {
  .dashboard-v215 .d215-chart-wrap {overflow-x:auto!important;overflow-y:hidden;min-width:0;max-width:100%;overscroll-behavior-x:contain;scrollbar-width:thin}
  .dashboard-v215 .d215-chart-wrap svg {width:920px!important;min-width:920px!important;max-width:none!important;height:auto!important;min-height:0!important;display:block}
  .dashboard-v215 .d215-chart-wrap .d215-axis-label {font-size:14px!important}
  .dashboard-v215 .d215-chart-wrap .d219-total-label {font-size:14px!important}
  .dashboard-v215 .d215-chart-wrap .d217-value-pill text {font-size:12px!important}
  .dashboard-v215 .d215-chart-wrap[data-mobile237-compact-chart] {overflow:hidden!important}
  .dashboard-v215 .d215-chart-wrap[data-mobile237-compact-chart] svg {width:100%!important;min-width:0!important;max-width:100%!important}
  .dashboard-v215 .d215-chart-wrap[data-mobile237-compact-chart] :is(.d215-axis-label,.d219-total-label) {font-size:var(--m237-svg-label-size,38px)!important}
}
/* Correção 5: indicador de rolagem do menu que já é arrastável. */
@media screen and (max-width:768px) {
  .mobile-shell.mobile-shell-scroll {scrollbar-width:thin!important;scroll-snap-type:x proximity!important;scrollbar-color:#679b7d transparent}
  .mobile-shell.mobile-shell-scroll::-webkit-scrollbar {display:block!important;height:4px!important}
  .mobile-shell.mobile-shell-scroll::-webkit-scrollbar-thumb {background:#679b7d;border-radius:8px}
}
/* Segunda gravação: período do Dashboard cortado pelo grid legado de duas datas. */
@media screen and (max-width:768px) {
  .dashboard-v215 .d215-period {display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;gap:8px 12px!important;align-items:center!important}
  .dashboard-v215 .d215-period-main {display:contents!important}
  .dashboard-v215 .d215-period-icon {grid-column:1;grid-row:1}
  .dashboard-v215 .d215-period-main > .d215-kicker {grid-column:2;grid-row:1}
  .dashboard-v215 .d215-period-inputs {display:flex!important;grid-column:1 / -1!important;grid-row:2;min-width:0!important;width:100%!important;gap:0!important}
  .dashboard-v215 .d215-period-inputs .global-period-unified-container,
  .dashboard-v215 .d215-period-inputs .global-period-single,
  .dashboard-v215 .d215-period-inputs .global-period-control {width:100%!important;max-width:100%!important;min-width:0!important;flex:1 1 100%!important}
  .dashboard-v215 .d215-period-inputs .global-period-display {width:100%!important;max-width:100%!important;padding-left:10px!important;padding-right:46px!important;font-size:16px!important;letter-spacing:-.025em}
  .content .sep-tabs {display:flex!important;gap:8px!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:thin!important;scroll-padding-inline:8px}
  .content .sep-tabs > .sep-tab {flex:0 0 auto!important;width:auto!important;min-width:max-content!important;max-width:none!important;min-height:44px!important;padding:10px 14px!important;font-size:14px!important;white-space:nowrap!important}
}