/* ===== pages.css ===== */
/* ════════════════════════════════════════════════
   PAGES — Module-specific styles
════════════════════════════════════════════════ */

/* ── AI PAGE ─────────────────────────────────────── */
.ai-wrap    { display:flex; flex-direction:column; height:100%; overflow:hidden; }
.ai-head    { padding:13px 14px 11px; border-bottom:1px solid var(--bd); background:var(--bg2); flex-shrink:0; }
.ai-brand   { display:flex; align-items:center; gap:12px; margin-bottom:11px; }
.ai-avatar  {
  width:44px; height:44px; border-radius:var(--r12);
  background:linear-gradient(135deg,var(--g2),var(--g3));
  display:flex; align-items:center; justify-content:center;
  font-size:21px; flex-shrink:0;
  box-shadow:var(--gsh); border:1px solid rgba(212,168,67,.28);
}
.ai-title       { font-size:15px; font-weight:800; color:var(--t1); letter-spacing:-.015em; }
.ai-status      { font-size:11px; color:var(--ok); display:flex; align-items:center; gap:5px; margin-top:3px; }
.ai-status-dot  { width:6px; height:6px; border-radius:50%; background:var(--ok); animation:pulse 2.2s ease-in-out infinite; flex-shrink:0; }
.ai-chips       { display:flex; gap:7px; overflow-x:auto; scrollbar-width:none; }
.ai-chips::-webkit-scrollbar { display:none; }
.ai-chip {
  flex-shrink:0; padding:7px 14px; border-radius:99px;
  background:var(--bg3); border:1.5px solid var(--bd2);
  color:var(--t2); font-size:11px; font-weight:700;
  cursor:pointer; white-space:nowrap; transition:all .16s;
}
.ai-chip:active, .ai-chip:hover { background:var(--gb); border-color:rgba(212,168,67,.38); color:var(--g); }
.ai-chip-report { background:rgba(212,168,67,.08); border-color:rgba(212,168,67,.3); color:var(--g); font-weight:800; }
.ai-msgs {
  flex:1; overflow-y:auto; padding:14px 13px;
  display:flex; flex-direction:column; gap:11px;
  background:var(--bg); -webkit-overflow-scrolling:touch;
}
.ai-user {
  align-self:flex-end; max-width:82%;
  padding:12px 17px;
  background:linear-gradient(135deg,var(--g),var(--g3));
  color:#07080D; border-radius:20px 20px 4px 20px;
  font-size:14px; font-weight:600; line-height:1.55;
  word-break:break-word;
  box-shadow:0 3px 12px rgba(212,168,67,.28);
}
.ai-bot {
  align-self:flex-start; max-width:92%;
  padding:13px 16px;
  background:var(--bg2); border:1px solid var(--bd2);
  border-radius:20px 20px 20px 4px;
  font-size:14px; color:var(--t1); line-height:1.7;
  word-break:break-word; box-shadow:var(--sh);
}
.ai-bot strong { color:var(--g); font-weight:700; }
.ai-bot-li     { padding-left:8px; margin:4px 0; display:block; }
.ai-typing     { display:flex; gap:5px; align-items:center; padding:4px 2px; }
.ai-typing span {
  width:9px; height:9px; border-radius:50%;
  background:var(--t3); display:inline-block;
  animation:bounce 1.4s ease-in-out infinite;
}
.ai-typing span:nth-child(2) { animation-delay:.18s; }
.ai-typing span:nth-child(3) { animation-delay:.36s; }
.ai-input-row {
  padding:11px 13px;
  padding-bottom:calc(11px + var(--sb));
  background:var(--bg2); border-top:1px solid var(--bd);
  display:flex; gap:10px; align-items:flex-end; flex-shrink:0;
}
.ai-input {
  flex:1; background:var(--bg3); border:1.5px solid var(--bd2);
  border-radius:22px; padding:11px 17px;
  font-size:14px; color:var(--t1);
  resize:none; min-height:46px; max-height:100px;
  transition:border-color .2s, box-shadow .2s;
  line-height:1.4;
}
.ai-input:focus { border-color:var(--g); box-shadow:0 0 0 3px var(--gb); outline:none; }
.ai-input::placeholder { color:var(--t3); }
.ai-send {
  width:46px; height:46px; border-radius:50%;
  background:linear-gradient(135deg,var(--g2),var(--g3));
  border:none; cursor:pointer; font-size:18px; flex-shrink:0;
  box-shadow:var(--gsh); transition:transform .16s, opacity .16s;
  display:flex; align-items:center; justify-content:center;
}
.ai-send:active { transform:scale(.86); }
.ai-send:disabled { opacity:.38; }

