:root{--ink:#153f37;--muted:#566d63;--green:#096c59;--line:#d6e3da;--wash:#edf5ee}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#f3f6f2;font:16px/1.6 system-ui,sans-serif}header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 28px;background:white;border-bottom:1px solid var(--line)}.brand{font-size:24px;font-weight:750}.brand small{display:block;font-size:12px;font-weight:500}.controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.controls label{display:flex;align-items:center;gap:8px}main{max-width:1320px;margin:auto;padding:24px 28px 50px}h1{font-size:34px;line-height:1.25;margin:8px 0}h2{font-size:25px;margin:0 0 8px}h3{font-size:22px;margin:0 0 12px}h4{margin:25px 0 10px}p{margin:8px 0 17px}button,.button,select{font:inherit;min-height:46px;border-radius:9px;border:1px solid var(--line);padding:10px 15px;color:var(--ink);background:white}button,.button{font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}button:hover,.button:hover{background:var(--wash)}.primary{background:var(--green)!important;color:white!important;border-color:var(--green)!important}button:disabled{cursor:default;opacity:.6}a{color:var(--green);text-underline-offset:4px}label{font-weight:600}select{max-width:100%}input[type=checkbox]{width:22px;height:22px;accent-color:var(--green)}:focus-visible{outline:3px solid #c18820;outline-offset:3px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:.08em;color:var(--green)}.intro,.patient-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.notice{padding:15px 19px;border:1px solid #c3d8bc;background:#edf4e7;border-radius:12px;margin:17px 0 22px}.notice strong,.notice span{display:block}.notice span,.muted{font-size:13px;color:var(--muted)}.workspace{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px}.sidebar,.content{background:white;border:1px solid var(--line);border-radius:14px;padding:22px}.sidebar{padding:18px 14px;align-self:start}.sidebar h2{font-size:16px;margin-bottom:14px}.patient{display:block;width:100%;text-align:left;margin-bottom:10px}.patient strong,.patient span{display:block}.patient span{font-size:12px;color:var(--muted)}.selected{border-color:#3e8f74;background:var(--wash)}.aside-note{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.status{font-size:12px;font-weight:650;border-radius:30px;background:var(--wash);padding:5px 11px}.steps{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0 23px;padding-bottom:17px;border-bottom:1px solid var(--line)}.steps button{font-size:14px}.steps [aria-selected=true]{background:var(--green);color:white}.stage{min-height:325px}.vitals,.soap{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:20px 0}.vitals div,.soap article{border:1px solid var(--line);background:#fbfdfb;padding:15px;border-radius:10px}.vitals strong{display:block;font-size:27px}.vitals span,.vitals small,.soap strong{font-size:12px;color:var(--muted)}.soap{grid-template-columns:1fr 1fr}.soap p{font-size:14px;margin:6px 0}.order{display:flex;align-items:center;gap:14px;border:1px solid var(--line);padding:14px;border-radius:10px;margin-bottom:10px;cursor:pointer}.order small{display:block;font-weight:400;color:var(--muted)}.scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}td,th{padding:11px;text-align:left;border-bottom:1px solid var(--line)}th{font-size:12px}.high{color:#a52b37;font-weight:700}.low{color:#195caa;font-weight:700}.bill,.summary{background:#f4f8f3;border-radius:10px;padding:18px;margin:20px 0}.bill div{display:flex;justify-content:space-between;padding:7px 0}.total{border-top:1px solid var(--line);font-size:21px}.feedback{min-height:23px;font-size:14px;color:var(--green);margin-bottom:0}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}footer{font-size:13px;color:var(--muted);margin:23px 0}.demo-large{font-size:21px}.demo-large button,.demo-large select,.demo-large .soap p{font-size:20px}.demo-large .muted,.demo-large .notice span{font-size:17px}@media(max-width:850px){.workspace{grid-template-columns:1fr}.sidebar{display:flex;gap:10px;flex-wrap:wrap}.sidebar h2{width:100%}.patient{flex:1;width:auto}.aside-note{width:100%;margin:0;padding-top:10px}}@media(max-width:570px){header{padding:15px;flex-wrap:wrap}main{padding:20px 14px}.intro,.patient-header{align-items:flex-start;flex-direction:column}.content{padding:17px}.vitals,.soap{grid-template-columns:1fr}.steps button{flex:1;min-width:125px}.controls label{flex-wrap:wrap}h1{font-size:30px}}@media print{body>*{display:none!important}body:after{content:"SwiftEMR sample only. Not a clinical record. / Demo lamang. Hindi rekord ng pasyente.";display:block;padding:30px;font-size:22px}}
