/* FDD AI platform — shared app styling (UX phase 1, 2026-09-05)
   Theme primary #1c75bc, Helvetica body (Bricks theme style "FDDAI"). */
.fddai-app{--fa-primary:#1c75bc;--fa-primary-dark:#125a93;--fa-ink:#16212b;--fa-muted:#5a6875;
  --fa-rule:#d6dde4;--fa-soft:#eaf1f8;--fa-ok:#2e8b57;--fa-low:#c98a1b;--fa-empty:#b23a3a;
  --fa-ok-bg:#e8f4ec;--fa-err-bg:#f9e9e9;--fa-info-bg:#eaf1f8;
  color:var(--fa-ink);font-family:Helvetica,Arial,sans-serif;line-height:1.5;max-width:860px}
.fddai-auth{max-width:420px;margin:2rem auto 3rem}
.fddai-h{font-size:1.6rem;margin:0 0 1rem;line-height:1.2}
.fddai-form label{display:block;font-weight:600;font-size:.92rem;margin:0 0 .9rem}
.fddai-form label input:not([type=checkbox]){display:block;width:100%;box-sizing:border-box;margin-top:.3rem;
  padding:.6rem .7rem;font:inherit;font-weight:400;border:1px solid var(--fa-rule);border-radius:4px;background:#fff;color:var(--fa-ink)}
.fddai-form input:focus-visible,.fddai-app button:focus-visible,.fddai-app a:focus-visible{outline:2px solid var(--fa-primary);outline-offset:2px}
.fddai-form select,.fddai-form input[type=text].fddai-inline{font:inherit;padding:.35rem .5rem;border:1px solid var(--fa-rule);border-radius:4px}
.fddai-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:0 0 1rem;font-size:.92rem}
.fddai-check{display:flex;align-items:center;gap:.4rem;font-weight:400;margin:0}
.fddai-hint{color:var(--fa-muted);font-size:.85rem;margin:-.4rem 0 .9rem}
.fddai-alt{margin:1rem 0 0;font-size:.92rem;color:var(--fa-muted)}
.fddai-app a{color:var(--fa-primary-dark)}
.fddai-btn,.fddai-app button.fddai-btn{display:inline-block;background:var(--fa-primary);color:#fff;border:0;border-radius:4px;
  padding:.65rem 1.4rem;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;line-height:1.2}