/* ── SETTINGS ────────────────────────────────────── */
.settings-section { margin-bottom:6px; }
.settings-title   { font-size:10px; font-weight:800; color:var(--t3); text-transform:uppercase; letter-spacing:.16em; padding:15px 15px 7px; font-family:var(--fm); }
.settings-item    { display:flex; align-items:center; gap:13px; padding:14px 15px; background:var(--bg2); border-bottom:1px solid var(--bd); cursor:pointer; transition:background .14s; }
.settings-item:last-child { border-bottom:none; }
.settings-item:active { background:var(--bg3); }
.settings-icon    { width:40px; height:40px; border-radius:var(--r12); display:flex; align-items:center; justify-content:center; font-size:18px; flex-shrink:0; border:1px solid var(--bd); }
.settings-info    { flex:1; }
.settings-name    { font-size:14px; font-weight:600; color:var(--t1); }
.settings-desc    { font-size:11px; color:var(--t2); margin-top:3px; }
.settings-arrow   { color:var(--t3); font-size:20px; flex-shrink:0; }

/* ── TOGGLE SWITCH ───────────────────────────────── */
.toggle {
  width:46px; height:26px; border-radius:13px;
  background:var(--bg4); border:1.5px solid var(--bd2);
  cursor:pointer; position:relative;
  transition:background .26s, border-color .26s; flex-shrink:0;
}
.toggle.on { background:var(--g); border-color:rgba(212,168,67,.45); box-shadow:0 0 10px rgba(212,168,67,.25); }
.toggle::after {
  content:''; width:18px; height:18px; border-radius:50%;
  background:#fff; position:absolute; top:2px; left:2px;
  transition:left .26s cubic-bezier(.4,0,.2,1);
  box-shadow:0 1px 4px rgba(0,0,0,.45);
}
.toggle.on::after { left:22px; }

/* ── MORE PAGE ───────────────────────────────────── */
.more-item {
  display:flex; align-items:center; gap:14px;
  padding:15px 15px; border-bottom:1px solid var(--bd);
  cursor:pointer; transition:background .14s; background:var(--bg2);
}
.more-item:last-child { border-bottom:none; }
.more-item:active { background:var(--bg3); }
.more-icon  { width:42px; height:42px; border-radius:var(--r12); display:flex; align-items:center; justify-content:center; font-size:19px; flex-shrink:0; border:1px solid var(--bd); }
.more-text  { flex:1; min-width:0; }
.more-name  { font-size:14px; font-weight:700; color:var(--t1); }
.more-desc  { font-size:11px; color:var(--t2); margin-top:3px; }
.more-arrow { color:var(--t3); font-size:20px; flex-shrink:0; }

/* ── REPORTS / FINANCE ROWS ──────────────────────── */
.report-row       { display:flex; justify-content:space-between; align-items:center; padding:10px 0; border-bottom:1px solid var(--bd); }
.report-row:last-child { border-bottom:none; }
.report-label     { font-size:13px; color:var(--t2); }
.report-val       { font-size:14px; font-weight:700; font-family:var(--fm); color:var(--t1); }
.report-val.ok    { color:var(--ok); }
.report-val.err   { color:var(--er); }
.report-val.gold  { color:var(--g);  }

/* ── SALARY ROWS ─────────────────────────────────── */
.sal-row    { display:flex; align-items:center; justify-content:space-between; padding:14px 15px; border-bottom:1px solid var(--bd); background:var(--bg2); }
.sal-row:last-child { border-bottom:none; }
.sal-name   { font-size:14px; font-weight:600; color:var(--t1); }
.sal-role   { font-size:11px; color:var(--t2); margin-top:3px; font-family:var(--fm); }
.sal-amount { font-size:18px; font-weight:800; color:var(--g); font-family:var(--fm); letter-spacing:-.015em; }