/* DCKS 1.1.31 — sửa menu, vị trí thanh công cụ và chiều rộng tra cứu. */

/* 1. Tab đang chọn dùng nền cam; bỏ gạch xanh cũ của .nav-btn.active. */
body[data-theme="light"] #topbar .nav-btn.active::after{
  display:none!important;
  content:none!important;
}

/* 2–3. Desktop: thanh công cụ bám mép trái khi panel lớp đóng,
   tự dịch ra ngay ngoài mép panel khi panel lớp mở. */
@media (min-width:1025px){
  body[data-theme="light"] #maptool-wrap{
    top:84px!important;
    left:calc(var(--lp-w) + 10px)!important;
    transition:left .25s ease!important;
  }

  body[data-theme="light"]:has(#left-panel.collapsed) #maptool-wrap{
    left:10px!important;
  }

  /* 4. Thu gọn bề ngang hộp tra cứu desktop. */
  body[data-theme="light"] #gsearch-panel{
    width:min(620px,calc(100vw - 32px))!important;
    max-width:620px!important;
  }
}

/* DCKS v1.4.0 — sửa co hẹp và tràn trường trong cửa sổ nhập dữ liệu */
#modal-import .imp-top-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:12px;
  margin-bottom:12px;
  align-items:start;
}
#modal-import .imp-top-grid > *,
#modal-import .rp-section,
#modal-import .rp-sec-body,
#modal-import .form-grid > *,
#modal-import .fg,
#modal-import .info-row,
#modal-import .info-v{
  min-width:0;
}
#modal-import .imp-file-card{
  align-self:start;
  height:auto!important;
  min-height:0!important;
}
#modal-import .imp-file-name{
  color:var(--accent);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
#modal-import .imp-fields-row{
  align-items:flex-start;
}
#modal-import .imp-field-list{
  display:flex;
  flex-wrap:wrap;
  align-content:flex-start;
  gap:4px;
  max-height:92px;
  overflow:auto;
  padding:2px 2px 2px 0;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
#modal-import .imp-field-chip{
  display:inline-block;
  max-width:180px;
  padding:2px 6px;
  border:1px solid var(--border2);
  border-radius:999px;
  background:var(--bg2);
  color:var(--text2);
  font-size:9px;
  line-height:1.45;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  vertical-align:top;
}
#modal-import .imp-field-empty{
  color:var(--text3);
  font-size:10px;
}
#modal-import select,
#modal-import input,
#modal-import textarea{
  min-width:0;
  max-width:100%;
}
@media(max-width:760px){
  #modal-import .imp-top-grid{grid-template-columns:1fr}
  #modal-import .imp-field-chip{max-width:145px}
}
#modal-import .modal-lg{
  width:min(960px,calc(100vw - 24px));
  max-width:calc(100vw - 24px);
  overflow-x:hidden;
}
#modal-import #imp-body{
  min-width:0;
  max-width:100%;
  overflow-x:hidden;
}