/* ProClinic touch workspace. Print keeps the existing A4 / 80mm layouts. */
@media screen{
:root{--ink:#182235;--muted:#69768b;--line:rgba(70,93,132,.11);--bg:#f5f7fb;--sage:color-mix(in srgb,var(--green) 9%,#fff);--glass:rgba(255,255,255,.88);--glass-border:rgba(255,255,255,.95);--glass-shadow:0 6px 26px #233f6c06,0 1px 3px #233f6c06;--radius:24px;color-scheme:light}
html{min-height:100%;background:#f5f7fb;scroll-padding-top:100px}body{min-height:100vh;background:radial-gradient(ellipse at 15% 12%,#d9e9ff99,transparent 48%),radial-gradient(ellipse at 92% 78%,#e8edff99,transparent 48%),linear-gradient(145deg,#fafbfe,#edf2fa);background-attachment:fixed;color:var(--ink);line-height:1.7}
button,a,input,select,textarea,summary{touch-action:manipulation}button{transition:background .18s,box-shadow .18s,transform .18s}button:active:not(:disabled){transform:scale(.98)}button:disabled{cursor:default}.btn,.icon-btn{min-height:48px;border-radius:18px;box-shadow:0 1px 2px #2c473608}.btn{font-size:calc(13px * var(--font-scale,1));padding:11px 18px;background:#ffffffb8}.btn.small{min-height:44px;padding:8px 13px;font-size:calc(12px * var(--font-scale,1))}.icon-btn,.svg-action{width:44px;height:44px;min-width:44px;flex-shrink:0}.btn.primary{background:linear-gradient(180deg,color-mix(in srgb,var(--green) 82%,white),var(--green));box-shadow:inset 0 1px 0 #ffffff35,0 5px 14px color-mix(in srgb,var(--green) 18%,transparent)}.btn.primary:hover{background:var(--green);filter:brightness(.96)}.btn.danger{background:#fff5f2;color:#a44f46}.svg-action{padding:0!important}.actions{gap:8px}.btn:focus-visible,.icon-btn:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:3px}
h1{font-size:clamp(25px,2.6vw,34px);line-height:1.65;letter-spacing:-.9px}h2{font-size:calc(18px * var(--font-scale,1));line-height:1.7}h3{font-size:calc(15px * var(--font-scale,1))}.eyebrow{display:none}.field-note,.patient-history-note{font-size:calc(12px * var(--font-scale,1));line-height:2}.muted,small{color:var(--muted)}.pill{font-size:calc(11px * var(--font-scale,1));border-radius:9px;padding:4px 9px;font-weight:500;line-height:1.7}.pill.waiting{color:#80601d;background:#fff3d9}.pill.done{color:#386844;background:#e7f2e8}.pill.cancelled{color:#974e44;background:#faeae7}
.sidebar{top:16px;bottom:16px;right:16px;width:244px;padding:24px 15px 15px;border:1px solid var(--glass-border);border-radius:28px;background:linear-gradient(145deg,#ffffffc9,#ffffff8f);backdrop-filter:blur(30px) saturate(145%);-webkit-backdrop-filter:blur(30px) saturate(145%);box-shadow:var(--glass-shadow);isolation:isolate}.sidebar .brand{padding:0 12px 20px;flex-shrink:0}.brand-mark{border-radius:16px;box-shadow:inset 0 1px 0 #ffffff60,0 5px 15px #294e3620}.sidebar .brand strong{font-size:calc(24px * var(--font-scale,1))}.sidebar .brand small{font-size:calc(10px * var(--font-scale,1));margin-top:6px}.sidebar .nav{display:block;overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;padding:0 4px 10px;scrollbar-width:thin}.nav-group+.nav-group{margin-top:20px}.nav-group-label{display:block;color:#6d7890;font-size:calc(11px * var(--font-scale,1));font-weight:500;padding:0 12px 7px}.nav button{width:100%;min-height:45px;padding:10px 13px!important;font-size:calc(13px * var(--font-scale,1));gap:11px;margin:3px 0;color:#526077;border:1px solid transparent;border-radius:14px}.nav button.active{background:color-mix(in srgb,var(--green) 12%,white 75%);color:var(--green);border:1px solid #ffffffd9;box-shadow:inset 0 1px 0 #fff,0 3px 10px #254b3210;font-weight:650}.nav button.active:before{display:none;content:'';height:18px;width:3px;border-radius:4px;background:var(--green);position:absolute;right:0}.nav button{position:relative}.nav button:hover:not(.active){background:#ffffff9c}.nav .nav-count{background:var(--green);color:var(--on-accent,#fff);padding:1px 6px}.nav .submenu{margin:5px 17px 0 0;padding:2px 10px 2px 0;border-right:1px solid #9db19f66}.nav .submenu button{font-size:calc(12px * var(--font-scale,1));white-space:normal}.side-bottom{margin-top:12px;flex-shrink:0}.profile{padding:13px 4px 0;gap:9px}.profile strong{font-size:calc(12px * var(--font-scale,1))}.profile small{font-size:calc(11px * var(--font-scale,1))}.close-navigation{display:none}.workspace{margin-right:276px;min-width:0}.topbar{height:80px;margin:0 28px;padding:0 4px;border-color:#9caf9e2b;background:transparent}.breadcrumbs{font-size:calc(13px * var(--font-scale,1));min-width:0;gap:9px}.breadcrumbs>span{color:var(--muted)}.breadcrumbs strong{font-weight:600}.top-actions .date{font-size:calc(12px * var(--font-scale,1))}.top-actions>.icon-btn{background:#ffffffb0;backdrop-filter:blur(20px)}.content{max-width:1460px;padding:30px 32px 40px;min-width:0}.page-head{margin-bottom:24px;align-items:center}.page-head p{font-size:calc(13px * var(--font-scale,1));max-width:600px;color:var(--muted)}.page-head>.actions{max-width:none}.bottom-note{font-size:calc(11px * var(--font-scale,1));opacity:.8;margin-top:0;padding-top:0}.bottom-note span:last-child{display:none}.mobile-dock,.navigation-shade{display:none}
.panel{background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);min-width:0}.panel-pad,.form-panel{padding:26px}.panel-head{padding:22px 24px;gap:14px}.panel-head h2{font-size:calc(18px * var(--font-scale,1))}.panel-head p{font-size:calc(12px * var(--font-scale,1));line-height:1.9;margin-top:4px}.toolbar{padding:16px 22px;border-color:var(--line)}.search input{background:#ffffffba;border:1px solid #9aafa32e;min-height:48px;font-size:calc(14px * var(--font-scale,1))}.search svg{top:15px}.tabs{padding:7px 12px;gap:6px;border-bottom:1px solid var(--line);scrollbar-width:none;background:#edf2f9a8}.tabs button{border:1px solid transparent;min-height:44px;font-size:calc(13px * var(--font-scale,1));padding:9px 16px;border-radius:999px;color:#60708a}.tabs button.active{background:#ffffffd9;color:var(--green);border-color:#fff;box-shadow:0 2px 8px #2a4f3710}.tabs .pill{font-size:calc(10px * var(--font-scale,1));padding:1px 6px;margin-right:7px}.table-wrap{min-width:0;max-width:100%;overscroll-behavior-inline:contain}table{white-space:normal}th{font-size:calc(12px * var(--font-scale,1));font-weight:500;padding:15px 18px;background:#eef2f880;color:#69778b;white-space:nowrap}td{font-size:calc(13px * var(--font-scale,1));padding:18px;border-bottom:1px solid var(--line);line-height:1.9}td small{font-size:calc(11px * var(--font-scale,1))}tbody tr:hover{background:#ffffff91}.person{gap:11px;min-width:0}.person strong{font-size:calc(14px * var(--font-scale,1));font-weight:600}.person small{font-size:calc(11px * var(--font-scale,1));line-height:1.8}.person .avatar{width:44px;height:44px;border-radius:50%;background:var(--sage);border:1px solid #fff;font-size:calc(13px * var(--font-scale,1));flex-shrink:0}.table-footer{font-size:calc(12px * var(--font-scale,1))}.text-btn{min-height:44px;font-size:calc(12px * var(--font-scale,1))}.empty{padding:45px 25px}.empty h3{font-size:calc(17px * var(--font-scale,1));color:var(--ink)}.empty p{font-size:calc(13px * var(--font-scale,1));max-width:400px;margin:8px auto 20px}.empty-icon{box-shadow:inset 0 1px 0 #fff}
.home-welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;padding:8px 2px}.home-welcome h1{margin:7px 0 5px;font-size:clamp(25px,2.5vw,34px)}.home-welcome p{font-size:calc(14px * var(--font-scale,1));color:var(--muted)}.today-label{display:inline-flex;align-items:center;gap:8px;font-size:calc(12px * var(--font-scale,1));color:var(--green)}.today-label svg{width:17px}.home-emblem{display:grid;place-items:center;width:78px;height:78px;border-radius:28px;transform:rotate(-8deg);background:linear-gradient(145deg,#ffffffdd,#e5eefb80);box-shadow:inset 0 1px 0 #fff,0 12px 30px #456f4212;border:1px solid #fff;backdrop-filter:blur(18px);margin:0 12px}.home-emblem svg{width:35px;height:35px;stroke-width:1.3;color:var(--green)}.home-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:25px}.home-action{display:flex;flex-wrap:wrap;align-items:center;gap:13px;text-align:right;padding:20px;background:#ffffffa3;border:1px solid #fff;border-radius:24px;color:var(--ink);backdrop-filter:blur(24px) saturate(140%);box-shadow:var(--glass-shadow);min-height:130px}.home-action.featured{background:linear-gradient(135deg,color-mix(in srgb,var(--green) 85%,white),var(--green));color:var(--on-accent,#fff);box-shadow:0 10px 24px color-mix(in srgb,var(--green) 15%,transparent),inset 0 1px 0 #ffffff66}.home-action strong{display:block;font-size:calc(16px * var(--font-scale,1))}.home-action small{display:block;font-size:calc(11px * var(--font-scale,1));margin-top:5px;color:var(--muted);line-height:1.8}.home-action.featured small{color:var(--on-accent,#fff);opacity:.87}.home-action>svg{width:15px;margin-right:auto}.action-symbol{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:var(--sage);color:var(--green);box-shadow:inset 0 1px 0 #fff}.featured .action-symbol{color:var(--on-accent,#fff);background:#ffffff25;box-shadow:inset 0 1px 0 #ffffff36}.compact-stats{gap:14px;margin-bottom:26px}.compact-stats .stat{min-height:115px;background:#ffffff70;border-color:#ffffffcf;border-radius:21px;padding:18px 20px;box-shadow:0 2px 8px #294b3510;color:var(--ink)}.compact-stats .stat .stat-title{color:#60708a;font-size:calc(12px * var(--font-scale,1))}.compact-stats .stat .stat-title svg{color:#7590b0}.compact-stats .stat .stat-foot{color:#79879b;font-size:calc(11px * var(--font-scale,1))}.compact-stats .stat-value{font-size:calc(28px * var(--font-scale,1));margin:4px 0}.today-panel{margin-bottom:20px}
input,select,textarea{min-height:49px;border-radius:14px;border-color:#a2b4a340;background:#fffffff0;font-size:calc(14px * var(--font-scale,1));color:var(--ink);padding:11px 13px}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 10%,transparent);background:#fff}input::placeholder,textarea::placeholder{color:#94a0b2}input[type=checkbox],input[type=radio]{width:22px;height:22px;min-width:22px;min-height:22px;cursor:pointer}input[type=color]{padding:5px}.field{gap:8px;font-size:calc(13px * var(--font-scale,1));min-width:0}.field label{color:#56657c;font-size:calc(13px * var(--font-scale,1));font-weight:500}.field-grid{gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.form-layout{gap:22px;grid-template-columns:minmax(0,1fr) 280px}.form-aside{top:20px;overflow:visible}.form-aside p{font-size:calc(12px * var(--font-scale,1))}.form-aside .field-grid{grid-template-columns:1fr}.form-section{padding-bottom:24px;margin-bottom:24px}.section-title{margin-bottom:23px}.section-title h2{font-size:calc(18px * var(--font-scale,1))}.section-number{width:31px;height:31px;border-radius:11px;font-size:calc(13px * var(--font-scale,1))}.check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.check-option{min-height:52px;background:#ffffffa6;font-size:calc(13px * var(--font-scale,1));padding:13px;border-radius:14px;line-height:1.8}.conditional .field-grid{margin-top:12px}.optional-section{border:1px solid var(--line)!important;border-radius:19px;background:#ffffff63;padding:0!important;margin:16px 0!important}.optional-section>summary{display:flex;align-items:center;gap:10px;list-style:none;cursor:pointer;padding:19px}.optional-section>summary h2{font-size:calc(15px * var(--font-scale,1))}.optional-section>summary>.optional-tag{margin-right:auto;color:var(--muted);font-size:calc(11px * var(--font-scale,1))}.optional-section>summary>svg{width:16px}.optional-section[open]>summary>svg{transform:rotate(180deg)}.optional-body{padding:0 20px 24px}.extra-patient-fields{margin-top:24px;border-top:1px solid var(--line);padding-top:15px}.extra-patient-fields>summary{display:flex;gap:10px;align-items:center;cursor:pointer;min-height:48px;font-size:calc(13px * var(--font-scale,1));color:var(--green)}.extra-patient-fields>summary>span{color:var(--muted);font-size:calc(11px * var(--font-scale,1));margin-right:auto}.extra-patient-fields>summary>svg{width:16px}.extra-patient-fields[open]>.field-grid{margin-top:16px}.next-step-note{border-top:1px solid var(--line);padding-top:12px}.medical-record,.variant-record{background:#fff9;border-radius:17px;padding:18px}.editor-heading{margin:16px 0}.medical-list .editor-heading h3{font-size:calc(15px * var(--font-scale,1))}.medical-record .field-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.medical-record .btn{margin-top:14px}.variant-record .field-grid{grid-template-columns:1fr 1fr}.detail-grid{gap:20px}.detail-grid dt{font-size:calc(12px * var(--font-scale,1))}.detail-grid dd{font-size:calc(14px * var(--font-scale,1))}.patient-medical-lists{font-size:calc(13px * var(--font-scale,1))}.results{max-height:340px;gap:8px}.result{padding:14px 16px;min-height:68px;border-radius:17px;background:#ffffffc4}.result:focus-visible{outline:3px solid var(--green)}.suggestions-label{font-size:calc(12px * var(--font-scale,1));color:var(--muted);padding:6px 3px}.picker-new{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);margin-top:20px;padding-top:18px;color:var(--muted);font-size:calc(13px * var(--font-scale,1))}.care-steps{display:flex;list-style:none;padding:0;margin:0 0 22px;gap:12px;align-items:center}.care-steps li{display:flex;align-items:center;gap:9px;flex:1;color:#8996aa;font-size:calc(12px * var(--font-scale,1))}.care-steps li:not(:last-child):after{content:'';height:1px;background:#b8c9bb70;flex:1;margin-left:5px}.care-steps li>span{display:grid;place-items:center;width:29px;height:29px;flex-shrink:0;border-radius:50%;background:#e5eaf2;border:1px solid #fff;font-size:calc(12px * var(--font-scale,1))}.care-steps .current{color:var(--green);font-weight:600}.care-steps .current>span,.care-steps .complete>span{background:var(--green);color:var(--on-accent,#fff);box-shadow:0 2px 9px #4766531f}.care-steps svg{width:15px}.selected-patient{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:18px;background:#f0f5fcc9;border-radius:20px;position:relative;margin-bottom:24px}.selected-patient .person{flex:1;min-width:180px}.selected-patient>.field-note{flex-basis:100%;order:3;margin:0}.selected-patient>.btn{margin:0;min-height:42px;font-size:calc(11px * var(--font-scale,1))}.booking-time-section{border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:25px}.booking-time-section h2{font-size:calc(17px * var(--font-scale,1));margin-bottom:17px}.booking-time-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:16px}.booking-heading h2{font-size:calc(18px * var(--font-scale,1))}.booking-heading>span{font-size:calc(12px * var(--font-scale,1));color:var(--muted)}.package-picker{background:#edf3fc77;border:1px solid var(--line);border-radius:19px;padding:16px;margin-top:18px;gap:10px}.package-picker+.field-note{margin:12px 0 18px}.service-filters{display:flex;gap:7px;overflow:auto;scrollbar-width:none;padding:14px 0 9px}.service-filters button{border:1px solid var(--line);background:#fff8;border-radius:12px;color:#60738e;padding:8px 14px;min-height:43px;white-space:nowrap;font-size:calc(12px * var(--font-scale,1))}.service-filters button[aria-pressed=true]{color:var(--green);background:var(--sage);border-color:color-mix(in srgb,var(--green) 32%,transparent);font-weight:600}.booking-options{margin-top:10px;display:grid;gap:11px}.booking-option{position:relative;border:1px solid var(--line);border-radius:19px;background:#ffffffb3;padding:17px;display:grid;grid-template-columns:minmax(0,1fr) 95px;gap:16px}.booking-option:not(.is-selected)>.field,.booking-option:not(.is-selected)>.option-payment{display:none}.booking-option .option-name{grid-column:1/-1;padding-left:125px;min-height:39px;align-items:center;gap:12px}.option-name strong{font-size:calc(14px * var(--font-scale,1));line-height:1.9}.option-name small{font-size:calc(11px * var(--font-scale,1));margin-top:2px}.booking-option .option-name input{margin-top:0}.option-preview{display:flex;align-items:center;gap:12px;position:absolute;left:17px;top:20px;font-size:calc(13px * var(--font-scale,1));color:#526e92;pointer-events:none}.option-preview svg{width:18px}.option-preview .unit{display:block;font-size:calc(10px * var(--font-scale,1))}.is-selected .option-preview svg{display:none}.booking-option .field label{font-size:calc(12px * var(--font-scale,1))}.booking-option .field input{font-size:calc(15px * var(--font-scale,1));min-height:48px}.booking-option.is-selected{border-color:color-mix(in srgb,var(--green) 43%,white);background:#ffffffed;box-shadow:0 3px 12px #36573a09}.booking-option.is-selected .option-name{padding-bottom:12px;border-bottom:1px solid var(--line)}.booking-option .option-payment{grid-column:1/-1;padding-top:3px;display:flex;align-items:center;justify-content:space-between;font-size:calc(13px * var(--font-scale,1))}.option-payment [data-net]{font-weight:600}.option-payment .gift-choice{min-height:44px;gap:10px}.tariff-reference{font-size:calc(11px * var(--font-scale,1));margin-top:5px}.unavailable{background:#f1f3f799}.unavailable .option-name{opacity:.65}.availability-note{font-size:calc(11px * var(--font-scale,1));color:#995c4a}.gift-badge{font-size:calc(10px * var(--font-scale,1));border-radius:7px;padding:2px 6px}.booking-summary-items{margin:14px 0 5px;max-height:260px;overflow:auto}.booking-summary-items>div{display:flex;justify-content:space-between;gap:14px;font-size:calc(12px * var(--font-scale,1));padding:13px 0;border-bottom:1px solid var(--line)}.booking-summary-items>div>strong{font-size:calc(12px * var(--font-scale,1));white-space:nowrap}.booking-total{padding:20px 0 8px;font-size:calc(13px * var(--font-scale,1));align-items:center;gap:12px}.booking-total strong{font-size:calc(19px * var(--font-scale,1));white-space:nowrap}.booking-checkout>#booking-selected{font-size:calc(12px * var(--font-scale,1))}.booking-checkout>.btn{width:100%;margin-top:15px;white-space:normal}.booking-checkout>.inline-error:empty{display:none}
.treatment-groups{padding:0 18px 18px}.patient-treatment{border-radius:21px;border:1px solid #fff;background:#ffffff6e;margin:15px 0}.patient-treatment>summary{padding:18px 20px;background:#fff6;gap:12px}.patient-treatment[open]>summary{background:linear-gradient(90deg,#f6f9ffbb,#e5eefccc)}.patient-treatment>summary .pill{font-size:calc(11px * var(--font-scale,1))}.treatment-item{display:grid;grid-template-columns:minmax(190px,1.4fr) minmax(155px,1fr) minmax(180px,1fr);gap:20px;align-items:center;padding:22px;border-bottom:1px solid var(--line)}.treatment-item:last-child{border:0}.treatment-service{display:flex;gap:12px;align-items:flex-start}.category-symbol{display:grid;place-items:center;width:37px;height:37px;min-width:37px;border-radius:13px;background:var(--sage);color:var(--green)}.category-symbol svg{width:18px}.treatment-service strong{display:inline;font-size:calc(14px * var(--font-scale,1))}.treatment-service small{display:block;font-size:calc(11px * var(--font-scale,1));margin-top:7px}.treatment-price>small{display:block;font-size:calc(11px * var(--font-scale,1))}.treatment-price>strong{display:block;font-size:calc(15px * var(--font-scale,1));margin:5px 0}.treatment-controls{display:flex;align-items:end;gap:10px}.treatment-controls>label{flex:1;min-width:120px}.treatment-controls>label>span{font-size:calc(11px * var(--font-scale,1));display:block;margin-bottom:7px}.status-select{min-height:47px;font-size:calc(13px * var(--font-scale,1));padding:9px 10px}.treatment-controls .actions{gap:6px}.treatment-controls .svg-action{width:40px;min-width:40px}.prescription-note{color:var(--green)!important}.report-document-head h2{font-size:calc(18px * var(--font-scale,1))}.report-document-head p,.report-foot{font-size:calc(12px * var(--font-scale,1))}.report-amount{font-size:calc(13px * var(--font-scale,1))}.report-table,.detail-table{white-space:nowrap}.report-table .report-row summary{font-size:calc(12px * var(--font-scale,1));min-height:49px}.report-controls .field{min-width:160px}.column-chooser summary{min-height:48px;font-size:calc(13px * var(--font-scale,1))}.column-options label{min-height:44px;align-items:center;display:inline-flex;gap:9px;font-size:calc(13px * var(--font-scale,1))}.report-record .registration-note{font-size:calc(11px * var(--font-scale,1))}.invoice-status{font-size:calc(11px * var(--font-scale,1))}.receipt{background:#fff}.receipt-area{padding-top:25px}.receipt-area>.actions{margin-bottom:22px}.service-package>summary{min-height:48px;font-size:calc(15px * var(--font-scale,1))}.service-package ul{padding-right:22px}.feedback-card{background:#ffffffa6;border-radius:20px}.feedback-record summary{min-height:48px;line-height:2}.sms-settings .panel-head{padding:0}.schedule-row{gap:12px;min-height:50px}.schedule-row input{min-height:44px;font-size:calc(14px * var(--font-scale,1))}.schedule-row label{font-size:calc(13px * var(--font-scale,1))}
dialog{width:min(720px,calc(100% - 36px));max-height:90dvh;border:1px solid #fff;border-radius:28px;background:#f7fafff0;backdrop-filter:blur(35px) saturate(130%);-webkit-backdrop-filter:blur(35px) saturate(130%);box-shadow:0 28px 100px #192d4a40}dialog::backdrop{background:#192d4a45;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.modal-head{position:sticky;top:0;background:#f7faffe8;backdrop-filter:blur(24px);z-index:3;padding:20px 24px;gap:15px}.modal-head h2{font-size:calc(20px * var(--font-scale,1))}.modal-content{padding:25px}.modal-foot{position:sticky;bottom:-25px;margin-top:24px;padding:15px 0 0;background:linear-gradient(0deg,#f7faff 80%,#f7faff00);z-index:2}.modal-content .field-grid{gap:18px}.modal-content form>.btn{min-height:48px}.modal-content .radio-box label{min-height:44px}.inline-error{font-size:calc(13px * var(--font-scale,1));line-height:1.9}.toast{background:#1d3152e8;border:1px solid #ffffff6b;backdrop-filter:blur(22px);box-shadow:0 8px 40px #25442b26;font-size:calc(14px * var(--font-scale,1));padding:15px 20px;border-radius:18px;max-width:420px}#toasts{bottom:25px}.login{background:transparent;gap:30px;max-width:1250px;margin:auto;padding:60px 35px;align-items:center;min-height:100dvh}.login-visual{min-height:650px;border-radius:36px;background:linear-gradient(150deg,#deebfcd1,#f5f8ffbd);border:1px solid #fff;box-shadow:var(--glass-shadow);padding:42px;backdrop-filter:blur(30px)}.login-copy h1{font-size:calc(38px * var(--font-scale,1));line-height:1.8}.login-copy p{color:#64728a;font-size:calc(14px * var(--font-scale,1))}.login-visual .brand strong{font-size:calc(28px * var(--font-scale,1))}.login-form{background:#ffffffa8;border:1px solid #fff;border-radius:32px;padding:45px;box-shadow:var(--glass-shadow);backdrop-filter:blur(28px)}.login-form>div{width:min(330px,100%);max-width:none}.login-form h2{font-size:calc(27px * var(--font-scale,1))}.login-form p{font-size:calc(13px * var(--font-scale,1))}.login-form .field{margin-top:23px}.login-form .field label{font-size:calc(14px * var(--font-scale,1))}.login-form .btn{min-height:52px}.login-caption{font-size:calc(12px * var(--font-scale,1))}.portal-content{max-width:1120px;padding-top:30px}.portal-login{border-radius:28px}.portal-top{background:#ffffff78;border:1px solid #fff;padding:20px;border-radius:24px;backdrop-filter:blur(25px);box-shadow:var(--glass-shadow)}.portal-profile summary,.portal-visit>summary,.portal-feedback>summary{min-height:48px}.portal-visit-body{font-size:calc(14px * var(--font-scale,1))}.star-choice>span{min-width:48px;min-height:60px;background:#ffffffc7}.portal-bill-summary{background:#e9f2fdbb}.portal-welcome .eyebrow{display:none}
@media(min-width:1500px){.home-action{flex-wrap:nowrap}.home-action small{font-size:calc(12px * var(--font-scale,1))}.field-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1250px){.sidebar{width:220px;right:12px}.workspace{margin-right:244px}.content{padding:28px 24px}.topbar{margin:0 24px}.home-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.home-action{min-height:105px;flex-wrap:nowrap}.compact-stats .stat{padding:17px}.compact-stats .stat-value{font-size:calc(24px * var(--font-scale,1))}.form-layout{grid-template-columns:minmax(0,1fr) 245px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.booking-time-grid{grid-template-columns:1fr 1fr}.booking-time-grid>.field:first-child{grid-column:1/-1}.treatment-item{grid-template-columns:minmax(190px,1.4fr) 1fr}.treatment-controls{grid-column:1/-1;justify-content:flex-end}.treatment-controls>label{flex:0 1 210px}.login{gap:24px}.login-visual{padding:35px}.login-form{padding:30px}}
@media(max-width:980px){.form-layout{grid-template-columns:1fr}.form-aside{position:static}.compact-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.login-copy h1{font-size:calc(32px * var(--font-scale,1))}.medical-record .field-grid{grid-template-columns:1fr 1fr}.treatment-item{grid-template-columns:minmax(0,1fr) 1fr}.panel-head{align-items:flex-start}}
@media(max-width:800px){html{scroll-padding-top:85px}.sidebar{top:auto;right:12px;left:12px;bottom:calc(96px + env(safe-area-inset-bottom));width:auto;max-height:calc(100dvh - 130px - env(safe-area-inset-bottom));height:fit-content;border-radius:30px;padding:22px 18px;transform:translateY(calc(100% + 130px));transition:transform .25s ease,visibility .25s;visibility:hidden;box-shadow:none;z-index:90;background:#f7faffed}.sidebar.open{visibility:visible;transform:translateY(0);box-shadow:0 15px 70px #1a3d292e}.sidebar .brand{padding:0 5px 15px}.sidebar .nav{overflow-y:auto;max-height:calc(100dvh - 340px)}.sidebar .nav button{min-height:48px;font-size:calc(14px * var(--font-scale,1))}.sidebar .nav-group-label{font-size:calc(12px * var(--font-scale,1))}.sidebar .side-bottom{margin-top:10px}.sidebar .profile{padding-top:12px}.close-navigation{display:grid;position:absolute;left:18px;top:20px}.navigation-shade{position:fixed;inset:0;display:block;background:#183a2b30;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:0;z-index:80;opacity:0;visibility:hidden;transition:opacity .2s}.menu-visible .navigation-shade{opacity:1;visibility:visible}.menu-visible{overflow:hidden}.workspace{margin:0}.topbar{height:73px;position:sticky;top:0;margin:0;padding:0 20px;background:#f5f8febd;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);z-index:40;border-bottom:1px solid #fff;gap:10px}.mobile-menu{display:none!important}.breadcrumbs{flex-wrap:wrap;font-size:calc(12px * var(--font-scale,1));gap:8px}.breadcrumbs>span{display:none}.breadcrumbs>svg{display:none}.breadcrumbs:before{content:'+';font:30px/1 Arial;display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:var(--green);color:#fff;box-shadow:inset 0 1px 0 #ffffff80}.breadcrumbs strong{font-size:calc(15px * var(--font-scale,1))}.top-actions .date{display:none}.top-actions>.btn{font-size:calc(11px * var(--font-scale,1));padding:8px 11px}.top-actions>.icon-btn{width:42px;height:42px;min-height:42px}.content{padding:23px 20px 120px;max-width:100%;overflow-wrap:anywhere}.bottom-note{display:none}.mobile-dock{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:calc(12px + env(safe-area-inset-bottom));left:max(12px,calc((100vw - 560px)/2));right:max(12px,calc((100vw - 560px)/2));z-index:100;min-height:73px;padding:5px;border:1px solid #fff;border-radius:32px;background:linear-gradient(120deg,#ffffffe0,#f4f7fcb8);backdrop-filter:blur(32px) saturate(165%);-webkit-backdrop-filter:blur(32px) saturate(165%);box-shadow:0 8px 35px #2d513822,inset 0 1px 0 #fff}.mobile-dock button{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:61px;border-radius:27px;border:1px solid transparent;background:transparent;font-size:calc(10px * var(--font-scale,1));font-weight:500;color:#64728a;padding:5px 2px;min-width:0}.mobile-dock svg{width:22px;height:22px;stroke-width:1.65}.mobile-dock button[aria-current=page]{background:color-mix(in srgb,var(--green) 13%,white 65%);border-color:#fff;color:var(--green);box-shadow:0 2px 9px #335b3612,inset 0 1px 0 #fff}.mobile-dock i{display:none;width:4px;height:4px;border-radius:5px;background:var(--green);position:absolute;bottom:3px}.page-head{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-start;margin-bottom:22px}.page-head h1{font-size:calc(27px * var(--font-scale,1))}.page-head>div:first-child{flex:1;min-width:190px}.page-head p{max-width:none;font-size:calc(13px * var(--font-scale,1));margin-top:6px}.page-head>.actions{max-width:none;flex-shrink:0;justify-content:flex-start}.page-head .btn{font-size:calc(12px * var(--font-scale,1));padding:9px 13px}.panel-pad,.form-panel{padding:22px}.panel-head{padding:20px}.toolbar{padding:15px}.home-welcome{padding:0;margin-bottom:23px;gap:10px}.home-welcome h1{font-size:calc(25px * var(--font-scale,1));margin:5px 0}.home-welcome p{font-size:calc(12px * var(--font-scale,1));max-width:260px;line-height:2}.home-emblem{width:58px;height:58px;min-width:58px;border-radius:20px;margin:0}.home-emblem svg{width:27px;height:27px}.today-label{font-size:calc(11px * var(--font-scale,1))}.home-actions{gap:12px;margin-bottom:22px}.home-action{min-height:137px;display:grid;grid-template-columns:1fr auto;gap:12px;padding:18px;border-radius:22px}.home-action>span:not(.action-symbol){grid-column:1/-1;grid-row:2}.home-action>.action-symbol{width:39px;height:39px;border-radius:13px}.home-action>svg{grid-column:2;grid-row:1}.home-action strong{font-size:calc(15px * var(--font-scale,1))}.home-action small{font-size:calc(11px * var(--font-scale,1))}.compact-stats{gap:10px;margin-bottom:23px}.compact-stats .stat{padding:16px;min-height:111px}.compact-stats .stat-title{font-size:calc(11px * var(--font-scale,1))!important}.compact-stats .stat-value{font-size:calc(25px * var(--font-scale,1))}.compact-stats .stat-foot{font-size:calc(10px * var(--font-scale,1))!important}.today-panel .panel-head h2{font-size:calc(17px * var(--font-scale,1))}.today-panel .panel-head p{font-size:calc(11px * var(--font-scale,1))}.today-panel .panel-head .btn{font-size:calc(11px * var(--font-scale,1))}.tabs{padding:7px 9px}.tabs button{font-size:calc(12px * var(--font-scale,1));padding:8px 14px}.field-grid{grid-template-columns:1fr 1fr;gap:17px 13px}.field input,.field select,.field textarea,.search input{font-size:max(16px,calc(14px * var(--font-scale,1)))}.field label{font-size:calc(13px * var(--font-scale,1))}.form-section{padding-bottom:22px;margin-bottom:22px}.section-title{gap:9px}.section-title h2{font-size:calc(17px * var(--font-scale,1))}.optional-section>summary{padding:17px 15px;gap:8px}.optional-section>summary h2{font-size:calc(14px * var(--font-scale,1))}.optional-body{padding:0 16px 20px}.optional-section .section-number{display:none}.optional-tag{font-size:calc(10px * var(--font-scale,1))!important}.check-grid{grid-template-columns:1fr}.check-option{font-size:calc(13px * var(--font-scale,1));min-height:51px}.extra-patient-fields>summary{font-size:calc(13px * var(--font-scale,1))}.medical-record .field-grid,.variant-record .field-grid{grid-template-columns:1fr}.editor-heading{align-items:center;gap:8px}.editor-heading .btn{font-size:calc(11px * var(--font-scale,1));padding:8px 10px}.medical-record{padding:15px}.care-steps{gap:7px;margin-bottom:20px}.care-steps li{font-size:calc(10px * var(--font-scale,1));gap:6px;line-height:1.6;white-space:nowrap}.care-steps li>span{width:25px;height:25px;font-size:calc(11px * var(--font-scale,1))}.care-steps li:after{margin-left:0!important;min-width:6px}.care-steps li:last-child{flex:.8}.selected-patient{padding:16px}.selected-patient .person{min-width:150px}.selected-patient>.btn{padding:7px 10px;font-size:calc(10px * var(--font-scale,1))}.selected-patient>.field-note{font-size:calc(11px * var(--font-scale,1))}.booking-time-grid{gap:16px 12px}.booking-time-grid>.field:first-child{grid-column:1/-1}.booking-heading h2{font-size:calc(17px * var(--font-scale,1))}.booking-heading>span{font-size:calc(12px * var(--font-scale,1))}.package-picker{padding:14px;border-radius:17px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end}.package-picker>.btn{width:auto;margin:0;min-height:49px;font-size:calc(11px * var(--font-scale,1));padding:8px 10px}.package-picker>.field label{font-size:calc(12px * var(--font-scale,1))}.package-picker+.field-note{font-size:calc(11px * var(--font-scale,1));line-height:1.9}.service-filters button{font-size:calc(11px * var(--font-scale,1));padding:8px 12px}.booking-option{padding:16px;border-radius:18px;grid-template-columns:minmax(0,1fr) 88px;gap:14px 12px}.booking-option .option-name{padding-left:102px;align-items:flex-start;gap:9px}.option-name strong{font-size:calc(13px * var(--font-scale,1))}.option-name small{font-size:calc(10px * var(--font-scale,1))}.option-preview{left:15px;top:18px;font-size:calc(12px * var(--font-scale,1));gap:7px}.option-preview svg{width:15px}.option-preview .unit{font-size:calc(9px * var(--font-scale,1))}.booking-option .option-payment{font-size:calc(12px * var(--font-scale,1));gap:10px;flex-wrap:wrap}.booking-option .tariff-reference{font-size:calc(10px * var(--font-scale,1))}.booking-option .field input{font-size:calc(16px * var(--font-scale,1))}.booking-summary-items{display:none}.booking-checkout{position:fixed;bottom:calc(94px + env(safe-area-inset-bottom));left:max(12px,calc((100vw - 560px)/2));right:max(12px,calc((100vw - 560px)/2));display:grid;grid-template-columns:minmax(0,1fr) minmax(125px,.75fr);column-gap:14px;padding:13px 17px;background:#f7faffed;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid #fff;border-radius:23px;box-shadow:0 6px 28px #2a4f2a22;z-index:60}.booking-checkout .booking-total{padding:0;display:block;grid-column:1;grid-row:1;font-size:calc(11px * var(--font-scale,1))}.booking-checkout .booking-total>span{display:block;font-size:calc(10px * var(--font-scale,1));color:var(--muted)}.booking-checkout .booking-total strong{display:block;font-size:calc(18px * var(--font-scale,1))}.booking-checkout #booking-selected{display:none}.booking-checkout>.btn{grid-column:2;grid-row:1;min-height:49px;margin:0;font-size:calc(12px * var(--font-scale,1));padding:8px}.booking-checkout>.inline-error{grid-column:1/-1;font-size:calc(12px * var(--font-scale,1));margin-top:8px;max-height:70px;overflow:auto}.booking-checkout>.inline-error:empty{display:none}body[data-page=booking] .content{padding-bottom:225px}body[data-page=booking] .form-aside{padding:17px 20px;border-radius:20px}.form-aside p{margin:10px 0;font-size:calc(12px * var(--font-scale,1))}body[data-page=booking] .form-aside h3{font-size:calc(14px * var(--font-scale,1))}#toasts{left:16px;right:16px;bottom:calc(102px + env(safe-area-inset-bottom));max-width:none}.toast{font-size:calc(13px * var(--font-scale,1));max-width:none}body[data-page=booking] #toasts{bottom:calc(200px + env(safe-area-inset-bottom))}.treatment-groups{padding:0 12px 12px}.patient-treatment>summary{padding:16px;gap:10px}.patient-treatment>summary .person{min-width:0;flex-basis:calc(100% - 35px);order:0}.patient-treatment>summary>svg{order:1}.patient-treatment>summary>.pill{order:2;margin-right:53px;font-size:calc(10px * var(--font-scale,1))}.treatment-item{grid-template-columns:1fr;padding:19px 17px;gap:15px}.treatment-service strong{font-size:calc(14px * var(--font-scale,1))}.treatment-service small{font-size:calc(12px * var(--font-scale,1))}.treatment-price{padding:12px 14px;background:#edf3fbb0;border-radius:14px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:3px 14px}.treatment-price>small:first-child{font-size:calc(11px * var(--font-scale,1))}.treatment-price>strong{font-size:calc(15px * var(--font-scale,1));margin:0}.treatment-price>.tariff-reference{flex-basis:100%;margin-top:3px;font-size:calc(11px * var(--font-scale,1))}.treatment-controls{grid-column:auto;justify-content:space-between;align-items:end;gap:12px}.treatment-controls>label{flex:1}.treatment-controls>label>span{font-size:calc(12px * var(--font-scale,1))}.treatment-controls .actions{gap:7px}.treatment-controls .svg-action{width:44px;height:47px;min-width:44px}.status-select{font-size:calc(14px * var(--font-scale,1));min-height:47px}.responsive-records{display:block;width:100%;border:0}.responsive-records thead{display:none}.responsive-records tbody{display:grid;padding:13px;gap:13px}.responsive-records tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid var(--line);border-radius:19px;padding:9px 6px;background:#ffffffbb;min-width:0;gap:4px}.responsive-records td{border:0;padding:9px 11px;font-size:calc(13px * var(--font-scale,1));min-width:0;overflow-wrap:anywhere;white-space:normal!important}.responsive-records td:before{content:attr(data-label);display:block;font-size:calc(11px * var(--font-scale,1));color:var(--muted);margin-bottom:4px}.responsive-records td:first-child{grid-column:1/-1;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:4px}.responsive-records td:first-child:before{display:none}.responsive-records td:last-child{grid-column:1/-1;border-top:1px solid var(--line);padding-top:12px}.responsive-records td:last-child:before{display:none}.responsive-records .actions{justify-content:flex-start}.responsive-records td .btn{font-size:calc(11px * var(--font-scale,1));min-height:44px}.responsive-records .person strong{font-size:calc(15px * var(--font-scale,1))}.responsive-records .person small{font-size:calc(12px * var(--font-scale,1))}.appointments-table{min-width:0!important}.appointments-table td{font-size:calc(13px * var(--font-scale,1))}.appointments-table td:first-child .person strong{font-size:calc(14px * var(--font-scale,1))}.appointments-table td .btn{min-height:44px}.appointments-table tr{background:#ffffffb0;border-radius:18px;padding:10px}.appointments-table tbody{padding:13px}.appointments-table th{display:none}.appointments-table td:nth-child(3){font-size:calc(12px * var(--font-scale,1))}.appointments-table td:nth-child(4){font-weight:600}.appointments-table td:last-child .actions{justify-content:flex-end}.report-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px}.report-controls>.field:first-child{grid-column:1/-1}.report-controls .field{min-width:0}.report-controls>.btn{grid-column:1/-1}.report-document-head h2{font-size:calc(17px * var(--font-scale,1))}.report-document-head p{font-size:calc(11px * var(--font-scale,1));line-height:2}.report-amount{font-size:calc(12px * var(--font-scale,1));display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.report-document-head .actions .btn{min-height:44px}.column-options{grid-template-columns:1fr}.column-options label{font-size:calc(12px * var(--font-scale,1))}.receipt-area>.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.receipt-area>.actions .btn{white-space:normal;font-size:calc(12px * var(--font-scale,1));padding:8px}.receipt-area{max-width:100%;overflow:hidden}.receipt{max-width:100%;box-sizing:border-box}.detail-grid{grid-template-columns:1fr 1fr;gap:18px}.detail-grid dd{font-size:calc(13px * var(--font-scale,1))}.detail-grid dt{font-size:calc(11px * var(--font-scale,1))}.service-package>summary{gap:10px;flex-wrap:wrap}.service-package li{font-size:calc(13px * var(--font-scale,1))}.service-package .pill{font-size:calc(10px * var(--font-scale,1))}.package-options{max-height:40dvh}.portal-content{padding:20px 17px 40px}.portal-top{padding:15px;border-radius:20px}.portal-top .brand small{font-size:calc(10px * var(--font-scale,1))}.portal-visit>summary{font-size:calc(13px * var(--font-scale,1))}.portal-visit>summary>span{font-size:calc(11px * var(--font-scale,1));gap:9px}.portal-login{margin:28px auto}.portal-profile.panel-pad{padding:20px}.portal-bill-summary{font-size:calc(13px * var(--font-scale,1))}.star-options{justify-content:space-between;gap:5px}.star-choice>span{min-width:46px;padding:10px}.portal-welcome h1{font-size:calc(25px * var(--font-scale,1))}dialog{width:100%;max-width:100%;max-height:94dvh;margin:auto 0 0;border-radius:28px 28px 0 0;border-bottom:0}.modal-head{padding:18px 20px}.modal-head h2{font-size:calc(19px * var(--font-scale,1))}.modal-content{padding:22px 20px calc(24px + env(safe-area-inset-bottom))}.modal-foot{bottom:calc(-24px - env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);flex-wrap:wrap;gap:9px}.modal-foot>.btn{flex:1;min-width:110px;font-size:calc(13px * var(--font-scale,1))}.modal-content .field-grid{grid-template-columns:1fr 1fr}.modal-content .field:has(input[type=password]),.modal-content .field:has(input[type=url]){grid-column:1/-1}.login{display:flex;flex-direction:column;gap:22px;padding:28px 20px 45px;min-height:100dvh;justify-content:center}.login-visual{min-height:0;padding:24px;width:100%;border-radius:28px}.login-visual .brand strong{font-size:calc(24px * var(--font-scale,1))}.login-copy{padding:22px 0 2px}.login-copy h1{font-size:calc(26px * var(--font-scale,1));line-height:1.8}.login-copy p,.login-visual footer{display:none}.login-form{width:100%;padding:28px 24px;border-radius:28px;display:block}.login-form>div{width:100%;max-width:none}.login-form h2{font-size:calc(23px * var(--font-scale,1))}.login-form input{font-size:calc(16px * var(--font-scale,1))}.login-form p{font-size:calc(12px * var(--font-scale,1))}.login-caption{font-size:calc(11px * var(--font-scale,1))}
}
@media(max-width:380px){.content{padding-left:15px;padding-right:15px}.panel-pad,.form-panel{padding:18px}.page-head h1{font-size:calc(25px * var(--font-scale,1))}.care-steps li{font-size:calc(9px * var(--font-scale,1));gap:5px}.care-steps li>span{width:23px;height:23px}.home-action{padding:15px}.home-action strong{font-size:calc(14px * var(--font-scale,1))}.home-action small{font-size:calc(10px * var(--font-scale,1))}.home-welcome h1{font-size:calc(25px * var(--font-scale,1))}.home-emblem{display:none}.package-picker{grid-template-columns:1fr}.package-picker>.btn{width:100%}.booking-option .option-name{padding-left:0}.option-preview{position:static;grid-column:1/-1;grid-row:2;justify-content:space-between;padding-right:31px}.booking-option .option-name{grid-row:1}.booking-option.is-selected .option-preview{display:none}.field-grid{gap:16px 11px}.field label{font-size:calc(12px * var(--font-scale,1))}.mobile-dock button{font-size:calc(9px * var(--font-scale,1))}.care-steps li:not(:last-child):after{display:none}.treatment-controls{gap:8px}.modal-content .field-grid{grid-template-columns:1fr}.modal-content .field{grid-column:1/-1}}
@media(hover:hover){.home-action:hover,.result:hover{box-shadow:0 6px 22px #254e3318;border-color:color-mix(in srgb,var(--green) 28%,white)}.home-action.featured:hover{filter:brightness(1.04)}}
@supports not (backdrop-filter:blur(1px)){.sidebar,.panel,.mobile-dock,.booking-checkout,.topbar,dialog{background:#f9fbf7}.home-action{background:#fff}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
}
@media screen{
.booking-option .option-name{min-height:48px}.service-filters button{min-height:44px}
@media(max-width:800px){.top-actions>.icon-btn{width:44px;height:44px;min-height:44px}}
.profile-section{border:1px solid var(--line);border-radius:17px;background:#fff7;margin:16px 0;overflow:hidden}.profile-section>summary{display:flex;align-items:center;gap:10px;padding:16px;min-height:52px;cursor:pointer;list-style:none;font-size:calc(14px * var(--font-scale,1));color:var(--green);font-weight:500}.profile-section>summary>svg{width:16px;margin-right:auto}.profile-section>summary>span{font-size:calc(11px * var(--font-scale,1));color:var(--muted)}.profile-section[open]>summary>svg{transform:rotate(180deg)}.profile-section>.detail-grid,.profile-section-body{padding:0 18px 20px}.profile-section-body .patient-medical-lists{margin-top:15px}.known-allergies{margin-top:16px;background:#fcf0e5;color:#835626;border:1px solid #eacfb07a;border-radius:13px;padding:12px 15px;font-size:calc(13px * var(--font-scale,1));line-height:1.9}.modal-content>.person{padding:6px 0 15px;border-bottom:1px solid var(--line)}
.patient-treatment{scroll-margin-top:90px}
.home-action{display:grid;grid-template-columns:1fr auto}.home-action>span:not(.action-symbol){grid-column:1/-1;grid-row:2}.home-action>.action-symbol{grid-column:1;grid-row:1}.home-action>svg{grid-column:2;grid-row:1}
.definition-checkout>span{display:none}
@media(max-width:800px){body:is([data-page=booking],[data-page=intake]) .form-aside{backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible}.definition-checkout{position:fixed;bottom:calc(94px + env(safe-area-inset-bottom));left:max(12px,calc((100vw - 560px)/2));right:max(12px,calc((100vw - 560px)/2));background:#f7faffed;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid white;border-radius:23px;padding:13px 17px;box-shadow:0 6px 28px #2a4f2a22;z-index:60;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.definition-checkout>span{display:block;flex:1;font-size:calc(11px * var(--font-scale,1));color:var(--muted)}.definition-checkout>.btn{width:auto;min-width:140px;min-height:48px;margin:0;flex:1}.definition-checkout>.inline-error{flex-basis:100%;font-size:calc(12px * var(--font-scale,1));margin:0;max-height:65px;overflow:auto}.definition-checkout>.inline-error:empty{display:none}body[data-page=intake] .content{padding-bottom:220px}}
.navigation-group{margin:5px 0}.navigation-group>summary{display:flex;align-items:center;gap:11px;cursor:pointer;list-style:none;min-height:48px;padding:10px 13px;border-radius:14px;color:#526077;font-size:calc(13px * var(--font-scale,1));font-weight:500}.navigation-group>summary::-webkit-details-marker{display:none}.navigation-group>summary>span{flex:1}.navigation-group>summary>svg:last-child{width:15px;height:15px;transition:transform .18s}.navigation-group[open]>summary>svg:last-child{transform:rotate(180deg)}.navigation-group>summary.active-group{color:var(--green);background:#ffffff80}.navigation-group>summary:hover{background:#ffffffb0}.navigation-children{margin:5px 17px 10px 0;padding:1px 9px 1px 0;border-right:1px solid #a9bda85e}.navigation-children button{font-size:calc(12px * var(--font-scale,1));min-height:44px;white-space:normal;line-height:1.8}.navigation-children button svg{width:17px;flex-shrink:0}.sidebar .nav>.navigation-group+.navigation-group{margin-top:6px}.sidebar .nav>.navigation-group:last-of-type{margin-bottom:10px}
@media(max-width:800px){.navigation-group>summary{font-size:calc(15px * var(--font-scale,1));min-height:51px}.navigation-children button{font-size:calc(13px * var(--font-scale,1))!important}.navigation-children{margin-right:21px}}
@media(max-width:800px){.appointments-table thead{display:none}.appointments-table tbody{display:grid;gap:12px}.appointments-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid var(--line);padding:10px}.appointments-table td{min-width:0;border:0;padding:10px}.appointments-table td:nth-child(1),.appointments-table td:nth-child(2){grid-column:1/-1}.appointments-table td:first-child{border-bottom:1px solid var(--line)}.appointments-table td:last-child{text-align:left}}

/* v2 — pearl surfaces, native grouped controls and functional overview. */
.overview-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;margin-bottom:26px;align-items:start}
.overview-main{min-width:0}.next-appointment{display:flex;gap:24px;align-items:center;padding:27px 30px;border-radius:28px;background:linear-gradient(120deg,#ffffffd4,color-mix(in srgb,var(--green) 13%,#f8fbff));border:1px solid #fff;box-shadow:inset 0 1px 0 #fff,0 10px 35px #41679509;margin-bottom:20px;min-height:178px;position:relative;overflow:hidden}
.appointment-orb{width:88px;height:98px;flex-shrink:0;border-radius:27px;background:linear-gradient(145deg,#ffffffed,color-mix(in srgb,var(--green) 13%,white));display:grid;place-items:center;color:var(--green);box-shadow:inset 0 1px 0 white,0 5px 15px #294b7610;border:1px solid white}.appointment-orb svg{width:42px;height:42px;stroke-width:1.25}.next-info{min-width:0;flex:1}.next-label{font-size:calc(12px * var(--font-scale,1));font-weight:500;color:var(--green)}.next-appointment h2{font-size:calc(22px * var(--font-scale,1));margin:4px 0;overflow-wrap:anywhere}.next-appointment p{font-size:calc(13px * var(--font-scale,1));color:var(--muted)}.appointment-time{display:inline-flex;align-items:center;gap:7px;background:var(--green);color:var(--on-accent,#fff);border-radius:99px;padding:4px 12px;margin-top:12px;font-size:calc(13px * var(--font-scale,1));box-shadow:inset 0 1px 0 #ffffff70}.appointment-time svg{width:16px;height:16px}.next-open{margin-right:auto;border-radius:50%;background:#ffffff7a;color:var(--green)}.no-next{flex-wrap:wrap}.no-next h2{font-size:calc(18px * var(--font-scale,1))}.no-next>.btn{margin-right:auto}
.overview-layout .home-actions{display:grid;grid-template-columns:1fr;gap:11px;margin:0}.overview-layout .home-action{display:flex;flex-wrap:nowrap;min-height:95px;padding:18px;border-radius:23px;background:#ffffffc7;color:var(--ink)}.overview-layout .home-action.featured{background:var(--green);color:var(--on-accent,#fff);min-height:100px}.overview-layout .home-action.featured small{color:inherit}.overview-layout .home-action>span:not(.action-symbol){min-width:0}.overview-layout .home-action strong{font-size:calc(14px * var(--font-scale,1))}.overview-layout .home-action small{font-size:calc(11px * var(--font-scale,1))}.overview-layout .home-action .action-symbol{flex-shrink:0}.home-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.home-categories button{display:grid;justify-items:center;gap:11px;padding:17px 7px;border:1px solid white;background:#ffffffc4;border-radius:22px;color:var(--ink);min-width:0}.home-categories button>span{display:grid;place-items:center;width:44px;height:44px;background:var(--sage);color:var(--green);border-radius:15px}.home-categories svg{width:26px;height:26px;stroke-width:1.4}.home-categories strong{font-size:calc(12px * var(--font-scale,1));font-weight:500}.home-categories button:hover{background:white}.home-ledger{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;font-size:calc(11px * var(--font-scale,1));color:var(--muted);margin:17px 3px 0}.home-ledger strong{color:var(--ink);margin-right:8px}.home-ledger small{font-size:inherit}.overview-layout .compact-stats{margin-bottom:18px;gap:11px}.overview-layout .stat{padding:16px;min-height:111px}.overview-layout .stat-title{font-size:calc(11px * var(--font-scale,1))}.overview-layout .stat-foot{font-size:calc(10px * var(--font-scale,1))}.overview-layout .stat-value{font-size:calc(27px * var(--font-scale,1))}.overview-layout .stat:nth-child(2) .stat-title svg{color:#d49425}.overview-layout .stat:nth-child(3) .stat-title svg{color:#27966a}.overview-layout .stat:nth-child(4) .stat-title svg{color:#e27878}
.booking-days{display:flex;gap:9px;overflow-x:auto;padding:17px 0 2px;scrollbar-width:thin}.booking-days button{display:grid;justify-items:center;gap:5px;flex:1;min-width:58px;min-height:72px;padding:10px 8px;border-radius:19px;border:1px solid var(--line);background:#f5f8fc;color:var(--ink)}.booking-days button small{font-size:calc(10px * var(--font-scale,1));white-space:nowrap}.booking-days button strong{font-size:calc(19px * var(--font-scale,1));font-weight:600}.booking-days button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:var(--on-accent,#fff);box-shadow:inset 0 1px 0 #ffffff80,0 5px 12px color-mix(in srgb,var(--green) 18%,transparent)}.booking-days button[aria-pressed=true] small{color:inherit}
.search input{border-radius:19px;background:#ffffffc9;box-shadow:inset 0 1px 0 white}.tabs{border-bottom:0;border-radius:20px;margin:12px;padding:5px;background:#e9eef5b0}.tabs button{flex:1;min-height:43px;border-radius:16px}.tabs button.active{border-color:white;background:#fff;color:var(--green);box-shadow:0 2px 7px #27426412}.service-filters button{border-radius:99px}.field input,.field select,.field textarea{border-color:#dde4ef;background:#fff}.optional-section{background:#f7f9fc!important;border:0!important}.section-number{border-radius:50%}.medical-record,.variant-record{border:1px solid var(--line);background:#fff}.gift-badge{background:var(--sage);color:var(--green)}.booking-option{background:#fff;border-color:#e6ecf4}.booking-option.is-selected{box-shadow:inset 3px 0 0 var(--green)}.patient-treatment{background:#fff;border-color:#e5ebf3}.patient-treatment[open]>summary{background:#f3f7fd}.profile-section{background:#f6f8fc}.receipt-area .receipt{border-color:#e2e7ef;border-radius:12px;box-shadow:0 12px 45px #1d365a0b}.receipt-area>.actions .btn{border-radius:99px}.topbar .icon-btn{border-radius:50%}.home-emblem{background:linear-gradient(145deg,#fff,#eaf2ff);box-shadow:inset 0 1px 0 #fff,0 8px 25px #35567b0a;transform:none;border-radius:50%}.home-welcome p{font-size:calc(13px * var(--font-scale,1))}.home-welcome{margin-bottom:23px}.compact-stats .stat .stat-title svg{color:var(--green)}
@media(max-width:1250px){.overview-layout{grid-template-columns:1fr}.overview-layout .home-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.overview-layout .home-action{display:grid;min-height:140px}.overview-layout .home-action.featured{min-height:140px}.overview-layout .compact-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){.overview-layout{gap:18px;margin-bottom:22px}.next-appointment{padding:20px;gap:16px;border-radius:25px;min-height:159px;margin-bottom:16px}.appointment-orb{width:66px;height:82px;border-radius:22px}.appointment-orb svg{width:32px;height:32px}.next-appointment h2{font-size:calc(20px * var(--font-scale,1))}.next-appointment p{font-size:calc(12px * var(--font-scale,1))}.next-label{font-size:calc(11px * var(--font-scale,1))}.next-open{width:38px;min-width:38px;height:44px}.overview-layout .compact-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.overview-layout .stat{padding:12px 7px;min-height:102px;border-radius:18px;text-align:center}.overview-layout .stat-title{display:flex;flex-direction:column-reverse;gap:6px;font-size:calc(9px * var(--font-scale,1))!important;line-height:1.8}.overview-layout .stat-title svg{width:19px;height:19px}.overview-layout .stat-value{font-size:calc(24px * var(--font-scale,1))}.overview-layout .stat-foot{display:none}.home-categories{gap:8px}.home-categories button{padding:14px 4px;border-radius:19px;gap:8px}.home-categories button>span{width:39px;height:39px;border-radius:13px}.home-categories strong{font-size:calc(10px * var(--font-scale,1))}.home-categories svg{width:24px;height:24px}.home-ledger{font-size:calc(10px * var(--font-scale,1));line-height:1.9;margin-top:13px}.overview-layout .home-actions{grid-template-columns:1fr 1fr;gap:10px}.overview-layout .home-action,.overview-layout .home-action.featured{min-height:100px;padding:15px;gap:7px;border-radius:22px}.overview-layout .home-action small{display:none}.overview-layout .home-action strong{font-size:calc(13px * var(--font-scale,1))}.overview-layout .home-action .action-symbol{width:34px;height:34px}.booking-days{gap:7px}.booking-days button{min-width:51px;min-height:68px;border-radius:17px}.mobile-dock{box-shadow:0 8px 32px #223f6a1b,inset 0 1px 0 white}.responsive-records tbody{gap:9px}.responsive-records tbody tr{border-color:#e9edf4;box-shadow:0 3px 12px #324f6f04;background:#fff;border-radius:22px}.responsive-records td:first-child{border-color:#eef1f6}.responsive-records .person .avatar{width:46px;height:46px}.definition-checkout,.booking-checkout{background:linear-gradient(135deg,#ffffffed,#f2f7ffda);border-radius:26px;box-shadow:0 7px 25px #28486d17,inset 0 1px 0 white}.breadcrumbs:before{border-radius:50%;background:var(--sage);color:var(--green);box-shadow:inset 0 1px 0 white}.topbar{height:68px;background:#f7faffb8}.sidebar{background:linear-gradient(145deg,#fffffff0,#edf4fce8)}.navigation-shade{background:#1e34552b}.treatment-price{background:#f0f5fc}.no-next>.btn{width:100%}}
@media(max-width:380px){.next-appointment{gap:12px;padding:17px}.appointment-orb{width:53px;height:73px}.next-appointment h2{font-size:calc(18px * var(--font-scale,1))}.home-categories strong{font-size:calc(9px * var(--font-scale,1))}.overview-layout .stat-title{font-size:calc(8.5px * var(--font-scale,1))!important}}
}
@media screen{.report-scroll-hint{display:none}}@media screen and (max-width:800px){.report-scroll-hint{display:block;font-size:calc(11px * var(--font-scale,1));padding:12px 18px;color:var(--muted);background:var(--sage)}}
@media print{.mobile-dock,.navigation-shade,.care-steps,.close-navigation,.home-welcome,.home-actions{display:none!important}.booking-checkout{position:static}.responsive-records td:before{display:none!important}}

@media screen and (max-width:800px){.mobile-dock button{font-size:clamp(10px,calc(10px * var(--font-scale,1)),12px)}}

@media screen{.selected-receipt{margin-top:0;padding-top:0;gap:20px}.selected-receipt>.actions{justify-content:center;max-width:670px}.selected-receipt>.btn{justify-self:start}.selected-receipt .receipt{padding:7mm 5mm}.selected-receipt>.panel{width:min(100%,670px)}}