/* Câmera do Klug em qualquer janela (klug-camera.js) */
.kc-rel { position: relative; }
.kc-btn { position: absolute; top: 8px; right: 8px; z-index: 3; width: 34px; height: 34px; min-height: 0 !important; padding: 0 !important; display: inline-grid; place-items: center; border-radius: 50%; border: 1px solid var(--linha, #e5e7eb); background: var(--sup, #fff); color: #4338ca; cursor: pointer; box-shadow: 0 1px 3px rgba(0,0,0,.08); opacity: .85; }
.kc-btn:hover, .kc-btn:focus-visible { opacity: 1; border-color: #4338ca; }
#gaveta > .kc-btn { top: 12px; right: 52px; }
dialog > .kc-btn { top: 12px; right: 12px; }
.kc-aviso { position: relative; margin: 6px 44px 8px 0; padding: 8px 34px 8px 10px; border-radius: 8px; font-size: .88rem; line-height: 1.4; }
.kc-aviso .btn { margin-top: 6px; }
.kc-aviso small { display: block; width: 100%; color: inherit; opacity: .85; }
.kc-px { background: #eef2ff; color: #3730a3; }
.kc-ok { background: #f0fdf4; color: #166534; }
.kc-at { background: #fffbeb; color: #92400e; }
.kc-mal { background: #fef2f2; color: #991b1b; }
.kc-x { position: absolute; top: 4px; right: 4px; border: 0; background: none; cursor: pointer; color: inherit; min-width: 28px; min-height: 28px; }
input.kc-ok, select.kc-ok, textarea.kc-ok { outline: 2px solid #22c55e; outline-offset: 1px; background: #f0fdf4 !important; color: inherit; }
label.kc-ok { background: transparent; outline: 2px solid #22c55e; border-radius: 6px; }
.kc-qr { display: grid; justify-items: center; gap: 8px; padding: 0 20px; }
.kc-qr svg { width: 220px; height: 220px; }