#lm-development-monitor,
#lm-development-monitor * { box-sizing:border-box; font-family:"Bahnschrift Light","Bahnschrift","Segoe UI",Arial,sans-serif; }
#lm-development-monitor { width:calc(100vw - 32px); max-width:1440px; margin:28px 0 28px 50%; transform:translateX(-50%); padding:0 18px; color:#17344d; box-sizing:border-box; }
#lm-development-monitor .lm-mon-shell { width:100%; background:#fff; border:1px solid #dfe7ed; border-radius:22px; padding:44px; box-shadow:0 18px 50px rgba(16,47,70,.09); }
#lm-development-monitor .lm-mon-kicker,
#lm-development-monitor .lm-mon-small { color:#1d6388; font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
#lm-development-monitor h1 { margin:7px 0 8px; font-size:42px; line-height:1.08; font-weight:400; color:#16364f; letter-spacing:-.02em; }
#lm-development-monitor .lm-mon-subtitle { margin:0 0 26px; font-size:18px; line-height:1.5; color:#587084; }
#lm-development-monitor .lm-mon-loading,
#lm-development-monitor .lm-mon-empty { border:1px solid #dce6ed; border-radius:16px; padding:26px; background:#f7fafc; color:#526a7b; }

/* Login */
#lm-development-monitor .lm-mon-login { max-width:720px; margin:8px auto 0; padding:34px 36px; border:1px solid #dce6ed; border-radius:18px; background:linear-gradient(180deg,#fbfdfe,#f5f9fb); box-shadow:0 14px 35px rgba(16,47,70,.07); }
#lm-development-monitor .lm-mon-login-icon { width:46px; height:46px; border-radius:50%; display:grid; place-items:center; background:#1d6388; color:#f3c45d; font-size:20px; margin-bottom:18px; box-shadow:0 8px 18px rgba(29,99,136,.18); }
#lm-development-monitor .lm-mon-login h2 { margin:8px 0 10px; color:#16364f; font-size:30px; line-height:1.15; font-weight:400; }
#lm-development-monitor .lm-mon-login p { margin:0 0 24px; color:#587084; font-size:16px; line-height:1.6; }
#lm-development-monitor .lm-mon-form label { display:block; margin-bottom:8px; color:#173b56; font-size:14px; font-weight:700; }
#lm-development-monitor .lm-mon-form input { display:block; width:100%; height:54px; padding:0 16px; border:1px solid #cfdce4; border-radius:10px; background:#fff; color:#17344d; font-size:16px; outline:none; }
#lm-development-monitor .lm-mon-form input:focus { border-color:#1d6388; box-shadow:0 0 0 3px rgba(29,99,136,.10); }
#lm-development-monitor .lm-mon-primary, #lm-development-monitor .lm-mon-secondary { border:0; border-radius:10px; min-height:52px; padding:13px 20px; font-family:inherit; font-size:15px; font-weight:700; cursor:pointer; }
#lm-development-monitor .lm-mon-primary { width:100%; margin-top:14px; background:#1d6388; color:#fff; box-shadow:0 8px 18px rgba(29,99,136,.18); }
#lm-development-monitor .lm-mon-primary:hover { background:#174f6d; }
#lm-development-monitor .lm-mon-secondary { margin-top:14px; background:#fff; color:#1d6388; border:1px solid #bfcfd9; }
#lm-development-monitor .lm-mon-login-status { margin-top:16px; padding:13px 15px; border-radius:10px; background:#eef5f8; color:#31576d; font-size:14px; line-height:1.5; }
#lm-development-monitor .lm-mon-login-status.success { background:#edf7f1; color:#286143; }
#lm-development-monitor .lm-mon-login-status.error { background:#fff1ef; color:#8b3e33; }

