#pn-development-monitor,
#pn-development-monitor * { box-sizing:border-box; font-family:"Bahnschrift Light","Bahnschrift","Segoe UI",Arial,sans-serif; }
#pn-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; }
#pn-development-monitor .pn-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); }
#pn-development-monitor .pn-mon-kicker,
#pn-development-monitor .pn-mon-small { color:#1d6388; font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
#pn-development-monitor h1 { margin:7px 0 8px; font-size:42px; line-height:1.08; font-weight:400; color:#16364f; letter-spacing:-.02em; }
#pn-development-monitor .pn-mon-subtitle { margin:0 0 26px; font-size:18px; line-height:1.5; color:#587084; }
#pn-development-monitor .pn-mon-loading,
#pn-development-monitor .pn-mon-empty { border:1px solid #dce6ed; border-radius:16px; padding:26px; background:#f7fafc; color:#526a7b; }

/* Login */
#pn-development-monitor .pn-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); }
#pn-development-monitor .pn-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); }
#pn-development-monitor .pn-mon-login h2 { margin:8px 0 10px; color:#16364f; font-size:30px; line-height:1.15; font-weight:400; }
#pn-development-monitor .pn-mon-login p { margin:0 0 24px; color:#587084; font-size:16px; line-height:1.6; }
#pn-development-monitor .pn-mon-form label { display:block; margin-bottom:8px; color:#173b56; font-size:14px; font-weight:700; }
#pn-development-monitor .pn-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; }
#pn-development-monitor .pn-mon-form input:focus { border-color:#1d6388; box-shadow:0 0 0 3px rgba(29,99,136,.10); }
#pn-development-monitor .pn-mon-primary, #pn-development-monitor .pn-mon-secondary { border:0; border-radius:10px; min-height:52px; padding:13px 20px; font-family:inherit; font-size:15px; font-weight:700; cursor:pointer; }
#pn-development-monitor .pn-mon-primary { width:100%; margin-top:14px; background:#1d6388; color:#fff; box-shadow:0 8px 18px rgba(29,99,136,.18); }
#pn-development-monitor .pn-mon-primary:hover { background:#174f6d; }
#pn-development-monitor .pn-mon-secondary { margin-top:14px; background:#fff; color:#1d6388; border:1px solid #bfcfd9; }
#pn-development-monitor .pn-mon-login-status { margin-top:16px; padding:13px 15px; border-radius:10px; background:#eef5f8; color:#31576d; font-size:14px; line-height:1.5; }
#pn-development-monitor .pn-mon-login-status.success { background:#edf7f1; color:#286143; }
#pn-development-monitor .pn-mon-login-status.error { background:#fff1ef; color:#8b3e33; }

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

/* Weekly hero */
#pn-development-monitor .pn-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; }
#pn-development-monitor .pn-mon-hero .pn-mon-small { color:#f3c45d; }
#pn-development-monitor .pn-mon-hero h2 { margin:6px 0 5px; font-size:28px; line-height:1.15; font-weight:400; color:#fff; }
#pn-development-monitor .pn-mon-hero p { margin:0; color:#e4edf2; font-size:14px; }
#pn-development-monitor .pn-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; }
#pn-development-monitor .pn-mon-status span { display:block; font-size:9px; letter-spacing:.14em; color:#f3c45d; }
#pn-development-monitor .pn-mon-status strong { display:block; margin-top:4px; font-size:17px; font-weight:600; color:#fff; }

/* Current phase */
#pn-development-monitor .pn-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; }
#pn-development-monitor .pn-mon-phase h3 { margin:4px 0 3px; font-size:23px; line-height:1.2; font-weight:400; color:#173b56; }
#pn-development-monitor .pn-mon-phase p { margin:0; color:#607487; font-size:13px; }
#pn-development-monitor .pn-mon-phase-stats { display:flex; gap:9px; flex-shrink:0; }
#pn-development-monitor .pn-mon-phase-stats div { min-width:118px; text-align:center; padding:11px 13px; border:1px solid #dbe6ec; border-radius:11px; background:#fff; }
#pn-development-monitor .pn-mon-phase-stats strong { display:block; font-size:22px; font-weight:600; color:#173b56; }
#pn-development-monitor .pn-mon-phase-stats span { display:block; margin-top:2px; font-size:9px; color:#7890a0; letter-spacing:.07em; text-transform:uppercase; }

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

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

