/* Help & feedback only; retains existing colors, controls and submission behavior. */
#app .support-screen { font-family:var(--sans); }
#app .support-screen>.feature-card { padding:18px; border-radius:16px; box-shadow:none; }
#app .support-screen .feature-card>h2 { margin:0 0 8px; font:700 17px/1.5 var(--sans); }
#app .support-screen .support-faq { border-bottom:1px solid var(--line); }
#app .support-screen .support-faq:last-child { border-bottom:0; }
#app .support-screen .support-faq>summary {
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  min-height:52px; padding:14px 0; list-style:none;
  color:var(--ink); font:600 15px/1.5 var(--sans); cursor:pointer;
}
#app .support-screen .support-faq>summary::-webkit-details-marker { display:none; }
#app .support-screen .support-faq>summary>span { min-width:0; }
#app .support-screen .support-chevron {
  display:block; flex:0 0 8px; width:8px; height:8px; margin-right:5px;
  border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor;
  transform:rotate(45deg); transition:transform .18s ease; color:var(--ui-plum);
}
#app .support-screen .support-faq[open]>summary { color:var(--ui-plum); }
#app .support-screen .support-faq[open] .support-chevron { transform:rotate(225deg); }
#app .support-screen .support-faq>p { margin:0 0 16px; color:var(--ink-2); font:400 14px/1.8 var(--sans); }
#app .support-screen .feature-card>.feature-note { margin:4px 0 0; font:400 13px/1.7 var(--sans); color:var(--ink-2); }
#app .support-screen .feature-form { margin:18px 0 0; }
#app .support-screen .feature-form .field { gap:8px; margin:0 0 18px; }
#app .support-screen .feature-form .field>span { color:var(--ink); font:600 14px/1.5 var(--sans); }
#app .support-screen .feature-form input,#app .support-screen .feature-form textarea {
  padding:12px; border-radius:10px; font:400 15px/1.6 var(--sans);
}
#app .support-screen .feature-form input { min-height:48px; }
#app .support-screen .feature-form textarea { min-height:120px; }
#app .support-screen .feature-form [type=submit] { min-height:48px; font:650 15px/1.5 var(--sans); }
#app .support-screen .feature-form-error { font:400 13px/1.6 var(--sans); }
#app .support-screen summary:focus-visible { outline:2px solid var(--ui-plum); outline-offset:3px; border-radius:6px; }
@media(hover:hover) { #app .support-screen .support-faq>summary:hover { color:var(--ui-plum); } }
@media(max-width:359px) { #app .support-screen>.feature-card { padding:16px 14px; } }
@media(prefers-reduced-motion:reduce) { #app .support-screen .support-chevron { transition:none; } }