/* Market Evidence v2.10.1 canonical account/founder-beta UI ownership.
   Keep Founder Beta account/enrollment responsive rules here rather than appending
   chronological hotfix blocks to styles.css or responsive-system.css. */
/* ================================================================
   v2.10.1 — Founder Beta Account & Enrollment Canonical UI Contract
   ================================================================ */
#founderAccessRequestForm[hidden],
#founderAccessRequestPrompt[hidden] { display:none !important; }
.founder-access-request-prompt { grid-column:1 / -1; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 10px; border:1px solid rgba(104,161,219,.2); border-radius:9px; background:rgba(76,124,174,.07); color:#a9bdd0; font-size:.74rem; }
.founder-access-request-prompt .ghost-btn { min-height:34px; padding:5px 9px; white-space:normal; }
.founder-access-request-form select,
.founder-access-request-form textarea { width:100%; box-sizing:border-box; border-radius:9px; border:1px solid rgba(137,181,222,.28); background:#091827; color:#f3f8fc; padding:8px 10px; font:inherit; font-size:16px; }
.founder-access-request-form select { min-height:40px; }
.founder-access-request-form textarea { min-height:78px; resize:vertical; line-height:1.35; }
.founder-request-markets { display:flex; align-items:center; flex-wrap:wrap; gap:8px 14px; margin:0; padding:9px 10px; border:1px solid rgba(137,181,222,.2); border-radius:9px; }
.founder-request-markets legend { padding:0 5px; color:#cad9e8; font-size:.75rem; font-weight:700; }
.founder-request-markets label { display:flex !important; grid-template-columns:none !important; flex-direction:row !important; align-items:center; gap:6px !important; font-size:.74rem !important; font-weight:600 !important; }
.founder-request-markets input { margin:0; }
.founder-support-copy { margin:0; color:#8fa7bc; font-size:.72rem; line-height:1.35; }
.founder-support-copy a { color:#8fd9ff; overflow-wrap:anywhere; }
@media (min-width:600px) {
  .founder-access-request-form:not([hidden]) { grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:10px; }
  .founder-access-request-form:not([hidden]) > .account-beta-callout,
  .founder-access-request-form:not([hidden]) > .founder-request-markets,
  .founder-access-request-form:not([hidden]) > label:last-of-type,
  .founder-access-request-form:not([hidden]) > .account-actions,
  .founder-access-request-form:not([hidden]) > .founder-support-copy,
  .founder-access-request-form:not([hidden]) > .account-form-status { grid-column:1 / -1; }
}
@media (max-width:540px) {
  .founder-access-request-prompt { align-items:stretch; flex-direction:column; }
  .founder-access-request-prompt .ghost-btn { width:100%; }
  .founder-access-request-form .account-actions { grid-template-columns:1fr; }
}


/* ================================================================
   v2.10.1 — canonical field validation, compact layout and responsive contract
   Compact, field-local validation and device/browser-safe wrapping.
   ================================================================ */
.account-dialog {
  width:min(520px, calc(100vw - 20px));
  max-height:min(88dvh, 680px);
}
.account-dialog-shell { padding:13px 14px; }
.account-mode-tabs {
  grid-template-columns:minmax(86px,.72fr) minmax(0,1.28fr) !important;
  gap:5px;
  margin:7px 0 9px;
  padding:3px;
  border-radius:10px;
}
.account-mode-tab {
  min-width:0;
  min-height:32px;
  padding:4px 7px;
  font-size:.70rem;
  line-height:1.15;
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal;
}
.account-form { gap:7px; }
.account-form label:not(.account-acknowledgement) { gap:3px; font-size:.72rem; }
.account-form input[type="email"],
.account-form input[type="password"],
.account-form input[type="text"],
.founder-access-request-form select { min-height:38px; }
.account-field-error {
  display:block;
  margin:1px 0 0;
  color:#ffaaa7;
  font-size:.69rem;
  line-height:1.28;
  font-weight:700;
}
.account-field-error[hidden] { display:none !important; }
#accountInviteCode.is-invalid,
#accountInviteCode[aria-invalid="true"] {
  border-color:rgba(255,126,126,.88) !important;
  box-shadow:0 0 0 1px rgba(255,126,126,.22) inset !important;
}
.account-acknowledgement {
  gap:7px;
  font-size:.69rem !important;
  line-height:1.28 !important;
}
.founder-legal-ack {
  grid-column:1 / -1;
  margin:0;
  color:#9fb4c6;
  font-size:.67rem;
  line-height:1.32;
  overflow-wrap:normal;
  word-break:normal;
}
.founder-legal-ack a { color:#7fdcff; }
.founder-request-markets {
  display:grid;
  grid-template-columns:repeat(2,max-content);
  justify-content:start;
  align-items:center;
  column-gap:18px;
  row-gap:7px;
  min-width:0;
}
.founder-request-markets legend { max-width:100%; white-space:normal; }
.founder-request-markets label {
  display:inline-flex !important;
  width:max-content !important;
  min-width:max-content !important;
  max-width:100%;
  flex-wrap:nowrap !important;
  white-space:nowrap !important;
}
.founder-request-markets label > span {
  display:inline !important;
  width:auto !important;
  min-width:max-content;
  white-space:nowrap !important;
  overflow-wrap:normal !important;
  word-break:keep-all !important;
  hyphens:none !important;
}
.founder-request-markets input[type="checkbox"] {
  width:16px !important;
  min-width:16px !important;
  height:16px !important;
  min-height:16px !important;
  flex:0 0 16px !important;
}
.founder-access-request-form textarea { min-height:70px; }
.founder-access-request-form .account-actions { gap:7px; }

@media (max-width:540px) {
  .account-dialog { width:calc(100vw - 8px); max-height:92dvh; border-radius:12px; }
  .account-dialog-shell { padding:10px; }
  .account-dialog-head { margin-bottom:5px; }
  .account-dialog h2 { font-size:.94rem; }
  .account-dialog-subtitle { font-size:.68rem; line-height:1.25; }
  .account-mode-tabs { grid-template-columns:minmax(74px,.68fr) minmax(0,1.32fr) !important; }
  .account-mode-tab { min-height:31px; padding:4px 5px; font-size:.64rem; }
  .account-form { gap:6px; }
  .account-form label:not(.account-acknowledgement) { font-size:.69rem; }
  .account-acknowledgement { font-size:.66rem !important; }
  .founder-legal-ack { font-size:.64rem; }
  .founder-request-markets { grid-template-columns:repeat(2,max-content); column-gap:14px; padding:8px 9px; }
  .founder-request-markets label { font-size:.69rem !important; }
  .founder-access-request-prompt { gap:7px; padding:7px 8px; font-size:.69rem; }
}

@media (max-width:340px) {
  .account-mode-tabs { grid-template-columns:minmax(64px,.62fr) minmax(0,1.38fr) !important; }
  .account-mode-tab { font-size:.60rem; }
  .founder-request-markets { grid-template-columns:1fr 1fr; }
  .founder-request-markets label { width:auto !important; min-width:0 !important; }
}

@media (max-height:620px) and (min-width:600px) {
  .account-dialog { max-height:95dvh; }
  .account-dialog-shell { padding-top:8px; padding-bottom:8px; }
  .account-mode-tabs { margin:5px 0 7px; }
  .account-form { gap:5px; }
}


/* v2.10.3-r1 — isolated Founder Beta password-reset controls. */
.account-password-reset-row { display:flex; justify-content:flex-end; min-width:0; margin-top:-2px; }
.account-password-reset-link { appearance:none; border:0; background:transparent; color:#8fd9ff; padding:2px 0; min-height:26px; font:inherit; font-size:.70rem; font-weight:700; line-height:1.2; cursor:pointer; }
.account-password-reset-link:hover { color:#c8efff; text-decoration:underline; }
.account-password-reset-link:focus-visible { outline:2px solid #69d9c5; outline-offset:3px; border-radius:4px; }
.account-password-reset-link:disabled { opacity:.55; cursor:default; text-decoration:none; }
#accountPasswordResetForm[hidden] { display:none !important; }