/*
 * CRM-ТО 2.36.7 — global mobile cabinet layer.
 * Applies to every frontend CRM tab, while the specialised records/report
 * table workspace remains in er-mobile-tables.css.
 */

.er-mobile-secondary-filter-toggle,
.er-mobile-cabinet-view-label{display:none}

/* Dashboard — clear grouping on every screen. */
.er-dashboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.er-dashboard-live-status{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:6px 10px;border:1px solid #dbe4ef;border-radius:999px;background:#f8fafc;color:#64748b;font-size:11px;font-weight:850;white-space:nowrap}
.er-dashboard-live-status::before{content:"";width:8px;height:8px;border-radius:50%;background:#94a3b8;box-shadow:0 0 0 4px rgba(148,163,184,.14)}
.er-dashboard-live-status.is-ok{border-color:#bbf7d0;background:#f0fdf4;color:#166534}
.er-dashboard-live-status.is-ok::before{background:#16a34a;box-shadow:0 0 0 4px rgba(22,163,74,.12)}
.er-dashboard-live-status.is-error{border-color:#fecaca;background:#fef2f2;color:#991b1b}
.er-dashboard-live-status.is-error::before{background:#dc2626;box-shadow:0 0 0 4px rgba(220,38,38,.12)}
.er-dashboard-card.is-loading .er-dashboard-live-status::before{animation:er-mobile-dashboard-pulse 1s infinite alternate}
@keyframes er-mobile-dashboard-pulse{from{opacity:.35;transform:scale(.8)}to{opacity:1;transform:scale(1.05)}}
.er-dashboard-filter-card{margin-bottom:14px;padding:14px;border:1px solid rgba(148,163,184,.28);border-radius:18px;background:linear-gradient(180deg,#fbfdff 0%,#f6f9fd 100%)}
.er-dashboard-filter-summary{display:flex;align-items:center;justify-content:space-between;gap:12px}
.er-dashboard-period-copy{display:flex;min-width:0;flex-direction:column;gap:2px}
.er-dashboard-period-copy>span{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#64748b}
.er-dashboard-period-copy>strong{font-size:16px;line-height:1.2;color:#172033}
.er-dashboard-period-copy>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64748b}
.er-dashboard-filter-toggle{min-height:36px!important;padding:6px 12px!important;flex:0 0 auto}
.er-dashboard-quick-periods{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
.er-dashboard-quick-periods button{min-height:34px;padding:6px 11px;border:1px solid #d6e1ef;border-radius:10px;background:#fff;color:#315b9f;font-size:12px;font-weight:900;cursor:pointer}
.er-dashboard-quick-periods button.is-active{border-color:#2563eb;background:#2563eb;color:#fff;box-shadow:0 6px 14px rgba(37,99,235,.18)}
.er-dashboard-filter-fields{margin-top:12px!important;padding:12px!important;background:#fff!important;border:1px solid rgba(148,163,184,.22)!important;border-radius:14px!important}
.er-dashboard-shell{display:flex;flex-direction:column;gap:16px}
.er-dashboard-section{padding:14px;border:1px solid rgba(148,163,184,.24);border-radius:18px;background:#fff}
.er-dashboard-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
.er-dashboard-section-head h4{margin:0;color:#172033;font-size:17px;line-height:1.2}
.er-dashboard-section-head p{margin:3px 0 0;color:#64748b;font-size:12px;line-height:1.4}
.er-dashboard--work{grid-template-columns:repeat(2,minmax(0,1fr))}
.er-dashboard--finance{grid-template-columns:repeat(4,minmax(0,1fr))}
.er-dashboard-metric{position:relative;min-height:128px!important;padding:14px!important;border:1px solid rgba(148,163,184,.22)!important;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)!important;box-shadow:none!important}
.er-dashboard-metric .er-metric-label{font-size:12px!important;color:#475569!important}
.er-dashboard-metric .er-metric-value{margin-top:7px;font-size:24px!important;color:#172033}
.er-metric-note{margin-top:7px;color:#64748b;font-size:11px;line-height:1.35}
.er-dashboard-split{margin-top:auto;padding-top:9px;color:#64748b;font-size:10px;line-height:1.35}
.er-dashboard-metric--result{border-color:#bfdbfe!important;background:linear-gradient(180deg,#eff6ff 0%,#f8fbff 100%)!important}
.er-dashboard-metric--result.is-positive{border-color:#bbf7d0!important;background:linear-gradient(180deg,#ecfdf3 0%,#f7fff9 100%)!important}
.er-dashboard-metric--result.is-positive .er-metric-value{color:#15803d}
.er-dashboard-metric--result.is-negative{border-color:#fecaca!important;background:linear-gradient(180deg,#fef2f2 0%,#fffafa 100%)!important}
.er-dashboard-metric--result.is-negative .er-metric-value{color:#b91c1c}
.er-dashboard-explanation{margin-top:10px;border:1px solid #dbe4ef;border-radius:13px;background:#f8fafc}
.er-dashboard-explanation summary{padding:10px 12px;color:#334155;font-size:12px;font-weight:900;cursor:pointer}
.er-dashboard-explanation>div{padding:0 12px 10px;color:#64748b;font-size:12px;line-height:1.5}
.er-dashboard-explanation p{margin:0}
.er-dashboard-branches{display:flex;flex-direction:column;gap:11px}
.er-dashboard-branch-card{padding:13px!important;border-left:5px solid var(--er-dashboard-branch-color,#2563eb)!important;box-shadow:none!important}
.er-dashboard-branch-card .er-branch-break-head{display:block}
.er-dashboard-branch-card .er-branch-break-title{font-size:16px;font-weight:900;color:#172033}
.er-dashboard-branch-card .er-branch-break-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:10px}
.er-dashboard-branch-card .er-branch-break-metrics>span{display:flex;min-width:0;flex-direction:column;gap:3px;padding:8px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}
.er-dashboard-branch-card .er-branch-break-metrics small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64748b;font-size:10px;font-weight:800}
.er-dashboard-branch-card .er-branch-break-metrics b{font-size:12px;color:#172033;white-space:nowrap}
.er-dashboard-employees{margin-top:10px;border-top:1px dashed #dbe4ef;padding-top:8px}
.er-dashboard-employees summary{color:#315b9f;font-size:12px;font-weight:900;cursor:pointer}
.er-dashboard-employee-table-wrap{margin-top:8px!important}
.er-dashboard-employee-table{min-width:920px!important}
.er-dashboard-empty{margin:0!important}

@media (min-width:1025px){
  .er-dashboard-filter-fields{display:block!important}
}

@media (max-width:1024px){
  html,body{max-width:100%;overflow-x:hidden}
  .er-app[data-er-role]{--er-mobile-page-gap:10px;min-width:0!important}
  .er-app[data-er-role] .er-main{min-width:0!important;width:100%!important}
  .er-app[data-er-role] .er-main-inner{min-width:0!important;padding:var(--er-mobile-page-gap)!important;padding-bottom:calc(76px + env(safe-area-inset-bottom))!important}
  .er-app[data-er-role] .er-view{min-width:0!important;max-width:100%!important}
  .er-app[data-er-role] .er-view>.er-card,
  .er-app[data-er-role] .er-card.er-block{max-width:100%!important;padding:12px!important;border-radius:17px!important;box-sizing:border-box!important}
  .er-app[data-er-role] .er-block-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;margin-bottom:10px!important}
  .er-app[data-er-role] .er-block-head h2,
  .er-app[data-er-role] .er-block-head h3{margin:0!important;font-size:20px!important;line-height:1.18!important}
  .er-app[data-er-role] .er-block-head .er-hint{margin:3px 0 0!important;font-size:11px!important;line-height:1.35!important}

  /* Compact cabinet header. */
  .er-app[data-er-role] .er-topbar{min-height:64px!important;padding:9px 12px!important;gap:8px!important}
  .er-app[data-er-role] .er-topbar-left{min-width:0!important;flex:1 1 auto!important}
  .er-app[data-er-role] .er-topbar-title{min-width:0!important}
  .er-app[data-er-role] .er-topbar-h{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:18px!important}
  .er-app[data-er-role] .er-topbar-sub{overflow:hidden!important;max-width:46vw!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:10px!important}
  .er-app[data-er-role] .er-topbar-actions{display:flex!important;width:auto!important;flex:0 0 auto!important;align-items:center!important;gap:6px!important}
  .er-app[data-er-role] .er-topbar-actions>.er-top-news,
  .er-app[data-er-role] .er-topbar-actions>.er-top-leader,
  .er-app[data-er-role] .er-topbar-actions>.er-top-tasks,
  .er-app[data-er-role] .er-topbar-actions>[data-er-top-tasks]{display:none!important}
  .er-app[data-er-role] .er-topbar-actions>a.er-btn{width:auto!important;min-width:72px!important;min-height:38px!important;padding:7px 11px!important;font-size:12px!important}

  /* Always keep the navigation button above content. */
  .er-app[data-er-role] .er-fab-menu{display:inline-flex!important;position:fixed!important;left:max(10px,env(safe-area-inset-left))!important;bottom:max(10px,env(safe-area-inset-bottom))!important;width:54px!important;height:54px!important;align-items:center!important;justify-content:center!important;border-radius:18px!important;z-index:2147482200!important;font-size:22px!important}
  body.er-mobile-menu-open .er-fab-menu,
  body.er-mobile-filter-sheet-open .er-fab-menu,
  body.er-mobile-table-fullscreen-open .er-fab-menu{display:none!important}

  /* The assistant becomes a compact round control instead of covering forms/tables. */
  .er-mobile-cabinet-helper:not(iframe){display:inline-flex!important;right:max(10px,env(safe-area-inset-right))!important;bottom:max(10px,env(safe-area-inset-bottom))!important;width:52px!important;min-width:52px!important;max-width:52px!important;height:52px!important;min-height:52px!important;max-height:52px!important;padding:0!important;border-radius:18px!important;overflow:hidden!important;font-size:0!important;line-height:0!important;z-index:2147482100!important}
  .er-mobile-cabinet-helper:not(iframe)::after{content:"🤖";display:flex;width:100%;height:100%;align-items:center;justify-content:center;font-size:22px;line-height:1}
  iframe.er-mobile-cabinet-helper{display:none!important}
  body.er-mobile-menu-open .er-mobile-cabinet-helper,
  body.er-mobile-filter-sheet-open .er-mobile-cabinet-helper,
  body.er-mobile-table-fullscreen-open .er-mobile-cabinet-helper{display:none!important}

  /* Generic filters for all tabs other than the specialised records/report sheets. */
  .er-mobile-secondary-filter-toggle{display:flex!important;width:100%!important;min-height:50px!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0 0 8px!important;padding:9px 11px!important;border:1px solid rgba(148,163,184,.30)!important;border-radius:13px!important;background:#fff!important;color:#172033!important;text-align:left!important;box-shadow:0 5px 15px rgba(15,23,42,.04)!important}
  .er-mobile-secondary-filter-toggle>span{display:flex;min-width:0;flex-direction:column;gap:2px}
  .er-mobile-secondary-filter-toggle strong{font-size:13px!important;line-height:1.15!important}
  .er-mobile-secondary-filter-toggle small{overflow:hidden;max-width:72vw;text-overflow:ellipsis;white-space:nowrap;color:#64748b;font-size:10px!important}
  .er-mobile-secondary-filter-toggle::after{content:"⌄";font-size:18px;line-height:1;transition:transform .15s ease}
  .er-mobile-secondary-filter-toggle[aria-expanded="true"]::after{transform:rotate(180deg)}
  .er-mobile-secondary-filter-panel{margin-bottom:10px!important}
  .er-mobile-secondary-filter-panel:not(.is-er-mobile-secondary-open){display:none!important}
  .er-mobile-secondary-filter-panel.is-er-mobile-secondary-open{display:block!important}

  /* Compact forms and toolbars. */
  .er-app[data-er-role] .er-toolbar,
  .er-app[data-er-role] .er-sortbar{max-width:100%!important;padding:10px!important;border-radius:14px!important;box-sizing:border-box!important}
  .er-app[data-er-role] .er-toolbar-row,
  .er-app[data-er-role] .er-filters-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;align-items:end!important}
  .er-app[data-er-role] .er-toolbar-row>.er-field,
  .er-app[data-er-role] .er-filters-row>.er-field,
  .er-app[data-er-role] .er-field,
  .er-app[data-er-role] .er-field-inline{min-width:0!important;max-width:100%!important}
  .er-app[data-er-role] input,
  .er-app[data-er-role] select,
  .er-app[data-er-role] textarea{max-width:100%!important;box-sizing:border-box!important}
  .er-app[data-er-role] .er-form .er-grid,
  .er-app[data-er-role] .er-form-grid,
  .er-app[data-er-role] .er-fields-grid,
  .er-app[data-er-role] .er-grid-2,
  .er-app[data-er-role] .er-grid-3,
  .er-app[data-er-role] .er-grid-4,
  .er-app[data-er-role] .er-record-create-form .er-critical-grid,
  .er-app[data-er-role] .er-record-create-form .er-record-create-topline-fields,
  .er-app[data-er-role] .er-record-create-form--admin>.er-grid.er-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .er-app[data-er-role] .er-actions,
  .er-app[data-er-role] .er-actions-inline,
  .er-app[data-er-role] .er-field-actions,
  .er-app[data-er-role] .er-header-actions{display:flex!important;width:100%!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important}
  .er-app[data-er-role] .er-actions .er-btn,
  .er-app[data-er-role] .er-actions-inline .er-btn,
  .er-app[data-er-role] .er-field-actions .er-btn,
  .er-app[data-er-role] .er-header-actions .er-btn{width:auto!important;min-width:112px!important;flex:1 1 140px!important}
  .er-app[data-er-role] .er-period-presets{grid-column:1/-1!important;display:flex!important;max-width:100%!important;gap:6px!important;overflow-x:auto!important;padding:3px 0!important;flex-wrap:nowrap!important}
  .er-app[data-er-role] .er-period-preset-btn{flex:0 0 auto!important;min-height:34px!important;padding:6px 9px!important;font-size:11px!important}

  /* Every data table remains a real horizontally scrollable table. */
  .er-app[data-er-role] .er-view .er-table-wrap,
  .er-app[data-er-role] .er-view .er-wallet-table-wrap,
  .er-app[data-er-role] .er-view .er-audit-table-wrap,
  .er-app[data-er-role] .er-view .er-mobile-general-table-wrap{display:block!important;position:relative!important;width:100%!important;max-width:100%!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;border-radius:12px!important;box-sizing:border-box!important}
  .er-app[data-er-role] .er-view table.er-table:not(.er-table-records):not(.er-table-agents-report){display:table!important;width:max-content!important;min-width:760px!important;border-collapse:separate!important}
  .er-app[data-er-role] .er-view table.er-table:not(.er-table-records):not(.er-table-agents-report) thead{display:table-header-group!important}
  .er-app[data-er-role] .er-view table.er-table:not(.er-table-records):not(.er-table-agents-report) tbody{display:table-row-group!important}
  .er-app[data-er-role] .er-view table.er-table:not(.er-table-records):not(.er-table-agents-report) tr{display:table-row!important}
  .er-app[data-er-role] .er-view table.er-table:not(.er-table-records):not(.er-table-agents-report) th,
  .er-app[data-er-role] .er-view table.er-table:not(.er-table-records):not(.er-table-agents-report) td{display:table-cell!important;padding:8px 9px!important;font-size:11px!important;white-space:nowrap!important;vertical-align:middle!important}
  .er-app[data-er-role] .er-view table.er-table:not(.er-table-records):not(.er-table-agents-report) td::before{display:none!important;content:none!important}
  .er-app[data-er-role] .er-view table.er-table:not(.er-table-records):not(.er-table-agents-report) thead th{position:sticky!important;top:0!important;z-index:3!important;background:#eef4fb!important}

  /* Major tab families. */
  .er-app[data-er-role] .er-dashboard-card{padding:10px!important}
  .er-dashboard-filter-fields{display:none!important}
  .er-dashboard-filter-card.is-open .er-dashboard-filter-fields{display:block!important}
  .er-dashboard--work{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .er-dashboard--finance{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .er-dashboard-branch-card .er-branch-break-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}

  .er-app[data-er-role] .er-quick-tx-split,
  .er-app[data-er-role] .er-wallet-layout,
  .er-app[data-er-role] .er-wallet-layout--admin,
  .er-app[data-er-role] .er-manager-wallet-topgrid,
  .er-app[data-er-role] .er-manager-wallet-hero-grid,
  .er-app[data-er-role] .er-manager-wallet-hero-grid--four,
  .er-app[data-er-role] .er-admin-wallet-dashboard,
  .er-app[data-er-role] .er-admin-wallet-form__grid,
  .er-app[data-er-role] .er-agent-account-grid,
  .er-app[data-er-role] .er-agent-account-form,
  .er-app[data-er-role] .er-manager-cash-grid,
  .er-app[data-er-role] .er-cash-modern__workspace,
  .er-app[data-er-role] .er-cash-modern-transfer-grid,
  .er-app[data-er-role] .er-cash-filter-grid,
  .er-app[data-er-role] .er-cash-overview__grid,
  .er-app[data-er-role] .er-docs-grid,
  .er-app[data-er-role] .er-docs-grid--wide,
  .er-app[data-er-role] .er-docs-actions-grid,
  .er-app[data-er-role] .er-contract-layout,
  .er-app[data-er-role] .er-legal-doc-layout,
  .er-app[data-er-role] .er-legal-form-grid,
  .er-app[data-er-role] .er-branch-editor-grid,
  .er-app[data-er-role] .er-branch-editor-cols,
  .er-app[data-er-role] .er-emp-layout,
  .er-app[data-er-role] .er-settings-pro .er-site-monitor-main-grid,
  .er-app[data-er-role] .er-settings-pro .er-site-monitor-settings-grid,
  .er-app[data-er-role] .er-mobile-chat-layout{grid-template-columns:1fr!important}

  .er-app[data-er-role] .er-kpi-grid,
  .er-app[data-er-role] .er-kpis,
  .er-app[data-er-role] .er-cash-kpi-grid,
  .er-app[data-er-role] .er-cash-modern__kpis,
  .er-app[data-er-role] .er-manager-wallet-simple-kpi-grid,
  .er-app[data-er-role] .er-agent-account-kpis,
  .er-app[data-er-role] .er-audit-kpis,
  .er-app[data-er-role] .er-league-summary,
  .er-app[data-er-role] .er-league-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}

  .er-app[data-er-role] .er-branch-cards,
  .er-app[data-er-role] .er-cards-grid,
  .er-app[data-er-role] .er-manager-cash-grid,
  .er-app[data-er-role] .er-cash-modern-branches,
  .er-app[data-er-role] .er-cash-unified-branches,
  .er-app[data-er-role] .er-manager-wallet-branches-simple__grid,
  .er-app[data-er-role] .er-mobile-chat-grid,
  .er-app[data-er-role] .er-mobile-discovered-list,
  .er-app[data-er-role] .er-contract-directory,
  .er-app[data-er-role] .er-contract-document-cards-v2297{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}

  /* Shift planner and calendars keep usable dimensions and scroll inside their own surface. */
  .er-app[data-er-role] .er-shift-planner-layout,
  .er-app[data-er-role] .er-shift-employee-calendar-wrap,
  .er-app[data-er-role] .er-cal-grid,
  .er-app[data-er-role] .er-shift-month-grid{max-width:100%!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important}
  .er-app[data-er-role] .er-shift-page-hero,
  .er-app[data-er-role] .er-shift-toolbar,
  .er-app[data-er-role] .er-shift-controlbar-filters{grid-template-columns:1fr!important}
  .er-app[data-er-role] .er-shift-month-grid,
  .er-app[data-er-role] .er-shift-week-grid{min-width:720px!important}

  /* Settings and audit/log pages. */
  .er-app[data-er-role] .er-settings-pro .er-settings-tabs,
  .er-app[data-er-role] .er-audit-tabs,
  .er-app[data-er-role] .er-audit-ranges{display:flex!important;max-width:100%!important;overflow-x:auto!important;flex-wrap:nowrap!important;gap:6px!important;padding-bottom:3px!important}
  .er-app[data-er-role] .er-settings-pro .er-settings-tabs button,
  .er-app[data-er-role] .er-audit-tabs button,
  .er-app[data-er-role] .er-audit-ranges button{flex:0 0 auto!important}
  .er-app[data-er-role] .er-audit-filter-main,
  .er-app[data-er-role] .er-audit-filter-advanced{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  /* Drawers/modals fit the mobile viewport. */
  .er-drawer,
  .er-modal{max-width:calc(100vw - 12px)!important;max-height:calc(100dvh - 12px)!important;border-radius:16px!important}
  .er-drawer-body,
  .er-modal-body,[data-er-modal-body]{max-height:calc(100dvh - 120px)!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important}
}

@media (max-width:620px){
  .er-app[data-er-role] .er-main-inner{padding:8px!important;padding-bottom:calc(74px + env(safe-area-inset-bottom))!important}
  .er-app[data-er-role] .er-view>.er-card,
  .er-app[data-er-role] .er-card.er-block{padding:10px!important;border-radius:15px!important}
  .er-app[data-er-role] .er-topbar-h{font-size:16px!important}
  .er-app[data-er-role] .er-topbar-sub{max-width:40vw!important}
  .er-app[data-er-role] .er-topbar-actions>a.er-btn{min-width:62px!important;padding:6px 9px!important;font-size:11px!important}

  .er-app[data-er-role] .er-toolbar-row,
  .er-app[data-er-role] .er-filters-row,
  .er-app[data-er-role] .er-form .er-grid,
  .er-app[data-er-role] .er-form-grid,
  .er-app[data-er-role] .er-fields-grid,
  .er-app[data-er-role] .er-grid-2,
  .er-app[data-er-role] .er-grid-3,
  .er-app[data-er-role] .er-grid-4,
  .er-app[data-er-role] .er-record-create-form .er-critical-grid,
  .er-app[data-er-role] .er-record-create-form .er-record-create-topline-fields,
  .er-app[data-er-role] .er-record-create-form--admin>.er-grid.er-grid-3{grid-template-columns:1fr!important}
  .er-app[data-er-role] .er-actions .er-btn,
  .er-app[data-er-role] .er-actions-inline .er-btn,
  .er-app[data-er-role] .er-field-actions .er-btn,
  .er-app[data-er-role] .er-header-actions .er-btn{min-width:0!important;flex:1 1 calc(50% - 4px)!important;min-height:40px!important;padding:7px 8px!important;font-size:12px!important}

  .er-dashboard-head{align-items:center!important}
  .er-dashboard-head .er-hint{display:none!important}
  .er-dashboard-live-status{max-width:128px;overflow:hidden;text-overflow:ellipsis;font-size:9px!important}
  .er-dashboard-filter-card{padding:10px!important;border-radius:14px!important}
  .er-dashboard-filter-summary{align-items:flex-start!important}
  .er-dashboard-period-copy>strong{font-size:14px!important}
  .er-dashboard-filter-toggle{min-width:76px!important;font-size:11px!important}
  .er-dashboard-quick-periods{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important}
  .er-dashboard-quick-periods button{min-width:0!important;padding:5px 3px!important;font-size:10px!important}
  .er-dashboard-section{padding:10px!important;border-radius:14px!important}
  .er-dashboard-section-head h4{font-size:15px!important}
  .er-dashboard-section-head p{font-size:10px!important}
  .er-dashboard--work,
  .er-dashboard--finance{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .er-dashboard-metric{min-height:0!important;padding:11px!important}
  .er-dashboard-metric .er-metric-label{font-size:10px!important;line-height:1.2!important}
  .er-dashboard-metric .er-metric-value{font-size:19px!important}
  .er-dashboard-metric .er-metric-note{display:none!important}
  .er-dashboard-split{font-size:9px!important}
  .er-dashboard-branch-card .er-branch-break-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  .er-app[data-er-role] .er-kpi-grid,
  .er-app[data-er-role] .er-kpis,
  .er-app[data-er-role] .er-cash-kpi-grid,
  .er-app[data-er-role] .er-cash-modern__kpis,
  .er-app[data-er-role] .er-manager-wallet-simple-kpi-grid,
  .er-app[data-er-role] .er-agent-account-kpis,
  .er-app[data-er-role] .er-audit-kpis,
  .er-app[data-er-role] .er-league-summary,
  .er-app[data-er-role] .er-league-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .er-app[data-er-role] .er-branch-cards,
  .er-app[data-er-role] .er-cards-grid,
  .er-app[data-er-role] .er-manager-cash-grid,
  .er-app[data-er-role] .er-cash-modern-branches,
  .er-app[data-er-role] .er-cash-unified-branches,
  .er-app[data-er-role] .er-manager-wallet-branches-simple__grid,
  .er-app[data-er-role] .er-mobile-chat-grid,
  .er-app[data-er-role] .er-mobile-discovered-list,
  .er-app[data-er-role] .er-contract-directory,
  .er-app[data-er-role] .er-contract-document-cards-v2297{grid-template-columns:1fr!important}

  .er-app[data-er-role] .er-audit-filter-main,
  .er-app[data-er-role] .er-audit-filter-advanced{grid-template-columns:1fr!important}
  .er-mobile-secondary-filter-toggle small{max-width:58vw!important}
}
@media (max-width:355px){
  .er-dashboard--work,
  .er-dashboard--finance{grid-template-columns:1fr!important}
}