/* Painel Certo 329: somente login e editor Minha Marca. Sem ocultar controles existentes. */
:root{--p329-brand:var(--brand,#2563eb);--p329-sec:var(--p325-secondary,#7c3aed);--p329-accent:var(--p325-accent,#06b6d4)}
/* Login do cliente: identifica-se pelo wrapper original, sem tocar no HTML de autenticação. */
body .login{min-height:100vh;isolation:isolate;background:#f0f5fd;grid-template-columns:minmax(0,1.08fr) minmax(365px,.92fr)}
body .loginart{background:radial-gradient(ellipse at 85% 20%,color-mix(in srgb,var(--p329-accent) 23%,transparent),transparent 48%),linear-gradient(138deg,#0c1732 5%,color-mix(in srgb,var(--p329-brand) 52%,#0a1c3c) 53%,color-mix(in srgb,var(--p329-sec) 66%,#141c42));padding:clamp(35px,5vw,78px)!important;position:relative;box-shadow:inset -1px 0 #ffffff15;overflow:hidden;color:#fff!important}
body .loginart.hasimage{background-size:cover;background-position:center}
body .loginart.hasimage:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,#09162ddc,#0b174c9c);pointer-events:none;z-index:0}
body .loginart>*{position:relative;z-index:2}
body .loginart:after{content:'';position:absolute;right:-170px;top:10%;bottom:auto;width:min(55vw,580px);height:min(55vw,580px);border-radius:34%;border:1px solid #ffffff35;transform:rotate(-24deg);background:radial-gradient(circle at 28% 20%,#ffffff22,#ffffff03 55%);box-shadow:0 0 0 36px #ffffff04,0 0 0 80px #ffffff05,0 35px 110px #00000044, inset 0 2px 0 #ffffff3b;pointer-events:none;z-index:1}
body .loginart .brand{font-weight:850;letter-spacing:-.035em;filter:drop-shadow(0 5px 14px #0000004d)}
body .loginart .brand img{max-height:64px;width:auto;object-fit:contain}
body .loginart h1{font-weight:800!important;letter-spacing:-.05em;font-size:clamp(33px,3.2vw,56px)!important;line-height:1.07!important;max-width:670px;color:#fff!important;text-wrap:balance;text-shadow:0 3px 18px #07152c44}
body .loginart p{color:#d6e6ff!important;font-size:clamp(13px,1vw,16px);max-width:510px;line-height:1.7}
body .loginart .eyebrow{color:#bce7ff!important;letter-spacing:.16em;font-size:11px}
body .loginart .bottomtext{color:#c4dbfa!important}
body .loginform{position:relative;background:radial-gradient(ellipse at 8% 12%,color-mix(in srgb,var(--p329-brand) 7%,transparent),transparent 44%),linear-gradient(145deg,#fafcff,#eaf1fb)!important;padding:clamp(22px,4vw,65px)!important}
body .loginform:before{content:'';position:absolute;right:5%;top:7%;width:110px;height:110px;border-radius:28px;background:linear-gradient(135deg,#ffffff9c,color-mix(in srgb,var(--p329-brand) 15%,#fff));transform:rotate(22deg);box-shadow:0 26px 48px #17396719;pointer-events:none}
body .loginbox{max-width:430px!important;width:100%;background:linear-gradient(145deg,#fff,#f7faff)!important;border:1px solid #dce7f7!important;border-radius:28px!important;padding:clamp(26px,3vw,42px)!important;box-shadow:0 27px 75px #112c5b21,0 1px 0 #fff inset!important;z-index:1;position:relative;color:#1a2d49!important}
body .loginbox .eyebrow{color:var(--p329-brand)!important;font-size:10px;letter-spacing:.16em;font-weight:900}
body .loginbox h2{color:#142744!important;font-size:clamp(26px,2.5vw,34px)!important;letter-spacing:-.045em;font-weight:800;margin:12px 0}
body .loginbox .muted,body .loginbox .sub,body .loginbox .foot{color:#627893!important}
body .loginbox .field,body .loginbox .password{margin-top:14px}
body .loginbox input:not([type=checkbox]){background:#f9fbff!important;color:#1c3455!important;border:1px solid #d2deed!important;border-radius:14px!important;min-height:48px;box-shadow:inset 0 2px 5px #183b6210!important}
body .loginbox input:focus{border-color:var(--p329-brand)!important;outline:3px solid color-mix(in srgb,var(--p329-brand) 14%,transparent)!important}
body .loginbox button[type=submit]{border:0!important;border-radius:14px!important;min-height:49px;background:linear-gradient(110deg,var(--p329-brand),var(--p329-sec))!important;color:#fff!important;font-weight:800!important;box-shadow:0 12px 28px color-mix(in srgb,var(--p329-brand) 28%,transparent),inset 0 1px #ffffff52!important;transition:filter .16s,transform .16s}
body .loginbox button[type=submit]:hover{transform:translateY(-1px);filter:brightness(1.06)}
/* O container principal mantém claro no login por padrão, mesmo em usuários com tema escuro. */
:root[data-theme=dark] body .loginform{background:radial-gradient(circle at 85% 10%,#1b2c58,#0c1325 75%)!important}
:root[data-theme=dark] body .loginbox{background:linear-gradient(145deg,#17243a,#111c30)!important;border-color:#354665!important;color:#edf4ff!important;box-shadow:0 28px 70px #0006!important}
:root[data-theme=dark] body .loginbox h2{color:#f5f8ff!important}
:root[data-theme=dark] body .loginbox input:not([type=checkbox]){background:#202e45!important;border-color:#3b4d68!important;color:#fff!important}
:root[data-theme=dark] body .loginbox .muted,:root[data-theme=dark] body .loginbox .sub,:root[data-theme=dark] body .loginbox .foot{color:#afbed6!important}
/* Master login: seletor exclusivamente da área de autenticação, sem interferir nas telas Master logadas. */
body .masterauth{max-width:510px;margin:clamp(36px,9vh,110px) auto!important;padding:clamp(30px,4vw,52px)!important;border-radius:26px!important;border:1px solid #d9e4f4!important;box-shadow:0 30px 75px #122d5729,inset 0 1px white!important;background:linear-gradient(146deg,#fff,#f6f9ff)!important;color:#1c2f4c!important}
body .masterauth h1{font-size:clamp(28px,2.7vw,39px)!important;letter-spacing:-.05em;color:#18304e!important}
body .masterauth button[type=submit]{border-radius:13px!important;background:linear-gradient(110deg,var(--p329-brand),var(--p329-sec))!important;color:#fff!important;box-shadow:0 9px 20px color-mix(in srgb,var(--p329-brand) 25%,transparent)!important}
:root[data-theme=dark] body .masterauth{background:linear-gradient(145deg,#162239,#101b2f)!important;color:#eff5ff!important;border-color:#334766!important}
:root[data-theme=dark] body .masterauth h1{color:#f1f7ff!important}
/* Editor individual da plataforma: escopo só v31BrandForm. */
#v31BrandForm .p329-owner-editor{--p329-pri:#2563eb;--p329-sec:#7c3aed;--p329-acc:#06b6d4;border:1px solid #d8e4f6;border-radius:22px;padding:20px;margin:18px 0 22px;background:linear-gradient(140deg,#ffffff,#f2f7ff)!important;box-shadow:0 17px 38px #1938641b;display:grid;grid-template-columns:minmax(0,.86fr) minmax(300px,1.14fr);gap:18px;color:#203653}
#v31BrandForm .p329-owner-editor *{box-sizing:border-box}#v31BrandForm .p329-owner-editor h3{font-size:19px;color:inherit!important;margin:5px 0 8px}#v31BrandForm .p329-owner-editor p{font-size:12px;color:#67809e;line-height:1.55}
#v31BrandForm .p329-headline{font-size:10px;color:var(--p329-pri);letter-spacing:.14em;font-weight:900}
#v31BrandForm .p329-palettes{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}#v31BrandForm .p329-palettes button{width:auto;display:inline-flex;align-items:center;gap:7px;background:#f7faff!important;border:1px solid #dce6f3!important;border-radius:13px!important;padding:9px 10px!important;color:#314b69!important;font-size:11px!important;font-weight:750;box-shadow:none!important}
#v31BrandForm .p329-palettes button[aria-pressed=true]{border-color:var(--p329-pri)!important;box-shadow:0 0 0 1px var(--p329-pri)!important}
#v31BrandForm .p329-palette-dots{display:inline-flex}.p329-palette-dots i{display:inline-block;width:13px;height:13px;border-radius:50%;margin-left:-3px;border:1px solid #ffffff80}
#v31BrandForm .p329-colors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#v31BrandForm .p329-colors label{display:block;font-size:11px!important;font-weight:800;background:#f4f8fe;border:1px solid #dde8f5;border-radius:12px;padding:10px;color:#28415e!important}
#v31BrandForm .p329-colors label small{display:block;font-size:10px;font-weight:400;color:#6b809c;margin:4px 0 8px}#v31BrandForm .p329-colors label span{display:flex;align-items:center;gap:6px;flex-wrap:wrap}#v31BrandForm .p329-colors input[type=color]{width:42px;height:32px;padding:2px;min-height:0!important;border:1px solid #cfdaea!important;border-radius:7px;background:white!important}#v31BrandForm .p329-colors output{font-size:10px;font-weight:900;color:#28415e}
#v31BrandForm .p329-preview-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}#v31BrandForm .p329-preview-top strong{font-size:12px}#v31BrandForm .p329-preview-top button{width:auto;border:0!important;background:#f1f5fc!important;color:#3e5676!important;border-radius:10px;padding:7px 10px;font-size:10px!important;box-shadow:none!important}
#v31BrandForm .p329-preview-top button[aria-pressed=true]{background:var(--p329-pri)!important;color:#fff!important}
#v31BrandForm .p329-mini{--bg:#0e172a;--card:#17233b;--ink:#e9f2ff;--muted:#a8bbd4;display:grid;grid-template-columns:105px minmax(0,1fr);min-height:290px;border:1px solid #445576;border-radius:17px;overflow:hidden;background:var(--bg);color:var(--ink);box-shadow:0 18px 26px #12264a23;text-align:left}
#v31BrandForm .p329-mini[data-mode=light]{--bg:#eaf1fb;--card:#fff;--ink:#223755;--muted:#687e9a;border-color:#d6e2f0}
#v31BrandForm .p329-mini aside{background:var(--card);padding:12px 6px;border-right:1px solid #ffffff12;color:var(--ink)}#v31BrandForm .p329-mini aside b{display:block;font-size:10px;margin:0 0 18px}#v31BrandForm .p329-mini aside span{display:block;font-size:9px;margin:4px 0;border-radius:8px;padding:8px 4px;color:var(--muted)}#v31BrandForm .p329-mini aside span.active{background:linear-gradient(120deg,var(--p329-pri),var(--p329-sec));color:#fff}
#v31BrandForm .p329-mini main{padding:12px;background:var(--bg);min-width:0;color:var(--ink)}#v31BrandForm .p329-mini .p329-hero{background:linear-gradient(120deg,var(--p329-pri),var(--p329-sec));color:#fff;border-radius:12px;padding:14px 12px;position:relative;overflow:hidden}#v31BrandForm .p329-mini .p329-hero:after{content:'';position:absolute;right:-25px;top:-25px;width:80px;height:80px;border-radius:50%;background:var(--p329-acc);filter:blur(28px);opacity:.7}#v31BrandForm .p329-mini .p329-hero b{font-size:12px;color:#fff!important}#v31BrandForm .p329-mini .p329-hero p{color:#fff!important;font-size:9px;margin:5px 0 0}#v31BrandForm .p329-mini .p329-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:9px}#v31BrandForm .p329-mini .p329-metrics div{background:var(--card);border-radius:9px;padding:10px 7px;min-width:0}#v31BrandForm .p329-mini .p329-metrics small{font-size:8px;color:var(--muted);display:block}#v31BrandForm .p329-mini .p329-metrics b{font-size:13px;display:block;color:var(--ink)!important}
#v31BrandForm .p329-mini .p329-chart{background:var(--card);border-radius:10px;margin-top:8px;padding:9px}#v31BrandForm .p329-mini .p329-chart b{font-size:10px;color:var(--ink)!important}#v31BrandForm .p329-bars{display:flex;gap:7px;align-items:end;height:72px;margin-top:8px}#v31BrandForm .p329-bars i{flex:1;height:20%;border-radius:5px 5px 1px 1px;background:linear-gradient(var(--p329-acc),var(--p329-pri))}
#v31BrandForm .p329-footnote{font-size:10px;color:#647a97;margin-top:7px}#v31BrandForm .p329-owner-editor .p329-colors input:focus-visible,#v31BrandForm .p329-owner-editor button:focus-visible{outline:2px solid var(--p329-pri);outline-offset:2px}
:root[data-theme=dark] #v31BrandForm .p329-owner-editor{background:linear-gradient(140deg,#17233a,#101b30)!important;border-color:#344765;color:#f2f6ff!important;box-shadow:0 17px 45px #0004} :root[data-theme=dark] #v31BrandForm .p329-owner-editor p,:root[data-theme=dark] #v31BrandForm .p329-footnote{color:#b6c6df!important}
:root[data-theme=dark] #v31BrandForm .p329-palettes button,:root[data-theme=dark] #v31BrandForm .p329-colors label{background:#22334b!important;border-color:#364962!important;color:#eaf3ff!important}
:root[data-theme=dark] #v31BrandForm .p329-colors output{color:#eaf3ff!important}
@media(max-width:950px){#v31BrandForm .p329-owner-editor{grid-template-columns:1fr}}@media(max-width:600px){body .login{display:flex;flex-direction:column}body .loginart{min-height:300px;padding:34px 28px!important}body .loginart h1{font-size:32px!important}body .loginform{padding:25px 14px!important}body .loginbox{padding:26px 21px!important}#v31BrandForm .p329-owner-editor{padding:12px}#v31BrandForm .p329-colors{grid-template-columns:1fr}#v31BrandForm .p329-mini{grid-template-columns:74px minmax(0,1fr)}#v31BrandForm .p329-mini aside{padding:9px 4px}}
@media(prefers-reduced-motion:reduce){body .loginbox button{transition:none!important}}
