.clinic-app{--background:40 16% 98.5%;--foreground:30 7% 19%;--card:0 0% 100%;--card-foreground:var(--foreground);--popover:0 0% 100%;--popover-foreground:var(--foreground);--primary:153 30% 19%;--primary-foreground:0 0% 100%;--highlight:var(--primary);--highlight-foreground:0 0% 100%;--secondary:40 12% 95%;--secondary-foreground:var(--foreground);--muted:40 12% 96%;--muted-foreground:30 5% 43%;--accent:153 15% 95%;--accent-foreground:153 30% 19%;--border:36 10% 89%;--input:34 9% 81%;--ring:153 30% 19%;--clinic-orange:28 75% 35%;--clinic-orange-soft:35 80% 96%;--clinic-done:153 45% 26%;--clinic-done-soft:150 35% 93%;--clinic-alert:0 65% 38%;--clinic-alert-soft:0 80% 96%;--sidebar-background:0 0% 100%;--sidebar-foreground:var(--foreground);--sidebar-primary:var(--primary);--sidebar-primary-foreground:var(--primary-foreground);--sidebar-accent:var(--accent);--sidebar-accent-foreground:var(--accent-foreground);--sidebar-border:var(--border);--sidebar-ring:var(--ring);--radius:.625rem;color:hsl(var(--foreground));font-family:Inter Variable,Inter,ui-sans-serif,system-ui,sans-serif}body:has(.clinic-app){--background:40 16% 98.5%;--foreground:30 7% 19%;--card:0 0% 100%;--card-foreground:var(--foreground);--popover:0 0% 100%;--popover-foreground:var(--foreground);--primary:153 30% 19%;--primary-foreground:0 0% 100%;--highlight:var(--primary);--highlight-foreground:0 0% 100%;--secondary:40 12% 95%;--secondary-foreground:var(--foreground);--muted:40 12% 96%;--muted-foreground:30 5% 43%;--accent:153 15% 95%;--accent-foreground:153 30% 19%;--border:36 10% 89%;--input:34 9% 81%;--ring:153 30% 19%;--clinic-orange:28 75% 35%;--clinic-orange-soft:35 80% 96%;--clinic-done:153 45% 26%;--clinic-done-soft:150 35% 93%;--clinic-alert:0 65% 38%;--clinic-alert-soft:0 80% 96%;--sidebar-background:0 0% 100%;--sidebar-foreground:var(--foreground);--sidebar-primary:var(--primary);--sidebar-primary-foreground:var(--primary-foreground);--sidebar-accent:var(--accent);--sidebar-accent-foreground:var(--accent-foreground);--sidebar-border:var(--border);--sidebar-ring:var(--ring);--radius:.625rem;color:hsl(var(--foreground));font-family:Inter Variable,Inter,ui-sans-serif,system-ui,sans-serif}.clinic-app{background:hsl(var(--background))}.clinic-app main{min-width:0}.clinic-app h1,.clinic-app h2,.clinic-app h3{font-family:Nunito Variable,ui-sans-serif,system-ui,sans-serif}.clinic-app [data-sidebar=menu-button]{border-radius:.625rem;min-height:2.75rem;padding-inline:.875rem}.clinic-app [data-sidebar=group]{padding:.875rem}.clinic-app [data-sidebar=menu]{gap:.25rem}.clinic-app [data-slot=button]{border-radius:.625rem}body:has(.clinic-app) [role=dialog] [data-slot=button]{border-radius:.625rem}.clinic-page-header{z-index:10;border-bottom:1px solid hsl(var(--border));background:hsl(var(--card));align-items:center;gap:.75rem;min-height:4rem;padding:.75rem 1.5rem;display:flex;position:sticky;top:0}.clinic-page-content{width:100%;max-width:90rem;margin-inline:auto;padding:1.5rem}@layer components{.clinic-chip{white-space:nowrap;color:hsl(var(--muted-foreground));background:hsl(var(--secondary));border-radius:999px;align-items:center;gap:.3125rem;padding:.1875rem .5625rem;font-size:.75rem;font-weight:500;line-height:1rem;display:inline-flex}.clinic-chip>svg{flex-shrink:0;width:.75rem;height:.75rem}.clinic-chip[data-tone=done]{color:hsl(var(--clinic-done));background:hsl(var(--clinic-done-soft))}.clinic-chip[data-tone=alert]{color:hsl(var(--clinic-alert));background:hsl(var(--clinic-alert-soft))}}.clinic-visit-card{border-radius:.875rem}.clinic-visit-time{text-align:center;font-variant-numeric:tabular-nums;width:4rem;color:hsl(var(--accent-foreground));background:hsl(var(--accent));border-radius:.625rem;flex-shrink:0;padding:.5rem 0;font-size:1.0625rem;font-weight:600}.clinic-fields{row-gap:.25rem;font-size:.875rem;display:grid}.clinic-field{grid-template-columns:7.5rem minmax(0,1fr);align-items:center;column-gap:.75rem;min-height:1.75rem;display:grid}.clinic-field>dt{color:hsl(var(--muted-foreground))}.clinic-field>dd{min-width:0}.clinic-fields[data-stacked]{row-gap:.875rem}.clinic-fields[data-stacked]>.clinic-field{grid-template-columns:minmax(0,1fr);row-gap:.125rem}.clinic-calendar-container{container-type:inline-size}.clinic-calendar{font-variant-numeric:tabular-nums;grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem;display:grid}.clinic-calendar-day{border:1px solid hsl(var(--border));background:hsl(var(--background) / .7);border-radius:.875rem;min-width:0;min-height:10rem;padding:.625rem}.clinic-calendar-day[data-today=true]{background:hsl(var(--clinic-orange-soft) / .5);border-color:#e0c4a3}.clinic-calendar-day[data-today=true]>:first-child{color:hsl(var(--clinic-orange))}.clinic-calendar-visit{overflow-wrap:break-word;border:1px solid hsl(var(--border));background:hsl(var(--card));text-align:left;border-radius:.625rem;padding:.5rem .5625rem;transition:border-color .15s,box-shadow .15s;display:block}.clinic-calendar-visit:hover{border-color:hsl(var(--ring))}.clinic-calendar-visit:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}@container (width<=860px){.clinic-calendar{grid-template-columns:1fr;gap:.5rem}.clinic-calendar-day{grid-template-columns:6rem minmax(0,1fr);gap:1rem;min-height:0;display:grid}.clinic-calendar-entries{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.5rem;display:grid}.clinic-calendar-entries>*{margin:0!important}}@container (width<=480px){.clinic-calendar-day{grid-template-columns:4rem minmax(0,1fr);gap:.75rem}}@media (width<=640px){.clinic-page-header{padding:.75rem 1rem}.clinic-page-content{padding:1rem}}@media (prefers-reduced-motion:reduce){.clinic-app *{transition-duration:0s!important;animation-duration:0s!important}body:has(.clinic-app) [role=dialog] *{transition-duration:0s!important;animation-duration:0s!important}}
