/* ── Credentials tab ── */
.cred-list{display:flex;flex-direction:column;gap:10px;}
.cred-search-bar{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap;align-items:center;}
.cred-search-wrap{position:relative;flex:1;min-width:180px;}
.cred-search-wrap input{width:100%;padding:8px 34px 8px 34px;font-family:'Golos Text',sans-serif;font-size:13px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);outline:none;transition:border-color var(--tr);}
.cred-search-wrap input:focus{border-color:var(--muted);}
.cred-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:14px;pointer-events:none;color:var(--hint);}
.cred-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:14px;color:var(--hint);line-height:1;padding:2px;border-radius:4px;display:none;}
.cred-search-clear:hover{color:var(--text);background:var(--surface2);}
.cred-search-clear.visible{display:block;}
.cred-filter-chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center;}
.cred-chip{font-family:'Golos Text',sans-serif;font-size:12px;font-weight:500;padding:5px 11px;border-radius:20px;border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;transition:background var(--tr),color var(--tr),border-color var(--tr);white-space:nowrap;}
.cred-chip:hover{border-color:var(--muted);color:var(--text);}
.cred-chip.active{background:var(--text);color:var(--bg);border-color:var(--text);}
.cred-search-results-info{font-size:12px;color:var(--hint);margin-bottom:8px;}
.cred-highlight{background:#fff176;border-radius:2px;color:#1C1A16;}
[data-theme="dark"] .cred-highlight{background:#7c6f00;color:#F0EFE8;}
.cred-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:box-shadow var(--tr),border-color var(--tr);}
.cred-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.11);border-color:var(--muted);}
.cred-card-head{display:flex;align-items:flex-start;gap:12px;padding:13px 16px 10px;}
.cred-card-icon{width:36px;height:36px;border-radius:8px;background:var(--surface2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
.cred-card-main{flex:1;min-width:0;}
.cred-card-title{font-family:'Unbounded',sans-serif;font-size:13px;font-weight:600;color:var(--text);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cred-card-url{font-size:12px;color:#3B6FD4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;}
[data-theme="dark"] .cred-card-url{color:#7AAAF5;}
.cred-card-url a{color:inherit;text-decoration:none;}
.cred-card-url a:hover{text-decoration:underline;}
.cred-card-actions{display:flex;gap:2px;flex-shrink:0;}
.cred-card-body{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--border2);}
.cred-field{padding:9px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border2);}
.cred-field:nth-child(odd){border-right:1px solid var(--border2);}
.cred-field-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--hint);flex-shrink:0;width:46px;}
.cred-field-value{font-size:13px;color:var(--text);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:'Golos Text',sans-serif;}
.cred-field-value.masked{letter-spacing:.12em;color:var(--muted);}
.cred-copy-btn{flex-shrink:0;width:26px;height:26px;border-radius:6px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--hint);transition:background var(--tr),color var(--tr);}
.cred-copy-btn:hover{background:var(--surface2);color:var(--text);}
.cred-copy-btn.copied{color:#1A8A50;}
.cred-show-btn{flex-shrink:0;width:26px;height:26px;border-radius:6px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--hint);transition:background var(--tr),color var(--tr);}
.cred-show-btn:hover{background:var(--surface2);color:var(--text);}
.cred-comment{padding:9px 16px 11px;border-top:1px solid var(--border2);font-size:12.5px;color:var(--muted);font-style:italic;line-height:1.5;}
.pw-strength{margin-top:6px;height:4px;border-radius:2px;background:var(--border);overflow:hidden;}
.pw-strength-bar{height:100%;border-radius:2px;transition:width .25s,background .25s;}
.pw-strength-label{font-size:11px;margin-top:4px;}

/* ── Credential groups ── */
.cred-group-header{display:flex;align-items:center;gap:10px;padding:8px 4px 6px;margin-top:20px;border-bottom:2px solid var(--border);}
.cred-group-header:first-child{margin-top:0;}
.cred-group-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;}
.cred-group-name{font-family:'Unbounded',sans-serif;font-size:12px;font-weight:600;color:var(--text);flex:1;}
.cred-group-count{font-size:11px;color:var(--hint);}
.cred-group-section{margin-bottom:16px;}
.cred-group-section .cred-card:first-of-type{margin-top:10px;}
.cred-group-section .cred-card{margin-top:8px;}
.cred-ungrouped-header{display:flex;align-items:center;gap:10px;padding:8px 4px 6px;margin-top:20px;border-bottom:2px dashed var(--border);}
.cred-ungrouped-name{font-family:'Unbounded',sans-serif;font-size:12px;font-weight:600;color:var(--hint);flex:1;}

@media(max-width:600px){
  .cred-card-body{grid-template-columns:1fr;}
  .cred-field:nth-child(odd){border-right:none;}
}