/* Presentazione Salotto: controlli, visibilita e controller applicativi invariati. */
@media screen {
body.platform-salotto { --ink:#fff;--muted:#dedbd1;--ink-secondary:#dedbd1;--line:#ffffff38;--border:#ffffff38;--panel:#28251e99;--paper:#28251e99;--surface:#ffffff0c;--mint:#ffffff18;--teal:#eee9dd;--sg-glass:#28251e99;--sg-paper:#f2efe8;--sg-border:#ffffff45;background:#292823;color:#fff;isolation:isolate;min-height:100dvh; }
.platform-salotto .salotto-backdrop {position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden}
.platform-salotto .hero-reel {position:absolute;inset:0;animation:sg-push 17s linear infinite}
.platform-salotto .hero-frame {position:absolute;inset:0;margin:0;opacity:0;transition:opacity 1.5s ease}
.platform-salotto .hero-frame.is-active {opacity:1}
.platform-salotto .hero-frame img {width:100%;height:100%;object-fit:cover}
.platform-salotto .hero-blackout {position:absolute;inset:0;z-index:4;background:#0b0908;opacity:0;transition:opacity .45s ease}
.platform-salotto .hero-blackout.is-active {opacity:1}
.platform-salotto::before {content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,#1f252329 14%,#1f25232e 40%,#1f2523d6 100%)}
@keyframes sg-push {from{transform:scale(1.11)}to{transform:scale(1.005)}}
.platform-salotto .topbar,.platform-salotto .proposta-topbar {background:#25231d30;backdrop-filter:blur(14px);border-bottom:1px solid #ffffff30;color:white;position:relative;z-index:20}
.platform-salotto .brand-logo {filter:brightness(0) invert(1)}
.platform-salotto .topbar>nav>a,.platform-salotto .topbar .do-lang-btn,.platform-salotto .proposta-topbar a {color:white}
.platform-salotto .topbar-cta {background:transparent;border:1px solid #ffffff60;color:#fff;border-radius:24px}
.platform-salotto .nav-toggle {background:#28251e99;border-color:#ffffff60}
.platform-salotto .nav-toggle-bars,.platform-salotto .nav-toggle-bars::before,.platform-salotto .nav-toggle-bars::after {background:#fff}
.platform-salotto .footer {background:#28251ed9;color:#e1ded5;border-top:1px solid #ffffff30;margin-top:40px}
.platform-salotto .footer a {color:inherit}
.platform-salotto main {min-width:0}
.platform-salotto main h1 {font-family:Georgia,serif;font-size:clamp(34px,4vw,52px);font-weight:400;letter-spacing:-.035em;line-height:1.1;color:inherit}
.platform-salotto main h2 {font-family:Georgia,serif;font-size:clamp(25px,2.4vw,30px);font-weight:400;letter-spacing:-.025em;color:inherit}
.platform-salotto :is(.eyebrow,.breadcrumb,.breadcrumb a) {color:#dedbd1}
.platform-salotto main :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea) {background:#ffffff0c;color:inherit;border:1px solid #ffffff55;border-radius:10px;font-size:16px;min-width:0}
.platform-salotto main :is(input,textarea)::placeholder {color:#d0cdc3;opacity:1}
.platform-salotto select option {background:#f2efe8;color:#292d26}
.platform-salotto main :is(.button-link,.btn-primary,.auth-submit) {background:#f2efe8;color:#292d26;border:1px solid #f2efe8;border-radius:24px}
.platform-salotto main :is(.ghost-button,.btn-ghost,.button-link.alt) {background:transparent;color:inherit;border:1px solid currentColor;border-radius:24px}
.platform-salotto :focus-visible {outline:3px solid #e2cda4!important;outline-offset:3px}
.platform-salotto :is(.dash-error,.auth-msg.error,.form-status.error) {background:#ffe8e4;color:#79251c;border-color:#e5a093}
.platform-salotto :is(.dash-wrap,.quote-page,.sel-wrap,.detail-page,.proposta-shell,.studio-wrap) {max-width:1328px;margin:0 auto;padding:36px 24px 64px}
/* Carta: un insieme locale di variabili mantiene leggibili anche i contenuti dinamici. */
.platform-salotto :is(.profile-card,.quote-summary-panel,.supplier-sidebar,.sg-total) {--ink:#292d26;--muted:#62695c;--ink-secondary:#62695c;--line:#c8c9be;--border:#c8c9be;--panel:#f2efe8;--paper:#f2efe8;--surface:#e9e6db;--mint:#e2e6d9;background:var(--sg-paper);color:#292d26;border:1px solid #ffffff50;border-radius:20px;padding:28px}
.platform-salotto :is(.profile-card,.quote-summary-panel,.supplier-sidebar,.sg-total) :is(h1,h2,h3,p,a,label,.eyebrow) {color:inherit}
.platform-salotto :is(.profile-card,.quote-summary-panel,.supplier-sidebar,.sg-total) :is(input,select,textarea) {background:#fff;color:#292d26;border-color:#a8ad9f}
.platform-salotto :is(.profile-card,.quote-summary-panel,.supplier-sidebar,.sg-total) :is(input,textarea)::placeholder {color:#62695c}
/* Card 1 — dashboard professionale. */
.platform-salotto .dash-wrap {max-width:1328px}
.platform-salotto :is(.kpi-card,.orders-table-wrap,.product-form,.stripe-connect-card,.catalog-section) {background:var(--sg-glass);backdrop-filter:blur(24px);border:1px solid var(--sg-border);border-radius:20px}
.platform-salotto .kpi-card {padding:24px}.platform-salotto .kpi-card.accent {border-color:#ffffff70}
.platform-salotto .kpi-card .kpi-value {color:#fff;font-family:Georgia,serif;font-weight:400}
.platform-salotto .dash-grid {gap:24px;margin-bottom:32px}
.platform-salotto .catalog-section {padding:28px;margin-top:24px}
.platform-salotto .dash-wrap>section:has(#visiteWrap),.platform-salotto .dash-wrap>section:has(#oppWrap) {background:var(--sg-glass);backdrop-filter:blur(24px);border:1px solid var(--sg-border);border-radius:20px;padding:28px}
.platform-salotto .profile-card .btn-ghost {color:#292d26}
.platform-salotto .product-card {background:#f2efe8;color:#292d26;--ink:#292d26;--muted:#62695c;--ink-secondary:#62695c;border-radius:16px;overflow:hidden}
.platform-salotto .orders-table-wrap {max-width:100%}
@media(min-width:861px){.platform-salotto .dash-grid{grid-template-columns:minmax(0,1fr) 330px}}
@media(max-width:700px){
 .platform-salotto :is(.dash-wrap,.quote-page,.sel-wrap,.detail-page,.proposta-shell,.studio-wrap){padding:24px 16px 40px}
 .platform-salotto .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .platform-salotto .kpi-card{padding:18px 14px}.platform-salotto .kpi-value{font-size:28px}
 .platform-salotto .catalog-section,.platform-salotto .dash-wrap>section:has(#visiteWrap),.platform-salotto .dash-wrap>section:has(#oppWrap){padding:20px}
 .platform-salotto .topbar nav.open {background:#28251ef5}
}
@media(prefers-reduced-motion:reduce){.platform-salotto .hero-reel{animation:none}.platform-salotto .hero-frame,.platform-salotto .hero-blackout{transition:none}}
}
@media print {.platform-salotto .salotto-backdrop{display:none}}
@media screen {
.platform-salotto :is(.user-dropdown,.notif-dropdown,.cookie-notice,.cookie-banner,.do-lang-menu) {--ink:#292d26;--muted:#62695c;--line:#c8c9be;--paper:#f2efe8;--panel:#f2efe8;background:#f2efe8;color:#292d26}
.platform-salotto .auth-card .role-btn.active strong {color:#292d26}
}
@media screen {
.platform-salotto .atelier-two-col {grid-template-columns:minmax(0,1fr)}
.platform-salotto .studio-card .atelier-hint {color:#dedbd1}
.platform-salotto .auth-card .role-btn.active {background:#f2efe8;color:#292d26;border-color:#f2efe8}
.platform-salotto .auth-card .role-btn.active :is(span,small){color:#62695c}
}
@media screen {
.platform-salotto .sg-total :is(.totali,.totale-riga,.totale-riga span,.totale-riga strong){color:#292d26}
.platform-salotto .proposta-shell .field label{color:#dedbd1;font-size:13px;letter-spacing:0;text-transform:none;font-weight:500}
/* Card 7 — Atelier AI: quattro ingressi e tutti i controlli originali. */
body.platform-salotto.studio-dark {--dark:#292823;--dark-2:#28251e99;--dark-3:#ffffff0c;--brass:#eee7d6;--brass-soft:#eee7d6;--hair:#ffffff38;background:#292823}
.platform-salotto .studio-wrap {max-width:1420px}
.platform-salotto :is(.studio-card,.atelier-empty,.atelier-stage) {background:var(--sg-glass);backdrop-filter:blur(24px);border:1px solid var(--sg-border);border-radius:22px;padding:26px}
.platform-salotto .atelier-head h1 {font-size:clamp(34px,4vw,48px)}
.platform-salotto .atelier-head p {color:#dedbd1;max-width:70ch}
.platform-salotto .credits {background:#ffffff12;border:1px solid #ffffff40;border-radius:16px;padding:14px 18px}
.platform-salotto .credits :is(b,span){color:#f2efe8}
.platform-salotto .paths {grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.platform-salotto .path {border-radius:18px;border-color:#ffffff45;background:#28251e99}
.platform-salotto .path[aria-pressed=true] {border:2px solid #f2efe8}
.platform-salotto .path::after {background:linear-gradient(100deg,#28251ee8 24%,#28251e57 100%)}
.platform-salotto .path .c>span:last-child {color:#e2dfd5}
.platform-salotto .path .corner {display:none}
.platform-salotto .studio-field label {color:#dedbd1;font-size:13px;text-transform:none;letter-spacing:0;font-weight:500}
.platform-salotto .studio-card h2 {font-size:30px}
.platform-salotto .studio-card .eyebrow {color:#dedbd1}
.platform-salotto .studio-drop {background:#ffffff0c;border-color:#ffffff55;color:#dedbd1}
.platform-salotto .studio-drop:hover {background:#ffffff18}
.platform-salotto .atelier-stage {min-width:0;align-self:start;position:sticky;top:24px;min-height:450px}
.platform-salotto .atelier-stage:has(.atelier-result:empty)::before {content:'La tua foto-idea prende forma qui.';display:block;text-align:center;color:#dedbd1;padding:160px 24px;font-family:Georgia,serif;font-size:30px;line-height:1.2}
.platform-salotto .atelier-result img {max-width:100%;height:auto;border-radius:14px}
.platform-salotto .sec-lab span,.platform-salotto .atelier-empty span {color:#dedbd1}
.platform-salotto #atelierView {grid-template-columns:360px minmax(0,1fr);align-items:start;gap:24px}
.platform-salotto #analyzeView {grid-template-columns:360px minmax(0,1fr);align-items:start;gap:24px}
.platform-salotto .atelier-gate {background:#28251ee6;color:#f2efe8;border-color:#ffffff55}
@media(max-width:1000px){
 .platform-salotto .paths{grid-template-columns:repeat(2,minmax(0,1fr))}
 .platform-salotto #atelierView,.platform-salotto #analyzeView{grid-template-columns:minmax(0,1fr)}
 .platform-salotto .atelier-stage{position:static;min-height:260px}.platform-salotto .atelier-stage:has(.atelier-result:empty)::before{padding:75px 16px}
}
@media(max-width:600px){
 .platform-salotto .path .c{padding:16px 12px;min-height:180px}.platform-salotto .path .c>span:last-child{font-size:12px}
 .platform-salotto :is(.studio-card,.atelier-stage){padding:22px}
 .platform-salotto .atelier-head{gap:12px}.platform-salotto .credits{padding:12px}
}
}
@media screen {
/* Card 6 — editor proposta: tutti gli strumenti, totale laterale. */
body.platform-salotto.proposta-dark {--bg:#292823;--fg:#fff;--muted:#dedbd1;--line:#ffffff38;--gold:#f0e8d7;--panel:#28251e99}
.platform-salotto .proposta-shell {width:100%;max-width:1328px}
.platform-salotto .proposta-shell .intro {color:#dedbd1;max-width:75ch;margin-bottom:30px}
.platform-salotto #propostaForm {display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}
.platform-salotto #propostaForm>.panel {grid-column:1;margin:0;background:var(--sg-glass);backdrop-filter:blur(24px);border:1px solid var(--sg-border);border-radius:20px;padding:28px;min-width:0}
.platform-salotto #propostaForm>.sg-total {grid-column:2;grid-row:1 / span 4;position:sticky;top:24px;background:#f2efe8;color:#292d26;max-height:calc(100dvh - 48px);overflow:auto}
.platform-salotto .sg-total .hint,.platform-salotto .sg-total .messaggio {color:#62695c}
.platform-salotto .sg-total .totale-riga.final {font-family:Georgia,serif;font-size:26px;border-color:#c8c9be}
.platform-salotto .sg-total .actions {display:grid;gap:10px}
.platform-salotto .sg-total .actions button,.platform-salotto .sg-total .actions a {border-color:#9ca38e;color:#292d26;border-radius:24px;white-space:normal;text-align:center}
.platform-salotto .sg-total .actions button.primary {background:#30382e;color:#fff}
.platform-salotto .sg-total .actions :disabled {opacity:.5}
.platform-salotto .proposta-shell .gruppo {background:#ffffff08;border:1px solid #ffffff35;border-radius:16px}
.platform-salotto .proposta-shell button {border-radius:22px}
.platform-salotto #raccoltaDialog {background:#f2efe8;color:#292d26;--muted:#62695c;--line:#c8c9be;border:1px solid #ffffff60;border-radius:20px;max-width:calc(100vw - 32px)}
@media(max-width:860px){
 .platform-salotto #propostaForm{grid-template-columns:minmax(0,1fr)}
 .platform-salotto #propostaForm>.panel{padding:22px}
 .platform-salotto #propostaForm>.sg-total{grid-column:1;grid-row:auto;position:static;max-height:none}
}
}
@media screen {
.platform-salotto main :is(.text-link,.back-link) {color:#f0e8d7}
.platform-salotto .quote-summary-panel .back-link {color:#292d26}
/* Card 5 — accesso e registrazione, stessi moduli e ruoli. */
.platform-salotto .auth-wrap {max-width:1160px;display:grid;grid-template-columns:minmax(0,1fr) 460px;gap:90px;align-items:start;margin:64px auto;padding:0 24px}
.platform-salotto .sg-auth-intro {padding-top:60px}.platform-salotto .sg-auth-intro h2{font-size:clamp(42px,5vw,72px);line-height:1.08}
.platform-salotto .sg-auth-intro p {color:#dedbd1;line-height:1.6;margin-top:28px;font-size:18px}
.platform-salotto .auth-card {width:100%;max-width:none;padding:36px;background:var(--sg-glass);backdrop-filter:blur(24px);border:1px solid var(--sg-border);border-radius:22px;color:#fff}
.platform-salotto .auth-card .auth-title {font-size:34px;color:inherit}
.platform-salotto .auth-tabs {background:#ffffff0c;border:1px solid #ffffff40;border-radius:24px;padding:4px;margin-top:24px}
.platform-salotto .auth-tab {color:#dedbd1;border-radius:22px}.platform-salotto .auth-tab.active{background:#f2efe8;color:#292d26}
.platform-salotto .auth-card :is(label,.auth-divider,.auth-divider a,.field-help,.auth-note){color:#dedbd1}
.platform-salotto .auth-card .role-card {background:#ffffff0c;color:#fff;border-color:#ffffff40}
.platform-salotto .auth-card .role-card.selected {background:#f2efe8;color:#292d26}
.platform-salotto .auth-card .auth-msg {border-radius:10px}
@media(max-width:860px){
 .platform-salotto .auth-wrap{grid-template-columns:1fr;gap:26px;margin:30px auto;padding:0 16px;max-width:540px}
 .platform-salotto .sg-auth-intro{padding-top:0}.platform-salotto .sg-auth-intro h2{font-size:40px}
 .platform-salotto .sg-auth-intro h2 br{display:none}.platform-salotto .sg-auth-intro h2 br::after{content:' '}
 .platform-salotto .sg-auth-intro p{font-size:15px;margin-top:16px}.platform-salotto .auth-card{padding:26px}
}
}
@media screen {
/* Card 4 — profilo: foto reali e portfolio, informazioni su carta. */
.platform-salotto .supplier-hero {display:grid;grid-template-columns:1fr;background:var(--sg-glass);backdrop-filter:blur(24px);border:1px solid var(--sg-border);border-radius:22px;padding:24px;gap:0;overflow:hidden}
.platform-salotto .supplier-hero-media {min-height:320px;border-radius:14px;background-position:center;background-size:cover}
.platform-salotto .supplier-hero-content {padding:28px 8px 8px;background:transparent}
.platform-salotto .supplier-hero-content .hero-copy {max-width:75ch;color:#dedbd1}
.platform-salotto .supplier-detail-grid {grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start;margin-top:24px}
.platform-salotto .supplier-sidebar {grid-column:2;grid-row:1;position:sticky;top:24px}
.platform-salotto .supplier-main {grid-column:1;grid-row:1;min-width:0}
.platform-salotto .panel-section {background:var(--sg-glass);backdrop-filter:blur(24px);border:1px solid var(--sg-border);border-radius:20px;padding:28px;margin-bottom:24px}
.platform-salotto .supplier-sidebar dt {color:#62695c}.platform-salotto .supplier-sidebar dd{color:#292d26}
.platform-salotto .portfolio-grid {gap:16px}.platform-salotto .portfolio-grid img{border-radius:12px}
.platform-salotto :is(.review-card,.linked-product) {background:#ffffff0c;border-color:#ffffff38;color:inherit;border-radius:14px}
.platform-salotto .favorite-toggle--inline {color:white;border-color:#ffffff55;background:#ffffff0c}
.platform-salotto .favorite-toggle--inline.active {background:#f2efe8;color:#292d26}
@media(max-width:860px){
 .platform-salotto .supplier-hero{padding:14px}.platform-salotto .supplier-hero-media{min-height:220px}
 .platform-salotto .supplier-detail-grid{grid-template-columns:minmax(0,1fr)}
 .platform-salotto .supplier-main{grid-column:1;grid-row:1}
 .platform-salotto .supplier-sidebar{grid-column:1;grid-row:2;position:static}
 .platform-salotto .panel-section{padding:22px}
}
}
@media screen {
.platform-salotto #nextStep,.platform-salotto #sendQuote {background:#f2efe8;color:#292d26;border-radius:24px;border:1px solid #f2efe8}
.platform-salotto .wizard-step {border:0;background:transparent;padding:12px 0}
/* Card 3 — selezione: le quattro raccolte e le relative azioni restano intatte. */
.platform-salotto .sel-tabs {background:transparent;border:0;padding:0;gap:10px}
.platform-salotto .sel-tab {font-weight:500;color:#fff;border:1px solid #ffffff50;padding:12px 20px}
.platform-salotto .sel-tab.active {background:#f2efe8;color:#292d26}
.platform-salotto :is(.sel-card,.sel-empty,.sel-cart-row,.sel-quote-card) {background:var(--sg-glass);backdrop-filter:blur(24px);border:1px solid var(--sg-border);border-radius:20px;padding:26px}
.platform-salotto .sel-grid {gap:22px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.platform-salotto .sel-card h4 {font-size:22px;line-height:1.3}.platform-salotto .sel-card-sub{line-height:1.5}
.platform-salotto .sel-card-actions {gap:10px;margin-top:12px}
.platform-salotto .sel-card-actions button {border-radius:24px}
.platform-salotto .sel-cart-total {background:#f2efe8;color:#292d26;--ink:#292d26;--muted:#62695c;--line:#c8c9be;border-radius:20px;padding:24px}
.platform-salotto .sel-empty {padding:50px 24px}
.platform-salotto .sel-subtitle {font-family:Georgia,serif;font-size:25px;text-transform:none;letter-spacing:0;font-weight:400}
@media(max-width:700px){.platform-salotto .sel-tabs{gap:8px}.platform-salotto .sel-tab{padding:11px 15px}.platform-salotto .sel-card{padding:22px}}
}
@media screen {
.platform-salotto .verified-badge {background:#f2efe8;color:#37402f}
/* Card 2 — richiesta: stessi cinque passi, riepilogo laterale. */
.platform-salotto .quote-shell {display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start;background:transparent;border:0;box-shadow:none;padding:0}
.platform-salotto .quote-summary-panel {grid-column:2;grid-row:1;position:sticky;top:24px}
.platform-salotto .quote-summary-panel h1 {font-size:32px}
.platform-salotto .quote-wizard {grid-column:1;grid-row:1;background:var(--sg-glass);backdrop-filter:blur(24px);border:1px solid var(--sg-border);border-radius:22px;padding:30px;min-width:0}
.platform-salotto .wizard-progress {background:transparent;display:flex;gap:6px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:16px}
.platform-salotto .wizard-progress button {color:#dedbd1;border:1px solid #ffffff40;border-radius:22px;background:transparent;white-space:nowrap;flex:none}
.platform-salotto .wizard-progress button.active {background:#f2efe8;color:#292d26}
.platform-salotto :is(.chip-check,.summary-item,.quote-summary-box,.need-card) {background:#ffffff0c;border-color:#ffffff38;color:inherit}
.platform-salotto .quote-summary-panel .selected-offer {background:#e7e4da;color:#292d26}
@media(max-width:860px){
 .platform-salotto .quote-shell{grid-template-columns:minmax(0,1fr)}
 .platform-salotto .quote-wizard{grid-column:1;grid-row:1;padding:22px}
 .platform-salotto .quote-summary-panel{grid-column:1;grid-row:2;position:static;padding:24px}
}
}