.muse-suite-page { min-height:100vh; padding-bottom:104px; overflow:hidden; color:var(--muse-ink); background:var(--muse-paper); font-family:var(--muse-font); }
.muse-suite-page button,.muse-suite-page input,.muse-suite-page textarea,.muse-suite-page select { font-family:var(--muse-font); }
.muse-suite-page .platform-top { padding:18px 24px 12px; }
.muse-suite-page .top-title h1 { font-size:clamp(22px,4vw,29px); letter-spacing:-.8px; }
.suite-primary,.suite-inline-entry { border:0; border-radius:14px; padding:13px 17px; color:#fff; background:var(--muse-wine); box-shadow:0 9px 20px rgba(80,61,59,.13); font-weight:600; transition:transform .2s ease,box-shadow .2s ease,background .2s ease; }
.suite-primary:hover,.suite-inline-entry:hover { transform:translateY(-1px); box-shadow:0 12px 24px rgba(80,61,59,.18); background:#654b47; }
.suite-wide { display:block; width:calc(100% - 40px); margin:22px 20px 0; }
.suite-section-title { display:flex; align-items:end; justify-content:space-between; gap:14px; margin:25px 22px 13px; }
.suite-section-title>div>small,.suite-page-intro>small,.suite-member-heading small,.suite-merchant-welcome small,.suite-recipe-ticket header small { display:block; color:var(--muse-rose); font-size:9px; font-weight:700; letter-spacing:1.5px; }
.suite-section-title h2 { margin:5px 0 0; font-size:clamp(17px,2vw,22px); letter-spacing:-.45px; }
.suite-section-title>button,.suite-intro-row>button { flex:none; padding:8px 11px; border:1px solid var(--muse-line); border-radius:11px; background:var(--muse-card); color:var(--muse-rose-deep); font-size:11px; }
.suite-demo-note { margin:18px 22px 0; color:var(--muse-muted); font-size:10px; line-height:1.65; }
.suite-empty { padding:26px 12px; color:var(--muse-muted); text-align:center; font-size:12px; }
.suite-empty-card { padding:28px 20px; border:1px dashed #d9c8c0; border-radius:18px; background:#fffaf7; text-align:center; color:var(--muse-muted); }
.suite-empty-card>span { display:block; color:var(--muse-rose); font-size:24px; }
.suite-empty-card>b { display:block; margin:8px 0; color:var(--muse-ink); }
.suite-empty-card p { font-size:11px; line-height:1.7; }
.suite-empty-card button { padding:9px 14px; border-radius:10px; color:#fff; background:var(--muse-wine); }

/* Stitch customer + AI Nail Studio screens */
.studio-entry-hero { display:grid; grid-template-columns:1fr; position:relative; min-height:470px; margin:0 18px 20px; overflow:hidden; border-radius:var(--muse-radius-lg); color:#fff; background:var(--muse-wine); box-shadow:var(--muse-shadow-soft); }
.suite-hero-image,.suite-hero-image img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.suite-hero-image img { opacity:.62; }
.suite-hero-copy { position:relative; z-index:1; align-self:end; padding:30px 25px; background:linear-gradient(0deg,rgba(47,35,33,.88),rgba(47,35,33,.02)); }
.suite-hero-copy>small,.stylist-hero>small { color:#efd5cd; font-size:9px; letter-spacing:1.5px; }
.suite-hero-copy h1 { margin:14px 0 10px; font-size:clamp(32px,7vw,54px); line-height:1.12; letter-spacing:-1.8px; font-weight:500; }
.suite-hero-copy h1 em,.suite-ops-hero em,.suite-analytics-hero em { color:#e6c4bc; font-family:Georgia,serif; font-weight:400; }
.suite-hero-copy p { max-width:390px; color:#f4e7e2; font-size:12px; line-height:1.8; }
.suite-hero-copy .suite-primary { margin-top:9px; color:var(--muse-wine); background:#fffdfa; }
.suite-intro-row { display:flex; align-items:end; justify-content:space-between; gap:12px; padding:24px 22px 12px; }
.suite-intro-row small { color:var(--muse-rose); font-size:9px; letter-spacing:1.3px; }
.suite-intro-row h2 { max-width:560px; margin:6px 0 0; font-size:20px; line-height:1.4; }
.suite-entry-grid { display:grid; grid-template-columns:1fr; gap:10px; padding:0 20px; }
.suite-entry-grid>button { position:relative; min-height:122px; padding:18px; border:1px solid var(--muse-line); border-radius:17px; background:var(--muse-card); color:var(--muse-ink); text-align:left; box-shadow:var(--muse-shadow-card); }
.suite-entry-grid>button span,.suite-entry-grid>button b,.suite-entry-grid>button small { display:block; }
.suite-entry-grid>button span { color:var(--muse-gold); font-size:8px; letter-spacing:1.3px; }
.suite-entry-grid>button b { margin-top:9px; font-size:16px; }
.suite-entry-grid>button small { margin-top:5px; color:var(--muse-muted); font-size:10px; }
.suite-entry-grid>button i { position:absolute; right:16px; top:16px; color:var(--muse-rose); font-size:24px; font-style:normal; }
.nail-studio-page { background:linear-gradient(180deg,#faf6f2 0%,#f6eee9 52%,#fbf8f5 100%); }
.studio-status-row { display:flex; justify-content:space-between; align-items:center; padding:1px 22px 14px; }
.studio-status-row>span { color:var(--muse-rose-deep); font-size:9px; font-weight:700; letter-spacing:1.2px; }
.studio-status-row>div { display:flex; gap:7px; }
.studio-status-row button { padding:9px 12px; border:1px solid var(--muse-line); border-radius:18px; background:#fffdfa; color:var(--muse-wine); font-size:10px; }
.studio-workspace { margin:0 18px; padding:12px; border:1px solid rgba(255,255,255,.85); border-radius:21px; background:rgba(255,253,250,.82); box-shadow:var(--muse-shadow-soft); }
.studio-canvas { min-height:320px; height:min(70vw,430px); position:relative; overflow:hidden; border-radius:15px; background:#ded0c7; }
.studio-hand-photo { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 44%; filter:saturate(.82); }
.studio-canvas-shade { position:absolute; inset:0; background:linear-gradient(130deg,transparent 30%,color-mix(in srgb,var(--studio-color) 17%,transparent)); pointer-events:none; }
.studio-overlay-chip,.studio-finger-marker,.studio-result-mark { position:absolute; z-index:1; padding:7px 10px; border:1px solid #ffffff6b; border-radius:20px; background:#fffdf2d9; color:var(--muse-wine); font-size:9px; backdrop-filter:blur(9px); }
.studio-overlay-chip { top:12px; left:12px; }
.studio-finger-marker { bottom:12px; left:12px; }
.studio-result-mark { right:12px; top:12px; background:#503d3bdc; color:#fff; letter-spacing:1px; }
.studio-jewelry-overlay { position:absolute; left:50%; top:55%; display:flex; gap:8px; transform:translate(-50%,-50%); }
.studio-jewelry-overlay span { display:grid; place-items:center; min-width:34px; height:34px; padding:0 8px; border:1px solid #fff; border-radius:50%; color:#694e44; background:#fff9e5e6; box-shadow:0 5px 15px #39282124; font-size:9px; animation:suitePop .28s ease both; }
@keyframes suitePop { from { opacity:0; transform:scale(.75); } to { opacity:1; transform:scale(1); } }
.studio-canvas-tools,.studio-finger-select { display:flex; gap:7px; overflow:auto; padding:10px 0 2px; scrollbar-width:none; }
.studio-canvas-tools button,.studio-upload-button { flex:none; padding:9px 10px; border:1px solid var(--muse-line); border-radius:10px; color:var(--muse-wine); background:#fffdfa; font-size:10px; }
.suite-upload-button { position:relative; display:inline-flex; align-items:center; justify-content:center; overflow:hidden; }
.suite-upload-button input[type=file] { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.studio-finger-select { justify-content:space-between; }
.studio-finger-select button { flex:none; padding:7px 10px; border-radius:16px; background:#f3ebe6; color:var(--muse-muted); font-size:9px; }
.studio-finger-select button.selected { color:white; background:var(--muse-wine); }
.studio-config { margin:18px 18px 0; padding:17px 15px 20px; border:1px solid #fff; border-radius:21px; background:rgba(255,253,250,.91); box-shadow:var(--muse-shadow-card); }
.studio-config .suite-section-title { margin:0 0 15px; }
.studio-control-block { padding:14px 0; border-top:1px solid var(--muse-line); }
.studio-control-block h3 { display:flex; align-items:center; gap:9px; margin:0 0 10px; font-size:12px; }
.studio-control-block h3 small,.studio-control-block .suite-section-title span { color:var(--muse-muted); font-size:8px; font-weight:500; letter-spacing:1.2px; }
.studio-control-block .suite-section-title { margin:0 0 10px; }
.studio-choice-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }
.studio-choice-grid button,.studio-choice-row button { padding:10px 8px; border:1px solid var(--muse-line); border-radius:11px; background:#fff; color:var(--muse-ink); font-size:10px; }
.studio-choice-grid button b,.studio-choice-grid button small { display:block; }
.studio-choice-grid button b { font-size:11px; }
.studio-choice-grid button small { margin-top:4px; color:var(--muse-muted); font-size:8px; }
.studio-choice-grid button.selected,.studio-choice-row button.selected { border-color:var(--muse-rose); color:var(--muse-rose-deep); background:#f8eeeb; box-shadow:inset 0 0 0 1px #b9827e26; }
.studio-choice-row { display:flex; flex-wrap:wrap; gap:7px; }
.studio-color-row { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.studio-color-row>button { width:29px; height:29px; border:3px solid #fff; border-radius:50%; background:var(--swatch); box-shadow:0 0 0 1px var(--muse-line); }
.studio-color-row>button.selected { box-shadow:0 0 0 2px var(--muse-rose-deep); }
.studio-custom-color { display:grid; place-items:center; position:relative; width:30px; height:30px; overflow:hidden; border:1px dashed var(--muse-rose); border-radius:50%; color:var(--muse-rose-deep); cursor:pointer; }
.studio-custom-color input { position:absolute; inset:-6px; width:44px; height:44px; opacity:0; cursor:pointer; }
.studio-finish-row { gap:6px; }
.studio-finish-row button { padding:8px 9px; }
.studio-jewelry-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:7px; }
.studio-jewelry-grid button { display:grid; gap:5px; justify-items:center; padding:9px 2px; border:1px solid var(--muse-line); border-radius:11px; color:var(--muse-muted); background:#fff; font-size:8px; }
.studio-jewelry-grid button i { color:var(--muse-gold); font-size:15px; font-style:normal; }
.studio-jewelry-grid button.selected { border-color:var(--muse-gold); color:var(--muse-wine); background:#f8f2e8; }
.studio-selected-jewels { display:flex; flex-wrap:wrap; gap:6px; margin-top:9px; }
.studio-selected-jewels button { padding:6px 8px; border-radius:14px; background:#f4e9e5; color:var(--muse-rose-deep); font-size:9px; }
.studio-ai-strip { display:flex; align-items:center; gap:10px; margin-top:7px; padding:12px; border-radius:13px; background:linear-gradient(110deg,#f4e9e3,#f8f2eb); }
.studio-ai-strip>span { color:var(--muse-gold); font-size:21px; }
.studio-ai-strip>div { flex:1; min-width:0; }
.studio-ai-strip b,.studio-ai-strip small { display:block; }
.studio-ai-strip b { font-size:10px; }
.studio-ai-strip small { margin-top:4px; color:var(--muse-muted); font-size:9px; }
.studio-ai-strip button { padding:7px 9px; border-radius:9px; color:var(--muse-wine); background:#fffdfa; font-size:9px; }
.studio-result-actions { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:12px 20px 0; padding:11px 12px; border-radius:12px; background:#edf0e8; color:#596952; font-size:10px; }
.studio-result-actions button { color:#fff; background:var(--muse-wine); padding:8px 10px; border-radius:9px; font-size:9px; }
.look-card-visual { position:relative; height:360px; margin:0 18px 16px; overflow:hidden; border-radius:20px; background:#e8dcd5; }
.look-card-visual img { width:100%; height:100%; object-fit:cover; }
.look-card-visual>span { position:absolute; left:13px; bottom:13px; padding:8px 10px; border-radius:18px; color:#fff; background:#503d3bdc; font-size:8px; letter-spacing:1px; }
.look-card-copy,.look-booking-card { margin:14px 18px; padding:18px; border:1px solid var(--muse-line); border-radius:19px; background:var(--muse-card); box-shadow:var(--muse-shadow-card); }
.look-card-copy>small,.look-booking-card small { color:var(--muse-rose); font-size:8px; letter-spacing:1.4px; }
.look-card-copy h1 { margin:6px 0; font-size:24px; letter-spacing:-.8px; }
.look-card-copy>p,.look-booking-card p { color:var(--muse-muted); font-size:10px; }
.look-spec-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; margin:17px 0; }
.look-spec-grid article { min-height:62px; padding:10px; border-radius:12px; background:#f6efeb; }
.look-spec-grid small,.look-spec-grid b { display:block; }
.look-spec-grid small { color:var(--muse-muted); font-size:9px; }
.look-spec-grid b { margin-top:6px; font-size:11px; }
.look-spec-grid .look-jewelry { grid-column:1/-1; }
.suite-note-field { display:block; color:var(--muse-muted); font-size:10px; }
.suite-note-field textarea { width:100%; min-height:68px; margin-top:7px; padding:10px; border:1px solid var(--muse-line); border-radius:11px; background:#fff; resize:vertical; font-size:11px; }
.look-card-actions,.look-booking-slots { display:flex; flex-wrap:wrap; gap:7px; margin-top:12px; }
.look-card-actions button,.look-booking-slots button { padding:9px 10px; border:1px solid var(--muse-line); border-radius:10px; background:#fff; color:var(--muse-wine); font-size:9px; }
.look-booking-card h2 { margin:6px 0; font-size:18px; }
.look-booking-card .suite-primary { width:100%; margin:13px 0 0; }
.stylist-hero { margin:0 18px; padding:23px; border-radius:20px; color:#fff; background:linear-gradient(125deg,#513d3a,#87625b); }
.stylist-hero h1 { max-width:560px; margin:11px 0; font-size:27px; line-height:1.34; }
.stylist-hero p { color:#f1e2de; font-size:11px; line-height:1.8; }
.stylist-hero button { padding:9px 12px; border:1px solid #ffffff5c; border-radius:18px; background:#fff1; color:#fff; font-size:10px; }
.stylist-preference-card { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:14px 18px; padding:14px; border-radius:15px; background:var(--muse-cream); }
.stylist-preference-card small,.stylist-preference-card b { display:block; }
.stylist-preference-card small { color:var(--muse-rose-deep); font-size:8px; letter-spacing:1.1px; }
.stylist-preference-card b { margin-top:5px; font-size:10px; }
.stylist-preference-card button,.stylist-result-card button { padding:8px 10px; border-radius:9px; color:var(--muse-wine); background:#fffdfa; font-size:9px; }
.stylist-result-grid { display:grid; grid-template-columns:1fr; gap:12px; margin:0 18px; }
.stylist-result-card { overflow:hidden; border:1px solid var(--muse-line); border-radius:17px; background:var(--muse-card); box-shadow:var(--muse-shadow-card); }
.stylist-result-card>img { width:100%; height:210px; object-fit:cover; }
.stylist-result-card>div { padding:14px; }
.stylist-result-card small { color:var(--muse-rose-deep); font-size:8px; letter-spacing:1px; }
.stylist-result-card h2 { margin:6px 0; font-size:15px; }
.stylist-result-card p { color:var(--muse-muted); font-size:10px; }
.stylist-result-card button:last-child { color:#fff; background:var(--muse-wine); }
.suite-member-heading { display:flex; align-items:end; justify-content:space-between; gap:10px; padding:8px 22px 20px; }
.suite-member-heading h1 { margin:6px 0; font-size:23px; }
.suite-member-heading p { margin:0; color:var(--muse-muted); font-size:10px; }
.suite-member-heading>button { flex:none; padding:10px 12px; border-radius:11px; color:#fff; background:var(--muse-wine); font-size:10px; }
.suite-stat-strip { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin:0 18px 13px; }
.suite-stat-strip button { padding:12px 6px; border:1px solid var(--muse-line); border-radius:12px; color:var(--muse-muted); background:var(--muse-card); font-size:9px; }
.suite-stat-strip button.selected { border-color:var(--muse-rose); color:var(--muse-wine); background:#f7eeeb; }
.suite-stat-strip b { display:block; margin-top:5px; color:var(--muse-wine); font-size:16px; }
.suite-filter-row,.suite-order-filter { display:flex; gap:7px; overflow:auto; margin:0 18px 13px; padding-bottom:3px; scrollbar-width:none; }
.suite-filter-row button,.suite-order-filter button { flex:none; padding:8px 11px; border:1px solid var(--muse-line); border-radius:18px; background:#fff; color:var(--muse-muted); font-size:9px; }
.suite-filter-row button.selected,.suite-order-filter button.selected { border-color:var(--muse-wine); color:#fff; background:var(--muse-wine); }
.suite-look-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:0 18px; }
.suite-look-tile { min-width:0; overflow:hidden; border:1px solid var(--muse-line); border-radius:15px; background:var(--muse-card); box-shadow:var(--muse-shadow-card); }
.suite-look-tile>img { display:block; width:100%; height:155px; object-fit:cover; }
.suite-look-tile>div { padding:9px 10px 5px; }
.suite-look-tile small,.suite-look-tile b,.suite-look-tile span { display:block; }
.suite-look-tile small { color:var(--muse-rose-deep); font-size:8px; }
.suite-look-tile b { overflow:hidden; margin:4px 0; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.suite-look-tile span { color:var(--muse-muted); font-size:8px; }
.suite-look-tile>button { margin:7px; padding:8px; border-radius:9px; color:var(--muse-wine); background:var(--muse-cream); font-size:9px; }
.suite-record-list { margin:22px 18px; }
.suite-record-list h2 { margin:0 0 10px; font-size:16px; }
.suite-record-list>article { display:flex; align-items:center; gap:10px; margin:7px 0; padding:10px; border:1px solid var(--muse-line); border-radius:13px; background:#fffdfa; }
.suite-record-list>article>img { width:46px; height:46px; border-radius:10px; object-fit:cover; }
.suite-record-list>article>span { color:var(--muse-gold); font-size:18px; }
.suite-record-list>article>div { flex:1; min-width:0; }
.suite-record-list>article b,.suite-record-list>article small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.suite-record-list>article b { font-size:10px; }
.suite-record-list>article small { margin-top:4px; color:var(--muse-muted); font-size:8px; }
.suite-record-list>article button { padding:7px 8px; border-radius:9px; background:#f4e9e4; color:var(--muse-wine); font-size:8px; }
.member-pass-hero { margin:0 18px 14px; padding:24px; border-radius:20px; color:#fff; background:linear-gradient(135deg,#392f2d,#76544f); }
.member-pass-hero small { color:#e2c7bf; font-size:8px; letter-spacing:1.4px; }
.member-pass-hero h1 { margin:13px 0 5px; font-size:24px; }
.member-pass-hero p { color:#f1e5df; font-size:10px; }
.member-pass-hero>div { display:flex; gap:15px; margin-top:18px; color:#f3dfd6; font-size:9px; }
.member-quick-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; margin:14px 18px; }
.member-quick-grid button { min-height:90px; padding:13px; border:1px solid var(--muse-line); border-radius:14px; background:#fffdfa; color:var(--muse-ink); text-align:left; font-weight:600; font-size:11px; }
.member-quick-grid span { display:block; margin-top:6px; color:var(--muse-muted); font-size:9px; font-weight:400; }
.member-upcoming,.member-reminder { margin:14px 18px; padding:15px; border:1px solid var(--muse-line); border-radius:16px; background:var(--muse-card); }
.member-upcoming .suite-section-title { margin:0 0 9px; }
.member-upcoming>article { display:flex; justify-content:space-between; gap:10px; padding:12px; border-radius:12px; background:#f7f0ec; }
.member-upcoming>article b,.member-upcoming>article span,.member-upcoming>article small { display:block; }
.member-upcoming>article b { font-size:11px; }
.member-upcoming>article span,.member-upcoming>article small { margin-top:4px; color:var(--muse-muted); font-size:8px; }
.member-upcoming>article button,.member-reminder button { align-self:center; padding:8px 9px; border-radius:9px; color:var(--muse-wine); background:#fff; font-size:8px; }
.member-reminder { display:flex; align-items:center; gap:10px; background:#f2e9e5; }
.member-reminder>span { color:var(--muse-rose-deep); font-size:20px; }
.member-reminder>div { flex:1; }
.member-reminder b,.member-reminder small { display:block; }
.member-reminder b { font-size:10px; }
.member-reminder small { margin-top:4px; color:var(--muse-muted); font-size:8px; }
.suite-appointment-banner,.formula-profile-card { margin:0 18px 14px; padding:21px; border-radius:19px; color:#fff; background:linear-gradient(130deg,#403331,#805e58); }
.suite-appointment-banner small,.formula-profile-card small { color:#e7c9c1; font-size:8px; letter-spacing:1.3px; }
.suite-appointment-banner h1,.formula-profile-card h1 { margin:9px 0; font-size:23px; }
.suite-appointment-banner p,.formula-profile-card p { color:#f0e1dc; font-size:10px; }
.member-perk-panel { margin:14px 18px; padding:18px; border:1px solid var(--muse-line); border-radius:16px; background:#fffdfa; }
.member-perk-panel>small { color:var(--muse-gold); font-size:8px; letter-spacing:1px; }
.member-perk-panel h2 { margin:8px 0; font-size:15px; }
.member-perk-panel p { color:var(--muse-muted); font-size:10px; line-height:1.7; }
.member-perk-panel>div { display:flex; gap:8px; }
.member-perk-panel button,.suite-formula-grid button { padding:8px 10px; border-radius:9px; color:var(--muse-wine); background:var(--muse-cream); font-size:9px; }
.suite-service-timeline { margin:18px 24px; }
.suite-service-timeline h2 { font-size:15px; }
.suite-service-timeline article { display:flex; gap:10px; position:relative; padding:9px 0 12px; }
.suite-service-timeline article i { z-index:1; display:grid; place-items:center; width:25px; height:25px; border-radius:50%; color:var(--muse-wine); background:#f1e7e2; font-size:9px; font-style:normal; }
.suite-service-timeline article.current i { color:#fff; background:var(--muse-wine); }
.suite-service-timeline article b,.suite-service-timeline article small { display:block; }
.suite-service-timeline article b { font-size:10px; }
.suite-service-timeline article small { margin-top:4px; color:var(--muse-muted); font-size:8px; }
.formula-profile-card>div { display:grid; gap:7px; margin-top:15px; }
.formula-profile-card>div span { padding:8px 10px; border:1px solid #ffffff35; border-radius:9px; color:#f3e4dd; font-size:9px; }
.suite-formula-grid { display:grid; grid-template-columns:1fr; gap:9px; margin:14px 18px; }
.suite-formula-grid article { padding:15px; border:1px solid var(--muse-line); border-radius:15px; background:#fffdfa; }
.suite-formula-grid article>small { color:var(--muse-rose); font-size:8px; letter-spacing:1.1px; }
.suite-formula-grid h2 { margin:6px 0; font-size:13px; }
.suite-formula-grid p { color:var(--muse-muted); font-size:9px; line-height:1.7; }
.formula-swatches { display:flex; gap:6px; margin:11px 0; }
.formula-swatches i { width:20px; height:20px; border:2px solid white; border-radius:50%; background:var(--swatch); box-shadow:0 0 0 1px var(--muse-line); }
.wallet-pass-card { margin:0 18px; padding:23px; border:1px solid #9c7e66; border-radius:20px; color:#f9eee5; background:radial-gradient(circle at 100% 0,#97756280,transparent 37%),linear-gradient(140deg,#372f2d,#694c45); box-shadow:var(--muse-shadow-soft); }
.wallet-pass-card>small { color:#e6c7ac; font-size:8px; letter-spacing:1.4px; }
.wallet-monogram { float:right; color:#d9b596; font:30px Georgia,serif; }
.wallet-pass-card h1 { margin:28px 0 4px; font-size:22px; }
.wallet-pass-card p { color:#e5d3c8; font-size:10px; }
.wallet-pass-card>div { margin:18px 0; padding-top:12px; border-top:1px solid #ffffff34; }
.wallet-pass-card>div span,.wallet-pass-card>div b { display:block; }
.wallet-pass-card>div span { color:#dbb994; font-size:8px; }
.wallet-pass-card>div b { margin-top:5px; font-size:10px; }
.wallet-pass-card button { padding:9px 11px; border:1px solid #ffffff6a; border-radius:9px; color:#fff; background:#fff1; font-size:9px; }
.wallet-benefits { margin:18px 18px; padding:17px; border:1px solid var(--muse-line); border-radius:15px; background:#fffdfa; }
.wallet-benefits h2 { font-size:14px; }
.wallet-benefits article { display:flex; justify-content:space-between; gap:10px; padding:11px 0; border-top:1px solid var(--muse-line); }
.wallet-benefits article b { font-size:9px; }
.wallet-benefits article span { color:var(--muse-muted); font-size:8px; }
.booking-success-mark { padding:24px 18px; text-align:center; }
.booking-success-mark>span { display:grid; place-items:center; width:58px; height:58px; margin:0 auto 12px; border-radius:50%; color:#fff; background:var(--muse-success); font-size:28px; box-shadow:0 8px 22px #6d876c3b; }
.booking-success-mark small { color:var(--muse-rose); font-size:8px; letter-spacing:1.3px; }
.booking-success-mark h1 { margin:8px 0; font-size:23px; }
.booking-success-mark p { color:var(--muse-muted); font-size:9px; }
.booking-success-card { margin:0 18px; padding:15px; border:1px solid var(--muse-line); border-radius:16px; background:#fffdfa; }
.booking-success-card>div { display:flex; justify-content:space-between; gap:12px; padding:10px 0; border-bottom:1px solid var(--muse-line); }
.booking-success-card>div:last-child { border:0; }
.booking-success-card small { color:var(--muse-muted); font-size:9px; }
.booking-success-card b { max-width:65%; text-align:right; font-size:9px; }
.booking-success-actions { display:grid; gap:8px; margin:16px 18px; }
.booking-success-actions button { padding:12px; border:1px solid var(--muse-line); border-radius:12px; background:#fff; color:var(--muse-wine); }
.booking-success-actions .suite-primary { color:#fff; background:var(--muse-wine); }

/* Merchant and platform operations Stitch pages */
.suite-merchant-welcome,.suite-page-intro { margin:0 22px 18px; }
.suite-merchant-welcome { display:flex; align-items:end; justify-content:space-between; gap:10px; padding:7px 0 8px; }
.suite-merchant-welcome h1,.suite-page-intro h1 { margin:7px 0; font-size:clamp(22px,4vw,31px); letter-spacing:-.9px; }
.suite-merchant-welcome p,.suite-page-intro p { color:var(--muse-muted); font-size:10px; line-height:1.7; }
.suite-merchant-welcome>button,.suite-gallery-toolbar>button,.suite-gallery-toolbar>.suite-upload-button { flex:none; padding:9px 10px; border:1px solid var(--muse-line); border-radius:10px; color:var(--muse-wine); background:#fffdfa; font-size:9px; }
.suite-metric-grid,.suite-ops-metrics,.suite-analytics-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin:12px 18px; }
.suite-metric-grid>article,.suite-ops-metrics>article,.suite-analytics-metrics>article { min-width:0; padding:13px; border:1px solid var(--muse-line); border-radius:14px; background:var(--muse-card); box-shadow:var(--muse-shadow-card); }
.suite-metric-grid small,.suite-ops-metrics small,.suite-analytics-metrics small { display:block; color:var(--muse-muted); font-size:9px; }
.suite-metric-grid b,.suite-ops-metrics b,.suite-analytics-metrics b { display:block; margin:6px 0; color:var(--muse-wine); font-size:24px; font-weight:600; }
.suite-metric-grid span,.suite-ops-metrics span,.suite-analytics-metrics span { color:var(--muse-muted); font-size:8px; }
.suite-merchant-shortcuts,.suite-ops-module-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin:0 18px; }
.suite-merchant-shortcuts>button,.suite-ops-module-grid>button { position:relative; min-height:112px; padding:13px; border:1px solid var(--muse-line); border-radius:15px; background:#fffdfa; text-align:left; box-shadow:var(--muse-shadow-card); }
.suite-merchant-shortcuts>button span,.suite-ops-module-grid>button i { display:block; color:var(--muse-gold); font-size:8px; letter-spacing:1px; font-style:normal; }
.suite-merchant-shortcuts>button b,.suite-ops-module-grid>button b { display:block; margin-top:8px; color:var(--muse-ink); font-size:12px; }
.suite-merchant-shortcuts>button small,.suite-ops-module-grid>button small { display:block; margin-top:5px; color:var(--muse-muted); font-size:8px; }
.suite-merchant-shortcuts>button i { position:absolute; right:12px; top:12px; color:var(--muse-rose); font-size:15px; font-style:normal; }
.suite-ops-module-grid>button span { display:block; margin-top:8px; color:var(--muse-rose-deep); font-size:8px; }
.suite-booking-row { display:grid; grid-template-columns:54px minmax(0,1fr); align-items:center; gap:10px; margin:8px 18px; padding:10px; border:1px solid var(--muse-line); border-radius:14px; background:var(--muse-card); box-shadow:var(--muse-shadow-card); }
.suite-booking-photo img { display:block; width:54px; height:62px; border-radius:10px; object-fit:cover; }
.suite-booking-main { min-width:0; }
.suite-booking-main>small,.suite-booking-main>b,.suite-booking-main>span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.suite-booking-main>small { color:var(--muse-rose-deep); font-size:8px; }
.suite-booking-main>b { margin:4px 0; font-size:10px; }
.suite-booking-main>span { color:var(--muse-muted); font-size:8px; }
.suite-booking-row>select { grid-column:2; justify-self:start; max-width:150px; padding:6px 8px; border:1px solid var(--muse-line); border-radius:8px; color:var(--muse-wine); background:#fff; font-size:8px; }
.suite-order-recipe { margin:6px 0 0; overflow:hidden; color:#88634b; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
.suite-order-list { padding-bottom:12px; }
.suite-order-list>.suite-empty-card { margin:10px 18px; }
.suite-schedule-toolbar { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:12px 18px; padding:11px; border:1px solid var(--muse-line); border-radius:12px; background:#fffdfa; }
.suite-schedule-toolbar b { font-size:9px; }
.suite-schedule-toolbar button { padding:7px 9px; border-radius:9px; color:var(--muse-wine); background:var(--muse-cream); font-size:8px; }
.suite-schedule-board { overflow:auto; margin:0 18px; padding:8px; border:1px solid var(--muse-line); border-radius:15px; background:#fffdfa; }
.suite-schedule-head,.suite-schedule-row { display:grid; grid-template-columns:106px repeat(7,minmax(83px,1fr)); gap:5px; min-width:730px; }
.suite-schedule-head { padding:5px 0 9px; color:var(--muse-muted); font-size:8px; text-align:center; }
.suite-schedule-head span small { display:block; margin-top:3px; color:var(--muse-rose-deep); }
.suite-schedule-row { padding:7px 0; border-top:1px solid var(--muse-line); }
.suite-schedule-artist { display:grid; grid-template-columns:25px 1fr; align-content:center; column-gap:5px; }
.suite-schedule-artist i { grid-row:span 2; display:grid; place-items:center; width:24px; height:24px; border-radius:50%; color:var(--muse-wine); background:var(--muse-cream); font-size:9px; font-style:normal; }
.suite-schedule-artist b { align-self:end; font-size:8px; }
.suite-schedule-artist small { color:var(--muse-muted); font-size:7px; }
.suite-schedule-row>button { min-height:48px; padding:5px; border:1px solid #e8d9d2; border-radius:9px; color:var(--muse-rose-deep); background:#f6eeea; }
.suite-schedule-row>button b,.suite-schedule-row>button small { display:block; font-size:8px; }
.suite-schedule-row>button small { margin-top:3px; color:var(--muse-muted); font-size:7px; }
.suite-schedule-row>button.booked { border-color:#d8bca9; color:#76533e; background:#f3e8dd; }
.suite-schedule-row>button.unavailable { color:#a49a95; background:#efebe8; text-decoration:line-through; }
.suite-schedule-legend { display:flex; align-items:center; flex-wrap:wrap; gap:13px; margin:12px 21px; color:var(--muse-muted); font-size:8px; }
.suite-schedule-legend span { display:flex; align-items:center; gap:5px; }
.suite-schedule-legend span i { width:9px; height:9px; border-radius:3px; background:#f6eeea; }
.suite-schedule-legend span:nth-child(2) i { background:#f3e8dd; }
.suite-schedule-legend button { margin-left:auto; color:var(--muse-rose-deep); background:none; font-size:8px; }
.suite-gallery-toolbar { display:flex; flex-wrap:wrap; gap:7px; margin:0 18px 14px; }
.suite-gallery-toolbar>button,.suite-gallery-toolbar>.suite-upload-button { flex:1; }
.suite-look-tile>button[data-action="copy-style"] { margin-bottom:0; }
.suite-service-cards { margin:22px 18px; }
.suite-service-cards .suite-section-title { margin:0 0 10px; }
.suite-service-cards>article { display:flex; align-items:center; gap:10px; padding:12px 10px; border-bottom:1px solid var(--muse-line); background:#fffdfa; }
.suite-service-cards>article>div { flex:1; }
.suite-service-cards b,.suite-service-cards small { display:block; }
.suite-service-cards b { font-size:10px; }
.suite-service-cards small { margin-top:4px; color:var(--muse-muted); font-size:8px; }
.suite-service-cards strong { color:var(--muse-wine); font-size:12px; }
.suite-service-cards button { padding:7px 9px; border-radius:8px; color:var(--muse-wine); background:var(--muse-cream); font-size:8px; }
.suite-customer-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }
.suite-customer-metrics>article { padding:10px; }
.suite-customer-metrics b { font-size:19px; }
.suite-customer-list { margin:0 18px; }
.suite-customer-list>article { display:flex; align-items:center; gap:9px; margin:8px 0; padding:11px; border:1px solid var(--muse-line); border-radius:13px; background:#fffdfa; }
.suite-customer-avatar { flex:none; display:grid; place-items:center; width:36px; height:36px; border-radius:50%; color:var(--muse-wine); background:var(--muse-cream); font-size:13px; }
.suite-customer-info { flex:1; min-width:0; }
.suite-customer-info b,.suite-customer-info small,.suite-customer-info span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.suite-customer-info b { font-size:10px; }
.suite-customer-info small,.suite-customer-info span { margin-top:4px; color:var(--muse-muted); font-size:8px; }
.suite-customer-list>article>button { padding:7px; border-radius:8px; color:var(--muse-wine); background:#f5ebe7; font-size:8px; }
.suite-recipe-ticket { max-width:790px; margin:0 auto; padding:0 22px; }
.suite-recipe-ticket>header { display:flex; justify-content:space-between; gap:14px; padding:6px 0 14px; }
.suite-recipe-ticket h1 { margin:8px 0; font-size:clamp(19px,3vw,26px); }
.suite-recipe-number { flex:none; color:var(--muse-gold); font-size:9px; }
.suite-recipe-ticket>img { width:100%; height:300px; border-radius:17px; object-fit:cover; }
.suite-recipe-title { padding:16px 0 8px; }
.suite-recipe-title small,.suite-recipe-note small { color:var(--muse-rose); font-size:8px; letter-spacing:1px; }
.suite-recipe-title h2 { margin:6px 0; font-size:19px; }
.suite-recipe-title p,.suite-recipe-note p { color:var(--muse-muted); font-size:10px; }
.suite-recipe-specs { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; }
.suite-recipe-specs article { padding:11px; border-radius:11px; background:#f4ece7; }
.suite-recipe-specs small,.suite-recipe-specs b { display:block; }
.suite-recipe-specs small { color:var(--muse-muted); font-size:8px; }
.suite-recipe-specs b { margin-top:5px; font-size:10px; }
.suite-recipe-note { margin-top:12px; padding:12px; border-left:2px solid var(--muse-gold); background:#faf3ea; }
.suite-recipe-actions { display:flex; gap:8px; margin:14px 0; }
.suite-recipe-actions button { padding:10px 12px; border-radius:10px; color:#fff; background:var(--muse-wine); font-size:9px; }
.suite-recipe-actions button:last-child { color:var(--muse-wine); background:var(--muse-cream); }
.suite-inline-entry { display:block; margin:10px 18px; padding:10px 12px; font-size:9px; box-shadow:none; }
.suite-ops-hero,.suite-analytics-hero { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:0 18px 14px; padding:21px; border-radius:20px; color:#fff; background:linear-gradient(120deg,#392f2d,#77554e); }
.suite-ops-hero>div:first-child,.suite-analytics-hero>div { position:relative; z-index:1; }
.suite-ops-hero small,.suite-analytics-hero small { color:#e3c8bd; font-size:8px; letter-spacing:1.3px; }
.suite-ops-hero h1,.suite-analytics-hero h1 { margin:9px 0; font-size:clamp(23px,4vw,34px); line-height:1.2; }
.suite-ops-hero p,.suite-analytics-hero p { max-width:390px; color:#f0e1dc; font-size:9px; line-height:1.7; }
.suite-ops-hero-art { position:relative; flex:none; width:36%; height:150px; overflow:hidden; border-radius:14px; }
.suite-ops-hero-art img { width:100%; height:100%; object-fit:cover; opacity:.72; }
.suite-ops-hero-art span { position:absolute; left:8px; bottom:8px; font-size:8px; letter-spacing:1px; }
.suite-ops-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
.suite-ops-revenue { display:flex; align-items:center; justify-content:space-between; gap:14px; margin:13px 18px; padding:16px; border-radius:15px; background:#f2e8e3; }
.suite-ops-revenue small { color:var(--muse-rose-deep); font-size:8px; letter-spacing:1px; }
.suite-ops-revenue h2 { margin:5px 0; font-size:13px; }
.suite-ops-revenue p { color:var(--muse-muted); font-size:8px; }
.suite-ops-revenue>b { color:var(--muse-wine); font:22px Georgia,serif; }
.suite-ops-table { margin:22px 18px; }
.suite-ops-table>article,.suite-analytics-bookings>article,.suite-analytics-lookbook>article { display:flex; align-items:center; gap:10px; padding:10px; border-bottom:1px solid var(--muse-line); background:#fffdfa; }
.suite-ops-table>article>img,.suite-analytics-lookbook>article>img { width:45px; height:45px; border-radius:9px; object-fit:cover; }
.suite-ops-table>article>div,.suite-analytics-bookings>article>div,.suite-analytics-lookbook>article>div { flex:1; min-width:0; }
.suite-ops-table>article b,.suite-ops-table>article small,.suite-analytics-bookings>article b,.suite-analytics-bookings>article small,.suite-analytics-lookbook>article b,.suite-analytics-lookbook>article small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.suite-ops-table>article b,.suite-analytics-bookings>article b,.suite-analytics-lookbook>article b { font-size:9px; }
.suite-ops-table>article small,.suite-analytics-bookings>article small,.suite-analytics-lookbook>article small { margin-top:4px; color:var(--muse-muted); font-size:8px; }
.suite-status-pill { padding:5px 7px; border-radius:10px; color:#617358; background:#edf1e9; font-size:8px; }
.suite-ops-table>article button,.suite-analytics-bookings>article button { padding:7px 8px; border-radius:8px; color:var(--muse-wine); background:var(--muse-cream); font-size:8px; }
.suite-ops-application { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:14px 18px; padding:14px; border:1px solid var(--muse-line); border-radius:14px; background:#fffdfa; }
.suite-ops-application>div { flex:1 1 100%; }
.suite-ops-application b,.suite-ops-application span { display:block; margin-top:4px; }
.suite-ops-application b { font-size:11px; }
.suite-ops-application span { color:var(--muse-muted); font-size:8px; }
.suite-ops-application button { padding:9px 10px; border-radius:9px; color:#fff; background:var(--muse-wine); font-size:8px; }
.suite-platform-nav { display:flex; justify-content:center; gap:9px; margin:25px 18px; }
.suite-platform-nav button { padding:8px 10px; border:1px solid var(--muse-line); border-radius:10px; color:var(--muse-wine); background:#fffdfa; font-size:9px; }
.suite-analytics-hero>span { flex:none; color:#e7c2b3; font-size:65px; }
.suite-analytics-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
.suite-funnel-card,.suite-insight-grid>article { margin:13px 18px; padding:16px; border:1px solid var(--muse-line); border-radius:16px; background:#fffdfa; box-shadow:var(--muse-shadow-card); }
.suite-funnel-card>.suite-section-title { margin:0 0 14px; }
.suite-funnel-card>.suite-section-title>span { color:var(--muse-muted); font-size:8px; }
.suite-funnel>article { margin:10px 0; }
.suite-funnel>article>div { display:flex; justify-content:space-between; color:var(--muse-muted); font-size:9px; }
.suite-funnel>article b { color:var(--muse-wine); }
.suite-funnel>article>i { display:block; width:100%; height:8px; margin-top:5px; overflow:hidden; border-radius:9px; background:#f1e9e4; }
.suite-funnel>article>i:before { content:''; display:block; width:var(--funnel-width); height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--muse-rose),var(--muse-wine)); transition:width .35s ease; }
.suite-funnel-card>p { margin:10px 0 0; color:var(--muse-muted); font-size:8px; }
.suite-insight-grid { display:grid; grid-template-columns:1fr; }
.suite-insight-grid>article { margin-top:0; }
.suite-insight-grid>article>small { color:var(--muse-rose); font-size:8px; letter-spacing:1px; }
.suite-insight-grid h2 { margin:5px 0 12px; font-size:13px; }
.suite-insight-bar { display:grid; grid-template-columns:70px 1fr 20px; align-items:center; gap:7px; margin:10px 0; font-size:8px; }
.suite-insight-bar>span { color:var(--muse-muted); }
.suite-insight-bar>i { height:7px; overflow:hidden; border-radius:8px; background:#f1eae5; }
.suite-insight-bar>i>b { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#d7b5a6,var(--muse-rose-deep)); }
.suite-insight-bar>strong { color:var(--muse-wine); text-align:right; }
.suite-analytics-bookings,.suite-analytics-lookbook { margin:20px 18px; }
.suite-analytics-bookings .suite-section-title,.suite-analytics-lookbook .suite-section-title { margin:0 0 10px; }
.suite-analytics-bookings>article>span { color:var(--muse-gold); }
.suite-analytics-bookings>article>strong { color:var(--muse-rose-deep); font-size:8px; }
.suite-analytics-lookbook>article>strong { color:var(--muse-wine); font-size:8px; }
.platform-nav { background:rgba(255,253,250,.93); border-top-color:var(--muse-line); }
.platform-nav button.active { color:var(--muse-wine); }

@media (min-width:640px) {
  .suite-entry-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .suite-entry-grid>button { min-height:155px; }
  .suite-hero-copy { padding:35px; }
  .studio-entry-hero { min-height:510px; margin:0 28px 25px; }
  .suite-member-heading,.suite-page-intro { margin-left:30px; margin-right:30px; }
  .suite-look-grid { grid-template-columns:repeat(3,minmax(0,1fr)); margin-left:26px; margin-right:26px; }
  .suite-look-tile>img { height:210px; }
  .stylist-result-grid { grid-template-columns:repeat(2,minmax(0,1fr)); margin-left:26px; margin-right:26px; }
  .stylist-result-card>img { height:250px; }
  .suite-formula-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .suite-metric-grid,.suite-ops-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); margin-left:28px; margin-right:28px; }
  .suite-merchant-shortcuts,.suite-ops-module-grid { grid-template-columns:repeat(4,minmax(0,1fr)); margin-left:28px; margin-right:28px; }
  .suite-booking-row { grid-template-columns:65px minmax(0,1fr) 150px; margin-left:28px; margin-right:28px; padding:13px; }
  .suite-booking-photo img { width:65px; height:72px; }
  .suite-booking-row>select { grid-column:3; justify-self:end; }
  .suite-order-list>.suite-empty-card { margin-left:28px; margin-right:28px; }
  .suite-customer-list { margin-left:28px; margin-right:28px; }
  .suite-customer-list>article { padding:14px; }
  .suite-ops-hero,.suite-analytics-hero { min-height:225px; margin-left:28px; margin-right:28px; padding:30px; }
  .suite-ops-hero-art { height:180px; }
  .suite-ops-revenue,.suite-ops-table,.suite-ops-application,.suite-analytics-bookings,.suite-analytics-lookbook { margin-left:28px; margin-right:28px; }
  .suite-analytics-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); margin-left:28px; margin-right:28px; }
  .suite-insight-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:0 18px; }
  .suite-insight-grid>article { margin-left:0; margin-right:0; }
  .suite-funnel-card { margin-left:28px; margin-right:28px; }
  .suite-recipe-ticket>img { height:390px; }
}
@media (min-width:920px) {
  .muse-suite-page { padding-bottom:80px; }
  .studio-entry-hero { grid-template-columns:1.15fr .85fr; min-height:440px; }
  .studio-entry-hero .suite-hero-image { left:36%; }
  .studio-entry-hero .suite-hero-copy { align-self:center; max-width:620px; background:linear-gradient(90deg,#342927ee 0%,#3429279c 68%,transparent); }
  .nail-studio-page { display:grid; grid-template-columns:minmax(0,1fr) minmax(390px,.86fr); align-items:start; column-gap:22px; }
  .nail-studio-page>.platform-top,.nail-studio-page>.platform-nav,.nail-studio-page>.suite-demo-note { grid-column:1/-1; }
  .studio-status-row { grid-column:1/-1; padding-left:32px; padding-right:32px; }
  .studio-workspace { margin:0 0 22px 28px; }
  .studio-config { margin:0 28px 22px 0; }
  .studio-canvas { height:560px; }
  .suite-wide { width:100%; margin:20px 0 0; }
  .studio-result-actions { margin-left:0; margin-right:0; }
  .suite-demo-note { margin:0 28px 15px; }
  .look-card-visual { height:470px; margin-left:30px; margin-right:30px; }
  .look-card-copy,.look-booking-card { max-width:840px; margin-left:auto; margin-right:auto; }
  .suite-look-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .suite-ops-module-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .suite-ops-hero-art { width:34%; height:210px; }
  .suite-analytics-metrics { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .suite-insight-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .suite-funnel-card { max-width:1060px; margin-left:auto; margin-right:auto; }
}
@media (prefers-reduced-motion: reduce) {
  .muse-suite-page *, .muse-suite-page *::before,.muse-suite-page *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.01ms !important; }
}
@media print {
  body:has(.recipe-ticket-page) { background:#fff; }
  .recipe-ticket-page { min-height:auto; padding:0; }
  .recipe-ticket-page>.platform-top,.recipe-ticket-page>.platform-nav,.suite-recipe-actions,.suite-demo-note { display:none !important; }
  .suite-recipe-ticket { max-width:100%; }
}

/* Stitch 3–4 visual pass: page signatures and layouts, all using Muse brand tokens. */
.muse-suite-page { overflow-x:clip; }
.muse-suite-page button { min-width:0; transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease; }
.muse-suite-page button:active { transform:scale(.98); }
[data-stitch-screen] { --stitch-page-gutter:clamp(16px,4.5vw,28px); }

/* Live try-on: true before/after canvas from the Stitch workshop rather than a static banner. */
.studio-session-compare { position:relative; height:clamp(290px,88vw,520px); min-height:0; overflow:hidden; border-radius:14px; background:#d7ccc4; isolation:isolate; }
.studio-session-before,.studio-session-after { position:absolute; inset:0; overflow:hidden; }
.studio-session-before>.studio-hand-photo,.studio-session-after>.studio-hand-photo { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 48%; }
.studio-session-before>span,.studio-session-after>span { position:absolute; z-index:2; top:13px; left:13px; padding:7px 10px; border:1px solid #fff9; border-radius:18px; color:var(--muse-wine); background:#fffdf1e8; font-size:8px; letter-spacing:.8px; }
.studio-session-after { clip-path:inset(0 calc(100% - var(--compare,50%)) 0 0); }
.studio-session-after:after { content:""; position:absolute; inset:0; background:linear-gradient(135deg,transparent 38%,color-mix(in srgb,var(--studio-color) 15%,transparent)); pointer-events:none; }
.studio-session-after>span { left:auto; right:13px; color:#fff; background:#503d3be8; }
.studio-session-after>i { position:absolute; z-index:2; right:12px; bottom:13px; padding:7px 10px; border-radius:16px; color:#fff; background:#302723d9; font-size:9px; font-style:normal; }
.studio-session-after .studio-jewelry-overlay { z-index:3; }
.studio-session-after .studio-jewelry-overlay b { display:grid; place-items:center; min-width:33px; height:33px; padding:0 8px; border:1px solid #fff; border-radius:50%; color:var(--muse-wine); background:#fff9e7e8; box-shadow:0 5px 15px #39282124; font-size:9px; }
.studio-compare-handle { position:absolute; z-index:4; left:var(--compare,50%); top:50%; display:grid; place-items:center; width:34px; height:56px; transform:translate(-50%,-50%); border:1px solid #ffffffbd; border-radius:18px; color:var(--muse-wine); background:#fffdf4f2; box-shadow:0 4px 14px #30272320; pointer-events:none; }
.studio-compare-range { display:flex; align-items:center; gap:10px; margin:7px 1px 0; color:var(--muse-muted); font-size:9px; }
.studio-compare-range input { flex:1; min-width:0; accent-color:var(--muse-wine); }
.studio-session-caption { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:8px 3px 1px; }
.studio-session-caption b { overflow:hidden; font-family:Georgia,serif; font-size:15px; font-weight:500; text-overflow:ellipsis; white-space:nowrap; }
.studio-session-caption span { color:var(--muse-muted); font-size:9px; text-align:right; }
.studio-session-after .studio-canvas-shade { z-index:1; }

/* Owner dashboard and recipe review echo the image-led salon screens. */
.merchant-dashboard-signature { max-width:1180px; margin:auto; padding:0 0 26px; }
.merchant-store-bar { display:flex; align-items:center; gap:9px; padding:12px var(--stitch-page-gutter); border-bottom:1px solid var(--muse-line); background:var(--muse-card); }
.merchant-store-bar>div { display:grid; flex:1; min-width:0; gap:3px; }
.merchant-store-bar small { color:var(--muse-gold); font-size:8px; letter-spacing:1.2px; }
.merchant-store-bar b { overflow:hidden; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.merchant-store-bar span { color:var(--muse-muted); font-size:9px; }
.merchant-store-bar>button { width:35px; height:35px; border-radius:50%; color:var(--muse-wine); background:var(--muse-cream); }
.merchant-greeting { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:20px var(--stitch-page-gutter) 12px; }
.merchant-greeting small { color:var(--muse-muted); font-size:9px; }
.merchant-greeting h1 { margin:6px 0 0; font:500 clamp(20px,4vw,28px) Georgia,serif; }
.merchant-greeting>span { padding:7px 9px; border-radius:18px; color:var(--muse-wine); background:var(--muse-cream); font-size:8px; }
.merchant-revenue-card { margin:0 var(--stitch-page-gutter) 11px; padding:17px 18px 12px; border-radius:18px; color:#fffdfa; background:linear-gradient(128deg,var(--muse-wine),#382d2a); box-shadow:var(--muse-shadow-soft); }
.merchant-revenue-card>div:first-child { display:grid; gap:6px; }
.merchant-revenue-card small { color:#ead8cf; font-size:9px; letter-spacing:.8px; }
.merchant-revenue-card>div:first-child>b { font:500 33px Georgia,serif; }
.merchant-revenue-card>div:first-child>span { color:#e4d6ce; font-size:9px; }
.merchant-revenue-card>i { float:right; margin-top:-58px; padding:7px 9px; border-radius:14px; color:var(--muse-wine); background:#f8e8ce; font-style:normal; }
.merchant-revenue-track { height:4px; margin:14px 0 8px; overflow:hidden; border-radius:4px; background:#ffffff33; }
.merchant-revenue-track>b { display:block; height:100%; border-radius:inherit; background:var(--muse-gold); }
.merchant-revenue-card footer { display:flex; justify-content:space-between; gap:8px; color:#ead8cf; font-size:8px; }
.merchant-dashboard-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); margin:0 var(--stitch-page-gutter) 10px; }
.merchant-dashboard-metrics>article { min-height:83px; padding:12px; }
.merchant-dashboard-metrics>article>b { margin:5px 0 3px; font-size:23px; }
.merchant-dashboard-actions { grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; margin:0 var(--stitch-page-gutter) 14px; padding:0; }
.merchant-dashboard-actions>button { display:grid; justify-items:start; gap:5px; min-height:82px; padding:10px 8px; text-align:left; }
.merchant-dashboard-actions>button>i { display:grid; place-items:center; width:27px; height:27px; border-radius:10px; color:var(--muse-wine); background:var(--muse-cream); font-size:13px; font-style:normal; }
.merchant-dashboard-actions>button>b { font-size:9px; }
.merchant-dashboard-actions>button>small { font-size:7px; }
.merchant-ai-order-card { margin:0 var(--stitch-page-gutter) 18px; padding:15px; border-radius:17px; color:#fff; background:#1f1c1b; box-shadow:var(--muse-shadow-soft); }
.merchant-ai-order-card>div:first-child { display:flex; justify-content:space-between; gap:10px; font-size:9px; }
.merchant-ai-order-card>div:first-child>small { color:#e7d6c4; }
.merchant-ai-order-card>div:first-child>span { padding:5px 8px; border-radius:14px; background:#54463c; }
.merchant-ai-order-look { display:flex; align-items:center; gap:11px; margin:14px 0; }
.merchant-ai-order-look img { width:55px; height:65px; border-radius:11px; object-fit:cover; }
.merchant-ai-order-look div { display:grid; gap:5px; }
.merchant-ai-order-look small { color:#c8bbb2; font-size:9px; }
.merchant-ai-order-card footer { display:flex; align-items:center; justify-content:space-between; gap:8px; border-top:1px solid #ffffff26; padding-top:12px; font-size:10px; }
.merchant-ai-order-card footer button { padding:9px 10px; border-radius:16px; color:var(--muse-ink); background:#f3dfc6; font-size:9px; }
.merchant-ai-order-empty { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:12px; }
.merchant-ai-order-empty button { padding:8px 10px; border-radius:12px; color:var(--muse-ink); background:#f3dfc6; font-size:9px; }
.merchant-section-head { display:flex; align-items:end; justify-content:space-between; gap:9px; margin:0 var(--stitch-page-gutter) 10px; }
.merchant-section-head small { color:var(--muse-rose-deep); font-size:8px; letter-spacing:1.2px; }
.merchant-section-head h2 { margin:4px 0 0; font-size:18px; }
.merchant-section-head>button { padding:7px 9px; border-radius:11px; color:var(--muse-wine); background:var(--muse-cream); font-size:9px; }
.merchant-today-bookings>nav { display:flex; gap:7px; margin:0 var(--stitch-page-gutter) 9px; overflow:auto; }
.merchant-today-bookings>nav button { flex:none; padding:7px 10px; border-radius:16px; color:var(--muse-muted); background:#f1edea; font-size:9px; }
.merchant-today-bookings>nav button.selected { color:#fff; background:var(--muse-wine); }
.merchant-today-bookings>nav b { margin-left:4px; }
.merchant-live-row { display:flex; align-items:center; gap:10px; margin:0 var(--stitch-page-gutter) 12px; padding:13px; border:1px solid var(--muse-line); border-radius:14px; background:var(--muse-card); }
.merchant-live-row>span { color:var(--muse-gold); font-size:19px; }
.merchant-live-row>div { display:grid; flex:1; gap:4px; }
.merchant-live-row b { font-size:10px; }
.merchant-live-row small { color:var(--muse-muted); font-size:8px; }
.merchant-live-row>button,.merchant-bottom-tools button { padding:8px 9px; border-radius:10px; color:var(--muse-wine); background:var(--muse-cream); font-size:9px; }
.merchant-bottom-tools { display:flex; flex-wrap:wrap; gap:7px; margin:12px var(--stitch-page-gutter); }

.merchant-order-detail { max-width:1000px; margin:0 auto; padding-bottom:10px; }
.merchant-order-state { display:grid; grid-template-columns:1fr auto; gap:4px 12px; margin:0 var(--stitch-page-gutter) 12px; padding:13px; border-radius:14px; background:#f7ead7; }
.merchant-order-state>span,.merchant-order-state>small { color:var(--muse-muted); font-size:8px; }
.merchant-order-state>b { grid-column:2; grid-row:1/3; align-self:center; padding:7px 9px; border-radius:14px; color:var(--muse-wine); background:#fff8ed; font-size:9px; }
.merchant-order-state>small { grid-column:1/-1; }
.merchant-client-card { display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:7px 10px; margin:0 var(--stitch-page-gutter) 10px; padding:12px; border:1px solid var(--muse-line); border-radius:15px; background:var(--muse-card); }
.merchant-client-avatar { display:grid; place-items:center; width:40px; height:40px; border-radius:50%; color:#fff; background:var(--muse-wine); font-family:Georgia,serif; }
.merchant-client-card>div:nth-child(2) { display:grid; gap:4px; min-width:0; }
.merchant-client-card>div:nth-child(2)>b { font-size:11px; }
.merchant-client-card>div:nth-child(2) small { margin-left:5px; padding:3px 5px; border-radius:9px; color:var(--muse-wine); background:var(--muse-cream); font-size:7px; }
.merchant-client-card>div:nth-child(2)>span { color:var(--muse-muted); font-size:8px; }
.merchant-client-card>button { padding:7px 8px; border-radius:9px; color:var(--muse-wine); background:var(--muse-cream); font-size:8px; }
.merchant-client-tags { grid-column:1/-1; display:flex; flex-wrap:wrap; gap:5px; padding-top:7px; border-top:1px solid var(--muse-line); }
.merchant-client-tags span { padding:5px 7px; border-radius:10px; color:var(--muse-muted); background:#f3efec; font-size:7px; }
.merchant-appointment-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:0 var(--stitch-page-gutter) 12px; }
.merchant-appointment-facts article { display:grid; gap:6px; min-width:0; padding:12px; border-radius:13px; background:var(--muse-card); box-shadow:var(--muse-shadow-card); }
.merchant-appointment-facts small { color:var(--muse-muted); font-size:8px; }
.merchant-appointment-facts b { overflow:hidden; font-size:11px; text-overflow:ellipsis; }
.merchant-appointment-facts span { color:var(--muse-muted); font-size:8px; }
.merchant-ai-render { margin:0 var(--stitch-page-gutter) 14px; padding:13px; border:1px solid var(--muse-line); border-radius:15px; background:linear-gradient(130deg,#fbf8f5,#f2e7e2); }
.merchant-ai-render header { display:flex; justify-content:space-between; gap:8px; font-size:8px; }
.merchant-ai-render header div { display:grid; gap:5px; }
.merchant-ai-render header small { color:var(--muse-muted); }
.merchant-ai-render header span { align-self:start; padding:5px 6px; border-radius:9px; color:var(--muse-wine); background:#fff; }
.merchant-ai-render>img { display:block; width:100%; height:180px; margin:11px 0 7px; border-radius:11px; object-fit:cover; }
.merchant-ai-render>p { margin:0 0 7px; color:var(--muse-muted); font-size:8px; }
.merchant-ai-render>button { padding:7px 9px; border-radius:9px; color:#fff; background:var(--muse-wine); font-size:8px; }
.merchant-precision-formula,.merchant-materials,.merchant-settlement { margin:0 var(--stitch-page-gutter) 12px; padding:14px; border:1px solid var(--muse-line); border-radius:15px; background:var(--muse-card); }
.merchant-precision-formula header small,.merchant-materials header small { color:var(--muse-gold); font-size:8px; letter-spacing:1.2px; }
.merchant-precision-formula h2,.merchant-materials h2 { margin:5px 0 10px; font-size:15px; }
.merchant-precision-formula>article { display:grid; grid-template-columns:24px minmax(0,1fr) auto; gap:8px; align-items:center; margin-top:7px; padding:9px; border-radius:10px; background:#f6f2ef; }
.merchant-precision-formula>article>i { display:grid; place-items:center; width:23px; height:23px; border-radius:50%; color:#fff; background:var(--muse-wine); font-size:8px; font-style:normal; }
.merchant-precision-formula>article>div { display:grid; gap:3px; }
.merchant-precision-formula>article b { font-size:9px; }
.merchant-precision-formula>article small,.merchant-precision-formula>article>span { color:var(--muse-muted); font-size:7px; }
.merchant-materials>label { display:flex; align-items:center; gap:8px; padding:8px 0; border-top:1px solid var(--muse-line); font-size:9px; }
.merchant-materials>label span { flex:1; }
.merchant-materials>label small { color:var(--muse-muted); font-size:7px; }
.merchant-materials input { accent-color:var(--muse-wine); }
.merchant-settlement>div { display:flex; justify-content:space-between; align-items:center; }
.merchant-settlement>div small { color:var(--muse-muted); font-size:9px; }
.merchant-settlement>div b { font:500 22px Georgia,serif; }
.merchant-settlement>p { color:var(--muse-muted); font-size:8px; }
.merchant-settlement>label { display:flex; align-items:center; justify-content:space-between; font-size:9px; }
.merchant-settlement select { padding:7px; border:1px solid var(--muse-line); border-radius:9px; background:#fff; }
.merchant-order-actions { position:sticky; bottom:70px; z-index:4; display:flex; justify-content:flex-end; gap:7px; margin:0 var(--stitch-page-gutter); padding:9px; border:1px solid #ffffffdd; border-radius:16px; background:#fffdfaee; box-shadow:var(--muse-shadow-soft); backdrop-filter:blur(15px); }
.merchant-order-actions button { padding:9px 10px; border-radius:11px; color:var(--muse-wine); background:var(--muse-cream); font-size:9px; }
.merchant-order-actions .suite-primary { color:#fff; }
.suite-order-archive { max-width:1000px; margin:18px auto 0; }

/* Weekly roster becomes a readable, horizontally scrollable Gantt on touch screens. */
.schedule-date-ribbon { display:flex; gap:7px; overflow:auto; margin:0 var(--stitch-page-gutter) 11px; padding:2px 0 5px; scrollbar-width:none; }
.schedule-date-ribbon>button { display:grid; flex:none; justify-items:center; min-width:45px; gap:3px; padding:8px 7px; border:1px solid var(--muse-line); border-radius:13px; color:var(--muse-ink); background:var(--muse-card); }
.schedule-date-ribbon>button small,.schedule-date-ribbon>button span { color:var(--muse-muted); font-size:7px; }
.schedule-date-ribbon>button b { font:500 17px Georgia,serif; }
.schedule-date-ribbon>button.selected { border-color:var(--muse-wine); color:#fff; background:var(--muse-wine); }
.schedule-date-ribbon>button.selected small,.schedule-date-ribbon>button.selected span { color:#efdfd5; }
.schedule-live-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin:0 var(--stitch-page-gutter) 12px; }
.schedule-live-metrics article { display:grid; gap:5px; padding:10px 8px; border:1px solid var(--muse-line); border-radius:12px; background:var(--muse-card); }
.schedule-live-metrics small { color:var(--muse-muted); font-size:7px; }
.schedule-live-metrics b { font-size:10px; }
.schedule-gantt { margin:0 var(--stitch-page-gutter); overflow-x:auto; border:1px solid var(--muse-line); border-radius:14px; background:var(--muse-card); }
.schedule-gantt-head,.schedule-gantt-row { display:grid; grid-template-columns:112px repeat(4,minmax(100px,1fr)); min-width:530px; }
.schedule-gantt-head { position:sticky; top:0; z-index:1; background:#f1e8e3; }
.schedule-gantt-head>span { padding:10px 7px; color:var(--muse-muted); font-size:8px; text-align:center; }
.schedule-gantt-head>span:first-child { text-align:left; }
.schedule-gantt-row { border-top:1px solid var(--muse-line); }
.schedule-gantt-artist { display:grid; align-content:center; gap:4px; padding:9px; border-right:1px solid var(--muse-line); }
.schedule-gantt-artist i { display:grid; place-items:center; width:24px; height:24px; border-radius:50%; color:#fff; background:var(--muse-wine); font-size:8px; font-style:normal; }
.schedule-gantt-artist b { font-size:9px; }
.schedule-gantt-artist small { color:var(--muse-muted); font-size:7px; }
.schedule-gantt-slot { display:grid; align-content:center; gap:5px; min-height:68px; margin:5px; padding:8px; border:1px solid #e9ded7; border-radius:10px; color:var(--muse-wine); background:#faf5f1; text-align:left; }
.schedule-gantt-slot>b { font-size:8px; }
.schedule-gantt-slot>small { color:var(--muse-muted); font-size:7px; }
.schedule-gantt-slot.booked { border-color:#d1b58c; background:#f1e5d4; }
.schedule-gantt-slot.unavailable { border-style:dashed; color:var(--muse-muted); background:#efedeb; }

/* Customer formula and CRM are editorial profiles, not generic metric pages. */
.crm-vip-segments { margin:0 var(--stitch-page-gutter) 13px; }
.crm-vip-segments>header small { color:var(--muse-gold); font-size:8px; letter-spacing:1.3px; }
.crm-vip-segments h1 { margin:5px 0; font-size:21px; }
.crm-vip-segments>header p { margin:0; color:var(--muse-muted); font-size:9px; }
.crm-tier-rail { display:grid; grid-auto-columns:minmax(200px,1fr); grid-auto-flow:column; gap:9px; overflow:auto; margin-top:12px; padding-bottom:4px; scrollbar-width:thin; }
.crm-tier-rail article { display:grid; gap:7px; padding:13px; border-radius:14px; color:#fff; background:linear-gradient(130deg,var(--muse-wine),#302723); }
.crm-tier-rail article+article { color:var(--muse-ink); background:linear-gradient(130deg,#f4ede7,#dfd2c8); }
.crm-tier-rail small,.crm-tier-rail span { color:#e8d8cf; font-size:8px; }
.crm-tier-rail article+article small,.crm-tier-rail article+article span { color:var(--muse-muted); }
.crm-tier-rail b { font:500 16px Georgia,serif; }
.member-formula-scan { margin:0 var(--stitch-page-gutter) 14px; padding:14px; border:1px solid var(--muse-line); border-radius:17px; background:var(--muse-card); box-shadow:var(--muse-shadow-card); }
.member-formula-scan>header,.formula-color-radar>header,.formula-history>header { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.member-formula-scan>header small,.formula-color-radar header small,.formula-history header small { color:var(--muse-gold); font-size:8px; letter-spacing:1.1px; }
.member-formula-scan>header h1 { margin:5px 0 3px; font:500 20px Georgia,serif; }
.member-formula-scan>header p { margin:0; color:var(--muse-muted); font-size:8px; }
.member-formula-scan>header>span { padding:7px 10px; border-radius:15px; color:#fff; background:var(--muse-wine); font-size:8px; }
.formula-profile-picture { position:relative; height:clamp(190px,55vw,280px); margin-top:11px; overflow:hidden; border-radius:13px; background:#e5d9d0; }
.formula-profile-picture img { width:100%; height:100%; object-fit:cover; }
.formula-profile-picture>span,.formula-profile-picture>b { position:absolute; left:10px; padding:7px 9px; border-radius:10px; color:var(--muse-wine); background:#fffdf2e8; font-size:8px; }
.formula-profile-picture>span { top:10px; }
.formula-profile-picture>b { bottom:10px; font-size:10px; }
.formula-measure-list { display:grid; gap:6px; margin-top:10px; }
.formula-measure-list article { display:grid; grid-template-columns:1fr auto; gap:4px 8px; padding:8px 10px; border-radius:10px; background:#f4f0ed; }
.formula-measure-list small { grid-column:1/-1; color:var(--muse-muted); font-size:7px; letter-spacing:.7px; }
.formula-measure-list b { font-size:9px; }
.formula-measure-list span { color:var(--muse-muted); font-size:7px; }
.formula-color-radar,.formula-history { margin:0 var(--stitch-page-gutter) 14px; padding:14px; border:1px solid var(--muse-line); border-radius:15px; background:var(--muse-card); }
.formula-color-radar h2,.formula-history h2 { margin:4px 0 0; font-size:14px; }
.formula-color-radar header>span { color:var(--muse-muted); font-size:8px; }
.formula-color-radar .formula-swatches { display:flex; gap:10px; margin:13px 0 10px; }
.formula-color-radar .formula-swatches i { width:25px; height:25px; border:3px solid #fff; border-radius:50%; background:var(--swatch); box-shadow:0 0 0 1px var(--muse-line); }
.formula-preference-pills { display:flex; flex-wrap:wrap; gap:5px; }
.formula-preference-pills span { padding:5px 7px; border-radius:11px; color:var(--muse-wine); background:var(--muse-cream); font-size:7px; }
.formula-care-stats { display:grid; grid-template-columns:repeat(3,1fr); margin-top:12px; padding-top:10px; border-top:1px solid var(--muse-line); }
.formula-care-stats article { display:grid; gap:3px; text-align:center; }
.formula-care-stats b { font:500 15px Georgia,serif; }
.formula-care-stats small { color:var(--muse-muted); font-size:7px; }
.formula-history>header { margin-bottom:10px; }
.formula-history>header>button { padding:7px 8px; border-radius:9px; color:var(--muse-wine); background:var(--muse-cream); font-size:8px; }
.formula-history>article { display:grid; grid-template-columns:70px minmax(0,1fr) auto; align-items:center; gap:9px; padding:9px 0; border-top:1px solid var(--muse-line); }
.formula-history>article>img { width:70px; height:70px; border-radius:10px; object-fit:cover; }
.formula-history>article>div { display:grid; gap:4px; min-width:0; }
.formula-history>article small,.formula-history>article span,.formula-history>article p { margin:0; color:var(--muse-muted); font-size:7px; }
.formula-history>article b { overflow:hidden; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.formula-history>article>button { padding:7px; border-radius:8px; color:var(--muse-wine); background:var(--muse-cream); font-size:7px; }
.formula-care-note { display:flex; align-items:center; gap:9px; margin:0 var(--stitch-page-gutter) 18px; padding:12px; border-radius:14px; background:#f4e9df; }
.formula-care-note>span { color:var(--muse-gold); font-size:18px; }
.formula-care-note>div { display:grid; flex:1; gap:4px; }
.formula-care-note b { font-size:9px; }
.formula-care-note small { color:var(--muse-muted); font-size:7px; }
.formula-care-note>button { padding:7px; border-radius:9px; color:#fff; background:var(--muse-wine); font-size:8px; }

/* Luxury booking notice, lock-screen live activity, and wallet card. */
.vip-notice-hero { margin:0 var(--stitch-page-gutter) 12px; }
.vip-notice-hero>div { position:relative; height:160px; overflow:hidden; border-radius:14px; background:#dac8bb; }
.vip-notice-hero img { width:100%; height:100%; object-fit:cover; }
.vip-notice-hero>div>span { position:absolute; inset:auto 0 0; padding:24px 12px 11px; color:#fff; background:linear-gradient(transparent,#302723c9); font-size:9px; letter-spacing:1px; }
.vip-notice-hero>small { display:block; margin-top:10px; color:var(--muse-gold); font-size:7px; letter-spacing:.6px; }
.vip-notice-hero h1 { margin:7px 0 4px; font-size:18px; }
.vip-notice-hero p { margin:0; color:var(--muse-muted); font-size:8px; }
.vip-concierge-message { margin:0 var(--stitch-page-gutter) 13px; padding:13px; border:1px solid var(--muse-line); border-radius:14px; background:var(--muse-card); box-shadow:var(--muse-shadow-card); }
.vip-concierge-message>header,.vip-concierge-message>footer { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.vip-concierge-message header b { font-size:9px; }
.vip-concierge-message header span { padding:5px 7px; border-radius:9px; color:var(--muse-muted); background:#f2efec; font-size:7px; }
.vip-concierge-message>p { margin:11px 0; color:var(--muse-ink); font-size:9px; line-height:1.9; }
.vip-concierge-message footer button { color:var(--muse-wine); background:transparent; font-size:7px; }
.member-perk-panel { position:relative; }
.live-activity-link { display:block; width:100%; margin-top:10px; padding:9px; border:1px solid var(--muse-line); border-radius:10px; color:var(--muse-wine); background:#fff; font-size:9px; }
.vip-wallet-page { background:#f3f1ee; }
.wallet-pass-card { max-width:460px; margin:12px auto; padding:17px; border-radius:20px; color:#f8f1e4; background:linear-gradient(150deg,#211d1c,#3e3029 55%,#201d1b); box-shadow:0 18px 38px #3027232a; }
.wallet-pass-card>header { display:flex; align-items:center; gap:9px; }
.wallet-monogram { display:grid; place-items:center; flex:none; width:35px; height:35px; border-radius:50%; color:var(--muse-wine); background:#f5dfb9; font:500 19px Georgia,serif; }
.wallet-pass-card>header>div { display:grid; flex:1; gap:4px; }
.wallet-pass-card>header small { color:#d8b77d; font-size:7px; letter-spacing:1px; }
.wallet-pass-card>header b { font-size:9px; }
.wallet-pass-card>header>span:last-child { padding:6px 7px; border-radius:11px; color:#322820; background:#e3c794; font-size:7px; white-space:nowrap; }
.wallet-pass-arrival { display:grid; grid-template-columns:1fr auto; gap:4px; margin:13px -17px 0; padding:12px 17px; background:#120f0e; }
.wallet-pass-arrival small { grid-column:1/-1; color:#c8aa76; font-size:7px; letter-spacing:1px; }
.wallet-pass-arrival>b { font:500 32px Georgia,serif; }
.wallet-pass-arrival>span { align-self:center; max-width:175px; color:#e9ddca; font-size:8px; text-align:right; }
.wallet-pass-image { position:relative; height:106px; margin:0 -17px; overflow:hidden; }
.wallet-pass-image img { width:100%; height:100%; object-fit:cover; opacity:.67; }
.wallet-pass-image>span { position:absolute; right:10px; bottom:9px; color:#fff; font-size:7px; letter-spacing:.8px; }
.wallet-pass-details { display:grid; grid-template-columns:1fr 1fr; gap:10px 9px; padding:12px 0; }
.wallet-pass-details article { display:grid; gap:4px; }
.wallet-pass-details small { color:#c8aa76; font-size:7px; letter-spacing:.5px; }
.wallet-pass-details b { color:#f7f0e6; font-size:8px; font-weight:500; line-height:1.5; }
.vip-pass-code { display:grid; place-items:center; gap:6px; margin:0 -17px; padding:10px; color:var(--muse-ink); background:#fff; }
.vip-pass-code>i { width:140px; height:45px; border:6px solid #fff; background:repeating-linear-gradient(90deg,#111 0 2px,#fff 2px 4px,#111 4px 5px,#fff 5px 8px,#111 8px 12px,#fff 12px 13px); box-shadow:0 0 0 1px #eee; }
.vip-pass-code>span,.wallet-scan-caption { margin:0; font-size:7px; text-align:center; }
.wallet-scan-caption { padding:9px; color:#eee1cf; }
.wallet-add-button,.wallet-terms { width:100%; margin-top:8px; padding:12px; border-radius:13px; font-size:10px; }
.wallet-add-button { color:#fff; background:#151313; box-shadow:0 9px 20px #0003; }
.wallet-terms { color:var(--muse-ink); background:#f5f1eb; }

/* Device live activity page is a standalone screen route, distinct from profile. */
body:has(.vip-live-activity-page) { background:#141211 !important; }
body:has(.vip-live-activity-page) .app-shell { max-width:480px; background:#171514; }
.vip-live-activity-page { min-height:100vh; padding:10px 15px 28px; color:#fff; background:radial-gradient(ellipse at 50% 22%,#423630 0,#211c19 42%,#161413 80%); }
.live-status-bar { display:flex; align-items:center; justify-content:space-between; height:36px; font-size:10px; }
.live-island { display:flex; align-items:center; gap:7px; padding:7px 13px; border-radius:20px; color:#e6d2b0; background:#090807; font-size:8px; letter-spacing:1px; }
.live-island i { width:6px; height:6px; border-radius:50%; background:var(--muse-gold); }
.live-lock-heading { display:grid; justify-items:center; gap:8px; padding:17px 0 22px; }
.live-lock-heading>span:first-child { color:#d9c6a5; font-size:20px; }
.live-lock-heading>small { color:#e0d9d3; font-size:11px; }
.live-lock-heading>strong { font:400 clamp(64px,20vw,82px) Georgia,serif; line-height:1; }
.live-pass-tag { padding:7px 12px; border:1px solid #ffffff1d; border-radius:17px; color:#e6d4b6; background:#ffffff13; font-size:8px; }
.live-appointment-card,.live-brand-card,.live-message { margin:0 0 12px; padding:14px; border:1px solid #ffffff17; border-radius:17px; color:var(--muse-ink); background:#f3f1ef; box-shadow:0 14px 30px #0003; }
.live-card-top,.live-location { display:flex; justify-content:space-between; gap:8px; color:var(--muse-muted); font-size:8px; }
.live-card-top>span { padding:4px 7px; border-radius:9px; color:#5a432d; background:#eadac0; }
.live-location { justify-content:flex-start; margin-top:13px; }
.live-appointment-card h1 { margin:10px 0; font-size:18px; }
.live-appointment-card article { display:grid; gap:6px; padding:12px; border-radius:12px; background:#fff; }
.live-appointment-card article small { color:var(--muse-muted); font-size:8px; }
.live-appointment-card article b { font-size:14px; }
.live-appointment-card article span { color:var(--muse-muted); font-size:8px; }
.live-perks { display:flex; justify-content:space-between; gap:5px; padding:10px 0; color:var(--muse-muted); font-size:7px; }
.live-arrival { display:flex; align-items:center; justify-content:space-between; gap:8px; padding-top:9px; border-top:1px solid var(--muse-line); }
.live-arrival small { color:var(--muse-muted); font-size:7px; }
.live-arrival button,.live-actions button:last-child { padding:9px; border-radius:10px; color:#fff; background:#161414; font-size:8px; }
.live-brand-card { color:#fff; background:linear-gradient(145deg,#382f2a,#1e1b19); }
.live-brand-card>div:first-child { display:grid; gap:3px; }
.live-brand-card>div:first-child b { font-size:14px; letter-spacing:1px; }
.live-brand-card>div:first-child b i { color:var(--muse-gold); font-size:8px; }
.live-brand-card>div:first-child small,.live-brand-card>span { color:#cfbeb0; font-size:8px; }
.live-brand-card>span { display:block; margin-top:10px; }
.live-progress { display:flex; align-items:center; justify-content:space-between; margin:13px 7px 3px; border-top:1px solid #be9f64; }
.live-progress>i,.live-progress>b { width:12px; height:12px; margin-top:-7px; border:2px solid #261f19; border-radius:50%; background:#d1b278; }
.live-progress>b { width:19px; height:19px; margin-top:-10px; }
.live-steps { display:flex; justify-content:space-between; color:#d9c7b7; font-size:7px; }
.live-actions { display:flex; gap:7px; margin-top:12px; }
.live-actions button { flex:1; padding:9px; border-radius:10px; color:#4b3c32; background:#e9e1d9; font-size:8px; }
.live-message { background:#e9e7e5; }
.live-message small { color:var(--muse-muted); font-size:8px; }
.live-message p { font-size:9px; line-height:1.7; }
.live-message button { color:var(--muse-wine); background:transparent; font-size:8px; }
.live-lock-footer { display:flex; justify-content:space-between; padding:6px 10px; }
.live-lock-footer button { display:grid; justify-items:center; gap:5px; color:#fff; background:transparent; font-size:18px; }
.live-lock-footer small { color:#d9d1ca; font-size:7px; }

/* Stitch ticket-printer output tuning drawer sits above a real printable ticket. */
.recipe-preview-stage { position:relative; min-height:850px; overflow:hidden; background:#eae3dc; }
.recipe-preview-card { position:absolute; inset:22px 12px auto; display:grid; justify-items:center; gap:8px; min-height:360px; padding:14px; border-radius:17px; background:#fff; filter:blur(5px); opacity:.82; }
.recipe-preview-card img { width:100%; height:265px; object-fit:cover; }
.recipe-preview-card span,.recipe-preview-card b { color:var(--muse-wine); font-size:9px; }
.recipe-hardware-sheet { position:absolute; z-index:2; right:0; bottom:0; left:0; padding:15px var(--stitch-page-gutter) 12px; border-radius:18px 18px 0 0; background:#fbf8f5; box-shadow:0 -15px 35px #30272327; }
.recipe-hardware-sheet>header { display:flex; align-items:center; justify-content:space-between; padding-bottom:9px; border-bottom:1px solid var(--muse-line); }
.recipe-hardware-sheet>header>div { display:grid; gap:5px; }
.recipe-hardware-sheet>header small { color:var(--muse-wine); font-size:10px; }
.recipe-hardware-sheet>header b { color:var(--muse-muted); font-size:8px; }
.recipe-hardware-sheet>header button { width:27px; height:27px; border-radius:50%; color:var(--muse-muted); background:#eee9e4; }
.recipe-setting-row { display:grid; gap:7px; padding:9px 0; border-bottom:1px solid var(--muse-line); }
.recipe-setting-row>span { display:flex; justify-content:space-between; color:var(--muse-ink); font-size:8px; }
.recipe-setting-row>span em { color:var(--muse-gold); font-style:normal; }
.recipe-setting-row>div { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; }
.recipe-setting-row button { padding:8px 5px; border:1px solid var(--muse-line); border-radius:9px; color:var(--muse-muted); background:#f4f1ee; font-size:7px; }
.recipe-setting-row button.selected { color:#fff; border-color:var(--muse-wine); background:var(--muse-wine); }
.recipe-setting-row>p { margin:0; color:var(--muse-muted); font-size:8px; }
.recipe-setting-row>p b { color:var(--muse-wine); font-weight:600; }
.recipe-mode-tabs { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
.recipe-mode-tabs button { display:grid; gap:4px; }
.recipe-mode-tabs small { font-size:6px; }
.recipe-progress { height:5px; overflow:hidden; border-radius:5px; background:#e7dfd7; }
.recipe-progress i { display:block; width:68%; height:100%; background:var(--muse-gold); }
.recipe-final-status { display:block; color:var(--muse-success) !important; font-size:8px !important; }
.recipe-hardware-sheet>footer { display:flex; gap:7px; padding-top:9px; }
.recipe-hardware-sheet>footer button:first-child { padding:10px; border-radius:11px; color:var(--muse-wine); background:var(--muse-cream); font-size:8px; }
.recipe-hardware-sheet>footer .suite-primary { flex:1; padding:10px; font-size:9px; }
.recipe-ticket-print { margin-top:16px; }

/* Responsive desktop layouts: customer stays intentionally app-like; operator desks expand. */
@media (min-width:640px) {
  .studio-session-compare { height:min(62vw,560px); }
  .merchant-dashboard-signature { padding:0 0 34px; }
  .merchant-ai-render>img { height:260px; }
  .formula-profile-picture { height:280px; }
  .recipe-preview-stage { min-height:900px; }
  .recipe-hardware-sheet { right:50%; left:auto; width:min(100%,520px); transform:translateX(50%); border-radius:20px 20px 0 0; }
}
@media (min-width:920px) {
  body:has(.merchant-desk-page,.merchant-order-page,.merchant-schedule-page,.merchant-gallery-page,.merchant-customers-page,.platform-ops-page,.ai-analytics-page) .app-shell { max-width:1440px; background:var(--muse-paper); }
  .merchant-desk-page>.platform-top,.merchant-order-page>.platform-top,.merchant-schedule-page>.platform-top,.merchant-gallery-page>.platform-top,.merchant-customers-page>.platform-top,.platform-ops-page>.platform-top,.ai-analytics-page>.platform-top { max-width:1380px; margin:0 auto; }
  .merchant-dashboard-signature { padding:0 20px 35px; }
  .merchant-dashboard-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .merchant-dashboard-actions { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .merchant-ai-order-card { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:0 20px; padding:20px; }
  .merchant-ai-order-card>div:first-child { grid-column:1/-1; margin-bottom:6px; }
  .merchant-ai-order-look { margin:0; }
  .merchant-ai-order-card footer { border:0; padding:0; }
  .merchant-today-bookings>.suite-booking-row { grid-template-columns:72px minmax(0,1fr) 150px; }
  .merchant-order-detail { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(350px,.9fr); align-items:start; gap:12px; padding:0 26px; }
  .merchant-order-state,.merchant-client-card,.merchant-appointment-facts,.merchant-ai-render,.merchant-order-actions { grid-column:1/-1; }
  .merchant-precision-formula,.merchant-materials { margin:0 0 12px; }
  .merchant-settlement { grid-column:2; }
  .merchant-order-actions { grid-column:1/-1; bottom:10px; }
  .schedule-date-ribbon,.schedule-live-metrics,.schedule-gantt,.suite-schedule-legend { max-width:1280px; margin-right:auto; margin-left:auto; }
  .schedule-gantt-head,.schedule-gantt-row { grid-template-columns:170px repeat(4,minmax(140px,1fr)); min-width:780px; }
  .schedule-gantt-slot { min-height:82px; }
  .crm-vip-segments,.merchant-customers-page>.suite-page-intro,.suite-customer-metrics,.suite-customer-list,.formula-history,.formula-color-radar,.member-formula-scan { max-width:1120px; margin-right:auto; margin-left:auto; }
  .crm-tier-rail { grid-auto-columns:minmax(280px,1fr); }
  .member-formula-scan { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:12px 18px; }
  .member-formula-scan>header { grid-column:1/-1; }
  .formula-profile-picture { grid-row:2/4; height:410px; }
  .formula-measure-list { align-content:start; }
  .platform-ops-page,.ai-analytics-page { max-width:1440px; margin:0 auto; }
  .platform-ops-page .suite-ops-hero,.ai-analytics-page .suite-analytics-hero { min-height:230px; }
  .platform-ops-page .suite-ops-table,.platform-ops-page .suite-ops-application,.ai-analytics-page .suite-funnel-card,.ai-analytics-page .suite-analytics-bookings,.ai-analytics-page .suite-analytics-lookbook { max-width:1320px; margin-right:auto; margin-left:auto; }
  .platform-ops-page .suite-ops-module-grid,.platform-ops-page .suite-ops-metrics,.platform-ops-page .suite-ops-revenue { max-width:1320px; margin-right:auto; margin-left:auto; }
  body:has(.platform-ops-page) .app-shell { background:#f7f1ec; }
  .recipe-hardware-sheet { right:22px; bottom:20px; left:auto; width:460px; transform:none; border:1px solid #fff; border-radius:20px; }
  .recipe-preview-stage { min-height:700px; }
}
@media (max-width:380px) {
  .merchant-dashboard-actions>button { padding-right:5px; padding-left:5px; }
  .merchant-dashboard-actions>button>b { font-size:8px; }
  .merchant-order-actions button { padding:8px 7px; font-size:8px; }
  .formula-history>article { grid-template-columns:58px minmax(0,1fr); }
  .formula-history>article>img { width:58px; height:58px; }
  .formula-history>article>button { grid-column:2; justify-self:start; }
}