/* Easy onboarding (W10, 9 Oct 2026): the quick start without an account and Home's "Getting ready" strip. */

/* Quick start: a focused screen, no studio menu (nothing to manage yet). */
.studio-start .mobile-dock,.studio-start #studio-sharing-notice{display:none!important}
@media (min-width:801px){.studio-start .studio-sidebar{display:none!important}}
/* Phones: keep the slim top bar with the Occasi logo only (no menu: nothing to manage yet). */
@media (max-width:800px){.studio-start .studio-sidebar>:not(.brand){display:none!important}}
.studio-start .studio-shell{margin-left:0!important;width:100%;max-width:none}
.studio-start #guest-preview{display:none}
.qs{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:clamp(24px,4vw,56px);align-items:start;max-width:1180px;margin:0 auto}
.qs h1{margin:.1em 0 .2em;font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:clamp(40px,5.4vw,64px);line-height:1.02;color:#112d23}
.qs h1 em{font-style:italic;color:#8a6d3b}
.qs-lead{font-size:17px;color:#4b5a51;margin:0 0 18px}
.qs-form{display:grid;gap:12px;padding:20px;border:1px solid var(--line,#e0e6dc);border-radius:16px;background:#fff}
.qs-form .field{display:grid;gap:6px}
.qs-form .field small{font-weight:400;color:var(--muted,#617066)}
.qs-form input{min-height:48px;padding:0 14px;border:1px solid #c9d1c4;border-radius:10px;font:inherit;font-size:16px;color:#112d23;background:#fff}
.qs-form input:focus-visible{outline:2px solid #b9a274;outline-offset:1px}
.qs-pair{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px}
.qs-design{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:4px 0 0;padding:10px 12px;border-radius:10px;background:#f7f5ed;font-size:14px}
.qs-design span{color:var(--muted,#617066)}
.qs-see{display:none}
.qs-save{margin-top:18px;padding:20px;border-radius:16px;background:#112d23;color:#f7f5ed}
.qs-save h2{margin:0 0 4px;font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:30px;color:#f7f5ed}
.qs-save p{margin:0 0 12px;color:#dfe7df}
.qs-save .help{margin:10px 0 0;font-size:13px;color:#b9c7bd}
.qs-save .form-actions{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}
.qs-save .button.primary{background:#d5c29b;color:#112d23;border-color:#d5c29b}
.qs-save .text-link{color:#f7f5ed}
.qs-preview{position:sticky;top:96px;display:grid;justify-items:center;gap:8px}
.qs-frame{width:100%;max-width:440px;aspect-ratio:9/16;max-height:78vh;border-radius:24px;overflow:hidden;border:10px solid #112d23;background:#f7f5ed;box-shadow:0 22px 50px rgba(17,45,35,.18)}
.qs-frame iframe{width:100%;height:100%;border:0;display:block}
@media (max-width:900px){
 .qs{grid-template-columns:1fr}
 .qs-preview{display:none}
 .qs-see{display:inline-flex;justify-content:center;width:100%;min-height:50px;margin-top:6px}
 .qs-pair{grid-template-columns:1fr}
}

/* Home: Getting ready */
.setup-steps{margin:0 0 22px;padding:16px 18px;border:1px solid var(--line,#e0e6dc);border-radius:var(--dashboard-radius,12px);background:#fff}
.setup-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.setup-head h2{margin:0;font-size:18px;color:#112d23}
.setup-count{font-size:13px;color:var(--muted,#617066)}
.setup-bar{height:6px;margin:10px 0 12px;border-radius:999px;background:#eef1ec;overflow:hidden}
.setup-bar span{display:block;height:100%;background:#d5c29b;border-radius:inherit}
.setup-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.setup-item{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"mark text" "action action";gap:6px 10px;align-content:start;padding:12px;border:1px solid #edf0ea;border-radius:12px;background:#fbfaf5}
.setup-item.is-next{border-color:#c9b68c;background:#fff}
.setup-item.is-done{background:#f3f6f1}
.setup-mark{grid-area:mark;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid #d5c29b;font-size:13px;font-weight:600;color:#112d23;background:#fff}
.setup-item.is-done .setup-mark{background:#112d23;color:#f7f5ed;border-color:#112d23}
.setup-text{grid-area:text;display:grid;gap:2px}
.setup-text strong{font-size:14px;color:#112d23}
.setup-text small{font-size:12px;color:var(--muted,#617066);line-height:1.35}
.setup-item .button{grid-area:action;justify-self:start}
@media (max-width:900px){.setup-list{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.setup-list{grid-template-columns:1fr}.setup-item{grid-template-columns:auto 1fr auto;grid-template-areas:"mark text action"}.setup-item .button{align-self:center}}
@media (max-width:520px){.qs-save .form-actions .button.primary{width:100%;justify-content:center}}