/* Submit */
#pn-development-monitor .pn-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; }
#pn-development-monitor .pn-mon-submit-bar strong { display:block; color:#173b56; font-size:15px; font-weight:600; }
#pn-development-monitor .pn-mon-submit-bar span { display:block; margin-top:3px; color:#667f90; font-size:12px; }
#pn-development-monitor .pn-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; }
#pn-development-monitor .pn-mon-submit:disabled { opacity:.65; cursor:default; }


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

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

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

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

.pn-mon-coach-feedback{margin-top:14px;padding:13px 15px;border:1px solid #d9e7ee;border-radius:10px;background:#f7fbfc}.pn-mon-coach-feedback strong{display:block;margin-top:4px;font-size:12px;color:#27627e;font-weight:500}.pn-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.
========================================================= */
#pn-development-monitor .pn-mon-journey {
  margin:0 0 16px;
  padding:14px 18px 13px;
  border:1px solid #dfe7ed;
  border-radius:13px;
  background:#fff;
}
#pn-development-monitor .pn-mon-journey-label { margin-bottom:10px; }
#pn-development-monitor .pn-mon-journey-track { display:flex; align-items:center; width:100%; }
#pn-development-monitor .pn-mon-journey-step { display:flex; align-items:center; gap:7px; min-width:0; }
#pn-development-monitor .pn-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;
}
#pn-development-monitor .pn-mon-journey-text { display:flex; flex-direction:column; min-width:0; }
#pn-development-monitor .pn-mon-journey-text strong { color:#526a7b; font-size:10px; font-weight:700; white-space:nowrap; }
#pn-development-monitor .pn-mon-journey-text span { margin-top:1px; color:#94a5b0; font-size:8px; white-space:nowrap; }
#pn-development-monitor .pn-mon-journey-step.current .pn-mon-journey-node { background:#1d6388; border-color:#1d6388; color:#fff; box-shadow:0 4px 10px rgba(29,99,136,.18); }
#pn-development-monitor .pn-mon-journey-step.current .pn-mon-journey-text strong { color:#1d6388; }
#pn-development-monitor .pn-mon-journey-step.completed .pn-mon-journey-node { background:#edf7f1; border-color:#b9dfc8; color:#2e7d55; }
#pn-development-monitor .pn-mon-journey-line { flex:1; height:1px; min-width:14px; margin:0 9px; background:#dfe7ed; }
#pn-development-monitor .pn-mon-journey-line.complete { background:#9fc8b0; }

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

