:root{color-scheme:dark;--bg:#0B0B0C;--surface:#151618;--raised:#1D1F23;--line:#2A2D31;--text:#F5F7FA;--muted:#A7ADB5;--dim:#747A82;--soft:#D7DADF}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font:400 14px/1.45 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #A7ADB5;outline-offset:3px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.shell{height:100vh;height:100dvh;display:flex;flex-direction:column;max-width:720px;margin:auto;background:var(--bg)}.account-bar{display:grid;grid-template-columns:54px 1fr auto;align-items:center;min-height:calc(68px + env(safe-area-inset-top));padding:calc(7px + env(safe-area-inset-top)) 20px 8px;border-bottom:1px solid var(--line);background:var(--surface)}.account-bar strong{font-size:16px;font-weight:700;letter-spacing:-.02em}.brand{color:var(--muted);font-size:10px;letter-spacing:.1em;font-weight:800}.back-link,.detail-back{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:12px;background:var(--raised);font-size:23px;color:var(--text)}.account-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:22px clamp(18px,5vw,36px) 35px}.view{max-width:660px;margin:auto}.account-identity{display:flex;align-items:center;flex-direction:column;text-align:center;padding:23px 0 33px}.profile-photo{width:92px;height:92px;background:#2B2E33;border:1px solid #34373B;border-radius:50%;display:grid;place-items:center;overflow:hidden;font-weight:800;font-size:35px;margin-bottom:17px}.profile-photo img{width:100%;height:100%;object-fit:cover}.account-identity h1{font-size:24px;letter-spacing:-.04em;font-weight:700;line-height:1.2;margin:0 0 7px}.account-identity p{color:var(--muted);font-size:13px;margin:0}.connected-badge{margin-top:13px;color:#B8C6BD;letter-spacing:.11em;font-size:9px;font-weight:800}.menu-panel{background:var(--surface);border:1px solid var(--line);border-radius:17px;overflow:hidden;padding:14px 0 8px}.menu-heading{font-size:10px;letter-spacing:.1em;font-weight:800;color:var(--dim);padding:8px 19px 9px}.menu-heading.spaced{margin-top:18px;padding-top:14px}.menu-option{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:55px;padding:14px 19px;background:transparent;border:0;color:var(--text);font-size:14px;text-align:left}.menu-option+ .menu-option{border-top:1px solid #222428}.menu-option:hover{background:var(--raised)}.menu-option b{font-size:20px;color:var(--muted);font-weight:400}.help-note{color:var(--dim);font-size:12px;line-height:1.6;margin:23px 9px}.detail-top{display:flex;align-items:center;gap:15px;margin:12px 0 26px}.detail-top h1{font-size:23px;letter-spacing:-.035em;margin:0 0 5px}.detail-top p{color:var(--muted);font-size:12px;margin:0;line-height:1.5}.detail-panel,.identity-small,.app-card,.stats{background:var(--surface);border:1px solid var(--line);border-radius:16px}.detail-panel{padding:24px;margin-bottom:16px}.detail-panel h2{font-size:15px;font-weight:700;letter-spacing:-.02em;margin:0 0 26px}.detail-panel h2 span{float:right;color:var(--dim);font-size:10px}.detail-panel label{display:block;color:var(--text);font-size:12px;font-weight:600;margin-bottom:20px}.detail-panel label small{display:block;margin:6px 0 0;color:var(--dim);font-size:11px;font-weight:400}.detail-panel input{display:block;width:100%;height:49px;border-radius:10px;margin-top:9px;background:var(--raised);border:1px solid #34363A;padding:0 14px;color:var(--text)}.detail-panel input:read-only{color:var(--dim);background:#111215;cursor:not-allowed}.primary{border:0;background:var(--text);color:#111215;min-height:49px;padding:0 20px;border-radius:10px;font-size:12px;font-weight:800}.detail-panel .primary{width:100%;margin-top:8px}.identity-small{display:flex;align-items:center;gap:15px;padding:20px;margin-bottom:17px}.identity-small .profile-photo{width:65px;height:65px;font-size:24px;margin:0;flex:none}.identity-small strong{font-size:15px}.identity-small p{margin:4px 0 9px;font-size:12px;color:var(--muted)}.photo-change{font-size:11px;font-weight:700;text-decoration:underline;cursor:pointer;text-underline-offset:3px}.text-control{border:0;background:transparent;color:var(--muted);text-decoration:underline;font-size:11px;margin-left:13px}.secret{position:relative}.secret input{padding-right:90px}.secret button{position:absolute;right:10px;top:17px;border:0;padding:9px;background:transparent;color:var(--muted);font-size:11px}.stats{display:grid;grid-template-columns:repeat(3,1fr);padding:16px 0;margin-bottom:16px}.stats div{text-align:center;border-right:1px solid var(--line);display:grid;gap:4px}.stats div:last-child{border:0}.stats strong{font-size:23px}.stats span{color:var(--muted);font-size:10px}.app-card{padding:22px;margin-bottom:13px}.app-top{display:flex;gap:15px;justify-content:space-between}.app-top h2{font-size:15px;margin:0 0 6px}.app-top p,.app-card p{font-size:11px;color:var(--muted);overflow-wrap:anywhere;line-height:1.6}.connected{color:#B8C6BD;font-size:9px;white-space:nowrap}.app-metrics{display:flex;gap:21px;flex-wrap:wrap;padding:16px 0;margin:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.app-metrics div{display:grid;gap:4px}.app-metrics small{font-size:9px;color:var(--dim)}.app-metrics strong{font-size:12px}.scope-list{display:flex;flex-wrap:wrap;gap:7px}.scope-list span{background:#25272A;border:1px solid #303237;border-radius:7px;font-size:10px;padding:7px;color:#CBD0D5}.app-actions{display:flex;gap:9px;margin-top:18px;flex-wrap:wrap}.subtle-button,.danger-button{background:#242629;color:var(--text);border:1px solid #36383C;border-radius:9px;padding:11px 14px;font-size:12px;font-weight:650}.danger-button{background:#2B1D20;color:#E8B1B6;border-color:#634046}.danger-button.full{width:100%;margin-top:20px}.session{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:15px 0}.session strong{font-size:13px;display:block}.session small{color:var(--dim);font-size:10px}.current{color:#B8C6BD;font-size:10px}.empty,.loading{padding:45px 12px;text-align:center;color:var(--muted);font-size:12px}.guest{text-align:center;padding:40px 10px}.guest-photo{margin:0 auto}.guest h1{font-size:24px}.guest p{color:var(--muted);line-height:1.6}.link-button{display:block;padding:15px;max-width:340px;margin:24px auto}.account-footer{border-top:1px solid var(--line);background:var(--surface);padding:15px clamp(18px,5vw,36px) calc(15px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between}.account-footer a{color:var(--muted);font-size:12px}.account-footer button{background:var(--raised);border:1px solid var(--line);border-radius:10px;color:var(--text);padding:10px 16px;font-size:12px}#notification:not(:empty){background:#262A30;border:1px solid #3A404A;color:var(--text);padding:13px;border-radius:10px;font-size:12px;margin:0 0 14px}#notification.error{background:#331F23;border-color:#60383E}dialog{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:17px;width:min(630px,calc(100vw - 24px));max-height:85dvh;overflow:auto;padding:23px}dialog::backdrop{background:rgba(0,0,0,.8)}.modal-top{display:flex;justify-content:space-between;align-items:center}.modal-top h2{font-size:18px}.modal-top button{font-size:22px;background:transparent;border:0;color:var(--text)}dialog>p{font-size:12px;color:var(--muted)}.data-item{border-bottom:1px solid var(--line);padding:13px 0}.data-item summary{cursor:pointer;font-size:13px;font-weight:700}.data-item small{display:block;color:var(--dim);font-size:10px;margin-top:7px}.data-item pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:250px;overflow:auto;background:#0C0D0E;padding:13px;font-size:11px}.data-item button{margin-top:9px}@media(max-width:440px){.account-scroll{padding-top:8px}.account-identity{padding-top:16px}.app-top{flex-direction:column;gap:0}.identity-small{padding:16px}}
/* Central Rande ID — continuidade visual com o painel do Maps. */
:root{color-scheme:dark}body{letter-spacing:-.012em}
i[data-lucide]{display:inline-flex;align-items:center;justify-content:center;flex:none;font-style:normal;vertical-align:middle}
i[data-lucide] svg{width:19px;height:19px;stroke-width:1.8}
.account-bar .back-link i svg,.detail-back i svg{width:21px;height:21px}
.account-bar .brand{letter-spacing:.13em}.account-bar .brand b{color:var(--text)}
.account-identity{padding:20px 0 29px}
.hero-photo-wrap{position:relative;width:98px;height:98px;margin-bottom:14px}
.hero-photo-wrap .profile-photo{width:98px;height:98px;margin:0;font-size:36px}
.hero-photo-edit,.hero-name-edit{display:grid;place-items:center;flex:none;border:1px solid #43474d;color:var(--text);background:#282B30;border-radius:50%;width:32px;height:32px;padding:0;cursor:pointer}
.hero-photo-edit{position:absolute;right:-3px;bottom:-3px;box-shadow:0 0 0 4px var(--bg)}
.hero-photo-edit i svg,.hero-name-edit i svg{width:15px;height:15px}
.hero-name-line{display:flex;justify-content:center;align-items:center;gap:9px;max-width:100%}
.hero-name-line h1{max-width:min(70vw,370px);overflow-wrap:anywhere;font-size:25px;margin:0;line-height:1.28}
.hero-name-edit{border-color:transparent;background:transparent;width:29px;height:29px;color:var(--muted)}
.hero-name-edit:hover,.hero-photo-edit:hover{color:var(--text);background:#34383d}
.account-identity #hero-email{margin:5px 0 0;color:var(--muted);font-size:12px;overflow-wrap:anywhere}
.connected-badge{display:flex;align-items:center;gap:6px;border:1px solid #30373a;border-radius:999px;padding:7px 11px;background:#18201d;margin-top:15px;font-size:10px;font-weight:600;letter-spacing:.015em;color:#b5cec2}
.connected-badge i svg{width:14px;height:14px}
.menu-panel{padding-top:12px;padding-bottom:12px}
.menu-heading{padding-left:18px;font-size:10px}
.menu-heading.spaced{margin-top:18px;padding-top:16px}
.menu-option{justify-content:initial;display:grid;grid-template-columns:26px minmax(0,1fr) 20px;gap:15px;min-height:67px;padding:13px 19px;line-height:1.35}
.menu-option>i:first-child{color:#ADB4BB}.menu-option>i:last-child{color:#7E858F}
.menu-option>span{display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-size:13px;font-weight:600}
.menu-option small{font-size:11px;line-height:1.4;font-weight:400;color:var(--dim)}
.menu-option+.menu-option{border-top:1px solid #222428}
.menu-option:hover{background:var(--raised)}
.detail{padding-top:4px}.detail-top h1{font-size:23px}.detail-top button{flex:none}
.identity-small .photo-change{display:inline-flex;align-items:center;gap:5px}.identity-small .photo-change i svg,.identity-small .text-control i svg{width:14px;height:14px}
.identity-small .text-control{display:inline-flex;align-items:center;gap:5px}
.detail-panel h2{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.detail-panel h2 i svg{width:18px;height:18px;color:var(--muted)}
.detail-panel .primary{display:flex;justify-content:center;align-items:center;gap:8px}
.detail-panel .primary i svg{width:17px;height:17px}
.secret button{display:flex;align-items:center;gap:5px;top:15px;min-height:32px}
.secret button i svg{width:16px;height:16px}
.help-note i svg{width:15px;height:15px;vertical-align:middle;margin-right:4px}
.toggle-option{display:flex!important;align-items:center;justify-content:space-between;gap:15px;margin-bottom:0!important;padding:20px 0;border-top:1px solid var(--line);cursor:pointer}
.toggle-option>span{min-width:0;display:flex;flex-direction:column;gap:7px}
.toggle-option strong{font-size:13px;font-weight:650}
.toggle-option small{margin:0!important;max-width:450px;line-height:1.6;color:var(--muted)!important}
.toggle-option input[type=checkbox]{flex:none;appearance:none;-webkit-appearance:none;position:relative;width:43px;height:25px;margin:0;background:#383C42;border:1px solid #555A60;border-radius:100px;padding:0;cursor:pointer;transition:background .18s ease}
.toggle-option input[type=checkbox]:before{content:"";position:absolute;width:17px;height:17px;left:3px;top:3px;background:#D0D3D8;border-radius:50%;transition:transform .18s ease}
.toggle-option input[type=checkbox]:checked{background:#DFE5EC;border-color:#DFE5EC}
.toggle-option input[type=checkbox]:checked:before{transform:translateX(17px);background:#111215}
.section-copy{color:var(--muted);font-size:12px;line-height:1.75;margin:7px 0 17px}
.section-copy strong{color:var(--text)}
.panel-navigation{width:100%;display:grid;grid-template-columns:20px 1fr 20px;align-items:center;text-align:left;gap:11px;border:1px solid #34383c;background:var(--raised);border-radius:10px;padding:15px;color:var(--text);font-size:12px;font-weight:600;margin-bottom:9px}
.panel-navigation i:last-child{color:var(--dim)}
.danger-button.full{display:flex;justify-content:center;align-items:center;gap:10px;min-height:45px}
.stats{margin-bottom:12px}
.metrics-note{font-size:10px;color:var(--dim);margin:0 0 28px;line-height:1.5}
.section-subtitle{font-size:12px;font-weight:700;margin:21px 0 13px}
.app-card{display:block}
.app-logo{height:40px;width:40px;border-radius:12px;display:grid;place-items:center;border:1px solid #3A3D42;background:#26292e;flex:none;color:#E4E7EB}
.app-logo i svg{height:23px;width:23px}
.app-top{align-items:center;justify-content:initial;gap:14px;flex-wrap:wrap}
.app-top>div:nth-child(2){min-width:0;flex:1}
.app-top .connected{flex:none}
.app-top .connected::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#91C3A3;margin-right:6px}
.app-top .connected.is-archived{color:var(--dim)}
.app-top .connected.is-archived::before{background:#858A92}
.app-metrics{margin:15px 0;padding:16px 0}
.app-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px}
.app-actions button i svg{width:15px;height:15px}
.app-card .app-permissions-title{font-size:11px;color:var(--muted);font-weight:700;margin:17px 0 11px}
.app-card .app-note{margin:15px 0 0;color:var(--dim);line-height:1.6}
.session .subtle-button{display:flex;align-items:center;gap:5px}
.account-footer a,.account-footer button{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.account-footer i svg{height:16px;width:16px}
.guest-symbol{height:76px;width:76px;display:grid;place-items:center;margin:15px auto 19px;border-radius:50%;background:#24272B;border:1px solid #32363A}
.guest-symbol i svg{height:39px;width:39px}
.link-button{display:flex;align-items:center;justify-content:center;gap:9px}
.loading{display:flex;align-items:center;justify-content:center;gap:11px}
.loader{width:17px;height:17px;border-radius:50%;border:2px solid #4B5057;border-top-color:#E6E9ED;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.modal-top button{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#272A2F}
#storage-dialog .danger-button{margin-top:15px}
#storage-dialog .danger-button i svg{width:16px;height:16px}
@media(max-width:470px){.menu-option{gap:10px;grid-template-columns:24px minmax(0,1fr) 18px;padding:12px 15px}.menu-option>span{font-size:12.5px}.toggle-option{gap:8px}.account-identity{padding-top:12px}.detail-panel{padding:19px}}
@media(prefers-reduced-motion:reduce){.toggle-option input[type=checkbox],.toggle-option input[type=checkbox]:before{transition:none}.loader{animation:none}}

/* 2026-10-22 | Navegacao, camera e tema de conta. */
html,body,button,a,label,input,dialog{-webkit-tap-highlight-color:transparent}
::selection{background:#73798255;color:inherit}
button,a{touch-action:manipulation}
:focus-visible{outline:2px solid var(--muted)!important;outline-offset:3px!important}
.account-bar .back-link{cursor:pointer;color:var(--text)}
.detail-top .detail-back{display:none!important}
.detail-top{margin-top:16px;margin-bottom:25px}
.view:not([hidden]){animation:account-view-in .29s cubic-bezier(.18,.75,.2,1) both}
@keyframes account-view-in{from{opacity:0;transform:translate3d(12px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
.menu-option,.panel-navigation,.subtle-button,.source-option,.account-footer button,.hero-photo-edit,.hero-name-edit,.back-link{transition:background-color .17s ease,transform .2s cubic-bezier(.2,.8,.2,1),border-color .18s ease,opacity .18s ease}
.menu-option:active,.panel-navigation:active,.source-option:active,.account-footer button:active{transform:scale(.984)}
.hero-photo-edit:active,.hero-name-edit:active,.back-link:active{transform:scale(.91)}
.account-theme-choices{border:0;padding:0;margin:0 0 17px;display:grid;gap:9px}
.account-theme-choices legend{font-size:12px;color:var(--muted);margin-bottom:14px}
.account-theme-choices label{display:grid;grid-template-columns:20px 23px minmax(0,1fr);align-items:center;gap:15px;border:1px solid var(--line);border-radius:12px;margin:0!important;padding:15px;background:var(--raised);cursor:pointer}
.account-theme-choices label:has(input:checked){border-color:var(--muted);background:var(--surface)}
.account-theme-choices label>input{appearance:none;width:18px;height:18px;border-radius:50%;padding:0;margin:0;border:2px solid var(--muted);display:grid;place-items:center}
.account-theme-choices label>input:checked{border:5px solid var(--text);background:var(--bg)}
.account-theme-choices label>span{font-size:13px;font-weight:650}
.account-theme-choices label small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:4px}
.photo-change{border:0;background:transparent;padding:0;color:var(--text);font:inherit;cursor:pointer;text-decoration:underline;min-height:32px}
.avatar-source-dialog{width:min(450px,calc(100vw - 18px));padding:20px;border-radius:22px}
.avatar-source-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.avatar-source-head h2{font-size:19px;letter-spacing:-.03em;margin:4px 0}
.avatar-source-head button{width:40px;height:40px;display:grid;place-items:center;border:0;background:var(--raised);color:var(--text);border-radius:12px}
.avatar-source-dialog>p{font-size:12px;color:var(--muted);margin:8px 0 24px}
.source-option{width:100%;display:grid;grid-template-columns:40px minmax(0,1fr) 20px;align-items:center;gap:13px;padding:15px 13px;border:1px solid var(--line);border-radius:12px;background:var(--raised);color:var(--text);text-align:left;margin-bottom:9px}
.source-option>i:first-child{display:grid;place-items:center;border-radius:10px;height:40px;background:var(--surface)}
.source-option>span{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:650}
.source-option small{font-size:11px;color:var(--muted);font-weight:400}
.avatar-source-dialog[open]{animation:account-view-in .23s ease both}
html[data-theme='light']{color-scheme:light;--bg:#F7F8FA;--surface:#FFFFFF;--raised:#F0F1F3;--line:#D7DADF;--text:#111215;--muted:#525861;--dim:#6E7580;--soft:#3B4149}
html[data-theme='light'] .account-bar,html[data-theme='light'] .account-footer{background:var(--surface)}
html[data-theme='light'] .guest-symbol,html[data-theme='light'] .profile-photo,html[data-theme='light'] .app-logo,html[data-theme='light'] .hero-photo-edit{background:#E7E9ED;border-color:#D1D4DA;color:#16191E}
html[data-theme='light'] .menu-option+.menu-option,html[data-theme='light'] .toggle-option{border-top-color:#ECEEF0}
html[data-theme='light'] .connected-badge{background:#EFF5F0;border-color:#D8E5D9;color:#31533E}
html[data-theme='light'] .scope-list span{background:#F1F3F5;color:#373D46;border-color:#DADDE1}
html[data-theme='light'] .source-option>i:first-child{background:#FFF}
html[data-theme='light'] .account-theme-choices label:has(input:checked){background:#E9EBEE}
html[data-theme='light'] .account-theme-choices input:checked{background:#FFF}
html[data-theme='light'] .danger-button{background:#FFF1F2;color:#A42838;border-color:#E5B2B9}
html[data-theme='light'] .app-metrics{border-color:#DADDE1}
html[data-theme='light'] .guest-photo,html[data-theme='light'] .data-item pre{background:#EDF0F3;color:#222}
html[data-theme='light'] .detail-panel input:read-only{background:#F7F8FA;color:#6E7580}
html[data-theme='light'] .hero-name-edit{color:#4B5159}
@media(prefers-reduced-motion:reduce){.view:not([hidden]),.avatar-source-dialog[open]{animation:none!important}.menu-option,.panel-navigation,.subtle-button,.source-option,.account-footer button,.hero-photo-edit,.hero-name-edit,.back-link{transition:none!important}}