/* Brand Kit — top-bar popover (moved here from the old standalone Business
   Proposals module so it's reachable regardless of which module is active).
   Save one logo + company identity once; every proposal template inserted
   onto the canvas picks it up automatically (see bkSave/bkLoad in JS). */
.bk-panel{ position:absolute; top:calc(100% + 8px); left:0; z-index:900; width:260px; background:var(--bg2); border:1px solid var(--border2); border-radius:12px; padding:14px; box-shadow:0 12px 32px rgba(0,0,0,0.35); display:none; }
.bk-panel.open{ display:block; }
.bk-panel h4{ margin:0 0 10px; font-size:13px; color:var(--text); display:flex; align-items:center; gap:6px; }
.bk-panel .bk-badge{ font-size:9px; font-weight:800; letter-spacing:.04em; background:rgba(0,194,255,0.15); color:#00c2ff; border-radius:5px; padding:2px 6px; }
.bk-row{ display:flex; align-items:center; gap:10px; margin-bottom:10px; }
.bk-logo-drop{ width:44px; height:44px; border-radius:9px; border:1.5px dashed var(--border2); display:flex; align-items:center; justify-content:center; cursor:pointer; flex-shrink:0; overflow:hidden; background:var(--surface2); }
.bk-logo-drop img{ width:100%; height:100%; object-fit:contain; }
.bk-logo-drop span{ font-size:16px; color:var(--text3); }
.bk-field{ flex:1; min-width:0; }
.bk-field input{ width:100%; background:var(--surface2); border:1px solid var(--border2); border-radius:7px; padding:6px 8px; font-size:12px; color:var(--text); }
.bk-field input::placeholder{ color:var(--text3); }
.bk-field + .bk-field{ margin-top:6px; }
.bk-actions{ display:flex; gap:8px; margin-top:4px; }
.bk-actions button{ flex:1; font-size:11px; font-weight:700; border-radius:7px; padding:7px 8px; cursor:pointer; border:1px solid var(--border2); background:var(--surface2); color:var(--text2); }
.bk-actions button.primary{ background:#00c2ff; border-color:#00c2ff; color:#001018; }
.bk-status{ font-size:10.5px; color:var(--text3); margin-top:8px; line-height:1.4; }