/* Keep the existing .comment-user typography; only reset button chrome. */
#comments-view button.comment-user-btn {
  appearance:none; background:transparent; border:0; border-radius:0; padding:0;
  margin:0; min-height:0; height:auto; text-align:left; font-family:inherit; cursor:pointer;
  box-shadow:none; letter-spacing:inherit; text-transform:none;
}
#comments-view button.comment-user-btn:focus-visible { outline:2px solid var(--boba-brand); outline-offset:3px; }
html body #app-shell .main-panel #comments-view .flag-abandoned .comment-user {
  color:var(--boba-danger) !important;
}
html body #app-shell .main-panel #comments-view .comment-card.flag-abandoned { border-left:3px solid var(--boba-danger) !important; }
.cf-badge { display:inline-block; vertical-align:middle; flex-shrink:0; margin-inline-start:6px;
  padding:2px 6px; border:1px solid #b42328; border-radius:5px; font:600 11px/1.4 var(--boba-font); white-space:nowrap; }
.cf-badge-exact { color:#fff; background:#b42328; }
.cf-badge-name { color:#a81924; background:#fff; }
.cf-record-name { display:flex; align-items:center; flex-wrap:wrap; }
.cf-record-name strong { color:var(--rw-text); font-size:15px; font-weight:600; line-height:1.5;
  overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow-wrap:anywhere; }
.cf-panel,.cf-list { box-sizing:border-box; background:var(--boba-surface); color:var(--boba-text);
  border:1px solid var(--boba-border-strong); border-radius:14px; padding:20px;
  box-shadow:0 12px 42px #0005; font:14px/1.6 var(--boba-font); overflow:auto; overflow-wrap:anywhere; }
.cf-panel { position:fixed; z-index:10050; width:380px; max-width:calc(100vw - 16px); max-height:calc(100dvh - 16px); }
.cf-header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.cf-header strong,.cf-header h2 { margin:0; min-width:0; font-size:18px; }
.cf-header .cf-action { flex-shrink:0; margin:0; min-width:36px; }
.cf-identity,.cf-help { color:var(--boba-text-secondary); }
.cf-note-label { display:block; margin-bottom:6px; }
.cf-panel input,.cf-list input { box-sizing:border-box; width:100%; min-width:0; padding:10px;
  font:inherit; color:var(--boba-text); background:var(--boba-control); border:1px solid var(--boba-border-strong); border-radius:8px; }
.cf-actions { display:flex; gap:8px; flex-wrap:wrap; margin-top:12px; }
.cf-action { font:600 13px/1.5 var(--boba-font); color:var(--boba-text); background:var(--boba-surface-raised);
  border:1px solid var(--boba-border-strong); padding:8px 12px; border-radius:8px; cursor:pointer; }
.cf-action:disabled { opacity:.55; cursor:wait; }
.cf-action:focus-visible,.cf-panel input:focus-visible,.cf-list input:focus-visible { outline:2px solid var(--boba-brand); outline-offset:2px; }
.cf-error { color:var(--boba-danger); margin:8px 0 0; }
.cf-backdrop { position:fixed; inset:0; z-index:10060; background:#0008; display:grid; place-items:center; padding:16px; box-sizing:border-box; }
.cf-list { width:640px; max-width:100%; max-height:calc(100dvh - 32px); }
.cf-search { margin:16px 0; }
.cf-row { padding:16px 0; border-bottom:1px solid var(--boba-border); }
.cf-row p { margin:4px 0; }
.cf-row time { color:var(--boba-text-secondary); font-size:12px; }
.cf-list-button[hidden] { display:none !important; }
@media (max-width:640px) {
  .cf-panel { width:100%; max-width:100%; border-radius:16px 16px 0 0; max-height:85dvh; padding-bottom:max(20px,env(safe-area-inset-bottom)); }
  .cf-backdrop { padding:8px; }
  .cf-list { max-height:calc(100dvh - 16px); padding:16px; }
}

.cf-action.cf-primary { background:#b42328; border-color:#b42328; color:#fff; }