
/* Vetia 2: photographic interface */
:root{--green:#144f42;--green-dark:#103e34;--mint:#e7f3ec;--bg:#f7f9f7;--ink:#102b2a;--muted:#697783;--line:#e2e8e5}
html{scroll-behavior:smooth;scroll-padding-top:24px}body{font-family:Inter,'Segoe UI',Arial,sans-serif;font-size:14px;letter-spacing:-.15px;background:var(--bg)}h1,h2,h3{color:#102c2c}h1{font-size:34px;font-weight:750;letter-spacing:-1.1px}h2{font-size:20px}p{line-height:1.6}.icon{width:21px;height:21px;display:inline-block;vertical-align:middle;flex:none}.btn .icon{width:19px;height:19px}.btn{border-radius:8px;padding:12px 20px;background:linear-gradient(135deg,#175e4e,#104d40);box-shadow:0 3px 7px #144d4010;font-size:13px;font-weight:600;white-space:nowrap}.btn.secondary{background:#fff;box-shadow:none;border-color:#8ea9a0;color:#153f37}.btn.small{padding:8px 13px}.btn:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #5cb18d;outline-offset:3px}.card{border-radius:12px;padding:22px;box-shadow:0 2px 4px #173f3003;border-color:#e2e8e5}.content{padding:29px 32px;max-width:1600px}.page-head{margin-bottom:25px}.page-head p{font-size:14px}.eyebrow{font-size:11px;letter-spacing:1.8px;color:#437465;font-weight:700}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.card-heading h2,.card-heading h3{margin:0;display:flex;gap:9px;align-items:center}.card-heading h2 .icon,.card-heading h3 .icon{color:var(--green)}.card-heading>a{display:flex;align-items:center;gap:8px;font-size:11px;white-space:nowrap}.card-heading>a .icon{width:15px;height:15px}.round-icon{display:inline-grid;place-items:center;background:#e7f1e9;color:var(--green);width:52px;height:52px;border-radius:50%;flex:none}.round-icon .icon{width:29px;height:29px}.skip-link{position:absolute;left:12px;top:-80px;background:#fff;z-index:99;padding:12px}.skip-link:focus{top:12px}
/* Brand and navigation */
.brand{gap:8px;font-size:36px;line-height:1.05;letter-spacing:-1.4px;color:#102f29}.brand .brand-paw{width:48px;height:48px;stroke-width:.4px}.brand small{display:block;font-size:6.8px;letter-spacing:1.2px;line-height:1.5;margin-top:6px;font-weight:650;color:#285244}.topbar{height:82px;padding:0 4%;gap:24px}.public-nav{gap:27px;height:100%}.public-nav a{position:relative;display:flex;gap:8px;align-items:center;font-size:13px;font-weight:500;height:100%}.public-nav a.active{font-weight:700;color:var(--green)}.public-nav a.active:after{content:'';position:absolute;bottom:20px;left:0;right:0;height:2px;background:var(--green)}.top-actions{gap:18px}.top-actions .btn{padding:10px 15px;font-size:12px}.sidebar{width:235px;background:linear-gradient(140deg,#174e42,#103c33);padding:25px 12px 17px}.admin-shell .page-wrap{margin-left:235px}.sidebar .brand{font-size:34px;padding:0 15px;margin-bottom:27px}.sidebar .brand .brand-paw{width:44px;height:44px;color:#9cddbe}.sidebar .brand small{font-size:11px;letter-spacing:0;font-weight:400;color:#e3ece5}.sidebar nav{margin:0;gap:4px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:10px 15px;border-radius:7px;font-size:13px;color:#d7e8e0}.sidebar nav a .icon{width:19px;height:19px}.sidebar nav a.selected{background:#ffffff1c}.sidebar-bottom{padding:22px 9px 0;margin-top:auto}.team-card{display:flex;align-items:center;gap:10px;color:white;padding-top:17px;border-top:1px solid #ffffff20}.team-card strong{font-size:12px;display:block}.team-card small{font-size:10px;color:#c3d9cc;display:block;margin-top:3px}.team-card>.icon{margin-left:auto;width:15px}.text-light{display:flex;gap:9px;align-items:center;font-size:11px;margin-top:12px}.text-light .icon{width:15px}.admin-shell .topbar{height:70px;padding:0 31px;background:#ffffffbd;backdrop-filter:blur(8px)}.global-search{display:flex;align-items:center;gap:10px;max-width:570px;flex:1;border:1px solid #dde5e1;border-radius:9px;padding:0 13px;background:#fff}.global-search input{border:0!important;background:transparent!important;padding:10px 0!important;font-size:12px}.global-search>.icon{color:#78908a;width:18px}.global-search input:focus{outline:0}.global-search:focus-within{outline:2px solid #a0cbb7}.notification-button{position:relative;display:grid;place-items:center;width:28px;height:32px;color:#193a34}.notification-dot{position:absolute;top:2px;right:0;width:7px;height:7px;background:#d65d54;border:1px solid white;border-radius:50%}.account-profile{display:flex;gap:9px;align-items:center;font-size:12px;color:#16342c}.account-avatar{display:flex}.mobile-menu{display:none}.icon-button{border:0;background:none;padding:5px;color:var(--green)}.demo-tag{border:1px solid #d2e0d6;background:#f1f6ef;color:#57705e;padding:5px 8px;font-size:9px;letter-spacing:.8px;border-radius:5px;white-space:nowrap}.demo-disclaimer{padding:18px 4%;text-align:center;font-size:10px;color:#7c8d83;background:#eff5f0;margin:0}footer{padding:22px 4%;align-items:center;font-size:10px;background:white}.footer-brand{display:flex;gap:5px;align-items:center;font-size:18px;font-weight:750;color:var(--green)}
/* Generated photo library */
.portrait,.photo-placeholder{display:inline-block;flex:none;background-color:#e6eee7;background-repeat:no-repeat;background-position:center;overflow:hidden}.photo-placeholder{display:inline-grid;place-items:center;color:#86a291}.photo-placeholder .icon{width:40%;height:40%}.portrait{background-image:url('images/animales-atlas.jpg');background-size:300% 300%}.visual-golden{background-position:0 0}.visual-tabby{background-position:50% 0}.visual-bulldog{background-position:100% 0}.visual-rabbit{background-position:0 50%}.visual-hamster{background-position:50% 50%}.visual-horse{background-position:100% 50%}.visual-cow{background-position:0 100%}.visual-sheep{background-position:50% 100%}.visual-collie{background-position:100% 100%}.visual-luna{background-image:url('images/luna-retrato.jpg');background-size:cover;background-position:50% 38%}.visual-vet,.visual-owner,.visual-farmer,.visual-groomer{background-image:url('images/personas-atlas.jpg');background-size:200% 200%}.visual-vet{background-position:0 0}.visual-owner{background-position:100% 0}.visual-farmer{background-position:0 100%}.visual-groomer{background-position:100% 100%}.avatar-photo{width:37px;height:37px;border-radius:50%;vertical-align:middle}.product-photo{background-image:url('images/productos-atlas.jpg');background-size:300% 200%;background-repeat:no-repeat;background-color:#f6f0e5;display:block;aspect-ratio:1;border-radius:8px}.visual-food-dog{background-position:0 0}.visual-food-cat{background-position:50% 0}.visual-shampoo{background-position:100% 0}.visual-brush{background-position:0 100%}.visual-leash{background-position:50% 100%}.visual-hay{background-position:100% 100%}.product-photo.photo-placeholder{background-image:none;display:grid;place-items:center}.product-cell{display:flex;gap:10px;align-items:center;max-width:300px}.product-cell .product-photo{width:34px;height:34px;flex:none;border-radius:4px}.product-cell small{display:block}.patient-cell{display:flex;align-items:center;gap:9px;color:#16322d}.patient-cell .avatar-photo{width:34px;height:34px}.patient-cell strong{display:block;font-size:12px}.patient-cell small{display:block;font-size:10px;font-weight:400;color:#6b7883}
/* Public home */
.home-hero{position:relative;min-height:475px;overflow:hidden;background:#f2f7f2}.home-hero-photo{position:absolute;top:0;right:0;width:74%;height:100%;object-fit:cover;object-position:70% 42%}.home-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f7faf6 0%,#f7faf6 32%,#f7faf6e0 43%,#f7faf600 64%);pointer-events:none}.home-hero-content{position:relative;z-index:1;width:54%;padding:61px 0 30px 6%}.home-hero h1{font-size:clamp(40px,4.4vw,65px);letter-spacing:-2px;line-height:1.03;color:#103f34;margin-bottom:20px}.home-hero .eyebrow{margin-bottom:17px}.home-hero-content>p{font-size:17px;max-width:495px;line-height:1.55;color:#4f5962}.hero-buttons{margin-top:25px;gap:13px}.home-hero .btn{padding:14px 22px}.hero-promises{display:flex;gap:16px;margin-top:34px;max-width:530px}.hero-promises>div{display:flex;gap:9px;align-items:center;padding-right:16px;border-right:1px solid #dce5df}.hero-promises>div:last-child{border:0;padding:0}.hero-promises .icon{width:29px;height:29px;color:var(--green)}.hero-promises span{font-size:10px;color:#4e5c61;line-height:1.4}.hero-promises small{display:block;font-size:9px;color:#647268}.hero-appointment{position:absolute;z-index:2;right:4%;bottom:30px;padding:15px;border:1px solid #ffffffae;background:#ffffffed;border-radius:9px;width:265px;box-shadow:0 8px 30px #1b332a1a;display:flex;gap:10px}.hero-appointment>.icon{color:var(--green);width:20px}.hero-appointment>div{flex:1}.hero-appointment strong{font-size:11px;display:block}.hero-appointment small{display:block;font-size:9px;margin-top:4px}.mini-patient{display:flex;gap:9px;align-items:center;margin-top:13px}.mini-patient .avatar-photo{border-radius:6px;width:39px;height:39px}.mini-patient a{margin-left:auto}.mini-patient strong{font-size:10px}.care-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;padding:22px 5.3%;background:#eaf3ec}.care-strip>div{display:flex;align-items:center;gap:13px}.care-strip .round-icon{width:47px;height:47px;background:#dbece0}.care-strip .round-icon .icon{width:26px;height:26px}.care-strip strong{display:block;font-size:16px;letter-spacing:-.4px;color:#164c3c}.care-strip small{display:block;font-size:10px;color:#52625c;margin-top:3px}.home-services{padding:27px 4% 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.section-heading .eyebrow{margin-bottom:6px;font-size:9px}.section-heading h2{font-size:22px;margin:0}.section-heading>a{display:flex;gap:7px;align-items:center;font-size:12px}.section-heading>a .icon{width:16px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.home-service-card{display:grid;grid-template-columns:31% 1fr;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;min-height:190px}.service-photo{position:relative;overflow:hidden}.service-photo>img{width:100%;height:100%;object-fit:cover;object-position:60% 50%}.service-photo .portrait{position:absolute;width:210px;height:210px;left:50%;top:0;transform:translateX(-50%)}.service-photo .visual-luna{width:100%;height:100%;transform:none;left:0;background-size:cover;background-position:50% 35%}.service-copy{padding:15px 13px}.service-copy .round-icon{width:43px;height:43px;margin-bottom:11px}.service-copy .round-icon .icon{width:25px;height:25px}.service-copy h3{font-size:14px;letter-spacing:-.4px;line-height:1.25}.service-copy p{font-size:11px;line-height:1.5;color:#65706f;margin-bottom:12px}.service-copy>a{display:flex;gap:8px;align-items:center;font-size:11px;font-weight:600}.service-copy>a .icon{width:14px;height:14px}.species-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 23px;border-radius:9px;background:#eaf3ed;margin-top:16px;font-size:11px;color:#214c3e}.species-bar strong{font-size:12px;line-height:1.1;border-right:1px solid #d1dfd6;padding-right:28px}.species-bar span{display:flex;align-items:center;gap:13px}.species-bar .icon{width:28px;height:28px}.home-shop{display:grid;grid-template-columns:30% minmax(0,1fr);gap:30px;padding:35px 4% 40px;background:#fff;margin-top:25px}.home-shop-intro{padding-top:10px}.home-shop-intro h2{font-size:30px;line-height:1.15;letter-spacing:-1px;color:#164b3f}.home-shop-intro p{font-size:12px;color:#68766f;max-width:315px}.home-shop-intro .eyebrow{margin-bottom:10px}.home-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.home-product{display:block;border:1px solid #e1e7e3;border-radius:9px;overflow:hidden;position:relative;background:#fff;color:#17392f;padding-bottom:16px}.home-product .product-photo{border-radius:0;aspect-ratio:1}.home-product h3{font-size:12px;line-height:1.4;margin:7px 12px}.home-product>small,.home-product>strong,.home-product>span:not(.product-tag){display:block;margin:8px 12px;font-size:10px}.home-product>strong{font-size:14px}.product-tag{position:absolute;top:10px;left:9px;z-index:1;background:#18503f;color:#fff;font-size:9px;border-radius:18px;padding:4px 10px}.product-tag.out-of-stock{background:#e7e6dd;color:#6d6b5a}.home-about{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:55px 7%;background:#f2f6f0}.home-about h2{font-size:32px;line-height:1.15;color:#173e33}.home-about p{font-size:13px;max-width:460px;color:#65736c}.membership-promo{padding:25px 30px;border-left:1px solid #d3dfd4}.membership-promo h2{font-size:26px;margin-top:15px}.membership-promo>a{font-size:13px;font-weight:600}.membership-promo .round-icon{float:right;background:#dbeee1}
/* Administration */
.dashboard-head h1{font-size:36px;margin-bottom:6px}.dashboard-head p{color:#708092}.dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:22px}.metric-card{display:flex;align-items:center;gap:17px;border:1px solid #deece5;border-radius:11px;padding:20px 18px;background:#f4fbf7;min-width:0}.metric-card .metric-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#dff6eb;color:#087559;flex:none}.metric-card .metric-icon .icon{width:30px;height:30px}.metric-card small{display:block;font-size:11px;color:#566775}.metric-card strong{display:block;font-size:27px;line-height:1.2;letter-spacing:-.9px;color:#132627;margin:7px 0}.metric-card div>span{display:block;font-size:10px;color:#4d7d69}.metric-blue{background:#f3f8fc;border-color:#e4edf5}.metric-blue .metric-icon{background:#e0f2fc;color:#078ab5}.metric-peach{background:#fff8f1;border-color:#f2e9de}.metric-peach .metric-icon{background:#fff0d8;color:#a45f08}.metric-peach div>span{color:#8c765d}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:20px;align-items:start}.dashboard-grid>.card{margin:0;padding:19px 17px}.dashboard-grid .card-heading h2{font-size:18px}.dashboard-grid .card-heading h2>.icon{width:22px;height:22px}.dashboard-grid .card-heading>a{font-size:10px}.pill-tabs{display:flex;gap:8px;margin:15px 0 13px}.pill-tabs a{display:flex;align-items:center;gap:5px;border-radius:20px;background:#f0f3f5;color:#5d6976;padding:6px 16px;font-size:10px;border:1px solid transparent}.pill-tabs a.active{background:#e8f6ed;border-color:#4c9d7e;color:#19503c}.pill-tabs .icon{width:14px;height:14px}table{font-size:12px}th{text-transform:none;font-size:10px;letter-spacing:0;color:#64727e;font-weight:500;padding:9px 10px;background:#f2f4f5}td{padding:12px 10px;color:#3b4b57;border-color:#edf0ef}.dashboard-grid table{font-size:10px}.dashboard-grid th{font-size:9px;padding:9px 7px;white-space:nowrap}.dashboard-grid td{padding:12px 7px}.dashboard-grid .patient-cell{gap:7px}.dashboard-grid .patient-cell strong{font-size:11px}.dashboard-grid .patient-cell small{font-size:9px}.dashboard-grid .avatar-photo{width:33px;height:33px}.badge{font-size:9px;padding:5px 9px;border-radius:14px;font-weight:500;line-height:1.4}.badge.pending,.badge.waiting{color:#ac650b;background:#fff0d9}.badge.confirmed{background:#e1f7e9;color:#087c51}.badge.in_progress{background:#e1f2ff;color:#0d7bb3}.badge.completed{background:#e8eef3;color:#556d82}.strong{font-weight:650;color:#172f2b}.reminder-callout{display:flex;gap:10px;align-items:center;padding:14px 11px;margin-top:16px;background:#e7f6ef;border-radius:9px}.reminder-callout>.icon{width:24px;height:24px;color:#07795c}.reminder-callout>span{flex:1;min-width:0}.reminder-callout strong{display:block;font-size:10px}.reminder-callout small{display:block;font-size:9px;line-height:1.5;margin-top:3px}.reminder-callout .btn{font-size:9px;padding:9px 10px}.chart-total{font-size:27px;letter-spacing:-1px;font-weight:700;margin:18px 0 1px}.sales-card>p{font-size:11px;margin-bottom:0}.sales-chart{width:100%;height:auto;display:block;margin-top:5px;max-height:205px}.sales-chart text{font-size:10px;fill:#6f7c85}.chart-grid{stroke:#e8efeb;stroke-width:1}.chart-line{fill:none;stroke:#16865d;stroke-width:2.5;stroke-linejoin:round}.chart-point{fill:#14895f;stroke:white;stroke-width:1.7}.stock-number.low{color:#ca4d4d;font-weight:600}.empty-state{text-align:center;padding:35px 20px;color:#7b8c82}.empty-state>.icon{width:37px;height:37px;color:#8db49d;margin-bottom:15px}.empty-state h3,.empty-state h2{font-size:17px;font-weight:600}.empty-state p{font-size:12px}.empty-state>a{font-size:12px}.filter-card{padding:13px 18px;border:1px solid var(--line);border-radius:10px;background:#fff;margin-bottom:23px}.filter-card .filter-icon{color:#899d91}.filter-card input{border:0!important;max-width:none;flex:1;background:transparent;min-width:150px}.filter-card select{border-color:#e2e8e4;font-size:12px;max-width:200px}.filter-card .btn{font-size:12px;padding:9px 16px}.count-pill{background:#e8f4eb;border-radius:20px;padding:3px 9px;font-size:11px;color:#2f6751}.patient-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px}.patient-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;transition:transform .18s,box-shadow .18s}.patient-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #1848320b}.patient-card-photo{display:block;position:relative;overflow:hidden;aspect-ratio:1.15;background:#e7eee8}.patient-cover{display:block;width:100%;aspect-ratio:1}.photo-species{position:absolute;bottom:11px;left:12px;display:flex;align-items:center;gap:5px;font-size:10px;padding:5px 10px;background:#fffffff0;border-radius:20px;color:#27513e}.photo-species .icon{width:13px;height:13px}.patient-card-body{padding:19px}.patient-card-body .card-heading{margin-bottom:4px}.patient-card-body h2{font-size:22px}.patient-card-body p{font-size:11px;margin-bottom:12px}.patient-owner{display:flex;align-items:center;gap:8px;color:#64736c;font-size:11px;margin-bottom:18px}.patient-owner .icon{width:16px;height:16px}.patient-card-body .btn{font-size:11px;padding:10px}.pagination{font-size:11px}.chip{font-size:10px}
/* Clinical history */
.public-shell.page-pet .content{max-width:1580px;padding:24px 32px}.breadcrumb{display:flex;gap:12px;align-items:center;font-size:11px;color:#667969;margin-bottom:24px}.breadcrumb a{display:flex;gap:6px;align-items:center}.breadcrumb .icon{width:14px;height:14px}.clinical-heading{margin-bottom:27px}.clinical-heading h1{font-size:29px}.clinical-heading p{font-size:13px}.clinical-heading .btn{font-size:12px;padding:12px 21px}.clinical-layout{display:grid;grid-template-columns:240px minmax(0,1fr) 258px;gap:23px;align-items:start}.pet-profile-card{padding:0;overflow:hidden}.profile-photo{display:block;width:100%;aspect-ratio:1}.profile-inner{padding:19px 18px}.profile-inner h2{font-size:30px;letter-spacing:-1px}.profile-inner .breed{display:flex;gap:7px;align-items:start;font-size:12px;color:#556879;margin:12px 0 20px}.profile-facts p{display:flex;gap:12px;align-items:start;margin-bottom:16px;font-size:12px;color:#526575}.profile-facts .icon{width:19px;height:19px}.profile-facts small{display:block;font-size:10px;margin-top:3px;color:#7b8793;overflow-wrap:anywhere}.profile-inner hr{margin:19px 0}.owner-detail{display:flex;gap:9px;align-items:start}.owner-detail .avatar-photo{width:31px;height:31px}.owner-detail>div{min-width:0}.owner-detail small{display:block;font-size:9px;overflow-wrap:anywhere;margin-bottom:3px}.owner-detail strong{display:block;font-size:12px;margin-bottom:4px}.allergy-note{margin-top:20px;padding:12px;background:#fff8e9;border:1px solid #f0e7d5;border-radius:7px;font-size:10px;color:#85724f}.allergy-note strong{display:block;margin-bottom:4px}.profile-status{display:flex;gap:10px;align-items:center;background:#eaf6ee;padding:12px;margin-top:18px;border-radius:7px;color:#247552}.profile-status strong{display:block;font-size:10px}.profile-status small{display:block;font-size:9px;color:#668777}.clinical-tabs{display:flex;gap:2px;border-bottom:1px solid #dce5df;margin-bottom:21px;overflow-x:auto}.clinical-tabs a{display:flex;align-items:center;gap:6px;white-space:nowrap;padding:13px 11px 15px;font-size:11px;color:#6a7789;border-bottom:3px solid transparent}.clinical-tabs .icon{width:17px;height:17px}.clinical-tabs a.active{color:#135f45;border-bottom-color:#1d7554;font-weight:650}.clinical-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 17px;font-size:10px;color:#84908b}.clinical-tools>span{display:flex;gap:7px;align-items:center}.clinical-tools>span .icon{width:14px;height:14px}.clinical-tools .btn{font-size:10px}.clinical-timeline{display:grid;gap:16px}.consultation-entry{display:grid;grid-template-columns:83px minmax(0,1fr);border:1px solid var(--line);border-radius:11px;background:#fff;padding:17px 20px 19px 0;min-width:0}.consultation-date{position:relative;border-right:1px solid #e5ebe6;margin:0 16px 0 0;padding:4px 9px 0 22px;font-size:11px;color:#324b44}.consultation-date strong{display:block;white-space:nowrap}.consultation-date small{font-size:10px;display:block;color:#86938e;margin-top:3px}.timeline-dot{position:absolute;width:11px;height:11px;top:9px;left:13px;border-radius:50%;background:#176b4e;transform:translateX(-50%)}.consultation-title{display:flex;gap:12px;align-items:start;margin-bottom:17px}.consultation-title .round-icon{width:40px;height:40px}.consultation-title .round-icon .icon{width:23px;height:23px}.consultation-title h2{font-size:17px;margin:0 0 3px;line-height:1.3}.consultation-title p{font-size:11px;color:#607080;line-height:1.35;margin:0}.consultation-title p small{display:block;font-size:10px;margin-top:4px;color:#85908a}.clinical-details>div{margin-bottom:10px}.clinical-details strong{font-size:10px;color:#233b34}.clinical-details p{font-size:11px;line-height:1.5;color:#61717b;margin:2px 0 0}.weight-note{font-size:10px;color:#7e8c83}.attachment-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.attachment-tile{display:flex;align-items:center;gap:10px;border:1px solid #e1e9e4;background:#f8faf8;border-radius:7px;padding:10px 12px;max-width:100%;font-size:10px;color:#41584b}.attachment-tile>span{min-width:0}.attachment-tile strong{display:block;overflow-wrap:anywhere}.attachment-tile small{display:block;font-size:9px;color:#7f8d84;margin-top:3px}.attachment-tile>.icon:last-child{margin-left:10px;width:17px;height:17px}.clinical-aside{padding-top:72px}.clinical-aside .card{padding:20px;margin-bottom:20px}.clinical-aside h3{display:flex;gap:9px;align-items:center;font-size:16px;margin-bottom:21px}.clinical-aside h3 .icon{color:var(--green)}.clinical-aside .next-vaccine{padding:0;overflow:hidden}.aside-heading{background:#e8f5ec;padding:17px 18px;display:flex;gap:9px;align-items:center;font-size:16px;font-weight:650;color:#154f3d}.aside-body{padding:20px 18px 14px}.next-event{display:flex;gap:13px;align-items:center;margin-bottom:20px}.next-event>.icon{width:28px;height:28px;color:#15664c}.next-event strong{display:block;font-size:13px}.next-event small{display:block;font-size:11px;color:#748074;margin-top:5px}.aside-email{display:flex;align-items:center;gap:6px;border-top:1px solid #e5ece6;padding-top:14px;color:#337055;font-size:9px}.aside-email .icon{width:15px;height:15px}.state-dot{width:8px;height:8px;border-radius:50%;background:#5baa7c;margin-left:auto}.clinical-aside .btn{font-size:11px}.account-aside>small{display:block;font-size:10px}.account-balance{display:block;font-size:26px;letter-spacing:-.8px;color:#97621b;margin:9px 0}.paid-count{display:flex;gap:6px;align-items:center;color:#4b8468;font-size:10px;margin:10px 0 18px}.paid-count .icon{width:15px;height:15px}.account-aside>a{font-size:10px;display:flex;gap:6px;align-items:center}.billing-overview{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}.billing-overview .metric-card{padding:15px;gap:10px}.billing-overview .metric-icon{width:40px;height:40px}.billing-overview .metric-card strong{font-size:20px}.summary-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.summary-tiles>div{border:1px solid #e5ece5;padding:15px;border-radius:9px}.summary-tiles small,.summary-tiles strong{display:block}.summary-tiles .icon{color:#33775c;margin-bottom:12px}.summary-tiles small{font-size:9px}.summary-tiles strong{font-size:11px;margin-top:5px}.clinical-form summary{display:flex;gap:7px;align-items:center}.clinical-form[open]>summary{margin-bottom:25px}
/* Shop */
.shop-intro{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(100deg,#edf5ed,#f7f7ef);border:1px solid #e2ebe0;border-radius:15px;padding:32px 40px;margin-bottom:20px;overflow:hidden;min-height:230px}.shop-intro h1{font-size:39px;color:#174c3c;letter-spacing:-1.6px}.shop-intro p{font-size:13px;color:#6e7c73;margin:15px 0 0}.shop-intro .eyebrow{font-size:10px;margin-bottom:10px}.shop-intro-art{display:flex;gap:10px;align-items:center;margin:-30px -10px -30px 20px;width:43%;max-width:420px}.shop-intro-art .product-photo{width:60%;flex:none;mix-blend-mode:multiply;border-radius:12px}.shop-intro-art .product-photo:last-child{width:46%;margin-left:-27px;transform:rotate(7deg)}.shop-benefits{display:flex;justify-content:center;gap:40px;margin:24px 0;font-size:10px;color:#6b7c72}.shop-benefits>span{display:flex;gap:8px;align-items:center}.shop-benefits .icon{width:18px;height:18px;color:#3f7b5f}.shop-orders-link{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:11px}.shop-layout{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:25px;align-items:start}.shop-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.shop-product-card{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fff}.shop-product-image{position:relative;background:#f4efe7;overflow:hidden}.shop-product-image .product-photo{border-radius:0;transition:transform .3s}.shop-product-card:hover .shop-product-image .product-photo{transform:scale(1.025)}.shop-product-copy{padding:18px}.shop-product-copy>small{font-size:9px;letter-spacing:.6px;color:#7d8d83}.shop-product-copy h2{font-size:17px;margin:9px 0;line-height:1.2;min-height:40px}.shop-product-copy>p{font-size:11px;color:#77837c;min-height:34px;margin-bottom:14px}.product-price{font-size:21px;color:#225b42;font-weight:700}.product-price small{display:block;font-size:9px;color:#8a968e;font-weight:400;margin:5px 0 15px}.product-buy-row{display:flex;gap:8px}.product-buy-row input{width:58px!important;font-size:12px;padding:9px!important}.product-buy-row .btn{flex:1;margin:0;font-size:11px;padding:10px}.shop-cart{position:sticky;top:22px}.shop-cart .card{padding:23px}.shop-cart .card-heading{margin-bottom:20px}.shop-cart h2{font-size:18px}.cart-empty{text-align:center;padding:30px 0;color:#9caaa1}.cart-empty>.icon{width:40px;height:40px;stroke-width:1.2px;margin-bottom:10px}.cart-empty p{font-size:14px;color:#708579;line-height:1.5}.cart-empty small{font-size:10px}.cart-item{display:flex;gap:12px;align-items:start;padding:17px 0;border-top:1px solid var(--line)}.cart-item>.product-photo{width:58px;height:58px;flex:none}.cart-item strong{font-size:11px;display:block;line-height:1.4}.cart-item small{font-size:10px;display:block;margin-top:5px}.remove-item{border:0;background:transparent;color:#85988b;font-size:9px;padding:4px 0;text-decoration:underline}.cart-totals p{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:14px;color:#6a7e71}.cart-totals strong{font-size:12px;color:#2e503d}.cart-totals .cart-grand-total{border-top:1px solid var(--line);padding-top:16px;margin-top:18px;color:#25442e;font-size:15px}.cart-grand-total strong{font-size:22px;letter-spacing:-1px}.cart-note{display:flex;gap:10px;align-items:start;background:#f0f7f1;padding:13px;border-radius:7px;margin-top:20px}.cart-note .icon{color:#629471;width:18px;height:18px}.cart-note small{font-size:9px;line-height:1.5}
/* Booking */
.booking-hero{position:relative;overflow:hidden;min-height:190px;border-radius:12px 12px 0 0;margin:0 0 18px;background:#f4f7f0}.booking-hero>img{position:absolute;right:0;top:0;width:55%;height:100%;object-fit:cover;object-position:65% 38%;mask-image:linear-gradient(90deg,transparent,#000 45%)}.booking-hero>div{position:relative;padding:25px 32px;z-index:1;max-width:75%}.booking-hero h1{font-size:35px;letter-spacing:-1px;color:#164b3e;line-height:1.15}.booking-hero p{font-size:17px;color:#7e8a87;margin:10px 0 0}.booking-hero .eyebrow{font-size:9px;margin-bottom:12px}.booking-progress{display:flex;align-items:center;gap:15px;max-width:830px;margin:27px 0}.booking-progress>button{background:none;border:0;display:flex;align-items:center;gap:12px;white-space:nowrap;color:#8b9991;font-size:12px;padding:0}.booking-progress>button>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e8eeea;color:#9ba89f;font-size:17px;font-weight:650}.booking-progress>button.active{color:#24563f}.booking-progress>button.active>span,.booking-progress>button.complete>span{background:#1b5b45;color:#fff}.booking-progress>i{height:1px;background:#dce6dd;flex:1}.booking-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:24px;align-items:start}.booking-main{padding:26px}.booking-main h2{font-size:19px;margin-bottom:25px}.booking-pet-selector{display:flex;align-items:center;gap:13px;padding:13px;border:1px solid #dfe7e0;border-radius:9px;margin-bottom:23px;background:#fff}.booking-pet-selector .avatar-photo{width:46px;height:46px}.booking-pet-selector>div:nth-child(2){flex:1;min-width:0}.booking-pet-selector label{font-size:9px;color:#859288;font-weight:400;margin-bottom:3px}.booking-pet-selector select{padding:2px 18px 2px 0;border:0;font-size:13px;font-weight:600;color:#2e4c3b}.booking-pet-selector .btn{margin:0;font-size:10px;padding:11px 13px}.booking-category{display:flex;gap:10px;margin-bottom:20px;border-bottom:1px solid #e6ece5;padding-bottom:14px}.booking-category>button{display:flex;gap:7px;align-items:center;padding:8px 13px;background:#f3f6f3;color:#74857a;border:1px solid transparent;border-radius:7px;font-size:11px}.booking-category .icon{width:17px;height:17px}.booking-category>button.active{border-color:#8db79d;background:#edf7ef;color:#246341}.booking-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}.booking-service{position:relative;display:block;border:1px solid #dfe7e1;border-radius:9px;overflow:hidden;margin:0;cursor:pointer;font-size:inherit;font-weight:400;background:#fff}.booking-service:has(input:checked){border-color:#23865b;background:#f0faf2;box-shadow:0 0 0 1px #23865b15}.booking-service:focus-within{outline:3px solid #9bc7a6;outline-offset:2px}.booking-service input{position:absolute;width:1px!important;height:1px;opacity:0;left:10px;top:10px}.service-choice-photo{display:block;aspect-ratio:1.6;background-image:url('images/grooming-atlas.jpg');background-size:300% 100%;background-position:0 50%;margin:8px 8px 0;border-radius:6px}.groom-bath{background-position:0 50%}.groom-cut{background-position:50% 50%}.groom-finish{background-position:100% 50%}.clinical-choice-photo{background-image:none;background:linear-gradient(135deg,#e4f2e6,#d8eadf);display:grid;place-items:center;color:#77a38a}.clinical-choice-photo .icon{width:43px;height:43px;stroke-width:1.2px}.service-choice-copy{display:block;padding:13px 14px 16px}.choice-title{display:flex;align-items:center;justify-content:space-between;gap:7px;color:#203d2b;font-size:13px}.radio-dot{display:block;flex:none;width:17px;height:17px;border:1.5px solid #9bada0;border-radius:50%;position:relative}.booking-service:has(input:checked) .radio-dot{background:#287b51;border-color:#287b51}.booking-service:has(input:checked) .radio-dot:after{content:'';position:absolute;inset:4px;background:#fff;border-radius:50%}.service-duration{display:flex;gap:6px;align-items:center;font-size:10px;color:#6c8071;margin-top:10px}.service-duration .icon{width:14px;height:14px}.service-description{display:block;font-size:10px;line-height:1.5;color:#788a7b;margin-top:7px}.service-price{display:block;font-size:20px;font-weight:700;letter-spacing:-.6px;color:#233c29;margin-top:13px}.booking-options label{font-size:11px}.booking-options select,.booking-options textarea{font-size:11px}.booking-options textarea{min-height:48px;height:48px}.booking-step+.booking-step{border-top:1px solid var(--line);padding-top:25px;margin-top:25px}.booking-step-actions{display:none;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.booking-step-actions>span{font-size:9px;color:#889b8a}.booking-step-actions .btn{font-size:11px;margin:0}.booking-summary{position:sticky;top:20px}.booking-summary>.card{padding:24px}.booking-summary h2{font-size:20px;margin-bottom:22px}.summary-pet{display:flex;gap:12px;align-items:center;padding:16px;border:1px solid #e3e9e1;border-radius:8px;margin-bottom:23px}.summary-pet .avatar-photo{width:43px;height:43px}.summary-pet strong{display:block;font-size:14px}.summary-pet small{display:block;font-size:10px;margin-top:5px}.summary-service{display:flex;gap:13px;align-items:center;margin-bottom:23px}.summary-service>.icon{width:23px;height:23px}.summary-service strong{display:block;font-size:13px}.summary-service small{display:block;font-size:10px;margin-top:5px}.summary-row{display:flex;gap:13px;align-items:center;margin:20px 0;font-size:11px;color:#4e6757}.summary-row>.icon{width:20px;height:20px}.summary-total{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #e1e9df;padding-top:18px;margin-top:23px}.summary-total>span{font-size:12px;font-weight:600}.summary-total strong{font-size:26px;letter-spacing:-1px;color:#2b3d2e}.booking-summary .card>small{display:block;font-size:8px;line-height:1.5;margin:9px 0 13px}.booking-summary .btn{font-size:11px;padding:13px 15px}.booking-summary .summary-next{display:none}.booking-email{display:flex;gap:9px;align-items:center;background:#edf8ef;padding:12px;border-radius:7px;margin:15px 0 20px;font-size:9px;color:#4e785b}.booking-email .icon{width:18px;height:18px}.summary-assurances{border-top:1px solid #e0e8de;padding-top:16px}.summary-assurances p{display:flex;gap:9px;align-items:center;font-size:9px;color:#84917f;margin:13px 0}.summary-assurances .icon{width:17px;height:17px}.date-time-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:24px}.booking-calendar{border:1px solid #e4eae1;border-radius:10px;padding:15px}.calendar-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:13px}.calendar-heading>button{border:0;background:none;font-size:22px;color:#497251;padding:2px 6px}.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-weekdays{font-size:10px;color:#80937d;text-align:center;margin-bottom:10px}.calendar-days>button,.calendar-days>span{display:grid;place-items:center;border:0;background:none;width:100%;aspect-ratio:1;font-size:11px;color:#50714d;border-radius:50%}.calendar-days>button:hover{background:#eef7ea}.calendar-days>button.active{background:#246d44;color:white}.calendar-days>button:disabled{color:#cad2c7;cursor:not-allowed}.available-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.available-slots>button{border:1px solid #dce7d6;background:#fff;border-radius:7px;padding:10px 8px;font-size:11px;color:#496243}.available-slots>button.active{background:#225e3b;color:white;border-color:#225e3b}.availability-status{font-size:10px;color:#86977e;min-height:32px}.date-time-grid>section>h3{font-size:13px}.review-icon{display:grid;place-items:center;width:64px;height:64px;background:#e7f4e6;border-radius:50%;color:#4a8651;margin-bottom:22px}.review-icon .icon{width:32px;height:32px}.review-note{display:flex;gap:15px;padding:22px;background:#f2f8ed;border-radius:10px;margin:25px 0}.review-note>.icon{color:#5b8c5b;width:27px;height:27px}.review-note strong{font-size:13px}.review-note p{font-size:11px;color:#82917c;margin:7px 0 0}.wizard-ready .booking-step{display:none;border:0;padding:0;margin:0}.wizard-ready .booking-step.active{display:block}.wizard-ready .booking-step-actions{display:flex}.wizard-ready .summary-next{display:flex}.wizard-ready [data-submit-booking]{display:none}.wizard-ready.is-review .summary-next{display:none}.wizard-ready.is-review [data-submit-booking]{display:flex}.booking-service[hidden]{display:none!important}.my-bookings{margin-top:26px}
.form-grid input,.form-grid select,.form-grid textarea{font-size:12px;padding:11px 12px}.form-grid label{font-size:11px;color:#5d7564;font-weight:550}.auth{max-width:455px;margin:35px auto;padding:36px}.auth h1{font-size:31px}.auth p{font-size:12px}.auth label{font-size:11px}.auth .btn{width:100%;margin-top:24px}.auth .inline{font-size:10px;justify-content:center}.invoice-sheet h1{font-size:28px}.invoice-sheet .brand{font-size:27px}.invoice-head p{font-size:11px}.plan-price{font-size:31px}.flash{font-size:12px;border-radius:9px}

@media(min-width:1600px){.home-hero{min-height:530px}.home-hero-content{padding-top:75px}.home-hero h1{font-size:70px}.home-hero-content>p{font-size:20px;max-width:565px}.care-strip{padding-top:25px;padding-bottom:25px}.home-service-card{min-height:205px}.service-copy h3{font-size:16px}.service-copy p{font-size:12px}.home-shop-intro h2{font-size:35px}}
@media(max-width:1350px){.clinical-layout{grid-template-columns:215px minmax(0,1fr) 225px;gap:18px}.clinical-tabs a{padding-left:7px;padding-right:7px;font-size:10px}.clinical-tabs .icon{width:14px;height:14px}.dashboard-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.dashboard-stats{gap:12px}.metric-card{padding:17px 13px;gap:12px}.metric-card .metric-icon{width:46px;height:46px}.metric-card strong{font-size:23px}.metric-card small{font-size:10px}.metric-card div>span{font-size:9px}.booking-layout{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.booking-main{padding:22px}.booking-services{gap:10px}.service-choice-copy{padding:11px}.service-description{font-size:9px}.service-price{font-size:18px}.booking-summary>.card{padding:19px}.shop-products{grid-template-columns:repeat(2,minmax(0,1fr))}.home-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-product-grid .home-product:nth-child(4){display:none}.home-hero-content{padding-left:4%}.hero-promises{gap:9px}.hero-promises>div{padding-right:9px}.hero-promises .icon{width:23px;height:23px}.hero-promises span{font-size:9px}.hero-promises small{font-size:8px}.care-strip{gap:14px;padding-left:4%;padding-right:4%}.care-strip strong{font-size:13px}.care-strip small{font-size:9px}.service-copy{padding:13px 10px}.service-copy h3{font-size:13px}.service-copy p{font-size:10px}.patient-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-shell .clinical-layout{grid-template-columns:210px minmax(0,1fr)}.admin-shell .clinical-aside{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);padding-top:0;gap:18px}.admin-shell .clinical-aside .card{margin:0}.home-hero h1{font-size:53px}.home-hero-content>p{font-size:16px;max-width:450px}.home-hero .btn{padding:13px 17px;font-size:12px}.public-nav{gap:20px}.top-actions{gap:12px}.public-shell .topbar{gap:18px}}
@media(max-width:1150px){.sidebar{width:210px}.admin-shell .page-wrap{margin-left:210px}.sidebar .brand{font-size:30px;padding-left:10px}.sidebar nav a{font-size:12px;padding:9px 12px;gap:10px}.content{padding:25px}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid .card-heading h2{font-size:19px}.dashboard-grid td{font-size:11px}.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-head h1{font-size:30px}.metric-card{padding:18px}.metric-card strong{font-size:28px}.booking-layout{grid-template-columns:1fr}.booking-summary{position:static}.booking-summary>.card{max-width:none}.summary-pet{max-width:400px}.booking-summary .summary-assurances{display:none}.booking-hero h1{font-size:32px}.booking-main .booking-options{grid-template-columns:1fr 1fr}.service-grid{grid-template-columns:repeat(2,1fr)}.service-copy h3{font-size:16px}.service-copy p{font-size:12px}.service-copy{padding:18px}.home-service-card{min-height:190px}.home-hero{min-height:465px}.home-hero h1{font-size:47px}.home-hero-content{width:58%;padding-top:48px}.home-hero-photo{width:73%;object-position:77% 40%}.hero-promises{flex-wrap:wrap;gap:12px}.hero-promises>div:nth-child(3){display:none}.hero-appointment{right:3%;width:235px}.care-strip{grid-template-columns:1fr 1fr;gap:18px 25px}.home-shop{grid-template-columns:1fr;gap:22px}.home-product-grid{grid-template-columns:repeat(4,1fr)}.home-product-grid .home-product:nth-child(4){display:block}.home-shop-intro h2{font-size:30px}.home-shop-intro p{max-width:none}.home-about h2{font-size:28px}.public-nav{gap:15px}.public-nav a{font-size:11px}.brand{font-size:30px}.brand .brand-paw{width:41px;height:41px}.brand small{font-size:5.5px}.public-shell .top-actions .btn{font-size:10px;padding:10px}.clinical-layout{grid-template-columns:210px minmax(0,1fr)}.clinical-aside{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);padding-top:0;gap:17px}.clinical-aside .card{margin:0}.clinical-heading h1{font-size:26px}.clinical-heading p{font-size:12px}.patient-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-layout{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.shop-product-copy{padding:15px}.shop-product-copy h2{font-size:15px}.shop-intro{padding:28px}.shop-intro h1{font-size:34px}.shop-intro-art{width:40%}.public-shell .topbar .top-actions>.demo-tag{display:none}}
@media(max-width:800px){.sidebar{position:fixed;width:235px;transform:translateX(-100%);transition:transform .2s;padding:25px 12px;z-index:20}.sidebar .sidebar-bottom{display:grid}.sidebar nav{display:grid;overflow:visible;margin:0}.sidebar nav a{white-space:normal}.admin-shell .page-wrap{margin-left:0}.admin-shell.menu-open .sidebar{transform:translateX(0);box-shadow:20px 0 100px #102c2933}.admin-shell .mobile-menu{display:block}.admin-shell .topbar{gap:15px;padding:0 17px;height:64px;flex-wrap:nowrap}.admin-shell .top-actions{gap:10px}.admin-shell .top-actions .account-avatar{display:none}.admin-shell .top-actions .demo-tag{font-size:7px;padding:4px}.admin-shell .global-search{max-width:none}.admin-shell .global-search input{font-size:10px}.content,.public-shell.page-pet .content{padding:23px 18px}.public-shell .topbar{height:auto;min-height:76px;padding:14px 18px;gap:12px;flex-wrap:wrap}.public-nav{order:3;width:100%;height:32px;justify-content:space-between;gap:15px;overflow-x:auto}.public-nav a{height:32px;white-space:nowrap;font-size:11px}.public-nav a.active:after{bottom:0}.public-nav .icon{width:16px;height:16px}.top-actions{margin-left:auto}.public-shell .top-actions .btn{padding:9px 10px;font-size:10px}.public-shell .top-actions .btn .icon{width:15px;height:15px}.account-profile>span:last-child{display:none}.brand{font-size:31px}.brand small{font-size:5.5px}.brand .brand-paw{width:39px;height:39px}.home-hero{min-height:580px;padding-top:0}.home-hero-photo{top:auto;bottom:0;width:100%;height:63%;object-position:80% 44%}.home-hero:after{background:linear-gradient(180deg,#f7faf6 0%,#f7faf6 35%,#f7faf6b0 50%,#f7faf600 65%)}.home-hero-content{padding:32px 23px 0;width:100%;max-width:100%}.home-hero h1{font-size:43px;letter-spacing:-1.5px;line-height:1.04;margin-bottom:14px}.home-hero-content>p{font-size:13px;max-width:370px;line-height:1.55}.home-hero .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:14px}.home-hero .hero-buttons{margin-top:19px;gap:9px}.home-hero .btn{padding:12px 13px;font-size:11px}.home-hero .btn .icon{width:15px}.hero-promises{display:none}.hero-appointment{bottom:20px;right:18px;width:220px;padding:12px}.hero-appointment strong{font-size:10px}.hero-appointment small{font-size:8px}.hero-appointment .mini-patient{margin-top:10px}.care-strip{padding:20px;gap:20px 12px}.care-strip .round-icon{width:36px;height:36px}.care-strip .round-icon .icon{width:21px;height:21px}.care-strip>div{gap:10px}.care-strip strong{font-size:11px}.care-strip small{font-size:8px;line-height:1.4}.home-services{padding:27px 18px 0}.section-heading{align-items:start}.section-heading h2{font-size:19px;line-height:1.25}.section-heading>a{display:none}.service-grid{gap:13px}.home-service-card{display:block;min-height:auto}.service-photo{height:118px}.service-photo>img{object-position:50% 42%}.service-photo .portrait{height:190px;width:190px;top:-10px}.service-photo .visual-luna{width:100%;height:100%;top:0;background-position:50% 36%}.service-copy{padding:16px 14px}.service-copy .round-icon{width:37px;height:37px;margin-top:-35px;position:relative;border:3px solid white}.service-copy .round-icon .icon{width:20px;height:20px}.service-copy h3{font-size:14px;min-height:32px}.service-copy p{font-size:10px;min-height:45px}.service-copy>a{font-size:10px}.species-bar{padding:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px 10px}.species-bar>strong{grid-column:1/-1;border:0;padding:0;font-size:12px}.species-bar>strong br{display:none}.species-bar span{font-size:10px;gap:8px}.species-bar .icon{width:22px;height:22px}.home-shop{padding:28px 18px;margin-top:22px}.home-shop-intro h2{font-size:28px}.home-shop-intro p{font-size:11px}.home-product-grid{grid-template-columns:repeat(2,1fr);gap:14px}.home-about{grid-template-columns:1fr;padding:35px 24px;gap:35px}.home-about h2{font-size:29px}.membership-promo{border-left:0;border-top:1px solid #d3dfd4;padding:25px 0 0}.dashboard-head{align-items:start;flex-direction:row;gap:12px}.dashboard-head h1{font-size:28px;letter-spacing:-.9px}.dashboard-head p{font-size:11px}.dashboard-head>.btn{font-size:10px;padding:10px;white-space:nowrap}.dashboard-head>.btn .icon{width:16px}.dashboard-stats{gap:11px}.metric-card{padding:15px 12px;gap:10px}.metric-card .metric-icon{width:39px;height:39px}.metric-card .metric-icon .icon{width:23px;height:23px}.metric-card strong{font-size:23px}.metric-card small{font-size:9px;line-height:1.4}.metric-card div>span{font-size:8px}.dashboard-grid .card{padding:17px 13px}.dashboard-grid .card-heading h2{font-size:16px}.dashboard-grid .card-heading>a{font-size:9px}.dashboard-grid .card-heading>a .icon{display:none}.dashboard-grid table{min-width:440px}.dashboard-grid .low-stock-card table{min-width:330px}.dashboard-grid .vaccines-card table{min-width:380px}.reminder-callout .btn{font-size:8px;padding:9px}.reminder-callout strong{font-size:9px}.reminder-callout small{font-size:8px}.filter-card{padding:11px 12px;gap:8px}.filter-card input{min-width:150px;font-size:11px}.filter-card select{font-size:10px;max-width:150px}.filter-card .btn{font-size:11px}.patient-card-grid{gap:14px}.patient-card-body{padding:14px}.patient-card-body h2{font-size:21px}.patient-card-body p{font-size:10px;line-height:1.4}.patient-owner{font-size:10px}.patient-card-body .btn{font-size:9px;padding:9px 5px;gap:4px}.patient-card-body .btn .icon{width:13px}.photo-species{font-size:8px;padding:4px 7px;bottom:7px;left:7px}.clinical-heading{flex-direction:column;align-items:start;gap:15px}.clinical-heading h1{font-size:27px}.clinical-heading p{font-size:11px}.clinical-heading .btn{padding:10px 14px;font-size:11px}.clinical-layout,.admin-shell .clinical-layout{grid-template-columns:minmax(0,1fr);gap:22px}.pet-profile-card{display:grid;grid-template-columns:130px minmax(0,1fr);margin-bottom:0}.profile-photo{height:100%;min-height:210px;width:130px;aspect-ratio:auto}.profile-inner{padding:15px}.profile-inner h2{font-size:26px}.profile-inner .breed{font-size:10px;margin:8px 0 12px}.profile-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.profile-facts p{font-size:10px;gap:6px;margin:0}.profile-facts .icon{width:15px;height:15px}.profile-facts small{font-size:8px}.profile-inner hr{margin:12px 0}.owner-detail .avatar-photo{display:none}.owner-detail strong{font-size:11px}.owner-detail small{font-size:8px}.allergy-note{margin-top:12px;font-size:9px;padding:9px}.profile-status{display:none}.pet-profile>.card:not(.pet-profile-card){margin-top:15px}.clinical-tabs{margin-bottom:18px}.clinical-tabs a{font-size:10px;padding:11px 10px}.clinical-tabs .icon{width:15px;height:15px}.clinical-tools>span{font-size:8px;max-width:190px}.clinical-tools .btn{font-size:9px;white-space:nowrap;padding:8px}.consultation-entry{grid-template-columns:61px 1fr;padding:15px 14px 15px 0}.consultation-date{padding:2px 6px 0 18px;margin-right:11px;font-size:9px}.consultation-date small{font-size:8px}.timeline-dot{width:8px;height:8px;left:9px;top:6px}.consultation-title{gap:9px;margin-bottom:15px}.consultation-title .round-icon{width:32px;height:32px}.consultation-title .round-icon .icon{width:20px;height:20px}.consultation-title h2{font-size:14px}.consultation-title p{font-size:9px}.consultation-title p small{font-size:8px}.clinical-details strong,.clinical-details p{font-size:10px}.clinical-aside,.admin-shell .clinical-aside{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:0}.clinical-aside .account-aside{grid-column:1/-1}.clinical-aside .card{padding:16px}.clinical-aside .next-vaccine{padding:0}.aside-heading{font-size:13px;padding:14px}.aside-body{padding:15px 14px}.aside-email{font-size:8px;flex-wrap:wrap}.next-event{gap:8px}.next-event strong{font-size:11px}.next-event small{font-size:9px}.next-event>.icon{width:22px;height:22px}.clinical-aside h3{font-size:13px;gap:5px}.clinical-aside .btn{font-size:9px;padding:10px 5px}.summary-tiles{grid-template-columns:1fr}.billing-overview{gap:10px}.billing-overview .metric-card{padding:11px;gap:7px}.billing-overview .metric-icon{width:29px;height:29px}.billing-overview .metric-icon .icon{width:17px;height:17px}.billing-overview .metric-card strong{font-size:18px}.billing-overview .metric-card small{font-size:8px}.shop-intro{padding:26px 21px;min-height:205px}.shop-intro h1{font-size:30px}.shop-intro p{font-size:10px}.shop-intro .eyebrow{font-size:9px}.shop-intro-art{width:36%;margin-right:-12px;opacity:.9}.shop-intro-art .product-photo:last-child{display:none}.shop-intro-art .product-photo{width:135%}.shop-benefits{gap:16px;flex-wrap:wrap;justify-content:start;margin:20px 0;font-size:8px}.shop-benefits .icon{width:15px;height:15px}.shop-layout{grid-template-columns:1fr}.shop-cart{position:static}.shop-products{gap:13px}.shop-product-copy{padding:14px}.shop-product-copy h2{font-size:14px;min-height:34px}.shop-product-copy>p{font-size:10px}.product-price{font-size:19px}.product-buy-row{gap:6px}.product-buy-row input{width:44px!important;padding:8px!important}.product-buy-row .btn{font-size:10px;padding:10px 7px;gap:4px}.product-buy-row .btn .icon{width:14px}.shop-orders-link{display:none}.booking-hero{min-height:185px}.booking-hero>div{padding:25px 20px;max-width:85%}.booking-hero h1{font-size:29px;letter-spacing:-.7px}.booking-hero .eyebrow{font-size:7px;letter-spacing:1px;max-width:210px}.booking-hero p{font-size:11px;margin-top:12px}.booking-hero>img{width:61%;opacity:.65;object-position:70% 40%;mask-image:linear-gradient(90deg,transparent,#000 60%)}.booking-progress{gap:9px;margin:22px 0}.booking-progress>button{font-size:10px;gap:7px}.booking-progress>button>span{width:27px;height:27px;font-size:13px}.booking-progress>i{min-width:5px}.booking-main{padding:19px 16px}.booking-main h2{font-size:17px;margin-bottom:20px}.booking-pet-selector{padding:10px;gap:10px}.booking-pet-selector .avatar-photo{width:37px;height:37px}.booking-pet-selector .btn{font-size:0;padding:9px}.booking-pet-selector .btn .icon{width:18px;height:18px}.booking-pet-selector label{font-size:8px}.booking-pet-selector select{font-size:11px}.booking-category{gap:7px}.booking-category>button{font-size:10px;padding:8px}.booking-category .icon{width:15px}.booking-services{grid-template-columns:1fr;gap:11px}.booking-service{display:grid;grid-template-columns:120px minmax(0,1fr);min-height:120px}.service-choice-photo{aspect-ratio:auto;height:100%;min-height:120px;margin:0;border-radius:0;background-size:300% 100%}.service-choice-copy{padding:13px}.choice-title{font-size:12px}.service-duration{font-size:9px;margin-top:6px}.service-description{font-size:9px}.service-price{font-size:18px;margin-top:8px}.booking-main .booking-options{grid-template-columns:1fr}.booking-options label{font-size:10px}.booking-options select,.booking-options textarea{font-size:11px}.booking-step-actions>span{display:none}.booking-step-actions .btn{font-size:10px;padding:10px 12px}.booking-step-actions .icon{width:15px}.booking-summary>.card{padding:22px}.summary-total strong{font-size:25px}.date-time-grid{grid-template-columns:1fr;gap:25px}.calendar-days>button{max-height:42px}.available-slots{grid-template-columns:repeat(4,1fr)}.booking-summary{position:static}.auth{padding:27px 23px;margin:18px auto}.auth h1{font-size:29px}.invoice-head{gap:10px}.invoice-head .brand{font-size:25px}.summary-tiles>div{padding:13px}.summary-tiles .icon{float:left;margin:0 12px 0 0;width:25px;height:25px}footer{flex-direction:column;gap:10px;font-size:9px}.demo-disclaimer{font-size:9px;padding:15px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{.skip-link,.breadcrumb,.clinical-tabs,.clinical-tools,.clinical-aside,.booking-progress{display:none!important}.clinical-layout,.admin-shell .clinical-layout{display:block}.pet-profile-card{display:grid;grid-template-columns:150px 1fr;margin-bottom:22px}.profile-photo{height:150px;width:150px;aspect-ratio:1}.profile-facts{display:grid;grid-template-columns:repeat(3,1fr)}.profile-inner{padding:10px 20px}.profile-inner hr,.owner-detail,.allergy-note,.profile-status{display:none}.clinical-heading h1{font-size:23px}.consultation-entry{break-inside:avoid;border:1px solid #ccc;margin-bottom:15px}.clinical-timeline{display:block}.clinical-details p{font-size:11px;color:#333}.clinical-details strong{font-size:11px}.page-head{display:block}.clinical-main .pagination{display:none}.invoice-sheet{width:100%}.content{max-width:none!important;padding:0!important}.card{border:0;box-shadow:none}.pet-profile-card{border:1px solid #ccc}.invoice-head{display:flex;flex-direction:row}.invoice-total{max-width:340px}}

.booking-hero>img{object-position:65% 23%}.service-choice-photo{background-size:300% auto}.logout-form{display:flex;align-items:center}.logout-form .icon-button{padding:4px}.logout-form .icon{width:17px;height:17px}.clinical-details p{font-size:12px}.clinical-details strong{font-size:11px}@media(max-width:800px){.booking-hero>img{object-position:70% 22%}.service-choice-photo{background-size:300% 100%}.clinical-details p{font-size:11px}}

.summary-total{gap:8px}.summary-total>span{font-size:11px;flex:1}.summary-total>strong{font-size:22px;white-space:nowrap;flex:none;letter-spacing:-.8px}.booking-step-actions .btn{white-space:normal}
