/**

 * ERP 뷰포트 적응 — 디자인 토큰·색상은 유지, 레이아웃만 조정

 * 비율 축소(1024px+): JS --viewport-fit-scale + 기존 zoom

 * 유동 레이아웃(≤1023px): 본 파일

 */



:root {

  --erp-fluid-break: 1023px;

  --viewport-fit-scale: 1;

  --design-ref-width: 1920px;

  --design-ref-height: 1080px;

}



/* ── 비율 모드: 상단 크롬은 100% 고정(본문만 zoom — 크롬 zoom 시 ResizeObserver 진동) ── */

body.erp-viewport-proportional:not(.cover-mode) .top-chrome.atlas-top-chrome {

  zoom: 1 !important;

}



body.erp-viewport-proportional:not(.cover-mode) main,

body.erp-viewport-proportional:not(.cover-mode) .main-summary-shell {

  min-width: 0;

}



body.erp-viewport-proportional.main-summary-mode #view-main-summary,

body.erp-viewport-proportional.main-summary-mode #view-main-summary .main-summary-shell {

  width: 100vw !important;

  max-width: none !important;

  min-width: 0 !important;

}



body.erp-viewport-proportional.main-summary-mode #view-main-summary .main-summary-grid {

  width: 100%;

  max-width: none;

  min-width: 0;

}



/* 메인요약: main zoom 대신 #view-main-summary에 직접 적용 (fixed 레이아웃과 동일 스케일) */

body.erp-viewport-proportional.main-summary-mode .shell {

  padding-top: 0 !important;

  height: var(--erp-visible-vh, 100vh) !important;

}



body.erp-viewport-proportional.main-summary-mode main {

  zoom: 1 !important;

  height: var(--erp-visible-vh, 100vh) !important;

  padding: 0 !important;

  overflow: hidden !important;

}



body.erp-viewport-proportional.main-summary-mode #view-main-summary.active {

  zoom: 1 !important;

  overflow: hidden !important;

}



/* 1024~1500px: 유동 모드 없이 2열 그리드만(축소 transform 금지) */

body.erp-main-summary-stack #view-main-summary .main-summary-grid {

  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;

  grid-template-rows: auto auto auto auto !important;

}



body.erp-main-summary-stack #view-main-summary .main-summary-panel-org {

  grid-column: 1 !important;

  grid-row: 1 !important;

}



body.erp-main-summary-stack #view-main-summary .main-summary-panel-hero {

  grid-column: 2 !important;

  grid-row: 1 / span 2 !important;

}



body.erp-main-summary-stack #view-main-summary .main-summary-panel-share {

  grid-column: 1 !important;

  grid-row: 2 !important;

}



body.erp-main-summary-stack #view-main-summary .main-summary-panel-customer {

  grid-column: 1 !important;

  grid-row: 3 !important;

}



body.erp-main-summary-stack #view-main-summary .main-summary-bottom {

  grid-column: 1 / -1 !important;

  grid-row: 4 !important;

}



body.erp-main-summary-stack #view-main-summary .main-summary-panel-head,

body.erp-main-summary-stack #view-main-summary .main-summary-org-headline,

body.erp-main-summary-stack #view-main-summary .main-summary-cohort-panel-head {

  flex-wrap: wrap !important;

  gap: 8px !important;

}



body.erp-main-summary-stack #view-main-summary .main-summary-hero-foot,

body.erp-main-summary-stack #view-main-summary .main-summary-distribution {

  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

}



body.erp-main-summary-stack #view-main-summary .main-summary-growth-grid {

  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

}



body.erp-main-summary-stack #view-main-summary .main-summary-goal-controls {

  flex-wrap: wrap !important;

  justify-content: center !important;

}



/* ── 유동 모드(태블릿·모바일): 비율 축소 해제 ── */

body.erp-viewport-fluid {

  --content-zoom: 1 !important;

}



body.erp-viewport-fluid:not(.cover-mode) main,

body.erp-viewport-fluid:not(.cover-mode) .shell,

body.erp-viewport-fluid:not(.cover-mode) .views,

body.erp-viewport-fluid:not(.cover-mode) .dashboard-shell,

