@import url("/product-theme.css");

* {box-sizing:border-box;}
body {margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px;}
.auth-page {display:block;padding:0;}
#account {width:100%;}
.auth-card {
  width:100%;padding:36px;
  background:var(--sheet-sheen),var(--sheet);border:1px solid var(--sheet-edge);border-radius:20px;
  box-shadow:var(--sheet-shadow);-webkit-backdrop-filter:var(--sheet-blur);backdrop-filter:var(--sheet-blur);
}
.brand {display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:700;font-size:24px;letter-spacing:-.5px;text-decoration:none;}
h1 {font-size:30px;font-weight:700;line-height:1.15;margin-top:30px;letter-spacing:-.024em;}
p {line-height:1.6;color:var(--muted);}
form {display:grid;gap:18px;}
fieldset {min-width:0;margin:0;padding:0;border:0;display:grid;gap:18px;}
fieldset:disabled input {opacity:.65;cursor:wait;}
label {display:grid;gap:8px;font-weight:500;}
input {font:inherit;width:100%;padding:12px;border:1px solid var(--edge);border-radius:10px;background:var(--control);color:var(--ink);}
select {font:inherit;width:100%;min-width:0;padding:12px;border:1px solid var(--edge);border-radius:10px;background:var(--control);color:var(--ink);}
.purchase-total {padding:14px;border:1px solid var(--edge);border-radius:12px;background:var(--reading);}
.purchase-total p {margin:8px 0 0;font-size:14px;}
.purchase-result p {overflow-wrap:anywhere;}
.purchase-card .account-status:empty {display:none;}
.purchase-card .account-heading {margin-bottom:24px;}
.purchase-card>.account-error {margin-top:18px;}
button,.button {font:inherit;font-weight:600;background:var(--action);color:var(--on-action);border:1px solid var(--action);border-radius:12px;padding:12px 18px;cursor:pointer;text-decoration:none;display:inline-block;transition:background-color 120ms;}
button:hover,.button:hover {background:var(--action-hover);}
button:disabled {opacity:.8;cursor:wait;}
a {color:var(--cobalt);}
#error {color:var(--red);overflow-wrap:anywhere;}
code,pre {display:block;white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;background:var(--reading);border:1px solid var(--line);border-radius:10px;font:14px/1.6 var(--mono);color:var(--ink);}
.secondary {background:transparent;color:var(--cobalt);padding:8px 0;text-align:left;border:0;}
.secondary:hover {background:transparent;text-decoration:underline;}
.secondary:disabled {cursor:wait;text-decoration:none;}
.auth-content>.secondary {margin-top:8px;}
.auth-back {margin:20px 0 0;}
.recovery {max-height:260px;overflow:auto;}
.auth-qr {display:block;width:240px;height:auto;max-width:100%;margin:20px auto;}
.auth-manual summary {cursor:pointer;color:var(--cobalt);}
.ack {display:flex;align-items:flex-start;font-weight:400;}
.ack input {width:auto;flex:none;margin-top:5px;}
@media(max-width:480px) {body:not(.auth-page) {padding:16px;}.auth-card {padding:26px 22px;}h1 {font-size:28px;}}
@media(forced-colors:active) {.auth-card {background:Canvas;box-shadow:none;}button,.button {background:ButtonFace;color:ButtonText;border-color:ButtonText;}}
/* Staff AI-use survey pages (apps/portal/src/auth/Survey*.tsx). Shared survey parts are styled in apps/portal/src/components/survey.css. */
.account-card.survey-card {width:min(100%,760px);}
textarea {font:inherit;width:100%;padding:12px;border:1px solid var(--edge);border-radius:10px;background:var(--control);color:var(--ink);resize:vertical;}
label small {color:var(--muted);font-size:14px;font-weight:400;line-height:1.5;}
.survey-lede {margin:0 0 24px;}
.survey-eyebrow {margin:0 0 4px;color:var(--cobalt);font-weight:600;}
.survey-privacy {margin:0 0 24px;padding:14px 16px;border:1px solid var(--edge);border-radius:12px;background:var(--reading);}
.survey-privacy p {margin:0;font-size:15px;}
.survey-privacy p+p {margin-top:8px;}
.survey-note {margin:0 0 20px;padding:12px 14px;border:1px solid var(--amber-edge);border-radius:10px;background:var(--amber-fill);color:var(--ink);font-size:15px;}
.survey-form>fieldset {gap:14px;}
.survey-question {display:grid;gap:4px;padding:18px 0 4px;border-top:1px solid var(--line);}
.survey-question:first-child {border-top:0;padding-top:0;}
.survey-question legend {float:left;width:100%;margin-bottom:10px;padding:0;color:var(--ink);font-weight:600;font-size:17px;line-height:1.4;}
.survey-question legend small {color:var(--muted);font-size:14px;font-weight:400;}
.survey-question legend+* {clear:both;}
.survey-number {color:var(--muted);font-weight:500;}
.survey-choice {display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border-radius:8px;font-weight:400;cursor:pointer;}
.survey-choice:hover {background:var(--hover);}
.survey-choice input {width:auto;flex:none;margin-top:5px;}
.survey-card .get-started-steps {margin-bottom:8px;}
.survey-card .auth-back {font-size:15px;}
.survey-card .auth-back .secondary {padding:0;}
.survey-card .get-started-action .survey-hint {margin:10px 0 0;}
@media(forced-colors:active) {.survey-note {border-color:CanvasText;}}