/* ═══════════════════════════════════════════════════════════════ ADOBE THEME — Foco Laser Studio Ativa com data-theme="adobe" no . Só sobrescreve (não altera o Studio). Baseado em letreiro-ar-led.html (dark chrome + azul #2F80FF + Source Sans 3). ═══════════════════════════════════════════════════════════════ */ @import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300;400;500;600;700&display=swap'); [data-theme="adobe"]{ /* fundos chrome */ --bg0:#17181A; --bg1:#202124; --bg2:#26282B; --chrome-3:#2E3034; --chrome-4:#383A3F; --canvas:#121315; --glass:rgba(255,255,255,.035); --glass2:rgba(255,255,255,.06); --gb:rgba(47,128,255,.12); --gb2:rgba(47,128,255,.20); /* "roxo" → azul Adobe (usado em vários acentos) */ --pu0:#2F80FF; --pu1:#2F80FF; --pu2:#2F80FF; --pu3:#2F80FF; --pu-glow:transparent; --pu-ring:transparent; --white:#fff; --t1:#ECEDEE; --t2:#9A9DA3; --t3:#2F80FF; --muted:#66686E; --border:rgba(255,255,255,.08); --border2:rgba(255,255,255,.13); --surf-base:255 255 255; --accent-base:47 128 255; --bg-base:23 24 26; --text-accent:#2F80FF; --accent:#2F80FF; --accent-hi:#4E96FF; --accent-tint:rgba(47,128,255,.15); --sans:'Source Sans 3','Inter',sans-serif; } /* base — mata o brilho neon roxo de fundo do Studio */ [data-theme="adobe"] body{ background:var(--bg0); color:var(--t1); font-family:var(--sans); } [data-theme="adobe"] body::before, [data-theme="adobe"] body::after{ display:none !important; } /* ── HEADER chrome plano ── */ [data-theme="adobe"] header{ background:var(--bg1) !important; border-bottom:1px solid var(--border2) !important; box-shadow:none !important; backdrop-filter:none !important; } [data-theme="adobe"] .h-wordmark-top{ color:var(--t2); letter-spacing:.08em; } [data-theme="adobe"] .h-wordmark-bot{ color:var(--t1); } /* abas de produto = segmented Adobe */ [data-theme="adobe"] .h-mod-btn{ color:var(--t2) !important; background:transparent !important; border:none !important; border-radius:5px; font-weight:600; font-size:.82rem; padding:6px 13px; box-shadow:none !important; } [data-theme="adobe"] .h-mod-btn:hover{ background:var(--chrome-3) !important; color:var(--t1) !important; } [data-theme="adobe"] .h-mod-btn.active{ background:var(--chrome-4) !important; color:var(--t1) !important; box-shadow:0 1px 2px rgba(0,0,0,.3) !important; } [data-theme="adobe"] .mod-count{ color:var(--text-accent) !important; opacity:1; } [data-theme="adobe"] .h-mod-btn.active .mod-count{ color:var(--text-accent) !important; } /* inputs / selects planos */ [data-theme="adobe"] .f-inp, [data-theme="adobe"] .h-pedido-input, [data-theme="adobe"] .h-cliente-input, [data-theme="adobe"] input[type="text"], [data-theme="adobe"] input[type="number"], [data-theme="adobe"] input[type="email"], [data-theme="adobe"] textarea, [data-theme="adobe"] select{ background:var(--bg0) !important; border:1px solid var(--border2) !important; color:var(--t1) !important; border-radius:5px !important; box-shadow:none !important; } [data-theme="adobe"] .f-inp:focus, [data-theme="adobe"] input:focus, [data-theme="adobe"] select:focus{ border-color:var(--text-accent) !important; box-shadow:0 0 0 2px var(--gb) !important; } [data-theme="adobe"] ::placeholder{ color:var(--muted) !important; } /* botões do header (Prévia/Exportar/Salvar/Gestão) */ [data-theme="adobe"] .btn-preview, [data-theme="adobe"] .btn-export, [data-theme="adobe"] .h-btn, [data-theme="adobe"] .h-btn-buscar{ background:var(--bg2) !important; border:1px solid var(--border2) !important; color:var(--t1) !important; border-radius:6px !important; box-shadow:none !important; background-image:none !important; } [data-theme="adobe"] .btn-preview:hover, [data-theme="adobe"] .btn-export:hover, [data-theme="adobe"] .h-btn:hover{ background:var(--chrome-3) !important; } /* ── SEÇÕES do painel PLANAS (igual letreiro: sem caixa/borda, só divisória) ── */ [data-theme="adobe"] .g-card{ background:transparent !important; border:none !important; border-radius:0 !important; border-bottom:1px solid var(--border) !important; box-shadow:none !important; background-image:none !important; backdrop-filter:none !important; padding:16px 0 !important; margin:0 !important; } [data-theme="adobe"] .sidebar-inner > .g-card:last-child{ border-bottom:none !important; } [data-theme="adobe"] .s-title{ color:var(--t1) !important; } [data-theme="adobe"] .s-badge{ background:var(--bg2) !important; border:1px solid var(--border2) !important; color:var(--text-accent) !important; box-shadow:none !important; } [data-theme="adobe"] .s-rule{ background:var(--border) !important; } [data-theme="adobe"] .f-label{ color:var(--t2) !important; } /* sidebar / stage */ [data-theme="adobe"] .sidebar, [data-theme="adobe"] .dq-workspace > .sidebar{ background:var(--bg1) !important; border-right:1px solid var(--border2) !important; } [data-theme="adobe"] .dq-stage, [data-theme="adobe"] .dq-stage-canvas{ background:var(--canvas) !important; } /* segmented control genérico (dq-seg) */ [data-theme="adobe"] .dq-seg{ background:var(--bg0) !important; border:1px solid var(--border2) !important; border-radius:6px !important; } [data-theme="adobe"] .dq-seg button{ color:var(--t2) !important; background:transparent !important; border-radius:4px !important; } [data-theme="adobe"] .dq-seg button.on, [data-theme="adobe"] .dq-seg button[aria-pressed="true"]{ background:var(--chrome-4) !important; color:var(--t1) !important; } /* botões dq-btn */ [data-theme="adobe"] .dq-btn{ background:var(--bg2) !important; border:1px solid var(--border2) !important; color:var(--t1) !important; border-radius:6px !important; box-shadow:none !important; background-image:none !important; } [data-theme="adobe"] .dq-btn:hover{ background:var(--chrome-3) !important; } /* SWATCHES: a caixa de cores em bloco é governada pelo colorbox.css (nome+código+grupos) */ [data-theme="adobe"] .dq-swatches{ display:block !important; grid-template-columns:none !important; } /* chips / model grid */ [data-theme="adobe"] .dq-model-grid > *, [data-theme="adobe"] .chip{ background:var(--bg2) !important; border:1px solid var(--border2) !important; color:var(--t2) !important; border-radius:5px !important; } [data-theme="adobe"] .dq-model-grid > *.active, [data-theme="adobe"] .chip.active, [data-theme="adobe"] .dq-model-grid > *.on{ background:var(--gb) !important; border-color:var(--text-accent) !important; color:var(--text-accent) !important; } /* scrollbar estilo app */ [data-theme="adobe"] ::-webkit-scrollbar{ width:12px; } [data-theme="adobe"] ::-webkit-scrollbar-thumb{ background:var(--chrome-4) !important; border:3px solid var(--bg1); border-radius:6px; } [data-theme="adobe"] ::-webkit-scrollbar-track{ background:transparent; } /* ═══ REFINAMENTO: 1 padrão só — sem neon roxo/dourado, ícones AZUIS ═══ */ /* mata o neon DOURADO universal dos ícones → azul chapado (sem pulso, sem glow) */ [data-theme="adobe"] .s-badge svg, [data-theme="adobe"] .lz-icon svg, [data-theme="adobe"] .h-btn-buscar svg, [data-theme="adobe"] .h-btn-save svg, [data-theme="adobe"] .h-btn-save:hover svg, [data-theme="adobe"] .mod-btn.active .mod-ico svg, [data-theme="adobe"] .m-btn.active .m-ico svg, [data-theme="adobe"] .cp-btn:hover:not(:disabled) svg, [data-theme="adobe"] .broche-item .bi-del:hover svg{ animation:none !important; filter:none !important; color:var(--text-accent) !important; } [data-theme="adobe"] .h-btn-undo:not(:disabled):hover{ color:var(--text-accent) !important; border-color:var(--border2) !important; } [data-theme="adobe"] .pedido-modified{ color:var(--text-accent) !important; } /* mata as sombras/bordas ROXAS hardcoded (um padrão só: flat + borda sutil) */ [data-theme="adobe"] #btnExport, [data-theme="adobe"] #btnBaixarPedido{ border:1px solid var(--border2) !important; box-shadow:none !important; } [data-theme="adobe"] .h-gem{ box-shadow:none !important; border:1px solid var(--border2) !important; animation:none !important; background:linear-gradient(135deg,var(--text-accent),#1e5fd0) !important; } [data-theme="adobe"] *{ text-shadow:none !important; } /* estado vazio sem tinta roxa */ [data-theme="adobe"] .dq-empty b{ color:var(--t1) !important; } [data-theme="adobe"] .dq-empty .ico{ color:var(--muted) !important; } /* ═══ MATAR os CONTORNOS NEON dos botões (topo + sidebar broche) — 1 padrão só ═══ */ [data-theme="adobe"] .h-mod-btn, [data-theme="adobe"] .h-mod-btn.active, [data-theme="adobe"] .h-btn-buscar, [data-theme="adobe"] .h-btn-undo, [data-theme="adobe"] #btn-gestao, [data-theme="adobe"] #btnPreview, [data-theme="adobe"] #btnExport, [data-theme="adobe"] #btnBaixarPedido{ box-shadow:none !important; } [data-theme="adobe"] .h-btn-buscar, [data-theme="adobe"] .h-btn-undo, [data-theme="adobe"] #btn-gestao, [data-theme="adobe"] #btnPreview{ border:1px solid var(--border2) !important; color:var(--t1) !important; background:var(--bg2) !important; } [data-theme="adobe"] .h-pedido-label{ color:var(--text-accent) !important; } /* Salvar/Desativar: cor semântica mantida, mas SEM glow */ [data-theme="adobe"] #btnSavePedido{ box-shadow:none !important; border:1px solid rgba(52,211,153,.55) !important; } [data-theme="adobe"] #btnDesativar{ box-shadow:none !important; border:1px solid rgba(239,68,68,.55) !important; } /* botões da sidebar do BROCHE (Champagne/Calligraphy, Tamanhos a todos, Dr./Dra., + Adicionar, Mesma/Individual) */ [data-theme="adobe"] .pfx-btn, [data-theme="adobe"] .font-btn, [data-theme="adobe"] .broche-add, [data-theme="adobe"] .logo-mode button{ border:1px solid var(--border2) !important; box-shadow:none !important; background:var(--bg2) !important; background-image:none !important; color:var(--t2) !important; } [data-theme="adobe"] .pfx-btn:hover, [data-theme="adobe"] .font-btn:hover, [data-theme="adobe"] .broche-add:hover, [data-theme="adobe"] .logo-mode button:hover{ border-color:var(--border2) !important; box-shadow:none !important; background:var(--chrome-3) !important; color:var(--t1) !important; } [data-theme="adobe"] .pfx-btn.pfx-on, [data-theme="adobe"] .font-btn.active, [data-theme="adobe"] .logo-mode button.active{ border-color:var(--text-accent) !important; box-shadow:none !important; background:var(--gb) !important; background-image:none !important; color:var(--text-accent) !important; } /* palco do broche: canvas dark neutro + zoom/pager/toggle sem roxo */ [data-theme="adobe"] .canvas.bg-dark{ background-color:var(--canvas) !important; } [data-theme="adobe"] .broche-zoombar, [data-theme="adobe"] .canvas-pager, [data-theme="adobe"] .canvas-bg-toggle{ background:var(--bg1) !important; border:1px solid var(--border2) !important; box-shadow:none !important; } [data-theme="adobe"] .broche-zoombar .zb-btn{ background:var(--bg2) !important; border:1px solid var(--border2) !important; color:var(--t2) !important; } [data-theme="adobe"] .broche-zoombar .zb-btn:hover{ background:var(--chrome-3) !important; } [data-theme="adobe"] .broche-zoombar .zb-level{ color:var(--t1) !important; } /* réguas do palco (H/V): fundo + borda neutros, sem roxo (preserva os ticks) */ [data-theme="adobe"] #rulerH{ background-color:var(--bg1) !important; border-bottom-color:var(--border2) !important; } [data-theme="adobe"] #rulerV{ background-color:var(--bg1) !important; border-right-color:var(--border2) !important; } /* paginação do canvas sem roxo */ [data-theme="adobe"] .canvas-pager{ background:var(--bg1) !important; border:1px solid var(--border2) !important; box-shadow:none !important; } [data-theme="adobe"] .cp-btn{ border:1px solid var(--border2) !important; background:var(--bg2) !important; color:var(--t2) !important; box-shadow:none !important; } [data-theme="adobe"] .cp-btn:hover:not(:disabled){ background:var(--chrome-3) !important; color:var(--t1) !important; border-color:var(--chrome-4) !important; } /* guias de arraste em azul (eram rosa) */ [data-theme="adobe"] .guide-h, [data-theme="adobe"] .guide-v{ stroke:var(--text-accent) !important; } /* ═══════════════ PAINEL DO BROCHE — redesign padrão letreiro ═══════════════ */ /* labels bem visíveis (nome mais forte) */ [data-theme="adobe"] #workspace-broche .f-label, [data-theme="adobe"] #workspace-broche .fs-label{ font-size:.76rem !important; font-weight:600 !important; color:var(--t1) !important; letter-spacing:.01em !important; text-transform:none !important; margin-bottom:6px !important; opacity:1 !important; } [data-theme="adobe"] #workspace-broche .prof-toggle-label{ font-size:.78rem !important; font-weight:600 !important; color:var(--t1) !important; } /* espaçamento consistente entre grupos */ [data-theme="adobe"] #workspace-broche .f-group{ margin-bottom:13px !important; } /* botões quadrados uniformes (font + adicionar + ações) */ [data-theme="adobe"] #workspace-broche .font-btn, [data-theme="adobe"] #workspace-broche .broche-add, [data-theme="adobe"] #workspace-broche .text-actions .pfx-btn{ height:34px !important; border-radius:5px !important; font-size:.8rem !important; font-weight:600 !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:5px; } /* Champagne/Calligraphy = 2 colunas iguais */ [data-theme="adobe"] #workspace-broche .font-row, [data-theme="adobe"] #workspace-broche .font-btns{ display:grid !important; grid-template-columns:1fr 1fr; gap:7px; } /* chips de prefixo (Dr./Dra./...) uniformes */ [data-theme="adobe"] #workspace-broche .pfx-quick{ display:flex !important; flex-wrap:wrap; gap:6px; } [data-theme="adobe"] #workspace-broche .pfx-quick .pfx-btn{ height:30px !important; padding:0 12px !important; border-radius:5px !important; font-size:.78rem !important; } /* AA Maiúsculas alinhado à direita, mesmo estilo */ [data-theme="adobe"] #workspace-broche #btnProfCase{ height:30px !important; border-radius:5px !important; font-size:.78rem !important; } /* inputs de tamanho: 3 colunas, quadrados, centralizados */ [data-theme="adobe"] #workspace-broche .fs-row{ display:grid !important; grid-template-columns:1fr 1fr 1fr; gap:7px !important; } [data-theme="adobe"] #workspace-broche .fs-group{ min-width:0; } [data-theme="adobe"] #workspace-broche .fs-input{ height:34px !important; border-radius:5px !important; text-align:center !important; background:var(--bg0) !important; border:1px solid var(--border2) !important; } /* text-actions: grid organizado */ [data-theme="adobe"] #workspace-broche .text-actions{ display:grid !important; grid-template-columns:1fr 1fr; gap:7px !important; } [data-theme="adobe"] #workspace-broche .text-actions .ta-full{ grid-column:1 / -1; } /* card "Profissão: Montserrat" (embutida) limpo */ [data-theme="adobe"] #workspace-broche .font-info{ background:var(--bg2) !important; border:1px solid var(--border) !important; border-radius:6px !important; padding:8px 10px !important; box-shadow:none !important; } [data-theme="adobe"] #workspace-broche .fr-icon{ color:var(--text-accent) !important; } [data-theme="adobe"] #workspace-broche .fr-txt{ color:var(--t2) !important; } [data-theme="adobe"] #workspace-broche .fr-tag{ background:var(--gb) !important; color:var(--text-accent) !important; border:1px solid var(--border2) !important; border-radius:4px !important; font-size:.66rem !important; padding:2px 6px !important; } /* lista de broches + toggle: cantos quadrados */ [data-theme="adobe"] #workspace-broche .broche-item, [data-theme="adobe"] #workspace-broche .broche-add{ border-radius:6px !important; } /* input de quantidade uniforme */ [data-theme="adobe"] #workspace-broche #fQtdBroches{ height:34px !important; border-radius:5px !important; text-align:center; } /* AA Maiúsculas: largura total (não flutua) */ [data-theme="adobe"] #workspace-broche #btnProfCase{ display:block !important; width:100% !important; margin-top:8px !important; } /* Champagne / Calligraphy: 2 colunas iguais preenchendo */ [data-theme="adobe"] #workspace-broche .font-btn{ flex:1 1 0 !important; width:auto !important; } /* chips de prefixo distribuídos (5 iguais) */ [data-theme="adobe"] #workspace-broche .pfx-quick{ display:grid !important; grid-template-columns:repeat(5,1fr) !important; gap:6px !important; } [data-theme="adobe"] #workspace-broche .pfx-quick .pfx-btn{ padding:0 !important; width:100% !important; } [data-theme="adobe"] #workspace-broche .pfx-row{ display:flex !important; flex-direction:column; gap:8px; } /* labels de tamanho: 1 linha, alinhados (texto encurtado no HTML) */ [data-theme="adobe"] #workspace-broche .fs-label{ white-space:nowrap !important; min-height:0 !important; font-size:.72rem !important; } /* título "Tamanho da fonte" acima dos 3 campos */ [data-theme="adobe"] #workspace-broche .fs-head{ font-size:.76rem !important; font-weight:600 !important; color:var(--t1) !important; margin:4px 0 6px !important; } /* ═══ MENUS QUADRADOS — radius sutil igual letreiro (5-7px), sem pills/arredondado ═══ */ [data-theme="adobe"] .h-mod-btn, [data-theme="adobe"] .dq-btn, [data-theme="adobe"] .pfx-btn, [data-theme="adobe"] .font-btn, [data-theme="adobe"] .broche-add, [data-theme="adobe"] .logo-mode button, [data-theme="adobe"] .f-inp, [data-theme="adobe"] .h-pedido-input, [data-theme="adobe"] .h-cliente-input, [data-theme="adobe"] input[type="text"], [data-theme="adobe"] input[type="number"], [data-theme="adobe"] select, [data-theme="adobe"] textarea, [data-theme="adobe"] .btn-preview, [data-theme="adobe"] .btn-export, [data-theme="adobe"] .h-btn-buscar, [data-theme="adobe"] .h-btn-undo, [data-theme="adobe"] #btn-gestao, [data-theme="adobe"] #btnPreview, [data-theme="adobe"] #btnExport, [data-theme="adobe"] #btnBaixarPedido, [data-theme="adobe"] #btnSavePedido, [data-theme="adobe"] #btnDesativar, [data-theme="adobe"] .dq-seg, [data-theme="adobe"] .dq-seg button, [data-theme="adobe"] .s-badge, [data-theme="adobe"] .dq-swatches > *, [data-theme="adobe"] .modelo-grid > *, [data-theme="adobe"] .dq-model-grid > *, [data-theme="adobe"] .broche-item{ border-radius:5px !important; } [data-theme="adobe"] .g-card, [data-theme="adobe"] .dq-paper{ border-radius:7px !important; } [data-theme="adobe"] .broche-zoombar, [data-theme="adobe"] .canvas-pager, [data-theme="adobe"] .dq-zoombar{ border-radius:8px !important; } [data-theme="adobe"] .broche-zoombar .zb-btn, [data-theme="adobe"] .canvas-bg-toggle, [data-theme="adobe"] .zb-btn{ border-radius:6px !important; } /* ═══════════════ HEADER Adobe — botões uniformes, flat, Salvar=primário ═══════════════ */ [data-theme="adobe"] .h-actions{ display:flex !important; align-items:center; gap:7px; } [data-theme="adobe"] .h-actions button{ height:32px !important; min-height:32px !important; padding:0 12px !important; border-radius:5px !important; font-size:.82rem !important; font-weight:600 !important; line-height:1 !important; display:inline-flex !important; align-items:center !important; justify-content:center; gap:6px !important; border:1px solid var(--border2) !important; background:var(--bg2) !important; background-image:none !important; color:var(--t1) !important; box-shadow:none !important; white-space:nowrap; cursor:pointer; } [data-theme="adobe"] .h-actions button:hover{ background:var(--chrome-3) !important; border-color:var(--chrome-4) !important; } [data-theme="adobe"] .h-actions button svg{ width:14px !important; height:14px !important; opacity:.85; flex:0 0 auto; } /* Salvar = ação primária (azul preenchido) */ [data-theme="adobe"] #btnSavePedido{ background:var(--accent) !important; border-color:var(--accent) !important; color:#fff !important; } [data-theme="adobe"] #btnSavePedido:hover{ background:var(--accent-hi) !important; border-color:var(--accent-hi) !important; } [data-theme="adobe"] #btnSavePedido svg{ opacity:1; } /* Desativar = sutil (vermelho discreto, sem borda neon) */ [data-theme="adobe"] #btnDesativar{ color:#e8908f !important; border-color:var(--border2) !important; } [data-theme="adobe"] #btnDesativar:hover{ background:rgba(239,68,68,.12) !important; border-color:rgba(239,68,68,.4) !important; color:#f4bcbb !important; } [data-theme="adobe"] #btnDesativar.is-reativar{ color:#4ade80 !important; border-color:var(--border2) !important; } /* busca + undo = ícones quadrados uniformes */ [data-theme="adobe"] .h-btn-buscar, [data-theme="adobe"] .h-btn-undo{ width:32px !important; height:32px !important; min-width:32px; padding:0 !important; border-radius:5px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; border:1px solid var(--border2) !important; background:var(--bg2) !important; color:var(--t2) !important; box-shadow:none !important; } [data-theme="adobe"] .h-btn-buscar:hover, [data-theme="adobe"] .h-btn-undo:not(:disabled):hover{ background:var(--chrome-3) !important; color:var(--t1) !important; } [data-theme="adobe"] .h-btn-undo:disabled{ opacity:.4; } /* inputs do pedido + toggle + tabs: mesma altura */ [data-theme="adobe"] .h-pedido-input, [data-theme="adobe"] .h-cliente-input{ height:32px !important; } [data-theme="adobe"] .theme-toggle{ width:32px !important; height:32px !important; border-radius:5px !important; border:1px solid var(--border2) !important; background:var(--bg2) !important; box-shadow:none !important; } [data-theme="adobe"] .h-mod-btn{ height:32px !important; display:inline-flex !important; align-items:center !important; } /* etiqueta de dimensão (55×25mm) discreta */ [data-theme="adobe"] .h-tag{ background:var(--bg2) !important; border:1px solid var(--border) !important; color:var(--t2) !important; border-radius:5px !important; box-shadow:none !important; } /* divisores sutis */ [data-theme="adobe"] .h-divider{ background:var(--border2) !important; } /* ═══════════════ TIPOGRAFIA = tela do letreiro (Source Sans 3 + escala) ═══════════════ */ [data-theme="adobe"] body, [data-theme="adobe"] .sidebar, [data-theme="adobe"] .sidebar *, [data-theme="adobe"] .g-card, [data-theme="adobe"] .g-card *, [data-theme="adobe"] .h-wordmark, [data-theme="adobe"] .h-wordmark *, [data-theme="adobe"] .h-mod-btn, [data-theme="adobe"] .h-actions, [data-theme="adobe"] .h-actions *, [data-theme="adobe"] input, [data-theme="adobe"] select, [data-theme="adobe"] textarea, [data-theme="adobe"] button, [data-theme="adobe"] .dq-pal-lab, [data-theme="adobe"] .dq-pal-code, [data-theme="adobe"] .dq-pal-group{ font-family:var(--sans) !important; /* Source Sans 3 */ } [data-theme="adobe"] body{ font-size:14px; } /* escala do letreiro */ [data-theme="adobe"] .s-title{ font-size:.82rem !important; font-weight:600 !important; } [data-theme="adobe"] .f-label, [data-theme="adobe"] .fs-label, [data-theme="adobe"] .qty-lbl, [data-theme="adobe"] .prof-toggle-label, [data-theme="adobe"] .tc-label{ font-size:.78rem !important; font-weight:500 !important; } [data-theme="adobe"] .f-inp, [data-theme="adobe"] .h-pedido-input, [data-theme="adobe"] .h-cliente-input, [data-theme="adobe"] input, [data-theme="adobe"] select, [data-theme="adobe"] textarea{ font-size:.86rem !important; } [data-theme="adobe"] .dq-btn, [data-theme="adobe"] .pfx-btn, [data-theme="adobe"] .font-btn, [data-theme="adobe"] .broche-add, [data-theme="adobe"] .dq-seg button, [data-theme="adobe"] .logo-mode button, [data-theme="adobe"] .h-mod-btn, [data-theme="adobe"] .h-actions button{ font-size:.82rem !important; } /* caixa de cores: mesmos tamanhos do letreiro */ [data-theme="adobe"] .dq-pal-group{ font-size:.68rem !important; letter-spacing:.06em; } [data-theme="adobe"] .dq-pal-lab{ font-size:.8rem !important; } [data-theme="adobe"] .dq-pal-code{ font-size:.66rem !important; } /* fix: labels de tamanho quebram em 2 linhas (não truncar) */ [data-theme="adobe"] #workspace-broche .fs-label{ white-space:normal !important; line-height:1.15 !important; font-size:.7rem !important; min-height:2.1em; overflow:visible !important; text-overflow:clip !important; } /* ═══════════════ AUMENTAR — mais presença agora que as seções são planas ═══════════════ */ [data-theme="adobe"] .sidebar .f-inp, [data-theme="adobe"] .sidebar input[type="text"], [data-theme="adobe"] .sidebar input[type="number"], [data-theme="adobe"] .sidebar select, [data-theme="adobe"] #workspace-broche .fs-input, [data-theme="adobe"] #workspace-broche #fQtdBroches{ height:40px !important; font-size:.92rem !important; padding:0 12px !important; } [data-theme="adobe"] .sidebar .f-label, [data-theme="adobe"] #workspace-broche .f-label, [data-theme="adobe"] #workspace-broche .fs-label, [data-theme="adobe"] #workspace-broche .fs-head, [data-theme="adobe"] .f-label{ font-size:.82rem !important; } [data-theme="adobe"] .s-title{ font-size:.94rem !important; } [data-theme="adobe"] .prof-toggle-label{ font-size:.84rem !important; } /* botões maiores */ [data-theme="adobe"] #workspace-broche .font-btn, [data-theme="adobe"] #workspace-broche .broche-add, [data-theme="adobe"] #workspace-broche .text-actions .pfx-btn, [data-theme="adobe"] .dq-btn, [data-theme="adobe"] .dq-seg button, [data-theme="adobe"] .logo-mode button{ height:40px !important; font-size:.86rem !important; } [data-theme="adobe"] #workspace-broche .pfx-quick .pfx-btn, [data-theme="adobe"] #workspace-broche #btnProfCase{ height:37px !important; font-size:.82rem !important; } /* caixa de cores um pouco maior */ [data-theme="adobe"] .dq-pal-sw{ height:62px !important; } [data-theme="adobe"] .dq-pal-lab{ font-size:.86rem !important; } [data-theme="adobe"] .dq-pal-code{ font-size:.7rem !important; } [data-theme="adobe"] .dq-pal-group{ font-size:.72rem !important; } /* botão de tema (lua) removido — Adobe é o padrão fixo */ .theme-toggle{ display:none !important; } /* fix FINAL posicionamento chips prefixo + Prefixo input (força coluna + largura total) */ [data-theme="adobe"] #workspace-broche .pfx-row{ display:flex !important; flex-direction:column !important; align-items:stretch !important; gap:8px !important; } [data-theme="adobe"] #workspace-broche .pfx-quick{ display:grid !important; grid-template-columns:repeat(5,1fr) !important; gap:6px !important; width:100% !important; justify-content:stretch !important; } [data-theme="adobe"] #workspace-broche .pfx-quick .pfx-btn{ width:100% !important; min-width:0 !important; padding:0 !important; } [data-theme="adobe"] #workspace-broche .pfx-input{ width:100% !important; margin:0 !important; } /* ═══════════════ PLACA DE PORTA (CSS próprio) — escopo data-page="placa" ═══════════════ */ [data-page="placa"]{ --bg:#17181A; --sb:#202124; --sb2:#26282B; --card:transparent; --tx:#ECEDEE; --tx2:#9A9DA3; --tx3:#66686E; --inp-bg:#17181A; --pu:#2F80FF; --pu2:#2F80FF; --border:rgba(255,255,255,.08); --border2:rgba(255,255,255,.13); --pu-glow:transparent; } [data-page="placa"] body{ background:var(--bg) !important; color:var(--tx) !important; font-family:var(--sans) !important; } [data-page="placa"] .g-card{ background:transparent !important; border:none !important; border-bottom:1px solid var(--border) !important; border-radius:0 !important; padding:16px 0 !important; } [data-page="placa"] .sidebar-inner > .g-card:last-child, [data-page="placa"] aside > .g-card:last-child{ border-bottom:none !important; } /* botões */ [data-page="placa"] .btn-apply, [data-page="placa"] .btn-nav{ background:var(--bg2) !important; border:1px solid var(--border2) !important; color:var(--t1) !important; border-radius:5px !important; box-shadow:none !important; } [data-page="placa"] .btn-apply:hover, [data-page="placa"] .btn-nav:hover{ background:var(--chrome-3) !important; } [data-page="placa"] .btn-done{ background:var(--accent) !important; border:none !important; color:#fff !important; border-radius:5px !important; } [data-page="placa"] .btn-done:hover{ background:var(--accent-hi) !important; } /* inputs/selects */ [data-page="placa"] .fi, [data-page="placa"] .fsel, [data-page="placa"] .fs-input{ background:var(--bg0) !important; border:1px solid var(--border2) !important; color:var(--t1) !important; border-radius:5px !important; } /* swatch de fundo (o de cor da placa já é colorbox) */ [data-page="placa"] .dq-swatch{ border:1px solid var(--border2) !important; } [data-page="placa"] .dq-swatch.active{ box-shadow:0 0 0 2px var(--gb) !important; border-color:var(--text-accent) !important; } /* lua da placa (se houver) */ [data-page="placa"] .theme-toggle, [data-page="placa"] .theme-sw{ display:none !important; } [data-page="placa"] .placa-bg-toggle{ display:none !important; } /* FUNDO da placa agora em BLOCO (cor + nome) — container block pro .dq-pal-grid fluir */ [data-page="placa"] #fundo-swatches{ display:block !important; } /* painel da placa = mesma cor do painel do letreiro (#202124), não o roxo-escuro original */ [data-page="placa"] #sidebar, [data-page="placa"] aside{ background:var(--bg1) !important; border-right:1px solid var(--border2) !important; backdrop-filter:none !important; } /* divisórias visíveis entre os botões dos segmentos (dq-seg) — todos os módulos */ [data-theme="adobe"] .dq-seg{ gap:0 !important; } [data-theme="adobe"] .dq-seg button{ border-radius:0 !important; } [data-theme="adobe"] .dq-seg button + button{ border-left:1px solid var(--border2) !important; } [data-theme="adobe"] .dq-seg button:first-child{ border-radius:5px 0 0 5px !important; } [data-theme="adobe"] .dq-seg button:last-child{ border-radius:0 5px 5px 0 !important; } /* segmentos com CARA DE BOTÃO: hover azul + ativo azul (como os outros botões) */ [data-theme="adobe"] .dq-seg button{ transition:background .12s, color .12s !important; cursor:pointer; } [data-theme="adobe"] .dq-seg button:hover{ background:var(--gb) !important; color:var(--text-accent) !important; } [data-theme="adobe"] .dq-seg button.on, [data-theme="adobe"] .dq-seg button.active, [data-theme="adobe"] .dq-seg button[aria-pressed="true"]{ background:var(--accent) !important; color:#fff !important; } [data-theme="adobe"] .dq-seg button.on:hover, [data-theme="adobe"] .dq-seg button.active:hover{ background:var(--accent-hi) !important; color:#fff !important; }