body.erp-viewport-fluid:not(.cover-mode) .dashboard-content {

  width: 100% !important;

  max-width: 100% !important;

  min-width: 0 !important;

  overflow-x: clip !important;

}



body.erp-viewport-fluid:not(.cover-mode) .top-chrome.atlas-top-chrome {

  width: 100% !important;

  max-width: 100% !important;

  min-width: 0 !important;

}



body.erp-viewport-fluid:not(.cover-mode) #filterStrip .filter-strip-row,

body.erp-viewport-fluid:not(.cover-mode) .filter-groups-inline,

body.erp-viewport-fluid:not(.cover-mode) .filter-strip-actions,

body.erp-viewport-fluid:not(.cover-mode) .unified-toolbar__nav .atlas-unified-bar {

  flex-wrap: wrap !important;

  min-width: 0 !important;

}



body.erp-viewport-fluid:not(.cover-mode) .metric-strip,

body.erp-viewport-fluid:not(.cover-mode) .product-kpi-strip,

body.erp-viewport-fluid:not(.cover-mode) #issueSummaryBar.issue-summary-bar-host {

  flex-wrap: wrap !important;

  justify-content: flex-start !important;

  gap: 8px !important;

}



body.erp-viewport-fluid:not(.cover-mode) .metric-strip > *,

body.erp-viewport-fluid:not(.cover-mode) .product-kpi-strip > * {

  flex: 1 1 min(220px, 100%) !important;

  min-width: 0 !important;

  max-width: 100% !important;

}



/* ── 공통: 패널·그리드·표 ── */

body.erp-viewport-fluid:not(.cover-mode) .view {

  min-width: 0;

  max-width: 100%;

}



body.erp-viewport-fluid:not(.cover-mode) .panel {

  min-width: 0 !important;

  max-width: 100% !important;

  box-sizing: border-box;

}



body.erp-viewport-fluid:not(.cover-mode) .panel-head,

body.erp-viewport-fluid:not(.cover-mode) .panel-head-left {

  flex-wrap: wrap !important;

  align-items: flex-start !important;

  min-width: 0 !important;

}



body.erp-viewport-fluid:not(.cover-mode) .panel-head h3,

body.erp-viewport-fluid:not(.cover-mode) .panel-head .meta {

  min-width: 0;

  overflow-wrap: anywhere;

  word-break: break-word;

}



body.erp-viewport-fluid:not(.cover-mode) .chart-box,

body.erp-viewport-fluid:not(.cover-mode) .line-chart-shell,

body.erp-viewport-fluid:not(.cover-mode) .chart-viz-body {

  min-width: 0 !important;

  max-width: 100% !important;

}



body.erp-viewport-fluid:not(.cover-mode) .chart-box svg,

body.erp-viewport-fluid:not(.cover-mode) .line-chart-shell svg {

  max-width: 100%;

  height: auto;

}



body.erp-viewport-fluid:not(.cover-mode) .record-table,

body.erp-viewport-fluid:not(.cover-mode) .ranking-table {

  display: block;

  max-width: 100%;

  overflow-x: auto;

  -webkit-overflow-scrolling: touch;

  overscroll-behavior-x: contain;

}



body.erp-viewport-fluid:not(.cover-mode) .grid,

body.erp-viewport-fluid:not(.cover-mode) [class*="grid--"] {

  min-width: 0 !important;

  width: 100% !important;

  max-width: 100% !important;

}



/* 12열 그리드: 기본 1열 스택 */

body.erp-viewport-fluid:not(.cover-mode) .grid {

  grid-template-columns: minmax(0, 1fr) !important;

}



body.erp-viewport-fluid:not(.cover-mode) .grid > .panel,

body.erp-viewport-fluid:not(.cover-mode) .grid > [class*="span-"],

body.erp-viewport-fluid:not(.cover-mode) .grid > .summary-goal-panel,

body.erp-viewport-fluid:not(.cover-mode) .grid > .summary-snapshot-panel,

body.erp-viewport-fluid:not(.cover-mode) .grid > .summary-bottom-row {

  grid-column: 1 / -1 !important;

  min-width: 0 !important;

  max-width: 100% !important;

}



