:root{color-scheme:light;--obsidian:#0b0f14;--graphite:#18212a;--canvas:#f5f5f8;--surface:#fff;--surface-2:#faf9fd;--line:#e3e1e9;--line-dark:rgba(255,255,255,.1);--text:#17151f;--muted:#716d7c;--muted-2:#9b96a5;--teal:#8b7cf6;--teal-dark:#6758d6;--teal-soft:#efedff;--amber:#f2b84b;--amber-soft:#fff4dc;--blue:#5a8dee;--blue-soft:#eaf1ff;--violet:#7b6ee6;--violet-soft:#efedff;--danger:#dc6464;--shadow:0 20px 50px rgba(39,31,66,.08);--radius:18px;--sidebar:244px}
*{box-sizing:border-box}
html{background:var(--canvas);scroll-behavior:smooth}
body{margin:0;background:var(--canvas);color:var(--text);font:14px/1.5 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}
button{color:inherit}
button,a{touch-action:manipulation}
button{cursor:pointer}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid rgba(35,199,183,.28);outline-offset:2px}
.skip-link{position:fixed;left:12px;top:12px;z-index:2000;padding:10px 14px;background:#fff;color:#111;transform:translateY(-160%);border-radius:8px}.skip-link:focus{transform:none}
.app-shell{min-height:100vh}
.sidebar{position:fixed;inset:0 auto 0 0;z-index:900;width:var(--sidebar);padding:22px 16px 16px;display:flex;flex-direction:column;background:var(--obsidian);color:#f3f7f6;border-right:1px solid rgba(255,255,255,.08)}
.brand-row{height:42px;padding:0 6px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:700 19px/1 Manrope,sans-serif;letter-spacing:-.04em}.brand-mark{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(35,199,183,.35);background:rgba(35,199,183,.08);border-radius:9px}.brand-mark img{width:20px;height:20px;filter:saturate(1.2)}.sidebar-close{display:none;width:36px;height:36px;border:0;background:transparent;color:#fff;font-size:25px}
.clinic-switcher{width:100%;margin:24px 0 22px;padding:10px;display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;text-align:left;border:1px solid rgba(255,255,255,.09);background:#121920;border-radius:12px;color:#fff}.clinic-switcher:hover{border-color:rgba(35,199,183,.35)}.clinic-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:var(--teal);color:#062f2b;font:700 11px IBM Plex Mono,monospace}.clinic-switcher>span:nth-child(2){display:grid}.clinic-switcher strong{font-size:12px}.clinic-switcher small{color:#7f8d8a;font-size:10px}.chevron{color:#73807e}
.primary-nav{display:grid;gap:3px}.primary-nav>p{margin:20px 11px 7px;color:#52605d;font:500 8px/1 IBM Plex Mono,monospace;letter-spacing:.13em}.primary-nav>p:first-child{margin-top:0}.nav-item{width:100%;height:42px;padding:0 11px;display:grid;grid-template-columns:22px 1fr auto;gap:8px;align-items:center;border:0;background:transparent;border-radius:9px;color:#8d9997;text-align:left;font-weight:500}.nav-item:hover{color:#d8e0de;background:rgba(255,255,255,.045)}.nav-item.active{color:#fff;background:#18242b;box-shadow:inset 3px 0 0 var(--teal)}.nav-symbol{width:18px;text-align:center;font-size:17px;font-weight:400}.nav-item em{min-width:20px;padding:2px 5px;text-align:center;border-radius:6px;background:rgba(35,199,183,.13);color:#75ded5;font:500 9px IBM Plex Mono,monospace;font-style:normal}.status-pip{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 3px rgba(35,199,183,.1)}
.sidebar-bottom{margin-top:auto}.system-card{margin-bottom:8px;padding:13px;border:1px solid rgba(35,199,183,.14);background:rgba(35,199,183,.045);border-radius:12px}.system-card>div{display:flex;align-items:center;gap:7px}.system-card strong{font-size:11px}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 0 rgba(35,199,183,.4);animation:pulse 2s infinite}.system-card p{margin:3px 0 9px;color:#788986;font-size:9px}.system-meter{height:3px;display:block;overflow:hidden;background:rgba(255,255,255,.07);border-radius:5px}.system-meter i{width:99%;height:100%;display:block;background:var(--teal)}.system-card>small{display:block;margin-top:7px;color:#53625f;font:400 8px IBM Plex Mono,monospace}.profile-row{width:100%;padding:10px 7px;display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;text-align:left;border:0;background:transparent;color:#fff;border-radius:10px}.profile-row:hover{background:rgba(255,255,255,.04)}.profile-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#27343d;color:#ccd6d4;font:600 10px IBM Plex Mono,monospace}.profile-row>span:nth-child(2){display:grid}.profile-row strong{font-size:10px}.profile-row small{color:#65716f;font-size:8px}.profile-more{color:#5d6a68}
.main-shell{min-width:0;margin-left:var(--sidebar)}.topbar{height:78px;position:sticky;top:0;z-index:700;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgba(244,247,246,.9);border-bottom:1px solid rgba(210,221,218,.85);backdrop-filter:blur(18px)}.topbar-title{display:flex;align-items:center;gap:12px}.topbar-title p{margin:0 0 1px;color:#8c9895;font:500 8px IBM Plex Mono,monospace;letter-spacing:.09em}.topbar h1{margin:0;font:700 20px Manrope,sans-serif;letter-spacing:-.035em}.mobile-menu{display:none;width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:10px}.topbar-actions{display:flex;align-items:center;gap:9px}.global-search{width:250px;height:42px;padding:0 10px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:10px;color:#889491}.global-search:focus-within{border-color:rgba(8,127,120,.45);box-shadow:0 0 0 3px rgba(35,199,183,.09)}.global-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:11px}.global-search input::placeholder{color:#98a3a1}.global-search kbd{padding:2px 5px;border:1px solid #e0e7e5;background:#f6f8f7;border-radius:4px;color:#98a19f;font:400 8px IBM Plex Mono,monospace}.icon-button{position:relative;width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:10px;font-size:17px}.icon-button i{position:absolute;right:9px;top:8px;width:6px;height:6px;border:2px solid #fff;border-radius:50%;background:var(--amber)}.quick-action,.primary-button{height:42px;padding:0 15px;border:0;border-radius:10px;background:var(--obsidian);color:#fff;font-size:11px;font-weight:600;box-shadow:0 7px 18px rgba(11,15,20,.12)}.quick-action:hover,.primary-button:hover{background:#18242b}.quick-action span{color:var(--teal);font-size:15px}.notification-wrap{position:relative}.notification-popover{position:absolute;right:0;top:50px;width:340px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 22px 60px rgba(22,41,35,.16)}.notification-popover>div{padding:2px 3px 11px;display:flex;justify-content:space-between;border-bottom:1px solid #eef2f1}.notification-popover>div>strong{font:700 13px Manrope}.notification-popover>div button{padding:0;border:0;background:none;color:var(--teal-dark);font-size:9px}.notification-popover article{padding:12px 3px;display:flex;gap:10px;border-bottom:1px solid #eef2f1}.notification-popover article:last-child{border:0;padding-bottom:3px}.notification-icon{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;font-weight:700}.notification-icon.teal{background:var(--teal-soft);color:var(--teal-dark)}.notification-icon.amber{background:var(--amber-soft);color:#946815}.notification-icon.blue{background:var(--blue-soft);color:#3869bc}.notification-popover p{display:grid;margin:0}.notification-popover p strong{font-size:10px}.notification-popover p small{color:var(--muted);font-size:9px}
.dashboard-site-back{height:36px;padding:0 10px;display:flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--text);font-size:9px;font-weight:600;text-decoration:none}.demo-data-badge{padding:6px 8px;border:1px solid rgba(139,124,246,.22);border-radius:7px;background:var(--violet-soft);color:#6558c7;font:500 7px IBM Plex Mono,monospace;letter-spacing:.08em}.dashboard-lang{height:36px;padding:3px;display:flex;border:1px solid var(--line);border-radius:9px;background:#fff}.dashboard-lang button{min-width:33px;border:0;border-radius:6px;background:transparent;color:#8d8798;font:500 8px IBM Plex Mono,monospace}.dashboard-lang button.active{background:var(--obsidian);color:#fff}
.workspace-content{width:min(1460px,100%);margin:auto;padding:30px 32px 60px}.view{display:none}.view.active{display:block;animation:view-in .35s ease}.welcome-row{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:22px}.section-kicker{display:flex;align-items:center;gap:7px;color:#798683;font:500 8px IBM Plex Mono,monospace;letter-spacing:.1em}.section-kicker>i{width:6px;height:6px;border-radius:50%;background:var(--teal)}.welcome-row h2,.page-heading h2{margin:8px 0 4px;font:700 clamp(26px,3vw,36px)/1.1 Manrope,sans-serif;letter-spacing:-.045em}.welcome-row p,.page-heading p{margin:0;color:var(--muted);font-size:12px}.welcome-row p strong{color:var(--text)}.period-control{display:flex;align-items:center;gap:9px;color:#899491;font:500 8px IBM Plex Mono,monospace;letter-spacing:.08em}.period-control select{height:38px;padding:0 32px 0 11px;border:1px solid var(--line);background:#fff;border-radius:9px;color:var(--text);font:500 10px Inter}.attention-rail{min-height:72px;margin-bottom:16px;padding:12px 14px;display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;border:1px solid #eedcaf;background:#fffaf0;border-radius:13px}.attention-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:var(--amber);color:#593d08;font-weight:700}.attention-rail strong{font-size:11px}.attention-rail p{margin:1px 0 0;color:#88785d;font-size:9px}.attention-rail button{border:0;background:transparent;color:#735820;font-size:10px;font-weight:600}.attention-rail button span{margin-left:7px}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}.metric-card{position:relative;min-height:178px;padding:17px;overflow:hidden;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius)}.metric-card.accent-card{background:var(--obsidian);border-color:var(--obsidian);color:#fff}.metric-head{display:flex;align-items:center;justify-content:space-between}.metric-head>span{color:#788581;font:500 8px IBM Plex Mono,monospace;letter-spacing:.08em}.accent-card .metric-head>span{color:#70807d}.metric-head>i{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:rgba(35,199,183,.12);color:var(--teal);font-style:normal}.metric-head>i.mint-icon{background:var(--teal-soft);color:var(--teal-dark)}.metric-head>i.amber-icon{background:var(--amber-soft);color:#9a6e18}.metric-head>i.blue-icon{background:var(--blue-soft);color:#3d6ebe}.metric-card>strong{display:block;margin-top:17px;font:700 35px/1 Manrope,sans-serif;letter-spacing:-.05em}.metric-card>strong sup{margin-left:2px;font-size:13px;color:#83908d}.metric-foot{margin-top:8px;display:flex;gap:6px;align-items:center}.metric-foot em{padding:2px 5px;border-radius:5px;background:var(--teal-soft);color:var(--teal-dark);font:500 8px IBM Plex Mono,monospace;font-style:normal}.accent-card .metric-foot em{background:rgba(35,199,183,.15);color:#68ded3}.metric-foot span{color:var(--muted-2);font-size:8px}.spark-bars{height:31px;position:absolute;right:14px;bottom:16px;left:14px;display:flex;align-items:end;gap:4px;opacity:.6}.spark-bars i{height:var(--h);flex:1;border-radius:2px 2px 0 0;background:rgba(35,199,183,.45)}.spark-bars i:nth-last-child(-n+2){background:var(--teal)}.conversion-note{margin-top:19px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.conversion-note>span{height:4px;overflow:hidden;background:#edf1f0;border-radius:5px}.conversion-note>span i{width:var(--w);height:100%;display:block;background:var(--teal)}.conversion-note small{color:#8b9694;font-size:7px}.patient-stack{display:flex;margin-top:16px}.patient-stack span{width:25px;height:25px;margin-left:-5px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:#eff2f1;color:#52605e;font:500 7px IBM Plex Mono,monospace}.patient-stack span:first-child{margin-left:0;background:#ffe7d9}.patient-stack span:nth-child(2){background:#dff7f3}.patient-stack span:nth-child(3){background:#e8ecff}.time-split{margin-top:15px;display:flex;gap:13px}.time-split span{display:flex;align-items:center;gap:4px;color:#8a9693;font-size:7px}.time-split i{width:5px;height:5px;border-radius:50%;background:var(--blue)}.time-split span:nth-child(2) i{background:#b6c5ef}.time-split b{color:#4f5d5a;font-size:8px}
.overview-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.75fr);gap:12px;margin-bottom:12px}.panel{border:1px solid var(--line);background:#fff;border-radius:var(--radius)}.performance-panel{min-height:446px;padding:20px 22px 0}.panel-head{display:flex;justify-content:space-between;gap:20px}.panel-head>div>span,.panel>span.section-kicker{color:#87928f;font:500 8px IBM Plex Mono,monospace;letter-spacing:.08em}.panel-head h3,.panel>h3{margin:4px 0 1px;font:700 16px Manrope,sans-serif;letter-spacing:-.025em}.panel-head p{margin:0;color:#929c99;font-size:9px}.panel-head.compact{align-items:center}.chart-legend{display:flex;gap:13px;align-items:center}.chart-legend span{display:flex;align-items:center;gap:5px;color:#788481;font-size:8px}.chart-legend i{width:7px;height:7px;border-radius:2px}.chart-legend i.captured{background:#bdded9}.chart-legend i.booked{background:var(--teal-dark)}.chart-summary{margin-top:20px;display:flex;align-items:baseline;gap:7px}.chart-summary strong{font:700 27px Manrope}.chart-summary span{color:#8b9693;font-size:9px}.chart-summary em{margin-left:auto;padding:3px 6px;border-radius:5px;background:var(--teal-soft);color:var(--teal-dark);font:500 8px IBM Plex Mono,monospace;font-style:normal}.bar-chart{height:260px;position:relative;margin:0 -3px}.grid-line{position:absolute;left:33px;right:0;top:var(--top);height:1px;background:#eef2f1}.y-label{position:absolute;left:0;color:#9ca6a3;font:400 7px IBM Plex Mono,monospace}.y80{top:7%}.y60{top:29%}.y40{top:51%}.y20{top:73%}.bar-groups{position:absolute;inset:12px 0 0 35px;display:grid;grid-template-columns:repeat(7,1fr);gap:12px;align-items:end}.bar-groups>div{height:100%;display:grid;grid-template-rows:1fr 22px;text-align:center}.bar-groups>div>span{position:relative;height:100%;display:flex;justify-content:center;gap:4px;align-items:end}.bar-groups i,.bar-groups b{width:min(12px,34%);height:var(--h);border-radius:3px 3px 0 0;background:#c7e1dd;transform-origin:bottom;animation:bar-grow .8s ease both}.bar-groups b{background:var(--teal-dark);animation-delay:.1s}.bar-groups small{padding-top:7px;color:#8d9895;font:400 7px IBM Plex Mono,monospace}.bar-groups .today small{color:var(--teal-dark);font-weight:500}.bar-groups .today span:after{content:"";position:absolute;inset:0 -4px 0;border-radius:6px;background:rgba(35,199,183,.055);z-index:-1}.performance-panel>footer{height:58px;margin:0 -22px;padding:0 22px;display:flex;align-items:center;gap:32px;border-top:1px solid #edf1f0}.performance-panel>footer span{color:#899491;font-size:8px}.performance-panel>footer strong{display:block;color:var(--text);font-size:10px}.action-panel{min-height:446px;padding:20px 18px 12px;display:flex;flex-direction:column}.count-badge{min-width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:#edf2f0;color:#61706d;font:500 9px IBM Plex Mono,monospace}.action-list{margin-top:9px}.action-list article{position:relative;padding:12px 0;display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;border-bottom:1px solid #edf1f0;transition:.2s ease}.action-list article.completed{opacity:.35;transform:translateX(5px)}.task-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;font-weight:700}.task-icon.urgent{background:var(--amber-soft);color:#a07015}.task-icon.call{background:var(--blue-soft);color:#3a6fc8}.task-icon.reply{background:var(--teal-soft);color:var(--teal-dark)}.task-icon.note{background:var(--violet-soft);color:#6658cf}.action-list article>div{min-width:0}.action-list strong{display:block;font-size:9px}.action-list p{margin:1px 0;color:#596663;font-size:8px}.action-list small{display:block;color:#a0aaa8;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-list button{padding:5px 7px;border:1px solid var(--line);background:#fff;border-radius:6px;color:#4a5956;font-size:7px}.action-list button:hover{border-color:#9bded7;color:var(--teal-dark)}.panel-link{margin-top:auto;padding:13px 0 2px;display:flex;justify-content:space-between;border:0;background:transparent;color:var(--teal-dark);font-size:9px;font-weight:600}
.lower-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:12px}.appointments-panel,.automation-panel{min-height:320px;padding:20px}.quiet-button{height:32px;padding:0 10px;border:1px solid var(--line);background:#fff;border-radius:8px;color:#61706d;font-size:8px}.quiet-button:hover{border-color:#9bded7}.schedule-list{margin-top:10px}.schedule-row{min-height:54px;display:grid;grid-template-columns:42px 18px 1fr auto;gap:8px;align-items:center;border-bottom:1px solid #eef2f1}.schedule-row:last-child{border:0}.schedule-row time{font:500 8px IBM Plex Mono,monospace;color:#7f8b88}.schedule-line{align-self:stretch;display:grid;place-items:center;position:relative}.schedule-line:before{content:"";position:absolute;width:1px;height:100%;background:#e2e9e7}.schedule-line i{position:relative;width:7px;height:7px;border:2px solid #fff;border-radius:50%;background:#a7b2af;box-shadow:0 0 0 1px #cdd7d4}.schedule-row.current .schedule-line i{background:var(--teal);box-shadow:0 0 0 1px var(--teal)}.schedule-row.pending .schedule-line i{background:var(--amber);box-shadow:0 0 0 1px var(--amber)}.schedule-row strong{font-size:9px}.schedule-row p{margin:1px 0;color:#899592;font-size:7px}.schedule-row em{padding:3px 6px;border-radius:5px;background:var(--teal-soft);color:var(--teal-dark);font:500 7px IBM Plex Mono,monospace;font-style:normal}.schedule-row.pending em{background:var(--amber-soft);color:#8f6414}.automation-health{margin-top:11px}.automation-health>div{min-height:55px;display:grid;grid-template-columns:32px 1fr auto;gap:9px;align-items:center;border-bottom:1px solid #eef2f1}.automation-symbol{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#eff3f2;color:#677572;font:500 7px IBM Plex Mono,monospace}.automation-health p{display:grid;margin:0}.automation-health strong{font-size:9px}.automation-health small{color:#929c99;font-size:7px}.automation-health em{display:flex;align-items:center;gap:4px;color:var(--teal-dark);font:500 7px IBM Plex Mono,monospace;font-style:normal}.automation-health em i{width:5px;height:5px;border-radius:50%;background:var(--teal)}.health-note{margin-top:12px;padding:11px;display:flex;align-items:center;gap:11px;border:1px solid #d8eee9;background:#f5fbfa;border-radius:10px}.health-note>span{font:700 17px Manrope;color:var(--teal-dark)}.health-note p{display:grid;margin:0}.health-note strong{font-size:8px}.health-note small{color:#84928f;font-size:7px}
.page-heading{margin-bottom:24px;display:flex;align-items:end;justify-content:space-between;gap:30px}.inbox-shell{height:calc(100vh - 180px);min-height:600px;display:grid;grid-template-columns:370px 1fr;border:1px solid var(--line);background:#fff;border-radius:var(--radius);overflow:hidden}.conversation-list{border-right:1px solid var(--line);overflow:auto}.list-toolbar{height:60px;padding:11px 13px;display:flex;gap:7px;border-bottom:1px solid var(--line)}.list-toolbar label{height:36px;flex:1;padding:0 10px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:#f8faf9;border-radius:8px;color:#889491}.list-toolbar input{min-width:0;width:100%;border:0;outline:0;background:transparent;font-size:9px}.list-toolbar button{padding:0 10px;border:1px solid var(--line);background:#fff;border-radius:8px;font-size:8px}.conversation-tabs{height:47px;padding:0 13px;display:flex;gap:18px;align-items:end;border-bottom:1px solid var(--line)}.conversation-tabs button{height:39px;padding:0;border:0;border-bottom:2px solid transparent;background:none;color:#8b9693;font-size:8px}.conversation-tabs button.active{border-color:var(--teal-dark);color:var(--text);font-weight:600}.conversation-tabs em{padding:1px 4px;border-radius:4px;background:var(--amber-soft);color:#9d711b;font-style:normal}.conversation{width:100%;min-height:94px;padding:13px;display:grid;grid-template-columns:38px 1fr auto;gap:10px;position:relative;text-align:left;border:0;border-bottom:1px solid #eef2f1;background:#fff}.conversation:hover,.conversation.active{background:#f5faf8}.conversation.active:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;background:var(--teal);border-radius:0 3px 3px 0}.person-avatar{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;font:500 8px IBM Plex Mono,monospace;font-style:normal}.person-avatar.peach{background:#ffe7d9;color:#935f3c}.person-avatar.blue{background:var(--blue-soft);color:#3d6bb9}.person-avatar.mint{background:var(--teal-soft);color:var(--teal-dark)}.person-avatar.violet{background:var(--violet-soft);color:#6558c7}.person-avatar.gray{background:#edf1f0;color:#677572}.conversation>span:nth-child(2){min-width:0}.conversation strong{display:block;font-size:9px}.conversation small{color:#8d9895;font-size:7px}.conversation p{margin:5px 0 0;color:#707d7a;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation>em{color:#9aa4a2;font:400 7px IBM Plex Mono,monospace;font-style:normal}.conversation>i{position:absolute;right:13px;bottom:16px;width:6px;height:6px;border-radius:50%;background:var(--teal)}.conversation-detail{min-width:0;display:flex;flex-direction:column;background:#fbfcfc}.conversation-detail>header{height:61px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff}.conversation-detail>header>div{display:flex;align-items:center;gap:10px}.conversation-detail header>div>span:nth-child(2){display:grid}.conversation-detail header strong{font-size:10px}.conversation-detail header small{color:#85908e;font-size:8px}.conversation-detail header>button{border:0;background:none}.handoff-banner{margin:14px 18px 0;padding:10px 12px;display:flex;align-items:center;gap:10px;border:1px solid #f0dfb3;background:#fffaf0;border-radius:10px}.handoff-banner>span{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:var(--amber);color:#5c410b;font-weight:700}.handoff-banner p{display:grid;margin:0}.handoff-banner strong{font-size:8px}.handoff-banner small{color:#89795c;font-size:7px}.chat-timeline{flex:1;padding:30px 24px;overflow:auto}.date-separator{text-align:center;color:#98a29f;font:400 7px IBM Plex Mono,monospace}.message{margin-top:22px}.message.patient{margin-left:auto;width:min(430px,78%);padding:12px 14px;border-radius:12px 12px 3px 12px;background:var(--obsidian);color:#fff}.message p{margin:0;font-size:10px;line-height:1.6}.message small{display:block;margin-top:7px;color:#74827f;font-size:7px}.message.ai{width:min(520px,90%);display:flex;gap:9px}.message.ai>span{width:28px;height:28px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;background:var(--teal);color:#073c37;font:700 9px Manrope}.message.ai>div{padding:12px 14px;border:1px solid var(--line);background:#fff;border-radius:3px 12px 12px}.system-message{margin:24px auto;padding:6px 9px;width:max-content;border-radius:6px;background:#eef2f1;color:#73807d;font-size:7px}.system-message span{color:var(--teal-dark)}.reply-box{margin:0 18px 18px;padding:10px;border:1px solid var(--line);background:#fff;border-radius:12px}.reply-box:focus-within{border-color:#97dcd4;box-shadow:0 0 0 3px rgba(35,199,183,.07)}.reply-box textarea{width:100%;padding:3px;border:0;outline:0;resize:none;font-size:10px}.reply-box>div{display:flex;align-items:center;justify-content:space-between}.reply-box>div>span{color:#9aa4a2;font-size:7px}.reply-box button{height:33px;padding:0 12px;border:0;background:var(--obsidian);color:#fff;border-radius:8px;font-size:8px}.reply-box button b{margin-left:8px;color:var(--teal)}
.appointment-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.65fr);gap:12px}.calendar-panel{padding:20px}.calendar-header{display:flex;align-items:center;justify-content:space-between}.calendar-header button{width:34px;height:34px;border:1px solid var(--line);background:#fff;border-radius:8px}.calendar-header>div{display:grid;text-align:center}.calendar-header strong{font:700 14px Manrope}.calendar-header small{color:#8d9895;font-size:8px}.week-strip{margin-top:18px;display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.week-strip button{min-height:70px;display:grid;place-items:center;border:1px solid var(--line);background:#fff;border-radius:10px}.week-strip span{color:#8b9693;font:500 7px IBM Plex Mono,monospace}.week-strip strong{font:700 16px Manrope}.week-strip i{min-width:18px;padding:1px 4px;border-radius:5px;background:#edf2f0;color:#65736f;font:500 7px IBM Plex Mono,monospace;font-style:normal}.week-strip button.active{border-color:var(--obsidian);background:var(--obsidian);color:#fff}.week-strip button.active span{color:#83918e}.week-strip button.active i{background:rgba(35,199,183,.15);color:#5bd9ce}.day-agenda{height:520px;position:relative;margin-top:20px;padding-left:56px;overflow:hidden}.agenda-line{height:56px;position:relative}.agenda-line time{position:absolute;left:-54px;top:-5px;color:#8d9895;font:400 7px IBM Plex Mono,monospace}.agenda-line span{display:block;border-top:1px solid #edf1f0}.agenda-event{position:absolute;top:var(--start);left:25px;right:8%;height:var(--size);padding:8px 11px;border-left:3px solid var(--teal-dark);background:#e8f8f5;border-radius:3px 8px 8px;display:grid;align-content:center}.agenda-event small{color:var(--teal-dark);font:500 7px IBM Plex Mono,monospace}.agenda-event strong{font-size:9px}.agenda-event span{color:#71807c;font-size:7px}.agenda-event.dark-event{left:30%;right:4%;border-color:#52656e;background:#edf1f2}.agenda-event.amber-event{left:16%;right:20%;border-color:#d99b24;background:#fff5df}.agenda-event.amber-event small{color:#986c17}.agenda-event.blue-event{left:37%;right:3%;border-color:#5a8dee;background:#eaf1ff}.agenda-event.blue-event small{color:#3b6ebe}.day-summary{padding:20px;height:max-content}.summary-stat{margin-top:16px;padding:14px 0;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #edf1f0}.summary-stat span{display:grid;padding:0 8px;border-right:1px solid #edf1f0}.summary-stat span:last-child{border:0}.summary-stat strong{font:700 20px Manrope}.summary-stat small{color:#899491;font-size:7px}.day-summary h4{margin:20px 0 9px;font-size:8px}.next-appointment{padding:12px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:9px;border:1px solid #d8ede9;background:#f5fbfa;border-radius:10px}.next-appointment>span{font:500 9px IBM Plex Mono,monospace;color:var(--teal-dark)}.next-appointment>div{display:grid}.next-appointment strong{font-size:8px}.next-appointment small{color:#85918e;font-size:7px}.next-appointment em{font:400 7px IBM Plex Mono,monospace;color:#87928f;font-style:normal}.slot-alert{margin-top:14px;padding:13px;display:grid;grid-template-columns:30px 1fr;gap:9px;border:1px solid #eadfbf;background:#fffaf0;border-radius:10px}.slot-alert>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--amber-soft);color:#9e7118}.slot-alert p{display:grid;margin:0}.slot-alert strong{font-size:8px}.slot-alert small{color:#887a5e;font-size:7px}.slot-alert button{grid-column:2;width:max-content;padding:4px 7px;border:1px solid #e5d29e;background:#fff;border-radius:6px;font-size:7px;color:#755b24}
.data-panel{overflow:hidden}.data-toolbar{padding:16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.data-toolbar label{width:330px;height:38px;padding:0 10px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:#f8faf9;border-radius:9px}.data-toolbar input{width:100%;border:0;outline:0;background:none;font-size:9px}.data-toolbar>div{display:flex;gap:7px}.data-toolbar button,.table-footer button{height:34px;padding:0 10px;border:1px solid var(--line);background:#fff;border-radius:8px;font-size:8px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:900px}th{height:43px;padding:0 16px;text-align:left;background:#f8faf9;color:#83908d;font:500 7px IBM Plex Mono,monospace;letter-spacing:.07em}td{height:68px;padding:0 16px;border-top:1px solid #eef2f1;color:#5e6c69;font-size:9px}.table-person{display:flex;align-items:center;gap:9px;color:var(--text)}.table-person b{display:grid;font-size:9px}.table-person small{color:#8d9895;font-size:7px;font-weight:400}.tag{display:inline-block;padding:4px 6px;border-radius:5px;font:500 7px IBM Plex Mono,monospace;font-style:normal}.amber-tag{background:var(--amber-soft);color:#936916}.green-tag{background:var(--teal-soft);color:var(--teal-dark)}.blue-tag{background:var(--blue-soft);color:#3f6db9}.gray-tag{background:#edf1f0;color:#66736f}td>button{border:0;background:none}.table-footer{height:55px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:#8d9895;font-size:8px}.table-footer>div{display:flex;gap:4px}.table-footer button{width:30px;padding:0}.table-footer button.active{background:var(--obsidian);color:#fff}.table-footer button:disabled{opacity:.4}
.automation-summary{margin-bottom:12px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:#fff;border-radius:var(--radius);overflow:hidden}.automation-summary>div{min-height:118px;padding:18px;border-right:1px solid var(--line);display:grid;align-content:center}.automation-summary>div:last-child{border:0}.automation-summary span{color:#84918e;font:500 7px IBM Plex Mono,monospace;letter-spacing:.07em}.automation-summary strong{margin:5px 0 2px;font:700 27px Manrope}.automation-summary small{color:#8e9996;font-size:8px}.automation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.automation-card{min-height:300px;padding:20px;border:1px solid var(--line);background:#fff;border-radius:var(--radius)}.automation-card-head{display:flex;align-items:center;justify-content:space-between}.flow-number{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:var(--obsidian);color:var(--teal);font:500 8px IBM Plex Mono,monospace}.toggle{width:38px;height:22px;padding:2px;border:0;border-radius:20px;background:#cbd5d2}.toggle i{width:18px;height:18px;display:block;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.16);transition:.2s ease}.toggle.active{background:var(--teal-dark)}.toggle.active i{transform:translateX(16px)}.flow-label{display:block;margin-top:23px;color:#83908d;font:500 7px IBM Plex Mono,monospace;letter-spacing:.08em}.automation-card h3{margin:5px 0 8px;font:700 18px Manrope}.automation-card>p{max-width:560px;margin:0;color:#73807d;font-size:9px}.flow-path{margin-top:25px;display:flex;align-items:center;gap:8px}.flow-path span{padding:6px 8px;border:1px solid var(--line);background:#f8faf9;border-radius:7px;color:#5f6d6a;font-size:7px}.flow-path i{color:#a1aaa8;font-style:normal}.automation-card footer{margin:22px -20px -20px;padding:13px 20px;display:flex;align-items:center;gap:15px;border-top:1px solid #edf1f0}.automation-card footer span{color:#899491;font-size:7px}.automation-card footer span:first-child{color:var(--teal-dark)}.automation-card footer span i{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:var(--teal)}.automation-card footer button{margin-left:auto;border:0;background:none;color:var(--teal-dark);font-size:8px}
.report-hero{min-height:320px;padding:42px;display:grid;grid-template-columns:1fr 240px;align-items:center;overflow:hidden;border-radius:22px;background:radial-gradient(circle at 88% 20%,rgba(35,199,183,.14),transparent 28%),var(--obsidian);color:#fff}.report-hero>div>span{color:#6e7d79;font:500 8px IBM Plex Mono,monospace;letter-spacing:.08em}.report-hero h3{margin:16px 0 12px;font:600 clamp(28px,4vw,44px)/1.15 Manrope;letter-spacing:-.045em}.report-hero h3 strong{color:var(--teal)}.report-hero p{max-width:570px;margin:0;color:#84928f;font-size:10px}.report-ring{display:grid;place-items:center}.report-ring>span{width:175px;height:175px;display:grid;place-items:center;align-content:center;text-align:center;border-radius:50%;background:radial-gradient(circle at center,var(--obsidian) 59%,transparent 60%),conic-gradient(var(--teal) 0 74%,#223039 74% 100%)}.report-ring strong{font:700 34px Manrope}.report-ring small{color:#82908d;font:500 7px IBM Plex Mono,monospace}.report-grid{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.report-grid>.panel{min-height:330px;padding:22px}.channel-list{margin-top:27px;display:grid;gap:17px}.channel-list>div{display:grid;grid-template-columns:1fr auto;gap:5px}.channel-list span{font-size:9px}.channel-list b{font:500 9px IBM Plex Mono,monospace}.channel-list i{height:5px;grid-column:1/-1;overflow:hidden;border-radius:5px;background:#edf1f0}.channel-list em{width:var(--w);height:100%;display:block;border-radius:5px;background:var(--teal-dark)}.large-stat{display:block;margin-top:28px;font:700 54px Manrope;letter-spacing:-.06em}.large-stat span{margin-left:5px;font-size:15px;color:#8a9693}.muted-copy{max-width:350px;color:#7b8784;font-size:9px}.impact-split{margin-top:30px;display:flex;gap:25px}.impact-split span{display:flex;align-items:center;gap:6px;color:#83908d;font-size:8px}.impact-split i{width:8px;height:8px;border-radius:2px;background:var(--blue)}.impact-split span:nth-child(2) i{background:var(--teal)}.impact-split b{color:var(--text)}
.search-results{position:fixed;z-index:1100;top:69px;right:170px;width:350px;padding:14px;border:1px solid var(--line);background:#fff;border-radius:12px;box-shadow:0 20px 60px rgba(24,44,38,.16)}.search-results>span{color:#8b9693;font:500 7px IBM Plex Mono,monospace;letter-spacing:.09em}.search-results>div{margin-top:10px;color:#62706d;font-size:9px}.search-hit{padding:9px;display:flex;align-items:center;gap:9px;border-radius:8px;background:#f6f9f8}.search-hit strong{display:block;color:var(--text);font-size:9px}.search-hit small{color:#899491;font-size:7px}
.modal-shell[hidden]{display:none}.modal-shell{position:fixed;inset:0;z-index:1500;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;border:0;background:rgba(5,11,10,.62);backdrop-filter:blur(5px)}.modal{position:relative;width:min(500px,100%);overflow:hidden;border:1px solid var(--line);background:#fff;border-radius:18px;box-shadow:0 32px 90px rgba(0,0,0,.25)}.modal>header{padding:20px 22px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.modal>header span{color:#84908e;font:500 7px IBM Plex Mono,monospace;letter-spacing:.09em}.modal h2{margin:4px 0 0;font:700 20px Manrope}.modal>header button{width:34px;height:34px;border:1px solid var(--line);background:#fff;border-radius:8px;font-size:20px}.modal form{padding:22px;display:grid;gap:15px}.modal label{display:grid;gap:6px}.modal label>span{color:#74817e;font-size:8px;font-weight:600}.modal input,.modal select,.modal textarea{width:100%;padding:10px 11px;border:1px solid var(--line);background:#f9fbfa;border-radius:9px;outline:0;font-size:10px}.modal input,.modal select{height:42px}.modal textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal form>footer{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.toast{position:fixed;right:22px;bottom:22px;z-index:1700;min-width:260px;padding:12px 14px;display:flex;align-items:center;gap:10px;border:1px solid rgba(35,199,183,.25);background:var(--obsidian);color:#fff;border-radius:11px;box-shadow:0 20px 50px rgba(0,0,0,.2);transform:translateY(140%);opacity:0;transition:.28s ease}.toast.show{transform:none;opacity:1}.toast>span{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:rgba(35,199,183,.15);color:var(--teal)}.toast p{margin:0;font-size:9px}
@keyframes pulse{70%{box-shadow:0 0 0 6px rgba(35,199,183,0)}100%{box-shadow:0 0 0 0 rgba(35,199,183,0)}}@keyframes bar-grow{from{transform:scaleY(0)}}@keyframes view-in{from{opacity:0;transform:translateY(7px)}}

/* ---------- guided walkthrough ---------- */
.tour-trigger{height:36px;padding:0 12px 0 10px;display:flex;align-items:center;gap:6px;border:1px solid rgba(139,124,246,.35);border-radius:9px;background:var(--violet-soft);color:var(--teal-dark);font:600 9px Inter,sans-serif;letter-spacing:.02em;white-space:nowrap;transition:.2s ease}
.tour-trigger:hover{background:rgba(139,124,246,.16);border-color:rgba(139,124,246,.55)}
.tour-trigger-icon{font-size:12px;animation:tourIconSpin 6s linear infinite}
.tour-overlay[hidden]{display:none}
.tour-overlay{position:fixed;inset:0;z-index:1800}
.tour-highlight{position:fixed;z-index:1801;border-radius:16px;border:2px solid var(--teal);opacity:0;pointer-events:none;box-shadow:0 0 0 9999px rgba(9,12,16,.72),0 0 0 6px rgba(139,124,246,.22),0 0 34px rgba(139,124,246,.5);transition:top .38s cubic-bezier(.2,.7,.2,1),left .38s cubic-bezier(.2,.7,.2,1),width .38s cubic-bezier(.2,.7,.2,1),height .38s cubic-bezier(.2,.7,.2,1),opacity .3s ease}
.tour-highlight::before{content:"";position:absolute;inset:-2px;border-radius:18px;border:2px solid rgba(139,124,246,.55);animation:tourPulseRing 2.2s ease-out infinite}
.tour-card{position:fixed;z-index:1802;width:min(360px,calc(100vw - 32px));padding:22px 22px 20px;border-radius:18px;background:#fff;box-shadow:0 32px 90px rgba(0,0,0,.4);transition:top .38s cubic-bezier(.2,.7,.2,1),left .38s cubic-bezier(.2,.7,.2,1);animation:tourCardIn .32s cubic-bezier(.2,.7,.2,1)}
.tour-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.tour-step-label{color:var(--teal-dark);font:700 8px IBM Plex Mono,monospace;letter-spacing:.1em}
.tour-close{width:26px;height:26px;border:0;background:var(--surface-2);border-radius:7px;color:var(--muted);font-size:15px;line-height:1}
.tour-close:hover{background:#eee9fb;color:var(--teal-dark)}
.tour-card h3{margin:12px 0 8px;font:700 17px Manrope,sans-serif;letter-spacing:-.02em;color:var(--text)}
.tour-card p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.6}
.tour-dots{display:flex;gap:5px;margin:18px 0 16px}
.tour-dots i{width:100%;height:3px;border-radius:3px;background:var(--line)}
.tour-dots i.active{background:var(--teal)}
.tour-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}
.tour-skip{border:0;background:none;padding:0;color:var(--muted-2);font:600 9px Inter,sans-serif;text-decoration:underline;text-underline-offset:2px}
.tour-nav{display:flex;gap:8px}
.tour-nav button{height:34px;padding:0 14px;border-radius:9px;font:600 10px Inter,sans-serif}
.tour-prev{border:1px solid var(--line);background:#fff;color:var(--text)}
.tour-prev:disabled{opacity:.35}
.tour-next{border:0;background:var(--obsidian);color:#fff}
.tour-next:hover{background:#18242b}
@keyframes tourIconSpin{to{transform:rotate(360deg)}}
@keyframes tourPulseRing{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.18)}}
@keyframes tourCardIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.tour-trigger span:last-child{display:none}.tour-trigger{width:36px;padding:0;justify-content:center}}
@media(prefers-reduced-motion:reduce){.tour-highlight,.tour-card{transition:none}.tour-highlight::before,.tour-trigger-icon,.tour-card{animation:none}}
@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}.lower-grid{grid-template-columns:1fr 1fr}.appointment-layout{grid-template-columns:1fr}.day-summary{display:grid;grid-template-columns:1fr 1fr;gap:16px}.day-summary>.panel-head{grid-column:1/-1}.summary-stat{margin:0}.day-summary h4{margin:0}.slot-alert{margin:0}.automation-summary{grid-template-columns:repeat(2,1fr)}.automation-summary>div:nth-child(2){border-right:0}.automation-summary>div:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:1300px){.role-badge span{display:none}.role-badge{width:36px;padding:0;justify-content:center}.tour-trigger span:last-child{display:none}.tour-trigger{width:36px;padding:0;justify-content:center}}
@media(max-width:1100px){.demo-data-badge{display:none}.dashboard-site-back span{display:none}}
@media(max-width:960px){.global-search{width:170px}}
@media(max-width:900px){:root{--sidebar:224px}.sidebar{transform:translateX(-105%);transition:.25s ease}.sidebar.open{transform:none}.sidebar-close,.mobile-menu{display:block}.sidebar-backdrop{position:fixed;inset:0;z-index:850;border:0;background:rgba(5,10,9,.55);backdrop-filter:blur(4px)}.main-shell{margin-left:0}.topbar{padding:0 20px}.workspace-content{padding:24px 20px 50px}.global-search{width:210px}.quick-action{font-size:0;width:42px;padding:0}.quick-action span{font-size:17px}.lower-grid,.report-grid{grid-template-columns:1fr}.inbox-shell{grid-template-columns:330px 1fr}.automation-grid{grid-template-columns:1fr}}
@media(max-width:700px){.topbar{height:70px;padding:0 14px}.topbar-title p{display:none}.topbar h1{font-size:17px}.global-search{width:42px;padding:0;justify-content:center}.global-search input,.global-search kbd{display:none}.workspace-content{padding:20px 14px 45px}.welcome-row,.page-heading{align-items:flex-start;flex-direction:column;gap:16px}.period-control{align-self:stretch;justify-content:space-between}.attention-rail{grid-template-columns:34px 1fr}.attention-rail button{grid-column:2;text-align:left;padding:0}.metric-grid{grid-template-columns:1fr 1fr}.metric-card{min-height:165px;padding:14px}.metric-card>strong{font-size:30px}.overview-grid{display:block}.action-panel{margin-top:12px}.lower-grid{display:block}.automation-panel{margin-top:12px}.performance-panel{padding-inline:15px}.performance-panel>footer{margin-inline:-15px;padding-inline:15px;gap:16px}.chart-legend{display:none}.bar-groups{gap:6px}.inbox-shell{height:auto;min-height:0;display:block}.conversation-list{border:0}.conversation-detail{min-height:600px;border-top:1px solid var(--line)}.appointment-layout{display:block}.day-summary{margin-top:12px;display:block}.summary-stat{margin-top:16px}.slot-alert{margin-top:14px}.week-strip{overflow-x:auto;grid-template-columns:repeat(7,60px)}.data-toolbar{align-items:stretch;flex-direction:column;gap:10px}.data-toolbar label{width:100%}.automation-summary{grid-template-columns:1fr 1fr}.report-hero{padding:28px 22px;grid-template-columns:1fr}.report-ring{margin-top:30px}.search-results{left:14px;right:14px;top:65px;width:auto}}
@media(max-width:480px){.metric-grid{grid-template-columns:1fr}.metric-card{min-height:150px}.spark-bars{left:52%;}.topbar-actions{gap:6px}.icon-button,.quick-action{width:38px;height:38px}.mobile-menu{width:38px;height:38px}.notification-popover{position:fixed;left:12px;right:12px;top:62px;width:auto}.performance-panel>footer{justify-content:space-between;gap:8px}.bar-groups{left:28px}.form-row{grid-template-columns:1fr}.automation-summary{grid-template-columns:1fr}.automation-summary>div{border-right:0;border-bottom:1px solid var(--line)}.automation-grid{display:block}.automation-card{margin-bottom:12px}.flow-path{gap:4px}.flow-path span{padding-inline:6px}.report-hero h3 br{display:none}.inbox-shell{margin:0 -5px}.conversation-detail>header{padding-inline:13px}.chat-timeline{padding-inline:14px}.reply-box{margin-inline:10px}.toast{left:14px;right:14px;bottom:14px;min-width:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pulse-dot,.bar-groups i,.bar-groups b{animation:none}.view.active{animation:none}.sidebar,.toast,.action-list article,.toggle i{transition:none}}

/* ---------- role switcher ---------- */
.profile-wrap{position:relative}
.role-popover[hidden]{display:none}
.role-popover{position:absolute;left:0;bottom:64px;z-index:60;width:272px;padding:10px;display:grid;gap:4px;border:1px solid var(--line-dark);background:var(--graphite);border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.4);animation:roleIn .18s ease}
.role-popover-label{padding:6px 8px 2px;color:#7c8a87;font:600 8px IBM Plex Mono,monospace;letter-spacing:.1em}
.role-option{width:100%;padding:9px 8px;display:grid;grid-template-columns:30px 1fr 16px;gap:9px;align-items:center;border:1px solid transparent;border-radius:10px;background:transparent;text-align:left;color:#c9d2d0}
.role-option:hover{background:rgba(255,255,255,.05)}
.role-option .profile-avatar{width:30px;height:30px;font-size:9px;background:#2a3941}
.role-option strong{display:block;color:#fff;font-size:10.5px}
.role-option small{color:#8a9693;font-size:8.5px}
.role-option .role-check{opacity:0;color:var(--teal);font-style:normal}
.role-option.active{border-color:rgba(139,124,246,.4);background:rgba(139,124,246,.1)}
.role-option.active .role-check{opacity:1}
.role-popover-note{margin:6px 2px 2px;padding-top:8px;border-top:1px solid var(--line-dark);color:#6d7a77;font-size:8px;line-height:1.55}
@keyframes roleIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.role-badge{height:36px;padding:0 12px;display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--text);font:600 9px IBM Plex Mono,monospace;letter-spacing:.04em;white-space:nowrap}
.role-badge i{font-style:normal;color:var(--teal)}

/* ---------- reports: heading actions + trend + history ---------- */
.page-heading-actions{display:flex;align-items:center;gap:12px}
.report-trend{margin-top:12px;padding:22px}
.trend-chart{height:110px;margin-top:18px;display:flex;align-items:end;gap:8px}
.trend-chart i{flex:1;height:var(--h);border-radius:4px 4px 0 0;background:#e7ece9}
.trend-chart i.current{background:linear-gradient(180deg,var(--teal),var(--teal-dark))}
.report-trend footer{margin-top:10px;display:flex;justify-content:space-between;color:#93a09d;font-size:8px;font-family:IBM Plex Mono,monospace}
.month-compare{margin-top:22px;display:grid;gap:14px}
.month-compare>div{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line)}
.month-compare>div:last-child{border:0;padding-bottom:0}
.month-compare span{color:#6f7c79;font-size:9.5px}
.month-compare b{font:700 17px Manrope}
.month-compare em{font:600 9px IBM Plex Mono,monospace;font-style:normal;color:var(--teal-dark);background:var(--teal-soft);padding:4px 7px;border-radius:6px}
.report-history-list{margin-top:20px;display:grid;gap:8px}
.report-history-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 4px;border-bottom:1px solid var(--line)}
.report-history-list>div:last-child{border:0}
.report-history-list span{display:block;font-weight:700;font-size:10.5px}
.report-history-list small{color:#8a9693;font-size:8.5px}
.report-history-list button{height:32px;padding:0 12px;border:1px solid var(--line);background:#fff;border-radius:8px;font:600 9px Inter,sans-serif;color:var(--text)}
.report-history-list button:hover{background:var(--surface-2)}

/* ---------- team view ---------- */
.role-legend-grid{margin-bottom:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.role-legend-card{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}
.role-legend-card header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font:700 12px Manrope}
.role-legend-card header i{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:var(--violet-soft);color:var(--teal-dark);font-style:normal;font-size:11px}
.role-legend-card p{margin:0;color:var(--muted);font-size:9.5px;line-height:1.7}
.violet-tag{background:var(--violet-soft);color:#5b4fc9}
.table-person small.pending-email{color:#b18b2f}
.invite-row td{color:#9aa5a2}

/* ---------- clinic settings view ---------- */
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.settings-card{padding:22px}
.settings-card h3{margin:0 0 4px;font:700 15px Manrope}
.settings-card>p.hint{margin:0 0 18px;color:#8a9693;font-size:9.5px}
.field-row{margin-bottom:13px;display:grid;gap:6px}
.field-row:last-of-type{margin-bottom:0}
.field-row label{color:#74817e;font-size:8px;font-weight:600;letter-spacing:.03em}
.field-row input,.field-row select{height:40px;padding:0 11px;border:1px solid var(--line);background:#f9fbfa;border-radius:9px;outline:0;font-size:10px;font-family:Inter,sans-serif;color:var(--text)}
.field-row input:focus,.field-row select:focus{border-color:rgba(35,199,183,.5);box-shadow:0 0 0 3px rgba(35,199,183,.12)}
.settings-card .form-row{margin-bottom:13px}
.settings-save{margin-top:16px;height:38px;padding:0 16px;border:0;border-radius:9px;background:var(--obsidian);color:#fff;font:600 10px Inter,sans-serif}
.settings-save:hover{background:#18242b}
.hours-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:10px}
.hours-row:last-child{border:0}
.hours-row>span:first-child{width:70px;font-weight:600}
.hours-row time{flex:1;color:#6f7c79;font-family:IBM Plex Mono,monospace;font-size:9px}
.hours-row.closed time{color:#b3bcb9}
.plan-name{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.plan-name strong{font:700 19px Manrope}
.plan-name em{font-style:normal;color:#8a9693;font-size:9px}
.usage-meter{height:7px;margin-top:14px;border-radius:6px;background:var(--surface-2);overflow:hidden}
.usage-meter>i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--teal),var(--teal-dark))}
.usage-meter-label{margin-top:7px;display:flex;justify-content:space-between;color:#8a9693;font-size:8.5px;font-family:IBM Plex Mono,monospace}
.plan-manage{margin-top:16px;height:38px;padding:0 16px;border:1px solid var(--line);background:#fff;border-radius:9px;font:600 10px Inter,sans-serif;color:var(--text)}
.notify-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line)}
.notify-row:last-child{border:0}
.notify-row strong{display:block;font-size:10px}
.notify-row small{color:#8a9693;font-size:8.5px}
.locations-list{display:grid;gap:8px;margin-bottom:14px}
.locations-list>div{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border:1px solid var(--line);border-radius:10px}
.locations-list strong{display:block;font-size:10px}
.locations-list small{color:#8a9693;font-size:8.5px}
.add-location{width:100%;height:40px;border:1px dashed var(--line);border-radius:10px;background:transparent;color:#6f7c79;font:600 10px Inter,sans-serif}
.add-location:hover{background:var(--surface-2)}
.danger-zone{border-color:rgba(220,100,100,.3);background:rgba(220,100,100,.04)}
.danger-zone h3{color:var(--danger)}
.danger-zone p.hint{color:#a97a7a}
.danger-button{margin-top:16px;height:38px;padding:0 16px;border:1px solid rgba(220,100,100,.4);background:#fff;border-radius:9px;color:var(--danger);font:600 10px Inter,sans-serif}
.danger-button:hover{background:rgba(220,100,100,.08)}

@media(max-width:1180px){.role-legend-grid,.settings-grid{grid-template-columns:1fr}}
@media(max-width:900px){.page-heading-actions{width:100%;flex-wrap:wrap}}
@media(max-width:700px){.role-badge span{display:none}.role-badge{width:36px;padding:0;justify-content:center}.month-compare>div{grid-template-columns:1fr auto}.month-compare em{grid-column:1/-1;justify-self:start}}
@media(prefers-reduced-motion:reduce){.role-popover{animation:none}}

/* ---------- role-based dashboard extensions (owner KPIs, funnel, insights, assistant working panel, inbox 3-col, tasks) ---------- */
.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.revenue-card{background:linear-gradient(155deg,#fffaf0,#fff)}
.estimate-note{display:block;margin-top:10px;color:#9aa19d;font-size:7px;line-height:1.5}
.metric-card .metric-head i{font-style:normal}

.funnel-panel{margin-bottom:12px;padding:20px 22px}
.funnel-row{margin-top:14px;display:flex;align-items:center;gap:0;overflow-x:auto}
.funnel-stage{flex:1 1 0;min-width:96px;padding:14px 10px;text-align:center;border:1px solid var(--line);border-radius:12px;background:#fbfcfc}
.funnel-stage.final{background:var(--teal-soft);border-color:rgba(103,88,214,.25)}
.funnel-stage span{display:block;color:#83908d;font:500 7px IBM Plex Mono,monospace;letter-spacing:.06em;text-transform:uppercase}
.funnel-stage strong{display:block;margin-top:6px;font:700 20px Manrope,sans-serif}
.funnel-conv{flex:0 0 auto;width:56px;display:flex;flex-direction:column;align-items:center;gap:2px;color:#9aa5a2}
.funnel-conv em{font:600 9px IBM Plex Mono,monospace;font-style:normal;color:var(--teal-dark)}
.funnel-conv i{font-style:normal;font-size:12px}

.insights-panel{margin-bottom:12px;padding:18px 20px}
.insight-list{margin-top:10px;display:grid;gap:10px}
.insight-item{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;padding:10px 0;border-top:1px solid #f0f2f1}
.insight-item:first-child{border-top:0;padding-top:0}
.insight-item p{margin:2px 0 0;font-size:9px;color:#5e6c69;line-height:1.6}
.insight-item p strong{color:var(--text)}
.insight-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;font-weight:700}
.insight-icon.up{background:var(--teal-soft);color:var(--teal-dark)}
.insight-icon.call{background:var(--blue-soft);color:#3a6fc8}
.insight-icon.amber{background:var(--amber-soft);color:#a07015}

.priority-chip{display:inline-block;margin-left:6px;padding:2px 6px;border-radius:5px;font:500 6.5px IBM Plex Mono,monospace;font-style:normal;letter-spacing:.04em;vertical-align:middle}
.priority-chip.urgent{background:#fdeceb;color:#b8503f}
.priority-chip.high{background:var(--amber-soft);color:#a07015}
.priority-chip.normal{background:#edf1f0;color:#66736f}

.working-panel{padding:20px}
.live-dot{width:6px;height:6px;border-radius:50%;background:var(--teal);display:inline-block;margin-right:5px;animation:pulseLive 1.8s ease-in-out infinite}
@keyframes pulseLive{50%{opacity:.35}}
.working-live{padding:3px 7px;border-radius:6px;background:var(--teal-soft);color:var(--teal-dark);font:500 8px IBM Plex Mono,monospace}
.working-list{margin-top:12px;display:grid;gap:2px}
.working-list>div{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #eef2f1}
.working-list>div:last-child{border:0}
.working-list p{margin:0;font-size:9px;color:#5e6c69}
.working-list strong{color:var(--text);font-size:10px}
.working-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#eff3f2;color:#4f5c59;font-size:12px}

/* inbox: 3-column with patient context */
.inbox-shell{grid-template-columns:340px 1fr 260px}
.conversation-tabs{overflow-x:auto}
.conversation-tabs.standalone-tabs{border:1px solid var(--line);background:#fff;border-radius:var(--radius);padding:0 16px;margin-bottom:12px}
.conversation-detail>header{gap:10px}
.detail-header-actions{display:flex;align-items:center;gap:8px}
.state-badge{display:flex;align-items:center;gap:6px;padding:5px 9px;border-radius:7px;font:500 7.5px IBM Plex Mono,monospace}
.state-badge i{width:6px;height:6px;border-radius:50%}
.state-badge.ai{background:var(--teal-soft);color:var(--teal-dark)}
.state-badge.ai i{background:var(--teal)}
.state-badge.waiting{background:var(--amber-soft);color:#a07015}
.state-badge.waiting i{background:var(--amber)}
.state-badge.human{background:var(--blue-soft);color:#3a6fc8}
.state-badge.human i{background:var(--blue)}
.take-over-btn{height:30px;padding:0 12px;border:1px solid var(--line);background:#fff;border-radius:8px;color:var(--text);font:600 8px Manrope,sans-serif}
.take-over-btn:hover{border-color:var(--teal)}
.take-over-btn.active-human{background:var(--obsidian);border-color:var(--obsidian);color:#fff}

.decision-card{margin:10px 0;padding:12px 14px;display:flex;gap:10px;border:1px solid rgba(123,110,230,.28);background:var(--violet-soft);border-radius:12px}
.decision-icon{width:28px;height:28px;flex:0 0 auto;display:grid;place-items:center;border-radius:8px;background:#fff;color:#6658cf;font-weight:700}
.decision-card strong{font-size:9px}
.decision-card p{margin:4px 0 0;color:#5e5a75;font-size:8.5px;line-height:1.6}
.decision-actions{margin-top:8px;display:flex;gap:8px}
.decision-actions button{height:28px;padding:0 10px;border:0;border-radius:7px;background:var(--obsidian);color:#fff;font:600 7.5px Manrope,sans-serif}
.decision-actions button.ghost{background:#fff;color:#5e5a75;border:1px solid rgba(123,110,230,.3)}

.patient-context{padding:16px;border-left:1px solid var(--line);overflow:auto;background:#fbfcfc}
.context-block{display:grid;justify-items:center;text-align:center;gap:6px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.person-avatar.large{width:52px;height:52px;border-radius:14px;font-size:13px}
.context-block strong{font-size:11px}
.context-block small{color:#83908d;font-size:8px}
.context-actions{margin-top:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.context-actions button{height:32px;border:1px solid var(--line);background:#fff;border-radius:8px;font-size:8px;color:#5e6c69}
.context-fields{margin:14px 0 0;display:grid;gap:9px}
.context-fields div{display:grid;grid-template-columns:78px 1fr;gap:6px}
.context-fields dt{color:#8a9693;font:500 7px IBM Plex Mono,monospace;letter-spacing:.04em;align-self:start;margin-top:2px}
.context-fields dd{margin:0;font-size:9px;color:var(--text)}
.context-notes{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.context-notes span{color:#8a9693;font:500 7px IBM Plex Mono,monospace;letter-spacing:.06em}
.context-notes p{margin:6px 0 0;font-size:8.5px;color:#5e6c69;line-height:1.6}
.context-tags{margin-top:12px;display:flex;gap:6px;flex-wrap:wrap}

.red-tag{background:#fdeceb;color:#b8503f}

@media(max-width:1180px){
  .metric-grid{grid-template-columns:repeat(2,1fr)}
  .funnel-row{flex-wrap:wrap}
  .funnel-stage{min-width:120px}
  .inbox-shell{grid-template-columns:300px 1fr;height:auto;min-height:600px}
  .patient-context{display:none}
}
@media(max-width:820px){
  .metric-grid{grid-template-columns:1fr 1fr}
  .lower-grid{grid-template-columns:1fr}
}

/* ---------- omnichannel inbox, google calendar connect, extra button polish ---------- */
.channel-strip{margin:0 0 12px;padding:12px 16px;display:flex;align-items:center;gap:14px;border:1px solid var(--line);background:#fff;border-radius:14px}
.channel-strip-label{color:#7c8885;font-size:9px;white-space:nowrap}
.channel-icons{display:flex;gap:7px;flex-wrap:wrap}
.ch-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;font:600 9px Manrope,sans-serif;font-style:normal;color:#fff}
.ch-icon.phone{background:#5a8dee}
.ch-icon.sms{background:#7b6ee6}
.ch-icon.whatsapp{background:#22c55e}
.ch-icon.instagram{background:linear-gradient(135deg,#f9ce34,#ee2a7b,#6228d7)}
.ch-icon.facebook{background:#1877f2}
.ch-icon.webchat{background:#23c7b7}
.ch-icon.email{background:#8b95a1}
.channel-strip-note{margin-left:auto;color:#a2ada9;font-size:8px;max-width:220px;text-align:right}

.conversation .ch-badge{width:16px;height:16px;border-radius:5px;font-size:7px;flex:0 0 auto}
.conversation>span:first-child{position:relative}
.conversation .ch-badge{position:absolute;right:-3px;bottom:-3px;display:grid;place-items:center;border:2px solid #fff}
.detail-channel{display:inline-flex;align-items:center;gap:5px;margin-left:8px;padding:3px 7px;border-radius:6px;background:#f4f6f5;color:#5e6c69;font:500 7px IBM Plex Mono,monospace}
.detail-channel .ch-icon{width:13px;height:13px;border-radius:4px;font-size:6px}

.channel-select{height:36px;padding:0 10px;border:1px solid var(--line);background:#fff;border-radius:9px;color:#5e6c69;font-size:8px}

.gcal-connect{margin-bottom:12px;padding:14px 16px;display:flex;align-items:center;gap:14px;border:1px solid var(--line);background:#fff;border-radius:14px;transition:.25s ease}
.gcal-connect.connected{border-color:rgba(35,199,183,.35);background:rgba(35,199,183,.04)}
.gcal-icon{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px;background:#fff;border:1px solid var(--line)}
.gcal-icon svg{width:22px;height:22px}
.gcal-copy{min-width:0}
.gcal-copy strong{display:block;font-size:11px}
.gcal-copy small{color:#8a9693;font-size:8.5px}
.gcal-connect.connected .gcal-copy small{color:var(--teal-dark)}
.gcal-btn{margin-left:auto;flex:0 0 auto;height:36px;padding:0 16px;border:0;border-radius:9px;background:var(--obsidian);color:#fff;font:600 9px Manrope,sans-serif;transition:.2s ease}
.gcal-btn.is-connected{background:var(--teal-soft);color:var(--teal-dark)}
.gcal-btn:disabled{opacity:.6}
.gcal-sync-pill{display:inline-flex;align-items:center;gap:5px;margin-left:10px;padding:3px 8px;border-radius:999px;background:var(--teal-soft);color:var(--teal-dark);font:500 7px IBM Plex Mono,monospace}
.gcal-sync-pill i{width:5px;height:5px;border-radius:50%;background:var(--teal)}

/* hover polish for new components */
.funnel-stage{transition:.2s ease}
.funnel-stage:hover{border-color:rgba(123,110,230,.35);transform:translateY(-2px)}
.insight-item{transition:.2s ease}
.working-list>div{transition:.2s ease}
.decision-card{transition:.2s ease}
.metric-card{transition:.2s ease,transform .2s ease}
.metric-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.channel-strip,.gcal-connect{transition:.2s ease}

.week-strip button{cursor:pointer}
.week-strip button.active{position:relative}

@media(max-width:900px){.channel-strip{flex-wrap:wrap}.channel-strip-note{display:none}.gcal-connect{flex-wrap:wrap}.gcal-btn{margin-left:0}}

/* ---------- panel.html: real account info in sidebar popover ---------- */
.account-info{padding:8px 8px 12px;border-bottom:1px solid var(--line-dark);margin-bottom:4px}
.account-info strong{display:block;color:#fff;font-size:11px}
.account-info small{display:block;margin-top:2px;color:#8b9693;font-size:9px;word-break:break-all}