.account-workspace {border-top:1px solid var(--line);margin-top:24px;padding-top:20px;}
.account-workspace-heading {display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;}
.account-workspace-heading nav {display:flex;gap:8px;flex-wrap:wrap;}
.account-workspace-heading [aria-pressed=true] {background:var(--lake);color:white;border-color:var(--lake);}
.account-destinations {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0;}
.account-destination {display:grid;gap:8px;align-content:start;padding:20px;text-align:left;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);min-height:118px;font:inherit;cursor:pointer;}
.account-destination strong {font-size:1.1rem;}
.account-destination span {line-height:1.5;font-size:.9rem;}
.account-destination:hover {background:#eef5f7;border-color:var(--lake);}
.client-workspace-intro {margin-bottom:24px;line-height:1.6;}
.client-workspace-intro button {margin:0 8px 8px 0;}
@media(max-width:600px){.account-destinations{grid-template-columns:1fr;}.account-destination{min-height:96px;padding:16px;}.account-workspace-heading nav{width:100%;}.account-workspace-heading nav button{flex:1;min-height:44px;}}

/* A shared login, with two consistently labelled visual spaces. */
.account-workspace{padding:20px;border-radius:18px;border:1px solid #cbdfe8;background:#edf5f8;}
.account-workspace[data-space=vendor]{background:#f5efe6;border-color:#dfcfbb;}
.account-workspace[data-space=vendor] .eyebrow{color:#6d5035;}
.account-workspace[data-space=vendor] [aria-pressed=true]{background:#785b3e;border-color:#785b3e;}
.account-workspace[data-space=vendor] .account-destination:hover{background:#fffaf3;border-color:#785b3e;}
.current-space-marker{display:flex;align-items:center;gap:12px;padding:12px 24px;background:#e8f2f7;border-bottom:1px solid #cbdfe8;color:#254b65;}
.current-space-marker[hidden]{display:none;}
.current-space-marker strong{font-size:.9rem;white-space:nowrap;}
.current-space-marker span{font-size:.8rem;}
.current-space-marker button{margin-left:auto;background:white;border:1px solid currentColor;border-radius:8px;color:inherit;font:inherit;font-size:.8rem;padding:9px 12px;cursor:pointer;}
.current-space-marker[data-space=vendor]{background:#f2e8db;border-color:#dfcfbb;color:#6d5035;}
.app-shell[data-space=client]:not([data-view=plan]) .app-view{background:#f4f8fa;}
.app-shell[data-space=vendor]:not([data-view=plan]) .app-view{background:#faf6ef;}
.app-shell[data-space=vendor]:not([data-view=plan]) .bottom-nav{background:#faf6ef;border-top-color:#dfcfbb;}
.app-shell[data-space=vendor]:not([data-view=plan]) .bottom-nav [aria-current=page]{color:#6d5035;}
@media(max-width:600px){.current-space-marker{padding:10px 16px;flex-wrap:wrap;gap:6px 12px;}.current-space-marker span{order:3;width:100%;}.current-space-marker button{min-height:44px;}.account-workspace{padding:16px;}}

/* Vendor Account contains only account-level destinations. */
.app-shell[data-space=vendor][data-view=account][data-signed-in=true],
.app-shell[data-space=vendor][data-view=account][data-signed-in=true] main,
.app-shell[data-space=vendor][data-view=account][data-signed-in=true] #account-view{background-color:#edf7f8!important}
.app-shell[data-space=vendor] #account-view .vendor-account-overview{border:0;border-radius:0;padding:0;background:transparent;box-shadow:none}
.vendor-account-overview #account-heading{font-size:clamp(2rem,5vw,2.6rem);margin:0 0 8px;color:#073e49}
.vendor-account-overview .account-login-email{font-size:13px;color:#4d7077;margin:0 0 22px;overflow-wrap:anywhere}
.vendor-account-overview .account-login-email strong{font-weight:400}
.vendor-account-rows{display:grid;gap:10px}
.vendor-account-row{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:76px;padding:16px 18px;background:#fff;border:1px solid #7399a2;border-radius:12px;color:#073e49;font:inherit;text-align:left;cursor:pointer;box-shadow:none}
.vendor-account-row>span:first-child{display:grid;gap:5px;min-width:0}
.vendor-account-row strong{font-size:15px;line-height:1.4}
.vendor-account-row small{font-size:12px;line-height:1.5;color:#4d7077}
.vendor-account-arrow{font-size:26px;color:#005866}
.vendor-account-row:hover{border-color:#005866;background:#f9fdfd}
.vendor-account-row:focus-visible{outline:2px solid #007c90;outline-offset:3px}
.vendor-account-overview #account-feedback:empty{display:none}

/* Client Account uses the same compact rows and its blue identity. */
.app-shell[data-space=client] #account-view .client-account-overview{border:0;border-radius:0;padding:0;background:transparent;box-shadow:none}
.client-account-overview #account-heading{color:#102f4b}
.client-account-overview .vendor-account-row{color:#102f4b;border-color:#9caebf}
.client-account-overview .vendor-account-row small,.client-account-overview .account-login-email{color:#486078}
.client-account-overview .vendor-account-arrow{color:#102f4b}
.client-account-overview .vendor-account-row:hover{background:#f9fcfe;border-color:#102f4b}