#pn-development-monitor .pn-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);
}
#pn-development-monitor .pn-mon-card-top {
  grid-template-columns:48px minmax(220px,1fr) 155px 120px minmax(180px,1fr) 76px;
  gap:16px;
  align-items:center;
  padding:14px 18px;
}
#pn-development-monitor .pn-mon-card-summary { min-width:0; }
#pn-development-monitor .pn-mon-card-status { margin-bottom:5px; }
#pn-development-monitor .pn-mon-card-target { min-width:0; }
#pn-development-monitor .pn-mon-card-target b { display:block; color:#31576d; font-size:12px; font-weight:600; white-space:nowrap; }
#pn-development-monitor .pn-mon-card-target span { display:block; margin-top:4px; color:#6f8594; font-size:10px; line-height:1.3; }
#pn-development-monitor .pn-mon-coach-compact { min-width:0; padding-left:1px; }
#pn-development-monitor .pn-mon-coach-compact strong { display:block; margin-bottom:4px; color:#1d6388; font-size:10px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
#pn-development-monitor .pn-mon-coach-compact p { margin:0; color:#405f71; font-size:12px; line-height:1.5; font-style:normal; font-weight:500; overflow-wrap:anywhere; }
#pn-development-monitor .pn-mon-card-title h4 { font-size:17px; line-height:1.42; font-weight:500; color:#153f5d; }
#pn-development-monitor .pn-mon-card-title p { font-size:12.5px; line-height:1.45; color:#587285; }
#pn-development-monitor .pn-mon-code { font-size:14px; font-weight:700; color:#1d6388; }
#pn-development-monitor .pn-mon-card-status strong { font-size:13px; }
#pn-development-monitor .pn-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) {
  #pn-development-monitor .pn-mon-column-head,
  #pn-development-monitor .pn-mon-card-top { grid-template-columns:42px minmax(200px,1fr) 135px 105px minmax(150px,1fr) 72px; gap:11px; }
  #pn-development-monitor .pn-mon-phase-stats div { min-width:95px; }
  #pn-development-monitor .pn-mon-phase-stats div:last-child { min-width:120px; }
}
@media (max-width:900px) {
  #pn-development-monitor .pn-mon-journey-text span { display:none; }
  #pn-development-monitor .pn-mon-column-head { display:none; }
  #pn-development-monitor .pn-mon-card-top { display:grid; grid-template-columns:40px minmax(0,1fr) 135px 105px 72px; gap:12px; }
  #pn-development-monitor .pn-mon-coach-compact { grid-column:2 / 5; padding-top:3px; }
  #pn-development-monitor .pn-mon-toggle { grid-column:5; grid-row:1; }
}
@media (max-width:700px) {
  #pn-development-monitor .pn-mon-journey { padding:12px 11px; overflow:hidden; }
  #pn-development-monitor .pn-mon-journey-track { min-width:520px; }
  #pn-development-monitor .pn-mon-journey { overflow-x:auto; }
  #pn-development-monitor .pn-mon-phase-dates { flex-wrap:wrap; row-gap:4px; }
  #pn-development-monitor .pn-mon-phase-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }
  #pn-development-monitor .pn-mon-phase-stats div,
  #pn-development-monitor .pn-mon-phase-stats div:last-child { min-width:0; }
  #pn-development-monitor .pn-mon-card-top { display:block; padding:14px 15px; }
  #pn-development-monitor .pn-mon-code { display:inline-block; margin-bottom:7px; }
  #pn-development-monitor .pn-mon-toggle { position:absolute; top:13px; right:13px; }
  #pn-development-monitor .pn-mon-card-title { padding-right:75px; }
  #pn-development-monitor .pn-mon-card-summary { margin-top:11px; padding-right:75px; }
  #pn-development-monitor .pn-mon-card-target { margin-top:10px; padding:8px 10px; border:1px solid #e3ebef; border-radius:8px; background:#fbfcfd; }
  #pn-development-monitor .pn-mon-coach-compact { margin-top:9px; padding:8px 10px; border-left:2px solid #d5e5ec; background:#f8fbfc; }
}