/* Messages */
#lm-development-monitor .lm-mon-message.success { display:block; background:#edf7f1; color:#286143; border:1px solid #cfe8d8; padding:12px 15px; border-radius:10px; margin-bottom:18px; }
#lm-development-monitor .lm-mon-message.error { display:block; background:#fff1ef; color:#8b3e33; border:1px solid #f0d1cc; padding:12px 15px; border-radius:10px; margin-bottom:18px; }

/* Weekly hero */
#lm-development-monitor .lm-mon-hero { display:flex; justify-content:space-between; gap:24px; align-items:center; padding:24px 28px; border-radius:16px; background:linear-gradient(135deg,#123b59,#226b91); color:#fff; margin-bottom:18px; }
#lm-development-monitor .lm-mon-hero .lm-mon-small { color:#f3c45d; }
#lm-development-monitor .lm-mon-hero h2 { margin:6px 0 5px; font-size:28px; line-height:1.15; font-weight:400; color:#fff; }
#lm-development-monitor .lm-mon-hero p { margin:0; color:#e4edf2; font-size:14px; }
#lm-development-monitor .lm-mon-status { min-width:145px; padding:13px 16px; border:1px solid rgba(255,255,255,.28); border-radius:12px; background:rgba(255,255,255,.08); text-align:left; }
#lm-development-monitor .lm-mon-status span { display:block; font-size:9px; letter-spacing:.14em; color:#f3c45d; }
#lm-development-monitor .lm-mon-status strong { display:block; margin-top:4px; font-size:17px; font-weight:600; color:#fff; }

/* Current phase */
#lm-development-monitor .lm-mon-phase { display:flex; justify-content:space-between; gap:24px; align-items:center; margin:0 0 28px; padding:20px 22px; border:1px solid #dfe7ed; border-radius:15px; background:#f8fbfd; }
#lm-development-monitor .lm-mon-phase h3 { margin:4px 0 3px; font-size:23px; line-height:1.2; font-weight:400; color:#173b56; }
#lm-development-monitor .lm-mon-phase p { margin:0; color:#607487; font-size:13px; }
#lm-development-monitor .lm-mon-phase-stats { display:flex; gap:9px; flex-shrink:0; }
#lm-development-monitor .lm-mon-phase-stats div { min-width:118px; text-align:center; padding:11px 13px; border:1px solid #dbe6ec; border-radius:11px; background:#fff; }
#lm-development-monitor .lm-mon-phase-stats strong { display:block; font-size:22px; font-weight:600; color:#173b56; }
#lm-development-monitor .lm-mon-phase-stats span { display:block; margin-top:2px; font-size:9px; color:#7890a0; letter-spacing:.07em; text-transform:uppercase; }

/* Initiative heading */
#lm-development-monitor .lm-mon-section-head { display:flex; justify-content:space-between; align-items:center; gap:18px; margin:0 0 12px; }
#lm-development-monitor .lm-mon-section-head h3 { margin:4px 0 3px; font-size:23px; line-height:1.2; font-weight:400; color:#173b56; }
#lm-development-monitor .lm-mon-section-head p { margin:0; font-size:13px; color:#718595; }
#lm-development-monitor .lm-mon-count { flex:0 0 auto; width:42px; height:42px; border-radius:50%; display:grid; place-items:center; background:#edf5f9; color:#1d6388; font-weight:700; }

