/* The Vatsalyam Symptom Journal: scoped CSS only, no external assets. */
.sj-shell{background:linear-gradient(180deg,#fff9f8 0,#fafcfb 50%,#fff 100%);color:#463e47;min-height:85vh}
.sj-shell *{box-sizing:border-box}
.sj-back{color:#8d506b;font-weight:700;text-decoration:none}
.sj-back:hover{text-decoration:underline}
.sj-hero{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:clamp(1.5rem,4vw,2.7rem);background:linear-gradient(125deg,#fce6ec,#fff5ef 55%,#e4f4ea);border:1px solid #eedbe1;border-radius:25px}
.sj-eyebrow{font-size:.73rem;letter-spacing:.14em;font-weight:850;color:#90516d}
.sj-hero h1{font-size:clamp(1.8rem,4vw,2.9rem);font-weight:820;letter-spacing:-.025em;margin:.5rem 0}
.sj-hero p{font-size:1.04rem;max-width:700px;color:#665a61;margin:0;line-height:1.55}
.sj-hero-icon{font-size:4.5rem;color:#ac718a;line-height:1}
.sj-notice{border-radius:15px;background:#fff5e5;border:1px solid #edd7b0;padding:1rem 1.2rem;font-weight:580}
.sj-danger{border-radius:17px;border:1px solid #f0adb0;background:#fff1f1;padding:1rem 1.25rem;color:#752d35}
.sj-danger-head{display:flex;align-items:center;gap:.5rem;font-size:1.02rem}
.sj-danger p{line-height:1.6;margin:.6rem 0}
.sj-emergency-number{display:inline-block;color:#792c39;font-weight:800;text-decoration:underline}
.sj-guest{padding:1rem 1.2rem;border:1px solid #e6d0db;border-radius:16px;background:#fff}
.sj-guest p{margin-bottom:.75rem}
.sj-btn{background:#935873;color:#fff;border:1px solid #935873;border-radius:11px;font-weight:720;padding:.65rem 1.15rem}
.sj-btn:hover,.sj-btn:focus-visible{background:#703950;color:#fff;border-color:#703950}
.sj-panel{background:#fff;border:1px solid #eee0e5;border-radius:22px;box-shadow:0 8px 28px rgba(96,52,70,.05);padding:clamp(1.1rem,2.8vw,1.6rem)}
.sj-panel h2{font-weight:790;color:#54404e;font-size:1.2rem;margin:0 0 1rem}
.sj-shell .form-label{font-size:.87rem;font-weight:690;color:#5d4c57}
.sj-shell .form-control,.sj-shell .form-select{border:1px solid #dbcdd5;border-radius:11px;min-height:44px}
.sj-shell .form-control:focus,.sj-shell .form-select:focus{border-color:#a76887;box-shadow:0 0 0 .2rem #af63851e}
.sj-range{accent-color:#a15f7d;cursor:pointer}
.sj-legend{font-size:1rem;font-weight:790;margin-bottom:.45rem}
.sj-flags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}
.sj-flag{display:flex;align-items:flex-start;gap:.55rem;border:1px solid #e7dbe1;border-radius:11px;background:#fffdfd;min-height:50px;padding:.75rem;cursor:pointer;line-height:1.35;font-size:.87rem}
.sj-flag:has(input:checked){background:#fff0f1;border-color:#cf8790;color:#7a293b}
.sj-flag input,.sj-confirm input{width:17px;height:17px;flex:0 0 17px;accent-color:#91546e;margin-top:.08rem}
.sj-confirm{display:flex;align-items:flex-start;gap:.65rem;padding:.85rem;border-radius:12px;background:#fff8fa;border:1px solid #eddde4;cursor:pointer}
.sj-muted{color:#777079}
.sj-live,.sj-last{border:1px solid #d9e6de;border-radius:15px;padding:1rem 1.1rem;background:#f0faf4;line-height:1.6}
.sj-live p,.sj-last p{margin:.35rem 0 0}
.sj-last h2{font-size:1.15rem;font-weight:800;margin:.3rem 0}
.sj-last-eyebrow{font-size:.82rem;font-weight:650}
.sj-level-urgent{background:#fff6e3!important;border-color:#f1c57b!important;color:#674816}
.sj-level-emergency{background:#ffeff1!important;border-color:#e09a9e!important;color:#872a35}
.sj-records{display:grid;gap:.9rem}
.sj-record{border:1px solid #e5d9e0;background:#fff;border-radius:14px;padding:1rem;position:relative}
.sj-record.sj-level-urgent{border-left:5px solid #d5a14b;background:#fffdf8!important}
.sj-record.sj-level-emergency{border-left:5px solid #ca5366;background:#fffafa!important}
.sj-record-head{display:flex;justify-content:space-between;gap:.7rem;flex-wrap:wrap}
.sj-record-head strong{display:block;font-weight:760}
.sj-record-head small{display:block;color:#777079;margin-top:.2rem}
.sj-record-chips{display:flex;gap:.35rem;flex-wrap:wrap;align-items:flex-start}
.sj-chip{border-radius:30px;background:#f4ebf0;color:#75455d;padding:.3rem .55rem;font-size:.75rem;font-weight:700}
.sj-urgent-text{font-size:.83rem;padding:.55rem .65rem;border-radius:9px;background:rgba(252,232,232,.8);margin:.65rem 0}
.sj-record-note{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.86rem;margin:.6rem 0;line-height:1.5}
.sj-discuss-form{margin-top:.8rem}
.sj-discuss-form summary{cursor:pointer;color:#86516b;font-size:.84rem;font-weight:700}
.sj-delete{margin-top:.7rem}
.sj-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
.sj-stat{border-radius:14px;background:#f6f7f4;border:1px solid #e1ece4;padding:.9rem}
.sj-stat small{display:block;color:#67646b}
.sj-stat strong{font-size:1.75rem;font-weight:800;color:#6e5a69}
.sj-trend{display:flex;align-items:flex-end;gap:.4rem;height:140px;border-bottom:1px solid #d8d5d6;padding:0 .25rem}
.sj-bar-cell{flex:1;height:100%;display:flex;align-items:flex-end;min-width:0}
.sj-bar{background:linear-gradient(#9a6181,#d6a2b8);width:100%;min-height:4px;border-radius:5px 5px 0 0;text-align:center;color:#fff;position:relative;display:flex;justify-content:center;align-items:flex-start}
.sj-bar span{font-size:.65rem;line-height:1.3;font-weight:750;padding-top:3px}
.sj-tips{padding-left:1.25rem;margin-bottom:0}
.sj-tips li{margin-bottom:.8rem;line-height:1.6}
.sj-resource{display:block;color:#8e5070;font-size:.9rem;margin-bottom:.65rem;overflow-wrap:anywhere}
.sj-shell :focus-visible{outline:3px solid #a16886;outline-offset:2px}
@media(max-width:630px){.sj-hero-icon{display:none}.sj-flags{grid-template-columns:1fr}.sj-panel{border-radius:17px}}
@media print{.announcement,.site-header,.sj-back,.sj-guest,.sj-print,#sjForm,.sj-discuss-form,.sj-delete,footer,.sj-resource,.sj-emergency-number{display:none!important}.sj-shell{background:white}.sj-panel{box-shadow:none;break-inside:avoid}.sj-record{break-inside:avoid}.sj-stat{print-color-adjust:exact}}