.info-container{
  max-width: 860px;
  width: 100%;
  margin-inline: auto;

  padding-inline: 16px;
  box-sizing: border-box;
  margin-bottom: 48px;
}

.header-image-subpages { display:block; margin-inline:auto; margin-bottom: 12px; }

.page-title { 
    color: var(--info-color-heading, #222);
    font-weight: 400;
    margin: 6px 0 8px;
    font-size: 1.9rem; 
    display: inline-block; 
}

.subtitle { 
    margin:.25rem 0 1.50rem;
    color: var(--info-color-text, #333);
    display: inline-block; /* breaks collapse */
}

.mt-075 { 
    margin-top:.75rem !important;
}

/* Cards (match subpage tone) */
.card{
  background:#fff;
  border:1px solid #ececec;
  border-radius:10px;
  box-shadow:0 2px 10px rgba(0,0,0,.06);
  padding:20px 18px 16px;
  margin:16px 0;
}

.section-title{ font-size:1.12rem; font-weight:600; color:#444; margin:0 0 .35rem; }
.hr{ border:0; border-top:1px solid #eee; margin:.5rem 0 1rem; }

/* Form */
.form-row{ display:grid; grid-template-columns:1fr 1fr; gap:.75rem; }
@media (max-width: 640px){ .form-row{ grid-template-columns:1fr; } }

label{ display:block; margin:0 0 .35rem; }
textarea, select, input[type="text"], input[type="email"], input[type="tel"]{
  width:100%; font-size:1rem; padding:.6rem .7rem; border:1px solid #ddd; border-radius:6px; box-sizing:border-box;
}
textarea{ min-height:120px; }

/* Consent rows: stop checkbox stretch */
.card .checkbox{
  display:grid; grid-template-columns:auto 1fr; align-items:start; column-gap:.6rem;
}
.card .checkbox input[type="checkbox"]{
  width:18px !important; height:18px !important; margin:.25rem 0 0 0; flex:0 0 auto; appearance:checkbox;
}

/* Chips */
.chip-group{ display:flex; flex-wrap:wrap; gap:.5rem; }
.chip{
  display:inline-flex; align-items:center;
  border:1px solid #d9d9d9; border-radius:16px;
  padding:.35rem .75rem; font-size:.95rem; cursor:pointer; background:#fff;
  transition: background .15s, border-color .15s, box-shadow .15s;
}
.chip[aria-pressed="true"]{
  background:#eef6ff; border-color:#1e90ff; box-shadow:0 0 0 2px rgba(30,144,255,.08) inset;
}

/* Actions */
.actions{ display:flex; gap:.75rem; align-items:center; min-height:38px; }
button#submit-support{
  display:inline-block; padding:.8rem 1rem; border:0; border-radius:8px; font-size:1.05rem;
  background:#28a745; color:#fff; cursor:pointer; box-shadow:0 2px 8px rgba(40,167,69,.05); transition: background .18s, opacity .18s;
}
button#submit-support:disabled{ background:#b5c1b8; color:#eee; cursor:not-allowed; }

button#cb-submit {
    display:inline-block; padding:.8rem 1rem; border:0; border-radius:8px; font-size:1.05rem;
    background:#28a745; color:#fff; cursor:pointer; box-shadow:0 2px 8px rgba(40,167,69,.05); transition: background .18s, opacity .18s;
}

button#cb-submit:disabled{ background:#b5c1b8; color:#eee; cursor:not-allowed; }

button[aria-busy="true"]{ opacity:.75; pointer-events:none; }

/* Inline field errors */
.field-error{ margin:.35rem 0 0; font-size:.9rem; color:#c0392b; display:none; }
.field-invalid input, .field-invalid textarea, .field-invalid select{ border-color:#c0392b; }

/* Feedback boxes */
#success, #error{ display:none; margin-top:10px; padding:10px 12px; border-radius:8px; }
#success{ background:#f0fff4; border:1px solid #c6f6d5; color:#22543d; }
#error{ background:#fff5f5; border:1px solid #fed7d7; color:#742a2a; }

/* Utilities */
.muted{ color:#666; font-size:.95rem; }
.required{ color:#c00; margin-left:.25rem; }
.inline{ display:inline-block; margin-left:.25rem; }
.small{ font-size:.9rem; }
.sr-only{ position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

.support-bar{ position:fixed; left:0; right:0; bottom:0; display:flex; gap:.5rem; align-items:center; padding:.5rem .75rem; background:#0f172a; color:#fff; z-index:1000; box-shadow:0 -2px 10px rgba(0,0,0,.15); }
.support-bar[data-visible="false"]{ display:none; }
.support-bar__status{ display:flex; align-items:center; gap:.4rem; margin-right:auto; }
.status-dot{ width:.6rem; height:.6rem; border-radius:50%; background:#9ca3af; display:inline-block; }
.status-dot.online{ background:#22c55e; }   /* green */
.status-dot.busy{ background:#f59e0b; }     /* amber */
.status-dot.offline{ background:#ef4444; }  /* red */
.support-bar__btn{ border:0; border-radius:999px; padding:.45rem .8rem; background:#1f2937; color:#fff; text-decoration:none; cursor:pointer; }
.support-bar__btn--wa{ background:#1f7a34; }
.support-bar__btn--call{ background:#2563eb; }
.support-bar__btn--callback{ background:#334155; }
.support-bar__close{ background:transparent; color:#fff; border:0; font-size:1.2rem; margin-right:.25rem; cursor:pointer; }

.modal{ position:fixed; inset:0; background:rgba(0,0,0,.45); display:grid; place-items:center; z-index:1100; }
.modal[hidden]{ display:none; }
.modal__card{ position:relative; width:min(560px, calc(100% - 2rem)); background:#fff; color:#111; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,.25); padding:1rem; }
.modal__close{ position:absolute; right:1rem; top:1rem; border:0; background:transparent; font-size:1.25rem; cursor:pointer; }
.modal__title{ margin:0 0 .25rem; }

.severity-group{ display:flex; gap:.75rem; flex-wrap:wrap; }
.severity input{ margin-right:.25rem; }