/* SiteNoAr: identidade visual baseada nos tokens atuais do projeto Pátio. */
@font-face{font-family:'Patio Sans';src:url('dm-sans-latin.woff2') format('woff2');font-style:normal;font-weight:100 1000;font-display:swap}
:root{--orange:#0068ed;--ink:#10214b;--muted:#506285;--line:#d0e1fb;--bg:#f6faff}
body{font-family:'Patio Sans','DM Sans',Arial,sans-serif;background:radial-gradient(ellipse at 100% 8%,#cce9ff8c,transparent 35%),radial-gradient(ellipse at 80% 100%,#d8edff9c,transparent 42%),#f8fbff;background-attachment:fixed;color:var(--ink)}
.shell{grid-template-columns:246px minmax(0,1fr)}.main{min-width:0}.sidebar{padding:28px 20px;background:linear-gradient(110deg,#eaf5ffad,#fafdffb3);backdrop-filter:blur(18px);color:var(--ink);border-right:1px solid var(--line)}
.wordmark{font-size:29px;letter-spacing:-1.4px;color:var(--ink)}.wordmark i{background:#0075ff}.brand-note{color:#506285;letter-spacing:1.3px}.side-nav{gap:7px;margin-top:42px}.side-nav button{color:#10214b;border:1px solid transparent;border-radius:26px;min-height:50px;font-size:14px}.side-nav button.active{background:linear-gradient(100deg,#d7ebffcf,#edf6ffb3);border-color:#acd0ff;color:#0063dc;font-weight:600}.side-nav button:hover{background:#e7f2ff}.pilot,.account{border-color:#d3e3f7}.pilot p,.account button{color:#506285}.avatar{background:#e1efff;color:#0064dc}
button.primary,.primary{border-radius:28px;min-height:46px;font-size:14px;font-weight:500;background:#0068ed}button.primary:hover{background:#005acb}button.secondary{border-radius:28px;background:linear-gradient(150deg,#fff,#eaf5ff);color:#005ecc;border-color:#80b7ff}button.quiet{color:#506285}button:disabled{cursor:not-allowed}
.dashboard-hero{grid-template-columns:minmax(0,1fr) minmax(230px,340px);gap:30px}.dashboard-hero h1,.wizard h1,dialog h2,.plan-box h2,.loading h2,.section-title h2{font-family:'Patio Sans',Arial,sans-serif;font-weight:650;letter-spacing:-.035em}.dashboard-hero h1{font-size:clamp(34px,3.8vw,52px);line-height:1.15}.dashboard-hero h1 em{font-style:normal;font-weight:650}.dashboard-hero p,.eyeline,.hero-price,.workflow p,.wizard>.sub,.field small,.choice small,.section-title span,dialog p,.panel-note,.save-state,.canvas-toolbar,.editor-bottom{color:#506285}.topline,.breadcrumb strong{color:#10214b}.topline .pill{background:#f5fbff;border:1px solid #a9caff;color:#0061d9;border-radius:30px}
.wizard-card,.site-card,.plan-box,.empty-state,dialog{border-radius:20px;border-color:#cfe1fc;background:#ffffffb3;box-shadow:0 4px 14px #1b68b503}.choice,.style-card,.upload-box{border-color:#d0e1fb;border-radius:14px}.choice:hover,.choice.selected,.layer.active{background:#edf6ff;border-color:#0068ed}.field input:focus,.field textarea:focus,.field select:focus{outline-color:#80b7ff}.field input:not([type=color]),.field textarea,.field select{color:#10214b;border-color:#d0e1fb;border-radius:10px}.steps span,.segmented button.selected,.device-switch{background:#e1efff;color:#506285}.steps span.current{background:#0068ed;color:white}.upload-box{background:#f6faff}.workflow .num{font-family:'Patio Sans',Arial,sans-serif;color:#0068ed}.canvas-area{background:#eaf3ff}.layer{color:#506285}.editor-top .wordmark{font-size:22px}.frame-wrap.mobile{border-color:#10214b}.link-box{background:#eaf3ff}.plan-box li:before{color:#0068ed}#toast{background:#10214b}
@media(max-width:1100px){.shell{grid-template-columns:210px minmax(0,1fr)}.main{padding-inline:28px}.dashboard-hero{grid-template-columns:1fr}.sample-window,.sample-label{display:none}}
@media(max-width:650px){.shell{display:block}.sidebar{padding:18px 22px}.side-nav{margin-top:15px}.side-nav button{font-size:11px;min-height:42px}.main{padding-inline:20px}.dashboard-hero h1{font-size:36px}.wizard h1{font-size:30px}}

.style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Iconografia unificada: geometria 24px e traco consistente. */
.ui-icon{width:20px;height:20px;display:inline-block;flex:none;vertical-align:middle;pointer-events:none}
.side-nav button{display:flex;align-items:center;gap:13px;padding:13px 16px;text-align:left}
.side-nav button>span{width:auto;font-size:14px;line-height:1.4}
.side-nav .ui-icon{width:21px;height:21px;color:#587094}
.side-nav button.active .ui-icon,.side-nav button:hover .ui-icon{color:#0068ed}
.side-nav button:focus-visible{outline:3px solid #89bbff;outline-offset:3px}
.choice-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:#edf5ff;color:#2765b9}
.choice-icon .ui-icon{width:25px;height:25px}.choice.selected .choice-icon{background:#deedff;color:#0068ed}
.avatar{display:flex;align-items:center;justify-content:center}.avatar .ui-icon{width:19px;height:19px}
.panel-heading .ui-icon,.layer .ui-icon{width:18px;height:18px}
@media(max-width:650px){.side-nav button{gap:8px;padding:10px}.side-nav button>span{font-size:11px}.side-nav .ui-icon{width:18px;height:18px}}

.header-account{display:flex;gap:10px;align-items:center}.header-account button{padding:10px 18px}.option-check{display:flex;align-items:center;gap:12px;line-height:1.5;margin:20px 0;font-size:14px}.option-check input{width:18px;height:18px;accent-color:#0068ed;flex:none}.logo-review{margin-top:14px}.logo-swatches{display:grid;grid-template-columns:1fr 1fr;gap:8px}.logo-swatches>div{height:90px;padding:15px;display:grid;place-items:center;border-radius:10px;border:1px solid #d0e1fb}.logo-swatches .light{background:#fff}.logo-swatches .dark{background:#10214b}.logo-swatches img{max-width:100%;max-height:60px;object-fit:contain}.logo-review p,.logo-review small{font-size:12px;line-height:1.6;color:#506285}.logo-review p{font-weight:600}@media(max-width:650px){.topline{gap:10px;flex-wrap:wrap}.header-account{margin-left:auto}.header-account button{padding:8px 12px;font-size:12px}}

/* A previa deve manter a altura do iframe, sem ser comprimida pelo flex. */
.canvas-area{min-height:0;min-width:0;overscroll-behavior:contain}
.canvas-area>.canvas-toolbar,.canvas-area>.frame-wrap{flex-shrink:0}
.canvas-area>.frame-wrap{overflow:hidden}
.platform-logo{display:block;width:190px;height:auto;max-height:66px;object-fit:contain}.editor-top .platform-logo{width:135px;max-height:46px}.booking-days{display:flex;flex-wrap:wrap;gap:14px;margin:20px 0}.booking-days label{font-size:13px}.booking-days input{accent-color:#0068ed}.modal hr{border:0;border-top:1px solid #d9e5f5;margin:24px 0}
/* Publication frame: isolated customer preview, platform theme outside. */
.publish-dialog{width:min(1440px,96vw);max-width:none;padding:26px;max-height:94vh}.publish-workspace{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:26px}.publish-preview{min-width:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#edf3fa}.preview-chrome{display:flex;align-items:center;gap:14px;padding:12px 16px;border-bottom:1px solid var(--line);background:#f7faff}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#9caec8}.preview-chrome>span:nth-child(2){font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.preview-devices{display:flex;gap:4px}.preview-devices button{font-size:11px;padding:8px 10px;border-radius:8px}.preview-devices button[aria-pressed=true]{background:#deecff;color:#005bc9}.publish-stage{height:min(65vh,720px);display:flex;justify-content:center;background:#e8eef6;padding:18px;overflow:hidden}.publish-stage iframe{border:0;background:white;width:100%;height:100%;border-radius:8px;transition:width .25s ease;flex:none}.publish-stage iframe.phone{width:min(390px,100%);border:7px solid #15171c;border-radius:26px}.publish-summary{padding:15px 0}.publish-summary h3{font-size:24px;line-height:1.25;margin:22px 0 12px}.publish-summary p{font-size:13px;line-height:1.7}.publish-summary>button{width:100%;margin-top:12px}.publish-badge{display:inline-flex;padding:7px 10px;background:#e4f6ed;color:#176444;border-radius:8px;font-size:11px}.published-url{overflow-wrap:anywhere;font-size:11px!important}.publish-summary .link-box{font-size:13px}#verify-code{font-size:28px;letter-spacing:.3em;text-align:center;font-variant-numeric:tabular-nums}.theme-toggle{font-size:12px!important;white-space:nowrap;padding:8px 14px!important;min-height:38px!important}.header-account{flex-wrap:wrap;justify-content:flex-end}
html[data-theme=dark]{color-scheme:dark;--ink:#f1f3f7;--muted:#a4b1c7;--line:#2a303b;--bg:#08090b;--orange:#72a9ff}
html[data-theme=dark] body{background:#08090b;color:var(--ink)}
html[data-theme=dark] :is(.sidebar,.editor-top,.layers,.inspector,.editor-bottom){background:#0e1014;color:var(--ink);border-color:var(--line);backdrop-filter:none}
html[data-theme=dark] :is(.wizard-card,.site-card,.plan-box,.empty-state,dialog,.choice,.style-card,.upload-box,.pilot,.lead-card,.revision){background:#13161c;color:var(--ink);border-color:var(--line);box-shadow:none}
html[data-theme=dark] :is(.topline,.breadcrumb strong,.wordmark,.field,.panel-heading,.editor-title,.account button,.side-nav button,.section-title h2,.site-card h3){color:var(--ink)}
html[data-theme=dark] :is(.dashboard-hero p,.eyeline,.hero-price,.workflow p,.wizard>.sub,.field small,.choice small,.section-title span,dialog p,.panel-note,.save-state,.canvas-toolbar,.editor-bottom,.brand-note,.pilot p,.quiet,.layer,.style-card small){color:#a4b1c7}
html[data-theme=dark] :is(.field input:not([type=color]),.field textarea,.field select){background:#090c11;color:#f1f3f7;border-color:#343e4e}
html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#929fb3}
html[data-theme=dark] :is(.side-nav button.active,.side-nav button:hover,.choice.selected,.choice:hover,.layer.active,.segmented button.selected,.device-switch button.selected){background:#182a43;color:#9cc5ff;border-color:#375b88}
html[data-theme=dark] :is(.canvas-area,.publish-stage){background:#050608}
html[data-theme=dark] :is(.device-switch,.steps span,.avatar,.link-box,.preview-chrome,.publish-preview){background:#1b222d;color:#b9d5ff;border-color:var(--line)}
html[data-theme=dark] .secondary{background:#181e28;color:#c1d9ff;border-color:#42516a}
html[data-theme=dark] .primary{background:#246fe8;color:#fff}
html[data-theme=dark] .primary:hover{background:#347ff8}
html[data-theme=dark] .notice{background:#292415;color:#ebd8a6;border-color:#51452b}
html[data-theme=dark] .notice.success,html[data-theme=dark] .publish-badge{background:#112a22;color:#a1dfc3}
html[data-theme=dark] :is(.error,.danger){color:#ffaaa5}
html[data-theme=dark] .platform-logo{background:#f4f7fc;border-radius:8px;padding:4px 7px}
html[data-theme=dark] :is(.topline,.workflow,.account,.card-bottom,.frame-wrap){border-color:var(--line)}
html[data-theme=dark] .preview-devices button[aria-pressed=true]{background:#243c5d;color:#d5e7ff}
html[data-theme=dark] #toast{background:#e5edfa;color:#111827}
html[data-theme=dark] :focus-visible{outline:2px solid #93bfff;outline-offset:3px}
@media(max-width:850px){.publish-workspace{grid-template-columns:1fr}.publish-dialog{padding:18px}.publish-stage{height:55vh}.publish-summary{padding:0}.publish-summary h3{margin-top:12px}.window-dots{display:none}.preview-chrome{padding:9px;gap:6px}}
@media(prefers-reduced-motion:reduce){.publish-stage iframe{transition:none}}

/* Platform identity: SiteNoAr violet + mint. Customer previews use site.css. */
:root{--orange:#6134ec;--line:#e2daf5;--bg:#faf8ff;--muted:#625b79;--brand:#6134ec;--brand-hover:#4e25cd;--brand-soft:#f0eaff;--brand-mint:#20dcb4}
body{background:#faf8ff}
.sidebar{background:#f6f2ff;backdrop-filter:none}
.wordmark i{background:var(--brand-mint)}
button.primary,.primary,.steps span.current{background:var(--brand);color:#fff}
button.primary:hover,.primary:hover{background:var(--brand-hover)}
button.secondary{background:#fff;color:#5626d4;border-color:#bca6f1}
.side-nav button.active,.side-nav button:hover,.choice.selected,.choice:hover,.layer.active,.segmented button.selected,.device-switch button.selected{background:var(--brand-soft);color:#5124c3;border-color:#bca6f1}
.avatar,.device-switch,.steps span,.link-box,.preview-chrome,.publish-preview{background:#eee8fa;color:#554271}
.topline .pill{background:#f0eaff;border-color:#d1befa;color:#5124c3}
.workflow .num,.plan-box li:before{color:var(--brand)}
.canvas-area,.publish-stage{background:#eee9f6}
.field input:focus,.field textarea:focus,.field select:focus{outline-color:#865ce8;border-color:#865ce8}
input{accent-color:var(--brand);caret-color:var(--brand)}
::selection{background:#d9cafc;color:#241044}
:focus-visible{outline:2px solid #7348d9;outline-offset:3px}
.platform-logo{background:transparent;padding:0;filter:none}
html[data-theme=dark]{--orange:#b09aff;--brand:#7145ed;--brand-hover:#8056f2;--brand-soft:#261a42;--line:#30283e}
html[data-theme=dark] .platform-logo{background:transparent;padding:0;border-radius:0;filter:brightness(0) invert(1)}
html[data-theme=dark] .primary{background:var(--brand);color:#fff}
html[data-theme=dark] .primary:hover{background:var(--brand-hover)}
html[data-theme=dark] :is(.side-nav button.active,.side-nav button:hover,.choice.selected,.choice:hover,.layer.active,.segmented button.selected,.device-switch button.selected){background:#261a42;color:#d3c2ff;border-color:#614a8e}
html[data-theme=dark] :is(.device-switch,.steps span,.avatar,.link-box,.preview-chrome,.publish-preview){background:#211a2e;color:#d3c2ff;border-color:var(--line)}
html[data-theme=dark] .secondary{background:#211a2e;color:#ddd0ff;border-color:#66517f}
html[data-theme=dark] .preview-devices button[aria-pressed=true]{background:#382454;color:#e3d6ff}
html[data-theme=dark] :focus-visible{outline-color:#35e0ba}
html[data-theme=dark] .workflow .num{color:#a98af9}
html[data-theme=dark] .brand-note{color:#b9aacd}
html[data-theme=dark] ::selection{background:#533583;color:#fff}

html[data-theme=dark] .hero-price strong{color:#c8bddb}