/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.5.15_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../node_modules/.pnpm/next@15.5.15_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/globals.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ── Reset ── */
*, *::before, *::after { box-sizing: border-box; }

/* ── Mobile top-bar / drawer:桌面隱藏,手機才出現 ── */
.mobile-nav-root { display: none; }
@media (max-width: 640px) {
  .mobile-nav-root { display: block; }
}

/* ── Hub layout main ── */
@media (max-width: 640px) {
  .hub-main {
    padding: 1rem !important;
  }
  /* 行動版直接收掉桌面版 sidebar(MobileNav 取代它) */
  .desktop-sidebar {
    display: none !important;
  }

  /* Greeting:標題縮小,讓 "晚安, Angus" 不會擠 */
  .hub-greeting {
    font-size: 1.75rem !important;
  }
  .hub-greeting-emoji {
    font-size: 1.5rem !important;
    margin-right: 8px !important;
  }

  /* 研究員卡片網格:3 欄 → 2 欄,名字才有空間呈現 */
  .hub-agent-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  /* 名字 / 副標讓它換行,不要再 ellipsis 切到只剩一個字 */
  .hub-agent-name,
  .hub-agent-role {
    white-space: normal !important;
    text-overflow: clip !important;
    overflow: visible !important;
    word-break: keep-all !important;
    overflow-wrap: anywhere !important;
  }

  /* Crypto 註腳:讓內容自然 wrap,別擠成一行 */
  .hub-crypto-row {
    flex-wrap: wrap !important;
    line-height: 1.6 !important;
  }
}

/* ── Archive ── */
@media (max-width: 640px) {
  .archive-header {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
  }
  .archive-filters {
    flex-direction: column !important;
  }
  .archive-status-btns {
    flex-wrap: wrap !important;
  }
  /* 卡片在手機改成垂直堆疊,狀態 + 日期在底下,避免長標題擠右欄 */
  .archive-card {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    padding: 14px 16px !important;
  }
  .archive-card-right {
    text-align: left !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }
  .archive-card-right > div:last-child {
    margin-bottom: 0 !important;
  }
}

/* ── Meeting view ── */
@media (max-width: 640px) {
  .meeting-sidebar {
    display: none !important;
  }
  .meeting-header-actions {
    flex-wrap: wrap !important;
    gap: 8px !important;
  }
  .meeting-task-grid {
    grid-template-columns: 1fr !important;
  }
  .meeting-chat-panel {
    width: calc(100vw - 32px) !important;
    right: 16px !important;
    bottom: 80px !important;
  }
}

/* ── Industry map ── */
@media (max-width: 640px) {
  .industry-map-header {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .industry-map-controls {
    width: 100% !important;
  }
  .industry-map-controls input {
    width: 100% !important;
  }
}

/* ── Crypto page ── */
@media (max-width: 640px) {
  .crypto-tabs {
    overflow-x: auto !important;
    white-space: nowrap !important;
  }
  .crypto-table {
    font-size: 12px !important;
  }
  .crypto-table th:nth-child(n+4),
  .crypto-table td:nth-child(n+4) {
    display: none !important;
  }
}

/* ── Schedule ── */
@media (max-width: 640px) {
  .schedule-card-row {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
  }
  .schedule-card-actions {
    width: 100% !important;
    justify-content: flex-end !important;
  }
}