.fddai-btn:hover{background:var(--fa-primary-dark);color:#fff}
.fddai-btn-secondary,.fddai-app button.fddai-btn-secondary{background:#fff;color:var(--fa-primary-dark);border:1px solid var(--fa-primary)}
.fddai-btn-secondary:hover{background:var(--fa-soft)}
.fddai-btn[disabled],.fddai-app button[disabled]{opacity:.55;cursor:default}
.fddai-notice{padding:.65rem .9rem;border-radius:4px;margin:0 0 1rem;font-size:.93rem;background:var(--fa-info-bg);border-left:3px solid var(--fa-primary)}
.fddai-notice-ok{background:var(--fa-ok-bg);border-left-color:var(--fa-ok)}
.fddai-notice-err{background:var(--fa-err-bg);border-left-color:var(--fa-empty)}
.fddai-table{border-collapse:collapse;width:100%;font-size:.93rem}
.fddai-table th,.fddai-table td{border-bottom:1px solid var(--fa-rule);padding:.45rem .6rem;text-align:left;vertical-align:top}
.fddai-table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--fa-muted)}
.fddai-table td.num{font-variant-numeric:tabular-nums;white-space:nowrap}
.fddai-tablewrap{overflow-x:auto}
/* balance thermometer (phase 3 uses these) */
.fddai-therm{display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:center}
.fddai-therm .amt{font-size:1.35rem;font-weight:700;font-variant-numeric:tabular-nums}
.fddai-therm .full{font-size:.82rem;color:var(--fa-muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.fddai-bar{height:12px;background:var(--fa-soft);border-radius:6px;position:relative;overflow:hidden}
.fddai-bar .fill{position:absolute;top:0;bottom:0;left:0;border-radius:6px;background:var(--fa-ok);transition:width .4s}
.fddai-bar .fill.low{background:var(--fa-low)}.fddai-bar .fill.empty{background:var(--fa-empty)}
.fddai-bar .tick{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--fa-low)}
.fddai-therm-line{font-size:.88rem;color:var(--fa-muted);margin:.4rem 0 0}
.fddai-therm-line b{color:var(--fa-ink);font-weight:600}
/* page title (Rick QA 09-25): the ask page's Bricks heading look, now one class on every app page */
.fddai-page-h{color:hsl(209,56%,48%);font-size:1.75rem;font-weight:600;line-height:1.25;letter-spacing:.01em;margin:0 0 1rem;padding:10px 0}
.fr-tab>.fddai-page-h{margin-top:.2rem}
.fddai-btn-small,.fddai-app button.fddai-btn-small{padding:.4rem .9rem;font-size:.9rem}
/* Balance & billing cards (Rick QA 09-25): balance, payment methods, activity */
.fr-card{border:1px solid var(--fa-rule);border-radius:6px;padding:.4rem 1rem .8rem;margin:0 0 1rem;background:#fff}
.fr-card>summary{cursor:pointer;font-weight:600;font-size:1.05rem;padding:.5rem 0;list-style:none;display:flex;align-items:center;gap:.5rem}
.fr-card>summary::-webkit-details-marker{display:none}
.fr-card>summary::before{content:"\25B8";color:var(--fa-muted);font-size:.9em}
.fr-card[open]>summary::before{content:"\25BE"}
.fr-card>summary .fr-card-sub{font-weight:400;color:var(--fa-muted);font-size:.9rem;margin-left:auto}
.fr-pm{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .8rem;padding:.45rem 0;border-top:1px solid var(--fa-rule)}
.fr-pm:first-of-type{border-top:0}
.fr-pm .fr-pm-default{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--fa-ok);font-weight:600}
.fr-pm form{display:inline;margin:0}
/* tabs (phase 4) */
.fddai-tabs{display:flex;gap:.2rem;border-bottom:1px solid var(--fa-rule);margin:0 0 1.2rem;overflow-x:auto}
.fddai-tabs a{padding:.55rem .9rem;color:var(--fa-muted);text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap}
.fddai-tabs a.active{color:var(--fa-ink);border-bottom-color:var(--fa-primary);font-weight:600}
@media (prefers-reduced-motion:reduce){.fddai-bar .fill{transition:none}}
/* registration */
.fddai-register{max-width:480px}
.fddai-types{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:0 0 1.2rem}
.fddai-types a{display:block;padding:.7rem .9rem;border:1px solid var(--fa-rule);border-radius:4px;text-decoration:none;color:var(--fa-ink);background:#fff}
.fddai-types a b{display:block;font-size:1rem}
.fddai-types a span{display:block;font-size:.82rem;color:var(--fa-muted);margin-top:.15rem}
.fddai-types a.active{border-color:var(--fa-primary);box-shadow:inset 0 0 0 1px var(--fa-primary);background:var(--fa-soft)}
.fddai-opt{font-weight:400;color:var(--fa-muted)}
.fddai-terms{font-weight:400;font-size:.9rem;margin:0 0 1rem;align-items:flex-start}
.fddai-terms input{margin-top:.25rem}
.fddai-what{font-size:.92rem;color:var(--fa-muted);background:var(--fa-soft);padding:.7rem .9rem;border-radius:4px;margin:0 0 1rem}
@media (max-width:520px){.fddai-types{grid-template-columns:1fr}}
/* export + share bar under an answer (ask page + My Research, 2026-09-08) */
.fa-actions{display:flex;flex-wrap:wrap;gap:.5em;align-items:center;margin-top:.5em;font-size:.88em}
.fa-actions a,.fa-actions button{font:inherit;font-size:inherit}
.fa-actions button{background:#fff;border:1px solid var(--fa-primary);color:var(--fa-primary-dark);border-radius:4px;padding:.25em .7em;cursor:pointer;line-height:1.3}
.fa-actions button:hover{background:var(--fa-soft)}
.fa-share-url{font:inherit;font-size:.9em;width:min(100%,22em);padding:.25em .4em;border:1px solid var(--fa-rule);border-radius:4px;color:var(--fa-ink)}
.fa-share-ok{color:var(--fa-ok)!important}