/* Compact initiative cards */
#lm-development-monitor .lm-mon-list { display:grid; gap:10px; }
#lm-development-monitor .lm-mon-card { display:block; padding:0; overflow:hidden; border:1px solid #dfe7ed; border-radius:13px; background:#fff; transition:border-color .18s ease, box-shadow .18s ease; }
#lm-development-monitor .lm-mon-card:hover { border-color:#cbdbe4; box-shadow:0 7px 20px rgba(16,47,70,.055); }
#lm-development-monitor .lm-mon-card.is-open { border-color:#b9d0dc; box-shadow:0 8px 24px rgba(16,47,70,.07); }
#lm-development-monitor .lm-mon-card-top { position:relative; display:grid; grid-template-columns:48px minmax(0,1fr) 170px auto; gap:16px; align-items:center; padding:17px 18px; }
#lm-development-monitor .lm-mon-code { color:#1d6388; font-size:13px; font-weight:700; }
#lm-development-monitor .lm-mon-card-title { min-width:0; }
#lm-development-monitor .lm-mon-card-title h4 { margin:0 0 4px; font-size:16px; line-height:1.35; font-weight:500; color:#173b56; overflow-wrap:anywhere; }
#lm-development-monitor .lm-mon-card-title p { margin:0; font-size:12px; line-height:1.4; color:#6b7f8e; overflow-wrap:anywhere; }
#lm-development-monitor .lm-mon-meta { display:flex; gap:10px; flex-wrap:wrap; margin-top:6px; font-size:10px; color:#8296a4; }
#lm-development-monitor .lm-mon-card-summary { min-width:0; }
#lm-development-monitor .lm-mon-card-status { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:7px; }
#lm-development-monitor .lm-mon-card-status span,
#lm-development-monitor .lm-mon-mini-progress span { font-size:8px; letter-spacing:.1em; color:#8194a1; }
#lm-development-monitor .lm-mon-card-status strong { font-size:12px; font-weight:600; color:#1d6388; white-space:nowrap; }
#lm-development-monitor .lm-mon-mini-progress { display:flex; align-items:center; gap:9px; }
#lm-development-monitor .lm-mon-mini-progress > div:first-child { display:flex; align-items:baseline; gap:5px; white-space:nowrap; }
#lm-development-monitor .lm-mon-mini-progress strong { font-size:15px; font-weight:600; color:#173b56; }
#lm-development-monitor .lm-mon-mini-track { flex:1; min-width:60px; height:5px; overflow:hidden; border-radius:999px; background:#e9f0f4; }
#lm-development-monitor .lm-mon-mini-track i { display:block; height:100%; border-radius:999px; background:#1d6388; }
#lm-development-monitor .lm-mon-toggle { align-self:center; border:1px solid #bfd1db; border-radius:8px; min-width:76px; height:38px; padding:0 10px; background:#fff; color:#1d6388; font-family:inherit; font-size:12px; font-weight:700; cursor:pointer; }
#lm-development-monitor .lm-mon-toggle:hover { background:#f3f8fa; }
#lm-development-monitor .lm-mon-toggle b { margin-left:5px; font-size:15px; font-weight:400; }

/* Editor */
#lm-development-monitor .lm-mon-editor { border-top:1px solid #e7eef2; padding:18px 20px 19px; background:#f9fbfc; }
#lm-development-monitor .lm-mon-progress-row { margin-bottom:15px; }
#lm-development-monitor .lm-mon-progress-row label { display:flex; justify-content:space-between; margin-bottom:6px; font-size:10px; letter-spacing:.1em; color:#668093; }
#lm-development-monitor .lm-mon-progress-row label strong { font-size:17px; letter-spacing:0; color:#173b56; }
#lm-development-monitor .lm-mon-progress-range { width:100%; accent-color:#1d6388; cursor:pointer; }
#lm-development-monitor .lm-mon-field-grid { display:grid; grid-template-columns:170px repeat(3,minmax(0,1fr)); gap:12px; align-items:start; }
#lm-development-monitor .lm-mon-field-grid label { display:block; font-size:9px; font-weight:700; letter-spacing:.1em; color:#668093; }
#lm-development-monitor .lm-mon-field-grid select,
#lm-development-monitor .lm-mon-field-grid textarea { display:block; width:100%; margin-top:6px; border:1px solid #cfdce4; border-radius:8px; background:#fff; color:#17344d; font-family:inherit; font-size:13px; padding:9px 10px; outline:none; }
#lm-development-monitor .lm-mon-field-grid select { height:42px; }
#lm-development-monitor .lm-mon-field-grid textarea { min-height:76px; resize:vertical; line-height:1.4; }
#lm-development-monitor .lm-mon-field-grid select:focus,
#lm-development-monitor .lm-mon-field-grid textarea:focus { border-color:#1d6388; box-shadow:0 0 0 3px rgba(29,99,136,.08); }
#lm-development-monitor .lm-mon-save { margin-top:13px; border:0; border-radius:8px; background:#1d6388; color:#fff; padding:9px 16px; font-family:inherit; font-weight:700; cursor:pointer; }
#lm-development-monitor .lm-mon-save:disabled { opacity:.65; cursor:wait; }
#lm-development-monitor .lm-mon-save-state { margin-left:10px; font-size:12px; color:#7890a0; }
#lm-development-monitor .lm-mon-save-state.success { color:#286143; }
#lm-development-monitor .lm-mon-save-state.error { color:#8b3e33; }
#lm-development-monitor .lm-mon-submitted-note { display:inline-block; margin-top:13px; font-size:12px; color:#286143; }