/* 태블릿(641–1023): 2열 배치 허용(전폭 패널 제외) */

@media (min-width: 641px) and (max-width: 1023px) {

  body.erp-viewport-fluid:not(.cover-mode) .grid:not(#view-summary .grid) {

    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

  }



  body.erp-viewport-fluid:not(.cover-mode) .grid > .span-12,

  body.erp-viewport-fluid:not(.cover-mode) .grid > .summary-bottom-row,

  body.erp-viewport-fluid:not(.cover-mode) .grid > .customer-row-1,

  body.erp-viewport-fluid:not(.cover-mode) .grid > .org-first-row {

    grid-column: 1 / -1 !important;

  }



  body.erp-viewport-fluid:not(.cover-mode) .grid > .span-3,

  body.erp-viewport-fluid:not(.cover-mode) .grid > .span-4,

  body.erp-viewport-fluid:not(.cover-mode) .grid > .span-5,

  body.erp-viewport-fluid:not(.cover-mode) .grid > .span-6,

  body.erp-viewport-fluid:not(.cover-mode) .grid > .span-7,

  body.erp-viewport-fluid:not(.cover-mode) .grid > .span-8 {

    grid-column: auto !important;

  }

}



/* ── 요약(Summary) ── */

body.erp-viewport-fluid #view-summary .grid {

  grid-template-columns: minmax(0, 1fr) !important;

}



body.erp-viewport-fluid #view-summary .grid > .summary-goal-panel,

body.erp-viewport-fluid #view-summary .grid > .summary-snapshot-panel {

  grid-column: 1 / -1 !important;

  max-height: none !important;

}



body.erp-viewport-fluid #view-summary .summary-bottom-row {

  grid-template-columns: minmax(0, 1fr) !important;

}



body.erp-viewport-fluid #view-summary .summary-bottom-card--receipt {

  min-height: min(360px, 55vh) !important;

}



body.erp-viewport-fluid #view-summary .insight-grid {

  grid-template-columns: minmax(0, 1fr) !important;

}



body.erp-viewport-fluid #view-summary .manager-signals-actions {

  grid-template-columns: minmax(0, 1fr) !important;

  grid-template-rows: auto !important;

}



body.erp-viewport-fluid #view-summary .manager-signals-actions .manager-signals-title,

body.erp-viewport-fluid #view-summary .manager-signals-actions .manager-actions-title,

body.erp-viewport-fluid #view-summary .manager-signals-actions .signal-list-col1,

body.erp-viewport-fluid #view-summary .manager-signals-actions .signal-list-col2,

body.erp-viewport-fluid #view-summary .manager-signals-actions .action-list {

  grid-column: 1 / -1 !important;

  grid-row: auto !important;

}



body.erp-viewport-fluid #view-report #reportMetricStrip.metric-strip {

  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

}



/* ── 거래처(Customer) ── */

body.erp-viewport-fluid #view-customer .customer-row-1 {

  grid-template-columns: minmax(0, 1fr) !important;

}



body.erp-viewport-fluid #view-customer .customer-row-1 .customer-share-rank-panel,

body.erp-viewport-fluid #view-customer .customer-row-1 .customer-trend-panel {

  min-height: min(340px, 48vh) !important;

}



body.erp-viewport-fluid #view-customer .customer-row-3-tat-org {

  grid-template-columns: minmax(0, 1fr) !important;

}



body.erp-viewport-fluid #view-customer .customer-org-split-head {

  flex-direction: column !important;

  align-items: stretch !important;

}



body.erp-viewport-fluid #view-customer .customer-org-split-select {

  min-width: 0 !important;

  width: 100% !important;

  max-width: 100% !important;

}



/* ── 조직(Organization) ── */

body.erp-viewport-fluid #view-organization .org-four-rows .org-first-row {

  grid-template-columns: minmax(0, 1fr) !important;

  min-height: 0 !important;

}



body.erp-viewport-fluid #view-organization .org-four-rows .org-first-row .panel,

body.erp-viewport-fluid #view-organization .org-four-rows .panel.span-12,

body.erp-viewport-fluid #view-organization .org-four-rows .org-panel-trend.panel {

  min-height: min(360px, 50vh) !important;

  height: auto !important;

}



