.customer-portal{overflow-wrap:anywhere;background:var(--background);min-height:100dvh}.portal-header{z-index:40;border-bottom:1px solid var(--border);background:var(--background);position:sticky;top:0}.portal-header-row{justify-content:space-between;align-items:center;gap:16px;max-width:1152px;margin:auto;padding:16px 20px;display:flex}.portal-brand{flex-direction:column;gap:2px;min-width:0;line-height:1.1;display:flex}.portal-brand small{letter-spacing:.16em;color:var(--muted);font-size:10px;font-weight:400}.portal-account{flex-shrink:0;position:relative}.portal-account-trigger{border:1px solid var(--border);cursor:pointer;border-radius:12px;align-items:center;gap:8px;min-height:44px;padding:10px 12px;font-size:14px;font-weight:600;list-style:none;display:flex}.portal-account-trigger::-webkit-details-marker{display:none}.portal-account-panel{border:1px solid var(--border);background:var(--background);border-radius:16px;width:min(320px,100vw - 40px);max-height:75dvh;padding:20px;position:absolute;top:calc(100% + 10px);right:0;overflow:auto;box-shadow:0 16px 48px #0002}.portal-workspace{min-width:0;max-width:1152px;margin:auto;padding:28px 20px 48px}.portal-workspace :where(h1){letter-spacing:-.025em;text-wrap:balance;font-size:clamp(1.5rem,5.8vw,2.25rem);line-height:1.2}.portal-workspace :where(h2,h3){line-height:1.35}.portal-workspace :where(.grid,.flex)>*{min-width:0}.portal-workspace :where(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){border-radius:10px;max-width:100%;min-height:44px;font-size:16px}.portal-workspace :where(input[type=file]){width:100%;font-size:14px}.portal-workspace :where(button,summary){min-height:44px}.portal-workspace :where(img,video,iframe){max-width:100%}.portal-workspace :where(pre){white-space:pre-wrap;max-width:100%;overflow:auto}.portal-action,.portal-back{border:1px solid var(--border);border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-size:14px;font-weight:600;line-height:1.5;text-decoration:none;display:inline-flex}.portal-back{color:var(--muted);border-color:#0000;justify-content:flex-start;padding-left:0}.portal-action:hover,.portal-back:hover{background:var(--surface)}.portal-action.bg-foreground:hover{background:var(--foreground);opacity:.88}.portal-status-ready{color:#065f46;background:#10b98115;border-color:#05966955}.portal-status-pending{color:#92400e;background:#f59e0b15;border-color:#d9770655}.portal-status-alert{color:#991b1b;background:#ef444415;border-color:#dc262655}[data-theme=dark] .portal-status-ready{color:#6ee7b7}[data-theme=dark] .portal-status-pending{color:#fcd34d}[data-theme=dark] .portal-status-alert{color:#fca5a5}.customer-portal :where(a,button,summary,input,select,textarea):focus-visible{outline-offset:4px;outline:2px solid}.portal-footer{border-top:1px solid var(--border);max-width:1152px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:16px;margin:auto;padding:24px 20px;font-size:13px;display:flex}.portal-entry{overflow-wrap:anywhere;width:min(100%,480px);margin:24px auto;padding:24px}.portal-entry h1{letter-spacing:-.025em;font-size:clamp(1.6rem,6vw,2rem);line-height:1.2}.portal-entry :where(input,button){border-radius:10px;min-height:44px;font-size:16px}.portal-entry form button{width:100%}.portal-entry>a{align-items:center;min-height:44px;display:inline-flex}.portal-entry input{min-width:0;max-width:100%}@media (min-width:640px){.portal-header-row{padding:20px 24px}.portal-workspace{padding:40px 24px 64px}.portal-footer{padding:24px}.portal-brand{flex-direction:row;align-items:baseline;gap:12px}}