/* Submit */
#lm-development-monitor .lm-mon-submit-bar { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-top:18px; padding:17px 19px; border:1px solid #d8e4ea; border-radius:13px; background:#f4f9fb; }
#lm-development-monitor .lm-mon-submit-bar strong { display:block; color:#173b56; font-size:15px; font-weight:600; }
#lm-development-monitor .lm-mon-submit-bar span { display:block; margin-top:3px; color:#667f90; font-size:12px; }
#lm-development-monitor .lm-mon-submit { border:0; border-radius:8px; min-height:44px; padding:10px 18px; background:#1d6388; color:#fff; font-family:inherit; font-weight:700; cursor:pointer; white-space:nowrap; }
#lm-development-monitor .lm-mon-submit:disabled { opacity:.65; cursor:default; }


#lm-development-monitor .lm-mon-edit-week { background:#fff; color:#1d6388; border:1px solid #b9d0dc; }
#lm-development-monitor .lm-mon-edit-week:hover { background:#f3f8fa; }
#lm-development-monitor .lm-mon-edit-week:disabled { opacity:.65; cursor:wait; }

@media (max-width:1050px) {
  #lm-development-monitor .lm-mon-card-top { grid-template-columns:42px minmax(0,1fr) 150px auto; gap:12px; }
  #lm-development-monitor .lm-mon-field-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:800px) {
  #lm-development-monitor { width:calc(100vw - 16px); max-width:none; margin:12px 0 12px 50%; transform:translateX(-50%); padding:0 8px; }
  #lm-development-monitor .lm-mon-shell { width:100%; padding:26px 16px; border-radius:17px; }
  #lm-development-monitor h1 { font-size:33px; line-height:1.1; letter-spacing:-.025em; }
  #lm-development-monitor .lm-mon-subtitle { font-size:15px; margin-bottom:20px; }
  #lm-development-monitor .lm-mon-hero { display:block; padding:20px; }
  #lm-development-monitor .lm-mon-hero h2 { font-size:25px; }
  #lm-development-monitor .lm-mon-status { margin-top:15px; min-width:0; }
  #lm-development-monitor .lm-mon-phase { display:block; padding:18px; }
  #lm-development-monitor .lm-mon-phase h3 { font-size:21px; }
  #lm-development-monitor .lm-mon-phase-stats { margin-top:14px; }
  #lm-development-monitor .lm-mon-phase-stats div { flex:1; min-width:0; }
  #lm-development-monitor .lm-mon-section-head h3 { font-size:21px; }
  #lm-development-monitor .lm-mon-section-head p { font-size:12px; }
  /* Mobile: remove the dedicated code column. The code sits above the title so the initiative text gets the full card width. */
  #lm-development-monitor .lm-mon-card-top { display:block; padding:15px 15px 14px; }
  #lm-development-monitor .lm-mon-code { display:inline-block; margin:0 0 7px; padding:3px 7px; border-radius:5px; background:#edf5f9; font-size:10px; line-height:1.2; letter-spacing:.05em; }
  #lm-development-monitor .lm-mon-toggle { position:absolute; top:14px; right:14px; min-width:68px; height:34px; }
  #lm-development-monitor .lm-mon-card-title { padding-right:0; }
  #lm-development-monitor .lm-mon-card-title h4 { font-size:15.5px; line-height:1.38; padding-right:0; }
  #lm-development-monitor .lm-mon-card-summary { margin-top:12px; }
  #lm-development-monitor .lm-mon-card-title p { font-size:11px; }
  #lm-development-monitor .lm-mon-meta { font-size:9px; margin-top:5px; }
  #lm-development-monitor .lm-mon-editor { padding:16px 15px 17px; }
  #lm-development-monitor .lm-mon-field-grid { grid-template-columns:1fr; gap:11px; }
  #lm-development-monitor .lm-mon-field-grid textarea { min-height:82px; }
  #lm-development-monitor .lm-mon-submit-bar { display:block; padding:16px; }
  #lm-development-monitor .lm-mon-submit { width:100%; margin-top:13px; }
}
@media (max-width:480px) {
  #lm-development-monitor .lm-mon-shell { padding:22px 12px; border-radius:15px; }
  #lm-development-monitor h1 { font-size:30px; line-height:1.1; }
  #lm-development-monitor .lm-mon-subtitle { font-size:14px; }
  #lm-development-monitor .lm-mon-hero { padding:17px; }
  #lm-development-monitor .lm-mon-hero h2 { font-size:22px; }
  #lm-development-monitor .lm-mon-hero p { font-size:12px; }
  #lm-development-monitor .lm-mon-phase { padding:15px; }
  #lm-development-monitor .lm-mon-phase-stats strong { font-size:20px; }
  #lm-development-monitor .lm-mon-phase-stats span { font-size:8px; }
  #lm-development-monitor .lm-mon-section-head { align-items:flex-start; }
  #lm-development-monitor .lm-mon-section-head h3 { font-size:19px; }
  #lm-development-monitor .lm-mon-section-head p { line-height:1.4; }
  #lm-development-monitor .lm-mon-card-top { padding:14px 12px 13px; }
  #lm-development-monitor .lm-mon-code { font-size:10px; margin-bottom:7px; }
  #lm-development-monitor .lm-mon-toggle { top:12px; right:12px; min-width:64px; padding:0 7px; font-size:11px; }
  #lm-development-monitor .lm-mon-card-status strong { font-size:11px; }
  #lm-development-monitor .lm-mon-mini-progress strong { font-size:14px; }
  #lm-development-monitor .lm-mon-editor { padding:14px 12px 15px; }
}

