/* TechLogics Credentials DB – Public Styles */
.tlpwd-db-wrap { background:#fff; border:1px solid #e0e0e0; border-radius:14px; overflow:hidden; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; margin:24px 0; }
.tlpwd-db-head { padding:18px 22px 14px; border-bottom:1px solid #f0f0f0; display:flex; align-items:flex-start; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.tlpwd-db-title { font-size:17px; font-weight:600; color:#111; margin:0 0 3px; }
.tlpwd-db-sub { font-size:12px; color:#aaa; margin:0; }
.tlpwd-db-search-wrap { position:relative; display:flex; align-items:center; }
.tlpwd-db-search-icon { position:absolute; left:12px; color:#ccc; font-size:14px; pointer-events:none; }
.tlpwd-db-search { padding:9px 36px 9px 34px; font-size:13px; border:1px solid #e0e0e0; border-radius:10px; background:#f7f7f7; color:#333; outline:none; width:260px; }
.tlpwd-db-search:focus { border-color:#bbb; background:#fff; }
.tlpwd-db-search-clear { position:absolute; right:10px; background:none; border:none; color:#bbb; cursor:pointer; font-size:16px; padding:2px 4px; line-height:1; }

/* TABS ROW */
.tlpwd-db-tabs-row { padding:14px 22px 0; border-bottom:1px solid #f0f0f0; display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; padding-bottom:14px; }
.tlpwd-db-tabs { display:flex; gap:6px; flex-wrap:wrap; }
.tlpwd-db-tab { padding:8px 16px; font-size:12px; font-weight:500; cursor:pointer; border-radius:8px; border:1px solid #d0d0d0; background:#f0f0f0; color:#555; white-space:nowrap; transition:all .15s; }
.tlpwd-db-tab:hover:not(.tlpwd-db-tab-on) { background:#e4e4e4; border-color:#bbb; color:#222; }
.tlpwd-db-tab-on { background:#1a1a1a !important; color:#fff !important; border-color:#1a1a1a !important; }

/* DROPDOWN */
.tlpwd-db-dd-wrap { position:relative; }
.tlpwd-db-dd-btn { display:flex; align-items:center; gap:7px; padding:8px 13px; border:1px solid #d0d0d0; border-radius:8px; background:#fff; cursor:pointer; font-size:12px; font-weight:500; color:#333; min-width:160px; transition:border-color .12s; user-select:none; }
.tlpwd-db-dd-btn:hover { border-color:#aaa; }
.tlpwd-db-dd-open { border-color:#aaa !important; border-bottom-left-radius:0 !important; border-bottom-right-radius:0 !important; }
.tlpwd-db-dd-dot { width:8px; height:8px; border-radius:50%; flex-shrink:0; display:inline-block; }
.tlpwd-db-dd-arrow { margin-left:auto; font-size:10px; color:#aaa; transition:transform .15s; }
.tlpwd-db-dd-open .tlpwd-db-dd-arrow { transform:rotate(180deg); }
.tlpwd-db-dd-menu { position:absolute; top:100%; left:0; right:0; background:#fff; border:1px solid #aaa; border-top:none; border-radius:0 0 8px 8px; z-index:999; max-height:220px; overflow-y:auto; box-shadow:0 6px 16px rgba(0,0,0,.08); }
.tlpwd-db-dd-item { display:flex; align-items:center; gap:8px; padding:8px 13px; font-size:12px; color:#555; cursor:pointer; transition:background .08s; }
.tlpwd-db-dd-item:hover { background:#f5f5f5; }
.tlpwd-db-dd-item-on { background:#f0f0f0; color:#111; font-weight:500; }
.tlpwd-db-dd-cnt { margin-left:auto; font-size:10px; color:#ccc; }

/* RESULTS BAR */
.tlpwd-db-res-bar { display:flex; align-items:center; justify-content:space-between; padding:9px 22px; border-bottom:1px solid #f5f5f5; flex-wrap:wrap; gap:6px; background:#fafafa; }
.tlpwd-db-res-count { font-size:11px; color:#aaa; }
.tlpwd-db-sort { padding:5px 9px; border:1px solid #e0e0e0; border-radius:6px; background:#fff; color:#777; font-size:11px; outline:none; cursor:pointer; }

/* TABLE */
.tlpwd-db-table-wrap { overflow-x:auto; }
.tlpwd-db-table { width:100%; border-collapse:collapse; font-size:13px; }
.tlpwd-db-table thead th { padding:9px 16px; text-align:left; font-size:10px; color:#bbb; font-weight:600; letter-spacing:.06em; text-transform:uppercase; background:#fafafa; border-bottom:1px solid #f0f0f0; white-space:nowrap; }
.tlpwd-db-table tbody tr { border-bottom:1px solid #f5f5f5; transition:background .08s; }
.tlpwd-db-table tbody tr:last-child { border-bottom:none; }
.tlpwd-db-table tbody tr:hover td { background:#fafafa; }
.tlpwd-db-table td { padding:10px 16px; vertical-align:middle; }
.tlpwd-db-brand-tag { display:inline-flex; align-items:center; gap:5px; padding:3px 9px; border-radius:5px; font-size:11px; font-weight:600; white-space:nowrap; }
.tlpwd-db-brand-dot { width:6px; height:6px; border-radius:50%; flex-shrink:0; display:inline-block; }
.tlpwd-db-model { font-size:12px; font-weight:600; color:#222; }
.tlpwd-db-series { font-size:11px; color:#bbb; margin-top:1px; }
.tlpwd-db-mono { font-family:monospace; font-size:12px; background:#f5f5f5; padding:2px 7px; border-radius:4px; border:1px solid #ebebeb; color:#333; display:inline-block; }
.tlpwd-db-ip { font-family:monospace; font-size:12px; color:#1a6fbb; background:#eef4fd; padding:2px 7px; border-radius:4px; display:inline-block; }
.tlpwd-db-soft { font-size:11px; color:#bbb; font-style:italic; }
.tlpwd-db-fw { font-size:11px; color:#bbb; }
.tlpwd-db-copy { background:none; border:1px solid #e0e0e0; border-radius:5px; padding:3px 9px; font-size:11px; cursor:pointer; color:#888; transition:all .12s; }
.tlpwd-db-copy:hover { background:#f5f5f5; color:#333; border-color:#bbb; }
.tlpwd-db-empty { padding:2.5rem; text-align:center; color:#ccc; font-size:13px; }

/* FOOTER */
.tlpwd-db-footer { padding:10px 22px; background:#fafafa; border-top:1px solid #f0f0f0; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:4px; font-size:11px; color:#ccc; }

@media (max-width:600px) {
  .tlpwd-db-head { flex-direction:column; }
  .tlpwd-db-search { width:100%; }
  .tlpwd-db-tabs-row { flex-direction:column; align-items:flex-start; }
  .tlpwd-db-dd-wrap { width:100%; }
  .tlpwd-db-dd-btn { width:100%; }
}