.mj-support{background:#091f3e;color:#e4f3ff;padding:16px;border:1px solid #3773b2;border-radius:14px;font-family:system-ui,Arial,sans-serif}.mj-support *{box-sizing:border-box}.mj-support header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;flex-wrap:wrap}.mj-support h2{font-size:21px;margin:4px 0;color:#fff}.mj-support h3{font-size:15px;margin:9px 0;color:#fff}.mj-support header p{font-size:13px;color:#c7dcef}.mj-support header small{color:#80cbff;font-weight:800}.mj-support button{cursor:pointer;border:1px solid #4b8fdd;background:#174f98;color:#fff;border-radius:8px;padding:9px 11px;font:inherit;font-size:13px}.mj-support button.mj-sup-primary{background:#0673e7;border-color:#38a5fa;font-weight:700}.mj-support button:disabled{opacity:.5}.mj-support form{padding:12px;background:#123358;border-radius:9px;margin:12px 0}.mj-support label{display:block;font-size:13px;font-weight:650;margin:9px 0}.mj-support textarea,.mj-support input,.mj-support select{display:block;width:100%;font:inherit;background:#eef7ff;color:#153a65;padding:9px;border-radius:7px;border:1px solid #80a8c9;margin-top:5px}.mj-sup-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:12px;margin:13px 0}.mj-sup-grid section{background:#0e2b52;padding:12px;border:1px solid #326493;border-radius:10px;min-width:0}.mj-support button.mj-sup-ticket{display:flex;flex-direction:column;text-align:left;gap:5px;width:100%;margin:7px 0;background:#123763;color:#fff}.mj-sup-ticket.active{border-color:#4ccefb!important;background:#15549d!important}.mj-sup-ticket strong{overflow-wrap:anywhere}.mj-sup-ticket small{color:#c8e5ff}.mj-sup-message{background:#133b6b;border-radius:7px;padding:10px;margin:9px 0;white-space:pre-wrap;overflow-wrap:anywhere}.mj-sup-message small{color:#a6c9ee;font-size:11px}.mj-sup-message p{font-size:13px;margin:6px 0}.mj-sup-messages{max-height:360px;overflow:auto}.mj-sup-muted{color:#adc8e4;font-size:12px;margin-top:12px}.mj-sup-feedback{min-height:20px;font-size:13px;color:#9aefc2}@media(max-width:720px){.mj-sup-grid{grid-template-columns:1fr}.mj-support{padding:11px}.mj-support h2{font-size:18px}}


/* ========== MAQUIJOBS · PADRÃO RESPONSIVO UNIFICADO / 23-10-2026 ========== */
:root {
  --mj-brand-blue: #0769f2;
  --mj-brand-dark: #073a98;
  --mj-brand-light: #eaf5ff;
  --mj-surface: #ffffff;
  --mj-border: #c2d8ed;
  --mj-radius-card: 18px;
  --mj-radius-control: 12px;
  --mj-touch-min: 44px;
}
html { -webkit-text-size-adjust: 100%; }
body { overflow-x: hidden; }
img, video { max-width: 100%; height: auto; }
:where(button, [role="button"], a, input, select, textarea):focus-visible {
  outline: 3px solid #39a9ff;
  outline-offset: 3px;
}
:where(button, input:not([type="checkbox"]):not([type="radio"]), select) {
  min-height: var(--mj-touch-min);
}
:where(button, .primary-button, .secondary-button, .btn-primary, .btn-secondary) {
  border-radius: var(--mj-radius-control);
}
:where(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  max-width: 100%;
  border-radius: 10px;
}
:where(.card, .panel, .dashboard-card) {
  border-radius: var(--mj-radius-card);
}
:where(.card, .panel, .dashboard-card, .main, main) { min-width: 0; }
@media (max-width: 760px) {
  :where(.card, .panel, .dashboard-card) { padding-inline: clamp(12px, 4vw, 20px); }
  :where(.action-row, .actions, .toolbar) { flex-wrap: wrap; }
  :where(.action-row, .actions, .toolbar) > button { flex-shrink: 0; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}