/* Professional NEXT Monitor v1.4.0 — dedicated visual layer */
#pn-development-monitor,#pn-development-monitor *{box-sizing:border-box}
#pn-development-monitor{isolation:isolate;position:relative;z-index:1}
#pn-development-monitor button,#pn-development-monitor input,#pn-development-monitor select,#pn-development-monitor textarea{font-family:inherit}
#pn-development-monitor .pn-mon-field-grid{grid-template-columns:170px repeat(2,minmax(0,1fr));}
#pn-development-monitor .pn-mon-field-grid .pn-mon-full{grid-column:1/-1}
#pn-development-monitor .pn-mon-save{border:0;border-radius:9px;padding:11px 17px;background:#1d6388;color:#fff!important;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 6px 14px rgba(29,99,136,.15)}
#pn-development-monitor .pn-mon-save:hover{background:#174f6d;color:#fff!important}
#pn-development-monitor .pn-mon-save-state{margin-left:9px;font-size:11px;color:#5e7484}
#pn-development-monitor .pn-mon-save-state.success{color:#2d7651}.pn-mon-save-state.error{color:#9b4036}
#pn-development-monitor .pn-mon-submitted-note{display:inline-block;margin-top:12px;padding:9px 12px;border-radius:8px;background:#eef5f8;color:#466678;font-size:11px}
#pn-development-monitor .pn-mon-card-title p{max-width:100%}
#pn-development-monitor .pn-mon-footer-actions{margin-top:18px}
#pn-development-monitor .pn-mon-footer-actions .pn-mon-link-btn{background:transparent!important;color:#1d6388!important;border:0!important}
#pn-development-monitor .pn-mon-lock{margin-top:18px}
#pn-development-monitor .pn-mon-hero-copy{min-width:0}
#pn-development-monitor .pn-mon-hero-copy p{overflow-wrap:anywhere}
#pn-development-monitor .pn-mon-login-icon{font-size:18px}
#pn-development-monitor .pn-mon-primary{color:#fff!important;background:#1d6388!important}
#pn-development-monitor .pn-mon-primary:hover{color:#fff!important;background:#174f6d!important}
@media(max-width:900px){#pn-development-monitor .pn-mon-field-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){#pn-development-monitor .pn-mon-field-grid{grid-template-columns:1fr}.pn-mon-full{grid-column:auto!important}}
/* Professional NEXT Monitor v1.6.0 — true viewport breakout + robust controls */
html:has(body.pnmon-professional-page),body.pnmon-professional-page{overflow-x:hidden}
body.pnmon-professional-page .site-main,
body.pnmon-professional-page .content-area,
body.pnmon-professional-page .entry-content,
body.pnmon-professional-page .wp-block-post-content,
body.pnmon-professional-page .site-content,
body.pnmon-professional-page .container,
body.pnmon-professional-page .et_pb_post_content,
body.pnmon-professional-page .et-l--post{overflow:visible!important;max-width:none!important}
body.pnmon-professional-page .entry-title,
body.pnmon-professional-page .page-title,
body.pnmon-professional-page .wp-block-post-title,
body.pnmon-professional-page .et_pb_post_title{display:none!important}
#pn-development-monitor{
  position:relative!important;
  left:50%!important;
  width:100vw!important;
  max-width:none!important;
  margin:28px 0 40px -50vw!important;
  padding:0 16px!important;
  transform:none!important;
  color:#17344d;
  isolation:isolate;
  z-index:1;
}
#pn-development-monitor .pn-mon-shell{
  width:100%!important;
  max-width:1440px!important;
  margin:0 auto!important;
  padding:44px!important;
}
#pn-development-monitor .pn-mon-primary,
#pn-development-monitor .pn-mon-save,
#pn-development-monitor .pn-mon-submit{
  color:#fff!important;background:#1d6388!important;border-color:#1d6388!important;
}
#pn-development-monitor .pn-mon-primary:hover,
#pn-development-monitor .pn-mon-save:hover,
#pn-development-monitor .pn-mon-submit:hover{color:#fff!important;background:#174f6d!important}
#pn-development-monitor .pn-mon-toggle{
  color:#fff!important;background:#1d6388!important;border-color:#1d6388!important;
}
#pn-development-monitor .pn-mon-toggle:hover{color:#fff!important;background:#174f6d!important}
#pn-development-monitor .pn-mon-hero .pn-mon-small,
#pn-development-monitor .pn-mon-status span{color:#f3c45d!important}
#pn-development-monitor .pn-mon-hero h2{color:#fff!important}
#pn-development-monitor .pn-mon-hero p{color:#e7f0f5!important}
#pn-development-monitor .pn-mon-save-state.success{color:#2d7651!important}
#pn-development-monitor .pn-mon-save-state.error{color:#9b4036!important}
@media(max-width:900px){
  #pn-development-monitor{left:50%!important;margin-left:-50vw!important;padding:0 10px!important}
  #pn-development-monitor .pn-mon-shell{padding:28px 20px!important}
}
@media(max-width:600px){
  #pn-development-monitor{left:50%!important;margin-left:-50vw!important;padding:0 6px!important}
  #pn-development-monitor .pn-mon-shell{padding:22px 14px!important;border-radius:16px}
}

