/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./app/globals.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  :root {
    --background: 0 0% 100%;
    --foreground: 222.2 84% 4.9%;
  }
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ── 平板 / 手机响应式补丁 ─────────────────────────────────────────────
   所有后台页面使用 inline style，无媒体查询，通过此处全局覆盖补齐移动端支持。
   ────────────────────────────────────────────────────────────────────── */

/* 导航栏横向滚动（超管 7 个标签 / 企业管理员 4 个标签） */
@media (max-width: 900px) {
  nav {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    /* 隐藏滚动条但保留滚动功能（仅视觉） */
    scrollbar-width: none;
  }
  nav::-webkit-scrollbar { display: none; }
  nav > div {
    min-width: max-content !important;
  }
}

/* 表格横向可滚动：
   页面中 table 容器用了 overflow:hidden（inline style），
   将 table 自身设为 block scroll 容器，在容器范围内可横向滚动 */
@media (max-width: 1100px) {
  table {
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    /* 保持表格列宽不折行 */
    white-space: nowrap;
  }
  /* thead/tbody/tr 跟随 block 布局 */
  thead, tbody, tfoot { display: table !important; width: 100%; }
  tr { display: table-row !important; }
  th, td {
    display: table-cell !important;
    white-space: nowrap;
  }
}

/* 弹窗 / 侧边详情面板在小屏全宽显示 */
@media (max-width: 768px) {
  /* 侧边详情抽屉：超管用户详情宽度为 70%，手机改为 100% */
  [style*="width: 70%"] {
    width: 100% !important;
  }
}

/* 统计卡片多列 grid 在手机上折成两列 */
@media (max-width: 640px) {
  /* 4 列 → 2 列（账户余额页） */
  [style*="grid-template-columns: 1fr 1fr 1fr 1fr"] {
    grid-template-columns: 1fr 1fr !important;
  }
  /* 3 列 → 2 列（面试管理页） */
  [style*="grid-template-columns: repeat(3, 1fr)"] {
    grid-template-columns: 1fr 1fr !important;
  }
}

/* 页面顶部 header 右侧内容在手机上防溢出 */
@media (max-width: 640px) {
  header > div {
    padding-left: 12px !important;
    padding-right: 12px !important;
    gap: 8px !important;
  }
}