@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');

:root {
  color-scheme: light;
  --ink: #14202b;
  --muted: #667583;
  --line: #dce4e8;
  --paper: #f4f7f7;
  --teal: #087e78;
  --teal-dark: #075e5b;
  --coral: #c74e3e;
  --gold: #a16a12;
  font-family: 'DM Sans', sans-serif;
}

body { background: var(--paper); color: var(--ink); }
h1, h2, h3, .brand { font-family: 'Manrope', sans-serif; }
.page-enter { animation: enter 420ms ease-out both; }
@keyframes enter { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
.metric { border: 1px solid var(--line); border-top: 3px solid var(--metric-accent, var(--teal)); background: #fff; }
.status { display: inline-flex; align-items: center; border-radius: 999px; padding: .25rem .65rem; font-size: .72rem; font-weight: 700; letter-spacing: .04em; }
.status-CLEAN { color: #176b45; background: #e0f4e9; }
.status-DISCREPANCY { color: #a8372b; background: #fce8e4; }
.status-PENDING, .status-PROCESSING { color: #8d5d0f; background: #fff2d6; }
.status-HOLD_NO_POD { color: #94570a; background: #ffedd0; border: 1px solid #f0c078; }
.status-RESOLVED { color: #265c79; background: #e2f1f7; }
.drop-target { transition: border-color 160ms ease, background 160ms ease; }
.drop-target.is-dragging { border-color: var(--teal); background: #e6f4f2; }
input, textarea { font: inherit; }
input:focus, textarea:focus { outline: 2px solid #087e7844; border-color: var(--teal) !important; }
.legal-content { color: #334155; font-size: 1rem; line-height: 1.75; overflow-wrap: anywhere; }
.legal-content h1 { margin: 0 0 1rem; color: var(--ink); font-size: 2rem; line-height: 1.2; }
.legal-content h2 { margin: 2.5rem 0 .75rem; border-bottom: 1px solid var(--line); padding-bottom: .5rem; color: var(--ink); font-size: 1.35rem; line-height: 1.35; }
.legal-content h3 { margin: 1.75rem 0 .5rem; color: var(--ink); font-size: 1.1rem; line-height: 1.4; }
.legal-content p { margin: .75rem 0; }
.legal-content ul, .legal-content ol { margin: .75rem 0; padding-left: 1.5rem; }
.legal-content ul { list-style: disc; }
.legal-content ol { list-style: decimal; }
.legal-content li { margin: .35rem 0; padding-left: .2rem; }
.legal-content a { color: var(--teal-dark); text-decoration: underline; text-underline-offset: 2px; }
.legal-content blockquote { margin: 1rem 0; border-left: 4px solid var(--teal); background: #e6f4f2; padding: .75rem 1rem; color: #334155; }
.legal-content blockquote p { margin: .25rem 0; }
.legal-content strong { color: var(--ink); font-weight: 700; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }