/* ============================================================
   trainer.css
   Part of KineticAI Frontend — split from v6_updated.html
   ============================================================ */

/* ---- TRAINER PORTAL ---- */
.client-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px;border-left:3px solid var(--neon);margin-bottom:8px;cursor:pointer;transition:border-color .2s,background .2s;}
.client-card:hover{background:var(--surface);border-left-color:var(--neon);}
.client-top{display:flex;align-items:center;gap:12px;margin-bottom:10px;}
.client-av{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;}
.client-name{font-size:15px;font-weight:600;}
.client-meta{font-size:12px;color:var(--text2);}
.client-stats{display:flex;gap:16px;margin-top:8px;}
.client-stat{font-size:12px;color:var(--text2);}
.client-stat strong{color:var(--text);font-size:13px;}

/* Plan builder */
.builder-row{display:grid;grid-template-columns:3fr 1fr 1fr 1fr 1fr 36px;gap:8px;margin-bottom:6px;}
.bin{padding:9px 12px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);font-family:var(--font);font-size:13px;outline:none;}
.bin:focus{border-color:var(--orange-border);}
.bin::placeholder{color:var(--text3);}
.rm-btn{width:36px;height:36px;background:var(--red-bg);border:1px solid var(--red-border);border-radius:var(--r-sm);color:var(--red);cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;font-family:var(--font);}
.rm-btn:hover{background:var(--red);color:#fff;}
.ai-suggest-box{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px;min-height:80px;}

/* ---- ADMIN PORTAL ---- */
.verif-card{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--r-lg);padding:20px;margin-bottom:12px;transition:opacity .4s;}
.verif-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.verif-name{font-size:15px;font-weight:600;}
.verif-body{font-size:13px;color:var(--text2);line-height:1.7;margin-bottom:14px;}
.verif-actions{display:flex;gap:8px;}

.users-table{width:100%;border-collapse:collapse;}
.users-table th{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--text3);padding:9px 14px;border-bottom:1px solid var(--border);text-align:left;}
.users-table td{padding:12px 14px;border-bottom:1px solid var(--border);font-size:14px;vertical-align:middle;}
.users-table tr:last-child td{border-bottom:none;}
.users-table tr:hover td{background:rgba(255,255,255,.02);}

.flagged-item{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--r-lg);padding:18px;margin-bottom:10px;}
.flagged-q{font-size:13px;color:var(--text2);margin-bottom:8px;}
.flagged-a{font-size:14px;line-height:1.7;padding:12px;background:var(--surface);border-radius:var(--r-sm);margin-bottom:12px;border-left:3px solid var(--yellow);}

.health-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--border);}
.health-row:last-child{border-bottom:none;}
.health-name{font-size:14px;font-weight:500;}
.health-status{display:flex;align-items:center;gap:8px;font-size:13px;}
.status-dot{width:8px;height:8px;border-radius:50%;}
.status-dot.ok{background:var(--neon);}
.status-dot.warn{background:var(--yellow);}
.status-dot.err{background:var(--red);}

.db-item{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px;margin-bottom:8px;}
.db-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
.db-title{font-size:14px;font-weight:600;}
.db-body{font-size:13px;color:var(--text2);line-height:1.7;}