:root{--navy:#12343d;--teal:#087c74;--ink:#16252a;--muted:#6c7b80;--line:#e1e8e8;--bg:#f5f8f7}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);margin:0;font-family:Arial,sans-serif}.shell{min-height:100vh;display:flex}aside{background:var(--navy);color:#d8e7e7;flex-direction:column;width:238px;padding:24px 15px;display:flex}.brand{align-items:center;gap:11px;padding:0 8px 25px;display:flex}.brand>span{color:var(--teal);background:#e5f4f1;border-radius:11px;place-items:center;width:39px;height:39px;display:grid}.brand b,.brand small{display:block}.brand b{color:#fff;font-size:17px}.brand small{color:#82aaa9;margin-top:2px}.clinic{background:#1c3d46;border:1px solid #31505a;border-radius:10px;align-items:center;gap:8px;margin-bottom:20px;padding:12px;font-size:13px;display:flex}.clinic i{background:#36c698;border-radius:50%;width:7px;height:7px}nav{flex-direction:column;gap:4px;display:flex}nav button{color:#a8bdc0;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;padding:11px 12px;font-size:14px;display:flex}nav button:hover,nav button.on{color:#fff;background:#24464f}nav em{color:#42291b;background:#e8a36d;border-radius:20px;margin-left:auto;padding:2px 7px;font-size:11px;font-style:normal}.system{border-top:1px solid #31505a;align-items:center;gap:9px;margin-top:auto;padding:18px 8px 0;display:flex}.system b,.system small{display:block}.system b{font-size:12px}.system small{color:#86a2a6;margin-top:3px;font-size:10px}.main{flex:1;min-width:0}.main>header{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:13px;height:81px;padding:0 26px;display:flex}.main>header>div:first-child{margin-right:auto}.main h1{margin:0;font-size:20px}.main header p{color:var(--muted);margin:5px 0 0;font-size:12px}.bell{border:1px solid var(--line);background:#fff;border-radius:9px;width:38px;height:38px}.profile{color:#176a64;background:#dff1ed;border-radius:50%;align-items:center;gap:8px;height:39px;padding-left:11px;font-size:12px;font-weight:700;display:flex;width:auto!important}.profile span{background:#fff;padding-right:4px}.profile b,.profile small{display:block}.profile small{color:var(--muted);font-size:9px}.content{padding:18px}.cards{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.cards article,.panel{border:1px solid var(--line);background:#fff;border-radius:12px}.cards article{padding:17px}.cards svg{color:var(--teal)}.cards p{color:var(--muted);margin:10px 0 5px;font-size:12px}.cards strong{font-size:23px;display:block}.cards small{color:#6e807e;font-size:10px}.grid2{grid-template-columns:1.4fr 1fr;gap:14px;margin-top:14px;display:grid}.panel{overflow:hidden}.title{border-bottom:1px solid var(--line);align-items:center;height:54px;padding:0 17px;display:flex}.title h2{margin:0;font-size:14px}.title button{color:var(--teal);cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:11px}.row{border-bottom:1px solid #edf1f1;align-items:center;gap:10px;padding:12px 16px;display:flex}.avatar{color:#267068;background:#e3f1ee;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:11px;font-weight:700;display:grid}.row>div:nth-child(2){flex:1;min-width:0}.row b{font-size:12px}.row p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:4px 0;font-size:11px;overflow:hidden}.row>span{text-align:right;color:var(--teal);font-size:9px}.row>span small{color:var(--muted);margin-top:4px;display:block}.appt{border-bottom:1px solid #edf1f1;padding:12px 16px;position:relative}.appt div{color:var(--teal);align-items:center;gap:7px;display:flex}.appt b{font-size:12px}.appt p{color:var(--muted);margin:5px 0 0;font-size:11px}.appt span{color:#38785d;background:#e9f6ef;border-radius:10px;padding:4px 7px;font-size:9px;position:absolute;top:14px;right:15px}.funnel{margin-top:14px}.funnel>.title{border:0}.funnel>div:last-child{justify-content:space-around;align-items:center;padding:8px 18px 22px;display:flex}.funnel b{font-size:22px}.funnel span{color:var(--muted);font-size:11px}.three{grid-template-columns:290px minmax(400px,1fr) 260px;gap:0;height:calc(100vh - 118px);display:grid}.three>.panel{border-radius:0}.list .search{border:1px solid var(--line);border-radius:8px;gap:7px;margin:10px;padding:9px;display:flex}.search input{border:0;outline:0;width:100%}.list>button{border:0;border-top:1px solid var(--line);text-align:left;background:#fff;gap:9px;width:100%;padding:13px;display:flex}.list>button.selected{border-left:3px solid var(--teal);background:#edf7f5}.list p{color:var(--muted);margin:4px 0;font-size:10px}.list small{color:#7b898e;font-size:9px}.chat{flex-direction:column;display:flex}.msgs{background:#fafcfc;flex:1;padding:24px}.msgs p{border:1px solid var(--line);background:#fff;border-radius:12px;max-width:70%;padding:11px 13px;font-size:12px;line-height:1.5}.msgs .patient{background:var(--navy);color:#fff;border:0;margin-left:auto}.msgs .bot{border-radius:4px 12px 12px}.compose{border-top:1px solid var(--line);gap:8px;padding:11px;display:flex}.compose input{border:1px solid var(--line);border-radius:8px;flex:1;padding:10px}.compose button,.primary{background:var(--teal);color:#fff;border:0;border-radius:8px;padding:9px 14px}.person{padding:22px 17px}.person .big{width:58px;height:58px;margin:auto;font-size:16px}.person h2{text-align:center;font-size:15px}.person h3{margin-top:24px;font-size:11px}.person p{color:var(--muted);font-size:11px;line-height:1.55}.badge{color:#327b5e;background:#e7f5ed;border-radius:12px;padding:4px 8px;font-size:9px}.person>.badge{margin:auto;display:table}.person .primary{width:100%}.person footer{color:#477a65;background:#edf7f2;border-radius:8px;gap:6px;margin-top:20px;padding:9px;font-size:9px;display:flex}.page-actions{justify-content:flex-end;gap:8px;margin-bottom:13px;display:flex}.page-actions button{border:1px solid var(--line);background:#fff;border-radius:8px;gap:6px;padding:9px 13px;display:flex}.page-actions .primary{background:var(--teal);color:#fff}.table table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:14px 17px;font-size:12px}.table th{color:var(--muted);background:#f7f9f9;font-size:10px}.table td button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:6px 9px}.knowledge{grid-template-columns:repeat(3,1fr)}.knowledge article{min-height:160px}.settings-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form{padding-bottom:18px}.form label{margin:15px 18px;font-size:11px;font-weight:700;display:block}.form input,.form textarea,.form select{border:1px solid var(--line);border-radius:8px;width:100%;margin-top:7px;padding:10px;font:12px inherit;display:block}.form textarea{height:90px}.form>.primary{margin-left:18px}.toggle{text-align:left;background:0 0;border:0;align-items:center;gap:9px;width:calc(100% - 36px);margin:11px 18px 0;font-size:12px;display:flex}.toggle>span{background:#ccd5d5;border-radius:12px;width:35px;height:20px;padding:2px}.toggle>span.yes{background:var(--teal)}.toggle i{background:#fff;border-radius:50%;width:16px;height:16px;display:block}.toggle .yes i{margin-left:15px}.integrations>div{border-bottom:1px solid var(--line);align-items:center;gap:9px;padding:14px 17px;display:flex}.integrations>div>i{background:#e5a351;border-radius:50%;width:8px;height:8px}.integrations span{flex:1}.integrations b,.integrations small{display:block}.integrations b{font-size:12px}.integrations small{color:var(--muted);font-size:9px}.integrations button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px;font-size:10px}.toast{color:#fff;background:#133840;border-radius:9px;align-items:center;gap:8px;padding:12px 16px;font-size:12px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 35px #0003}@media (max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}.three{grid-template-columns:260px 1fr}.person{display:none}}@media (max-width:720px){aside{width:70px;padding:18px 10px}.brand div,.clinic,nav button{font-size:0}.brand{padding-left:5px}.brand>span{width:36px}.system div,nav em{display:none}.main>header{padding:0 12px}.profile span,.main header p{display:none}.content{padding:10px}.cards,.grid2,.settings-grid,.knowledge,.three{grid-template-columns:1fr}.list{display:none}.funnel>div:last-child{flex-wrap:wrap;gap:9px}.table{overflow:auto}.table table{min-width:650px}}.profile{cursor:pointer;align-items:center;gap:8px;height:39px;font-size:12px;font-weight:700;display:flex;color:#176a64!important;background:#dff1ed!important;border:0!important;border-radius:20px!important;width:auto!important;padding:0 5px 0 11px!important}.profile span{background:#fff;border-radius:13px;padding:3px 7px!important}.login{background:radial-gradient(circle at 20% 10%,#dff2ed,#0000 38%),#f5f8f7;place-items:center;min-height:100vh;padding:20px;display:grid}.login>section{width:min(430px,100%)}.login-brand{justify-content:center;align-items:center;gap:11px;margin-bottom:24px;display:flex}.login-brand>span{background:var(--navy);color:#fff;border-radius:13px;place-items:center;width:45px;height:45px;display:grid}.login-brand b,.login-brand small{display:block}.login-brand b{font-size:19px}.login-brand small{color:var(--muted);margin-top:3px;font-size:11px}.login-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:30px;box-shadow:0 20px 60px #17343d12}.login-card .lock{width:42px;height:42px;color:var(--teal);background:#e8f5f2;border-radius:12px;place-items:center;display:grid}.login-card h1{margin:18px 0 6px;font-size:22px}.login-card>p{color:var(--muted);margin-bottom:22px;font-size:12px;line-height:1.5}.login-card label{margin:14px 0;font-size:12px;font-weight:700;display:block}.login-card input{border:1px solid var(--line);outline-color:var(--teal);border-radius:9px;width:100%;margin-top:7px;padding:12px;font-size:14px;display:block}.login-card form>button{background:var(--teal);color:#fff;border:0;border-radius:9px;width:100%;margin-top:8px;padding:12px;font-weight:700}.login-card form>button:disabled{opacity:.6}.login-error{color:#a34635;background:#fff0ed;border-radius:8px;padding:9px;font-size:11px}.login-card footer{border-top:1px solid var(--line);color:var(--muted);justify-content:center;gap:6px;margin-top:20px;padding-top:17px;font-size:10px;display:flex}.quick-form{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:repeat(6,1fr);align-items:center;gap:9px;margin-bottom:13px;padding:13px;display:grid}.quick-form input,.quick-form select,.table select{border:1px solid var(--line);background:#fff;border-radius:7px;min-width:0;padding:9px;font:11px inherit}.quick-form label{align-items:center;gap:5px;font-size:10px;display:flex}.quick-form label input{width:auto}.quick-form .primary{height:34px}.empty{color:var(--muted);text-align:center!important;padding:35px!important}@media (max-width:1000px){.quick-form{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.quick-form{grid-template-columns:1fr}}.knowledge-form{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;padding:16px;display:grid}.knowledge-form label,.test-body label{font-size:11px;font-weight:700}.knowledge-form input,.knowledge-form textarea,.test-body textarea{border:1px solid var(--line);border-radius:8px;width:100%;margin-top:7px;padding:10px;font:12px inherit;display:block}.knowledge-form .wide{grid-column:1/-1}.knowledge-form textarea{min-height:110px}.knowledge-form button{justify-self:start}.empty-state{text-align:center;color:var(--muted);grid-column:1/-1;padding:35px}.empty-state svg{margin-bottom:10px}.empty-state b{color:var(--ink);display:block}.empty-state p{font-size:11px}.ai-test .test-body{padding:18px}.test-body textarea{min-height:95px;margin-bottom:12px}.ai-answer{background:#f1f8f6;border:1px solid #d5ebe6;border-radius:10px;margin-top:16px;padding:14px}.ai-answer>small{color:var(--teal);font-weight:700}.ai-answer p{white-space:pre-wrap;font-size:12px;line-height:1.6}.ai-answer span{color:var(--muted);margin-top:5px;font-size:10px;display:block}.safety{color:#477a65;background:#edf7f2;border-radius:8px;gap:8px;margin:18px;padding:11px;font-size:10px;line-height:1.45;display:flex}@media (max-width:720px){.knowledge-form{grid-template-columns:1fr}.knowledge-form .wide{grid-column:auto}}.msgs p small{opacity:.65;margin-top:6px;font-size:9px;display:block}.list .empty{text-align:center;color:var(--muted);padding:28px 14px;font-size:11px}.compose button:disabled,.compose input:disabled{opacity:.55;cursor:not-allowed}
