/* Fix 6: the team's Google Drive page (public/drive.js). Builds on folders.css (fix 5): tabs, tiles, grid. */
.dv-secs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 12px 0; }
.dv-secs .fd-tab { font: inherit; text-align: left; cursor: pointer; background: none; }
.dv-secs .fd-tab.is-on { background: var(--ink, #0a1220); }
.dv-secs .fd-tab b { font-size: 16px; }
.dv-maps { margin: 12px 0; padding: 10px 12px; border-radius: 12px; background: var(--card, #f3f5f8); }
.dv-maps summary { min-height: 44px; display: flex; align-items: center; font-weight: 700; cursor: pointer; }
.dv-maps ul { list-style: none; padding: 0; margin: 6px 0; display: grid; gap: 6px; }
.dv-maps li { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; min-width: 0; overflow-wrap: anywhere; }
.dv-maps li a { min-height: 44px; display: inline-flex; align-items: center; }
.dv-add { display: grid; gap: 6px; margin-top: 8px; }
.dv-add .input { min-height: 44px; width: 100%; box-sizing: border-box; font-size: 16px; padding: 0 12px; border-radius: 10px; border: 1px solid var(--line, #cfd5dd); }
.dv-sort { width: 100%; min-height: 44px; margin-top: 4px; font-size: 15px; border-radius: 10px; }
.dv-fold { color: var(--ink-3, #555); } .dv-fold .i { width: 40%; height: 40%; }
.dv-when { align-self: center; }
.dv-img, .dv-vid { display: block; max-width: 100%; max-height: 70vh; margin: 0 auto; background: #000; }
.dv-pdf { display: grid; gap: 10px; } .dv-page { width: 100%; height: auto; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.2); }
.dv-off { text-align: left; }
.fd-drive { margin: 4px 0; } .fd-drive a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 600; }
@media (max-width: 720px) { .dv-secs .fd-tab span { display: none; } }