/* Professional NEXT Monitor v1.8.0 — correct viewport breakout and executive canvas */
html:has(body.pnmon-professional-page),
body.pnmon-professional-page{overflow-x:hidden!important}
body.pnmon-professional-page .entry-title,
body.pnmon-professional-page .page-title,
body.pnmon-professional-page .wp-block-post-title,
body.pnmon-professional-page .et_pb_post_title,
body.pnmon-professional-page .et_pb_title_container,
body.pnmon-professional-page .et_pb_fullwidth_post_title,
body.pnmon-professional-page .et_pb_post_title_0{display:none!important}
body.pnmon-professional-page .site-main,
body.pnmon-professional-page .content-area,
body.pnmon-professional-page .entry-content,
body.pnmon-professional-page .wp-block-post-content,
body.pnmon-professional-page .site-content,
body.pnmon-professional-page .container,
body.pnmon-professional-page .et_pb_post_content,
body.pnmon-professional-page .et-l--post{max-width:none!important;overflow:visible!important}
#pn-development-monitor{
  position:relative!important;
  left:50%!important;
  right:auto!important;
  width:100vw!important;
  max-width:100vw!important;
  margin:28px 0 40px -50vw!important;
  padding:0 24px!important;
  transform:none!important;
  display:block!important;
  overflow:visible!important;
  box-sizing:border-box!important;
  isolation:isolate;
  z-index:1;
}
#pn-development-monitor .pn-mon-shell{
  width:100%!important;
  max-width:1440px!important;
  margin:0 auto!important;
  padding:44px!important;
  box-sizing:border-box!important;
}
#pn-development-monitor .pn-mon-primary,
#pn-development-monitor .pn-mon-save,
#pn-development-monitor .pn-mon-submit,
#pn-development-monitor .pn-mon-toggle{
  color:#fff!important;
  background:#1d6388!important;
  border-color:#1d6388!important;
}
#pn-development-monitor .pn-mon-primary:hover,
#pn-development-monitor .pn-mon-save:hover,
#pn-development-monitor .pn-mon-submit:hover,
#pn-development-monitor .pn-mon-toggle:hover{color:#fff!important;background:#174f6d!important}
#pn-development-monitor .pn-mon-hero .pn-mon-small,
#pn-development-monitor .pn-mon-status span{color:#f3c45d!important}
#pn-development-monitor .pn-mon-hero h2{color:#fff!important}
#pn-development-monitor .pn-mon-hero p{color:#e7f0f5!important}
#pn-development-monitor .pn-mon-save-state.success{color:#2d7651!important}
#pn-development-monitor .pn-mon-save-state.error{color:#9b4036!important}
#pn-development-monitor .pn-mon-ambitions{
  margin:0 0 24px!important;
  padding:22px 24px!important;
  border:1px solid #dbe6ec!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#fbfdfe 0%,#f4f8fa 100%)!important;
  box-shadow:0 8px 24px rgba(16,47,70,.045)!important;
}
#pn-development-monitor .pn-mon-ambition-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  margin-top:14px!important;
}
#pn-development-monitor .pn-mon-ambition-grid>div{
  min-width:0!important;
  min-height:92px!important;
  padding:16px 18px!important;
  border:1px solid #dbe6ec!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 4px 12px rgba(16,47,70,.035)!important;
}
#pn-development-monitor .pn-mon-ambition-grid small{
  display:block!important;
  margin-bottom:8px!important;
  color:#718696!important;
  font-size:9px!important;
  font-weight:700!important;
  letter-spacing:.12em!important;
  line-height:1.3!important;
  text-transform:uppercase!important;
}
#pn-development-monitor .pn-mon-ambition-grid strong{
  display:block!important;
  color:#173b56!important;
  font-size:17px!important;
  line-height:1.4!important;
  font-weight:500!important;
  overflow-wrap:anywhere!important;
}
#pn-development-monitor .pn-mon-ambition-grid>div:first-child strong{color:#1d6388!important}
@media(max-width:900px){
  #pn-development-monitor{left:50%!important;width:100vw!important;max-width:100vw!important;margin-left:-50vw!important;padding:0 10px!important}
  #pn-development-monitor .pn-mon-shell{width:100%!important;max-width:none!important;padding:30px 20px!important}
  #pn-development-monitor .pn-mon-ambition-grid{grid-template-columns:1fr!important}
}
@media(max-width:600px){
  #pn-development-monitor{padding:0 6px!important;margin-left:-50vw!important}
  #pn-development-monitor .pn-mon-shell{width:100%!important;padding:22px 14px!important;border-radius:16px}
  #pn-development-monitor .pn-mon-ambitions{padding:17px 14px!important}
}

