/* docs-modal.css — company-documents modal for 2mv.io
 * Loaded by index.html. Activated by script.docs-modal.js via
 * window.openDocsModal(), wired up by the main 2mv script (next task).
 */

.docs-modal { position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; }
.docs-modal[hidden] { display: none !important; }
.docs-modal__backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.55); }
.docs-modal__sheet {
  position: relative; background: #fff; width: 560px; max-width: 94vw; max-height: 88vh;
  overflow: auto; border-radius: 16px; padding: 20px 22px;
  font-family: Montserrat, system-ui, -apple-system, sans-serif;
  box-shadow: 0 12px 40px rgba(0,0,0,.25);
}
.docs-modal__close { position: absolute; top: 10px; right: 12px; border: 0; background: none; font-size: 26px; line-height: 1; cursor: pointer; color: #444; }
.docs-modal__title { margin: 4px 30px 14px 0; font-size: 18px; color: #091e42; }
.docs-modal__body { font-size: 14px; line-height: 1.55; color: #172b4d; word-wrap: break-word; }
.docs-modal__body img { max-width: 100%; height: auto; }
.docs-modal__pdf { width: 100%; height: 60vh; border: 0; margin-bottom: 12px; }
.docs-modal__open {
  display: inline-block; margin-top: 6px; padding: 10px 16px; background: #6C5CE7; color: #fff;
  border-radius: 8px; text-decoration: none;
}
@media (prefers-reduced-motion: reduce) { .docs-modal__sheet { animation: none; } }

.company-docs { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 4px 8px; margin: 20px auto 4px; max-width: 520px; padding: 0 12px; font-family: Montserrat, system-ui, sans-serif; }
.company-docs:empty { display: none; }
.company-docs__link { font-size: 13px; font-weight: 500; color: #8a8d91; cursor: pointer; text-decoration: none; }
.company-docs__link:hover { color: #42526e; text-decoration: underline; }
.company-docs__sep { color: #c5c8ce; font-size: 13px; user-select: none; }