/* Progress history */
#lm-development-monitor .lm-mon-history { margin-top:22px; border:1px solid #dfe7ed; border-radius:15px; background:#fff; overflow:hidden; }
#lm-development-monitor .lm-mon-history-head { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:18px 20px; background:#f7fafc; border-bottom:1px solid #e5edf1; }
#lm-development-monitor .lm-mon-history-head h3 { margin:4px 0 3px; font-size:21px; line-height:1.2; font-weight:400; color:#173b56; }
#lm-development-monitor .lm-mon-history-head p { margin:0; font-size:12px; color:#718595; }
#lm-development-monitor .lm-mon-history-refresh { border:1px solid #bfd1db; border-radius:8px; min-height:36px; padding:7px 12px; background:#fff; color:#1d6388; font-family:inherit; font-size:11px; font-weight:700; cursor:pointer; }
#lm-development-monitor .lm-mon-history-refresh:disabled { opacity:.65; cursor:wait; }
#lm-development-monitor .lm-mon-history-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:#e7eef2; border-bottom:1px solid #e7eef2; }
#lm-development-monitor .lm-mon-history-summary div { padding:14px 16px; background:#fff; text-align:center; }
#lm-development-monitor .lm-mon-history-summary strong { display:block; color:#173b56; font-size:20px; font-weight:500; }
#lm-development-monitor .lm-mon-history-summary span { display:block; margin-top:3px; color:#8194a1; font-size:9px; letter-spacing:.08em; text-transform:uppercase; }
#lm-development-monitor .lm-mon-history-chart { padding:15px 18px 17px; display:grid; gap:9px; }
#lm-development-monitor .lm-mon-history-row { display:grid; grid-template-columns:92px minmax(80px,1fr) 44px 64px; align-items:center; gap:10px; min-height:28px; }
#lm-development-monitor .lm-mon-history-week { color:#627b8c; font-size:10px; }
#lm-development-monitor .lm-mon-history-track { height:7px; border-radius:999px; background:#e9f0f4; overflow:hidden; }
#lm-development-monitor .lm-mon-history-track i { display:block; height:100%; border-radius:999px; background:#1d6388; }
#lm-development-monitor .lm-mon-history-row strong { color:#173b56; font-size:11px; font-weight:600; text-align:right; }
#lm-development-monitor .lm-mon-history-row > span { color:#8296a4; font-size:9px; text-align:right; }
#lm-development-monitor .lm-mon-history-loading,
#lm-development-monitor .lm-mon-history-empty { padding:18px 20px; color:#718595; font-size:12px; }