body.erp-viewport-fluid #view-organization .org-inner-grid,

body.erp-viewport-fluid #view-organization .org-manager-panel .org-inner-grid {

  grid-template-columns: minmax(0, 1fr) !important;

}



body.erp-viewport-fluid #view-organization .org-inner-grid > .panel,

body.erp-viewport-fluid #view-organization .org-inner-grid > [class*="span-"] {

  grid-column: 1 / -1 !important;

}



body.erp-viewport-fluid #view-organization #orgCustomerMix {

  grid-template-columns: minmax(0, 1fr) !important;

}



/* ── 제품·매출유형(Product) ── */

body.erp-viewport-fluid #view-product .product-mid-tat-unified-wrap,

body.erp-viewport-fluid #view-service-type .product-mid-tat-unified-wrap {

  overflow-x: auto !important;

  max-width: 100% !important;

}



body.erp-viewport-fluid #view-product .panel.span-8:has(#productTrendChart) .org-panel-trend-head,

body.erp-viewport-fluid #view-service-type .panel.span-8:has(#stTrendChart) .org-panel-trend-head {

  flex-wrap: wrap !important;

  gap: 8px !important;

}



body.erp-viewport-fluid #view-product .org-trend-legend-host .legend,

body.erp-viewport-fluid #view-service-type .org-trend-legend-host .legend {

  flex-wrap: wrap !important;

}



/* ── 메인요약(Main Summary) ── */

body.erp-viewport-fluid.main-summary-mode {

  overflow: auto !important;

  height: auto !important;

  min-height: var(--erp-visible-vh, 100vh);

}



body.erp-viewport-fluid.main-summary-mode #view-main-summary.active {

  position: relative !important;

  inset: auto !important;

  width: 100% !important;

  height: auto !important;

  min-height: 0 !important;

  overflow: visible !important;

}



body.erp-viewport-fluid.main-summary-mode #view-main-summary,

body.erp-viewport-fluid.main-summary-mode #view-main-summary .main-summary-shell {

  height: auto !important;

  min-height: 0 !important;

}



body.erp-viewport-fluid #view-main-summary {

  overflow: visible !important;

  font-size: clamp(14px, 3.6vw, 16px);

}



body.erp-viewport-fluid #view-main-summary .main-summary-shell {

  height: auto !important;

  min-height: 0 !important;

  grid-template-rows: auto auto auto auto !important;

}



body.erp-viewport-fluid #view-main-summary .main-summary-local-header {

  width: 100% !important;

  max-width: 100% !important;

  margin-left: 0 !important;

  margin-right: 0 !important;

  left: auto !important;

}



body.erp-viewport-fluid #view-main-summary .main-summary-header-inner {

  flex-wrap: wrap !important;

  height: auto !important;

  min-height: var(--app-header-bar-height);

  padding-bottom: 8px !important;

  gap: 8px !important;

}



body.erp-viewport-fluid #view-main-summary .main-summary-left-nav-group {

  position: static !important;

  transform: none !important;

  order: 2;

  width: 100%;

  justify-content: center;

  flex-wrap: wrap;

}



body.erp-viewport-fluid #view-main-summary .main-summary-header-tools {

  position: static !important;

  transform: none !important;

  order: 3;

  width: 100%;

  justify-content: center !important;

  flex-wrap: wrap !important;

}



body.erp-viewport-fluid #view-main-summary .main-summary-title-center {

  position: static !important;

  transform: none !important;

  order: 1;

  width: 100% !important;

  max-width: 100% !important;

  margin: 0 auto;

  pointer-events: auto;

}



body.erp-viewport-fluid #view-main-summary .main-summary-grid {

  grid-template-columns: minmax(0, 1fr) !important;

  grid-template-rows: auto !important;

  min-height: 0 !important;

}



body.erp-viewport-fluid #view-main-summary .main-summary-panel-org,

body.erp-viewport-fluid #view-main-summary .main-summary-panel-hero,

body.erp-viewport-fluid #view-main-summary .main-summary-panel-share,

body.erp-viewport-fluid #view-main-summary .main-summary-panel-customer,

