:root{--green:#087647;--green-2:#0d8d55;--deep:#092d23;--ink:#1b3027;--muted:#788a81;--line:#dfe9e3;--mint:#e8f5ed;--paper:#f6f9f7;--white:#fff;--red:#dc5555;--amber:#d58b2d;--blue:#5185d8;--shadow:0 8px 24px #153d2710;--side:#fff;--side-text:#325042;--serif:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.45 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #53b880;outline-offset:2px}.shell{min-height:100vh;display:grid;grid-template-columns:256px minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:256px;background:var(--side);border-right:1px solid var(--line);z-index:10;display:flex;flex-direction:column}.sidebar.dark{background:linear-gradient(180deg,#0a211c,#0a3025);border:0;color:#e7f2eb}.brandbox{padding:22px 19px 15px;display:flex;align-items:center;justify-content:space-between}.brandbox img{width:158px;max-height:54px;object-fit:contain;object-position:left center}.brandbox.darkbrand img{filter:brightness(0) invert(1)}.tier-pill{display:inline-flex;align-items:center;padding:5px 10px;background:var(--mint);color:var(--green);font-size:10px;font-weight:800;letter-spacing:.08em;border-radius:99px;text-transform:uppercase;white-space:nowrap}.dark .tier-pill{background:#163d30;color:#a9dec0}.switcher{display:flex;gap:4px;margin:0 14px 14px;padding:4px;border-radius:10px;background:#f0f5f2}.switcher button{flex:1;border:0;background:transparent;border-radius:7px;padding:7px 3px;color:#6b8075;font-size:10px;font-weight:750}.switcher button.active{color:#fff;background:var(--deep);box-shadow:0 2px 6px #193c2a27}.dark .switcher{background:#0c281f}.dark .switcher button{color:#adc2b7}.dark .switcher button.active{background:#138351;color:#fff}.navscroll{overflow:auto;padding:0 10px 12px}.navgroup{margin:0 0 9px;padding:0 0 9px;border-bottom:1px solid #e5ede8}.dark .navgroup{border-color:#ffffff16}.navlabel{padding:8px 11px 5px;font-size:9px;font-weight:800;color:#91a198;text-transform:uppercase;letter-spacing:.11em}.dark .navlabel{color:#759588}.navitem{width:100%;display:flex;align-items:center;gap:12px;border:0;background:transparent;color:var(--side-text);padding:9px 11px;border-radius:9px;text-align:left;font-size:12px;font-weight:600;transition:.15s}.dark .navitem{color:#d1e0d8}.navitem:hover{background:#f0f7f3}.dark .navitem:hover{background:#ffffff0d}.navitem.active{background:#e5f4eb;color:#07683d;font-weight:750}.dark .navitem.active{color:white;background:#125c3e;box-shadow:inset 3px 0 #43d08b}.navico{width:18px;text-align:center;font-size:16px;opacity:.86}.badge{margin-left:auto;min-width:20px;text-align:center;background:#ffe7e7;color:#cd4d4d;border-radius:999px;padding:2px 6px;font-size:9px;font-weight:800}.sidebottom{margin-top:auto;padding:12px 15px 17px}.helpbox{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:11px;color:#305542;background:#fbfdfb}.dark .helpbox{background:#ffffff08;border-color:#ffffff20;color:#e6f2eb}.helpbox .helpico{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--mint);font-size:16px}.dark .helpbox .helpico{background:#1e4a38}.helpbox strong{display:block;font-size:11px}.helpbox small{color:var(--muted);font-size:9px}.dark .helpbox small{color:#91aa9e}.version{font-size:9px;color:#98a69f;padding:12px 4px 0}.main{grid-column:2;min-width:0}.topbar{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 30px;position:sticky;top:0;z-index:6}.global-search{position:relative;width:min(520px,50vw)}.searchbox{height:42px;display:flex;align-items:center;gap:10px;background:#f7faf8;border:1px solid var(--line);border-radius:10px;padding:0 13px;color:#83938a}.searchbox input{width:100%;border:0;outline:none;background:transparent;color:var(--ink);font-size:12px}.search-results{position:absolute;top:48px;left:0;width:100%;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow);padding:7px;display:none;z-index:15}.search-results.open{display:block}.search-result{width:100%;border:0;background:#fff;border-radius:8px;display:flex;align-items:center;gap:9px;padding:10px;text-align:left}.search-result:hover{background:#f1f7f3}.search-result b{font-size:11px}.search-result small{display:block;color:var(--muted);font-size:10px}.topspacer{flex:1}.plain-icon{width:38px;height:38px;border:0;background:#fff;border-radius:9px;color:#526b5d;font-size:17px;position:relative}.plain-icon:hover{background:#f0f6f2}.notice-dot{position:absolute;right:7px;top:6px;width:7px;height:7px;border-radius:50%;background:#e25656;border:1px solid white}.userbutton{border:0;background:transparent;display:flex;align-items:center;gap:10px;text-align:left;color:var(--ink);padding:4px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#c4e8d2,#65ad82);color:#075a35;font-weight:800;font-size:12px}.userbutton strong{font-size:11px;display:block}.userbutton small{font-size:10px;color:var(--muted)}.mobile-toggle{display:none}.content{padding:25px 30px 32px;max-width:1800px;margin:0 auto}.crumb{font-size:10px;color:#8b9a92;margin:0 0 8px}.pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 20px}.eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:#07814b;margin:0 0 7px}.pagehead h1{font:700 clamp(25px,2.1vw,34px)/1.1 var(--serif);letter-spacing:-.035em;margin:0;color:#152b21}.pagehead p{color:#71847a;font-size:12px;margin:7px 0 0}.head-actions{display:flex;gap:8px;flex-wrap:wrap}.btn{border:1px solid var(--line);background:white;color:#365c47;border-radius:9px;padding:9px 13px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;transition:.15s}.btn:hover{border-color:#a5c9b2;background:#f7fbf8;transform:translateY(-1px)}.btn.primary{background:var(--green);border-color:var(--green);color:white;box-shadow:0 4px 10px #08764721}.btn.primary:hover{background:#05663c}.btn.soft{background:var(--mint);border-color:var(--mint);color:#07673e}.btn.danger{color:#bf4545;background:#fff7f7;border-color:#f0d4d4}.btn.small{font-size:10px;padding:7px 10px}.btn.icononly{padding:8px;width:34px;height:34px}.cards{display:grid;gap:12px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px}.stat,.card{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 3px 12px #133d2207}.stat{padding:16px 17px;min-height:108px;position:relative;overflow:hidden}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#0a7c48}.stat-icon{width:34px;height:34px;border-radius:10px;background:#e7f5ed;display:grid;place-items:center;font-size:16px}.stat-change{font-size:9px;font-weight:800;color:#09844d}.stat-num{font:700 29px/1 var(--serif);color:#183328;margin:10px 0 3px}.stat-label{font-size:10px;color:#75867d}.stat-foot{font-size:9px;color:#92a198;margin-top:7px}.stat-link{position:absolute;inset:0;border:0;background:transparent}.home-grid{display:grid;grid-template-columns:1.12fr 1.08fr .95fr;gap:12px}.card{padding:16px}.card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.card-title h2,.card-title h3{font:700 16px/1.2 var(--serif);margin:0;color:#20392d}.card-title p{margin:4px 0 0;color:#8a9991;font-size:9px}.link-button{border:1px solid var(--line);background:#fff;color:#376249;border-radius:8px;padding:7px 9px;font-size:9px;font-weight:700}.priority-list,.activity-list{display:flex;flex-direction:column}.priority-row{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:9px;background:#fff8f8;margin:0 0 6px;border-left:3px solid #e25555;cursor:pointer}.priority-row.warn{background:#fffaf2;border-color:#e2a136}.priority-row.info{background:#f4f8ff;border-color:#5285df}.priority-row.ok{background:#f2faf5;border-color:#35aa6d}.priority-icon{width:28px;height:28px;border-radius:8px;background:#fff;display:grid;place-items:center;color:#d75353}.priority-row.warn .priority-icon{color:#d38a2e}.priority-row.info .priority-icon{color:#5285df}.priority-text{flex:1;min-width:0}.priority-text b{font-size:10px;display:block}.priority-text small{font-size:9px;color:#83928a;display:block;margin-top:2px}.priority-arrow{color:#9aa9a1}.activity-row{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid #edf1ee;cursor:pointer}.activity-row:last-child{border:0}.channel{width:23px;height:23px;border-radius:50%;background:#16a768;color:white;display:grid;place-items:center;font-size:11px}.activity-info{min-width:0;flex:1}.activity-info b{display:block;font-size:10px}.activity-info small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#87978e;font-size:9px}.activity-time{font-size:8px;color:#94a198;align-self:flex-start}.assistant-card{background:linear-gradient(140deg,#f0f8f2,#fff);border:1px solid #d6e8dc;border-radius:10px;padding:12px}.assistant-card p{font-size:10px;color:#61786b;margin:5px 0 10px}.assistant-bubble{padding:10px;background:#e4f3e9;border-radius:9px;color:#305b43;font-size:10px;margin-bottom:8px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0}.chip{border:1px solid #d8e8dd;background:#fff;border-radius:99px;padding:6px 9px;color:#3d684e;font-size:9px;font-weight:650}.assistant-input{display:flex;gap:6px}.assistant-input input{flex:1;min-width:0;border:1px solid var(--line);border-radius:8px;padding:8px 9px;font-size:10px}.assistant-input button{width:34px;border:0;border-radius:8px;background:var(--green);color:white}.source-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.source-pill{display:flex;align-items:center;gap:7px;font-size:9px;color:#45614f}.live{width:7px;height:7px;border-radius:50%;background:#25a563}.chart-card{margin-top:12px}.chart-bars{height:110px;display:flex;align-items:flex-end;gap:12px;padding:12px 8px 0;border-bottom:1px solid #e8efea}.barcol{flex:1;height:100%;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:5px}.bar{width:min(28px,70%);border-radius:5px 5px 0 0;background:linear-gradient(0deg,#13834f,#91dfb3);min-height:10px}.barlabel{font-size:8px;color:#84968c}.chart-foot{display:flex;justify-content:space-between;color:#84968c;font-size:9px;margin-top:10px}.twocol{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}.threecol{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tablecard{padding:0;overflow:hidden}.table-toolbar{padding:13px 15px;display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line);flex-wrap:wrap}.table-toolbar h2{font:700 16px var(--serif);margin:0 auto 0 0}.table-search{border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:10px;min-width:190px}.filter{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 10px;font-size:10px;color:#52705f}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;padding:10px 14px;background:#f8faf8;color:#85958c;font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #eaf0ec}td{padding:11px 14px;border-bottom:1px solid #edf2ee;font-size:10px;color:#40594b}tbody tr:hover{background:#f9fcfa}tbody tr:last-child td{border-bottom:0}.person{display:flex;align-items:center;gap:9px}.person .avatar{width:30px;height:30px;font-size:9px}.person b{font-size:10px;color:#254334}.person small{display:block;font-size:9px;color:#89988f;margin-top:2px}.status{display:inline-flex;align-items:center;gap:5px;border-radius:99px;padding:5px 8px;background:#e9f7ef;color:#19804d;font-size:8px;font-weight:800}.status::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status.warn{background:#fff4e3;color:#bf7821}.status.red{background:#fff0f0;color:#c94949}.status.blue{background:#eef4ff;color:#4775c3}.status.gray{background:#f0f3f1;color:#6f8077}.row-action{border:0;background:transparent;color:#61786b;font-size:15px}.table-foot{padding:10px 14px;color:#8a9a91;font-size:9px;border-top:1px solid var(--line);display:flex;justify-content:space-between}.tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin:0 0 15px;overflow:auto}.tab{border:0;border-bottom:2px solid transparent;background:transparent;padding:10px 3px;color:#829188;font-size:10px;font-weight:700;white-space:nowrap}.tab.active{color:#087647;border-color:#087647}.profile-head{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:17px;margin-bottom:14px}.profile-head .avatar{width:54px;height:54px;font-size:16px}.profile-head h2{font:700 20px var(--serif);margin:0}.profile-head p{font-size:10px;color:var(--muted);margin:4px 0}.profile-head .head-actions{margin-left:auto}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.detail-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-item label{display:block;font-size:8px;color:#8a9a91;text-transform:uppercase;letter-spacing:.07em;margin-bottom:3px}.detail-item b{font-size:10px;color:#365543}.timeline{border-left:1px solid #dbe8df;margin:7px 0 0 8px;padding-left:16px}.timeline-item{position:relative;padding:0 0 15px}.timeline-item::before{content:"";position:absolute;left:-20px;top:4px;width:7px;height:7px;border-radius:50%;background:#25a365;box-shadow:0 0 0 3px #e4f4ea}.timeline-item b{font-size:10px}.timeline-item small{display:block;color:#87968e;font-size:9px;margin-top:3px}.inbox{display:grid;grid-template-columns:310px minmax(0,1fr);min-height:560px;overflow:hidden}.inbox-list{border-right:1px solid var(--line)}.inbox-header{padding:13px;border-bottom:1px solid var(--line)}.inbox-header input{width:100%;border:1px solid var(--line);border-radius:8px;padding:9px;font-size:10px}.conversation{padding:20px;display:flex;flex-direction:column;min-height:520px}.conversation-top{display:flex;align-items:center;gap:10px;padding-bottom:13px;border-bottom:1px solid var(--line)}.conversation-top h3{margin:0;font-size:12px}.conversation-top small{display:block;color:var(--muted);font-size:9px}.message-list{flex:1;padding:17px 4px;display:flex;flex-direction:column;gap:10px}.msg{max-width:75%;padding:10px 12px;border-radius:12px;background:#f1f5f2;font-size:10px;color:#385344}.msg.own{align-self:flex-end;background:#e3f4e9}.msg small{display:block;font-size:8px;color:#809187;margin-top:5px;text-align:right}.sendrow{display:flex;gap:8px}.sendrow input{flex:1;border:1px solid var(--line);border-radius:9px;padding:10px;font-size:10px}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calday{min-height:108px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:8px}.calday.head{min-height:0;border:0;background:transparent;text-align:center;color:#8b9a92;font-size:9px;font-weight:750;padding:3px}.calday b{font-size:10px}.event{display:block;margin-top:6px;padding:4px 5px;background:#e5f5eb;border-radius:5px;color:#24623f;font-size:8px;white-space:normal;line-height:1.25}.event.orange{background:#fff4e4;color:#94631e}.event.blue{background:#eef4ff;color:#4a68a1}.steps{display:flex;align-items:center;gap:9px}.step{display:flex;align-items:center;gap:6px;color:#829389;font-size:9px}.step i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#edf2ef;font-style:normal;font-weight:800}.step.active{color:#087647}.step.active i{background:#dff2e6;color:#087647}.progress{height:5px;background:#edf2ef;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,#13834f,#58c78a);border-radius:99px}.empty{padding:35px;text-align:center;color:#87968e}.switch-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #edf2ee}.switch{width:36px;height:20px;border:0;border-radius:99px;background:#b9c7bf;padding:2px}.switch span{display:block;width:16px;height:16px;background:white;border-radius:50%;transition:.15s}.switch.on{background:#159258}.switch.on span{transform:translateX(16px)}.banner{padding:25px;border-radius:14px;background:linear-gradient(105deg,#e1f3e8,#f2faf5);display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;overflow:hidden}.banner h2{font:700 25px var(--serif);margin:2px 0}.banner p{font-size:11px;color:#74877c;margin:5px 0}.banner-mark{font:700 22px var(--serif);color:#0c7345;opacity:.85}.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.plan{border:1px solid var(--line);border-radius:12px;background:#fff;padding:15px}.plan h3{font:700 15px var(--serif);margin:0 0 6px}.plan p{font-size:9px;color:#809087}.plan li{font-size:9px;margin:7px 0;color:#496251}.plan ul{padding-left:16px}.mobileapp{max-width:460px;margin:8px auto 28px;background:#f6f8f6;border:1px solid var(--line);border-radius:28px;overflow:hidden;min-height:calc(100vh - 160px);box-shadow:0 16px 45px #12382118;position:relative;padding-bottom:76px}.mobile-top{height:48px;padding:15px 20px 8px;display:flex;justify-content:space-between;font-size:10px;font-weight:750}.mobile-brand{padding:13px 21px 8px;font:700 20px var(--serif);color:#0c5737}.mobile-body{padding:14px 18px}.mobile-body h1{font:700 25px/1.08 var(--serif);margin:4px 0 8px;color:#193d2b}.mobile-body p{font-size:11px;color:#72857a}.mobile-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;margin:10px 0;box-shadow:0 4px 12px #21442b08}.mobile-card h3{font:700 14px var(--serif);margin:0 0 5px}.mobile-bottom{position:absolute;bottom:0;left:0;right:0;background:white;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);padding:9px 4px 14px}.mobile-bottom button{border:0;background:transparent;color:#71847a;font-size:8px;display:flex;align-items:center;flex-direction:column;gap:4px}.mobile-bottom button.active{color:#087647;font-weight:800}.mobile-bottom b{font-size:16px}.portal-layout{display:grid;grid-template-columns:185px 1fr;gap:16px}.portal-menu{background:white;border:1px solid var(--line);border-radius:12px;padding:12px;height:max-content}.portal-menu button{width:100%;display:flex;gap:8px;align-items:center;text-align:left;background:transparent;border:0;border-radius:8px;padding:10px;color:#547060;font-size:10px;font-weight:650}.portal-menu button.active{background:#e8f5ed;color:#087647}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,15px);background:#143c2c;color:#fff;padding:11px 16px;border-radius:10px;font-size:11px;z-index:50;opacity:0;pointer-events:none;transition:.2s;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:translate(-50%,0)}.modal-backdrop{position:fixed;inset:0;background:#102b1f66;z-index:30;display:grid;place-items:center;padding:16px}.modal{width:min(560px,100%);max-height:90vh;overflow:auto;background:white;border-radius:16px;box-shadow:0 20px 70px #0b241b45}.modal-head{padding:17px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center}.modal-head h2{font:700 18px var(--serif);margin:0}.modal-head button{margin-left:auto;border:0;background:#f2f6f3;border-radius:8px;width:30px;height:30px;font-size:18px}.modal-body{padding:18px 20px}.modal-foot{padding:13px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:5px}.field.full{grid-column:1/-1}.field label{font-size:9px;font-weight:750;color:#647b6e}.field input,.field select,.field textarea{width:100%;border:1px solid #dce7e0;border-radius:8px;padding:9px 10px;color:#304b3b;background:white;font-size:10px}.field textarea{min-height:82px;resize:vertical}.modal-note{font-size:9px;color:#8a9a91;margin:10px 0 0}.empty-state{text-align:center;padding:36px 20px;color:#7e9186}.priority-number{font-size:8px;font-weight:850;border-radius:99px;padding:4px 7px;background:#fff0f0;color:#c74545}.desktop-only{display:block}.role-note{font-size:9px;color:#84958b}@media(max-width:1200px){.stats{grid-template-columns:repeat(2,1fr)}.home-grid{grid-template-columns:1fr 1fr}.home-grid .assistant-column{grid-column:1/-1}.plan-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{transform:translateX(-100%);transition:.22s;box-shadow:16px 0 40px #102d1e25}.sidebar.open{transform:translateX(0)}.main{grid-column:1}.mobile-toggle{display:inline-grid;place-items:center}.topbar{padding:0 15px;height:64px;gap:9px}.content{padding:20px 16px 28px}.userbutton span.name{display:none}.global-search{width:min(420px,56vw)}.inbox{grid-template-columns:245px minmax(0,1fr)}}@media(max-width:640px){.topbar{gap:5px}.plain-icon{width:32px;height:34px}.userbutton .avatar{width:31px;height:31px}.global-search{width:min(54vw,300px)}.searchbox{height:37px;padding:0 9px}.searchbox input{font-size:10px}.content{padding:16px 11px 23px}.pagehead{align-items:flex-start;flex-direction:column;margin-bottom:14px}.pagehead h1{font-size:26px}.head-actions{width:100%}.head-actions .btn{flex:1}.stats{gap:8px}.stat{padding:12px;min-height:98px}.stat-num{font-size:25px}.home-grid,.twocol,.detail-grid,.threecol{grid-template-columns:1fr}.home-grid .assistant-column{grid-column:auto}.inbox{grid-template-columns:1fr}.inbox-list{max-height:210px;border-right:0;border-bottom:1px solid var(--line);overflow:auto}.conversation{min-height:420px;padding:13px}.table-toolbar{padding:10px}.table-search{min-width:120px;flex:1}.profile-head{align-items:flex-start;flex-wrap:wrap}.profile-head .head-actions{width:100%;margin:0}.plan-grid{grid-template-columns:1fr 1fr;gap:8px}.plan{padding:12px}.portal-layout{grid-template-columns:1fr}.portal-menu{display:flex;overflow:auto;padding:7px}.portal-menu button{width:auto;white-space:nowrap}.formgrid{grid-template-columns:1fr}.field.full{grid-column:auto}.calendar{gap:2px}.calday{min-height:74px;padding:4px}.event{font-size:7px;padding:3px}.calendar .calday.head{font-size:8px}.sidebar{width:270px}.userbutton strong{font-size:9px}.banner{padding:17px}.banner h2{font-size:21px}}
/* Core reference alignment: 16:9 desktop layouts follow the supplied 1920x1080 screens. */
:root{--green:#087b49;--deep:#112c22;--ink:#20372d;--muted:#82938a;--line:#deebe3;--mint:#e5f4eb;--paper:#f8fbf9;--serif:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body{background:#f8fbf9;font-size:13px;color:#20372d}.shell{grid-template-columns:275px minmax(0,1fr)}.sidebar{width:275px;background:linear-gradient(180deg,#fff 0%,#f8fcf9 100%)}.brandbox{height:104px;padding:17px 18px;position:relative;align-items:flex-start}.brandbox img{width:174px;height:53px;object-fit:contain}.brandbox:after{content:'OS';position:absolute;left:201px;top:27px;color:#85938c;font-size:25px;font-weight:350;letter-spacing:-2px}.brandbox .tier-pill{position:absolute;right:18px;top:83px;padding:5px 11px}.navscroll{padding:6px 18px 10px;overflow:auto}.navgroup{margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid #dce8e1}.navgroup:has(.locked){margin-top:4px}.navlabel:empty{display:none}.navitem{padding:11px 13px;border-radius:10px;font-size:13px;gap:14px;min-height:42px}.navitem.active{background:#e4f4eb;color:#007644}.navitem.locked{color:#a9b5ae}.navitem.locked:after{content:'♙';margin-left:auto;font-size:11px}.navgroup:nth-child(1) .navlabel{display:none}.sidebottom{padding:12px 18px 12px}.helpbox{width:100%;min-height:68px;padding:10px 12px;background:#fff;box-shadow:0 3px 15px #1b3d2c0c}.helpbox:after{content:'→';margin-left:auto;font-size:18px}.version{font-size:9px;line-height:1.7}.topbar{height:76px;padding:0 30px;border-bottom:1px solid #e3ebe6}.global-search{width:min(645px,50vw)}.searchbox{height:48px;border-radius:13px;background:#f8faf9}.content{max-width:none;padding:18px 26px 20px}.pagehead{align-items:flex-end;margin:0 0 13px}.pagehead .eyebrow{margin:0 0 5px;letter-spacing:.1em}.pagehead h1{font-size:38px;line-height:1.1}.pagehead p{font-size:14px;margin-top:5px}.stats{gap:12px;margin-bottom:12px}.stat{min-height:130px;padding:14px 16px;border-radius:16px}.stat-num{font-size:31px;margin:5px 0 0}.stat-label{font-size:12px}.stat-foot{font-size:10px}.card{border-radius:16px;padding:15px}.card-title h2,.card-title h3{font-size:18px}.priority-row{min-height:55px;margin-bottom:5px;border-radius:10px}.priority-text b,.activity-info b{font-size:11px}.priority-text small,.activity-info small{font-size:10px}.activity-row{padding:9px 0}.avatar{width:33px;height:33px;font-size:10px}.status{font-size:9px;padding:4px 7px}.tablecard th{background:#fff}.home-top{display:grid;grid-template-columns:1fr .98fr;gap:22px;align-items:center;margin-bottom:13px;min-height:150px}.home-intro .eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:6px}.home-intro h1{font:700 42px/1.06 var(--serif);letter-spacing:-.04em;margin:0;color:#172c22}.home-intro h3{font-size:16px;font-weight:500;margin:8px 0 5px}.home-intro p{font-size:12px;color:#85948c;line-height:1.55;margin:0}.clinic-banner{height:146px;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:space-around;padding:16px 24px;background:linear-gradient(110deg,#314c41 0%,#8d9b91 43%,#f1f5f1 70%,#e8ece9 100%);box-shadow:0 3px 12px #1e40301a;color:#fff}.clinic-banner>span{font:700 22px/1.1 var(--serif);text-shadow:0 1px 4px #0005}.clinic-banner img{width:185px;height:90px;object-fit:contain;filter:drop-shadow(0 1px 3px #0004)}.clinic-banner i{height:100%;width:1px;background:#42504788}.clinic-banner b{font:700 18px/1.1 var(--serif);color:#17231d}.clinic-banner small{font:14px/1.2 Arial,sans-serif;font-weight:400}.home-stats .stat{min-height:138px}.home-stats .stat:after{content:'';position:absolute;left:16px;bottom:12px;width:88px;height:12px;background:linear-gradient(90deg,#69c891,#07824d);clip-path:polygon(0 65%,12% 65%,12% 10%,24% 10%,24% 85%,37% 85%,37% 26%,51% 26%,51% 0,65% 0,65% 55%,78% 55%,78% 12%,90% 12%,90% 0,100% 0,100% 100%,0 100%)}.home-stats .stat-foot{position:absolute;left:128px;bottom:13px}.home-grid{grid-template-columns:1.08fr 1.08fr 1fr;gap:12px}.home-grid>.card{min-height:370px}.home-grid .assistant-column{grid-column:auto}.home-grid>.card:nth-child(2) .activity-row{min-height:54px}.home-grid>.card:nth-child(2) .activity-row .avatar{width:31px;height:31px}.priority-row.muted{background:#f5f8f6;border-color:#94a69b}.priority-row.muted .priority-icon{color:#547668}.assistant-column .card-title{margin-bottom:7px}.assistant-column .assistant-card{padding:12px;background:linear-gradient(120deg,#e9f5ed,#f9fcfa);border:0}.assistant-column .assistant-card p{font-size:11px;line-height:1.5}.assistant-column .role-note{font-size:9px}.connected-sources{margin-top:12px;border:1px solid var(--line);border-radius:14px;padding:12px}.connected-sources .card-title{margin-bottom:8px}.connected-sources .source-list{grid-template-columns:1fr 1fr;font-size:10px;font-weight:700}.connected-sources .source-list small{font-size:9px;color:#83968a;font-weight:400}.home-bottom{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;margin-top:12px}.home-bottom>.card{min-height:185px}.home-bottom .chart-bars{height:105px}.home-footer{height:64px;margin-top:12px;border-radius:15px;padding:11px 20px;background:linear-gradient(105deg,#e8f6ed 0%,#f6fbf8 47%,#007246 48%,#00643e 100%);display:flex;flex-direction:column;justify-content:center;position:relative;color:#1c4933}.home-footer b{font-size:12px}.home-footer span{font-size:10px;color:#7a9385}.home-footer button{position:absolute;right:20px;top:0;height:100%;border:0;background:transparent;color:#fff;font-size:11px;font-weight:700}.home-grid .role-note{display:block;margin-top:6px}.home-top~.stats .stat-link{z-index:1}
@media(max-width:1200px){.home-top{grid-template-columns:1fr}.clinic-banner{display:none}.home-grid{grid-template-columns:1fr 1fr}.home-grid .assistant-column{grid-column:1/-1}.home-bottom{grid-template-columns:1fr 1fr}.home-bottom>:last-child{grid-column:1/-1}}
@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{width:275px}.main{grid-column:1}.content{padding:18px 16px 26px}.home-grid,.home-bottom{grid-template-columns:1fr}.home-grid .assistant-column,.home-bottom>:last-child{grid-column:auto}.home-footer{padding-right:130px}.pagehead h1{font-size:32px}}
.patient-layout{display:grid;grid-template-columns:1fr 1.38fr 1fr;gap:12px;align-items:stretch}.ortho-detail-layout{display:grid;grid-template-columns:1fr 1.32fr .96fr;gap:12px}.patient-hero{display:flex;align-items:center;gap:13px;padding:4px 0 13px;border-bottom:1px solid #e7eee9;margin-bottom:10px}.patient-hero .avatar{width:65px;height:65px;border:1px solid #d9e9df;font-size:18px}.patient-hero h2{font:700 23px var(--serif);margin:0 0 5px;color:#075d38}.patient-hero small{color:#83958a;font-size:10px}.patient-table{display:grid;margin:10px 0}.patient-table>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:11px 7px;border-bottom:1px solid #e9efeb;font-size:10px}.patient-table>div:first-child{color:#84968a;font-size:9px}.patient-table>div:nth-child(odd):not(:first-child){background:#fbfcfb}.patient-timeline .timeline{margin-top:14px}.patient-timeline .timeline-item{padding-bottom:20px}.patient-layout>.card,.ortho-detail-layout>.card{min-height:620px}.journey-title{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin:12px 0}.journey-dates{display:flex;justify-content:space-between;color:#83968a;margin-top:10px}.journey-dates small{font-size:9px}.ortho-detail-layout .progress{height:12px;border-radius:999px;background:#e7f1ea;overflow:hidden;margin-top:10px}.ortho-detail-layout .progress span{height:100%;display:block;border-radius:999px;background:linear-gradient(90deg,#087947,#67d19a)}.inbox{grid-template-columns:minmax(340px,1.05fr) minmax(460px,1.6fr) minmax(300px,.95fr);min-height:660px;padding:0;gap:0}.inbox-list{border-right:1px solid var(--line);padding:0 13px}.inbox-header{padding:14px 0}.inbox-header>b{display:block;font:700 18px var(--serif);margin-bottom:9px}.inbox-header input{height:36px}.inbox-list .activity-row{padding:12px 4px}.convo-select.selected{background:#f2faf5}.conversation{padding:15px 16px;min-height:640px}.attendance-context{margin:0;border:0;border-radius:0;border-left:1px solid var(--line);box-shadow:none;padding:16px}.attendance-context .patient-hero .avatar{width:66px;height:66px}.attendance-context .patient-hero{align-items:center}.attendance-context .patient-hero small{display:block;margin-top:7px}.attendance-context .patient-table>div{grid-template-columns:1fr auto}.attendance-context .patient-table>div:first-child{display:none}.attendance-context .assistant-bubble{padding:14px}.attendance-context .card-title{margin-top:12px}
@media(max-width:1250px){.patient-layout,.ortho-detail-layout{grid-template-columns:1fr 1fr}.inbox{grid-template-columns:300px minmax(0,1fr)}.attendance-context{grid-column:1/-1;border-top:1px solid var(--line);border-left:0}.patient-layout>.card,.ortho-detail-layout>.card{min-height:auto}}
@media(max-width:900px){.patient-layout,.ortho-detail-layout{grid-template-columns:1fr}.inbox{grid-template-columns:1fr}.attendance-context{grid-column:auto}.inbox-list{max-height:330px}}
.settings-layout{grid-template-columns:1.35fr .95fr}.settings-layout>.card{min-height:600px}.settings-panel-title{font:700 18px var(--serif);margin:0;padding:0 0 10px}.settings-tabs{margin-bottom:8px}.settings-footnote{padding:13px 16px}.settings-governance hr{border:0;border-top:1px solid var(--line);margin:15px 0}.settings-panel{min-height:550px}.login-page{min-height:100vh;display:grid;place-items:center;padding:40px;background:linear-gradient(140deg,#f8fbf9,#e9f3ed)}.login-layout{width:min(1250px,100%);display:grid;grid-template-columns:.88fr 1.12fr;gap:80px;align-items:center}.login-card{padding:42px;background:#fff;border:1px solid #e0ebe4;border-radius:22px;box-shadow:0 25px 60px #13352215}.login-card img{width:230px;height:90px;object-fit:contain;object-position:left}.login-card h1{font:700 34px var(--serif);margin:14px 0 8px}.login-card p{font-size:12px;color:#83958a}.login-card input{width:100%;height:48px;background:#f8fbf9;border:1px solid #dfe9e3;border-radius:10px;padding:0 14px;margin:7px 0}.login-card .btn{width:100%;height:48px;margin-top:10px}.login-art{height:690px;border-radius:22px;padding:40px;background:linear-gradient(180deg,#809084 0%,#627d6f 60%,#06432e 100%);display:flex;flex-direction:column;justify-content:flex-end;color:#fff;overflow:hidden;position:relative}.login-art img{width:55%;height:60%;object-fit:contain;align-self:flex-end;filter:brightness(0) invert(1);opacity:.95}.login-art h2{font:700 36px/1.15 var(--serif);max-width:660px;margin:0}.login-art p{font-size:12px;color:#e6f0e9}@media(max-width:900px){.settings-layout{grid-template-columns:1fr}.login-layout{grid-template-columns:1fr;gap:18px}.login-art{height:260px}.login-card{padding:28px}}
.integration-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0 24px}.integration-card{height:205px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.integration-head{display:flex;align-items:center;gap:12px}.integration-head>div{flex:1}.integration-head b{font-size:14px;display:block}.integration-head small{font-size:10px;color:#83958a}.integration-icon{width:48px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;font-size:20px}.integration-foot{padding-top:12px;border-top:1px solid var(--line);color:#84958b;font-size:10px}.integration-hit{position:absolute;inset:0;background:transparent;border:0}.integration-lower{grid-template-columns:1fr 1fr}.integration-flow{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr 24px 1fr;gap:5px;align-items:center;margin:10px 0 14px}.flow-step{height:94px;border:1px solid var(--line);border-radius:12px;background:#fbfdfb;padding:12px;display:flex;flex-direction:column;gap:7px}.flow-step small{font-size:9px;color:var(--green);font-weight:800}.flow-step b{font-size:11px}.flow-step span{font-size:9px;color:#87978d}.flow-arrow{color:#44af78;text-align:center}.reserved-links{display:grid;gap:6px}.reserved-links .priority-row{margin:0;min-height:54px}.integration-lower .card{min-height:350px}@media(max-width:1100px){.integration-cards,.integration-lower{grid-template-columns:1fr}.integration-flow{grid-template-columns:1fr 18px 1fr}.integration-flow .flow-step:nth-of-type(n+5){display:none}}
.avatar{overflow:hidden;flex:0 0 auto}.avatar img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}.clinic-banner{padding:0;background:#edf3ef}.clinic-banner img{width:100%;height:100%;object-fit:cover;filter:none;opacity:1}
.navico svg,.navlock svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.navlock{margin-left:auto;color:#abb8b0}.navitem.locked:after{content:none}
.navsub{display:block;font-size:8px;font-weight:400;color:#a8b5ad;margin-top:1px}.navitem.locked{min-height:42px}.navitem.locked:has(.navsub){min-height:50px}.stat-icon{width:42px;height:42px;border-radius:11px;font-size:18px}.stat-change{font-size:9px}
.home-metric{padding:13px 15px;min-height:138px}.metric-head{display:flex;align-items:center;justify-content:space-between}.metric-alert{font-size:9px;color:#07814b;font-weight:800}.type-team .metric-alert{color:#e14347}.type-tooth .metric-alert{color:#db870e}.type-calendar .metric-alert{background:#eef6f0;color:#7d9285;border-radius:99px;padding:5px 9px}.metric-main{display:flex;align-items:baseline;gap:12px;margin-top:4px}.metric-main>b{font:700 32px/1.05 var(--serif)}.metric-main>span{font-size:11px;color:#74867c}.metric-detail{height:30px;display:flex;align-items:center;gap:11px;margin-top:4px}.metric-detail>span:not(.donut){font-size:9px;color:#426450;line-height:1.35}.metric-detail>span small{font-size:8px;color:#91a097}.metric-detail>span b{color:#086d40;font-size:9px}.mini-bars{display:flex;align-items:flex-end;gap:4px;width:88px;height:22px}.mini-bars i{width:10px;border-radius:2px 2px 0 0;background:linear-gradient(#84d9a8,#16884f)}.mini-bars i:nth-child(1){height:8px}.mini-bars i:nth-child(2){height:13px}.mini-bars i:nth-child(3){height:10px}.mini-bars i:nth-child(4){height:17px}.mini-bars i:nth-child(5){height:21px}.mini-bars i:nth-child(6){height:25px}.metric-progress{width:160px;height:8px;border-radius:99px;background:#e8f2eb}.metric-progress i{display:block;width:88%;height:100%;border-radius:99px;background:linear-gradient(90deg,#076d40,#52ca87)}.segbar{width:138px;height:9px;display:flex;overflow:hidden;border-radius:99px}.segbar i:first-child{width:28%;background:#e54148}.segbar i:nth-child(2){width:43%;background:#f2ae4e}.segbar i:nth-child(3){flex:1;background:#6194e4}.donut{width:36px;height:36px;border:7px solid #efad48;border-right-color:#db6946;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:800;color:#264335;position:relative}.donut:before{content:'';position:absolute;inset:-8px;border:2px solid #f5b442;border-radius:50%;border-left-color:transparent;transform:rotate(-30deg)}
.home-stats .stat:after{content:none}.report-period-inline{float:none}
.login-layout{grid-template-columns:489px 680px;gap:80px;width:1249px}.login-art{padding:0;height:695px;background:none;box-shadow:0 22px 60px #18392520}.login-art img{width:100%;height:100%;object-fit:cover;align-self:auto;filter:none;opacity:1}
@media(max-width:1300px){.login-layout{width:min(1150px,100%);grid-template-columns:.88fr 1.12fr;gap:35px}.login-art{height:min(68vw,690px)}}
.login-card h1{font-size:30px;letter-spacing:-.025em;white-space:nowrap}.login-links{display:flex;justify-content:center;align-items:center;gap:5px;margin:10px 0 8px;padding-bottom:10px;border-bottom:1px solid #e7efea;color:#8a9b91;font-size:11px}.login-links button{border:0;padding:0;background:transparent;color:#7d9285;font-size:11px}.onsite-layout{display:grid;grid-template-columns:1.04fr 1fr;gap:12px}.onsite-identify{min-height:620px}.onsite-search{padding-bottom:22px;border-bottom:1px solid var(--line)}.onsite-search input{border:0!important;font-size:13px!important}.onsite-identify>#onsite-results{display:flex;align-items:center;gap:10px;background:#ebf6ef;border-radius:12px;margin:12px 0 18px;padding:18px;min-height:102px}.onsite-identify>#onsite-results>.person{flex:1}.onsite-identify>#onsite-results>small{font-size:9px;color:#84968b}.field-label{font-size:12px;font-weight:700;margin:12px 0 8px}.onsite-reasons{margin-bottom:10px}.onsite-identify .switch-row{border-bottom:1px solid #e7efea;padding:13px 4px}.onsite-flow{grid-template-columns:1fr 26px 1fr 26px 1fr;margin:14px 0}.onsite-layout>.card{min-height:620px}@media(max-width:1000px){.onsite-layout{grid-template-columns:1fr}.onsite-layout>.card{min-height:auto}}
.home-top{margin-bottom:10px}.home-stats{margin-bottom:10px}.home-stats .home-metric{height:136px;min-height:136px}.home-grid>.card{height:376px;min-height:376px}.home-bottom>.card{height:190px;min-height:190px;overflow:hidden}
/* Home: keep the full clinic banner and let metric details reflow at narrower widths. */
.home-top{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:20px}
.clinic-banner{height:auto;min-width:0;aspect-ratio:777/147;padding:0;display:block;overflow:hidden}
.clinic-banner img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;}
.home-stats{grid-template-columns:repeat(4,minmax(0,1fr));}
.home-metric{min-width:0;}
.metric-main{min-width:0;}
.metric-main>span{min-width:0;}
.metric-detail{min-width:0;gap:8px;}
.metric-detail>span:not(.donut){min-width:0;overflow-wrap:anywhere;}
.mini-bars{flex:0 0 72px;max-width:72px;gap:3px;}
.mini-bars i{flex:1 1 0;width:auto;}
.metric-progress{flex:1 1 90px;width:auto;min-width:70px;}
.segbar{flex:1 1 90px;width:auto;min-width:70px;}
.donut{flex:0 0 36px;}
@media(max-width:1450px){
 .content{padding-left:22px;padding-right:22px}
 .home-top{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:14px}
 .home-intro h1{font-size:clamp(27px,2.5vw,38px)}
 .home-intro h3{font-size:14px}
 .home-intro p{font-size:11px}
 .home-stats{gap:10px}
 .home-metric{padding:12px}
 .metric-main>b{font-size:28px}
 .metric-main>span{font-size:10px}
 .metric-detail{font-size:9px}
 .home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-grid>.assistant-column{grid-column:span 2}
}
@media(max-width:1050px){
 .home-top{grid-template-columns:minmax(0,1fr);}
 .clinic-banner{width:100%;max-height:none;}
 .home-stats{grid-template-columns:repeat(2,minmax(0,1fr));}
 .home-grid{grid-template-columns:minmax(0,1fr)}
 .home-grid>.assistant-column{grid-column:auto}
 .home-grid>.card{height:auto;min-height:300px}
 .home-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-bottom>.card{height:auto;min-height:190px}
}
@media(max-width:600px){
 .content{padding:18px 14px 24px}
 .home-intro h1{font-size:30px}
 .home-intro h3{font-size:13px}
 .home-intro p br{display:none}
 .home-stats{grid-template-columns:minmax(0,1fr);}
 .home-metric{height:auto!important;min-height:140px!important}
 .metric-detail{height:auto;min-height:30px;flex-wrap:nowrap}
 .metric-main>span{font-size:11px}
 .home-grid>.card,.home-bottom>.card{min-height:0}
 .home-bottom{grid-template-columns:minmax(0,1fr)}
 .home-footer{height:auto;min-height:74px;padding-right:14px}
 .home-footer button{position:static;align-self:flex-end;height:auto;color:var(--green);margin-top:7px}
}
/* Two compact KPI layouts: chart and priority count stay in their own lanes. */
.type-chat .metric-detail{display:grid;grid-template-columns:minmax(0,1fr) 76px;align-items:center;gap:10px;height:38px;margin-top:7px}
.type-chat .metric-detail>span{grid-column:1;grid-row:1}
.type-chat .mini-bars{grid-column:2;grid-row:1;width:76px;max-width:76px;height:25px;flex:none;gap:4px;padding:0 3px 2px;border-bottom:1px solid #d8e9df;align-items:flex-end}
.type-chat .mini-bars i{width:auto;flex:1 1 0;max-height:19px;border-radius:3px 3px 0 0}
.type-chat .metric-detail>span b{font-size:10px}
.type-tooth .metric-detail{display:flex;align-items:center;gap:9px;height:auto;min-height:34px;margin-top:7px;padding-left:2px}
.type-tooth .priority-count{width:28px;height:24px;flex:0 0 28px;display:grid;place-items:center;border-radius:7px;background:#fff3e3;color:#bc6c00;font-size:12px;font-weight:800;border:1px solid #f6d6a9}
.type-tooth .metric-detail>span:last-child{min-width:0}
.type-tooth .metric-detail>span b{font-size:10px}
.type-tooth .metric-detail>span small{font-size:9px}
@media(max-width:600px){
 .type-chat .metric-detail{grid-template-columns:minmax(0,1fr) 68px;gap:7px}
 .type-chat .mini-bars{width:68px;max-width:68px}
 .type-tooth .metric-detail{padding-left:0}
}
/* Expandable dashboard panels prevent the final rows from being clipped. */
.home-bottom>.card{height:auto;min-height:225px;max-height:340px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#c7dbce transparent}
.home-bottom>.card::-webkit-scrollbar{width:7px}
.home-bottom>.card::-webkit-scrollbar-thumb{background:#c7dbce;border-radius:8px}
/* Persistent desktop sidebar collapse control. */
.shell.sidebar-collapsed{grid-template-columns:74px minmax(0,1fr)}
.sidebar.sidebar-collapsed{width:74px}
.sidebar-collapsed .brandbox{padding:14px 8px;justify-content:center;flex-wrap:wrap;gap:8px}
.sidebar-collapsed .brandbox img{display:none}
.sidebar-collapsed .tier-pill{display:none}
.collapse-sidebar{width:30px;height:30px;border:1px solid var(--line);border-radius:8px;background:#f8fbf9;color:#315b45;font-size:19px;line-height:1}
.sidebar-collapsed .navlabel{display:none}
.sidebar-collapsed .navscroll{padding:0 8px 10px}
.sidebar-collapsed .navitem{justify-content:center;position:relative;padding:11px 6px}
.sidebar-collapsed .navitem>span:nth-child(2),.sidebar-collapsed .navlock{display:none}
.sidebar-collapsed .navico{width:auto;font-size:18px}
.sidebar-collapsed .badge{position:absolute;right:1px;top:2px;min-width:15px;padding:1px 4px;font-size:8px}
.sidebar-collapsed .sidebottom{padding:10px 8px}
.sidebar-collapsed .helpbox{justify-content:center;padding:8px}
.sidebar-collapsed .helpbox>span:nth-child(2),.sidebar-collapsed .version{display:none}
@media(max-width:1200px){.clinic-banner{display:block}.home-top{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}}
@media(max-width:900px){.home-bottom>.card{max-height:360px}.shell.sidebar-collapsed{grid-template-columns:1fr}.sidebar .collapse-sidebar{display:none}}
.shell.sidebar-collapsed .sidebar{width:74px}
@media(max-width:900px){
 .shell.sidebar-collapsed .sidebar{width:275px}
 .sidebar-collapsed .brandbox{padding:22px 19px 15px;justify-content:space-between;flex-wrap:nowrap}
 .sidebar-collapsed .brandbox img{display:block;width:158px}
 .sidebar-collapsed .tier-pill{display:inline-flex}
 .sidebar-collapsed .navlabel{display:block}
 .sidebar-collapsed .navscroll{padding:0 10px 12px}
 .sidebar-collapsed .navitem{justify-content:flex-start;padding:9px 11px}
 .sidebar-collapsed .navitem>span:nth-child(2),.sidebar-collapsed .navlock{display:block}
 .sidebar-collapsed .navico{width:18px;font-size:16px}
 .sidebar-collapsed .badge{position:static;min-width:20px;padding:2px 6px;font-size:9px}
 .sidebar-collapsed .sidebottom{padding:12px 15px 17px}
 .sidebar-collapsed .helpbox{justify-content:flex-start;padding:11px}
 .sidebar-collapsed .helpbox>span:nth-child(2),.sidebar-collapsed .version{display:block}
}
/* Clear click affordances and a calmer user account menu. */
.userbutton{border-radius:12px;transition:background .16s ease,box-shadow .16s ease}
.userbutton:hover,.userbutton[aria-expanded="true"]{background:#f0f7f3;box-shadow:0 0 0 1px #e2eee6}
.floating-menu button{transition:background .15s ease,color .15s ease}
.floating-menu button:hover{background:#f0f7f3;color:#075d38}
.profile-menu hr{border:0;border-top:1px solid var(--line);margin:6px 0}
.profile-menu .logout-action{color:#b33e42;font-weight:700}
.profile-menu .logout-action:hover{background:#fff1f1;color:#a52d32}
.integration-card{cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.integration-card:hover{transform:translateY(-2px);border-color:#abd3ba;box-shadow:0 10px 24px #153d2716}
.integration-card:focus-within{outline:3px solid #53b880;outline-offset:2px}
.integration-hit:focus-visible{outline:3px solid #53b880;outline-offset:-5px;border-radius:14px}
.integration-icon{background:#fbfdfb;overflow:hidden}
.integration-icon .brand-controlodonto{width:100%;height:100%;object-fit:contain}
.integration-icon:has(.brand-whatsapp){background:#16bf68;border-color:#16bf68}
.brand-whatsapp{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.brand-whatsapp path+path{fill:#fff;stroke:none}
.brand-intelligence{width:25px;height:25px;fill:none;stroke:#087647;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
button,.navitem,.priority-row[data-action],.activity-row[data-action],.chip{transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease}
.priority-row[data-action]:hover,.activity-row[data-action]:hover{background-color:#f2f8f4;box-shadow:0 3px 10px #173e2910}
/* Final typography and collapsed-sidebar refinements. */
:root{--serif:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body,button,input,select,textarea{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.pagehead h1,.home-intro h1,.card-title h2,.card-title h3,.card>h2,.card>h3,.patient-hero h2,.settings-panel-title,.login-card h1,.login-art h2,.clinic-banner>span,.clinic-banner b,.inbox-header>b{font-family:inherit!important;letter-spacing:-.035em}
.shell.sidebar-collapsed .sidebar{width:74px}
.sidebar-collapsed .brandbox{height:78px;min-height:78px;padding:34px 9px 6px;justify-content:center;align-items:center;overflow:hidden}
.sidebar-collapsed .brandbox img{display:block;width:42px;height:38px;max-height:38px;object-fit:cover;object-position:left center}
.sidebar-collapsed .brandbox:after{display:none}
.sidebar-collapsed .brandbox .tier-pill{display:none}
.sidebar-collapsed .collapse-sidebar{position:absolute;top:5px;right:23px;width:28px;height:26px;padding:0;display:grid;place-items:center;background:#f8fbf9;border:1px solid #dfe9e3;border-radius:8px;color:#315b45;z-index:2}
.sidebar-collapsed .helpbox{width:48px;height:48px;min-height:48px;margin:0 auto;padding:0;display:grid;place-items:center;overflow:hidden}
.sidebar-collapsed .helpbox:after{display:none}
.sidebar-collapsed .helpbox .helpico{width:34px;height:34px;margin:0}
@media(max-width:900px){
 .sidebar-collapsed .brandbox{height:104px;min-height:104px;padding:17px 18px;justify-content:space-between;align-items:flex-start}
 .sidebar-collapsed .brandbox img{width:174px;height:53px;max-height:54px;object-fit:contain}
 .sidebar-collapsed .brandbox:after{display:block}
 .sidebar-collapsed .collapse-sidebar{display:none}
 .sidebar-collapsed .helpbox{width:100%;height:auto;min-height:68px;margin:0;padding:10px 12px;display:flex;justify-content:flex-start;overflow:visible}
 .sidebar-collapsed .helpbox:after{display:block}
}
.searchbox{gap:12px;padding:0 14px}
.search-icon{width:20px;height:20px;flex:0 0 20px;display:grid;place-items:center;color:#465f52}
.search-icon svg{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.searchbox input{flex:1 1 auto;min-width:0;width:0;font-size:13px}
.searchbox kbd{flex:0 0 46px;width:46px;height:27px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;white-space:nowrap;word-break:keep-all;line-height:1;font:600 11px/1 system-ui,-apple-system,sans-serif;border-radius:7px;background:#edf2ef;color:#53685d}
@media(max-width:640px){.searchbox{gap:8px;padding:0 9px}.search-icon{width:18px;height:18px;flex-basis:18px}.search-icon svg{width:18px;height:18px}.searchbox kbd{flex-basis:42px;width:42px;height:25px;font-size:10px}}
/* KPI icons now use one consistent, drawn outline system. */
.home-metric .stat-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#e8f5ed;color:#087647}
.home-metric .stat-icon svg{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.type-chat .metric-detail{grid-template-columns:minmax(0,1fr) 124px;height:46px;gap:10px;margin-top:5px}
.type-chat .metric-subtotals{grid-column:1;grid-row:1;align-self:center;line-height:1.45}
.type-chat .mini-chart{grid-column:2;grid-row:1;min-width:0;align-self:end}
.chart-caption{display:block;text-align:right;margin:0 2px 2px;color:#84958b;font-size:8px;line-height:1.15}
.type-chat .mini-bars{width:100%;max-width:none;height:31px;display:flex;align-items:flex-end;justify-content:space-between;gap:5px;padding:0 3px 1px;border-bottom:1px solid #cfe0d5;overflow:visible}
.type-chat .mini-bar{position:relative;display:block;flex:1 1 0;height:var(--bar);min-height:6px;max-height:27px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#83d8a6,#09814b);cursor:help;outline:none;transition:filter .14s ease,transform .14s ease,background .14s ease}
.type-chat .mini-bar:hover,.type-chat .mini-bar:focus-visible{background:linear-gradient(180deg,#a6e7bd,#006b40);filter:drop-shadow(0 2px 3px #08764740);transform:scaleY(1.08);transform-origin:bottom}
.type-chat .mini-bar:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%,4px);z-index:8;padding:5px 7px;border-radius:6px;background:#16382a;color:#fff;font-size:9px;font-weight:650;line-height:1.2;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,transform .12s ease}
.type-chat .mini-bar:hover:after,.type-chat .mini-bar:focus-visible:after{opacity:1;visibility:visible;transform:translate(-50%,0)}
.type-tooth .metric-detail{min-height:30px;height:30px;margin-top:5px;padding-left:0;gap:8px}
.type-tooth .priority-count{width:30px;height:30px;flex:0 0 30px;border:4px solid #f2ad41;border-right-color:#e2744b;border-radius:50%;background:#fff;color:#375545;display:grid;place-items:center;font-size:10px;font-weight:800;line-height:1}
.type-tooth .metric-detail>span b{font-size:10px}
.type-tooth .metric-detail>span small{font-size:8px}
.home-stats .home-metric{height:150px;min-height:150px}
@media(max-width:600px){.home-stats .home-metric{height:auto;min-height:150px!important}}
/* Keep the wordmark and collapse control in separate, predictable areas. */
.brandbox .brand-mark{display:none}
.brandbox:after{left:165px}
.brandbox .collapse-sidebar{position:absolute;top:17px;right:18px;z-index:2}
.sidebar-collapsed .brandbox .brand-full{display:none}
.sidebar-collapsed .brandbox .brand-mark{display:block;width:42px;height:42px;max-height:42px;object-fit:contain;object-position:center}
.sidebar-collapsed .brandbox:after{display:none}
@media(max-width:900px){
 .sidebar-collapsed .brandbox .brand-full{display:block;width:174px;height:53px;max-height:54px;object-fit:contain}
 .sidebar-collapsed .brandbox .brand-mark{display:none}
 .sidebar-collapsed .brandbox:after{display:block;left:165px}
}

/* Product UX refinements: clearer orientation, trustworthy demo status, and mobile navigation. */
.skip-link{position:fixed;left:12px;top:8px;z-index:40;padding:10px 14px;border-radius:8px;background:#073d2d;color:#fff;transform:translateY(-150%);transition:transform .15s}
.skip-link:focus{transform:translateY(0)}
.demo-ribbon{display:flex;align-items:center;gap:10px;min-height:36px;padding:6px 30px;background:#edf6f0;border-bottom:1px solid #dbece0;color:#355f48}
.demo-ribbon>span{flex:none;padding:3px 7px;border-radius:5px;background:#dcefe3;color:#087647;font-size:9px;font-weight:800;letter-spacing:.06em}
.demo-ribbon p{margin:0;font-size:10px;line-height:1.35}
.breadcrumb{display:flex;align-items:center;gap:8px;margin:-7px 0 10px;color:#8a9a91;font-size:10px}
.breadcrumb button{border:0;background:none;padding:0;color:#087647;font-weight:700}
.breadcrumb button:hover{text-decoration:underline}
.breadcrumb [aria-current="page"]{color:#60766a;max-width:min(65vw,620px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.priority-row{width:100%;font:inherit;text-align:left;border:0;border-left:3px solid #e25555}
.priority-row[data-action]:hover{transform:translateX(2px)}
.priority-row[data-action]:focus-visible{outline:3px solid #53b880;outline-offset:2px;position:relative;z-index:1}
.navitem[aria-current="page"]{outline:0}
.navitem[aria-current="page"]:focus-visible{outline:3px solid #53b880;outline-offset:-2px}
.search-results[role="listbox"]{max-height:min(62vh,430px);overflow:auto}
.search-result[role="option"]:focus-visible{outline:2px solid #53b880;outline-offset:-2px;background:#f1f7f3}
#page h1:focus{outline:none}
.main{min-width:0}
.content>*{min-width:0}
.card,.stat,.tablecard,.integration-card{min-width:0}
.table-scroll{overscroll-behavior-x:contain}
button,.navitem,.priority-row,.activity-row{touch-action:manipulation}
@media(max-width:900px){
 .demo-ribbon{padding:7px 16px;align-items:flex-start}
 .demo-ribbon p{font-size:9px}
 .sidebar-scrim{display:none}
 .sidebar.open+.sidebar-scrim{display:block;position:fixed;inset:64px 0 0;z-index:9;width:100%;border:0;border-radius:0;background:#0b241c55;backdrop-filter:blur(1px)}
 .sidebar{z-index:11}
 .shell.sidebar-collapsed .sidebar{transform:translateX(-100%)}
 .shell.sidebar-collapsed .sidebar.open{transform:translateX(0)}
 .shell.sidebar-collapsed .sidebar-scrim{display:none}
}
@media(max-width:640px){
 .demo-ribbon{gap:7px;padding:6px 11px}
 .demo-ribbon>span{font-size:8px}
 .demo-ribbon p{font-size:8px}
 .breadcrumb{margin-top:-3px}
 .breadcrumb [aria-current="page"]{max-width:58vw}
 .home-top{gap:12px}
 .clinic-banner{aspect-ratio:777/147}
 .home-intro p{line-height:1.5}
 .home-grid>.card{height:auto!important;min-height:0!important}
 .home-bottom>.card{max-height:none;min-height:0}
 .inbox-list{max-height:280px}
 .priority-row{min-height:50px;padding:10px}
 .search-results{max-width:calc(100vw - 26px)}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Button rows retain the visual rhythm of their static counterparts. */
.priority-row[type="button"],.activity-row.appointment-row{font:inherit;color:inherit;text-align:left}.priority-row[type="button"]{width:100%;border-top:0;border-right:0;border-bottom:0}.activity-row.appointment-row{width:100%;border:0;border-bottom:1px solid #edf1ee;background:#fff}.activity-row.appointment-row:hover{background:#f7fbf8}

/* Keep the compact sidebar toggle in its own row, clear of the CLIOM brand mark. */
.sidebar.sidebar-collapsed .brandbox{position:relative;min-height:96px;padding:8px 6px 12px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:7px}
.sidebar.sidebar-collapsed .brandbox .collapse-sidebar{position:static;top:auto;right:auto;z-index:auto;order:-1;flex:0 0 30px}
.sidebar.sidebar-collapsed .brandbox .brand-full{display:none}
.sidebar.sidebar-collapsed .brandbox .brand-mark{display:block;width:40px;height:40px;max-height:40px;object-fit:contain;object-position:center}
@media(max-width:900px){.sidebar.sidebar-collapsed .brandbox .brand-full{display:none}.sidebar.sidebar-collapsed .brandbox .brand-mark{display:block}}

/* Charts animate when they enter view, and each bar exposes its value on hover or focus. */
.chart-bars .barcol{position:relative;overflow:visible}
.chart-bars .bar{position:relative;transform:scaleY(0);transform-origin:bottom;opacity:.72;transition:filter .18s ease,transform .18s ease,opacity .18s ease;cursor:crosshair;outline:none}
.chart-bars.is-visible .bar{animation:chart-bar-rise .72s cubic-bezier(.2,.75,.25,1) both;animation-delay:calc(var(--bar-index,0)*55ms)}
.chart-bars .bar:hover,.chart-bars .bar:focus-visible{filter:saturate(1.3) brightness(1.05);opacity:1;transform:scaleY(1.045);outline:2px solid #168553;outline-offset:2px;z-index:2}
.chart-bars .bar::after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%,4px);padding:6px 9px;border-radius:7px;background:#123a2b;color:#fff;font:600 10px/1.2 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;white-space:nowrap;box-shadow:0 4px 12px #133d2230;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease}
.chart-bars .bar:hover::after,.chart-bars .bar:focus-visible::after{opacity:1;transform:translate(-50%,0)}
.chart-bars .barlabel{transition:color .16s ease,font-weight .16s ease}
.barcol:has(.bar:hover) .barlabel,.barcol:has(.bar:focus-visible) .barlabel{color:#087647;font-weight:800}
.progress{overflow:hidden}
.progress>span{transform:scaleX(0);transform-origin:left}
.progress.is-visible>span{animation:chart-line-fill .85s cubic-bezier(.2,.75,.25,1) both}
.mini-bars .mini-bar{transform-origin:bottom;animation:chart-mini-rise .55s cubic-bezier(.2,.75,.25,1) both;animation-delay:calc(var(--bar,0%)*.002)}
@keyframes chart-bar-rise{from{transform:scaleY(0);opacity:.35}to{transform:scaleY(1);opacity:1}}
@keyframes chart-line-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes chart-mini-rise{from{transform:scaleY(0);opacity:.25}to{transform:scaleY(1);opacity:1}}
@media(prefers-reduced-motion:reduce){.chart-bars .bar,.progress>span{transform:none!important;animation:none!important;opacity:1!important}.chart-bars .bar::after{transition:none}}