/* Ward Leadership Hub — Personal Notebook v11.5.9 */
#hub-notes-button{position:relative;font-size:20px!important;background:#fff!important;color:var(--navy)!important;border:1px solid #cddce3!important;width:50px!important;height:50px!important;box-shadow:0 12px 28px rgba(18,59,89,.16)!important}
#hub-notes-button:hover{transform:translateY(-1px)}
body.personal-notes-open{overflow:hidden}
.personal-notes-backdrop{position:fixed;inset:0;background:rgba(9,28,43,.30);backdrop-filter:blur(2px);z-index:120;opacity:1;transition:opacity .15s ease}
.personal-notes-backdrop.hidden{display:none}
.personal-notes-modal{position:fixed;z-index:121;right:18px;top:18px;bottom:18px;width:min(620px,calc(100vw - 36px));background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 28px 80px rgba(8,37,58,.26);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden;animation:personal-notes-in .18s ease-out both}
.personal-notes-modal.hidden{display:none}
.personal-notes-modal.personal-notes-closing{animation:personal-notes-out .15s ease-in both}
@keyframes personal-notes-in{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
@keyframes personal-notes-out{from{opacity:1;transform:none}to{opacity:0;transform:translateY(8px) scale(.99)}}
.personal-notes-modal-head,.personal-notes-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.personal-notes-modal-head{padding:20px 20px 14px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#f8fbfd,#fff)}
.personal-notes-modal-head h2,.personal-notes-card-head h2{margin:2px 0 4px}
.personal-notes-modal-head>button,.personal-notes-collapse{border:0;background:#edf3f6;color:var(--navy);width:34px;height:34px;border-radius:11px;font-size:22px;line-height:1;cursor:pointer}
.personal-notes-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-bottom:1px solid #edf1f3;background:#fbfcfd}
.personal-notes-tool{border:1px solid #d3e0e6;background:#fff;color:var(--navy);border-radius:10px;padding:7px 10px;font-size:10px;font-weight:850;cursor:pointer}
.personal-notes-save-state{font-size:9px;font-weight:800;color:var(--muted)}
.personal-notes-save-state[data-tone="saving"]{color:#7a6a37}.personal-notes-save-state[data-tone="error"]{color:#a63f3f}.personal-notes-save-state[data-tone="saved"]{color:#52705f}
.personal-notes-editor{display:block;width:100%;box-sizing:border-box;border:0;outline:0;resize:none;background:#fff;color:var(--ink);font:inherit;line-height:1.65;tab-size:2}
.personal-notes-modal-editor{min-height:0;height:100%;padding:18px 20px;font-size:14px;overflow:auto}
.personal-notes-modal-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:#fff;color:var(--muted);font-size:9px}
.personal-notes-modal-foot button{border:0;background:var(--navy);color:#fff;border-radius:11px;padding:9px 15px;font-weight:900}
.personal-notes-card{margin-top:18px;overflow:hidden}
.personal-notes-card-head{padding:2px 2px 14px}
.personal-notes-card-body{border:1px solid #dce6ea;border-radius:16px;overflow:hidden;background:#fff}
.personal-notes-card-body.hidden{display:none}
.personal-notes-dashboard-editor{min-height:240px;padding:15px 16px;font-size:12px;resize:vertical}
.personal-notes-helper{margin:0;padding:9px 13px;border-top:1px solid #edf1f3;background:#f8fafb;color:var(--muted);font-size:9px;line-height:1.45}
@media(max-width:720px){
  #hub-notes-button{width:48px!important;height:48px!important}
  .personal-notes-modal{left:8px;right:8px;top:calc(8px + env(safe-area-inset-top,0px));bottom:calc(82px + env(safe-area-inset-bottom,0px));width:auto;border-radius:20px}
  .personal-notes-modal-head{padding:14px 14px 11px}.personal-notes-modal-head h2{font-size:20px}
  .personal-notes-modal-editor{padding:14px;font-size:16px;line-height:1.6}
  .personal-notes-dashboard-editor{min-height:210px;font-size:16px;padding:13px}
  .personal-notes-toolbar{padding:7px 10px}
  .personal-notes-card{margin-top:14px}
}