body.erp-viewport-fluid #view-main-summary .main-summary-panel-issue,

body.erp-viewport-fluid #view-main-summary .main-summary-bottom {

  grid-column: auto !important;

  grid-row: auto !important;

  min-width: 0 !important;

}



body.erp-viewport-fluid #view-main-summary .main-summary-panel-head,

body.erp-viewport-fluid #view-main-summary .main-summary-org-headline,

body.erp-viewport-fluid #view-main-summary .main-summary-cohort-panel-head {

  flex-wrap: wrap !important;

  justify-content: center !important;

  gap: 8px !important;

}



body.erp-viewport-fluid #view-main-summary .main-summary-panel-org .main-summary-org-headline {

  grid-template-columns: minmax(0, 1fr) !important;

  justify-items: center !important;

}



body.erp-viewport-fluid #view-main-summary .main-summary-panel-org .main-summary-org-headline .main-summary-org-toggle {

  grid-column: 1 !important;

  justify-self: center !important;

  width: auto !important;

  min-width: 0 !important;

}



body.erp-viewport-fluid #view-main-summary .main-summary-panel-customer .main-summary-cohort-panel-head .main-summary-panel-title {

  position: static !important;

  transform: none !important;

  max-width: 100% !important;

  pointer-events: auto !important;

  width: 100% !important;

}



body.erp-viewport-fluid #view-main-summary .main-summary-panel-customer .main-summary-cohort-panel-head {

  flex-direction: column !important;

  align-items: stretch !important;

}



body.erp-viewport-fluid #view-main-summary .main-summary-cohort-basis-host {

  width: 100%;

  justify-content: center !important;

}



body.erp-viewport-fluid #view-main-summary .main-summary-hero-ring {

  width: min(280px, 78vw) !important;

  max-width: 100% !important;

}



body.erp-viewport-fluid #view-main-summary .main-summary-hero-foot,

body.erp-viewport-fluid #view-main-summary .main-summary-distribution {

  grid-template-columns: minmax(0, 1fr) !important;

}



body.erp-viewport-fluid #view-main-summary .main-summary-growth-grid {

  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

}



body.erp-viewport-fluid #view-main-summary .main-summary-growth-cell:nth-child(3) {

  margin-left: 0 !important;

}



body.erp-viewport-fluid #view-main-summary .main-summary-growth-card {

  min-height: 0 !important;

}



body.erp-viewport-fluid #view-main-summary .main-summary-bottom .main-summary-panel-title {

  flex-direction: column !important;

  flex-wrap: wrap !important;

  align-items: center !important;

  gap: 4px !important;

}



body.erp-viewport-fluid #view-main-summary .main-summary-bottom .main-summary-panel-title h3,

body.erp-viewport-fluid #view-main-summary .main-summary-bottom .main-summary-panel-title .panel-eyebrow {

  white-space: normal !important;

  text-align: center !important;

}



body.erp-viewport-fluid #view-main-summary .main-summary-panel-share .main-summary-panel-title .main-summary-panel-title-row h3 {

  white-space: normal !important;

}



body.erp-viewport-fluid #view-main-summary .main-summary-org-bars {

  max-height: min(50vh, 420px) !important;

}



body.erp-viewport-fluid #view-main-summary .hero-metric-value-line {

  white-space: normal !important;

  flex-wrap: wrap !important;

  justify-content: center !important;

}



body.erp-viewport-fluid #view-main-summary .hero-metric-inline-name {

  max-width: 100% !important;

  white-space: normal !important;

}



body.erp-viewport-fluid #view-main-summary .main-summary-goal-controls {

  justify-content: center !important;

}



/* ── 조직도 ── */

body.erp-viewport-fluid #view-org-chart .oc-body {

  grid-template-columns: minmax(0, 1fr) !important;

  grid-template-rows: minmax(240px, 50vh) auto !important;

}



body.erp-viewport-fluid #view-org-chart .oc-canvas-wrap {

  border-right: none !important;

  border-bottom: 1px solid var(--line-2, #cbd5e1);

}



body.erp-viewport-fluid #view-org-chart .oc-toolbar {

  flex-direction: column !important;

  align-items: stretch !important;

}



