/* Nebula — footer support form (in-page contact modal).
 * Loaded by every page and paired with support.js. Matches the dark/gold UI;
 * reuses --sf-font from consent.css when present and falls back otherwise. */
#supportModal{
  position:fixed;inset:0;z-index:1100;display:grid;place-items:center;
  background:rgba(0,0,0,.82);backdrop-filter:blur(3px);padding:20px;
  font-family:var(--sf-font,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale
}
body.sm-open{overflow:hidden}
#supportModal .sm-card{
  position:relative;max-width:520px;width:100%;max-height:88vh;overflow:auto;
  background:rgba(28,28,30,.97);border:1px solid rgba(255,214,10,.25);
  border-radius:14px;padding:26px 28px;box-shadow:0 18px 60px rgba(0,0,0,.6)
}
#supportModal h2{font-size:18px;color:#ffd60a;margin:0 0 6px;letter-spacing:-.01em;font-weight:600}
#supportModal .sm-lead{font-size:12.5px;color:#c7c7cc;margin:0 0 18px;line-height:1.5}
#supportModal .sm-close{
  position:absolute;top:10px;right:12px;background:none;border:none;color:#8e8e93;
  font-size:22px;line-height:1;cursor:pointer;padding:2px 8px;border-radius:6px
}
#supportModal .sm-close:hover{color:#ffd60a;background:rgba(255,214,10,.08)}
#supportModal .sm-field{margin-bottom:13px}
#supportModal .sm-field label{display:block;font-size:12px;color:#aeaeb2;margin-bottom:6px;letter-spacing:.3px}
#supportModal .sm-field input,#supportModal .sm-field textarea{
  width:100%;padding:10px 12px;border-radius:8px;border:1px solid rgba(255,214,10,.25);
  background:rgba(0,0,0,.7);color:#ffe066;font-size:13px;font-family:inherit
}
#supportModal .sm-field input::placeholder,#supportModal .sm-field textarea::placeholder{color:#48484a}
#supportModal .sm-field textarea{resize:vertical;min-height:110px}
#supportModal .sm-field input[aria-invalid="true"],#supportModal .sm-field textarea[aria-invalid="true"]{border-color:rgba(255,69,58,.7)}
/* honeypot: hidden from humans and out of the tab order, but present for bots */
#supportModal .sm-hp{position:absolute;left:-5000px;top:auto;width:1px;height:1px;overflow:hidden}
#supportModal .sm-submit{
  width:100%;margin-top:4px;padding:11px 20px;border-radius:8px;font-size:14px;font-weight:600;
  cursor:pointer;border:none;background:linear-gradient(90deg,#ffd60a,#ff9f0a);color:#000;transition:filter .2s
}
#supportModal .sm-submit:disabled{opacity:.5;cursor:not-allowed}
#supportModal .sm-submit:not(:disabled):hover{filter:brightness(1.08)}
#supportModal .sm-msg{display:none;margin-top:14px;padding:12px 14px;border-radius:8px;font-size:12.5px;line-height:1.5}
#supportModal .sm-msg.show{display:block}
#supportModal .sm-msg.ok{border:1px solid rgba(102,212,207,.4);background:rgba(102,212,207,.07);color:#66d4cf}
#supportModal .sm-msg.err{border:1px solid rgba(255,69,58,.5);background:rgba(255,69,58,.07);color:rgba(255,69,58,.85)}
#supportModal .sm-fine{font-size:10.5px;color:#48484a;margin:14px 0 0}
#supportModal .sm-fine a{color:#66d4cf}
/* after a successful send: hide the form, keep the confirmation */
#supportModal.sm-done #supportForm,#supportModal.sm-done .sm-lead{display:none}
@media (max-width:520px){#supportModal .sm-card{padding:22px 20px}}

/* ---------- AI transparency notice (footer of every page) ----------
 * EU AI Act-style transparency: the output is AI-generated from third-party
 * sources and is not verified for accuracy. Kept deliberately visible. */
.ai-notice{
  display:flex;gap:9px;align-items:flex-start;flex-basis:100%;width:100%;
  margin:0 0 8px;padding:8px 11px;border-radius:8px;
  background:rgba(255,214,10,.05);border:1px solid rgba(255,214,10,.18);
  font-size:11.5px;line-height:1.45;color:#aeaeb2;
  font-family:var(--sf-font,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale
}
.ai-notice .ai-tag{
  flex:0 0 auto;white-space:nowrap;font-size:9px;font-weight:700;letter-spacing:1px;
  color:#ffd60a;border:1px solid rgba(255,214,10,.5);border-radius:4px;padding:1px 5px;margin-top:1px
}
.ai-notice strong{color:#d1d1d6;font-weight:600}
.ai-notice a{color:#66d4cf}