@media (max-width:800px) {
  #lm-development-monitor .lm-mon-history-head { align-items:flex-start; padding:16px; }
  #lm-development-monitor .lm-mon-history-head h3 { font-size:19px; }
  #lm-development-monitor .lm-mon-history-summary div { padding:12px 8px; }
  #lm-development-monitor .lm-mon-history-summary strong { font-size:18px; }
  #lm-development-monitor .lm-mon-history-summary span { font-size:8px; }
  #lm-development-monitor .lm-mon-history-chart { padding:13px 14px 15px; }
  #lm-development-monitor .lm-mon-history-row { grid-template-columns:70px minmax(60px,1fr) 38px 55px; gap:7px; }
}
@media (max-width:480px) {
  #lm-development-monitor .lm-mon-history-head { padding:14px 13px; gap:10px; }
  #lm-development-monitor .lm-mon-history-head p { font-size:11px; line-height:1.4; }
  #lm-development-monitor .lm-mon-history-refresh { min-height:33px; padding:6px 9px; font-size:10px; }
  #lm-development-monitor .lm-mon-history-row { grid-template-columns:61px minmax(45px,1fr) 34px 49px; gap:6px; }
  #lm-development-monitor .lm-mon-history-week { font-size:9px; }
  #lm-development-monitor .lm-mon-history-row strong { font-size:10px; }
  #lm-development-monitor .lm-mon-history-row > span { font-size:8px; }
}