body.erp-viewport-fluid #view-org-chart .oc-toolbar-title h2 {

  white-space: normal !important;

}



/* ── 헤더·툴바 ── */

@media (max-width: 1023px) {

  body.erp-atlas:not(.cover-mode) .page-header-inner,

  body.erp-atlas:not(.cover-mode) .filter-strip-head {

    flex-wrap: wrap !important;

    gap: 8px !important;

  }



  body.erp-atlas:not(.cover-mode) .content-zoom-control {

    flex-wrap: wrap !important;

  }



  html body:not(.cover-mode) .page-local-header-inner > .page-local-header-tools {

    position: static !important;

    transform: none !important;

    width: 100%;

    justify-content: center;

    margin-top: 4px;

  }



  html body:not(.cover-mode) .page-local-header-inner > .page-local-title-center {

    position: static !important;

    transform: none !important;

    max-width: 100% !important;

    width: 100%;

  }

}



@media (max-width: 900px) {

  body.erp-viewport-fluid #view-main-summary .main-summary-growth-grid {

    grid-template-columns: minmax(0, 1fr) !important;

  }



  body.erp-viewport-fluid #view-report #reportMetricStrip.metric-strip {

    grid-template-columns: minmax(0, 1fr) !important;

  }



  body.erp-viewport-fluid .metric-strip#achievementStrip {

    grid-template-columns: minmax(0, 1fr) !important;

  }

}



@media (max-width: 640px) {

  body.erp-viewport-fluid:not(.cover-mode) .filter-strip-actions .btn,

  body.erp-viewport-fluid:not(.cover-mode) .atlas-dock-item.tab {

    min-height: 36px;

  }



  body.erp-viewport-fluid #view-summary .manager-metric-group {

    grid-template-columns: minmax(0, 1fr) !important;

  }



  body.erp-viewport-fluid:not(.cover-mode) .filters select {

    min-width: 0 !important;

    max-width: 100% !important;

    width: 100%;

  }

}



/* ═══════════════════════════════════════════════════════════════

   상단 툴바(탭·필터) — 비율 모드 포함 전 구간 반응형

   ═══════════════════════════════════════════════════════════════ */



@media (max-width: 1400px) {

  body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .atlas-unified-bar {

    flex-wrap: wrap !important;

    align-items: stretch !important;

    gap: 8px 10px !important;

  }



  body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .atlas-dock.tabbar.atlas-dock--top {

    flex: 1 1 100% !important;

    min-width: 0 !important;

    max-width: 100% !important;

    flex-wrap: wrap !important;

    overflow-x: auto !important;

    min-height: auto !important;

    padding: 4px 6px !important;

  }



  body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .atlas-dock .atlas-dock-item.tab {

    padding: 8px 12px !important;

    min-height: 40px !important;

    font-size: 14px !important;

    gap: 6px !important;

  }



  body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .atlas-dock .atlas-dock-glyph {

    font-size: 18px !important;

  }



  body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .atlas-dock .atlas-dock-cap {

    font-size: 13px !important;

  }



  body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .atlas-unified-meta {

    flex: 1 1 100% !important;

    justify-content: flex-start !important;

    max-width: 100% !important;

  }



  body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #filterStrip .filter-strip-row {

    flex-wrap: wrap !important;

    align-items: stretch !important;

    gap: 8px !important;

  }



  body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #filterStrip .filter-groups-inline,

  body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #filterStrip .filter-strip-actions {

    flex-wrap: wrap !important;

    min-width: 0 !important;

    max-width: 100% !important;

  }



  body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #filterStrip .filter-group {

    flex: 1 1 auto !important;

    min-width: min(100%, 140px) !important;

    max-width: 100% !important;

  }



  body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #filterStrip .filters select,

  body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #filterStrip .filters input {

    max-width: 100% !important;

    min-width: 0 !important;

  }

}



@media (max-width: 1100px) {

  body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .atlas-dock .atlas-dock-cap {

    display: none !important;

  }



  body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .atlas-dock .atlas-dock-item.tab {

    padding: 8px 10px !important;

    min-width: 44px !important;

  }

}