/* ── 4.2 Google Docs Border Dark Mode ── */
[data-theme="dark"] .gdocs-connect-btn {
  border-color: rgba(66, 133, 244, 0.4);
}

/* ── 7.2 GDocs Disconnect Button Size (mobile) ── */
@media (max-width: 767px) {
  /* 7.2 GDocs Disconnect Button Size */
  .gdocs-disconnect-btn {
    min-width: 44px;
    min-height: 44px;
  }
}


/* ── 7.4 Mobile Touch Target Fixes (44px minimum for dyslexic users) ── */
@media (max-width: 767px) {
  /* QA-001: Card action buttons (star, tag, overflow) */
  .doc-card-actions > button,
  .dok-pin-btn,
  .doc-tag-icon-btn,
  .doc-overflow-btn {
    min-width: 44px;
    min-height: 44px;
  }

  /* QA-002: List view action buttons */
  .doc-list-action-btn {
    min-width: 44px;
    min-height: 44px;
  }

  /* QA-003: View toggle buttons */
  .docs-view-btn {
    min-width: 44px;
    min-height: 44px;
  }

  /* QA-009: Search bar height */
  .search-bar {
    min-height: 44px;
  }

  /* QA-010: Filter chip X buttons — expand tap area */
  .doc-filter-chip-x,
  .doc-tag-active-filter-x {
    min-width: 44px;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* QA-005: Google Docs prompt close button */
  .gdocs-prompt-close {
    min-width: 44px;
    min-height: 44px;
  }

  /* Card checkbox expanded tap area */
  .doc-card-checkbox {
    min-width: 36px;
    min-height: 36px;
  }
}


/* QA-019: Card footer border visible in dark mode */
[data-theme="dark"] .doc-card-footer {
  border-top-color: rgba(255, 255, 255, 0.06);
}