/* Basic styles for top-left menu and KDB modal */
.top-left-controls { position: fixed; top: 14px; left: 14px; z-index: 50; }
.menu-button { background:#fff; border:1px solid #ddd; padding:8px 10px; border-radius:8px; cursor:pointer; }
.left-dropdown { position:absolute; top:42px; left:0; background:#fff; border:1px solid #e5e7eb; border-radius:8px; box-shadow:0 6px 30px rgba(0,0,0,0.1); padding:8px; min-width:160px; }
.left-dropdown .dropdown-item { display:block; width:100%; text-align:left; border:none; background:none; padding:8px 10px; cursor:pointer; }

.modal .large { max-width: 900px; }
.kdb-list { max-height: 420px; overflow:auto; border:1px solid rgba(229,224,217,0.12); border-radius:10px; background: rgba(229,224,217,0.04); }
.kdb-item { display:flex; align-items:center; justify-content:space-between; padding:10px 12px; border-bottom:1px solid rgba(229,224,217,0.08); }
.kdb-item:last-child { border-bottom:none; }
.kdb-item .meta { color:#bfc6cf; font-size:12px; }
.kdb-item button { border:1px solid rgba(229,224,217,0.25); background: rgba(229,224,217,0.06); color:#E5E0D9; border-radius:8px; padding:6px 10px; cursor:pointer; }
.kdb-item button:hover { background: rgba(229,224,217,0.12); }
.kdb-item .title { font-weight:600; color:#E5E0D9; }

/* KDB buttons */
#kdbModal .kdb-btn.primary {
  background: linear-gradient(135deg, #667eea, #764ba2);
  color: #fff;
  border: 1px solid rgba(229,224,217,0.25);
  border-radius: 10px;
  padding: 8px 14px;
  cursor: pointer;
  transition: transform 0.12s ease, opacity 0.12s ease;
}
#kdbModal .kdb-btn.primary:hover { opacity: 0.95; transform: translateY(-1px); }
#kdbModal .kdb-btn.primary:disabled { opacity: 0.6; cursor: default; transform: none; }

#kdbModal .kdb-btn.ghost {
  background: rgba(229,224,217,0.06);
  color: #E5E0D9;
  border: 1px solid rgba(229,224,217,0.25);
  border-radius: 8px;
  padding: 6px 10px;
  cursor: pointer;
}
#kdbModal .kdb-btn.ghost:hover { background: rgba(229,224,217,0.12); }