.amigo-account-link{border:1px solid var(--border);white-space:nowrap;border-radius:22px;min-height:44px;padding:8px 12px;font-size:13px;font-weight:600}.amigo-account{color:var(--foreground);background:var(--background);border:1px solid var(--border);overscroll-behavior:contain;border-radius:20px;width:min(640px,100vw - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:24px;overflow:auto}.amigo-account::backdrop{background:#0009}.account-top,.account-actions,.account-tabs{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.account-top{justify-content:space-between}.account-top h2{font-size:26px;font-weight:700}.account-top button{font-size:32px}.amigo-account button{min-height:44px;padding:8px 12px}.amigo-account p{overflow-wrap:anywhere;margin:16px 0}.amigo-account label{margin:16px 0;display:block}.amigo-account input{background:var(--background);border:1px solid var(--border);width:100%;min-height:56px;color:var(--foreground);border-radius:12px;margin-top:8px;padding:12px;font-size:18px;display:block}.amigo-account .account-primary{background:var(--brand-yellow);width:100%;color:var(--ink);border-radius:12px;min-height:56px;font-weight:700}.amigo-account button:disabled{opacity:.5}.account-tabs{margin:20px 0}.account-tabs button{background:var(--surface);border-radius:12px;flex:1}.account-tabs button[aria-pressed=true]{background:var(--brand-yellow);color:var(--ink)}.account-ride{border:1px solid var(--border);border-radius:16px;margin:16px 0;padding:16px}.account-ride a{text-decoration:underline}.amigo-account [role=alert]{color:var(--destructive)}@media (width<=480px){.amigo-account{padding:16px;padding-bottom:max(16px, env(safe-area-inset-bottom))}.amigo-account-link{padding:8px;font-size:12px}}.account-ride-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.account-ride-buttons button,.account-ride-buttons a{color:#171717;text-align:center;overflow-wrap:anywhere;min-height:48px;font:inherit;background:#fff;border:1px solid #d6d8dc;border-radius:12px;justify-content:center;align-items:center;padding:12px 8px;text-decoration:none;display:flex}.account-ride-buttons button:disabled{opacity:.55}.account-payment-status{font-size:.9em}.account-conversation{border-top:1px solid #ddd;margin-top:16px;padding-top:12px}.account-conversation textarea{box-sizing:border-box;width:100%;font:inherit;border:1px solid #bbb;border-radius:10px;padding:12px;display:block}.account-messages{max-height:320px;margin:12px 0;overflow:auto}.account-messages article{background:#f3f4f5;border-radius:10px;margin:8px 0;padding:10px}.account-messages article[data-sender=customer]{background:#fff4bd;margin-left:16px}.account-messages p{white-space:pre-wrap;overflow-wrap:anywhere}.account-messages img{max-width:100%;max-height:200px}.account-conversation small{font-size:12px}.account-ride-controls{min-width:0}.account-ride-buttons{align-items:start}.account-ride-buttons>button,.account-ride-buttons>a{background:var(--surface);color:var(--foreground);border-color:var(--border)}.account-ride-controls .account-conversation{border-color:var(--border);min-width:0}.account-ride-controls .account-actions{justify-content:space-between;margin-bottom:12px}.account-ride-controls .account-actions button{border:1px solid var(--border);border-radius:12px;min-height:44px;padding:8px 12px}.account-ride-controls .account-conversation label{margin:12px 0;display:block}.account-ride-controls .account-conversation textarea{background:var(--background);color:var(--foreground);border-color:var(--border)}.account-ride-controls .account-conversation input[type=file]{width:100%;min-width:0;font:inherit;margin-top:8px;display:block}.account-ride-controls .account-primary{background:var(--brand-yellow);width:100%;min-height:48px;color:var(--ink);border-radius:12px;padding:12px;font-weight:700}.account-ride-controls button:disabled{opacity:.55}.account-ride-controls .account-messages article{background:var(--surface);color:var(--foreground)}.account-ride-controls .account-messages article[data-sender=customer]{background:var(--accent)}.customer-chat-window .account-conversation{border:0;margin:0;padding:0;overflow:hidden}.customer-chat-window .account-messages{flex:1;min-height:0;max-height:none;overflow:auto}.customer-chat-window form{flex-shrink:0;max-height:55%;overflow:auto}.customer-chat-window textarea{max-height:100px}.customer-chat-window .conversation-body{height:100%}