/* v1.9.0 FINAL — standalone body-level portal; overrides all earlier layout experiments */
body.pnmon-professional-page{overflow-x:hidden!important}
body.pnmon-professional-page > #pn-development-monitor{display:block!important;position:relative!important;left:auto!important;right:auto!important;transform:none!important;width:min(1440px,calc(100vw - 48px))!important;max-width:1440px!important;margin:32px auto 48px!important;padding:0!important;box-sizing:border-box!important;overflow:visible!important}
body.pnmon-professional-page > #pn-development-monitor .pn-mon-shell{width:100%!important;max-width:none!important;margin:0!important;padding:44px!important;box-sizing:border-box!important}
body.pnmon-professional-page > #pn-development-monitor .pn-mon-ambition-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
body.pnmon-professional-page > #pn-development-monitor .pn-mon-primary,body.pnmon-professional-page > #pn-development-monitor .pn-mon-save,body.pnmon-professional-page > #pn-development-monitor .pn-mon-submit,body.pnmon-professional-page > #pn-development-monitor .pn-mon-toggle{color:#fff!important;background:#1d6388!important;border-color:#1d6388!important}
body.pnmon-professional-page > #pn-development-monitor .pn-mon-primary:hover,body.pnmon-professional-page > #pn-development-monitor .pn-mon-save:hover,body.pnmon-professional-page > #pn-development-monitor .pn-mon-submit:hover,body.pnmon-professional-page > #pn-development-monitor .pn-mon-toggle:hover{color:#fff!important;background:#174f6d!important}
@media(max-width:900px){body.pnmon-professional-page > #pn-development-monitor{width:calc(100vw - 24px)!important;max-width:none!important;margin:20px auto 32px!important}body.pnmon-professional-page > #pn-development-monitor .pn-mon-shell{padding:30px 20px!important}body.pnmon-professional-page > #pn-development-monitor .pn-mon-ambition-grid{grid-template-columns:1fr!important}}
@media(max-width:600px){body.pnmon-professional-page > #pn-development-monitor{width:calc(100vw - 16px)!important;margin:14px auto 24px!important}body.pnmon-professional-page > #pn-development-monitor .pn-mon-shell{padding:22px 14px!important;border-radius:16px}}


/* Professional NEXT Monitor v2.0.0 — correct full-bleed page-flow architecture.
   Keep the shortcode in its original document position (before the footer) and
   break it out of the theme's constrained content column using the standard
   centered viewport breakout pattern. */
html:has(body.pnmon-professional-page),body.pnmon-professional-page{overflow-x:hidden!important}
body.pnmon-professional-page #pn-development-monitor{
  position:relative!important;
  left:50%!important;
  right:auto!important;
  transform:none!important;
  width:100vw!important;
  max-width:100vw!important;
  margin-top:32px!important;
  margin-right:0!important;
  margin-bottom:48px!important;
  margin-left:-50vw!important;
  padding:0 24px!important;
  box-sizing:border-box!important;
  display:block!important;
  overflow:visible!important;
  isolation:isolate!important;
  z-index:1!important;
}
body.pnmon-professional-page #pn-development-monitor .pn-mon-shell{
  width:100%!important;
  max-width:1440px!important;
  margin:0 auto!important;
  padding:44px!important;
  box-sizing:border-box!important;
}
body.pnmon-professional-page #pn-development-monitor .pn-mon-ambition-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
body.pnmon-professional-page #pn-development-monitor .pn-mon-primary,
body.pnmon-professional-page #pn-development-monitor .pn-mon-save,
body.pnmon-professional-page #pn-development-monitor .pn-mon-submit,
body.pnmon-professional-page #pn-development-monitor .pn-mon-toggle{
  color:#fff!important;background:#1d6388!important;border-color:#1d6388!important;
}
body.pnmon-professional-page #pn-development-monitor .pn-mon-primary:hover,
body.pnmon-professional-page #pn-development-monitor .pn-mon-save:hover,
body.pnmon-professional-page #pn-development-monitor .pn-mon-submit:hover,
body.pnmon-professional-page #pn-development-monitor .pn-mon-toggle:hover{
  color:#fff!important;background:#174f6d!important;
}
@media(max-width:900px){
 body.pnmon-professional-page #pn-development-monitor{width:100vw!important;max-width:100vw!important;margin-left:-50vw!important;padding:0 12px!important}
 body.pnmon-professional-page #pn-development-monitor .pn-mon-shell{max-width:none!important;padding:30px 20px!important}
 body.pnmon-professional-page #pn-development-monitor .pn-mon-ambition-grid{grid-template-columns:1fr!important}
}
@media(max-width:600px){
 body.pnmon-professional-page #pn-development-monitor{padding:0 6px!important;margin-top:18px!important;margin-bottom:28px!important}
 body.pnmon-professional-page #pn-development-monitor .pn-mon-shell{padding:22px 14px!important;border-radius:16px!important}
}


