/* v0.71 FIX5 — one-press dashboard links, breadcrumb links, native material paging */

html.erp071-ui .erp071-breadcrumb {
  display:flex;
  align-items:center;
  gap:5px;
  min-width:0;
}
html.erp071-ui .erp071-breadcrumb > i {
  flex:0 0 auto;
  color:#9aa8b8;
  font-size:11px;
  font-style:normal;
}
html.erp071-ui .erp071-breadcrumb-home,
html.erp071-ui .erp071-breadcrumb-current {
  appearance:none;
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-width:0;
  min-height:32px;
  padding:4px 6px;
  border:0;
  border-radius:7px;
  background:transparent;
  box-shadow:none;
  color:#74859a;
  font-size:11px;
  font-weight:650;
  cursor:pointer;
  touch-action:manipulation;
}
html.erp071-ui .erp071-breadcrumb-current {
  max-width:180px;
  overflow:hidden;
  color:#263a55;
  font-weight:800;
  text-overflow:ellipsis;
  white-space:nowrap;
}
html.erp071-ui .erp071-breadcrumb-home:hover,
html.erp071-ui .erp071-breadcrumb-current:hover {
  background:#f3f7fd;
  color:#245fc8;
}

html.erp071-ui .dashboard-grid .text-button,
html.erp071-ui .dashboard-grid .round-arrow,
html.erp071-ui .quick-panel > button,
html.erp071-ui .erp071-alert-pager button {
  cursor:pointer;
  touch-action:manipulation;
  user-select:none;
}

/* Material list is paged inside React before rows reach the DOM. */
html.erp071-ui .erp071-native-material-pager {
  display:grid;
  grid-template-columns:minmax(170px,1fr) auto minmax(140px,1fr);
  align-items:center;
  gap:12px;
  min-height:54px;
  padding:10px 2px 2px;
  color:#718096;
  font-size:12px;
}
html.erp071-ui .erp071-native-material-summary {
  justify-self:start;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
html.erp071-ui .erp071-native-material-pages {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
}
html.erp071-ui .erp071-native-material-pages button {
  min-width:34px;
  height:34px;
  padding:0 8px;
  border:1px solid #dbe3ee;
  border-radius:9px;
  background:#fff;
  color:#50657f;
  font-size:12px;
  font-weight:800;
  box-shadow:0 1px 2px rgba(17,39,73,.025);
  cursor:pointer;
  touch-action:manipulation;
}
html.erp071-ui .erp071-native-material-pages button:hover:not(:disabled) {
  border-color:#b9ccef;
  color:#205fcf;
  background:#f7faff;
}
html.erp071-ui .erp071-native-material-pages button.active {
  color:#fff;
  border-color:#2f6fed;
  background:linear-gradient(180deg,#397bed,#2868df);
}
html.erp071-ui .erp071-native-material-pages button:disabled {
  opacity:.38;
  cursor:not-allowed;
}
html.erp071-ui .erp071-native-material-size {
  display:flex;
  align-items:center;
  justify-self:end;
  gap:7px;
  font-weight:700;
}
html.erp071-ui .erp071-native-material-size select {
  min-width:76px;
  height:34px;
  padding:0 26px 0 9px;
  font-size:12px;
  font-weight:750;
}

@media (max-width:760px) {
  html.erp071-ui .erp071-breadcrumb-current { max-width:105px; }
  html.erp071-ui .erp071-breadcrumb-home,
  html.erp071-ui .erp071-breadcrumb-current { min-height:38px; }

  html.erp071-ui .erp071-native-material-pager {
    grid-template-columns:1fr auto;
    grid-template-areas:"summary size" "pages pages";
    gap:9px;
    padding-top:9px;
  }
  html.erp071-ui .erp071-native-material-summary { grid-area:summary; font-size:11px; }
  html.erp071-ui .erp071-native-material-size { grid-area:size; }
  html.erp071-ui .erp071-native-material-pages {
    grid-area:pages;
    justify-content:flex-start;
    overflow-x:auto;
    padding:2px 0 4px;
    scrollbar-width:none;
  }
  html.erp071-ui .erp071-native-material-pages::-webkit-scrollbar { display:none; }
  html.erp071-ui .erp071-native-material-pages button {
    min-width:38px;
    height:38px;
    flex:0 0 auto;
  }
}


/* FIX6 REVISED: one completed navigation click; external-link behavior is unchanged. */
.sidebar .nav-item,
.erp071-breadcrumb button,
.dashboard-grid .text-button,
.quick-panel button,
.alert-row .round-arrow {
  touch-action:manipulation;
}


/* FIX7: 자재 메뉴 입력 안정화 */
.sidebar .nav-item[data-nav-key="materials"] {
  position:relative;
  z-index:2;
  pointer-events:auto!important;
  touch-action:manipulation;
  cursor:pointer;
}
.sidebar .nav-item[data-nav-key="materials"]::before,
.sidebar .nav-item[data-nav-key="materials"]::after {
  pointer-events:none!important;
}