.ob-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius);border:1px solid transparent;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}.ob-btn:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.ob-btn--icon{width:38px;height:38px;padding:0;flex:0 0 auto}@media (pointer: coarse){.ob-btn{min-height:44px}.ob-btn--icon{width:44px;height:44px}}.ob-btn:disabled{opacity:.6;cursor:not-allowed}.ob-btn--primary{background:var(--color-primary);color:var(--color-primary-contrast)}.ob-btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.ob-btn--secondary{background:var(--color-surface);color:var(--color-primary);border-color:var(--color-border)}.ob-btn--danger{background:var(--color-danger, #c92a2a);color:#fff}.ob-btn--danger:hover:not(:disabled){background:var(--color-danger-hover, #a51111)}.ob-field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3)}.ob-field__label{font-weight:600;font-size:.9rem;color:var(--color-text)}.ob-field__input{padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius);font:inherit;background:var(--color-surface)}.ob-field__input:focus-visible{outline:3px solid var(--color-primary);outline-offset:1px}@media (pointer: coarse){.ob-field__input{min-height:44px}}.scheduler{--slot-h: 26px;--time-col-w: 74px}.scheduler-toolbar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3)}.scheduler-toolbar .spacer{flex:1}.scheduler-views,.scheduler-nav{display:inline-flex;gap:var(--space-1)}.scheduler-date{font-weight:600;min-width:12rem}.scheduler-filter{display:inline-flex;align-items:center;gap:var(--space-1)}.daygrid-header{display:flex;justify-content:flex-end;margin-bottom:var(--space-2)}.appt-form{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:30;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 8px 32px #00000038;padding:var(--space-4);width:min(28rem,92vw);max-height:calc(100dvh - var(--space-4));overflow-y:auto}.appt-form h3{margin:0 0 var(--space-3);font-size:1.1rem}.appt-form__actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.time-grid{display:grid;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;position:relative}.time-grid__row{display:contents}.time-grid__corner,.time-grid__colhead{background:var(--blue-050);border-bottom:1px solid var(--color-border);padding:var(--space-1) var(--space-2);font-weight:600;font-size:.85rem;position:sticky;top:0;z-index:2}.time-grid__corner{left:0;z-index:4}.time-grid__colhead.is-today{background:var(--color-primary);color:var(--color-primary-contrast)}.time-grid__rowhead{color:var(--color-text-muted);font-size:.72rem;padding:0 var(--space-1);text-align:right;border-right:1px solid var(--color-border);white-space:nowrap;position:sticky;left:0;z-index:2;background:var(--color-surface)}.time-grid__cell{position:relative;border-right:1px solid var(--color-border);border-bottom:1px dashed var(--gray-100);min-height:var(--slot-h);outline:none}.time-grid__cell:focus-visible{box-shadow:inset 0 0 0 2px var(--color-primary);z-index:3}.time-grid__cell.is-today{background:var(--blue-050)}.time-grid__cell.is-drop-target{background:var(--blue-100)}.appointment{position:absolute;top:0;left:2px;right:2px;z-index:1;border-radius:4px;border-left:4px solid rgba(0,0,0,.25);padding:2px 4px;font-size:.72rem;line-height:1.15;color:var(--white);overflow:hidden;cursor:grab;text-align:left}.appointment:focus-visible{box-shadow:0 0 0 2px var(--color-text)}.appointment.is-preblock{background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.15),rgba(255,255,255,.15) 6px,transparent 6px,transparent 12px);color:var(--white)}.appointment.is-dragging{opacity:.85;cursor:grabbing;z-index:5}.appointment__name{font-weight:700;display:block}.appointment__meta{opacity:.9}.appointment.status-cancelled,.appointment.status-no_show{text-decoration:line-through;opacity:.6}.appt-details{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:30;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 8px 32px #00000038;padding:var(--space-3);width:min(24rem,92vw);max-height:calc(100dvh - var(--space-4));overflow-y:auto}.appt-details h3{margin:0 0 var(--space-2);font-size:1rem}.appt-details dl{display:grid;grid-template-columns:max-content 1fr;gap:2px var(--space-2);margin:0 0 var(--space-2);font-size:.85rem}.appt-details dt{color:var(--color-text-muted)}.appt-details dd{margin:0}.appt-details .appt-details__status{display:flex;gap:var(--space-1);flex-wrap:wrap}.appt-details__actions{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap;margin-top:var(--space-2)}.appt-details__confirm{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.time-grid__cell.is-selectable{cursor:pointer}.time-grid__cell.is-selectable:hover{background:var(--blue-050)}.production-footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-weight:600;border:1px solid var(--color-border);border-top:none;border-radius:0 0 var(--radius) var(--radius);background:var(--blue-050)}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;background:var(--color-surface)}.month-grid__colhead{background:var(--blue-050);font-weight:600;font-size:.8rem;padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--color-border);text-align:center}.month-grid__cell{min-height:92px;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:var(--space-1);text-align:left;background:var(--color-surface);cursor:pointer;outline:none;vertical-align:top}.month-grid__cell:focus-visible{box-shadow:inset 0 0 0 2px var(--color-primary)}.month-grid__cell.is-outside{background:var(--gray-100);color:var(--color-text-muted)}.month-grid__cell.is-today{background:var(--blue-050);box-shadow:inset 0 0 0 2px var(--color-primary)}.month-grid__cell.is-today .month-grid__daynum{color:var(--color-primary)}.month-grid__daynum{font-weight:600;font-size:.8rem}.month-grid__count{float:right;font-size:.7rem;color:var(--color-text-muted)}.month-chip{display:block;margin-top:2px;padding:1px 4px;border-radius:3px;font-size:.68rem;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.month-grid__more{font-size:.68rem;color:var(--color-text-muted);margin-top:2px}.status-pill{border:none;border-radius:999px;padding:2px 8px;font-size:.72rem;cursor:pointer;background:var(--gray-100);color:var(--color-text)}.status-pill[aria-pressed=true]{background:var(--color-primary);color:var(--color-primary-contrast)}@media (max-width: 640px){.scheduler-date{min-width:0;width:100%}.scheduler-toolbar .spacer{display:none}.month-grid__cell{min-height:64px}}.settings-page{display:grid;gap:var(--space-5, 2rem)}.settings-section{display:grid;gap:var(--space-3)}.ob-check{display:flex;align-items:center;gap:var(--space-2);font-weight:600;margin-top:var(--space-2)}.ob-badge{display:inline-block;padding:0 var(--space-2);border-radius:var(--radius);font-size:.8125rem;font-weight:600}.ob-badge--active{background:var(--blue-050);color:var(--color-primary)}.ob-badge--inactive{background:var(--color-border);color:var(--color-text-muted)}.ob-swatch{display:inline-block;width:1.25rem;height:1.25rem;border-radius:var(--radius);border:1px solid var(--color-border);vertical-align:middle}.ob-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.chart-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-4)}.chart-tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-4)}.chart-tabs__tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-bottom:3px solid transparent;padding:var(--space-2) var(--space-3);font:inherit;font-weight:600;color:var(--color-text-muted);cursor:pointer}.chart-tabs__tab:hover{color:var(--color-text)}.chart-tabs__tab:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.chart-tabs__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.chart-tabpanel{outline:none}.chart-notes-tab__link{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:0;font:inherit;color:var(--color-primary);text-decoration:underline;cursor:pointer}.note-form__header-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0 var(--space-3)}.note-form__fieldset{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);margin:var(--space-3) 0}.note-form__fieldset legend{font-weight:600;padding:0 var(--space-1)}.note-form__row{display:grid;grid-template-columns:1fr 1fr auto;gap:var(--space-2);align-items:end;margin-bottom:var(--space-2)}.note-form__phrase-picker{display:flex;align-items:end;gap:var(--space-2);margin-bottom:var(--space-3)}.note-form__phrase-picker .ob-field{flex:1;margin-bottom:0}.note-form__body{font-family:var(--font-sans);resize:vertical}.note-form{max-width:860px}.form.chart-form{max-width:none}.chart-form>.ob-field{max-width:22rem}.note-card{max-width:720px}.note-card__body{white-space:pre-wrap;background:var(--blue-050);padding:var(--space-3);border-radius:var(--radius)}.note-card__addenda{list-style:none;padding:0;display:grid;gap:var(--space-2)}.note-card__addenda li{background:var(--gray-100);padding:var(--space-2) var(--space-3);border-radius:var(--radius)}.doc-viewer{margin-top:var(--space-4)}.doc-viewer__image{max-width:100%;border-radius:var(--radius);border:1px solid var(--color-border)}.doc-viewer__frame{width:100%;height:70vh;border:1px solid var(--color-border);border-radius:var(--radius)}.toothpicker{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);margin-bottom:var(--space-3);min-width:0}.toothpicker__legend{font-weight:600;padding:0 var(--space-1)}.toothpicker__arches{overflow-x:auto;-webkit-overflow-scrolling:touch}.toothpicker__arch{display:flex;justify-content:center;gap:clamp(var(--space-2),4%,var(--space-4));min-width:480px}.toothpicker__quad{display:flex;flex:1;gap:2px}.toothpicker__tooth{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:1px;cursor:pointer;margin:0;--tooth-fill: var(--color-surface);--tooth-stroke: var(--gray-500);--tooth-num: var(--color-text-muted)}.toothpicker__arch--lower .toothpicker__tooth{flex-direction:column-reverse}.toothpicker__num{font-size:.68rem;font-weight:600;color:var(--tooth-num);-webkit-user-select:none;user-select:none;line-height:1.2}.toothpicker__glyph{display:block;width:100%;max-width:72px;height:auto}.toothpicker__arch--upper .toothpicker__glyph{transform:scaleY(-1)}.toothpicker__glyph path{fill:var(--tooth-fill);stroke:var(--tooth-stroke);stroke-width:1.2;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:fill .1s ease,stroke .1s ease}.toothpicker__tooth:hover{--tooth-fill: var(--blue-050);--tooth-stroke: var(--color-primary);--tooth-num: var(--color-primary)}.toothpicker__tooth input:checked~.toothpicker__glyph path{fill:var(--color-primary);stroke:var(--color-primary)}.toothpicker__tooth input:checked~.toothpicker__num{color:var(--color-primary)}.toothpicker__tooth input:focus-visible~.toothpicker__glyph{outline:3px solid var(--color-primary);outline-offset:2px;border-radius:4px}.toothpicker__status{margin:var(--space-3) 0 0;font-size:.85rem;color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-2)}.toothpicker__clear{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius);padding:2px var(--space-2);font:inherit;font-size:.8rem;cursor:pointer;color:var(--color-text)}.toothpicker__clear:hover{border-color:var(--color-primary)}.user-menu{display:flex;align-items:center;gap:var(--space-2)}.user-menu__avatar{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--blue-500);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem}.user-menu__avatar--photo{object-fit:cover;background:none}.user-menu__identity{display:flex;flex-direction:column;min-width:0;line-height:1.2}.user-menu__name{font-weight:600;max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu__roles{font-size:.8rem;opacity:.8;text-transform:capitalize}.navlist{list-style:none;margin:0;padding:0;display:grid;gap:2px}.navitem{display:flex;align-items:center;gap:var(--space-3);padding:9px var(--space-3);border-radius:var(--radius);color:#dce8f5;text-decoration:none;font-weight:600;font-size:.92rem}.navitem__icon{flex:0 0 auto}.navitem__label{flex:1}.navitem:hover{background:#ffffff14;color:#fff}.navitem--active{background:var(--color-primary);color:#fff}.navitem--soon{color:#7f9bbb;cursor:default}.navitem--soon:hover{background:none;color:#7f9bbb}.navitem__badge{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#9db9d6;border:1px solid #3c5b80;border-radius:999px;padding:1px 7px}.sidebar{background:var(--blue-900);color:#fff;display:flex;flex-direction:column;height:100vh;height:100dvh;position:sticky;top:0;overflow-y:auto}.sidebar__brand{font-size:1.5rem;font-weight:800;letter-spacing:.02em;color:#fff;text-decoration:none;padding:var(--space-4) var(--space-3) var(--space-3)}.sidebar__nav{flex:1;padding:0 var(--space-2);display:grid;gap:var(--space-3);align-content:start}.navgroup{display:grid;gap:2px}.navgroup__label{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:#9db9d6;padding:var(--space-1) var(--space-3)}.sidebar__footer{padding:var(--space-2);border-top:1px solid #244a72;display:grid;gap:var(--space-2)}.bottomnav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:40;background:var(--color-surface);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom,0)}.bottomnav__tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-2) 0 10px;color:var(--color-text-muted);text-decoration:none;font-size:.66rem;font-weight:600;background:none;border:none;cursor:pointer;font-family:inherit}.bottomnav__tab--active{color:var(--color-primary)}.bottomnav__tab--active .bottomnav__icon{stroke-width:2.4}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0006;display:flex;align-items:flex-end}.sheet{width:100%;background:var(--color-surface);border-radius:16px 16px 0 0;padding:var(--space-2) var(--space-3) calc(var(--space-3) + env(safe-area-inset-bottom,0));display:grid;gap:var(--space-3);max-height:80dvh;overflow-y:auto}.sheet__handle{width:40px;height:4px;border-radius:999px;background:var(--color-border);margin:var(--space-2) auto 0}.sheet .navitem{color:var(--color-text)}.sheet .navitem:hover{background:var(--blue-050);color:var(--color-text)}.sheet .navitem--active{background:var(--color-primary);color:#fff}.sheet .navitem--soon,.sheet .navitem--soon:hover{color:var(--color-text-muted);background:none}.sheet .navitem__badge{color:var(--color-text-muted);border-color:var(--color-border)}.sheet .navgroup__label{color:var(--color-text-muted)}.app-shell{min-height:100vh;min-height:100dvh}.app-shell--nav{display:grid;grid-template-columns:232px 1fr}.app-body{min-width:0;display:flex;flex-direction:column}.app-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.app-topbar__spacer{flex:1}.app-brand{color:var(--color-primary-contrast);font-size:1.5rem;font-weight:700;text-decoration:none;letter-spacing:.02em}.app-topbar__brand{display:none;color:var(--color-primary)}.app-main{max-width:1200px;width:100%;margin:0 auto;padding:var(--space-4)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.filters-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3);margin-bottom:var(--space-4)}.filters-bar .ob-field{margin-bottom:0}.filters-bar__search{flex:1 1 16rem}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius)}.data-table{width:100%;border-collapse:collapse;background:var(--color-surface);border-radius:var(--radius);overflow:hidden}.table-scroll .data-table th,.table-scroll .data-table td{white-space:nowrap}.data-table th,.data-table td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border)}.data-table th{background:var(--blue-050)}.form{max-width:420px;background:var(--color-surface);padding:var(--space-4);border-radius:var(--radius);border:1px solid var(--color-border)}.form__actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.detail-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.detail-header__actions{display:flex;align-items:center;gap:var(--space-2)}.detail-list{display:grid;grid-template-columns:max-content 1fr;gap:var(--space-1) var(--space-4);background:var(--color-surface);padding:var(--space-4);border-radius:var(--radius);border:1px solid var(--color-border)}.detail-list dt{font-weight:600;color:var(--color-text-muted)}.detail-list dd{margin:0}.error{color:var(--color-danger);font-weight:600}@media (max-width: 860px){.app-shell--nav{grid-template-columns:1fr}.sidebar{display:none}.app-topbar{padding:var(--space-2) var(--space-3)}.app-topbar__brand{display:inline}.bottomnav{display:flex}.app-main{padding:var(--space-3);padding-bottom:calc(72px + env(safe-area-inset-bottom,0))}.page-header{flex-wrap:wrap;gap:var(--space-2)}.form{max-width:none}.app-main h1{font-size:1.5rem}.app-main h2{font-size:1.25rem}}:root{--blue-900: #002f5f;--blue-700: #004a94;--blue-600: #005eb8;--blue-500: #0071bc;--blue-100: #d4e5f4;--blue-050: #eef5fb;--gray-900: #1a1a1a;--gray-700: #4a4a4a;--gray-500: #767676;--gray-300: #d6d6d6;--gray-100: #f2f2f2;--white: #ffffff;--red-600: #d4351c;--green-600: #00703c;--amber-500: #f47738;--color-bg: var(--gray-100);--color-surface: var(--white);--color-text: var(--gray-900);--color-text-muted: var(--gray-700);--color-border: var(--gray-300);--color-primary: var(--blue-600);--color-primary-hover: var(--blue-700);--color-primary-contrast: var(--white);--color-danger: var(--red-600);--color-success: var(--green-600);--color-warning: var(--amber-500);--radius: 6px;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%;color:var(--color-text);background:var(--color-bg)}a{color:var(--color-primary)}