/* Professional NEXT Monitor v2.0.1 — authoritative page-flow layout.
   The application is moved immediately before the theme footer by monitor.js.
   It therefore leaves the narrow content column while remaining in normal page flow. */
html body.pnmon-professional-page{overflow-x:hidden!important}
body.pnmon-professional-page #pn-development-monitor{
  position:relative!important;
  display:block!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  transform:none!important;
  width:calc(100% - 48px)!important;
  max-width:1440px!important;
  min-width:0!important;
  margin:32px auto 48px!important;
  padding:0!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  float:none!important;
  clear:both!important;
}
body.pnmon-professional-page #pn-development-monitor .pn-mon-shell{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:44px!important;
  box-sizing:border-box!important;
}
body.pnmon-professional-page #pn-development-monitor .pn-mon-ambition-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
body.pnmon-professional-page #pn-development-monitor .pn-mon-primary,
body.pnmon-professional-page #pn-development-monitor .pn-mon-save,
body.pnmon-professional-page #pn-development-monitor .pn-mon-submit,
body.pnmon-professional-page #pn-development-monitor .pn-mon-toggle{
  color:#fff!important;background:#1d6388!important;border-color:#1d6388!important;
}
body.pnmon-professional-page #pn-development-monitor .pn-mon-primary:hover,
body.pnmon-professional-page #pn-development-monitor .pn-mon-save:hover,
body.pnmon-professional-page #pn-development-monitor .pn-mon-submit:hover,
body.pnmon-professional-page #pn-development-monitor .pn-mon-toggle:hover{
  color:#fff!important;background:#174f6d!important;
}
@media(max-width:900px){
 body.pnmon-professional-page #pn-development-monitor{width:calc(100% - 24px)!important;max-width:none!important;margin:20px auto 32px!important}
 body.pnmon-professional-page #pn-development-monitor .pn-mon-shell{padding:30px 20px!important}
 body.pnmon-professional-page #pn-development-monitor .pn-mon-ambition-grid{grid-template-columns:1fr!important}
}
@media(max-width:600px){
 body.pnmon-professional-page #pn-development-monitor{width:calc(100% - 16px)!important;margin:14px auto 24px!important}
 body.pnmon-professional-page #pn-development-monitor .pn-mon-shell{padding:22px 14px!important;border-radius:16px!important}
}