/* Accounts: header account area, Save My Hub buttons, account dialog,
   and the signed-in workspace accents. Other stylesheets are unchanged. */

/* Header */
.account-slot{display:inline-flex;align-items:center;gap:14px}
.account-slot:empty{display:none}
.nav-account{border:0;background:none;padding:0;font:inherit;font-weight:600;color:inherit;cursor:pointer}
.nav-account:hover{color:var(--accent)}
.nav-myhub{color:#fff!important;background:var(--forest);padding:8px 13px;border-radius:999px}
.nav-myhub:hover{background:#245640}
@media(max-width:650px){.header-inner nav{display:flex!important;gap:10px;font-size:10px}.header-inner nav a:not(.nav-preview):not(.nav-myhub){display:none}.private-label{display:none}}

/* Save My Hub buttons */
.save-cta{width:100%;justify-content:space-between;background:#edf0db;color:var(--forest);margin-bottom:10px}
.save-cta:hover{background:#f8f8e9}
.preview-save{background:transparent;color:#edf0db;border:1px solid #9fb59c;white-space:nowrap}
.preview-save:hover{background:#ffffff14}
.preview-bar .preview-save{margin-left:8px}
@media(max-width:650px){.preview-bar .preview-save{margin-left:0;width:100%}}
.hub-save{border:0;background:#173e33;color:#fff;border-radius:999px;padding:7px 14px;font-weight:600;font-size:12px;cursor:pointer;white-space:nowrap;margin-left:auto}
.hub-save:hover{background:#245640}
.hub-ribbon .hub-save+.hub-back{margin-left:0}

/* Account dialog */
.account-dialog{width:min(470px,calc(100% - 28px))}
.account-intro{font-size:12px;line-height:1.7;color:#5f6e66;margin-top:16px}
.account-error{margin-top:14px;padding:10px 12px;border-radius:7px;background:#f9e2de;color:#8e2a1f;font-size:12px;line-height:1.5}
.account-error:focus{outline:none}
.account-form{display:flex;flex-direction:column;gap:12px;margin-top:16px}
.account-field{font-size:11px;font-weight:600;color:#33483e}
.account-field span{font-weight:400;color:#7b8779}
.account-field input{margin-top:6px;font-size:14px;min-height:44px}
.account-submit{margin-top:6px;width:100%}
.account-submit[data-busy="true"]{opacity:.7;cursor:progress}
.account-small{font-size:11px;color:#6f7c73;line-height:1.6}
.link-button{border:0;background:none;padding:0;font:inherit;color:#a2441f;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.account-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.account-actions .button{font-size:12px}

/* Signed-in workspace */
.hub-ribbon-ws{background:#e6f0e3;border-bottom-color:#c9dcc2;color:#244a33}
.hub-ribbon-ws .hub-back{border-color:#9fbf98;color:#244a33!important}
.hub-org-card{margin-bottom:18px;border-color:#c9dcc2}
.hub-org-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.hub-org-grid strong{display:block;font-size:15px;margin-top:4px}
.hub-org-grid .hub-bar{margin-top:8px}
.hub-real-tag{font-size:11px;font-weight:700;color:#246a3e;background:#e4f2e8;border-radius:999px;padding:3px 9px}
.hub-sample-label{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#8a4a22;background:#fbefe2;border-radius:999px;padding:4px 10px;margin:4px 0 12px}
.hub-setup-note{display:flex;gap:12px;align-items:flex-start;background:#fff8ec;border:1px solid #efd8b4;border-radius:12px;padding:14px 16px;margin-bottom:16px;color:#6b4513;font-size:13px;line-height:1.55}
.hub-setup-note svg{margin-top:2px}
.hub-avatar-sm{width:30px;height:30px;font-size:11px;flex-shrink:0}
@media(max-width:900px){.hub-org-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.hub-ribbon .hub-save{margin-left:0;width:100%}}
/* .hub buttons inherit the ribbon's text colour; keep Save My Hub readable. */
.hub .hub-save{color:#fff}
.header-inner nav .nav-preview,.nav-account{white-space:nowrap}
@media(max-width:650px){.header-inner nav .nav-preview,.nav-myhub{padding:6px 9px}.brand small{display:none}}

/* Launch checklist (signed-in workspace) */
.hub-launch{margin-bottom:18px}
.hub-steps{list-style:none;margin:0;padding:0}
.hub-step{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--h-line)}
.hub-step:first-child{border-top:0}
.hub-step>div{flex:1;min-width:0}
.hub-step strong{display:block;font-size:13px}
.hub-step small{display:block;font-size:12px;color:var(--h-muted);margin-top:2px}
.hub-step-mark{width:24px;height:24px;border-radius:50%;border:2px solid #c9d3c6;display:grid;place-items:center;font-size:12px;font-weight:700;flex-shrink:0;color:#fff}
.hub-step-done .hub-step-mark{background:#3e9a5f;border-color:#3e9a5f}
.hub-step-next .hub-step-mark{border-color:#4a86bd}

/* Ready-to-build call to action */
.build-cta{background:var(--forest);border-color:var(--forest);color:#eef2e6}
.build-cta .eyebrow{color:#c6d4b3}
.build-cta h3{color:#fff}
.build-cta p:not(.eyebrow){color:#bccbbb}
.build-cta .next-symbol{background:#2b5446;color:#dce4c9}
.build-cta-actions{display:flex;flex-direction:column;gap:10px;margin-left:auto;flex-shrink:0}
.build-cta-actions .button.primary{background:#c8693d;color:#fff;font-size:13px}
.build-cta-actions .button.primary:hover{background:#b95027}
.build-cta-actions .button.outline{color:#edf0db;border-color:#9fb59c}
.build-cta-actions .button.outline:hover{background:#ffffff14}
.help-link{font-size:11px;margin-top:12px!important}
.help-link a{color:#edf0db;text-decoration:underline;text-underline-offset:3px}
.summary-pricing{font-size:10px;line-height:1.6;color:#a9bc9e;margin:-8px 0 16px}
.scope-note a{color:inherit;text-decoration:underline}
.footer a{text-decoration:underline;text-underline-offset:2px}
@media(max-width:850px){.build-cta-actions{margin-left:73px}}
@media(max-width:650px){.build-cta-actions{margin-left:0;width:100%}.build-cta-actions .button{width:100%}}
/* Preview bar: on narrower screens, buttons drop below the text instead of squeezing it. */
@media(max-width:1100px){
  .preview-bar{flex-wrap:wrap}
  .preview-bar>div{flex:1 1 calc(100% - 70px)}
  .preview-bar .button{margin-left:62px}
  .preview-bar .preview-save{margin-left:0}
  .build-cta-actions{flex-direction:row;flex-wrap:wrap}
}
@media(max-width:650px){.preview-bar .button{margin-left:0}}
@media(max-width:1100px){.preview-bar .button,.preview-bar .preview-save{margin-left:0}.preview-bar{column-gap:10px}}
.build-cta-actions .button{margin-left:0!important}

/* Header account controls */
.nav-create{color:#fff!important;background:var(--forest);padding:8px 13px;border-radius:999px}
.nav-create:hover{background:#245640}
.nav-profile{border:1px solid #c9d3c6;padding:7px 12px;border-radius:999px}
@media(max-width:650px){.header-inner nav .nav-preview{display:none}.nav-create,.nav-profile{padding:6px 10px}}
/* Account panel */
.account-facts{margin:18px 0 0;display:grid;gap:10px}
.account-facts div{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding-bottom:8px;font-size:12px}
.account-facts dt{color:#6f7c73}
.account-facts dd{margin:0;font-weight:600;text-align:right;overflow-wrap:anywhere}
.account-actions-quiet{gap:18px;font-size:12px}
/* Organization page */
.hub-sample-tag{font-size:11px;font-weight:700;color:#8a4a22;background:#fbefe2;border-radius:999px;padding:3px 9px}
.hub-field{display:block;font-size:12px;font-weight:600;color:var(--h-muted);margin-bottom:14px}
.hub-field-row{display:flex;gap:8px;margin-top:6px}
.hub-field input{flex:1;margin:0;min-height:40px;font-size:14px;border:1px solid var(--h-line);border-radius:9px;padding:8px 12px}
.hub-org-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:700px){.hub-org-grid-3{grid-template-columns:1fr}.hub-field-row{flex-direction:column}}
.header-inner nav a{white-space:nowrap}
@media(max-width:1000px){.header-inner nav a[href="#approach"]{display:none}}
@media(max-width:820px){.header-inner nav a[href="#configurator"]{display:none}}