#forward-test {
  --forward-surface: linear-gradient(120deg, #16281ed0, #102118d0);
  --forward-border: #a7bfad2e;
  --text: #e3e8e2; --muted: #aeb8b2; --accent: #fbd9b0; --red: #ff8b83;
  color: var(--text); min-width: 0; color-scheme: dark;
}
#forward-test *, #forward-test *::before, #forward-test *::after { box-sizing: border-box; }
#forward-test .forward-heading { margin-bottom: 24px; }
body.dashboard-wallpaper #forward-test .forward-heading h2 {
  display: inline-block; margin: 0 0 20px; font: 400 var(--type-page-title)/1.08 'Times New Roman', Times, serif; letter-spacing: -.025em;
  background: linear-gradient(110deg, #fff 5%, #fff 25%, #edcea2 45%, #ffe3bc 60%, #fff 85%);
  background-size: 260% 100%; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  animation: analysis-title-shimmer 7s ease-in-out infinite alternate;
}
#forward-test .forward-heading p { max-width: 760px; margin: 0 0 28px; color: var(--muted); font-size: var(--type-intro); line-height: 1.45; }
#forward-test .forward-categories .nav-btn { min-width: 130px; padding: 14px 24px; border: 1px solid #ffe5c4; border-radius: 100px; color: #152017; background: var(--accent); font-size: var(--type-control); }
#forward-test .forward-setup { padding: 26px; }
#forward-test .forward-form { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
#forward-test .forward-form > label { display: grid; gap: 10px; min-width: 0; }
#forward-test .forward-field-control { display: flex; align-items: center; gap: 14px; min-width: 0; min-height: 50px; padding: 0 14px; border: 1px solid #a7bfad40; border-radius: 14px; background: #091a1270; }
#forward-test .forward-field-control > svg { width: 24px; height: 24px; flex-shrink: 0; fill: none; stroke: var(--accent); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
#forward-test .forward-field-control:focus-within { border-color: var(--accent); box-shadow: 0 0 0 2px #fbd9b018; }
#forward-test .forward-field-control :is(input,.glass-select-trigger,.glass-date-trigger) { flex: 1; min-width: 0; width: 100%; min-height: 48px; padding: 12px 0; border: 0; border-radius: 0; background: transparent; color: var(--text); box-shadow: none; font-size: var(--type-control); }
#forward-test .forward-field-control :is(.glass-select,.glass-date) { flex: 1; min-width: 0; }
#forward-test .forward-field-control .glass-date-trigger > svg { display: none; }
#forward-test .card { min-width: 0; background: var(--forward-surface); border: 1px solid var(--forward-border); border-radius: 24px; overflow: hidden; margin-bottom: 20px; box-shadow: inset 0 1px 0 #ffffff05; }
#forward-test .bar { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 22px 24px; flex-wrap: wrap; }
#forward-test .tools { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; min-width: 0; }
#forward-test :is(button,input,select,.file-label) { min-height: 44px; max-width: 100%; padding: 10px 16px; color: var(--text); border: 1px solid #a7bfad40; border-radius: 14px; background: #091a1270; font: inherit; font-size: var(--type-label); text-transform: none; letter-spacing: 0; box-shadow: none; }
#forward-test :is(button,.file-label) { cursor: pointer; transition: background .2s ease, border-color .2s ease; }
#forward-test button:hover:not(:disabled), #forward-test .file-label:hover { background: #fbd9b014; border-color: #fbd9b080; }
#forward-test button.active { background: var(--accent); border-color: #ffe5c4; color: #152017; }
#forward-test button:disabled { opacity: .45; cursor: wait; }
#forward-test :is(button,input,select,.file-label):focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
#forward-test input[type=number] { width: 115px; }
#forward-test input[type=date] { width: 174px; }
#forward-test label { display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: var(--type-label); }
#forward-test :is(h2,h3,p) { text-transform: none; }
#forward-test .bar h2 { margin: 0; color: var(--text); font-size: var(--type-card-title); line-height: 1.35; font-weight: 400; }
#forward-test :is(.help,.note,.subtle) { color: var(--muted); font-size: var(--type-caption); line-height: 1.5; }
#forward-test .editor-foot { padding: 14px 24px; border-top: 1px solid var(--forward-border); display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
#forward-test .settings { border-top: 1px solid var(--forward-border); padding: 20px 24px; }
#forward-test summary { color: var(--accent); cursor: pointer; font-size: var(--type-control); }
#forward-test .setting-grid { display: flex; gap: 20px; align-items: end; flex-wrap: wrap; margin: 20px 0; }
#forward-test .setting-grid label { display: grid; gap: 8px; }
#forward-test .file-label input { display: none; }
#forward-test .actions { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 24px 0; }
#forward-test button.primary { min-height: 58px; padding: 16px 34px; color: #152017; background: var(--accent); border: 1px solid #ffe5c4; border-radius: 100px; font-size: var(--type-control); white-space: nowrap; }
#forward-test button.primary:hover:not(:disabled) { background: #ffe5c4; }
#forward-status { white-space: pre-wrap; color: var(--muted); max-width: 760px; font-size: var(--type-caption); line-height: 1.5; }
#forward-status.error { color: var(--red); }
#forward-status.busy::before { content: '◌ '; color: var(--accent); }
#forward-resultnote { color: var(--accent); font-size: var(--type-caption); }
#forward-test .stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; margin: 28px 0 20px; }
#forward-test .stat { min-width: 0; padding: 24px; background: var(--forward-surface); border: 1px solid var(--forward-border); border-radius: 24px; }
#forward-test .stat small { display: block; min-height: 2.6em; margin-bottom: 10px; color: var(--muted); font-size: var(--type-label); line-height: 1.3; }
#forward-test .stat strong { display: block; font-size: var(--type-metric); line-height: 1.2; font-weight: 400; overflow-wrap: anywhere; }
#forward-test .positive, #forward-checked { color: var(--accent); }
#forward-test .negative { color: var(--red); }
#forward-checked { font-size: var(--type-caption); }
#forward-test .section-label { padding: 24px 24px 0; color: var(--muted); font-size: var(--type-label); }
#forward-journal-area { padding: 24px; }
#forward-journal-area .tools { margin: 16px 0; }
#forward-test .table-wrap { overflow: auto; max-height: 480px; border: 1px solid var(--forward-border); border-radius: 16px; }
#forward-test table { width: 100%; margin: 0; border-collapse: collapse; font-size: var(--type-caption); }
#forward-test :is(th,td) { padding: 12px 16px; text-align: left; border-bottom: 1px solid var(--forward-border); white-space: nowrap; color: var(--text); }
#forward-test th { position: sticky; top: 0; background: #24372a; color: var(--accent); font-weight: 400; text-transform: none; }
#forward-test td.reason { white-space: normal; min-width: 240px; max-width: 440px; }
#forward-test .empty { padding: 30px; text-align: center; color: var(--muted); }
#forward-test footer { margin: 24px 0; max-width: 940px; padding: 0; background: transparent; border: 0; color: var(--muted); font-size: var(--type-caption); line-height: 1.65; text-align: left; }
#forward-test canvas { display: block; touch-action: none; cursor: crosshair; }
#forward-test .hidden, #forward-test [hidden] { display: none !important; }
#forward-test .modebar-btn path { fill: var(--muted); }
#forward-test .modebar-btn { min-height: 0; height: 24px; padding: 4px; border: 0; border-radius: 4px; background: transparent; }
#forward-test .modebar-group { display: inline-flex; }
@media (max-width:800px) {
  #forward-test .forward-form { grid-template-columns: 1fr; }
  #forward-test .stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #forward-test .actions { flex-direction: column; align-items: stretch; }
  #forward-test .bar { padding: 18px; }
}
@media (max-width:520px) {
  #forward-test .card { border-radius: 18px; }
  #forward-test :is(.settings,.editor-foot,#forward-journal-area) { padding: 18px; }
  #forward-test .bar > .tools { width: 100%; }
  #forward-test .bar > .tools label { flex-wrap: wrap; }
  #forward-test .stat { padding: 18px; border-radius: 18px; }
  #forward-test .tools { gap: 8px; }
  #forward-test .tools button { padding: 8px 12px; }
}
@media (prefers-reduced-motion:reduce) {
  body.dashboard-wallpaper #forward-test .forward-heading h2 { animation: none; }
  #forward-test :is(button,.file-label) { transition: none; }
}
