:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#223139;background:#f7fbfb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #6477dc;outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.app-shell{min-height:100vh;display:grid;grid-template-columns:218px minmax(0,1fr);position:relative;isolation:isolate;background:radial-gradient(circle at 78% 2%,#e2f8f7 0,transparent 23%),radial-gradient(circle at 20% 17%,#ffecf0 0,transparent 26%),#f7fbfb}.sidebar{min-height:100vh;background:rgba(255,255,255,.72);backdrop-filter:blur(26px);border-right:1px solid rgba(225,235,235,.86);padding:26px 14px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:10px;align-items:center;margin:0 14px;font-size:24px;line-height:1;font-weight:800;letter-spacing:-1.1px}.brand small{display:block;color:#9aa8aa;font-size:9px;letter-spacing:2.5px;margin-top:5px}.brand-icon{background:linear-gradient(140deg,#68cbce,#8e91e9);color:#fff;width:37px;height:37px;border-radius:13px;display:grid;place-items:center;font-size:26px;box-shadow:0 8px 18px #79bdca44}.sidebar-nav{display:grid;gap:4px;margin-top:58px}.nav-button{width:100%;min-height:46px;border:0;border-radius:13px;background:transparent;color:#728187;text-align:left;display:flex;align-items:center;gap:13px;padding:9px 13px;font-weight:650;font-size:14px}.nav-button .nav-icon{font-size:20px;width:22px;text-align:center;font-weight:400}.nav-button.active{background:#e8f1ff;color:#5474b5;box-shadow:inset 0 1px 0 #fff}.nav-divider{height:1px;background:#e7eeee;margin:14px 11px}.sidebar-profile{margin-top:auto;display:flex;align-items:center;gap:10px;border-top:1px solid #e6ecec;padding:16px 10px 0;font-size:12px}.sidebar-profile strong,.sidebar-profile small{display:block}.sidebar-profile small{color:#8fa0a4;margin-top:3px}.avatar,.header-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f0ddf8;color:#7653a2;font-weight:750}.workspace{min-width:0}.app-header{height:74px;display:flex;align-items:center;gap:12px;padding:13px clamp(20px,3vw,43px);border-bottom:1px solid #e6eeee;background:rgba(255,255,255,.35)}.clinic-switch{background:rgba(255,255,255,.78);border:1px solid #dfeaea;box-shadow:0 9px 25px #5f9d9b12,inset 0 1px 0 #fff;backdrop-filter:blur(20px);display:flex;align-items:center;gap:8px;border-radius:16px;padding:0 13px;min-height:45px;max-width:280px}.clinic-glyph{font-size:18px;color:#65b7bf}.clinic-switch select{border:0;background:transparent;outline:0;max-width:100%;font-size:13px;font-weight:750;color:#35484e}.demo-badge{margin-left:auto;color:#9aabad;font-size:10px;letter-spacing:1.1px;font-weight:800;white-space:nowrap}.header-create,.button-primary{background:linear-gradient(135deg,#65aee7,#7a7cdb);color:white;border:0;border-radius:14px;min-height:44px;padding:11px 17px;font-size:13px;font-weight:750;box-shadow:0 9px 19px #6c8dda32}.header-avatar{flex:none}.menu-button{display:none}.icon-button{background:#fff;border:1px solid #e0e8ea;border-radius:12px;min-width:44px;min-height:44px;font-size:20px;color:#586c74}.page{max-width:1500px;margin:auto;padding:clamp(22px,3vw,44px)}.page-title{margin:7px 0 7px;font-size:clamp(29px,3.2vw,43px);letter-spacing:-1.7px;line-height:1.08}.page-subtitle{color:#789095;font-size:14px;line-height:1.45;margin:0}.eyebrow{text-transform:uppercase;letter-spacing:1.6px;color:#889ab1;font-weight:800;font-size:10px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:25px}.page-heading .button-primary{flex:none}.glass-banner{background:linear-gradient(105deg,#e0f6f4,#ebe9ff 56%,#ffe8ef);border:1px solid #fff;box-shadow:0 18px 38px #6da5b622,inset 0 1px 0 #fff;border-radius:26px;padding:27px 31px;position:relative;overflow:hidden;min-height:190px;display:flex;align-items:center}.glass-banner:after{content:"✳";position:absolute;right:6%;top:-55px;color:#ffffffa6;font-size:300px;line-height:1;transform:rotate(-20deg);pointer-events:none}.glass-banner h1{max-width:600px}.glass-banner h1 span{color:#697ada}.glass-banner p{max-width:530px;margin:0 0 19px;color:#69818b;font-size:14px}.dashboard-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0 14px}.dashboard-controls>span{font-size:13px;color:#60757c;font-weight:750}.segmented{display:flex;gap:5px;flex-wrap:wrap}.segmented button,.filter-chip{min-height:38px;border-radius:12px;border:1px solid #e2eaeb;background:#fff;color:#72858b;padding:8px 12px;font-size:12px;font-weight:700}.segmented button.active,.filter-chip.active{background:#677dd3;border-color:#677dd3;color:#fff}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.metric-card{border-radius:21px;padding:19px 21px;min-height:137px;position:relative;overflow:hidden}.metric-card.coral{background:#ffe7e2}.metric-card.lavender{background:#eee7ff}.metric-card.mint{background:#dff7e9}.metric-card.sun{background:#fff0c9}.metric-card .glyph{position:absolute;right:16px;top:12px;font-size:28px;opacity:.4}.metric-card span{display:block;font-size:12px;color:#576b70;font-weight:700}.metric-card strong{display:block;font-size:clamp(24px,2.5vw,37px);letter-spacing:-1.4px;margin:13px 0 4px;line-height:1}.metric-card small{font-size:11px;color:#779093}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(275px,1fr);gap:16px;margin-top:17px}.surface{background:#fff;border:1px solid #e9eff0;border-radius:23px;padding:23px;box-shadow:0 12px 30px #5482820d;min-width:0}.surface-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:15px}.surface h2{font-size:19px;letter-spacing:-.5px;margin:6px 0 0}.surface-link{border:0;background:transparent;color:#687ed1;font-size:12px;font-weight:750;padding:5px}.legend{color:#84999e;font-size:12px;white-space:nowrap}.legend:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#f69286;margin-right:6px}.trend-wrap{height:246px}.trend-wrap svg{width:100%;height:100%;display:block}.clinic-bars{display:grid;gap:18px;padding-top:13px}.clinic-bar-row{display:grid;grid-template-columns:110px 1fr 36px;gap:10px;align-items:center;font-size:12px;color:#698087}.clinic-bar-row strong{text-align:right;color:#2a3b42}.clinic-bar-track{height:12px;background:#f0f4f5;border-radius:100px;overflow:hidden}.clinic-bar-fill{height:100%;border-radius:100px}.dashboard-bottom{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(275px,1fr);gap:16px;margin-top:16px}.data-list{display:grid}.attention-list-row,.patient-list-row,.service-list-row{display:flex;align-items:center;gap:12px;border-top:1px solid #edf1f2;padding:14px 2px;min-width:0}.list-avatar{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:12px;background:#e5edff;color:#6e7fce;font-weight:800}.list-avatar.coral{background:#ffe6df;color:#cf8578}.list-avatar.mint{background:#def5e9;color:#579c80}.list-main{flex:1;min-width:0}.list-main strong,.list-main small{display:block}.list-main strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-main small{font-size:11px;color:#8ca0a4;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status{display:inline-flex;align-items:center;gap:5px;border-radius:100px;padding:7px 10px;font-size:11px;font-weight:750;white-space:nowrap}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status.complete{color:#248365;background:#e2f6e9}.status.draft{color:#a07822;background:#fff3d5}.status.shared{color:#785fb7;background:#eee9ff}.status.pending{color:#bb7040;background:#ffecdf}.quick-surface{background:linear-gradient(145deg,#eee9ff,#e9f5ff);border:1px solid #fff}.quick-surface p{color:#74858e;font-size:13px;line-height:1.5}.quick-link{display:flex;justify-content:space-between;border:1px solid #ffffffd0;background:#ffffff9a;border-radius:13px;padding:13px 15px;margin-top:9px;font-size:13px;font-weight:700;color:#435b6a}.panel-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:0 0 17px}.search-input,.field input,.field select,.field textarea{border:1px solid #dbe6e8;border-radius:13px;background:#fff;color:#26383e;min-height:45px;padding:10px 13px;width:100%;font-size:14px}.search-input{max-width:350px}.field textarea{min-height:110px;resize:vertical}.field{display:grid;gap:7px;color:#536c73;font-size:12px;font-weight:750;min-width:0}.field small{font-size:11px;font-weight:400;color:#8da0a4}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field.wide{grid-column:1/-1}.section-stack{display:grid;gap:17px}.page-card{background:#fff;border:1px solid #e6eeee;border-radius:23px;padding:24px;box-shadow:0 12px 28px #5582820d}.page-card h2{font-size:19px;margin:0 0 6px;letter-spacing:-.4px}.page-card p{font-size:13px;color:#789097;line-height:1.5;margin:0 0 18px}.empty-state{text-align:center;padding:45px 22px;color:#82979d}.empty-state strong{display:block;color:#33454c;margin-bottom:7px}.text-button{border:0;background:transparent;color:#6b7ecf;font-weight:750;padding:8px;font-size:12px}.overview-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:#748b92;font-size:12px}.overview-row b{color:#293b42}.tab-rail{display:flex;gap:7px;overflow:auto;margin-bottom:20px;padding:3px}.step-button{white-space:nowrap;min-height:44px;border:1px solid #e4ebec;background:#fff;border-radius:13px;color:#71868d;padding:10px 13px;font-size:12px;font-weight:750}.step-button.active{color:#5574bd;background:#eaf2ff;border-color:#d4e4fa}.step-button.done:before{content:"✓ ";color:#42a788}.wizard-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.wizard-head h1{font-size:32px;letter-spacing:-1.1px;margin:5px 0}.wizard-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:22px}.button-secondary{min-height:44px;padding:10px 17px;border:1px solid #dce6e8;border-radius:13px;background:#fff;color:#556c75;font-size:13px;font-weight:750}.button-secondary:disabled{opacity:.45;cursor:not-allowed}.note{border-radius:14px;background:#edf8f9;color:#52727b;padding:12px 15px;font-size:12px;line-height:1.5}.note.warning{background:#fff6e5;color:#836b41}.procedure-box{border:1px solid #e6eded;background:#fbfdfd;border-radius:17px;padding:18px;margin-top:12px}.procedure-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:17px}.procedure-title strong{font-size:14px}.split-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.9fr);gap:18px}.face-area{border:1px dashed #b9d5d9;border-radius:18px;background:linear-gradient(155deg,#f8fcfd,#f4f5ff);padding:18px;text-align:center}.face-area svg{max-width:220px;width:100%;height:auto;touch-action:none}.face-area p{font-size:11px;margin:8px 0 0}.face-tools{display:flex;justify-content:center;gap:8px;margin-top:12px}.face-tools button{min-height:38px;padding:7px 12px;border-radius:10px;border:1px solid #d6e4e7;background:#fff;color:#54747d;font-size:11px;font-weight:750}.face-tools button.active{background:#e8f1ff;color:#5a78c1}.face-point{fill:#f47d82;stroke:white;stroke-width:2}.share-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #ecf1f2}.share-row strong{margin-left:auto;font-size:15px}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.review-tile{border-radius:13px;background:#f4f8f9;padding:15px}.review-tile small{display:block;color:#84999e;font-size:11px}.review-tile strong{display:block;margin-top:5px;font-size:14px}.toast{position:fixed;z-index:99;right:20px;bottom:22px;max-width:360px;background:#263b42;color:white;border-radius:14px;padding:14px 18px;box-shadow:0 20px 34px #1f3f4952;font-size:13px}.mobile-overlay{display:none}.subtle-callout{background:#e9f6ff;border-radius:16px;padding:18px;color:#5b7481;font-size:13px}.clients-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.client-card{background:#fff;border:1px solid #e6eeee;border-radius:18px;padding:20px}.client-card b{display:block;font-size:14px;margin-bottom:8px}.client-card span{font-size:12px;color:#799096}.client-card .bubble{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:#e9efff;color:#6e7cce;margin-bottom:18px;font-size:19px}.timeline{border-left:2px solid #dce7ed;padding-left:17px;margin-left:8px}.timeline-item{position:relative;padding:0 0 19px}.timeline-item:before{content:"";position:absolute;left:-24px;top:3px;width:11px;height:11px;border-radius:50%;background:#91a5eb;border:2px solid #fff}.timeline-item b,.timeline-item small{display:block}.timeline-item b{font-size:13px}.timeline-item small{font-size:11px;color:#84999f;margin-top:5px}.mini-tag{display:inline-block;border-radius:8px;padding:6px 8px;background:#f2f5f7;color:#667d86;font-size:10px;font-weight:700}.toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}.billing-warning{background:#fff6e8;color:#866b44;border:1px solid #f5dfb7;border-radius:15px;padding:14px 17px;font-size:12px;line-height:1.5}
@media(max-width:1100px){.app-shell{grid-template-columns:69px minmax(0,1fr)}.sidebar{padding:24px 9px 16px;align-items:center}.brand{margin:0}.brand>span:last-child,.nav-button>span:last-child,.sidebar-profile>span:last-child{display:none}.sidebar-nav{width:100%}.nav-button{justify-content:center;padding:9px}.nav-divider{margin:12px 5px}.sidebar-profile{width:100%;justify-content:center;padding:14px 0 0}.clinic-bar-row{grid-template-columns:80px 1fr 27px}}
@media(max-width:780px){.app-header{padding:10px 18px}.demo-badge{display:none}.header-create{margin-left:auto}.page{padding:23px 19px}.dashboard-grid,.dashboard-bottom{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.clients-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-grid{grid-template-columns:1fr}}
@media(max-width:600px){.app-shell{display:block}.sidebar{position:fixed;z-index:51;left:0;top:0;width:248px;min-height:100vh;height:100vh;align-items:stretch;padding:25px 15px;transform:translateX(-105%);transition:transform .22s}.sidebar.open{transform:translateX(0)}.sidebar .brand>span:last-child,.sidebar .nav-button>span:last-child,.sidebar .sidebar-profile>span:last-child{display:block}.sidebar .nav-button{justify-content:flex-start}.sidebar .sidebar-profile{justify-content:flex-start}.mobile-overlay:not([hidden]){display:block;position:fixed;inset:0;background:#152a3377;z-index:50}.menu-button{display:grid;place-items:center}.header-avatar{display:none}.clinic-switch{min-width:0;max-width:210px}.header-create{padding:10px 12px}.header-create span{display:none}.page{padding:20px 14px}.glass-banner{padding:24px;min-height:180px}.glass-banner:after{font-size:180px;right:-20px;top:-25px}.glass-banner h1{font-size:28px}.metric-card{padding:15px;min-height:125px}.metric-card strong{font-size:26px}.surface,.page-card{padding:18px}.page-heading{align-items:flex-start;flex-direction:column}.field-grid,.review-grid,.clients-grid{grid-template-columns:1fr}.recent-row .status{display:none}.wizard-head h1{font-size:27px}.wizard-footer{flex-wrap:wrap}.wizard-footer .button-primary{margin-left:auto}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.quick-link{width:100%;text-align:left;min-height:44px}.quick-link:hover{background:#fff}
/* Workflow revision: compact start, actionable records, accessible tablet controls. */
.dashboard-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.dashboard-title h1{font-size:29px;letter-spacing:-1px;margin:0}.dashboard-title h1 span{font-size:14px;font-weight:500;color:#7a9096;letter-spacing:0;margin-left:13px}.dashboard-title p,.range-caption{font-size:12px;color:#6d848c;margin:7px 0 0}.work-notice{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 17px;border:1px solid #ece6f8;border-radius:15px;background:#f4f0fc;margin-top:18px;color:#736384;font-size:12px}.range-caption{margin:-2px 0 15px}.recent-surface{margin-top:16px}.summary-line{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #edf2f2}.summary-line b{font-size:24px}.row-button{width:100%;text-align:left;background:transparent;border-left:0;border-right:0;border-bottom:0;color:inherit}.row-button:hover{background:#f5f9fc}.management-tabs{padding:25px 35px 0}.date-range{display:flex;align-items:end;gap:12px;margin:14px 0}.date-range .field{max-width:200px}.form-error{background:#fff0ee;border:1px solid #f1b9b0;border-radius:12px;padding:13px 16px;color:#a43e37;margin-bottom:18px;font-size:14px}.clinical-summary{margin:20px 0;display:grid;gap:13px}.clinical-summary div{border-bottom:1px solid #eef2f3;padding-bottom:10px}.clinical-summary dt{font-size:12px;color:#788d94;margin-bottom:5px}.clinical-summary dd{margin:0;font-size:14px;white-space:pre-wrap;line-height:1.55}.saved-map{margin-top:20px;background:#f7fafc;border-radius:17px;padding:20px}.saved-map h3,.procedure-box h3{font-size:15px}.saved-map .face-svg{width:220px;height:260px}.face-area .face-svg{max-width:290px;width:100%;touch-action:none}.face-tools{flex-wrap:wrap}.face-tools button{min-height:44px;font-size:12px}.face-tools button:disabled{opacity:.45}.tab-rail{flex-wrap:wrap;overflow:visible}.step-button{flex:1;white-space:normal;text-align:center}.sidebar-nav{margin-top:36px}.metrics-grid .metric-card{min-height:117px}.metrics-grid .metric-card strong{margin-top:11px}.metric-card small{color:#5e747b}.segmented button{min-height:44px}.page-card p{color:#657f87}.list-main small{color:#72898f}.wizard-footer{background:#fff;position:sticky;bottom:0;padding:14px 0 2px;border-top:1px solid #edf1f2;z-index:2}.clinic-switch select:disabled{opacity:1}.attention-list-row .mini-tag{margin-left:0}
@media(max-width:1100px) and (min-width:601px){.app-shell{grid-template-columns:112px minmax(0,1fr)}.nav-button{flex-direction:column;gap:3px;min-height:61px}.nav-button>span:last-child{display:block;font-size:11px;white-space:normal;text-align:center}.sidebar-nav{margin-top:28px}.dashboard-grid{grid-template-columns:minmax(0,1.4fr) minmax(210px,1fr)}}
@media(max-width:900px){.dashboard-grid{grid-template-columns:1fr}.trend-wrap{height:205px}.metrics-grid{gap:10px}.metric-card{padding:16px}.metric-card span{font-size:11px}.metric-card strong{font-size:28px}.tab-rail{gap:5px}.step-button{font-size:11px;padding:9px 7px}.header-avatar{display:none}.demo-badge{font-size:9px}.page{padding:22px}}
@media(max-width:600px){.dashboard-title h1 span{display:block;margin:6px 0 0}.work-notice{align-items:flex-start}.work-notice span{line-height:1.5}.row-button .mini-tag{display:none}.row-button .status{font-size:10px;padding:6px}.list-main small{white-space:normal}.dashboard-title .button-secondary{font-size:12px}.page{padding:17px 12px}.tab-rail .step-button{flex:1 1 28%}.management-tabs{padding:17px 12px 0}.date-range{flex-wrap:wrap}.wizard-footer{gap:6px}.wizard-footer button{font-size:11px;padding:9px}.metric-card{padding:15px}.dashboard-title h1{font-size:27px}}
.dashboard-grid.single-chart{grid-template-columns:1fr}.dashboard-grid.single-chart .trend-wrap{height:190px}.dashboard-controls{margin-top:18px}.metric-card{border:1px solid #ffffffb0;box-shadow:inset 0 1px 0 #fff}.clinical-summary dd{overflow-wrap:anywhere}
.field-grid>.wide{grid-column:1/-1}.patient-picker{padding:20px;border:1px solid #dde9ed;border-radius:17px;background:#f9fcfd}.patient-picker-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:16px}.patient-picker-heading h3{margin:0 0 6px;font-size:17px;letter-spacing:-.3px}.patient-picker-heading p{margin:0;font-size:12px;line-height:1.5}.patient-picker-heading button{flex:none}.patient-search-hint{margin:12px 0 0!important;font-size:12px!important;color:#6c848d!important}.patient-result{display:flex;align-items:center;gap:12px;width:100%;border:1px solid #e1e9ed;border-radius:13px;background:#fff;padding:13px;text-align:left;margin-top:9px;color:#30454f;min-height:62px}.patient-result:hover{border-color:#8099de;background:#f2f6ff}.patient-result strong,.patient-result small{display:block}.patient-result strong{font-size:14px}.patient-result small{font-size:12px;color:#718791;margin-top:4px;overflow-wrap:anywhere}.patient-use{margin-left:auto;color:#667ecb;font-size:12px;white-space:nowrap}.selected-patient{display:flex;align-items:center;gap:13px}.selected-patient>div{min-width:0;flex:1}.selected-patient small{display:block;font-size:11px;color:#488d7a}.selected-patient strong{display:block;font-size:17px;margin-top:4px;overflow-wrap:anywhere}.selected-patient p{margin:5px 0 0;font-size:12px;overflow-wrap:anywhere}.patient-create .field{gap:6px;position:relative}.required-label,.optional-label{display:inline;color:#87989f;font-size:10px;font-weight:500}.patient-create-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:18px}.patient-create-footer>span{font-size:11px;color:#80959c}.patient-create .form-error button{display:block;margin-top:12px}#attention-patient-search{min-height:48px;background:#fff}
@media(max-width:600px){.patient-picker{padding:15px}.patient-picker-heading{flex-wrap:wrap}.patient-create-footer{align-items:stretch;flex-direction:column}.patient-use{display:none}.selected-patient{flex-wrap:wrap}.selected-patient .text-button{margin-left:42px}.patient-create .field-grid{gap:13px}}

/* Billing workspace: clear states, reviewable closings and a lightweight balance. */
.billing-page .page-heading{margin-bottom:18px}.billing-periods{margin-bottom:10px}.billing-tabs{display:flex;gap:8px;overflow:auto;border-bottom:1px solid #dfe9ed;margin:20px 0 21px;padding-bottom:8px}.billing-tabs button{border:0;background:transparent;color:#728991;font-size:13px;font-weight:750;padding:12px 15px;white-space:nowrap;border-radius:12px}.billing-tabs button.active{background:#eaf0ff;color:#586fc2}.billing-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.billing-metric{border:1px solid #ffffffd0;border-radius:21px;padding:19px 20px;min-height:129px;box-shadow:inset 0 1px #fff}.billing-metric-primary{background:linear-gradient(135deg,#ddf7f0,#ddf2ff)}.billing-metric.peach{background:#ffe8dc}.billing-metric.lilac{background:#eee8ff}.billing-metric.pale{background:#fff4d5}.billing-metric span,.billing-metric small{display:block;color:#58737a;font-size:12px}.billing-metric span{font-weight:750}.billing-metric strong{display:block;font-size:clamp(23px,2.3vw,34px);letter-spacing:-1px;margin:13px 0 5px;white-space:nowrap}.billing-overview-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:16px;margin-top:16px}.billing-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:17px}.billing-card-head h2{margin:5px 0 0}.billing-chart{height:216px;display:flex;align-items:stretch;gap:12px;border-bottom:1px solid #e4eaed;padding:5px 0 0}.billing-bar-item{flex:1;min-width:0;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;gap:8px}.billing-bar-item strong{font-size:10px;color:#789096;white-space:nowrap}.billing-bar-item>span{font-size:11px;color:#70878f;margin-bottom:-24px}.billing-bar-track{width:min(48px,100%);height:150px;display:flex;align-items:flex-end;border-radius:10px 10px 0 0;background:#f3f6fa;overflow:hidden}.billing-bar-track>div{width:100%;border-radius:10px 10px 0 0;background:linear-gradient(180deg,#78b9ea,#9289e6)}.billing-footnote{font-size:11px!important;color:#8ca0a6!important;margin:34px 0 0!important}.billing-tasks{display:grid;gap:10px}.billing-tasks button{width:100%;border:1px solid #e5ecee;background:#fbfdfd;border-radius:14px;padding:14px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#516bc1;min-height:72px}.billing-tasks button:hover,.billing-close-card:hover{background:#f5f8ff}.billing-tasks b,.billing-tasks small{display:block}.billing-tasks b{color:#2f444b;font-size:13px}.billing-tasks small{font-size:11px;color:#81969c;margin-top:5px}.billing-recent{margin-top:16px}.billing-close-card{width:100%;min-height:76px;display:flex;align-items:center;gap:15px;text-align:left;border:0;border-top:1px solid #e9eff0;background:#fff;padding:14px 3px;color:#516bc1}.billing-close-card>span:first-child{flex:1;min-width:0}.billing-close-card strong,.billing-close-card small{display:block}.billing-close-card strong{font-size:13px;color:#2d4149;margin:7px 0 4px}.billing-close-card small{font-size:11px;color:#879aa1;line-height:1.4}.billing-close-right{text-align:right}.billing-close-right b{font-size:17px;color:#263941;white-space:nowrap}.billing-close-right small{margin-top:6px}.billing-work-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,.85fr);gap:16px;align-items:start}.billing-client-filter{max-width:360px;margin-bottom:19px}.billing-line-wrap{border-top:1px solid #edf1f2;padding-top:11px}.billing-line-wrap>small{display:block;font-size:10px;color:#81949b;font-weight:750}.billing-row{display:flex;align-items:center;gap:11px;padding:11px 0;min-width:0}.billing-check{min-width:44px;min-height:44px;display:grid;place-items:center;cursor:pointer}.billing-check input{width:20px;height:20px;accent-color:#6d82da}.billing-dot{width:9px;height:9px;border-radius:50%;background:#bfc9e8;margin:0 18px}.billing-row-main{min-width:0;flex:1}.billing-row-main strong,.billing-row-main small{display:block}.billing-row-main strong{font-size:13px}.billing-row-main small{font-size:11px;color:#82969c;margin-top:4px}.billing-amount{font-size:14px;white-space:nowrap}.billing-preview{position:sticky;top:15px}.billing-preview-total{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#edf7f8;border-radius:14px;padding:17px;margin:20px 0;font-size:12px;color:#64818a}.billing-preview-total strong{font-size:22px;color:#28434c}.billing-preview-group{border:1px solid #e4ebee;border-radius:13px;padding:12px 15px;margin-bottom:17px}.billing-preview-group>b{display:block;font-size:12px;margin-bottom:9px}.billing-preview-group>span{display:flex;justify-content:space-between;gap:10px;padding:8px 0;color:#758b92;font-size:12px}.billing-preview-group>span+span{border-top:1px solid #edf1f2}.billing-preview-group strong{color:#354a52}.billing-preview-footer{display:grid;gap:13px;margin-top:20px}.billing-preview-footer small{font-size:11px;color:#84979d;line-height:1.5}.billing-preview-footer button{width:100%}.billing-preview-footer button:disabled{opacity:.5;cursor:not-allowed}.billing-summary-strip{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.billing-summary-strip span{background:#f5f8fa;border-radius:11px;padding:11px 13px;color:#718890;font-size:12px}.billing-summary-strip b{color:#30464f;margin-left:7px}.billing-detail{margin-bottom:17px;border-color:#c7d8f3;box-shadow:0 18px 36px #6789be17}.billing-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:17px 0 23px}.billing-detail-grid>div{background:#f4f8fb;border-radius:12px;padding:13px;min-width:0}.billing-detail-grid small,.billing-detail-grid strong{display:block;overflow-wrap:anywhere}.billing-detail-grid small{font-size:10px;color:#869aa1}.billing-detail-grid strong{font-size:12px;margin-top:6px}.billing-detail h3{font-size:15px}.billing-detail .billing-row{border-top:1px solid #e9eef0}.billing-detail-total{display:flex;justify-content:space-between;border-top:2px solid #dce8ec;padding-top:14px;font-size:14px}.billing-detail-total strong{font-size:21px}.billing-detail>.button-primary{margin-top:18px}.billing-integration{margin-top:18px}.billing-integration b{color:#644f2c}
@media(max-width:1180px){.billing-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-overview-grid,.billing-work-grid{grid-template-columns:1fr}.billing-preview{position:static}}
@media(max-width:600px){.billing-metrics{gap:8px}.billing-metric{padding:14px;min-height:112px}.billing-metric strong{font-size:22px}.billing-tabs{margin-top:15px}.billing-tabs button{padding:10px 12px}.billing-close-card{gap:8px}.billing-close-right b{font-size:14px}.billing-detail-grid{grid-template-columns:1fr}.billing-chart{gap:5px}.billing-bar-item strong{font-size:9px}.billing-preview-total strong{font-size:18px}}

/* Local catalog management. */
.management-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:-5px 0 15px;color:#708890;font-size:12px}.management-form{margin-bottom:16px;border-color:#c9daf3;box-shadow:0 18px 34px #6587bb17}.management-form .field input[type=color]{padding:5px;width:90px;height:45px;cursor:pointer}.management-form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:19px}.catalog-row{display:flex;align-items:center;flex-wrap:wrap;gap:13px;padding:17px 0;border-bottom:1px solid #ecf1f2}.catalog-row:last-child{border-bottom:0}.clinic-color{width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:14px;color:#fff;font-size:22px;font-weight:800;box-shadow:inset 0 1px #ffffff80}.catalog-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px;flex-wrap:wrap}.catalog-actions .button-secondary{min-height:38px;padding:8px 12px}.catalog-actions .text-button{min-height:38px;padding:7px}.danger-text{color:#bc6863}.catalog-delete{width:100%;margin-left:55px;background:#fff5ed;border:1px solid #f2d4c6;border-radius:12px;padding:12px 14px;color:#8d5f4e;font-size:12px;line-height:1.4}.catalog-delete.blocked{background:#f4f7f9;border-color:#e2e8ec;color:#667d86}.catalog-delete>div{display:flex;gap:8px;justify-content:flex-end;margin-top:11px}.catalog-delete .button-secondary{min-height:36px;padding:7px 11px}.danger-button{color:#aa4945;border-color:#e6b9b5;background:#fff9f7}
@media(max-width:780px){.catalog-row .list-main{flex-basis:calc(100% - 60px)}.catalog-actions{width:100%;justify-content:flex-start;margin-left:54px}.catalog-delete{margin-left:0}}
@media(max-width:600px){.management-toolbar{align-items:flex-start}.catalog-actions{margin-left:0}.catalog-actions .button-secondary,.catalog-actions .text-button{font-size:11px}.management-form-actions{flex-wrap:wrap}}

/* Shared attention notes and financial participation. */
.team-page{padding-bottom:0}.team-page .page-heading{align-items:end}.team-viewer{min-width:230px}.team-demo-note{margin-bottom:17px}.team-overview{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.85fr);gap:16px}.team-filters{margin-bottom:14px}.team-note-card{display:grid;width:100%;text-align:left;gap:7px;padding:14px 15px;margin-top:9px;border:1px solid #e4ebed;border-radius:14px;background:#fff;color:#334950}.team-note-card.unread{border-color:#c8d7fb;background:#f5f7ff;box-shadow:inset 4px 0 #7588dc}.team-note-top{display:flex;justify-content:space-between;gap:9px}.team-note-top strong{font-size:13px}.team-note-card small,.team-history-note small{font-size:11px;color:#7e949b}.team-note-body{font-size:12px;line-height:1.5;white-space:pre-wrap}.team-card-note{margin:16px 0 0!important;font-size:11px!important;color:#879da2!important}.team-shares{margin-top:16px}.team-shared-row{width:100%;display:flex;align-items:center;gap:14px;text-align:left;border:0;border-top:1px solid #edf1f2;background:#fff;padding:15px 3px;color:#637cd0}.team-shared-row>span:first-child{flex:1}.team-shared-row strong,.team-shared-row small{display:block}.team-shared-row strong{font-size:13px;color:#31474e}.team-shared-row small{font-size:11px;color:#82979d;margin-top:5px}.team-shared-amount{font-size:12px;color:#506d76;text-align:right}.team-settings-wrap{padding-top:0}.team-default-row{display:flex;align-items:end;flex-wrap:wrap;gap:14px}.team-default-row .field{max-width:190px}.team-default-row>span{font-size:12px;color:#6b838b;padding-bottom:14px}.team-toggle{display:flex;align-items:center;gap:10px;min-height:44px;font-size:13px;font-weight:700}.team-toggle input{width:19px;height:19px;accent-color:#6e80d5}.split-amount-field{max-width:340px}.split-preview,.attention-split-summary{margin-top:15px;border:1px solid #dee8eb;border-radius:15px;background:#f8fbfc;padding:15px}.split-preview>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;font-size:13px}.split-preview>div+div{border-top:1px solid #e6edef}.split-preview strong{color:#294950}.split-preview small{display:block;color:#799097;margin-top:10px;font-size:11px}.attention-split-summary>b{font-size:13px}.attention-split-summary p{margin:8px 0!important}.team-notes-panel{margin-top:0}.team-history-note{border-left:3px solid #a7a6e6;background:#f7f8fd;padding:12px 14px;margin:10px 0;border-radius:0 12px 12px 0}.team-history-note strong{font-size:12px}.team-history-note small{margin-left:9px}.team-history-note>div{font-size:13px;line-height:1.5;margin-top:8px;white-space:pre-wrap}.team-note-compose{display:grid;grid-template-columns:1fr 1fr;gap:13px;border-top:1px solid #edf1f2;margin-top:20px;padding-top:18px}.team-note-compose .wide{grid-column:1/-1}.team-note-compose textarea{min-height:80px}.team-note-compose .button-primary{grid-column:2;justify-self:end}.team-note-compose .form-error{grid-column:1/-1}
@media(max-width:980px){.team-overview{grid-template-columns:1fr}.team-page .page-heading{align-items:start}}
@media(max-width:600px){.team-page .page-heading{display:block}.team-viewer{margin-top:16px}.team-shared-row{align-items:flex-start;flex-wrap:wrap}.team-shared-amount{width:100%;text-align:left}.team-note-compose{grid-template-columns:1fr}.team-note-compose .button-primary{grid-column:1}.team-default-row>span{padding-bottom:0}}
.billing-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.billing-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.billing-detail-grid{grid-template-columns:1fr}}

/* Team finance, invitations, client groups and focused settings. */
.client-groups{margin:14px 0}.client-groups .billing-card-head{align-items:center;margin-bottom:8px}.client-groups .clients-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:14px}.client-clinic-list{display:grid;gap:5px;margin-top:11px}.client-clinic-list span{font-size:11px;color:#6f858c;background:#f5f8f9;border-radius:8px;padding:7px 9px}.client-create-row{display:flex;align-items:end;gap:10px;padding:15px;margin:12px 0;background:#f6f9ff;border:1px solid #e5ebf9;border-radius:14px}.client-create-row .field{flex:1}.client-create-row .button-primary,.client-create-row .button-secondary{white-space:nowrap}.clinic-list-card{margin-top:14px}.team-page .team-finance{margin-bottom:17px}.team-finance-head{align-items:center}.team-finance-head p{margin:6px 0 0;font-size:12px}.team-finance-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 18px}.team-finance-metrics>div{background:linear-gradient(145deg,#f2f8fb,#f8f7ff);border:1px solid #edf1f4;border-radius:15px;padding:14px 16px;min-width:0}.team-finance-metrics span,.team-finance-metrics small{display:block;color:#758b92;font-size:11px;line-height:1.4}.team-finance-metrics strong{display:block;color:#2d444c;font-size:clamp(20px,2vw,28px);letter-spacing:-.7px;margin:8px 0 3px}.team-finance-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:12px 0}.team-finance-toolbar>span{font-size:12px;font-weight:750;color:#637b83}.team-finance-toolbar .segmented button{min-height:35px;padding:7px 10px}.team-clinic-report-list{display:grid;gap:9px}.team-clinic-report{border:1px solid #e6edef;border-radius:15px;background:#fff;overflow:hidden}.team-clinic-report summary{list-style:none;display:grid;grid-template-columns:minmax(190px,1.6fr) repeat(3,minmax(100px,.7fr)) 18px;align-items:center;gap:12px;padding:14px 16px;cursor:pointer}.team-clinic-report summary::-webkit-details-marker{display:none}.team-clinic-report summary:hover{background:#fafcff}.team-clinic-report summary>span:first-child strong,.team-clinic-report summary>span:first-child small,.team-clinic-report summary>span:not(:first-child) small,.team-clinic-report summary>span:not(:first-child) b{display:block}.team-clinic-report summary>span:first-child strong{font-size:13px;color:#2e444b}.team-clinic-report summary>span:first-child small,.team-clinic-report summary>span:not(:first-child) small{font-size:10px;color:#81959a;margin-top:4px}.team-clinic-report summary>span:not(:first-child) b{font-size:13px;color:#405b62;margin-top:4px}.team-clinic-attentions{padding:0 16px 9px;border-top:1px solid #edf1f2}.team-finance-attention{display:grid;grid-template-columns:minmax(160px,1fr) minmax(230px,1.3fr) auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #eff2f3}.team-finance-attention>div:first-child strong,.team-finance-attention>div:first-child small,.team-finance-shares span b,.team-finance-shares span small{display:block}.team-finance-attention>div:first-child strong{font-size:12px}.team-finance-attention>div:first-child small,.team-finance-shares span small{font-size:10px;color:#81949a;margin-top:4px}.team-finance-shares{display:flex;flex-wrap:wrap;gap:12px}.team-finance-shares span b{font-size:11px;color:#4e6870}.team-finance-attention .text-button{white-space:nowrap}.team-people-card{min-width:0}.team-member-list{margin-bottom:15px}.team-member-row,.team-request-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #edf1f2;padding:11px 0}.team-invite-search{border-top:1px solid #e8eeee;padding-top:14px}.team-invite-search .field{max-width:520px}.team-directory-results{margin:8px 0;padding:0 13px;border:1px solid #e7edef;border-radius:13px}.team-request-row>span:first-child strong,.team-request-row>span:first-child small{display:block}.team-request-row>span:first-child strong{font-size:12px}.team-request-row>span:first-child small{font-size:10px;color:#80949a;margin-top:4px}.team-invitation-groups{display:grid;gap:12px;margin-top:17px}.team-invitation-groups>div{border-top:1px solid #e8eeee;padding-top:12px}.team-invitation-groups h3{display:flex;align-items:center;gap:8px;margin:0 0 4px;font-size:12px}.team-request-actions{display:flex;gap:4px;align-items:center;flex:none}.team-request-actions .button-secondary{min-height:36px;padding:7px 11px;font-size:11px}.team-request-actions .text-button{font-size:11px}.team-demo-note{font-size:10px!important;line-height:1.45!important;margin:12px 0 0!important}.team-default-details{border-top:1px solid #edf1f2;padding-top:11px}.team-default-details summary{cursor:pointer;color:#687dd0;font-size:12px;font-weight:750}.team-default-details>p{margin:10px 0!important}.team-default-details .team-default-row{align-items:end}.team-default-details .team-default-row .field{max-width:170px}.settings-page{max-width:1100px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:22px}.settings-compact{min-height:180px}.settings-compact .billing-card-head{align-items:center}.settings-compact .billing-card-head .mini-tag{white-space:nowrap}.settings-compact .team-default-row>span{padding-bottom:14px}.billing-connect-card .button-secondary{margin-top:7px}.billing-connect-panel{display:grid;gap:10px;padding:13px;margin:12px 0;background:#f7f9fc;border-radius:13px}.billing-connect-panel .note{font-size:11px}.billing-connect-panel .text-button{justify-self:end}
@media(max-width:900px){.team-finance-metrics{grid-template-columns:1fr 1fr}.team-finance-metrics>div:last-child{grid-column:1/-1}.team-clinic-report summary{grid-template-columns:minmax(155px,1.4fr) repeat(3,minmax(82px,.7fr)) 14px;padding:12px}.team-finance-attention{grid-template-columns:1fr 1.4fr}.team-finance-attention .text-button{grid-column:2;justify-self:start}.settings-grid{grid-template-columns:1fr}}
@media(max-width:600px){.client-groups,.clinic-list-card{padding:17px}.client-groups .billing-card-head{align-items:flex-start}.client-groups .billing-card-head .button-secondary{padding:8px 10px;font-size:11px;min-height:38px}.client-create-row{align-items:stretch;flex-direction:column}.team-finance{padding:17px}.team-finance-metrics{grid-template-columns:1fr;gap:8px}.team-finance-metrics>div:last-child{grid-column:auto}.team-finance-metrics>div{padding:12px 14px}.team-finance-metrics strong{font-size:22px;margin:5px 0 2px}.team-finance-toolbar{align-items:flex-start;flex-direction:column}.team-finance-toolbar .segmented{width:100%}.team-finance-toolbar .segmented button{flex:1;padding:7px 8px;font-size:10px}.team-clinic-report summary{grid-template-columns:1fr 1fr 1fr;gap:8px}.team-clinic-report summary>span:first-child{grid-column:1/-1}.team-clinic-report summary>span:last-child{display:none}.team-clinic-report summary>span:not(:first-child) b{font-size:12px}.team-clinic-attentions{padding:0 12px 8px}.team-finance-attention{grid-template-columns:1fr;gap:7px}.team-finance-attention .text-button{grid-column:1}.team-request-row{align-items:flex-start}.team-member-row .mini-tag{display:none}.team-invitation-groups{gap:7px}.team-request-actions{flex-wrap:wrap;justify-content:flex-end}.team-page .team-overview{grid-template-columns:1fr}.settings-compact{padding:18px}.settings-compact .billing-card-head{align-items:flex-start;flex-direction:column}.settings-compact .team-default-row{align-items:flex-start}.settings-compact .team-default-row>span{padding:0}}

/* Persistent navigation and page-specific filters. */
.app-header{position:sticky;top:env(safe-area-inset-top,0px);z-index:45;background:rgba(255,255,255,.88);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 6px 20px #5f86820a}
.context-clinic-filter{min-width:190px;max-width:320px}
.billing-context-toolbar{display:flex;align-items:end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 10px}
.billing-month-close{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px}.billing-month-close h2{margin:6px 0;font-size:20px}.billing-month-close p{margin:0;max-width:650px;color:#758b92;font-size:12px;line-height:1.5}.billing-month-controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.billing-month-controls .field{min-width:155px}.billing-month-controls .button-primary{white-space:nowrap}@media(max-width:700px){.billing-month-close{align-items:stretch;flex-direction:column}.billing-month-controls .field{flex:1}}
.integration-login{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:17px 0 10px}.integration-login .field{min-width:220px;flex:1}.integration-login .button-primary{white-space:nowrap}.integration-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:12px 0}.integration-actions a{color:#667bd0;font-size:12px;font-weight:750;text-decoration:none}@media(max-width:700px){.integration-login{align-items:stretch;flex-direction:column}.integration-login .field{min-width:0}}
.billing-context-toolbar .billing-periods{margin:0}
.team-selector-toolbar{display:flex;align-items:end;gap:11px;flex-wrap:wrap;margin:2px 0 14px}
.team-selector-toolbar .field{min-width:min(320px,100%)}
.team-directory-results{display:grid;gap:0;padding:0 12px;background:#fff;box-shadow:0 10px 24px #567b7b0b}
.team-doctor-option{display:flex;align-items:center;gap:11px;width:100%;min-height:58px;padding:9px 4px;border:0;border-bottom:1px solid #edf1f2;background:#fff;text-align:left;color:#30464d}
.team-doctor-option:last-child{border-bottom:0}
.team-doctor-option:hover{background:#fbfcff}
.team-doctor-option>span:nth-child(2),.team-doctor-selected>span:nth-child(2){flex:1;min-width:0}
.team-doctor-option strong,.team-doctor-option small,.team-doctor-selected strong,.team-doctor-selected small{display:block}
.team-doctor-option strong,.team-doctor-selected strong{font-size:12px}
.team-doctor-option small,.team-doctor-selected small{margin-top:4px;color:#80949a;font-size:10px}
.team-doctor-option-action{font-size:11px;font-weight:700;color:#687dd0;white-space:nowrap}
.team-doctor-option-action span{font-size:18px;vertical-align:-1px;margin-left:3px}
.team-doctor-selected{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 2px}
.team-doctor-selected .button-primary{min-height:38px;padding:9px 12px;font-size:11px}
.team-doctor-selected>.text-button{font-size:11px}
.team-directory-results .patient-search-hint{padding:4px 0;margin:8px 0;color:#81949a;font-size:11px}
@media(max-width:600px){.team-doctor-selected{align-items:flex-start}.team-doctor-selected>span:nth-child(2){width:calc(100% - 54px)}.team-doctor-selected>.text-button{margin-left:45px}.team-doctor-selected .button-primary{margin-left:auto}}
.team-current-label{font-size:12px;font-weight:750;color:#788c93;margin:0 0 7px}
.team-create-row{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:14px 16px;margin:0 0 14px;background:#f7f8ff;border:1px solid #e4e8fb;border-radius:15px}
.team-create-row .field{flex:1;min-width:220px}
.team-invite-percent{max-width:220px;margin-top:12px}
.team-page .team-default-details{margin:0 0 15px}
.team-page .team-default-details[open]{padding-bottom:3px}
@media(max-width:600px){.app-header{height:66px;padding:9px 14px}.team-selector-toolbar{align-items:stretch}.team-selector-toolbar .field{min-width:100%}.team-create-row{align-items:stretch;flex-direction:column}.team-create-row .field{min-width:0}.team-invite-percent{max-width:100%}.billing-context-toolbar{align-items:stretch}.billing-context-toolbar .context-clinic-filter{max-width:none}.billing-context-toolbar .billing-periods{overflow:auto;flex-wrap:nowrap}.billing-context-toolbar .billing-periods button{white-space:nowrap;flex:none}}

.provider-invoices-card{margin-bottom:15px}.provider-invoices-card .billing-card-head{align-items:center}.provider-invoices-card .billing-card-head p{margin:7px 0 0;color:#778d94;font-size:12px;line-height:1.45}.provider-invoices-card .billing-card-head .button-primary{white-space:nowrap}.provider-invoices-card .billing-card-head .button-primary:disabled{opacity:.48;filter:saturate(.45);cursor:not-allowed;box-shadow:none}.provider-invoices-scroll table{width:100%;min-width:860px;border-collapse:collapse;text-align:left;font-size:12px}.provider-invoices-scroll th,.provider-invoices-scroll td{padding:12px 10px;border-bottom:1px solid #e8eff1;white-space:nowrap}.provider-invoices-scroll th{color:#607984;background:#f5fafb}.provider-invoice-summary{display:flex;justify-content:space-between;align-items:center;margin-top:13px;padding:13px 15px;border-radius:12px;background:linear-gradient(120deg,#e9f8f4,#edf2ff);color:#58737a;font-size:12px}.provider-invoice-summary strong{font-size:17px;color:#2d454d}.provider-invoices-card .billing-footnote{margin-top:12px!important}
.dashboard-page .metrics-grid.with-provider{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1100px){.dashboard-page .metrics-grid.with-provider{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.dashboard-page .metrics-grid.with-provider{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.provider-invoices-card .billing-card-head{align-items:stretch;flex-direction:column}.provider-invoices-card .billing-card-head .button-primary{width:100%}.provider-invoice-summary{padding:11px 12px}}

.billing-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.provider-invoice-metric{background:linear-gradient(135deg,#fff2dc,#ffe8e5)}.provider-invoice-metric .text-button{min-height:24px;margin-top:7px;padding:0;text-align:left;font-size:11px}
@media(max-width:1180px){.billing-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

.app-shell.signed-out{display:block;min-height:100dvh}
.signed-out .sidebar,.signed-out .app-header,.signed-out .mobile-overlay{display:none!important}
.signed-out .workspace{display:block;width:100%;min-height:100dvh}
.signed-out #view{display:block;width:100%;min-height:100dvh}
.auth-wrap{width:100%;min-height:100dvh;padding:32px 20px;background:radial-gradient(circle at 20% 5%,#ffe4e3,transparent 38%),radial-gradient(circle at 90% 85%,#dbe8ff,transparent 42%),#f7fbfb;display:grid;place-items:center}
.auth-card{width:min(100%,470px);min-width:0;padding:clamp(26px,4vw,42px);background:#fffffff0;border:1px solid #fff;border-radius:26px;box-shadow:0 22px 70px #4c637c24;display:grid;gap:15px}
.auth-brand{display:flex;align-items:center;gap:9px;font-size:29px;font-weight:800;letter-spacing:-1px;color:#3b5963}
.auth-brand small{display:block;font-size:9px;letter-spacing:2px;color:#769099}
.auth-card h1{font-size:27px;letter-spacing:-.6px;margin:4px 0 0}
.auth-card p{margin:0;color:#6c848b;font-size:13px;line-height:1.5}
.auth-card form{display:grid;gap:14px;margin-top:8px}
.auth-card form .button-primary{width:100%;justify-content:center;margin-top:4px}
.auth-switch{justify-self:center}
.sidebar-logout{margin:7px 15px 16px;text-align:left;min-height:35px}
.sidebar-logout:hover{background:#f7f8fb}
button[title],summary[title]{cursor:pointer}

/* Cristal luminoso, aplicado a datos y controles reales. */
.app-shell:not(.signed-out){background:radial-gradient(circle at 78% 5%,#dcf8f3 0,transparent 26%),radial-gradient(circle at 18% 27%,#ffe5ec 0,transparent 29%),#f9fcfc}
.app-shell:not(.signed-out) .sidebar{background:rgba(255,255,255,.63);border-right:1px solid rgba(255,255,255,.92);box-shadow:inset -1px 0 0 #d8e9e92e;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px)}
.app-shell:not(.signed-out) .app-header{height:62px;margin:10px clamp(14px,2vw,30px) 0;padding:8px 16px;top:10px;border:1px solid #ffffffd9;border-radius:19px;background:rgba(255,255,255,.72);box-shadow:0 10px 30px #4b888216,inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px)}
.app-shell:not(.signed-out) .demo-badge{color:#789095}
.app-shell:not(.signed-out) .header-create{border-radius:999px}
.dashboard-page{padding-top:20px}
.dashboard-hero{position:relative;isolation:isolate;overflow:hidden;min-height:126px;padding:23px 26px;border:1px solid #fff;border-radius:24px;background:linear-gradient(108deg,#e3f8f5 0%,#edeaff 55%,#ffe9f1 100%);box-shadow:0 14px 34px #6caab31a,inset 0 1px 0 #fff;display:flex;align-items:center;justify-content:space-between;gap:18px}
.dashboard-hero:before,.dashboard-hero:after{content:"";position:absolute;border-radius:50%;z-index:-1;pointer-events:none;box-shadow:inset -12px -10px 23px #7296aa1c,inset 8px 9px 16px #ffffff9c,0 17px 27px #7396a923}
.dashboard-hero:before{width:132px;height:132px;right:17%;top:-47px;background:linear-gradient(145deg,#a5e7ea,#81b6e9)}
.dashboard-hero:after{width:93px;height:93px;right:9%;bottom:-41px;background:linear-gradient(145deg,#e1c9fa,#adb7f1)}
.dashboard-hero-copy,.dashboard-hero-actions{position:relative;z-index:1}
.dashboard-hero h1{font-size:clamp(25px,2.7vw,34px);letter-spacing:-1.1px;line-height:1.08;margin:5px 0}
.dashboard-hero p{color:#5e7884;font-size:12px;margin:0}
.dashboard-hero-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:9px}
.dashboard-hero-link{min-height:44px;display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid #ffffffec;border-radius:13px;background:#ffffffb8;color:#4c6380;box-shadow:0 6px 16px #7591a018;font-size:12px;font-weight:750;white-space:nowrap}
.dashboard-hero-link:hover,.dashboard-task:hover{background:#fff;border-color:#cddbeb;transform:translateY(-1px)}
.dashboard-hero-link b{display:grid;place-items:center;min-width:22px;height:22px;border-radius:50%;background:#e5e5ff;color:#6876c7}
.dashboard-page .dashboard-controls{margin:19px 0 14px;gap:13px}
.dashboard-page .segmented button{border-radius:999px;background:#ffffffb8;border-color:#e7eef0}
.dashboard-page .segmented button.active{background:#6d83d5;color:#fff;border-color:#6d83d5;box-shadow:0 5px 12px #7085cd29}
.dashboard-page .range-caption{margin:0 0 14px}
.dashboard-page .metric-card{border:1px solid #ffffffeb;box-shadow:0 9px 22px #557d8916,inset 0 1px 0 #fff;min-height:129px}
.dashboard-page .metric-card.coral{background:#ffe6e9d9}
.dashboard-page .metric-card.lavender{background:#ece9ffdf}
.dashboard-page .metric-card.mint{background:#dcf8eecf}
.dashboard-page .metric-card.sun{background:#fff3d7df}
.dashboard-page .metric-card.amount strong{font-size:clamp(20px,2vw,30px);overflow-wrap:anywhere}
.dashboard-page .surface{background:#ffffffc9;border-color:#ffffffed;box-shadow:0 12px 28px #486f7d13,inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
.dashboard-page .dashboard-grid{margin-top:16px}
.dashboard-page .clinic-bar-row{grid-template-columns:minmax(70px,110px) minmax(0,1fr) 28px}
.dashboard-page .clinic-bar-row>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dashboard-lower{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(265px,1fr);gap:16px;margin-top:16px}
.dashboard-lower .recent-surface{margin:0}
.dashboard-next{background:linear-gradient(145deg,#e8f8fcdf,#eef0ffdb)!important}
.dashboard-next h2{margin-bottom:18px}
.dashboard-task{display:flex;align-items:center;justify-content:space-between;gap:9px;text-align:left;width:100%;min-height:62px;padding:12px 14px;margin-top:9px;border:1px solid #fffffff2;border-radius:14px;background:#ffffffa8;color:#435b69;box-shadow:0 4px 12px #6582960b;transition:transform .15s,background .15s,border-color .15s}
.dashboard-task strong,.dashboard-task small{display:block}
.dashboard-task strong{font-size:12px}
.dashboard-task small{margin-top:4px;color:#768d97;font-size:11px}
.dashboard-task>span:last-child{font-size:19px;color:#7585d0}
@media(min-width:601px) and (max-width:1100px){.app-shell:not(.signed-out){grid-template-columns:172px minmax(0,1fr)}.app-shell:not(.signed-out) .sidebar{align-items:stretch;padding:22px 10px}.app-shell:not(.signed-out) .brand{margin:0 5px;font-size:20px}.app-shell:not(.signed-out) .brand>span:last-child,.app-shell:not(.signed-out) .nav-button>span:last-child,.app-shell:not(.signed-out) .sidebar-profile>span:last-child{display:block}.app-shell:not(.signed-out) .sidebar-nav{margin-top:35px}.app-shell:not(.signed-out) .nav-button{flex-direction:row;justify-content:flex-start;gap:8px;min-height:44px;padding:8px}.app-shell:not(.signed-out) .nav-button>span:last-child{font-size:12px;text-align:left;white-space:nowrap}.app-shell:not(.signed-out) .sidebar-profile{justify-content:flex-start;padding:14px 1px 0}.app-shell:not(.signed-out) .sidebar-logout{margin:7px 1px;white-space:nowrap;font-size:11px}}
@media(max-width:1100px){.dashboard-lower{grid-template-columns:1fr}.dashboard-hero:before{right:23%}}
@media(max-width:900px){.dashboard-hero{align-items:flex-start;flex-direction:column;min-height:133px}.dashboard-hero-actions{justify-content:flex-start}.dashboard-page .metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-page .dashboard-controls .segmented{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:3px}.dashboard-page .dashboard-controls .segmented button{flex:none;white-space:nowrap}}
@media(max-width:600px){.app-shell:not(.signed-out) .app-header{height:60px;margin:7px 10px 0;top:7px;padding:8px 11px}.dashboard-page{padding-top:15px}.dashboard-hero{min-height:0;padding:20px 18px;border-radius:20px}.dashboard-hero h1{font-size:27px}.dashboard-hero:before{right:-12px;top:-63px;width:110px;height:110px}.dashboard-hero:after{right:10%;bottom:-54px}.dashboard-hero-actions{width:100%}.dashboard-hero-link{flex:1;justify-content:center}.dashboard-page .dashboard-controls{align-items:stretch;flex-direction:column}.dashboard-page .context-clinic-filter{max-width:none}.dashboard-page .metric-card{min-height:119px;padding:15px}.dashboard-page .metric-card.amount strong{font-size:clamp(17px,5vw,23px)}.dashboard-page .surface{padding:18px}.dashboard-lower{gap:12px}}
@media(prefers-reduced-motion:reduce){.dashboard-task,.dashboard-hero-link{transition:none}.dashboard-task:hover,.dashboard-hero-link:hover{transform:none}}

/* Tarifas, desglose y conciliación */
.tariff-card,.reconciliation{margin-top:18px}
.tariff-grid{display:grid;gap:8px}
.tariff-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(130px,180px) auto;align-items:end;gap:14px;padding:12px 0;border-top:1px solid #e6ecf0}
.tariff-row strong{align-self:center}
.tariff-row .field{margin:0}
.check-field{display:flex;align-items:center;flex-direction:row;gap:9px;min-height:46px;font-weight:600}
.check-field input{width:18px;height:18px;flex:none}
.economy-breakdown{display:grid;gap:8px}
.economy-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid #e8eff1;font-size:14px}
.economy-row strong{white-space:nowrap}
.economy-row.total{padding:14px;color:#254d5c;font-size:16px;font-weight:700;border-top:2px solid #badde6}
.clinical-note{white-space:pre-wrap}
.reconciliation-group{margin-top:22px}
.reconciliation-group h3{margin-bottom:10px}
.reconciliation-scroll{overflow-x:auto}
.reconciliation table{width:100%;min-width:900px;border-collapse:collapse;text-align:left;font-size:13px}
.reconciliation th,.reconciliation td{padding:12px 10px;border-bottom:1px solid #e8eff1;vertical-align:middle}
.reconciliation th{color:#607984;background:#f5fafb;white-space:nowrap}
.reconciliation-edit{display:flex;align-items:center;gap:7px;min-width:245px}
.reconciliation-edit input:not([type=checkbox]){width:80px;min-width:0;padding:8px;border:1px solid #cddce0;border-radius:9px}
.reconciliation-edit label{display:flex;align-items:center;gap:4px;white-space:nowrap}
.reconciliation-edit input[type=checkbox]{width:16px;height:16px}
.reconciliation-edit select{padding:8px 4px;border:1px solid #cddce0;border-radius:9px;background:#fff}
.reconciliation-cost-status{display:inline-flex;align-items:center;padding:4px 8px;margin:0 0 7px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}
.reconciliation-cost-status.pending{color:#8b5a16;background:#fff2d8}
.reconciliation-cost-status.complete{color:#28704f;background:#e4f5eb}
.reconciliation-cost-status.closed{color:#4d5e83;background:#edf0fb}
.reconciliation-cost-status.na{color:#71858c;background:#f1f5f6}
@media(max-width:700px){.tariff-row{grid-template-columns:1fr auto}.tariff-row>strong{grid-column:1/-1}.reconciliation{padding:16px}.economy-row{font-size:12px}}
.attachment-list{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0;color:#607984}
.attachment-link{display:inline-flex;gap:8px;align-items:center;padding:10px 13px;background:#eff8f9;border:1px solid #d9edef;border-radius:11px;color:#315866;text-decoration:none;font-weight:700}
.attachment-link small{font-weight:400;color:#718a92}
.attachment-upload{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.reconciliation-summary{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}
.reconciliation-summary span{padding:9px 12px;background:#eef8f8;border-radius:10px;color:#496a74}
.reconciliation-summary strong{margin-left:7px;color:#254d5c}
.statement-entry{display:flex;align-items:end;gap:10px;margin:12px 0 18px}
.statement-entry .field{max-width:260px;margin:0}
.legacy-row{background:#faf9f5;color:#667e87}
.reconciliation-change{display:block;margin-top:5px;color:#718a92;white-space:nowrap}
.patient-email-edit{display:flex;align-items:end;gap:10px;flex-wrap:wrap}
.patient-email-edit .field{min-width:min(100%,280px);margin:0}
.patient-detail-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.patient-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;margin:18px 0 0}.patient-profile-grid>div{min-width:0;border-bottom:1px solid #edf1f2;padding:0 0 12px}.patient-profile-grid dt{font-size:12px;color:#788d94;margin-bottom:5px}.patient-profile-grid dd{margin:0;font-size:14px;overflow-wrap:anywhere}.patient-edit-grid{margin-top:12px}.patient-edit-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:20px}@media(max-width:600px){.patient-detail-actions{width:100%}.patient-profile-grid{grid-template-columns:1fr}.patient-edit-actions{flex-direction:column-reverse;align-items:stretch}.patient-edit-actions button{width:100%}}
.email-template-page .page-heading{align-items:flex-end}.email-template-page .page-heading .page-subtitle{margin-top:7px}.email-template-editor{margin-bottom:16px}.email-template-help{display:grid;gap:5px;margin:13px 0 0;padding:12px 14px;border:1px solid #e5edf2;border-radius:13px;background:#f8fbff;color:#536b76;font-size:11px}.email-template-help span{font-weight:700;color:#6377c3;overflow-wrap:anywhere}.email-template-help small{color:#80949a;font-size:10px;line-height:1.45}.email-template-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:16px}.email-template-list{display:grid}.email-template-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 2px;border-top:1px solid #edf1f2}.email-template-row>div:first-child{min-width:0}.email-template-row strong,.email-template-row small{display:block}.email-template-row strong{font-size:13px}.email-template-row small{margin-top:5px;color:#82969a;font-size:11px;overflow-wrap:anywhere}.email-template-row-actions{display:flex;align-items:center;gap:10px;flex:none}.text-button.danger{color:#bb6570}.mail-settings-card{margin:17px 0}.mail-settings-card>p{max-width:780px;color:#778c92;font-size:12px;line-height:1.55}.mail-settings-actions{grid-column:1/-1;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.email-final-action{display:grid;gap:5px;justify-items:start;max-width:265px}.email-final-action small{font-size:10px;line-height:1.4;color:#819398}.email-followup-card>p{color:#70858c;font-size:12px}.email-delivery-list{display:grid;gap:7px;margin-top:14px;padding-top:13px;border-top:1px solid #edf1f2;color:#657b81;font-size:11px}.email-delivery-list>strong{color:#405a62}.email-delivery-list>span{display:block}.email-modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px;background:#243a4d65;backdrop-filter:blur(7px)}.email-compose-modal{width:min(620px,100%);max-height:min(88dvh,850px);overflow:auto;padding:24px;border:1px solid #ffffff;border-radius:24px;background:#fff;box-shadow:0 24px 80px #1e384c4d}.email-compose-modal .billing-card-head{align-items:flex-start}.email-compose-modal h2{margin:5px 0;font-size:21px}.email-preview-meta{display:grid;grid-template-columns:72px minmax(0,1fr);gap:9px 12px;margin:15px 0;padding:13px 14px;border-radius:13px;background:#f5f8fc;font-size:12px}.email-preview-meta span{color:#85969c}.email-preview-meta strong{overflow-wrap:anywhere}.email-preview-body{min-height:130px;padding:17px;border:1px solid #e7edef;border-radius:14px;background:#fffdfb;color:#354950;font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.email-compose-modal .billing-footnote{font-size:10px;line-height:1.5;color:#82949a}.email-compose-modal .email-template-actions{justify-content:space-between}.email-compose-modal .email-template-actions .button-primary{margin-left:auto}
@media(max-width:700px){.email-template-page .page-heading{align-items:stretch;flex-direction:column}.email-template-page .page-heading .button-primary{align-self:stretch}.email-template-row{align-items:flex-start;flex-direction:column;gap:8px}.email-template-row-actions{width:100%;justify-content:flex-end}.mail-settings-actions{align-items:stretch;flex-direction:column}.mail-settings-actions button{width:100%}.email-final-action{grid-column:1/-1;max-width:none}.email-final-action button{width:100%}.email-compose-modal{padding:18px;border-radius:20px}.email-compose-modal .email-template-actions{align-items:stretch;flex-direction:column-reverse}.email-compose-modal .email-template-actions .button-primary{margin-left:0}.email-preview-meta{grid-template-columns:55px minmax(0,1fr)}}
.email-template-search{max-width:440px;margin:14px 0 10px}

.ipad-install-card{margin:17px 0;background:linear-gradient(115deg,#e9f8f6,#f3f1ff);border-color:#e2efef}.ipad-install-card>p{max-width:680px;color:#607b83;font-size:13px;line-height:1.55}.ipad-install-card .button-secondary{margin-top:5px}.ipad-install-status{font-weight:700;color:#397e68!important}.ipad-install-guide{margin-top:17px;padding:17px 20px;border:1px solid #dfe9f1;border-radius:15px;background:#ffffffd9;color:#405963;font-size:13px;line-height:1.65}.ipad-install-guide p{margin:0 0 8px}.ipad-install-guide p:last-child{margin:10px 0 0;color:#6e858c;font-size:12px}.ipad-install-guide ol{margin:6px 0 0;padding-left:21px}.ipad-install-guide li+li{margin-top:6px}@media(max-width:700px){.ipad-install-card .button-secondary{width:100%}.ipad-install-guide{padding:15px}}
