@charset "utf-8";
/* ============================================================
   hb-adbmgr.css - 左侧「ADB管理」折叠卡片（原底部 24 个 ADB/无障碍/应用工具）
   - 独立 fixed 卡片，钉在设备信息面板正下方，不随任何容器滚动
   - 原整块只隐藏，不移动 React 节点
   ============================================================ */

/* 底部工具栏：右半区收掉，左半区铺满（data 钩子由 JS 打上，React 重渲染不会掉） */
[data-hb-bar] > div:last-child{display:none !important}
[data-hb-bar] > div:nth-child(2){display:none !important}
[data-hb-bar]{align-items:flex-start !important}
[data-hb-bar] > div:first-child{flex:1 1 100% !important;max-width:100% !important;min-width:0 !important}
[data-hb-bar] > div:first-child > div{width:100% !important}
/* 只作用于工具栏那组按钮（grid-cols-4），别泄漏到弹窗里，弹窗也是渲染在这一块内部 */
[data-hb-bar] > div:first-child div.grid.grid-cols-4{grid-template-columns:repeat(12,minmax(0,1fr)) !important}
[data-hb-bar] > div:first-child div.grid.grid-cols-4 > button{
  font-size:11px !important;padding-left:3px !important;padding-right:3px !important;
  gap:3px !important;white-space:nowrap !important;overflow:hidden;
}
[data-hb-bar] > div:first-child div.grid.grid-cols-4 > button svg{width:13px !important;height:13px !important;flex:none}

/* ---------- 固定折叠卡片 ---------- */
.hb-admgr{
  position:fixed;z-index:21;
  width:236px;
  background:#fff;
  border:1px solid #e6ecf7;
  border-radius:14px;
  box-shadow:0 20px 44px -34px rgba(12,18,34,.5),0 1px 2px rgba(12,18,34,.04);
  overflow:hidden;
}
.hb-admgr-head{
  display:flex;align-items:center;gap:7px;width:100%;
  height:36px;padding:0 10px;margin:0;
  border:0;border-radius:0;
  background:#fff;
  color:#0f1a33;font-size:12px;font-weight:700;cursor:pointer;
  transition:background .16s ease,color .16s ease;
}
.hb-admgr-head:hover{background:#f7faff}
.hb-admgr.is-open .hb-admgr-head{background:linear-gradient(180deg,#f9fbff,#eef4ff);border-bottom:1px solid #eef3fb}
.hb-admgr-ico{width:15px;height:15px;color:#2563eb;display:grid;place-items:center;flex:none}
.hb-admgr-ico svg{width:15px;height:15px}
.hb-admgr-title{flex:1;text-align:left;letter-spacing:.2px}
.hb-admgr-count{font-size:10px;font-weight:700;color:#5b8def;background:#eef4ff;border-radius:999px;padding:2px 6px;line-height:1.2;flex:none}
.hb-admgr-chev{width:14px;height:14px;color:#8b97ab;display:grid;place-items:center;flex:none;transition:transform .26s cubic-bezier(.4,0,.2,1)}
.hb-admgr-chev svg{width:13px;height:13px}
.hb-admgr.is-open .hb-admgr-chev{transform:rotate(180deg)}

.hb-admgr-body{
  max-height:0;overflow:hidden;opacity:0;
  transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .2s ease;
  overscroll-behavior:contain;
}
.hb-admgr.is-open .hb-admgr-body{opacity:1}
.hb-admgr-body::-webkit-scrollbar{width:6px}
.hb-admgr-body::-webkit-scrollbar-thumb{background:#dfe6f2;border-radius:6px}

.hb-admgr-inner{padding:7px 8px 8px}
.hb-admgr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.hb-admgr-grid button{
  height:26px;padding:0 4px;margin:0;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:7px;border:1px solid #e3eafa;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  color:#46536b;font-size:10.5px;font-weight:600;line-height:1;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  cursor:pointer;
  transition:border-color .14s ease,color .14s ease,background .14s ease,transform .12s ease;
}
.hb-admgr-grid button:hover{border-color:#bfd3ff;color:#1d4ed8;background:#f2f7ff}
.hb-admgr-grid button:active{transform:scale(.96)}