/* Kindred Care — original interactive demonstration UI. No real patient information. */
:root{--d-ink:#203b34;--d-pine:#23473e;--d-dark:#142e29;--d-sage:#e9f1e8;--d-mint:#f4f8f1;--d-cream:#fcfaf5;--d-sand:#ecdcc4;--d-line:#dfe8df;--d-muted:#596d65;--d-red:#a74340;--d-amber:#ac702a;--d-radius:19px}
.demo-page{background:#f5f7f2;color:var(--d-ink)}.demo-page h1,.demo-page h2,.demo-page h3,.demo-page h4{color:var(--d-ink)}.demo-page button{font:inherit;cursor:pointer}.demo-page button:focus-visible,.demo-page a:focus-visible,.demo-page select:focus-visible,.demo-page input:focus-visible,.demo-page textarea:focus-visible{outline:3px solid #a86e23;outline-offset:3px}.demo-intro{padding:34px 0 25px;background:linear-gradient(130deg,#eaf1e6,#faf9f5)}.demo-intro-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.demo-intro h1{font:500 clamp(2.1rem,4vw,3.75rem)/1.1 var(--serif);letter-spacing:-.045em;margin:7px 0 10px}.demo-intro p{max-width:760px;margin:0}.demo-brand-cta{display:flex;gap:9px;flex-wrap:wrap}.kc-outline{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:11px 17px;background:#fff;border:1px solid #c9d8cc;border-radius:10px;color:var(--d-pine);text-decoration:none;font-weight:750;min-height:44px}.kc-outline:hover{background:#ecf4e9}.demo-flag{display:inline-flex;gap:6px;align-items:center;background:#fff3db;border:1px solid #ead3a1;border-radius:999px;padding:5px 11px;font-size:.74rem;letter-spacing:.09em;font-weight:800;color:#885b20;text-transform:uppercase}.demo-disclosure{font-size:.88rem;color:#53665b;padding:10px 0}.demo-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:740px;background:#fff;border:1px solid var(--d-line);box-shadow:0 17px 55px #153c2c0b;border-radius:23px;overflow:hidden;margin:4px auto 76px}.demo-aside{padding:21px 12px;background:#f4f7f0;border-right:1px solid #dde8dd}.demo-aside-head{padding:6px 12px 14px;font-weight:800;font-size:.84rem;color:#536a5d;letter-spacing:.06em}.demo-aside nav{display:grid;gap:3px}.demo-navbtn{min-height:44px;display:flex;width:100%;gap:12px;align-items:center;text-align:left;background:transparent;border:0;border-radius:11px;padding:10px 12px;color:#36524a;font-size:.89rem;font-weight:650}.demo-navbtn:hover{background:#e5eee3}.demo-navbtn.active{background:#d8e8d9;color:#174a35;box-shadow:inset 3px 0 #2b6645}.demo-nav-ico{display:grid;place-items:center;width:24px;height:24px;color:#47705a;flex:none;font-size:1.05rem}.demo-support{margin:24px 8px 0;padding:15px;border-radius:12px;background:#e1ebdf;font-size:.85rem}.demo-support p{margin:4px 0 0;line-height:1.5}.demo-workspace{min-width:0;background:#fcfdfa;padding:27px clamp(18px,3vw,39px) 44px}.demo-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding-bottom:24px;border-bottom:1px solid #e6ece6;margin-bottom:26px}.demo-toolbar-actions{display:flex;gap:11px;flex-wrap:wrap;align-items:center}.demo-toolbar select,.demo-field,.demo-modal select{background:#fff;border:1px solid #bbcdbf;padding:10px 34px 10px 12px;min-height:45px;border-radius:11px;color:#213e33;max-width:100%;font:inherit}.demo-toolbar label{font-size:.78rem;color:#53665e;display:grid;gap:3px;font-weight:700}.demo-switch{display:inline-flex;padding:4px;background:#e6eee4;border-radius:12px;gap:2px}.demo-switch button{border:0;border-radius:9px;padding:10px 15px;background:transparent;color:#476356;font-weight:750;min-height:40px}.demo-switch button.active{background:#fff;color:#1b4c38;box-shadow:0 3px 10px #214c3320}.demo-workspace .page-heading{display:flex;justify-content:space-between;align-items:start;gap:14px;flex-wrap:wrap;margin-bottom:25px}.demo-workspace .page-heading h2{font:500 clamp(1.9rem,3vw,2.85rem)/1.1 var(--serif);margin:4px 0 9px;letter-spacing:-.04em}.demo-workspace .page-heading p{margin:0;color:var(--d-muted);max-width:760px}.demo-kicker{font-size:.74rem;text-transform:uppercase;letter-spacing:.105em;font-weight:850;color:#5d7667}.demo-btn{border:0;border-radius:10px;padding:10px 15px;font-weight:800;min-height:44px;background:var(--d-pine);color:white;display:inline-flex;gap:7px;align-items:center;justify-content:center;line-height:1.2}.demo-btn:hover{background:#34654c}.demo-btn.secondary{background:#e5efe4;color:#214e35;border:1px solid #d0dfcc}.demo-btn.secondary:hover{background:#d5e7d3}.demo-btn.ghost{background:#fff;border:1px solid #d3dfd3;color:#28543d}.demo-btn.danger{background:#f9e8e7;color:#963d35}.demo-btn:disabled{opacity:.52;cursor:not-allowed}.demo-card{background:#fff;border:1px solid #e0e8df;border-radius:var(--d-radius);padding:22px;box-shadow:0 5px 20px #18392106;min-width:0}.demo-grid{display:grid;gap:17px}.demo-grid.cols2{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-grid.cols3{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-grid.cols4{grid-template-columns:repeat(4,minmax(0,1fr))}.demo-grid .wide{grid-column:1/-1}.demo-card h3{font:500 1.42rem/1.2 var(--serif);letter-spacing:-.018em;margin:0 0 12px}.demo-card p{margin:4px 0 15px;color:#50685d}.demo-stat{display:flex;flex-direction:column;gap:3px;border-top:3px solid #94b89d}.demo-stat strong{font:500 clamp(1.7rem,3vw,2.5rem) var(--serif);color:#1d4b38}.demo-stat small{color:#698073}.demo-stat span{font-weight:750;color:#516c5e;font-size:.84rem}.demo-pill{font-size:.76rem;padding:4px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:4px;font-weight:800;white-space:nowrap}.demo-pill.planned,.demo-pill.pending{background:#fff4dc;color:#88631d}.demo-pill.completed,.demo-pill.recorded,.demo-pill.approved,.demo-pill.logged{background:#e4f4e7;color:#25603d}.demo-pill.active{background:#e5edf9;color:#375c8b}.demo-pill.unassigned,.demo-pill.missed,.demo-pill.open{background:#ffe8e5;color:#99483f}.demo-pill.review,.demo-pill.due{background:#fdf0df;color:#8a611c}.demo-pill.example{background:#eef0f0;color:#506369}.demo-list{display:grid;gap:11px;margin:0;padding:0;list-style:none}.demo-listitem{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #e8ece4;border-radius:14px;padding:13px 15px;background:#fff;flex-wrap:wrap}.demo-listitem h4{font:750 .96rem var(--font);margin:0 0 3px}.demo-listitem p{font-size:.83rem;margin:0;color:#617369}.demo-person{display:flex;gap:11px;align-items:center;min-width:0}.demo-avatar{height:45px;width:45px;border-radius:14px;flex:none;display:grid;place-items:center;font-weight:850;color:#244938;background:#d8e5d9}.demo-person strong{display:block;line-height:1.3}.demo-person small{display:block;color:#687c70;font-size:.8rem}.demo-rowhead{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:15px}.demo-rowhead h3{margin:0}.demo-subtle{font-size:.84rem;color:#62786a}.demo-hero-card{background:linear-gradient(120deg,#234b3f,#37634f);color:#fff;position:relative;overflow:hidden;padding:28px}.demo-hero-card h3,.demo-hero-card p{color:#fff}.demo-hero-card h3{font-size:1.85rem;max-width:600px}.demo-hero-card p{color:#d5e6d5;max-width:620px}.demo-hero-card:after{content:'✳';color:#a6d5af39;font-size:180px;position:absolute;right:-15px;top:-50px;line-height:1}.demo-hero-card>*{position:relative;z-index:1}.demo-hero-card .demo-btn{background:#f6f8ef;color:#23493a}.demo-help{padding:14px 18px;border-left:4px solid #86a795;background:#eff5ed;border-radius:9px;color:#436153;font-size:.87rem;margin:20px 0}.demo-warning{background:#fff5e8;border-left-color:#d3a85b;color:#715323}.demo-table-wrap{overflow:auto;max-width:100%}.demo-table{width:100%;border-collapse:collapse;min-width:630px;font-size:.88rem}.demo-table th{text-align:left;background:#f2f6ef;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#637467;padding:12px}.demo-table td{padding:13px 12px;border-bottom:1px solid #e7ede6;vertical-align:middle}.demo-table tr:last-child td{border-bottom:0}.demo-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.demo-empty{border:1px dashed #c7d8c7;border-radius:12px;padding:30px;text-align:center;color:#53685c}.demo-form{display:grid;gap:13px}.demo-form label{display:grid;gap:6px;font-size:.84rem;color:#3b5948;font-weight:750}.demo-form input,.demo-form select,.demo-form textarea{border:1px solid #bbcfbf;border-radius:10px;min-height:45px;padding:10px 12px;background:#fff;color:#244237;font:inherit;width:100%}.demo-form textarea{min-height:112px;resize:vertical}.demo-mini-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:5px 0 18px}.demo-mini-tabs button{background:#eef3ea;border:1px solid #dfe9df;border-radius:99px;padding:9px 16px;color:#446354;font-weight:750;min-height:42px}.demo-mini-tabs button.active{background:#264b3d;color:#fff}.demo-calendar{display:grid;grid-template-columns:repeat(7,minmax(100px,1fr));gap:8px;overflow-x:auto}.demo-day{background:#f4f7f1;padding:12px;min-height:120px;border-radius:12px}.demo-day strong{display:block;font-size:.8rem;margin-bottom:9px}.demo-day .shift{display:block;font-size:.75rem;border-left:3px solid #69a37c;background:#e0eee2;padding:6px;border-radius:5px;margin:4px 0}.demo-tracker{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.demo-map{position:relative;height:325px;border-radius:15px;background:#e2ebdd;overflow:hidden;border:1px solid #c9daca}.demo-map:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(32deg,transparent 0px,transparent 48px,#b9d3bd 49px,#b9d3bd 53px,transparent 54px,transparent 120px),repeating-linear-gradient(-42deg,transparent 0px,transparent 73px,#f6f8ec 74px,#f6f8ec 85px,transparent 86px,transparent 145px);opacity:.9}.demo-map:after{content:'ILLUSTRATIVE MAP · NO REAL GPS';position:absolute;bottom:8px;left:10px;font-size:.63rem;font-weight:900;letter-spacing:.09em;color:#3c5e49;background:#f8fcf4e9;padding:4px 7px;border-radius:4px}.demo-map-pin{position:absolute;background:#24513f;color:#fff;padding:8px 11px;border-radius:99px;z-index:1;font-size:.72rem;font-weight:800;box-shadow:0 5px 11px #18463042}.demo-map-pin.urgent{background:#a65837}.demo-metric-bar{height:8px;background:#e1ebe1;border-radius:20px;overflow:hidden}.demo-metric-bar span{display:block;background:#54926b;height:100%;border-radius:20px}.demo-notification{position:fixed;bottom:22px;right:22px;max-width:390px;background:#203b34;color:white;padding:15px 19px;border-radius:12px;box-shadow:0 12px 35px #09251840;z-index:90;font-size:.93rem}.demo-modal-cover{position:fixed;inset:0;background:#0c1d1a9e;z-index:100;display:grid;place-items:center;padding:20px}.demo-modal{background:white;border-radius:18px;width:min(100%,550px);max-height:calc(100vh - 40px);overflow-y:auto;padding:26px;box-shadow:0 25px 90px #0004}.demo-modal h2{font:500 2rem var(--serif);margin:0}.demo-close{border:0;background:#eff3ec;border-radius:50%;font-size:1.2rem;float:right;width:40px;height:40px}.demo-mobile-menu{display:none}.demo-callout-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.demo-feature{border:1px solid #dce9dc;border-radius:18px;background:#fff;padding:24px}.demo-feature>span{font-size:1.5rem}.demo-feature h3{font:500 1.4rem var(--serif);margin:11px 0 8px}.demo-feature p{font-size:.9rem;color:#576c61;margin:0 0 12px}.demo-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.demo-plan{border-radius:18px;padding:25px;border:1px solid #d3e1d3;background:white}.demo-plan strong{font:500 2rem var(--serif);display:block}.demo-plan p{font-size:.9rem;color:#54675d}.demo-plan-featured{background:#24493b;color:white}.demo-plan-featured strong,.demo-plan-featured p{color:white}.demo-screenshot-block{background:#e5eee4;padding:35px;border-radius:24px;overflow:hidden}.demo-screenshot-block img{width:100%;border-radius:15px;box-shadow:0 17px 48px #0b2a1d33;border:1px solid #c9d7c9;display:block}.demo-platform-photo{width:100%;height:390px;object-fit:cover;border-radius:20px}.demo-platform-lead{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}.demo-platform-lead h2{font:500 clamp(2.1rem,4vw,3.9rem)/1.1 var(--serif);letter-spacing:-.045em}.demo-platform-lead p{color:#5b7165}.demo-active-count{display:flex;align-items:center;gap:7px;font-size:.83rem;font-weight:750;color:#567963}.demo-active-count:before{content:'';height:9px;width:9px;border-radius:50%;background:#65a877;box-shadow:0 0 0 4px #dcecdc}
@media(max-width:1120px){.demo-shell{grid-template-columns:215px minmax(0,1fr)}.demo-grid.cols4{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-grid.cols3{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-callout-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.demo-intro-inner,.demo-platform-lead{display:block}.demo-brand-cta{margin-top:17px}.demo-shell{display:block;margin-bottom:44px;border-radius:16px}.demo-mobile-menu{display:flex;margin-bottom:10px;gap:7px;align-items:center;justify-content:space-between}.demo-aside{display:none;border-right:0;border-bottom:1px solid #dce5dc}.demo-aside.open{display:block}.demo-workspace{padding:17px 16px 30px}.demo-toolbar{align-items:stretch}.demo-toolbar-actions{width:100%}.demo-switch{width:100%}.demo-switch button{flex:1}.demo-toolbar label{flex:1}.demo-toolbar select{width:100%}.demo-tracker{grid-template-columns:1fr}.demo-grid.cols2,.demo-grid.cols3,.demo-grid.cols4,.demo-callout-grid,.demo-plan-grid{grid-template-columns:1fr}.demo-platform-photo{height:270px}.demo-calendar{grid-template-columns:repeat(7,116px);overflow-x:auto}.demo-hero-card{padding:25px}.demo-intro{padding:26px 0}.demo-map{height:270px}}
@media(prefers-reduced-motion:reduce){.demo-page *{scroll-behavior:auto!important;transition:none!important}}