/* Claude palette and account fields on the existing V8 component layout. */
:root { --primary:#bd674c; --primary-dark:#974a33; --primary-deep:#30211c; --primary-soft:#fbf0e9; --bg:#f8f7f5; --muted:#716b69; }
.logo-box, .result.success .logo-box { background:transparent; box-shadow:0 12px 28px rgba(151,74,51,.14); }
.logo-box .claude-logo, .result .logo-box .claude-logo, .result.success .logo-box .claude-logo { width:100%; height:100%; }
.step.active, .step.done { box-shadow:0 8px 18px rgba(151,74,51,.16); }
input:focus, textarea:focus { box-shadow:0 0 0 4px rgba(189,103,76,.12); }
.btn-primary { box-shadow:0 10px 24px rgba(151,74,51,.16); }
.btn-primary:hover:not(:disabled) { background:var(--primary-dark); }
.step-head { background:var(--primary-soft); border-color:#ead0c3; }
.token-link { border-color:#dfbeaf; }
.token-link:hover { box-shadow:0 0 0 4px rgba(189,103,76,.09); }
.status-card { border-color:#ead0c3; }
.progress { background:#edd8cc; }
.progress-bar { background:linear-gradient(90deg,#e7a07f,var(--primary-dark)); }
.result.processing .result-icon { border-color:#edd8cc; border-top-color:var(--primary); }
.result.success::before { background:radial-gradient(circle,rgba(222,135,96,.34),transparent 63%); }
.result.success .success-done, .result.success .result-plan { color:#ffe8dc; }
.success-done::before { background:#e9a682; color:#30211c; }
.result.success .result-plan [data-plan-duration], .result.success .back-link, .result.success .subscription-delay-note { color:#e5cfc5; }
.result.success .result-icon { background:var(--primary); }
.result.success .btn-primary:hover:not(:disabled) { background:#fff6ef; }
#credential { min-height:100px; overflow-wrap:anywhere; }
#credential[data-mode=session_info] { min-height:130px; }
.credential-modes { display:flex; flex-wrap:wrap; gap:10px; padding:0; border:0; margin:0 0 20px; }
.credential-modes legend { font-size:13px; color:var(--muted); margin-bottom:8px; }
.credential-modes label { flex:1; display:flex; align-items:center; gap:8px; padding:11px 12px; border:1px solid var(--border); border-radius:11px; margin:0; font-size:14px; cursor:pointer; white-space:nowrap; }
.credential-modes label:has(input:checked) { color:var(--primary-dark); background:var(--primary-soft); border-color:#dfbeaf; }
.credential-modes input { width:16px; height:16px; margin:0; accent-color:var(--primary-dark); }
.session-help { margin:0 0 20px; font-size:13px; color:var(--muted); }
.session-help summary { color:var(--primary-dark); cursor:pointer; font-weight:600; padding:8px 0; }
.session-help ol { padding-left:22px; line-height:1.6; }
.session-help li + li { margin-top:7px; }
.account-conditions { margin:0 0 20px; padding:14px 16px; border:1px solid #ead0c3; border-radius:12px; background:#fffaf6; font-size:13px; line-height:1.6; color:#69534a; }
.account-conditions > strong { color:#49362c; }
.account-conditions p { margin-top:6px; }
#maxNotice { padding-top:10px; margin-top:10px; border-top:1px solid #ead0c3; }
@media(max-width:380px) { .credential-modes { gap:6px; } .credential-modes label { font-size:12px; padding:10px 8px; } }

.skip-link:not(:focus) { clip-path:inset(50%); width:1px; height:1px; overflow:hidden; padding:0; border:0; }
body[data-service="claude"] .result.success { background-color:#30211c; box-shadow:0 20px 44px rgba(48,33,28,.18); }