.lm-mon-coach-feedback{margin-top:14px;padding:13px 15px;border:1px solid #d9e7ee;border-radius:10px;background:#f7fbfc}.lm-mon-coach-feedback strong{display:block;margin-top:4px;font-size:12px;color:#27627e;font-weight:500}.lm-mon-coach-feedback p{margin:6px 0 0;color:#425f70;font-size:13px;line-height:1.55;white-space:pre-wrap}

/* =========================================================
   v0.9.4 — COMPACT PROFESSIONAL DEVELOPMENT DASHBOARD
   Timeline visibility + coach feedback without increasing
   weekly-use complexity.
========================================================= */
#lm-development-monitor .lm-mon-journey {
  margin:0 0 16px;
  padding:14px 18px 13px;
  border:1px solid #dfe7ed;
  border-radius:13px;
  background:#fff;
}
#lm-development-monitor .lm-mon-journey-label { margin-bottom:10px; }
#lm-development-monitor .lm-mon-journey-track { display:flex; align-items:center; width:100%; }
#lm-development-monitor .lm-mon-journey-step { display:flex; align-items:center; gap:7px; min-width:0; }
#lm-development-monitor .lm-mon-journey-node {
  width:25px; height:25px; flex:0 0 25px; display:grid; place-items:center;
  border-radius:50%; border:1px solid #cbd9e1; background:#fff; color:#8194a1;
  font-size:10px; font-weight:700;
}
#lm-development-monitor .lm-mon-journey-text { display:flex; flex-direction:column; min-width:0; }
#lm-development-monitor .lm-mon-journey-text strong { color:#526a7b; font-size:10px; font-weight:700; white-space:nowrap; }
#lm-development-monitor .lm-mon-journey-text span { margin-top:1px; color:#94a5b0; font-size:8px; white-space:nowrap; }
#lm-development-monitor .lm-mon-journey-step.current .lm-mon-journey-node { background:#1d6388; border-color:#1d6388; color:#fff; box-shadow:0 4px 10px rgba(29,99,136,.18); }
#lm-development-monitor .lm-mon-journey-step.current .lm-mon-journey-text strong { color:#1d6388; }
#lm-development-monitor .lm-mon-journey-step.completed .lm-mon-journey-node { background:#edf7f1; border-color:#b9dfc8; color:#2e7d55; }
#lm-development-monitor .lm-mon-journey-line { flex:1; height:1px; min-width:14px; margin:0 9px; background:#dfe7ed; }
#lm-development-monitor .lm-mon-journey-line.complete { background:#9fc8b0; }

#lm-development-monitor .lm-mon-phase { align-items:stretch; margin-bottom:22px; padding:18px 20px; }
#lm-development-monitor .lm-mon-phase-main { flex:1; min-width:0; }
#lm-development-monitor .lm-mon-phase-dates { display:flex; align-items:center; gap:9px; margin-top:9px; color:#526a7b; font-size:11px; }
#lm-development-monitor .lm-mon-phase-dates b { margin-right:4px; color:#8a9ca8; font-size:8px; letter-spacing:.08em; }
#lm-development-monitor .lm-mon-date-arrow { color:#9aabb5; }
#lm-development-monitor .lm-mon-phase-bar { height:5px; margin-top:11px; overflow:hidden; border-radius:999px; background:#e6eef2; }
#lm-development-monitor .lm-mon-phase-bar i { display:block; height:100%; border-radius:999px; background:#1d6388; }
#lm-development-monitor .lm-mon-phase-stats { align-self:center; }
#lm-development-monitor .lm-mon-phase-stats div { min-width:110px; padding:9px 10px; }
#lm-development-monitor .lm-mon-phase-stats div:last-child { min-width:135px; }
#lm-development-monitor .lm-mon-phase-stats div:last-child strong { font-size:12px; line-height:1.25; }

