.cloud-status{position:fixed;z-index:101;bottom:10px;right:14px;max-width:min(600px,calc(100vw - 28px));padding:8px 12px;background:var(--surface-raised,#20242a);color:var(--text-main,#eee);border:1px solid var(--border,#58616c);border-radius:8px;box-shadow:0 2px 10px #0003;font-size:12px;display:flex;gap:10px;align-items:center}.cloud-error{border-color:var(--amber,#d6aa48)}.cloud-start{max-width:640px;margin:15vh auto;padding:24px;color:var(--text-main,#eee);line-height:1.6}.cloud-start .btn{margin:8px 10px 0 0}.cloud-start h1{font-size:26px}@media(max-width:899px){.cloud-status{bottom:76px;right:10px;font-size:11px;max-width:calc(100vw - 20px);flex-wrap:wrap}}







/* Visão SF — responsive split login. */
.access-shell{--access-text:#f1f4f5;--access-muted:#b1bdc2;--access-soft:#89999e;--access-edge:#445258;--access-card:#182328;--access-input:#0e191e;--access-on-action:#06160e;position:relative;isolation:isolate;min-height:100vh;min-height:100svh;overflow-x:hidden;background:#091312;color:var(--access-text);font-family:var(--ui-font,Inter,'Segoe UI',Arial,sans-serif)}
.access-shell *{box-sizing:border-box}
.access-shell:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 25% 39%,color-mix(in srgb,var(--login-accent,#bcc7d4) 8%,transparent),transparent 35%),radial-gradient(ellipse at 95% 5%,color-mix(in srgb,var(--login-accent,#bcc7d4) 5%,transparent),transparent 42%),radial-gradient(ellipse at 29% 70%,color-mix(in srgb,var(--login-accent,#bcc7d4) 3%,transparent),transparent 32%),linear-gradient(125deg,#0a1515,#080f11 62%,#0b1816)}
.access-topbar{position:absolute;inset:28px clamp(28px,5.2vw,90px) auto;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;z-index:1}
.access-header-brand{display:flex;align-items:center;gap:13px}.access-leaf{display:grid;place-items:center;width:41px;height:41px;border:1px solid color-mix(in srgb,var(--login-accent,#bcc7d4) 34%,transparent);border-radius:11px;background:color-mix(in srgb,var(--login-accent,#bcc7d4) 6%,transparent)}.access-leaf svg{width:26px;height:26px;fill:none;stroke:var(--login-accent,#bcc7d4);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.access-header-name{display:flex;align-items:center;justify-content:center;max-width:112px;line-height:0;overflow:hidden;flex:0 0 auto}.access-header-name>img{display:block;width:100%;height:auto;filter:none;mask-image:none;-webkit-mask-image:none;opacity:1}.access-header-caption{display:block;margin-top:4px;font-size:10px;line-height:1.5;color:#a4b4b9;letter-spacing:.4px}.access-restricted{color:#8d9da1;font-size:9px;line-height:1.7;letter-spacing:1.7px}
.access-console{display:grid;grid-template-columns:minmax(0,55fr) minmax(0,45fr);min-height:100vh;min-height:100svh;width:min(1920px,100%);margin:auto}
.access-identity{min-width:0;padding:100px clamp(32px,5.2vw,90px) 24px;border-right:1px solid #718c8633;display:flex;flex-direction:column;gap:24px}
.access-identity-main{min-width:0;margin-block:auto}
.access-brand-art{min-width:0;flex:none;display:flex;flex-direction:column;justify-content:center;padding:0}
.access-wordmark{margin:0;width:100%;mix-blend-mode:screen}.access-wordmark img{display:block;width:100%;height:auto;filter:var(--login-art-filter,grayscale(1));mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent),linear-gradient(transparent,#000 15%,#000 86%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent),linear-gradient(transparent,#000 15%,#000 86%,transparent);-webkit-mask-composite:source-in}
.access-art-caption{margin:17px 0 0;padding-top:15px;text-align:center;font-size:10px;line-height:1.7;color:#d5e1df;letter-spacing:4px;position:relative}.access-art-caption:before{content:"";position:absolute;left:7%;right:7%;top:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--login-accent,#bcc7d4) 70%,transparent),transparent)}
.access-introduction{width:100%;max-width:560px;margin:30px auto 0;padding-bottom:2px;text-align:center}.access-eyebrow{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 17px;font-size:9px;line-height:1.5;letter-spacing:2.5px;font-weight:650;color:color-mix(in srgb,var(--login-accent,#bcc7d4) 80%,#fff)}.access-eyebrow:before{content:"";width:22px;height:1px;background:currentColor}
.access-introduction h2{margin:0 0 14px;color:#f1f4f3;font-size:clamp(26px,2.2vw,35px);font-weight:650;line-height:1.19;letter-spacing:-1.2px;overflow-wrap:normal;word-break:normal}
.access-brand-note{margin:0 auto;max-width:54ch;font-size:13px;line-height:1.8;color:#afc0c0}
.access-identity-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-top:1px;padding-top:17px;border-top:1px solid #a9c4bf26;font-size:9px;line-height:1.5;color:#8a9d9f}.access-interface{display:flex;align-items:center;gap:7px}.access-interface:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--login-accent,#bcc7d4)}
.access-form-panel{min-width:0;padding:76px clamp(32px,6vw,100px) 20px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.access-form-card{width:100%;max-width:424px;position:relative;padding:28px 32px;border:1px solid var(--access-edge);border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--access-card) 91%,#fff),var(--access-card) 65%,color-mix(in srgb,var(--access-card) 95%,var(--login-accent,#bcc7d4)));box-shadow:0 20px 45px #0003,inset 0 1px 0 #ffffff06}
.access-form-card:before{content:"";position:absolute;top:-1px;left:18%;right:18%;height:1px;background:linear-gradient(90deg,transparent,var(--login-accent,#bcc7d4),transparent)}
.access-lock-emblem{width:40px;height:40px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--login-accent,#bcc7d4) 30%,transparent);border-radius:12px;background:color-mix(in srgb,var(--login-accent,#bcc7d4) 7%,transparent);margin:0 0 16px;color:var(--login-accent,#bcc7d4)}.access-lock-emblem svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.access-form-card h2{margin:0 0 10px;color:var(--access-text);font-size:clamp(25px,1.9vw,30px);line-height:1.2;letter-spacing:-1.2px;font-weight:650;overflow-wrap:normal;word-break:normal}
.access-form-copy{margin:0 0 20px;font-size:12px;line-height:1.8;color:var(--access-muted)}
.access-field{display:flex;flex-direction:column;gap:8px;margin:0 0 14px;font-size:11px;line-height:1.4;font-weight:600;color:var(--access-text)}
.access-field input{width:100%;min-width:0;height:48px;margin:0;padding:11px 14px;border:1px solid #3c4e55;border-radius:11px;background:var(--access-input);color:var(--access-text);font:400 16px/1.4 var(--ui-font,Inter,'Segoe UI',Arial,sans-serif);outline:none;box-shadow:inset 0 1px 3px #0001;transition:border-color .15s,box-shadow .15s}.access-field input::placeholder{color:#829198;opacity:1;font-size:13px}.access-field input:focus{border-color:var(--login-accent,#bcc7d4);box-shadow:0 0 0 3px color-mix(in srgb,var(--login-accent,#bcc7d4) 11%,transparent)}.access-field input[readonly]{color:var(--access-muted)}
.access-username,.access-password{position:relative;display:block}.access-username input,.access-password input{padding-left:43px}.access-password input{padding-right:61px}.access-field-icon{position:absolute;left:14px;top:15px;width:18px;height:18px;fill:none;stroke:#91a0a7;stroke-width:1.5;pointer-events:none;stroke-linecap:round}
.access-password button{--eye-metal:#e6c477;position:absolute;right:2px;top:2px;bottom:2px;width:54px;min-height:44px;display:grid;place-items:center;border:0;border-radius:0 10px 10px 0;background:transparent;color:var(--access-muted);cursor:pointer}.access-eye-art{grid-area:1 / 1;display:block;width:40px;height:26px;overflow:hidden;pointer-events:none;opacity:.85}.access-eye-on{display:none}.access-password button[aria-pressed="true"] .access-eye-off{opacity:0}.access-password button[aria-pressed="true"] .access-eye-on{display:block;opacity:1;filter:drop-shadow(0 0 2px color-mix(in srgb,var(--login-accent,#bcc7d4) 45%,transparent))}.access-password button[aria-pressed="false"]:hover .access-eye-off{opacity:1}

.access-options{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:1px 0 16px;min-height:26px;flex-wrap:wrap}.access-remember{display:flex;align-items:center;gap:8px;margin:0;font-size:11px;line-height:1.5;color:var(--access-muted);cursor:pointer;min-height:28px}.access-remember input{width:14px;height:14px;margin:0;flex:0 0 14px;accent-color:var(--login-accent,#bcc7d4)}
.access-help-toggle{border:0;background:none;padding:6px 0;color:color-mix(in srgb,var(--login-accent,#bcc7d4) 40%,var(--access-text));font:400 11px/1.5 var(--ui-font,Inter,'Segoe UI',Arial,sans-serif);cursor:pointer}.access-help-toggle:hover{text-decoration:underline;text-underline-offset:3px}
.access-help-content{margin:0 0 18px;padding:12px;border:1px solid var(--access-edge);border-radius:9px;font-size:11px;line-height:1.7;color:var(--access-muted)}.access-help-content[hidden]{display:none}.access-help-content p{margin:0 0 8px}.access-help-content a{color:var(--access-text);text-underline-offset:3px}
.access-password-help{color:var(--access-muted);font-size:11px;line-height:1.6;margin:0 0 18px}.access-message{font-size:12px;line-height:1.6;color:#ffb3bd;margin:0 0 15px}.access-message:empty{display:none}
.access-submit{width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;gap:14px;margin:0;padding:12px 15px;border:1px solid color-mix(in srgb,var(--login-accent,#bcc7d4) 80%,#fff);border-radius:11px;background:linear-gradient(120deg,color-mix(in srgb,var(--login-accent,#bcc7d4) 40%,#fff),var(--login-accent,#bcc7d4));color:var(--access-on-action);font:700 13px/1.4 var(--ui-font,Inter,'Segoe UI',Arial,sans-serif);box-shadow:0 5px 18px color-mix(in srgb,var(--login-accent,#bcc7d4) 7%,transparent);cursor:pointer;transition:filter .15s,transform .15s}.access-submit span{font-size:20px;line-height:1;font-weight:400}.access-submit:hover{filter:brightness(1.06)}.access-submit:active{transform:translateY(1px)}.access-submit:disabled{opacity:.65;cursor:wait}
.access-private{display:flex;align-items:center;justify-content:center;gap:7px;margin:16px 0 0;color:var(--access-soft);font-size:10px;line-height:1.5}.access-private svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5}
.access-palette{margin-top:20px;width:100%;max-width:440px;text-align:center}.access-palette-label{margin:0 0 7px;font-size:9px;line-height:1.6;letter-spacing:1.5px;color:#8d9da1}.access-palette-options{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0}
.access-palette-choice{display:grid;place-items:center;width:44px;height:52px;margin:0;border:1px solid transparent;padding:4px;background:none;border-radius:10px;cursor:pointer}.access-palette-choice>.access-palette-gem{display:block;width:30px;height:34px;overflow:hidden;pointer-events:none}.access-palette-choice[aria-pressed="true"]{border-color:var(--swatch);background:color-mix(in srgb,var(--swatch) 10%,transparent)}.access-palette-choice:hover{background:color-mix(in srgb,var(--swatch) 14%,transparent)}.access-palette-choice:focus-visible{outline:2px solid #e7f0f4;outline-offset:2px}.access-palette-name{margin:6px 0 0;min-height:17px;color:#a1b1b3;font-size:10px;line-height:1.7}
.access-form-footer{margin-top:18px;color:#84969b;font-size:9px;line-height:1.7;text-align:center}.access-form-footer strong{font-size:11px;font-weight:600;color:#dce6e7}.access-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.access-shell :is(input,button,a):focus-visible{outline:2px solid var(--login-accent,#bcc7d4);outline-offset:4px}
/* Realidade: crimson metal matches the operational primary action. */
html[data-access-palette="reality"] .access-shell{--access-card:#30161b;--access-input:#1c0d12;--access-edge:#6d2b35;--access-on-action:#fff;background:#10080b}
html[data-access-palette="reality"] .access-shell:before{background:radial-gradient(ellipse at 25% 39%,#a3112a22,transparent 38%),radial-gradient(ellipse at 95% 5%,#8e10251f,transparent 45%),linear-gradient(125deg,#170a0e,#0e080b 62%,#1d0c12)}
html[data-access-palette="reality"] .access-submit{background:linear-gradient(115deg,#A3112A,#CD1732 48%,#8E1025);border-color:#E52B32;color:#fff;box-shadow:inset 0 1px 0 #ffffff20,0 5px 18px #52071622}
/* Vazio: neutral black/graphite, distinct from the blue Espaço palette. */
html[data-access-palette="void"] .access-shell{--access-card:#111214;--access-input:#070809;--access-edge:#3b3d42;--access-on-action:#090a0c;background:#040506}
html[data-access-palette="void"] .access-shell:before{background:radial-gradient(ellipse at 25% 39%,#ffffff07,transparent 38%),linear-gradient(125deg,#090a0c,#020304 62%,#101114)}
/* Criação: a complete white/silver login with charcoal branding. */
html[data-access-palette="creation"] .access-shell{--access-text:#202020;--access-muted:#555555;--access-soft:#626262;--access-edge:#d0d0d0;--access-card:#fff;--access-input:#fff;--access-on-action:#fff;background:#f6f6f6;color-scheme:light}
html[data-access-palette="creation"] .access-shell:before{background:radial-gradient(ellipse at 25% 39%,#20202009,transparent 38%),linear-gradient(125deg,#fff,#f3f3f3 62%,#fafafa)}
html[data-access-palette="creation"] .access-identity{border-right-color:#d4d4d4}
html[data-access-palette="creation"] .access-wordmark{mix-blend-mode:multiply}
html[data-access-palette="creation"] .access-wordmark img{filter:grayscale(1) invert(1) contrast(1.15)}
html[data-access-palette="creation"] .access-header-name>img{filter:brightness(0)!important}
html[data-access-palette="creation"] :is(.access-introduction h2,.access-form-footer strong){color:#202020}
html[data-access-palette="creation"] :is(.access-art-caption,.access-brand-note,.access-palette-name,.access-form-footer,.access-identity-footer,.access-restricted,.access-palette-label){color:#555555}
html[data-access-palette="creation"] .access-eyebrow{color:#202020}
html[data-access-palette="creation"] .access-identity-footer{border-top-color:#d4d4d4}
html[data-access-palette="creation"] .access-form-card{background:#fff;box-shadow:0 14px 36px #00000010,inset 0 1px 0 #fff}
html[data-access-palette="creation"] .access-field input{border-color:#b0b0b0}
html[data-access-palette="creation"] .access-field input::placeholder{color:#666666}
html[data-access-palette="creation"] .access-field-icon{stroke:#555555}
html[data-access-palette="creation"] .access-submit{background:linear-gradient(120deg,#303030,#202020);border-color:#202020;color:#fff}
html[data-access-palette="creation"] .access-message{color:#a1263c}
html[data-access-palette="creation"] .access-palette-choice[aria-pressed="true"]{border-color:#202020;background:#ededed}
html[data-access-palette="creation"] .access-palette-choice:focus-visible{outline-color:#202020}
@media(min-width:801px) and (max-height:800px){.access-topbar{top:22px}.access-identity{padding-top:88px;padding-bottom:18px;gap:18px}.access-introduction{margin-top:22px}.access-introduction h2{font-size:30px}.access-brand-note{font-size:12px}.access-form-panel{padding-top:72px;padding-bottom:16px}.access-form-card{padding:24px 28px;max-width:400px}.access-lock-emblem{width:36px;height:36px;margin-bottom:14px}.access-form-card h2{font-size:26px}.access-form-copy{margin-bottom:18px}.access-field{margin-bottom:12px}.access-field input{height:48px}.access-options{margin-bottom:15px}.access-private{margin-top:14px}.access-palette{margin-top:16px}.access-form-footer{margin-top:14px}}
@media(max-width:1100px) and (min-width:801px){.access-topbar{left:35px;right:35px}.access-identity{padding-inline:35px}.access-form-panel{padding-inline:34px}.access-form-card{padding-inline:28px}.access-form-card h2{font-size:27px}.access-art-caption{font-size:9px;letter-spacing:3px}.access-identity-footer{font-size:8px}}
@media(max-width:800px){.access-topbar{position:relative;inset:auto;padding:22px 23px 0;align-items:center}.access-header-name{--header-brand-width:96px;--header-brand-height:36px;max-width:96px}.access-header-caption{font-size:8px}.access-leaf{width:36px;height:36px;border-radius:10px}.access-leaf svg{width:23px;height:23px}.access-restricted{font-size:8px;letter-spacing:1px}.access-console{display:block;min-height:0}.access-identity{padding:30px 24px 23px;border-right:0;gap:0;max-width:480px;margin:auto}.access-brand-art{padding:0;flex:none}.access-wordmark{max-width:355px;margin:auto}.access-art-caption{margin-top:8px;padding-top:11px;font-size:8px;letter-spacing:3px}.access-introduction{display:none}.access-identity-footer{display:none}.access-form-panel{padding:0 20px 25px}.access-form-card{max-width:420px;padding:28px 26px;border-radius:19px}.access-lock-emblem{width:40px;height:40px;border-radius:12px;margin-bottom:18px}.access-lock-emblem svg{width:21px;height:21px}.access-form-card h2{font-size:27px}.access-form-copy{font-size:12px;margin-bottom:24px}.access-field{font-size:12px}.access-field input{height:49px;font-size:16px}.access-options{margin-bottom:18px}.access-remember,.access-help-toggle{min-height:44px}.access-remember{font-size:12px}.access-remember input{width:17px;height:17px;flex-basis:17px}.access-help-toggle{font-size:12px}.access-palette{margin-top:23px}.access-palette-choice{width:40px;height:44px}.access-palette-label{font-size:9px}.access-palette-name{font-size:11px}.access-form-footer{margin-top:23px;font-size:10px}}
@media(max-width:360px){.access-topbar{padding-inline:18px}.access-header-brand{gap:9px}.access-restricted{font-size:7px}.access-form-panel{padding-inline:15px}.access-form-card{padding:25px 22px}.access-form-card h2{font-size:25px}.access-palette-choice{width:36px}.access-help-toggle,.access-remember{font-size:11px}}
@media(pointer:coarse){.access-palette-choice{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.access-submit,.access-field input{transition:none}}

.access-palette-options{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));max-width:352px;margin-inline:auto}.access-palette .access-palette-choice{width:100%;height:48px}



.access-palette-choice{position:relative}.access-palette-tooltip{position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);z-index:3;white-space:nowrap;padding:6px 9px;border:1px solid #54636a;border-radius:7px;background:#142026;color:#f1f4f5;font-size:11px;font-weight:400;line-height:1.4;pointer-events:none;opacity:0;visibility:hidden}.access-palette-choice:focus-visible .access-palette-tooltip{opacity:1;visibility:visible}.access-palette-choice:first-child .access-palette-tooltip{left:0;transform:none}.access-palette-choice:last-child .access-palette-tooltip{left:auto;right:0;transform:none}
@media(hover:hover){.access-palette-choice:hover .access-palette-tooltip{opacity:1;visibility:visible}}
@media(max-width:800px){.access-identity-main{width:100%;margin:0}}

html[data-access-palette="creation"] .access-password button{--eye-metal:#8a651e}

.settings-sync-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.settings-option-row .settings-sync-actions>.btn{white-space:normal}
@media(max-width:800px){.settings-sync-actions{justify-content:flex-start}}