:root{--bg:#07090d;--panel:#0d1016;--panel-2:#12161d;--panel-3:#171c25;--text:#f7f6f1;--muted:#9399a4;--line:rgba(255,255,255,.105);--accent:#d6ff3f;--danger:#ff7777;--shadow:0 30px 90px rgba(0,0,0,.42)}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.5}.hidden{display:none!important}button,input,textarea,select{font:inherit}button,a{color:inherit}a{text-decoration:none}.background-grid{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 12%,rgba(var(--accent-rgb),.09),transparent 25rem),radial-gradient(circle at 83% 75%,rgba(var(--accent-rgb),.055),transparent 23rem),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,auto,70px 70px,70px 70px}.eyebrow{margin:0 0 9px;color:var(--accent);font-size:.69rem;font-weight:900;letter-spacing:.19em;text-transform:uppercase}.login-screen{position:relative;z-index:1;min-height:100vh;display:grid;place-items:center;padding:80px 22px}.back-site{position:absolute;left:28px;top:25px;color:#c3c7cf;font-size:.78rem}.back-site:hover{color:var(--accent)}.login-card{width:min(510px,100%);padding:42px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(18,22,29,.98),rgba(10,12,17,.98));box-shadow:var(--shadow)}.login-brand,.topbar-brand{display:flex;align-items:center;gap:13px}.login-brand{margin-bottom:42px}.login-brand>span,.topbar-brand>span{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:var(--accent);color:#090b0e;font-weight:900}.login-brand strong,.login-brand small,.topbar-brand strong,.topbar-brand small{display:block}.login-brand strong,.topbar-brand strong{font-size:.84rem}.login-brand small,.topbar-brand small{margin-top:4px;color:var(--muted);font-size:.64rem}.login-card h1{margin:0;font-size:clamp(2.2rem,6vw,3.6rem);line-height:1.02;letter-spacing:-.055em}.login-description{margin:18px 0 27px;color:var(--muted);font-size:.83rem}.login-card form{display:grid;gap:17px}label{display:block;color:#d9dbe0;font-size:.69rem;font-weight:800}input,textarea,select{width:100%;margin-top:8px;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:#080a0e;color:var(--text);outline:none;transition:.2s}input{min-height:47px}textarea{resize:vertical;min-height:100px}input:focus,textarea:focus,select:focus{border-color:rgba(var(--accent-rgb),.68);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.07)}input[type=color]{padding:6px;height:47px}.password-wrap{position:relative;display:block}.password-wrap input{padding-right:88px}.password-wrap button{position:absolute;right:8px;bottom:8px;min-height:32px;padding:0 10px;border:0;border-radius:7px;background:#171b23;color:#b7bbc3;font-size:.62rem;cursor:pointer}.primary-button,.secondary-button,.danger-button,.mini-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-weight:900;cursor:pointer;transition:.22s}.primary-button{min-height:48px;padding:0 22px;border:1px solid var(--accent);background:var(--accent);color:#080a0d}.primary-button:hover{transform:translateY(-2px);box-shadow:0 11px 30px rgba(var(--accent-rgb),.14)}.secondary-button{min-height:44px;padding:0 17px;border:1px solid var(--line);background:#11151c;color:#e6e7e9;font-size:.72rem}.secondary-button:hover{border-color:rgba(var(--accent-rgb),.55);color:var(--accent)}.danger-button{min-height:44px;padding:0 17px;border:1px solid rgba(255,119,119,.35);background:rgba(255,119,119,.06);color:#ff8c8c;font-size:.72rem}.mini-button{min-height:34px;padding:0 12px;border:1px solid var(--line);background:transparent;color:#d5d8de;font-size:.64rem}.icon-button{width:42px;height:42px;border:1px solid var(--line);background:transparent;font-size:1.5rem}.full{width:100%}.form-message{min-height:18px;margin:4px 0 0;color:var(--accent);font-size:.7rem}.form-message.error{color:var(--danger)}.security-note{display:flex;align-items:flex-start;gap:10px;margin:30px 0 0;padding-top:23px;border-top:1px solid var(--line);color:var(--muted);font-size:.68rem}.security-note span{flex:0 0 auto;width:6px;height:6px;margin-top:5px;border-radius:50%;background:var(--accent)}
.dashboard{position:relative;z-index:1;min-height:100vh;padding-bottom:82px}.topbar{position:fixed;z-index:30;inset:0 0 auto;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);background:rgba(10,12,17,.94);backdrop-filter:blur(18px)}.topbar-actions{display:flex;align-items:center;gap:10px}.dashboard-layout{display:grid;grid-template-columns:245px minmax(0,1fr);padding-top:76px}.sidebar{position:fixed;z-index:20;left:0;top:76px;bottom:76px;width:245px;padding:20px 13px;border-right:1px solid var(--line);background:rgba(9,11,15,.96);display:flex;flex-direction:column}.sidebar nav{display:grid;gap:6px}.tab{width:100%;min-height:48px;display:grid;grid-template-columns:30px 1fr;align-items:center;padding:0 13px;border:1px solid transparent;border-radius:10px;background:transparent;color:#a7acb6;text-align:left;cursor:pointer}.tab span{font-size:.57rem}.tab strong{font-size:.69rem}.tab:hover,.tab.active{background:#141820;color:#f5f5f2}.tab.active{border-color:rgba(var(--accent-rgb),.25)}.tab.active span{color:var(--accent)}.logout-button{margin-top:auto;padding:13px;border:0;background:transparent;color:#ff8383;text-align:left;font-size:.69rem;font-weight:900;cursor:pointer}.workspace{grid-column:2;min-width:0;padding:34px}.page{display:none;max-width:1180px;margin:0 auto}.page.active{display:block}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:25px;padding-bottom:24px;border-bottom:1px solid var(--line)}.page-heading h1{margin:0;font-size:clamp(2rem,4vw,3.15rem);letter-spacing:-.05em;line-height:1}.page-heading>div>p:last-child{margin:10px 0 0;color:var(--muted);font-size:.76rem}.card-stack{display:grid;gap:17px}.panel-card{padding:23px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,var(--panel),#0b0e13);box-shadow:0 17px 50px rgba(0,0,0,.17)}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:19px}.card-heading h2{margin:0;font-size:1rem}.card-heading p{margin:5px 0 0;color:var(--muted);font-size:.68rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .full{grid-column:1/-1}.image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.image-card{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.image-preview{position:relative;min-height:310px;background:#090b0f center/cover no-repeat}.image-preview.logo-preview{background-size:contain;background-repeat:no-repeat}.image-preview::after{content:attr(data-label);position:absolute;left:14px;bottom:14px;padding:6px 9px;border-radius:7px;background:rgba(0,0,0,.68);font-size:.57rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.image-card-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px}.image-card-footer strong{display:block;font-size:.78rem}.image-card-footer small{display:block;margin-top:4px;color:var(--muted);font-size:.62rem}.file-label{position:relative;overflow:hidden}.file-label input{position:absolute;inset:0;opacity:0;cursor:pointer}.editor-list{display:grid;gap:16px}.editor-item{display:grid;grid-template-columns:210px minmax(0,1fr);overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.editor-media{position:relative;min-height:280px;background:#1a202a center/cover no-repeat}.editor-media::after{content:"IMAGEM";position:absolute;left:13px;bottom:13px;padding:5px 8px;border-radius:6px;background:rgba(0,0,0,.72);font-size:.55rem;letter-spacing:.13em}.editor-media .media-actions{position:absolute;left:12px;right:12px;bottom:44px;display:grid;gap:7px}.editor-media .secondary-button{background:var(--accent);border-color:var(--accent);color:#080a0d}.editor-fields{padding:19px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.editor-fields .full{grid-column:1/-1}.item-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding-top:5px}.move-actions{display:flex;gap:7px}.delete-link{border:0;background:transparent;color:#ff8585;font-size:.67rem;font-weight:900;cursor:pointer}.service-item{display:block}.service-item .editor-fields{grid-template-columns:90px minmax(0,1fr) minmax(0,1.3fr)}.service-item .item-actions{grid-column:1/-1}.compact-list{display:grid;gap:11px}.compact-item{display:grid;grid-template-columns:1fr 1.6fr auto;gap:11px;align-items:end;padding:13px;border:1px solid var(--line);border-radius:12px;background:#0a0d12}.compact-item input{margin-top:6px}.texts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.backup-actions{display:flex;flex-wrap:wrap;gap:10px}.database-card{grid-column:1/-1;display:flex;align-items:center;gap:18px}.database-icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(var(--accent-rgb),.4);border-radius:14px;color:var(--accent);font-size:.72rem;font-weight:900}.database-card h2{margin:0;font-size:1rem}.database-card p{margin:6px 0 0;color:var(--muted);font-size:.7rem}.database-card code{color:#d9ff60}.savebar{position:fixed;z-index:35;inset:auto 0 0 245px;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 26px;border-top:1px solid var(--line);background:rgba(10,12,17,.96);backdrop-filter:blur(18px)}.savebar>p{display:flex;align-items:center;gap:9px;margin:0;color:var(--muted);font-size:.68rem}.savebar>p span{width:7px;height:7px;border-radius:50%;background:#66707d}.savebar>p.pending{color:#e8e9e5}.savebar>p.pending span{background:#f7bf4f}.savebar>p.saved{color:var(--accent)}.savebar>p.saved span{background:var(--accent)}.savebar>p.error{color:var(--danger)}.savebar>p.error span{background:var(--danger)}.savebar>div{display:flex;gap:10px}.toast{position:fixed;z-index:100;right:22px;top:92px;max-width:360px;padding:13px 16px;border:1px solid rgba(var(--accent-rgb),.28);border-radius:11px;background:#11151b;color:#eef0e8;box-shadow:var(--shadow);font-size:.72rem;opacity:0;transform:translateY(-12px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}.toast.error{border-color:rgba(255,119,119,.35);color:#ffaaaa}
@media(max-width:980px){.dashboard-layout{grid-template-columns:1fr}.sidebar{position:fixed;top:76px;left:0;right:0;bottom:auto;width:auto;height:62px;padding:7px 13px;border-right:0;border-bottom:1px solid var(--line);overflow-x:auto;display:block}.sidebar nav{display:flex;width:max-content}.tab{width:auto;grid-template-columns:auto auto;gap:8px;padding:0 14px}.logout-button{display:none}.workspace{grid-column:1;padding:92px 22px 30px}.savebar{left:0}.editor-item{grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:720px){.login-card{padding:30px 20px}.topbar{padding:0 15px}.topbar-actions .secondary-button{display:none}.topbar-brand small{display:none}.workspace{padding-inline:14px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading>.secondary-button{width:100%}.form-grid,.image-grid,.texts-grid,.security-grid{grid-template-columns:1fr}.form-grid .full,.database-card{grid-column:auto}.editor-item{grid-template-columns:1fr}.editor-media{min-height:220px}.editor-fields,.service-item .editor-fields{grid-template-columns:1fr}.editor-fields .full,.service-item .item-actions{grid-column:auto}.compact-item{grid-template-columns:1fr}.savebar{padding:10px 14px}.savebar>p{display:none}.savebar>div{width:100%}.savebar a,.savebar button{flex:1}.panel-card{padding:18px 14px}.image-preview{min-height:250px}}

/* Recursos adicionais do painel */
.field-help{display:block;margin-top:6px;color:var(--muted);font-size:.6rem;font-weight:500}.inline-actions,.heading-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.admin-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:17px;padding:15px 17px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.admin-search{width:min(420px,100%)}.admin-toolbar>span{color:var(--muted);font-size:.68rem;font-weight:800}.drag-handle{position:absolute;z-index:5;right:12px;top:12px;min-height:31px;padding:0 10px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(0,0,0,.62);color:#dfe2e7;font-size:.58rem;font-weight:900;cursor:grab}.drag-handle:active{cursor:grabbing}.editor-item{position:relative}.editor-item.dragging{opacity:.45}.editor-item.drag-over{outline:2px solid var(--accent);outline-offset:3px}.toggle-field{position:relative;display:flex;align-items:center;gap:10px;min-height:47px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#080a0e;cursor:pointer}.toggle-field input{position:absolute;opacity:0;pointer-events:none}.toggle-visual{position:relative;flex:0 0 auto;width:40px;height:22px;border-radius:999px;background:#303641;transition:.2s}.toggle-visual::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.2s}.toggle-field input:checked+.toggle-visual{background:var(--accent)}.toggle-field input:checked+.toggle-visual::after{left:21px;background:#080a0d}.toggle-copy strong,.toggle-copy small{display:block}.toggle-copy strong{font-size:.67rem}.toggle-copy small{margin-top:2px;color:var(--muted);font-size:.57rem;font-weight:500}.uploading{opacity:.68;pointer-events:none}.project-editor-item{display:block;padding:0}.project-editor-top{display:grid;grid-template-columns:240px minmax(0,1fr);border-bottom:1px solid var(--line)}.project-editor-top .editor-media{min-height:360px}.editor-media[data-count]::after{content:attr(data-count)}.editor-badges{position:absolute;left:12px;top:12px;display:flex;flex-wrap:wrap;gap:6px}.badge{padding:5px 7px;border:1px solid rgba(var(--accent-rgb),.28);border-radius:999px;background:rgba(0,0,0,.68);color:var(--accent);font-size:.52rem;font-weight:900;letter-spacing:.09em}.badge.published{background:rgba(var(--accent-rgb),.92);color:#080a0d}.project-editor-item>.item-actions{padding:16px 19px;border-top:1px solid var(--line)}.project-gallery-editor{padding:20px}.gallery-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.gallery-editor-heading strong,.gallery-editor-heading small{display:block}.gallery-editor-heading strong{font-size:.78rem}.gallery-editor-heading small{margin-top:4px;color:var(--muted);font-size:.62rem}.project-thumbnails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.project-thumbnail{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#090b0f}.project-thumbnail img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.project-thumbnail>span{position:absolute;left:8px;top:8px;padding:4px 6px;border-radius:6px;background:rgba(0,0,0,.72);color:var(--accent);font-size:.5rem;font-weight:900}.thumbnail-actions{display:flex;flex-wrap:wrap;gap:5px;padding:8px}.thumbnail-actions .mini-button{flex:1}.thumbnail-actions .delete-link{padding:7px}.icon-mini{max-width:38px}.gallery-empty{grid-column:1/-1;padding:25px;border:1px dashed var(--line);border-radius:10px;color:var(--muted);text-align:center;font-size:.68rem}.nested-list{gap:12px}.small-editor-item{grid-template-columns:170px minmax(0,1fr)}.small-editor-item .editor-media{min-height:210px}.logo-media{background-size:contain;background-repeat:no-repeat}.package-admin-item{display:block}.package-admin-item .editor-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.texts-grid+.panel-card{margin-top:17px}.toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.toggle-grid>.full{grid-column:1/-1}.share-preview{width:min(720px,100%);aspect-ratio:1.91/1;margin-bottom:14px;border:1px solid var(--line);border-radius:14px;background:#080a0e center/cover no-repeat}.faq-compact-item{grid-template-columns:1fr 1.6fr auto}.lead-summary{display:flex;align-items:baseline;gap:10px;margin-bottom:17px;padding:18px 20px;border:1px solid rgba(var(--accent-rgb),.2);border-radius:14px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.08),rgba(14,18,24,.96))}.lead-summary strong{color:var(--accent);font-size:2rem}.lead-summary span{color:var(--muted);font-size:.72rem}.leads-list{display:grid;gap:13px}.lead-card{padding:19px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.lead-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.lead-card-header strong,.lead-card-header span{display:block}.lead-card-header strong{font-size:.94rem}.lead-card-header span{margin-top:4px;color:var(--muted);font-size:.64rem}.lead-actions{display:flex;gap:7px}.lead-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:16px}.lead-details>div{padding:11px;border:1px solid var(--line);border-radius:10px;background:#090b0f}.lead-details span,.lead-details strong{display:block}.lead-details span{color:var(--muted);font-size:.56rem}.lead-details strong{margin-top:4px;font-size:.68rem}.lead-message{margin:13px 0 0;padding:14px;border-left:3px solid var(--accent);background:#090b0f;color:#d6d9df;font-size:.72rem;white-space:pre-wrap}.empty-leads{text-align:center;color:var(--muted)}
@media(max-width:1100px){.project-thumbnails{grid-template-columns:repeat(3,minmax(0,1fr))}.lead-details{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.sidebar{height:68px}.workspace{padding-top:100px}.project-editor-top{grid-template-columns:200px minmax(0,1fr)}}
@media(max-width:720px){.admin-toolbar,.gallery-editor-heading,.lead-card-header{align-items:stretch;flex-direction:column}.admin-search{width:100%}.project-editor-top{grid-template-columns:1fr}.project-editor-top .editor-media{min-height:250px}.project-thumbnails{grid-template-columns:repeat(2,minmax(0,1fr))}.toggle-grid{grid-template-columns:1fr}.toggle-grid>.full{grid-column:auto}.package-admin-item .editor-fields{grid-template-columns:1fr}.faq-compact-item{grid-template-columns:1fr}.lead-actions{width:100%}.lead-actions>*{flex:1}.lead-details{grid-template-columns:1fr}.heading-actions{width:100%}.heading-actions>*{flex:1}.drag-handle{right:8px;top:8px}.gallery-editor-heading .file-label{width:100%}.project-editor-item>.item-actions{align-items:stretch;flex-direction:column;gap:12px}.project-editor-item>.item-actions .move-actions{display:grid;grid-template-columns:repeat(2,1fr)}.project-editor-item>.item-actions .move-actions>*{width:100%}.project-editor-item>.item-actions .delete-link{padding:10px;text-align:center}.thumbnail-actions .mini-button{font-size:.56rem}}
@media(max-width:420px){.project-thumbnails{grid-template-columns:1fr}.topbar-brand strong{font-size:.74rem}.sidebar{top:76px}.tab{padding:0 11px}.tab strong{font-size:.63rem}}


/* Seletor de logo: iniciais ou imagem do dispositivo */
.logo-choice-card{grid-column:1/-1;padding:22px}.logo-choice-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.logo-choice-heading strong,.logo-choice-heading small{display:block}.logo-choice-heading strong{font-size:1rem}.logo-choice-heading small{margin-top:6px;color:var(--muted);font-size:.68rem;line-height:1.55}.logo-choice-body{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:center}.logo-choice-preview-wrap{display:grid;justify-items:center;gap:9px;padding:22px;border:1px solid var(--line);border-radius:14px;background:#090b0f}.logo-choice-preview-wrap>small{color:var(--muted);font-size:.6rem;font-weight:800}.logo-choice-preview{width:104px;height:104px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(var(--accent-rgb),.65);border-radius:24px;background:#0b0e13;color:var(--accent);font-size:1.4rem;font-weight:900;box-shadow:0 16px 36px rgba(0,0,0,.24)}.logo-choice-preview img{display:block;width:100%;height:100%;object-fit:contain}.logo-choice-controls{display:grid;gap:14px}.logo-control-label{color:#e8eae5;font-size:.64rem;font-weight:900}.logo-mode-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.logo-mode-button{min-height:46px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:#090b0f;color:#bdc2ca;font-size:.67rem;font-weight:900;cursor:pointer}.logo-mode-button:hover{border-color:rgba(var(--accent-rgb),.4);color:#fff}.logo-mode-button.active{border-color:var(--accent);background:rgba(var(--accent-rgb),.1);color:var(--accent)}.logo-initials-field{display:block}.logo-upload-actions{display:flex;flex-wrap:wrap;gap:9px}.logo-upload-actions .secondary-button,.logo-upload-actions .mini-button{min-height:42px}.logo-upload-actions .mini-button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:720px){.logo-choice-card{padding:18px 14px}.logo-choice-body{grid-template-columns:1fr}.logo-mode-buttons{grid-template-columns:1fr}.logo-upload-actions{display:grid}.logo-upload-actions>*{width:100%}}


/* Sincronização visual com as cores e a logo escolhidas no painel */
:root{--accent-rgb:214,255,63;--accent-contrast:#080a0d}
body{background:var(--bg)}
.background-grid{background:radial-gradient(circle at 20% 12%,rgba(var(--accent-rgb),.11),transparent 25rem),radial-gradient(circle at 83% 75%,rgba(var(--accent-rgb),.07),transparent 23rem),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,auto,70px 70px,70px 70px}
.login-card{background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 94%,white),color-mix(in srgb,var(--bg) 94%,black))}
.topbar{background:color-mix(in srgb,var(--bg) 94%,transparent)}
.sidebar{background:color-mix(in srgb,var(--bg) 96%,transparent)}
.savebar{background:color-mix(in srgb,var(--bg) 96%,transparent)}
.panel-card{background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--panel) 84%,var(--bg)))}
.image-card,.editor-item{background:var(--panel)}
.compact-item,.logo-choice-preview-wrap{background:color-mix(in srgb,var(--panel) 76%,var(--bg))}
input,textarea,select{background:color-mix(in srgb,var(--bg) 82%,black)}
.tab:hover,.tab.active{background:color-mix(in srgb,var(--panel) 88%,white)}
.primary-button,.editor-media .secondary-button{color:var(--accent-contrast)}
.login-brand>span,.topbar-brand>span{color:var(--accent-contrast)}
.admin-brand-mark{overflow:hidden;border:1px solid rgba(var(--accent-rgb),.48);background:var(--accent);color:var(--accent-contrast);text-transform:uppercase;line-height:1}
.admin-brand-mark[data-mode="image"]{padding:0;background:color-mix(in srgb,var(--panel) 86%,var(--bg));border-color:rgba(var(--accent-rgb),.58)}
.admin-brand-mark img{display:block;width:100%;height:100%;object-fit:contain}
.logo-choice-preview{border-color:rgba(var(--accent-rgb),.65);background:color-mix(in srgb,var(--panel) 82%,var(--bg));color:var(--accent)}
.logo-mode-button.active{background:rgba(var(--accent-rgb),.1)}