*{box-sizing:border-box}body{margin:0;background:#faf9f6;color:#273e39;font:15px/1.65 'Segoe UI',Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button{border:0;border-radius:12px;padding:11px 18px;background:var(--primary);color:white}a{color:inherit;text-decoration:none}:root{--primary:#356759;--pale:#edf3ee;--accent:#dfece2}.demo{background:#283f37;color:#e4eee8;padding:7px 4%;font-size:11px;display:flex;justify-content:space-between;align-items:center}.demo button{padding:0;background:transparent;font-size:11px}header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid #e4e8e2;background:#fff}.brand{font-size:23px;font-weight:700;display:flex;gap:10px;align-items:center}.mark{font-size:35px;color:var(--primary)}.switch{display:flex;padding:5px;background:#f2f3ef;border-radius:14px}.switch button{background:transparent;color:#6c7771;font-size:12px}.switch .active{background:#fff;color:var(--primary);box-shadow:0 2px 5px #0000000a}.quiet{background:transparent;color:var(--primary);border:1px solid #dbe3dc}.shell{max-width:1500px;margin:auto;display:grid;grid-template-columns:235px 1fr}aside{padding:36px 22px;min-height:calc(100vh - 125px);border-right:1px solid #e4e8e2;display:flex;flex-direction:column}.side-label,.eyebrow{font-size:11px;color:#7a8c81;letter-spacing:1px;margin-bottom:18px}nav button{width:100%;text-align:left;background:transparent;color:#748079;margin-bottom:8px;padding:14px 16px}nav button.active{background:var(--accent);color:var(--primary);font-weight:600}nav i{font-style:normal;width:30px;display:inline-block}.side-note{margin-top:60px;padding:20px;border-radius:18px;background:#eeefe8;font-size:12px}.side-note span{display:block;font-size:30px}.side-note p{color:#7b877e}.account{display:flex;gap:10px;align-items:center;font-size:12px;margin-top:auto;padding-top:40px}.avatar{width:40px;height:40px;background:#e6d9cd;border-radius:50%;display:grid;place-items:center;color:#766452}.account small{display:block;font-size:9px;color:#839086}main{padding:34px 42px 60px;min-width:0}.page-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-top h1{font-size:27px;font-weight:600;margin:0 0 5px}.muted{color:#7b897f;font-size:13px}h2{font-size:18px;margin:0 0 17px;font-weight:600}h3{font-size:15px;margin:0 0 8px}p{margin:5px 0 16px}.hero{border-radius:24px;background:var(--accent);padding:32px;display:grid;grid-template-columns:1.3fr 1fr;overflow:hidden;position:relative;gap:20px}.hero h2{font-size:30px;line-height:1.5;margin:0 0 14px;max-width:420px}.hero p{font-size:13px;max-width:365px;color:#5c7667}.pill{display:inline-block;border-radius:20px;background:#ffffff90;padding:5px 12px;font-size:11px;margin-bottom:18px}.orb{width:210px;height:210px;margin:auto;border-radius:50%;background:#f7faf2;display:grid;place-content:center;text-align:center;outline:1px solid #ffffff80;outline-offset:18px;position:relative}.orb b{font-size:64px;font-weight:400;line-height:1.1;color:var(--primary)}.orb span{font-size:12px;color:#7e917c}.orb:after{content:'✦';position:absolute;right:-15px;top:10px;color:#ad8c57;font-size:30px}.progress{height:5px;background:#ffffff80;border-radius:10px;max-width:310px;margin:18px 0 6px}.progress div{height:100%;width:60%;background:var(--primary);border-radius:10px}.grid{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;margin-top:22px}.card{background:#fff;border:1px solid #e6e9e2;border-radius:20px;padding:24px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.link{background:transparent;color:var(--primary);padding:0;font-size:12px}.date-box{background:#f4efe7;border-radius:13px;padding:10px 16px;text-align:center;min-width:65px}.date-box b{font-size:25px;display:block;line-height:1.2}.date-box small{font-size:10px}.visit{display:flex;gap:17px;align-items:center;margin:22px 0}.tag{font-size:10px;padding:4px 9px;border-radius:15px;background:#edf4ed;color:#55745d;display:inline-block}.tag.pending{background:#fff3dc;color:#9d772b}.row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid #eff0ea}.row:last-child{border-bottom:0}.row small{display:block;color:#849087;font-size:11px}.check{display:flex;align-items:center;gap:13px;cursor:pointer}.check input{accent-color:var(--primary);width:18px;height:18px}.check.done span{text-decoration:line-through;color:#8b978f}.wide{width:100%}.outline{background:white;color:var(--primary);border:1px solid #dce5dc}.note{background:#f4eee5;padding:20px 24px;border-radius:18px;margin-top:22px;display:flex;gap:17px;font-size:13px}.note span{font-size:28px}.note p{margin:3px 0;color:#8a8072;font-size:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.stats b{display:block;font-size:32px;font-weight:500}.stats .card{padding:20px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}td,th{text-align:left;padding:17px 10px;border-bottom:1px solid #eef0ea;white-space:nowrap}th{font-size:11px;color:#8a938d;font-weight:400}td button{font-size:11px;padding:6px 10px}.empty{padding:32px;text-align:center;color:#879287}dialog{width:min(480px,92vw);border:0;border-radius:22px;padding:30px;box-shadow:0 25px 100px #102b3930;color:#273e39}dialog::backdrop{background:#1b302d60;backdrop-filter:blur(4px)}.close{float:right;background:#f2f4ef;color:#567364;padding:3px 11px;font-size:23px}label.field{display:block;margin:15px 0;font-size:12px}input:not([type=checkbox]),select,textarea{width:100%;border:1px solid #dce4db;padding:12px;border-radius:10px;background:#fff;color:#344c40;margin-top:5px}textarea{min-height:95px;resize:vertical}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 25px;background:#283f37;color:white;border-radius:12px;display:none;z-index:10;font-size:13px}.swatches{display:flex;gap:12px;margin:18px 0}.swatches button{width:45px;height:45px;border:3px solid white;outline:1px solid #ddd}.small-print{font-size:11px;color:#89938b;margin-top:20px}.search{max-width:300px;margin-bottom:15px}@media(min-width:1450px){main{padding-top:45px}.hero{padding:45px}}@media(max-width:1000px){.shell{grid-template-columns:190px 1fr}main{padding:25px}.hero{padding:25px}.orb{width:150px;height:150px}.hero h2{font-size:24px}.grid{grid-template-columns:1fr}aside{padding:28px 12px}}@media(max-width:650px){header{height:auto;padding:15px;flex-wrap:wrap;gap:12px}.brand{font-size:19px}.switch{order:3;width:100%}.switch button{flex:1}.demo{font-size:9px;padding:6px 12px}.demo button{font-size:9px}.shell{display:block}aside{min-height:0;padding:10px 12px;border:0;background:white;position:sticky;top:0;z-index:3}nav{display:flex;overflow:auto;gap:4px}nav button{white-space:nowrap;font-size:11px;padding:10px;margin:0;width:auto;flex:1}nav i{display:none}.side-label,.side-note,.account{display:none}main{padding:24px 16px}.page-top h1{font-size:22px}.page-top>.muted{display:none}.hero{padding:23px;grid-template-columns:1fr 100px;gap:10px}.hero h2{font-size:22px}.orb{width:90px;height:90px;outline-offset:9px}.orb b{font-size:39px}.orb span{font-size:9px}.hero p{font-size:11px}.card{padding:20px}.stats{gap:8px}.stats .card{padding:13px}.stats b{font-size:25px}.stats .muted{font-size:10px}.quiet{font-size:11px;padding:8px}.grid{margin-top:16px;gap:16px}}
.health-banner{display:flex;gap:16px;padding:22px;background:var(--accent);border-radius:18px;margin-bottom:24px}.health-tabs{display:flex;gap:8px;overflow:auto;margin-bottom:26px}.health-tabs button{white-space:nowrap;background:#eee;color:#52655b}.health-tabs button.active{background:var(--primary);color:white}.health-tabs small{margin-left:8px}.health-list{display:grid;gap:14px;margin-top:14px}.health-record{display:flex;justify-content:space-between;align-items:center;gap:12px}.health-record h3{margin-top:12px;overflow-wrap:anywhere}.health-record button{flex-shrink:0}.health-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.record-text{white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f6f2;padding:16px;border-radius:12px;margin:16px 0}.history-heading{margin-top:28px}.history{border-top:1px solid #e5e8e2;padding:14px 0}.history summary{cursor:pointer;font-size:12px}#healthError{color:#a33;font-size:12px}dialog{max-height:90vh;overflow:auto}@media(max-width:650px){.health-tabs button{font-size:11px;padding:10px}.health-record{align-items:flex-start}.health-record button{font-size:11px;padding:9px}.card-head{flex-wrap:wrap}.health-banner{font-size:12px}}

.patient-card{padding:20px 0;border-bottom:1px solid #e4e8e2}.patient-card:last-child{border:0}.patient-name{background:transparent;color:var(--primary);padding:5px 0;text-align:left;font-size:20px;font-weight:600}.patient-name small{display:block;font-size:11px;font-weight:400;margin-top:5px}.patient-sections{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.patient-sections button{font-size:12px;padding:10px 12px}.patient-sections b{margin-left:6px}@media(max-width:650px){.patient-sections{display:grid;grid-template-columns:1fr;width:100%}.patient-sections button{text-align:left;width:100%}}
/* IQ Clinic brand */
:root{--primary:#c91f2b;--accent:#fce9eb;--pale:#fff2f3}body{color:#233744;background:#faf8f8}.demo{background:#233744}.iq-logo{width:74px;height:74px;object-fit:contain;border-radius:50%;flex-shrink:0}.brand{gap:12px;color:#233744;font-size:22px}header{height:105px}.side-note{background:#fce9eb}.side-note p,.muted{color:#68727a}.hero{background:linear-gradient(120deg,#fff0f1,#f8d9dd)}.hero p{color:#705963}.orb{background:#fffafa}.orb span{color:#7d5960}.orb:after{color:#c91f2b}.date-box{background:#fce9eb;color:#a71b28}.note{background:#f1f3f5}.note p{color:#65727a}.tag{background:#edf2f6;color:#365468}.account .avatar{background:#fce9eb;color:#a71b28}.iq-intro{padding:30px;border-radius:22px;background:#233744;color:white}.iq-intro h2{font-size:28px}.iq-intro p{max-width:650px;color:#e7edf2}.iq-services{display:flex;flex-wrap:wrap;gap:10px}.iq-services span{background:#fce9eb;color:#a71b28;padding:10px 15px;border-radius:12px;font-size:12px}.small-print a{text-decoration:underline}.card a[href^="tel"],.card a[href^="mailto"]{color:#a71b28}.health-banner{background:#fce9eb}.record-text{background:#f5f5f7}.hero .muted{color:#755560}.side-label,.eyebrow{color:#7a6c73}@media(max-width:650px){header{height:auto}.iq-logo{width:60px;height:60px}.brand{font-size:19px}.iq-intro{padding:24px}#iqDoctors .row{align-items:flex-start}#iqDoctors h3{font-size:13px}#iqDoctors button{font-size:11px;padding:8px 12px}}#cloudGate{position:fixed;inset:0;background:#233744ed;z-index:100;display:grid;place-items:center;padding:20px;overflow:auto}#cloudGate[hidden]{display:none}.cloud-card{width:min(440px,100%)}#cloudStatus{padding:8px 16px;background:#e9eff3;color:#233744;font-size:12px;display:flex;align-items:center;justify-content:space-between}#cloudStatus button{padding:4px 10px;font-size:11px}.cloud-card button{margin-top:8px}#cloudError{color:#a51925}