/* Account access and dealership team management share the white / ink identity. */
.access-screen { min-height:100vh; min-height:100dvh; display:grid; grid-template-columns:minmax(240px,.85fr) minmax(320px,1fr); background:var(--paper,#fff); color:var(--ink,#000); }
.access-brand { background:#111; color:#fff; padding:clamp(32px,7vw,110px); display:flex; flex-direction:column; justify-content:center; }
.access-wordmark { font-family:BadScript,'Bad Script',cursive; font-size:clamp(64px,8vw,128px); line-height:1.4; }
.access-brand p { font-size:15px; letter-spacing:.04em; opacity:1; margin:22px 0; }
.access-card { width:min(100%,560px); padding:clamp(28px,5vw,72px); align-self:center; justify-self:center; box-sizing:border-box; min-width:0; }
.access-card h1 { font-size:clamp(28px,3vw,40px); letter-spacing:-.045em; line-height:1.15; margin:14px 0 24px; font-weight:500; }
.access-links { display:flex; flex-wrap:wrap; align-items:center; column-gap:16px; margin:12px 0 22px; }
.access-footnote { font-size:11px; line-height:1.7; color:var(--ink-3,#000); margin-top:28px; }
.team-eyebrow { text-transform:uppercase; font-family:var(--font-mono,'JetBrains Mono',monospace); font-size:10px; letter-spacing:.16em; color:var(--ink-3,#000); }
.team-screen { max-width:1200px; width:100%; flex:1; overflow:auto; box-sizing:border-box; margin:0 auto; padding:32px clamp(18px,3vw,44px) 60px; min-width:0; }
.nav-access-button { display:block; width:100%; margin-top:18px; border:1px solid var(--chrome-line,#333); border-radius:4px; padding:10px 12px; color:var(--chrome-txt,#fff); background:transparent; text-align:left; cursor:pointer; font-size:12px; }
.nav-access-button:hover { background:var(--chrome-2,#1a1a1a); }
.nav-access-button:focus-visible { outline:2px solid var(--chrome-txt,#f5f4f1); outline-offset:3px; }
.team-shell-error { padding:14px 24px; border-bottom:1px solid var(--ink,#111); background:var(--paper,#fff); font-size:12px; line-height:1.65; overflow-wrap:anywhere; }
.team-heading { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; }
.team-heading h1 { font-size:32px; letter-spacing:-.045em; font-weight:500; margin:12px 0; }
.team-heading h2 { margin:0; }
.team-screen h2 { font-size:21px; font-weight:500; }
.team-screen h3 { font-size:16px; font-weight:500; margin:0 0 16px; }
.team-screen h4 { font-size:14px; font-weight:500; margin:0 0 8px; }
.team-screen p,.access-card p { line-height:1.65; }
.team-muted { color:var(--ink-3,#000); font-size:12px; line-height:1.65; overflow-wrap:anywhere; }
.team-signed-in { font-size:12px; color:var(--ink-3,#000); overflow-wrap:anywhere; margin:20px 0; }
.team-card { border:1px solid var(--line,#ddd); border-radius:6px; padding:28px; background:var(--white,#fff); margin:24px 0; min-width:0; }
.team-dealerships { list-style:none; margin:20px 0 0; padding:0; display:grid; gap:12px; }
.team-dealership { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; border:1px solid var(--line,#ddd); border-radius:4px; padding:18px; min-width:0; }
.team-dealership.is-selected { border-color:var(--ink,#111); }
.team-dealership-name { min-width:0; flex:1 1 200px; }
.team-dealership-name h3 { margin:0 0 6px; overflow-wrap:anywhere; }
.team-dealership-name p { margin:0; }
.team-workspace-current { font-size:11px; line-height:1.5; color:var(--ink-3,#000); }
.team-form { display:grid; gap:18px; margin:22px 0; }
.team-field { display:block; min-width:0; font-size:12px; font-weight:500; }
.team-field > span { display:block; margin-bottom:8px; }
.team-field small { display:block; font-size:11px; font-weight:400; color:var(--ink-3,#000); margin-top:7px; line-height:1.65; }
.team-field :is(input,select) { box-sizing:border-box; display:block; width:100%; max-width:100%; min-width:0; border:1px solid var(--line,#ddd); border-radius:4px; padding:11px 12px; background:var(--white,#fff); color:var(--ink,#000); font:inherit; font-size:13px; }
.team-field input:read-only { font-family:var(--font-mono,'JetBrains Mono',monospace); font-size:11px; }
.team-form > .btn { justify-self:start; }
.access-card .team-form > .btn { width:100%; }
.team-notice { padding:13px 16px; margin:18px 0; background:var(--paper,#fff); border-left:2px solid var(--ink,#111); font-size:12px; line-height:1.65; overflow-wrap:anywhere; }
.team-notice.is-error { border:1px solid var(--ink,#111); }
.team-notice .btn { margin:8px 0 0 12px; }
.team-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.team-section { margin-top:28px; padding-top:28px; border-top:1px solid var(--line,#ddd); }
.team-member { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; gap:16px; padding:20px 0; border-bottom:1px solid var(--line,#ddd); min-width:0; }
.team-member > div { min-width:0; }
.team-member p { font-size:12px; margin:5px 0; overflow-wrap:anywhere; }
.team-actions { display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
.team-invitation-actions,.team-onboarding-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:18px 0; }
.team-invitation-actions > .btn,.team-onboarding-actions > .btn { margin:0; }
.team-review { padding:20px; margin:20px 0; border:1px solid var(--ink,#111); border-radius:4px; min-width:0; }
.team-review h4 { margin-bottom:20px; }
.team-review .team-actions { margin-top:20px; }
.team-preferences { display:flex; align-items:flex-end; flex-wrap:wrap; gap:16px; margin:20px 0 12px; }
.team-preferences .team-field { width:220px; }
.team-create { margin-top:24px; border-top:1px solid var(--line,#ddd); padding-top:20px; }
.team-create summary { cursor:pointer; font-size:13px; font-weight:500; }
.team-check { display:flex; align-items:flex-start; gap:10px; font-size:12px; line-height:1.65; margin:24px 0; }
.team-check input { flex:none; accent-color:#111; margin-top:4px; }
.team-facts { display:grid; grid-template-columns:1fr 1fr; gap:14px; font-size:12px; margin:24px 0; }
.team-facts dt { color:var(--ink-3,#000); }
.team-facts dd { margin:0; overflow-wrap:anywhere; }
.team-google { margin:20px 0; min-width:0; }
.team-screen :is(button,input,select,summary):focus-visible,.access-screen :is(button,input,select):focus-visible { outline:2px solid var(--ink,#111); outline-offset:4px; }
.team-screen .btn-text,.access-screen .btn-text { background:none; border:0; color:var(--ink,#000); padding:8px 0; font-size:12px; text-decoration:underline; text-underline-offset:4px; }
@media(max-width:800px) { .access-screen { grid-template-columns:1fr; } .access-brand { padding:24px 28px; flex-direction:row; align-items:center; justify-content:space-between; gap:24px; } .access-wordmark { font-size:44px; } .access-brand p { font-size:11px; margin:0; } .access-card { padding:32px 28px 48px; } .team-grid { grid-template-columns:1fr; } }
@media(max-width:480px) { .team-screen { padding:24px 16px 48px; } .team-card { padding:20px 16px; } .team-review { padding:16px; } .team-heading { align-items:flex-start; } .team-heading h1 { font-size:28px; } .team-actions,.team-invitation-actions,.team-onboarding-actions { align-items:stretch; flex-direction:column; } .team-actions .btn,.team-invitation-actions .btn,.team-onboarding-actions .btn,.team-preferences .btn,.team-preferences .team-field,.team-form > .btn { width:100%; } .team-facts { grid-template-columns:1fr; gap:6px; } .team-facts dd { margin-bottom:10px; } .access-card { padding:28px 22px 42px; } .access-brand p { display:none; } }