#lm-development-monitor .lm-mon-column-head {
  display:grid;
  grid-template-columns:48px minmax(220px,1fr) 155px 120px minmax(180px,1fr) 76px;
  gap:16px;
  align-items:center;
  margin:0 0 7px;
  padding:9px 18px;
  border:1px solid #d8e4eb;
  border-radius:10px;
  background:linear-gradient(180deg,#f8fbfd,#f1f6f9);
  color:#3f6176;
  font-size:10px;
  font-weight:700;
  letter-spacing:.10em;
  line-height:1.2;
  text-transform:uppercase;
  box-shadow:0 2px 7px rgba(16,47,70,.04);
}
#lm-development-monitor .lm-mon-card-top {
  grid-template-columns:48px minmax(220px,1fr) 155px 120px minmax(180px,1fr) 76px;
  gap:16px;
  align-items:center;
  padding:14px 18px;
}
#lm-development-monitor .lm-mon-card-summary { min-width:0; }
#lm-development-monitor .lm-mon-card-status { margin-bottom:5px; }
#lm-development-monitor .lm-mon-card-target { min-width:0; }
#lm-development-monitor .lm-mon-card-target b { display:block; color:#31576d; font-size:12px; font-weight:600; white-space:nowrap; }
#lm-development-monitor .lm-mon-card-target span { display:block; margin-top:4px; color:#6f8594; font-size:10px; line-height:1.3; }
#lm-development-monitor .lm-mon-coach-compact { min-width:0; padding-left:1px; }
#lm-development-monitor .lm-mon-coach-compact strong { display:block; margin-bottom:4px; color:#1d6388; font-size:10px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
#lm-development-monitor .lm-mon-coach-compact p { margin:0; color:#405f71; font-size:12px; line-height:1.5; font-style:normal; font-weight:500; overflow-wrap:anywhere; }
#lm-development-monitor .lm-mon-card-title h4 { font-size:17px; line-height:1.42; font-weight:500; color:#153f5d; }
#lm-development-monitor .lm-mon-card-title p { font-size:12.5px; line-height:1.45; color:#587285; }
#lm-development-monitor .lm-mon-code { font-size:14px; font-weight:700; color:#1d6388; }
#lm-development-monitor .lm-mon-card-status strong { font-size:13px; }
#lm-development-monitor .lm-mon-mini-progress strong { font-size:16px; }

/* =========================================================
   v0.9.5 — MORE LEGIBLE PREMIUM TABLE TYPOGRAPHY
   Stronger hierarchy for headers and coach feedback.
========================================================= */

@media (max-width:1200px) {
  #lm-development-monitor .lm-mon-column-head,
  #lm-development-monitor .lm-mon-card-top { grid-template-columns:42px minmax(200px,1fr) 135px 105px minmax(150px,1fr) 72px; gap:11px; }
  #lm-development-monitor .lm-mon-phase-stats div { min-width:95px; }
  #lm-development-monitor .lm-mon-phase-stats div:last-child { min-width:120px; }
}
@media (max-width:900px) {
  #lm-development-monitor .lm-mon-journey-text span { display:none; }
  #lm-development-monitor .lm-mon-column-head { display:none; }
  #lm-development-monitor .lm-mon-card-top { display:grid; grid-template-columns:40px minmax(0,1fr) 135px 105px 72px; gap:12px; }
  #lm-development-monitor .lm-mon-coach-compact { grid-column:2 / 5; padding-top:3px; }
  #lm-development-monitor .lm-mon-toggle { grid-column:5; grid-row:1; }
}
@media (max-width:700px) {
  #lm-development-monitor .lm-mon-journey { padding:12px 11px; overflow:hidden; }
  #lm-development-monitor .lm-mon-journey-track { min-width:520px; }
  #lm-development-monitor .lm-mon-journey { overflow-x:auto; }
  #lm-development-monitor .lm-mon-phase-dates { flex-wrap:wrap; row-gap:4px; }
  #lm-development-monitor .lm-mon-phase-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }
  #lm-development-monitor .lm-mon-phase-stats div,
  #lm-development-monitor .lm-mon-phase-stats div:last-child { min-width:0; }
  #lm-development-monitor .lm-mon-card-top { display:block; padding:14px 15px; }
  #lm-development-monitor .lm-mon-code { display:inline-block; margin-bottom:7px; }
  #lm-development-monitor .lm-mon-toggle { position:absolute; top:13px; right:13px; }
  #lm-development-monitor .lm-mon-card-title { padding-right:75px; }
  #lm-development-monitor .lm-mon-card-summary { margin-top:11px; padding-right:75px; }
  #lm-development-monitor .lm-mon-card-target { margin-top:10px; padding:8px 10px; border:1px solid #e3ebef; border-radius:8px; background:#fbfcfd; }
  #lm-development-monitor .lm-mon-coach-compact { margin-top:9px; padding:8px 10px; border-left:2px solid #d5e5ec; background:#f8fbfc; }
}