@media (max-width: 767px) {
  .external-document-card { grid-template-columns: 1fr; padding: 16px; gap: 14px; }
}

.external-filters {
  display: grid;
  grid-template-columns: minmax(220px, 1.6fr) minmax(150px, .8fr) minmax(150px, .8fr) auto auto;
  gap: 8px;
  align-items: end;
  padding: 14px;
  background: #fff;
  border: 1px solid var(--line);
}
.external-filters label { min-width: 0; font-size: 9px; font-weight: 700; }
.external-filters input,.external-filters select { width: 100%; min-width: 0; margin-top: 5px; padding: 9px; border: 1px solid var(--line); background: #fff; font: inherit; }
.external-summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 4px; }
.external-summary strong { font-size: 10px; }
.external-pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; padding: 20px 0; }
.external-pagination button { min-width: 34px; padding: 8px 10px; border: 1px solid var(--line); background: #fff; font-size: 10px; font-weight: 800; }
.external-pagination button.is-active { background: var(--ink); border-color: var(--ink); color: #fff; }
.external-pagination button:disabled { opacity: .35; }
@media (max-width: 900px) { .external-filters { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .external-filters { grid-template-columns: 1fr; } .external-summary { align-items: flex-start; flex-direction: column; } }
.drive-upload-button { width: 100%; margin: 4px 0 0; }
.drive-upload-status { margin: 7px 0 15px; padding: 9px 11px; background: var(--mist); color: #666; font-size: 9px; overflow-wrap: anywhere; }