/* Account and saved-project states, extending the existing light Project V3 UI. */
.project-v2 [hidden]{display:none!important}
.project-v2 button,.project-v2 input,.project-v2 select{font:inherit}
.project-v2 button{cursor:pointer}
.project-v2 button:disabled{cursor:wait;opacity:.6}
.project-v2 :is(button,a,input,select):focus-visible{outline:3px solid #a57b36;outline-offset:4px}
.project-v2 .account-fieldset{border:0;padding:0;margin:0;min-width:0}
.project-v2 .account-mode-switch{display:flex;padding:4px;gap:4px;border:1px solid #e5e4df;border-radius:12px;background:#f8f6f1;margin-bottom:20px}
.project-v2 .account-mode-switch button{flex:1;border:0;border-radius:8px;padding:10px 8px;background:transparent;color:#53636a;font-size:12px;font-weight:700}
.project-v2 .account-mode-switch button[aria-pressed="true"]{background:#183244;color:#fff}
.project-v2 .account-feedback{margin:12px 0 18px;padding:13px 15px;border:1px solid #dfdfd7;border-radius:10px;background:#f7f5ee;color:#465965;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.project-v2 .account-feedback[data-tone="error"]{color:#853c30;background:#fff5f1;border-color:#edcec4}
.project-v2 .account-feedback[data-tone="success"]{color:#28634a;background:#f0f7f2;border-color:#d1e6d7}
.project-v2 .account-text-button{display:inline-flex;align-items:center;justify-content:flex-start;min-height:44px;max-width:100%;padding:10px 0;background:transparent;color:#31546a;border:0;font-size:12px;font-weight:700;text-align:left;text-decoration:underline;text-underline-offset:4px}
.project-v2 .account-note{font-size:12px;line-height:1.7;color:#667a88;overflow-wrap:anywhere}
.project-v2 .login-card>.account-note{margin:22px 0 0;font-size:11px}
.project-v2 .account-hint{display:block;font-size:11px;line-height:1.6;color:#647681}
.project-v2 .account-optional{font-weight:400}
.project-v2 .account-followup{margin-top:16px}
.project-v2 .account-email{overflow-wrap:anywhere}
.project-v2 .account-gate{padding-block:64px;min-height:45vh}
.project-v2 .account-gate h1{font:42px/1.1 Georgia,serif;letter-spacing:-.035em}
.project-v2 .account-gate>p{font-size:15px;color:#647681;max-width:65ch;line-height:1.6}
.project-v2 .account-gate .hero-link{margin-left:12px}
.project-v2 .account-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 20px;margin-top:20px}
.project-v2 .login-field{min-width:0}
.project-v2 .login-field :is(input,select){width:100%;max-width:100%;min-width:0;height:48px;border:1px solid #cbd3d8;border-radius:9px;background:#fff;color:#223b49;padding:0 12px;font-size:14px;box-sizing:border-box}
.project-v2 .login-field :is(input,select):disabled{background:#f6f7f6;color:#768690}
.project-v2 .account-checkbox{display:flex;gap:12px;align-items:flex-start;cursor:pointer;font-size:12px;line-height:1.65;color:#314957}
.project-v2 .account-checkbox input{width:18px;height:18px;flex:none;margin:1px 0 0;accent-color:#a77b36}
.project-v2 .account-progress{display:block;appearance:none;width:100%;height:8px;border:0;border-radius:99px;overflow:hidden;background:#e7e8e7;margin:15px 0 20px;color:#b08a4b}
.project-v2 .account-progress::-webkit-progress-bar{border-radius:99px;background:#e7e8e7}
.project-v2 .account-progress::-webkit-progress-value{border-radius:99px;background:linear-gradient(90deg,#ad8441,#d0ad69)}
.project-v2 .account-progress::-moz-progress-bar{border-radius:99px;background:#b08a4b}
.project-v2 .progress-row{grid-template-columns:120px minmax(0,1fr)}
.project-v2 #projectPercent{white-space:nowrap}
.project-v2 .task-row.complete .task-num{background:#e9f4ee;color:#267149}
.project-v2 .task-row .status-pill{max-width:100%;white-space:normal;text-align:center}
.project-v2 .workspace-card,.project-v2 .workspace-stack,.project-v2 .workspace-main,.project-v2 .demo-cols>*{min-width:0}
.project-v2 .workspace-head h1{overflow-wrap:anywhere}
.project-v2 .demo-check>span{min-width:0}
.project-v2 .demo-check small{white-space:normal;text-align:right}
.project-v2 .official-card .account-note{font-size:11px}
.project-v2 #emptyProject>p:first-child{font-size:14px;line-height:1.65;color:#526a77}
.project-v2 .steps-band{grid-template-columns:260px minmax(0,1fr)}
.project-v2 .steps-track{min-width:0;grid-template-columns:repeat(5,minmax(0,1fr))}
.project-v2 .steps-track .step{display:block;min-width:0;border-bottom:0}
@media(max-width:1020px){
  .project-v2 .steps-band{grid-template-columns:1fr}
  .project-v2 .atlas-shell__inner{grid-template-columns:auto auto;gap:12px;min-height:66px}
  .project-v2 .atlas-shell__nav{grid-column:1/-1;order:3;justify-content:center;gap:6px;padding-bottom:9px}
  .project-v2 .atlas-shell__actions{justify-self:end}
}
@media(max-width:740px){
  .project-v2 .steps-track{grid-template-columns:1fr;gap:14px}
  .project-v2 .steps-track .step{display:grid;grid-template-columns:40px minmax(0,1fr);gap:4px 12px}
  .project-v2 .steps-track .step-index{grid-row:1/3}
  .project-v2 .steps-track .step:not(:last-child):after{left:31px;right:auto;top:35px;bottom:-15px;width:1px;height:auto}
  .project-v2 .account-form-grid{grid-template-columns:1fr}
  .project-v2 .login-field :is(input,select){font-size:16px}
  .project-v2 .account-gate{padding-block:36px}
  .project-v2 .account-gate .hero-link{margin-left:0;display:flex}
  .project-v2 .account-gate h1{font-size:34px}
  .project-v2 .task-row{grid-template-columns:28px minmax(0,1fr);gap:10px}
  .project-v2 .task-row>.status-pill{grid-column:2;justify-self:start}
  .project-v2 .doc-row{gap:12px}
  .project-v2 .doc-row>.status-pill{flex-shrink:0;max-width:95px;white-space:normal;text-align:center}
  .project-v2 .progress-row{grid-template-columns:1fr;gap:18px}
  .project-v2 .demo-main{padding:22px 18px}
}
