@charset "utf-8";
/* ============================================================
   hb-appinj.css  —  「应用/注入」标签页重排版
   · 原状：520px 面板被切成 248/260 两栏，表格与分页条被压成竖排
   · 现在：应用列表 / 正在注入 / 注入数据 纵向三段，分页条可换行不竖排
   只做布局，不改业务逻辑；DOM 不移动（右侧容器用 display:contents 拍平）
   ============================================================ */

/* 外壳去壳 */
.hb-aj-pane .hb-aj-shell{
  padding:0 !important;
  gap:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  height:100% !important;
}
.hb-aj-pane .hb-aj-body{
  padding:10px 12px 12px !important;
  min-height:0 !important;
}

/* 主容器：两栏 → 纵向三段 */
.hb-aj-pane .hb-aj-row{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain;
}
.hb-aj-pane .hb-aj-row::-webkit-scrollbar{ width:6px; }
.hb-aj-pane .hb-aj-row::-webkit-scrollbar-track{ background:transparent; }
.hb-aj-pane .hb-aj-row::-webkit-scrollbar-thumb{ background:#dde6f3; border-radius:99px; border:1px solid #fff; }

/* 右栏拍平：正在注入 / 注入数据 直接成为主容器子项 */
.hb-aj-pane .hb-aj-side{ display:contents !important; }

.hb-aj-pane .hb-aj-apps{
  width:100% !important;
  flex:1 1 auto !important;
  min-height:268px !important;
  height:auto !important;
}
.hb-aj-pane .hb-aj-inject{
  width:100% !important;
  flex:0 0 164px !important;
  min-height:164px !important;
}
.hb-aj-pane .hb-aj-data{
  width:100% !important;
  flex:0 0 186px !important;
  min-height:186px !important;
}

/* 卡片统一圆角/描边 */
.hb-aj-pane .hb-aj-apps,
.hb-aj-pane .hb-aj-inject,
.hb-aj-pane .hb-aj-data{
  border:1px solid #e6ecf7 !important;
  border-radius:12px !important;
  background:#fff !important;
  box-shadow:0 1px 2px rgba(12,18,34,.03) !important;
  overflow:hidden !important;
}

/* 卡头紧凑 */
.hb-aj-pane .hb-aj-apps > div:first-child,
.hb-aj-pane .hb-aj-inject > div:first-child,
.hb-aj-pane .hb-aj-data > div:first-child{
  padding:7px 11px !important;
  border-bottom:1px solid #eef3fb !important;
  min-height:38px !important;
}
.hb-aj-pane .hb-aj-apps > div:first-child span.text-sm.font-semibold,
.hb-aj-pane .hb-aj-inject > div:first-child span.text-sm.font-semibold,
.hb-aj-pane .hb-aj-data > div:first-child span.text-sm.font-semibold{
  font-size:12.5px !important;
  font-weight:600 !important;
  color:#0e1a31 !important;
}
.hb-aj-pane .hb-aj-apps > div:first-child button,
.hb-aj-pane .hb-aj-inject > div:first-child button,
.hb-aj-pane .hb-aj-data > div:first-child button{
  height:26px !important;
  min-height:26px !important;
  padding:0 8px !important;
  font-size:11.5px !important;
}
.hb-aj-pane .hb-aj-apps > div:first-child span.inline-flex,
.hb-aj-pane .hb-aj-inject > div:first-child span.inline-flex,
.hb-aj-pane .hb-aj-data > div:first-child span.inline-flex{
  height:18px !important;
  padding:0 6px !important;
  font-size:10px !important;
  line-height:16px !important;
}

/* 内容区：统一内边距 */
.hb-aj-pane .hb-aj-apps > div:nth-child(2){
  padding:8px 11px 9px !important;
  gap:7px !important;
}

/* ---------- 表格 ---------- */
.hb-aj-pane table colgroup col:nth-child(1){ width:11% !important; }
.hb-aj-pane table colgroup col:nth-child(2){ width:23% !important; }
.hb-aj-pane table colgroup col:nth-child(3){ width:24% !important; }
.hb-aj-pane table colgroup col:nth-child(4){ width:42% !important; }
.hb-aj-pane table{ width:100% !important; table-layout:fixed !important; }
.hb-aj-pane thead th{
  height:30px !important;
  padding:0 6px !important;
  font-size:11px !important;
  font-weight:600 !important;
  color:#6b778c !important;
  white-space:nowrap !important;
  background:#f7faff !important;
  border-bottom:1px solid #eef3fb !important;
}
.hb-aj-pane tbody td{
  padding:6px !important;
  font-size:11.5px !important;
  vertical-align:middle !important;
  border-bottom:1px solid #f4f7fc !important;
}
.hb-aj-pane tbody td .truncate,
.hb-aj-pane tbody td .font-mono{
  font-size:10.5px !important;
}
/* 操作列按钮：紧凑胶囊 */
.hb-aj-pane tbody td button{
  height:22px !important;
  min-height:22px !important;
  padding:0 6px !important;
  font-size:10.5px !important;
  border-radius:6px !important;
  line-height:1 !important;
}
.hb-aj-pane tbody td .flex,
.hb-aj-pane tbody td > div{
  flex-wrap:nowrap !important;
  gap:2px !important;
  justify-content:flex-end !important;
}
.hb-aj-pane tbody td .flex button{padding:0 5px !important}

/* ---------- 分页条：不再竖排 ---------- */
.hb-aj-pane .hb-aj-foot{
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:6px 10px !important;
  padding:6px 0 0 !important;
  margin:0 !important;
}
.hb-aj-pane .hb-aj-foot > *{
  flex:0 0 auto !important;
  margin-left:0 !important;
  white-space:nowrap !important;
}
.hb-aj-pane .hb-aj-foot > div{ gap:6px !important; }
.hb-aj-pane .hb-aj-foot p{
  margin:0 !important;
  font-size:11px !important;
  color:#8b97ab !important;
  white-space:nowrap !important;
  line-height:1.4 !important;
}
.hb-aj-pane .hb-aj-foot .text-sm,
.hb-aj-pane .hb-aj-foot span,
.hb-aj-pane .hb-aj-foot div{
  font-size:11px !important;
  line-height:1.5 !important;
  white-space:nowrap !important;
}
.hb-aj-pane .hb-aj-foot button{
  height:26px !important;
  min-height:26px !important;
  padding:0 7px !important;
  font-size:11px !important;
  border-radius:7px !important;
}
.hb-aj-pane .hb-aj-foot button[role="combobox"]{
  min-width:58px !important;
  justify-content:space-between !important;
}
.hb-aj-pane .hb-aj-foot svg{ width:13px !important; height:13px !important; }

/* 注入数据空状态 */
.hb-aj-pane .hb-aj-data .text-muted-foreground{
  font-size:11.5px !important;
}

/* 正在注入 列表行紧凑 */
.hb-aj-pane .hb-aj-inject > div:nth-child(2){
  padding:8px 11px !important;
}

/* 卡头允许换行，避免挤在一起 */
.hb-aj-pane .hb-aj-apps > div:first-child,
.hb-aj-pane .hb-aj-inject > div:first-child,
.hb-aj-pane .hb-aj-data > div:first-child{
  flex-wrap:wrap !important;
  row-gap:4px !important;
}

/* 极窄（<330px）时收起包名列，保证操作列可用 */
.hb-aj-pane.hb-aj-narrow table colgroup col:nth-child(1){ width:12% !important; }
.hb-aj-pane.hb-aj-narrow table colgroup col:nth-child(2){ width:28% !important; }
.hb-aj-pane.hb-aj-narrow table colgroup col:nth-child(3){ width:24% !important; }
.hb-aj-pane.hb-aj-narrow table colgroup col:nth-child(4){ width:36% !important; }
.hb-aj-pane.hb-aj-narrow tbody td button{
  height:20px !important; min-height:20px !important;
  padding:0 4px !important; font-size:10px !important;
}
/* 极窄时表格改为横向滚动，保留可读列宽，不再挤成空白 */
.hb-aj-pane.hb-aj-narrow table{ min-width:420px !important; }
.hb-aj-pane.hb-aj-narrow .hb-aj-apps > div:nth-child(2) > div.flex-1{
  overflow-x:auto !important;
  overflow-y:auto !important;
}
.hb-aj-pane.hb-aj-narrow .hb-aj-apps > div:nth-child(2) > div.flex-1::-webkit-scrollbar{ height:6px; width:6px; }
.hb-aj-pane.hb-aj-narrow .hb-aj-apps > div:nth-child(2) > div.flex-1::-webkit-scrollbar-thumb{ background:#dde6f3; border-radius:99px; }