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

/* ---- HISTORY PAGE ---- */
.history-item{display:flex;align-items:center;gap:14px;padding:15px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-lg);margin-bottom:8px;transition:background .15s;}
.history-item:hover{background:var(--surface);}
.hist-icon{width:44px;height:44px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
.hist-info{flex:1;}
.hist-name{font-size:14px;font-weight:600;}
.hist-meta{font-size:12px;color:var(--text2);margin-top:3px;}
.hist-right{text-align:right;}
.hist-score{font-family:var(--font-display);font-size:22px;font-weight:700;}
.hist-score-lbl{font-size:10px;color:var(--text3);}

/* Plan view */
.plan-day{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-lg);margin-bottom:10px;}
.plan-day-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;cursor:pointer;border-bottom:1px solid var(--border);}
.plan-day-title{font-size:14px;font-weight:700;letter-spacing:-.3px;}
.plan-exercise{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;border-bottom:1px solid var(--border);}
.plan-exercise:last-child{border-bottom:none;}
.plan-ex-name{font-size:13px;font-weight:600;}
.plan-ex-meta{font-size:12px;color:var(--text2);}
.plan-ex-note{font-size:12px;color:var(--orange);margin-top:3px;}

/* Invite form */
.invite-box{max-width:480px;}
.invite-methods{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;}
.invite-method{padding:16px;background:var(--bg2);border:1px solid var(--border2);border-radius:var(--r-lg);cursor:pointer;transition:all .2s;text-align:center;}
.invite-method:hover{border-color:var(--orange-border);background:var(--orange-bg);}
.invite-method.selected{border-color:var(--orange);background:var(--orange-bg);}
.invite-method-icon{font-size:22px;margin-bottom:8px;}
.invite-method-lbl{font-size:13px;font-weight:600;}

/* Analytics */
.analytics-stat{text-align:center;padding:20px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-lg);}
.analytics-num{font-family:var(--font-display);font-size:36px;font-weight:700;letter-spacing:-1px;}
.analytics-lbl{font-size:12px;color:var(--text3);margin-top:4px;}