/* H360 V8.2 — FINAL AUDITED RELEASE FIX — 2026-09-27
   Surgical corrections only: Gate A integration, Gate B inline routing, employer modal containment,
   collective separators/title polish, and responsive guardrails. */

/* Employer Continue modal: it must never render in normal page flow or below the footer. */
.v82-modal-backdrop{
  position:fixed!important;inset:0!important;z-index:11000!important;
  display:none!important;align-items:center!important;justify-content:center!important;
  padding:20px!important;background:rgba(15,23,42,.52)!important;
}
.v82-modal-backdrop.show{display:flex!important}
.v82-modal{width:min(760px,96vw)!important;max-height:90vh!important;overflow:auto!important;
  background:#fff!important;border-radius:20px!important;padding:26px!important;
  box-shadow:0 24px 80px rgba(0,0,0,.28)!important;box-sizing:border-box!important}
.v82-modal-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important}
.v82-modal-close{border:0!important;background:#18212b!important;color:#fff!important;width:38px!important;height:38px!important;
  border-radius:50%!important;font-size:22px!important;line-height:1!important;cursor:pointer!important;flex:0 0 38px!important}
.v82-modal .grid{width:100%!important;max-width:100%!important}
.v82-modal input{max-width:100%!important;box-sizing:border-box!important}
body.h360-modal-open{overflow:hidden!important}

/* Gate A is embedded as the approved standalone disclosure, inside the candidate workspace. */
#gateA{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.h360-gate-a-frame-wrap{background:#fff;border:1px solid var(--line,#d7dbe0);border-radius:18px;overflow:hidden;box-shadow:0 8px 30px rgba(28,35,43,.08)}
.h360-gate-a-frame{display:block;width:100%;height:min(1250px,calc(100vh - 100px));min-height:900px;border:0;background:#f5f6fa}
.h360-gate-save-note{padding:11px 14px;background:#eef7fd;border-top:1px solid #cfe3f5;color:#36576f;font-size:12px}

/* Gate B becomes an in-flow candidate step when regulated/immigration context is relevant. */
#gateBInline{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.h360-gate-b-inline-wrap{background:#fff;border:1px solid var(--line,#d7dbe0);border-radius:18px;overflow:hidden;box-shadow:0 8px 30px rgba(28,35,43,.08)}
.h360-gate-b-inline-head{padding:18px 20px;border-bottom:1px solid var(--line,#d7dbe0);display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}
.h360-gate-b-inline-head p{margin:4px 0 0;color:var(--muted,#66707b)}
.h360-gate-b-inline-frame{display:block;width:100%;height:76vh;min-height:760px;border:0;background:#fff}
.h360-gate-b-inline-actions{padding:16px 20px;border-top:1px solid var(--line,#d7dbe0);display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}

/* Collective: one separator only between people on desktop; no double vertical rules. */
@media(min-width:1001px){
  .h360-collective-row{gap:0!important;background:transparent!important}
  .h360-collective-row .h360-final-member{border-left:1px solid var(--line,#dfe3e8)!important}
  .h360-collective-row .h360-final-member:first-child{border-left:0!important}
}
/* Requested title line-break only; preserve wording. */
.h360-final-member[data-final-member="howard"] .collective-copy p .en,
.h360-final-member[data-final-member="howard"] .collective-copy p .fr{display:block}
/* Polo/Goundo portrait scale intentionally left unchanged in production.
   A CSS zoom-out would expose background margins and risk new visual seams. */

/* Prevent accidental horizontal overflow in candidate forms and modals. */
#view-candidatev8 .shell,#view-candidatev8 .card,#view-candidatev8 .grid,#view-candidatev8 .field,
#view-candidatev8 input,#view-candidatev8 select{min-width:0;max-width:100%;box-sizing:border-box}

@media(max-width:760px){
  .v82-modal{padding:20px 16px!important}.v82-modal .grid.grid-2{grid-template-columns:1fr!important}
  .h360-gate-a-frame{min-height:1050px;height:82vh}
  .h360-gate-b-inline-frame{min-height:700px;height:80vh}
}
@media print{.v82-modal-backdrop,#gateBInline{display:none!important}}