@import url("/dist/assets/css/style.css");

.system-badge {
  display: inline-flex;
  margin-top: 18px;
  align-items: center;
  gap: 8px;
  color: #6a727d;
  font-size: .66rem;
  font-weight: 600;
}
.system-badge::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #22a06b; box-shadow: 0 0 0 4px rgba(34,160,107,.1); }
.system-badge a { color: #252b32; font-weight: 750; }
.upload-message { width: min(760px, 100%); margin: 0 auto 30px; padding: 15px 18px; border: 1px solid #dce2e7; border-radius: 10px; background: #f7f9fa; color: #3f4a55; font-size: .78rem; line-height: 1.5; }
.upload-message.is-error { border-color: #f0c8c8; background: #fff7f7; color: #8b2525; }
.upload-message.is-success { border-color: #bfe4d2; background: #f2fbf7; color: #176a46; }
.upload-job { display: flex; margin-top: 8px; align-items: center; justify-content: space-between; gap: 15px; }
.job-status.is-queued [data-job-label]::before,
.job-status.is-processing [data-job-label]::before { content: ''; display: inline-block; width: 12px; height: 12px; margin-right: 9px; vertical-align: -2px; border: 2px solid #aeb6bf; border-top-color: #171c22; border-radius: 50%; animation: dv-spin .8s linear infinite; }
.job-status.is-completed { border-color: #bfe4d2; background: #f2fbf7; color: #176a46; }
.job-status.is-failed { border-color: #f0c8c8; background: #fff7f7; color: #8b2525; }
.client-vector-status { display: block; width: 100%; margin-top: 10px; color: #4f5b66; font-size: .72rem; line-height: 1.4; text-align: center; }
.client-vector-status::before { content: ''; display: inline-block; width: 11px; height: 11px; margin-right: 7px; vertical-align: -2px; border: 2px solid #b8c0c8; border-top-color: #171c22; border-radius: 50%; animation: dv-spin .8s linear infinite; }
.client-vector-status.is-error { color: #8b2525; }
.client-vector-status.is-error::before { display: none; }
[data-auto-upload][aria-busy="true"] .dark-button,
[data-auto-upload][aria-busy="true"] .upload-button { pointer-events: none; opacity: .65; }
@keyframes dv-spin { to { transform: rotate(360deg); } }
.legal-page { min-height: 60vh; padding-block: 76px; }
.legal-card { max-width: 850px; padding: 38px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.legal-card h1 { margin: 0 0 22px; font-size: clamp(2.4rem,5vw,4.2rem); font-weight: 800; letter-spacing: -.055em; }
.legal-card h2 { margin: 30px 0 10px; font-size: 1.25rem; }
.legal-card p, .legal-card address { color: var(--muted); font-size: .86rem; font-style: normal; line-height: 1.75; }
.footer-parent { display: inline-flex; margin-top: 12px; align-items: center; gap: 7px; color: #69717c; font-size: .64rem; }
.footer-parent strong { color: #20262d; }
@media (max-width:760px) { .legal-card { padding: 27px 22px; } .upload-job { align-items: flex-start; flex-direction: column; } }