/* CONVITE EXPRESSO • UX 3.0 • Interface unificada • sem alterar lógica de negócio */
:root{--ux-ink:#23223b;--ux-text:#514f68;--ux-brand:#6647d7;--ux-brand-strong:#5133ba;--ux-glow:#eee8ff;--ux-bg:#f7f8fc;--ux-line:#e7e6ef;--ux-card:#fff;--ux-green:#0e8068;--ux-shadow:0 18px 55px rgba(30,31,75,.075);--ux-radius:22px}
html{scroll-behavior:smooth}body{color:var(--ux-ink);-webkit-font-smoothing:antialiased}button,a,input,select,textarea{font-family:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b29bff!important;outline-offset:3px!important}button:not(:disabled){cursor:pointer}input,select,textarea{max-width:100%}input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]):not([type=file]),select,textarea{border-radius:14px!important;min-height:46px;transition:border-color .2s,box-shadow .2s;background-color:#fff}input:focus,select:focus,textarea:focus{border-color:var(--ux-brand)!important;box-shadow:0 0 0 4px rgba(102,71,215,.09)}
.ceux-shell-banner{background:linear-gradient(105deg,#241945,#493a8e);color:white;padding:12px clamp(16px,4vw,48px);display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;font-size:13px;line-height:1.35;box-shadow:0 4px 18px #211e4420}.ceux-shell-banner strong{letter-spacing:-.02em;font-size:15px}.ceux-shell-banner a{color:white;text-decoration:none;border:1px solid #ffffff50;border-radius:999px;padding:8px 13px;font-weight:700}.ceux-shell-banner a:hover{background:#ffffff25}
.ceux-journey{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:20px 0 26px}.ceux-journey span{display:inline-flex;gap:7px;align-items:center;background:white;border:1px solid var(--ux-line);border-radius:999px;padding:9px 13px;color:#514a66;font-weight:750;font-size:12px}.ceux-journey span b{width:20px;height:20px;display:inline-grid;place-items:center;border-radius:50%;background:#eee8ff;color:#5939bc}.ceux-eyebrow{font-size:12px!important;letter-spacing:.1em;text-transform:uppercase;color:var(--ux-brand);font-weight:850}.ceux-simple-note{background:#f5f2ff;border-left:4px solid var(--ux-brand);padding:14px 17px;border-radius:12px;color:#514671;font-size:13px;line-height:1.6;margin:12px 0 18px}
/* Página pública: arquitetura de informação, espaçamento e cartões */
body:has(#root):not(:has(.ce-editor-v2)){background:var(--ux-bg)!important}#root>div{color:var(--ux-ink)}#root header{border-bottom:1px solid var(--ux-line)!important;background:rgba(255,255,255,.96)!important;box-shadow:0 3px 18px rgba(40,30,82,.035)!important}#root header .brand-gradient{background:#6146ce!important}#root nav button{font-weight:650!important}#root nav button:hover{color:var(--ux-brand)!important}
#criar{background:radial-gradient(ellipse at 80% 20%,#e9e2ff 0%,transparent 53%),linear-gradient(155deg,#fbfaff,#f8f8ff)!important}#criar .creative-grid-bg{background:none!important}#criar h1{font-size:clamp(2.45rem,5vw,4.7rem)!important;letter-spacing:-.065em!important;line-height:1.08!important;max-width:780px}#criar h1+p{max-width:590px;font-size:clamp(16px,2vw,19px)!important;line-height:1.65!important}#criar button.group,#criar label.group{border-radius:24px!important;min-height:195px;box-shadow:var(--ux-shadow)!important;transform:none!important;transition:transform .2s,box-shadow .2s!important}#criar button.group:hover,#criar label.group:hover{transform:translateY(-3px)!important;box-shadow:0 20px 65px #41377727!important}#criar button.group{background:linear-gradient(145deg,#5132b2,#8466e6)!important}#criar label.group{border:1px solid #e0dcf0!important;background:white!important}#modelos{scroll-margin-top:85px}#modelos button,#modelos a{transition:transform .2s,box-shadow .2s}#modelos button:hover{transform:translateY(-2px)}
#root section[class*="rounded"],#root article[class*="rounded"]{border-color:var(--ux-line)}
/* Editor: menos ruído, etapas claras, foco no formulário e preview */
.ce-editor-v2{background:var(--ux-bg)!important;color:var(--ux-ink)!important}.ce-editor-v2 header{background:rgba(255,255,255,.96)!important}.ce-editor-v2 .ce-editor-heading{background:linear-gradient(120deg,#5031aa,#7960d9)!important;border-radius:22px!important;box-shadow:0 15px 42px #5a43ae25!important}.ce-editor-v2 .ce-editor-heading h1,.ce-editor-v2 .ce-editor-heading h2{letter-spacing:-.035em}.ce-editor-v2 section.space-y-5{gap:12px}.ce-editor-v2 .ce-ux-helper{border-radius:15px!important;background:#f3efff!important;border:1px solid #e5dbff!important;color:#483479!important;padding:15px!important;margin:16px 0!important}.ce-editor-v2 .ce-quickchip{border:1px solid #e6e0f7!important;background:white!important;border-radius:12px!important;min-height:42px!important}.ce-editor-v2 .ce-editor-step-actions{position:relative;background:white;border-top:1px solid var(--ux-line)!important}.ce-editor-v2 .ce-editor-step-actions button{min-height:52px!important;border-radius:14px!important;font-weight:800!important}.ce-editor-v2 .ce-editor-step-actions button:last-child:not(:disabled){background:#6544d2!important;color:white!important;box-shadow:0 10px 25px #6845db25!important}.ce-editor-v2 .ce-review-list{display:grid;gap:8px}.ce-editor-v2 .ce-review-item{border-radius:12px!important;background:#fff;border:1px solid var(--ux-line);padding:10px!important}.ce-editor-v2 .ce-review-item.warn{border-color:#e9c4a0;background:#fff8ee}.ce-editor-v2 [class*="rounded-[38px]"]{border-radius:22px!important}.ce-editor-v2 .ce-saving-pill{background:#eaf8f2;color:#176a54;border-radius:99px;padding:8px 12px;font-size:11px;font-weight:800}.ce-editor-v2 input:not([type=checkbox]):not([type=radio]),.ce-editor-v2 select,.ce-editor-v2 textarea{font-size:16px!important} .ce-editor-v2 .ce-ux-step-label{display:flex;gap:8px;align-items:center;font-weight:800}
/* Painéis PHP: base unificada, transparência da hierarquia */
body:has(.wrap):not(:has(#root)){background:#f7f8fc!important;color:#25233d!important}body:has(.wrap) .wrap{max-width:1220px!important;margin-left:auto!important;margin-right:auto!important}body:has(.wrap) .header,body:has(.wrap) .top{border-radius:20px!important;padding:18px 22px!important;background:#fff!important;border:1px solid #e7e6f0!important;box-shadow:0 10px 38px #2721540c!important}body:has(.wrap) h1{font-weight:850!important;letter-spacing:-.04em!important;color:#24213c!important}body:has(.wrap) .card,body:has(.wrap) .panel,body:has(.wrap) .box{border-radius:20px!important;border-color:#e8e7f0!important;box-shadow:0 10px 30px #30284d0b!important}body:has(.wrap) .btn,body:has(.wrap) button{border-radius:13px!important;min-height:42px}body:has(.wrap) a:not(.btn){text-underline-offset:3px}
/* Acesso e confirmação de presença */
body:has(.page) .shell{border-radius:25px!important;overflow:hidden;box-shadow:0 26px 80px #2e225720!important}body:has(.page) .hero{background:linear-gradient(150deg,#30205e,#6c4bc4)!important}body:has(.page) .hero h1{line-height:1.15!important;letter-spacing:-.055em!important}#successOverlay .successCard{border-radius:24px!important;box-shadow:0 24px 70px #201c4126!important}
/* Admin sem interferir nas ações React */
body:has(#root) [class*="shadow-card"]{box-shadow:var(--ux-shadow)!important}body:has(#root) button{transition:filter .18s,transform .18s}body:has(#root) button:active:not(:disabled){transform:scale(.985)}
@media(max-width:760px){#root header .max-w-7xl{padding:10px 15px!important}#criar .max-w-7xl{padding-top:24px!important;padding-bottom:36px!important;gap:24px!important}#criar h1{font-size:clamp(34px,9vw,48px)!important}#criar .mt-8.grid{grid-template-columns:1fr!important;gap:12px!important}#criar button.group,#criar label.group{min-height:0!important;padding:19px!important}#criar button.group .mb-5,#criar label.group .mb-5{margin-bottom:9px!important}.ce-editor-v2 .ce-editor-heading{padding:18px!important}.ce-editor-v2 .ce-editor-step-actions{position:sticky;bottom:0;z-index:20;margin-left:-12px;margin-right:-12px;padding:13px!important;border:1px solid var(--ux-line)!important;border-radius:16px!important;box-shadow:0 -7px 25px #2c255212!important}.ce-editor-v2 .ce-editor-step-actions button{min-height:52px!important}.ceux-shell-banner{font-size:12px;padding:10px 15px}.ceux-shell-banner strong{font-size:13px}.ceux-shell-banner a{padding:7px 9px}body:has(.wrap) .header,body:has(.wrap) .top{border-radius:15px!important;padding:16px!important}body:has(.wrap) .wrap{padding:12px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* UX 4.0 — estrutura real: cartões selecionáveis, formulários por importância e disclosure progressivo */
.ceux-advanced{border:1px solid #e7ddfa;border-radius:16px;background:#fbfaff;overflow:hidden}.ceux-advanced>summary{padding:17px 18px;list-style:none;cursor:pointer;font-weight:850;color:#563ba4;display:flex;align-items:center;justify-content:space-between;gap:10px}.ceux-advanced>summary::-webkit-details-marker{display:none}.ceux-advanced>summary:after{content:'＋';font-size:20px;line-height:1}.ceux-advanced[open]>summary{border-bottom:1px solid #e9e1fb}.ceux-advanced[open]>summary:after{content:'−'}.ceux-advanced>div{padding:16px;background:white}.ceux-advanced:focus-within{outline:2px solid #ae96f1;outline-offset:2px}.ceux-auto-save{font-size:12px;color:#6c6089;font-weight:700;align-self:center}.ce-editor-v2 #editor-step-panel .bg-cocoa-50.border{background:#f7f4ff!important;border:1px solid #e9e2f7!important;padding:13px 16px!important}.ce-editor-v2 #editor-step-panel>.min-h-0>input{font-size:16px}.ce-editor-v2 .ce-editor-preview-panel{background:white!important}.ce-editor-v2 .ce-step-btn{border:2px solid #e8e4f1!important;box-shadow:none!important;background:white!important}.ce-editor-v2 .ce-step-btn:has(.brand-gradient){border-color:#6741cf!important;background:#f4efff!important}.ce-editor-v2 .ce-editor-heading{background:#211c37!important}.ce-editor-v2 #editor-step-panel{box-shadow:0 12px 40px #211d4510!important;border:1px solid #eeeaf5!important}.ce-editor-v2 #editor-step-panel h2{font-size:clamp(22px,3vw,32px)!important}.ce-editor-v2 .ce-ux-helper{background:#edf8f5!important;color:#246757!important;border-color:#d4eae2!important}#criar{background:#faf8ff!important}#criar .absolute.inset-0.pointer-events-none{display:none!important}#criar button.group,#criar label.group{background:white!important;color:#28223c!important;border:2px solid #e9e2f5!important;box-shadow:0 15px 45px #2e245710!important}#criar button.group:hover,#criar label.group:hover{border-color:#6f50d5!important;transform:translateY(-4px)!important}#criar button.group p,#criar label.group p,#criar button.group .text-sm,#criar label.group .text-sm{color:#615773!important}#criar button.group>div.w-12,#criar label.group>div.w-12{background:#efe9ff!important;color:#5d3dbb!important}#criar .ceux-journey{margin-top:24px;margin-bottom:4px}#criar .ceux-journey span{background:#fff;border:1px solid #e7e0f5}.ce-editor-v2 .ce-editor-step-actions button:last-child{background:#6140c8!important;color:white!important}
@media(max-width:640px){.ceux-advanced>summary{padding:15px}.ce-editor-v2 #editor-step-panel{padding:18px!important}.ce-editor-v2 .ce-step-btn{min-height:58px!important}.ce-editor-v2 .ce-editor-heading{padding:18px!important}#criar .ceux-journey{gap:5px}#criar .ceux-journey span{font-size:10px;padding:6px 8px}}