:root{--mk-navy: #1a305d;--mk-teal: #007c7d;--mk-teal-light: #a7d2cb;--mk-cream: #fdfdfb;--mk-font-display: "Centennial", Georgia, "Times New Roman", serif;--mk-font-body: "Avenir Next", "Avenir", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-sans: var(--mk-font-body);--font-display: var(--mk-font-display);--font-mono: "IBM Plex Mono", monospace;--color-bg: var(--mk-cream);--color-surface: #ffffff;--color-surface-hover: #f4f7f6;--color-surface-raised: #ffffff;--color-text-main: var(--mk-navy);--color-text-muted: #3f4f6b;--color-text-subtle: #627087;--color-primary: var(--mk-teal);--color-primary-hover: #005f60;--color-primary-subtle: #e4f2f1;--color-primary-text: #005f60;--color-success: #1a7a4c;--color-success-subtle: #e9f7ef;--color-success-text: #145c39;--color-warning: #a06400;--color-warning-subtle: #fdf3e2;--color-warning-text: #7a4b00;--color-danger: #a3312a;--color-danger-subtle: #fbeceb;--color-danger-text: #7e2620;--color-border: #dde3e6;--color-border-focus: var(--mk-teal);--color-accent-subtle: var(--mk-teal-light);--color-navy: var(--mk-navy);--status-booked-bg: #f0f9ff;--status-booked-color: #0369a1;--status-booked-border: #bae6fd;--status-confirmed-bg: #eff6ff;--status-confirmed-color: #1d4ed8;--status-confirmed-border: #bfdbfe;--status-checkedin-bg: #fef3c7;--status-checkedin-color: #92400e;--status-checkedin-border: #fde68a;--status-called-bg: #f5f3ff;--status-called-color: #6d28d9;--status-called-border: #ddd6fe;--status-completed-bg: #f0fdf4;--status-completed-color: #15803d;--status-completed-border: #bbf7d0;--status-cancelled-bg: #f9fafb;--status-cancelled-color: #6b7280;--status-cancelled-border: #e5e7eb;--status-noshow-bg: #fef2f2;--status-noshow-color: #b91c1c;--status-noshow-border: #fecaca;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(26, 48, 93, .06);--shadow-md: 0 4px 6px -1px rgba(26, 48, 93, .08), 0 2px 4px -2px rgba(26, 48, 93, .05);--shadow-lg: 0 10px 15px -3px rgba(26, 48, 93, .1), 0 4px 6px -4px rgba(26, 48, 93, .05);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text-main);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}h1,h2,.font-display{font-family:var(--font-display)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--mk-teal);outline-offset:2px}.skip-link{position:absolute;left:-9999px;top:0;background:var(--mk-navy);color:#fff;padding:.75rem 1.25rem;z-index:100;border-radius:0 0 var(--radius-sm) 0}.skip-link:focus{left:0}.public-header-toggle{display:none;align-items:center;justify-content:center;background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.5rem .75rem;min-height:44px;min-width:44px;font-size:1.25rem;line-height:1;cursor:pointer;color:var(--color-text-main)}.public-header-panel{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.public-nav-links{display:flex;gap:1.5rem;flex-wrap:wrap}.public-nav-link{color:var(--color-text-main);font-weight:600;font-size:.9375rem;text-decoration:none}.public-header-panel .btn{min-height:44px}@media (max-width: 720px){.public-header-toggle{display:inline-flex}.public-header-panel{display:none;flex-basis:100%;flex-direction:column;align-items:flex-start;gap:1.25rem;padding-top:1rem}.public-header-panel.is-open{display:flex}.public-nav-links{flex-direction:column;gap:1rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-navbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:.875rem 1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;position:sticky;top:0;z-index:40}.brand-section{display:flex;align-items:center;gap:.75rem}.brand-logo-icon{width:32px;height:32px;background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.brand-title{font-size:1.125rem;font-weight:700;color:var(--color-text-main);letter-spacing:-.01em}.brand-subtitle{font-size:.75rem;color:var(--color-text-subtle);display:block}.nav-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}@media (max-width: 480px){.main-navbar{padding:.75rem 1rem}.nav-controls{gap:.5rem}}.view-mode-toggle{display:flex;background:var(--color-bg);padding:3px;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.toggle-btn{background:none;border:none;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;border-radius:4px;color:var(--color-text-muted);cursor:pointer;transition:var(--transition-fast)}.toggle-btn.active{background:var(--color-surface);color:var(--color-primary-text);box-shadow:var(--shadow-sm);font-weight:600}.user-badge{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--color-success-subtle);color:var(--color-success-text);border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.content-wrapper{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:2rem 1.5rem}.tabs-nav{display:flex;gap:.5rem;border-bottom:1px solid var(--color-border);margin-bottom:1.75rem;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;max-width:100%}.tabs-nav::-webkit-scrollbar{display:none}.tab-link{background:none;border:none;padding:.75rem 1rem;font-size:.9375rem;font-weight:500;color:var(--color-text-subtle);cursor:pointer;position:relative;transition:var(--transition-fast);flex-shrink:0;white-space:nowrap;display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box}.tab-link:hover{color:var(--color-text-main)}.tab-link.active{color:var(--color-primary);font-weight:600}.tab-link.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--color-primary);border-radius:2px 2px 0 0}.responsive-table-container{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1rem}.grid-2col{display:grid;grid-template-columns:1fr 340px;gap:1.5rem}@media (max-width: 900px){.grid-2col{grid-template-columns:1fr}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.5rem;margin-bottom:1.25rem}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card-title{font-size:1.125rem;font-weight:600;color:var(--color-text-main)}.appt-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:1.25rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:.875rem;transition:border-color var(--transition-fast)}.appt-card:hover{border-color:#cbd5e1}.appt-top{display:flex;justify-content:space-between;align-items:flex-start}.appt-type{font-size:1rem;font-weight:600;color:var(--color-text-main)}.appt-status{padding:.25rem .625rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.appt-status.confirmed,.appt-status.booked{background:var(--color-success-subtle);color:var(--color-success-text)}.appt-status.cancelled{background:var(--color-danger-subtle);color:var(--color-danger-text)}.appt-status.pending,.appt-status.needs_alternative,.appt-status.alternative_offered{background:var(--color-warning-subtle);color:var(--color-warning-text)}.appt-status.expired{background:var(--color-danger-subtle);color:var(--color-danger-text)}.appt-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem;font-size:.875rem;color:var(--color-text-muted)}.appt-detail-item{display:flex;align-items:center;gap:.375rem}.appt-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.625rem;padding-top:.75rem;border-top:1px solid #f1f5f9}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:var(--transition-fast);text-decoration:none}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-outline{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-main)}.btn-outline:hover{background:var(--color-surface-hover);border-color:#cbd5e1}.btn-danger{background:var(--color-danger-subtle);border-color:#fecaca;color:var(--color-danger-text)}.btn-danger:hover{background:#fee2e2}.btn-sm{padding:.375rem .625rem;font-size:.8125rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:50;box-sizing:border-box}.modal-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:520px;padding:1.75rem;display:flex;flex-direction:column;gap:1.25rem;max-height:calc(100dvh - 3rem);overflow-y:auto;box-sizing:border-box}@media (max-width: 480px){.modal-backdrop{padding:env(safe-area-inset-top,.5rem) env(safe-area-inset-right,.5rem) env(safe-area-inset-bottom,.5rem) env(safe-area-inset-left,.5rem);align-items:flex-end}.modal-card{padding:1.25rem 1rem;max-height:calc(100dvh - 1rem);border-bottom-left-radius:0;border-bottom-right-radius:0}.slot-picker-grid{grid-template-columns:1fr!important}}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:1.25rem;font-weight:700}.modal-close{background:none;border:none;font-size:1.25rem;color:var(--color-text-subtle);cursor:pointer;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.slot-picker-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.625rem;margin:1rem 0}.slot-option{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.875rem .75rem;min-height:44px;min-width:44px;text-align:left;background:var(--color-surface);cursor:pointer;transition:var(--transition-fast)}.slot-option:hover{border-color:var(--color-primary);background:var(--color-primary-subtle)}.slot-option.selected{border-color:var(--color-primary);background:var(--color-primary-subtle);font-weight:600}.notice-banner{background:var(--color-warning-subtle);border-left:4px solid var(--color-warning);padding:.75rem 1rem;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:.875rem;color:var(--color-warning-text)}.chat-widget{display:flex;flex-direction:column;height:480px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.chat-header{background:#f8fafc;padding:.875rem 1rem;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.chat-messages{flex:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem}.chat-bubble{max-width:82%;padding:.625rem .875rem;border-radius:12px;font-size:.875rem;line-height:1.45}.chat-bubble.assistant{background:#f1f5f9;color:var(--color-text-main);align-self:flex-start;border-bottom-left-radius:2px}.chat-bubble.user{background:var(--color-primary);color:#fff;align-self:flex-end;border-bottom-right-radius:2px}.chat-input-form{padding:.75rem;border-top:1px solid var(--color-border);display:flex;gap:.5rem}.chat-input{flex:1;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.5rem .75rem;font-size:.875rem;font-family:inherit;outline:none}.chat-input:focus{border-color:var(--color-primary)}.data-table{width:100%;border-collapse:collapse;font-size:.875rem;text-align:left}.data-table th{background:#f8fafc;padding:.75rem 1rem;font-weight:600;color:var(--color-text-subtle);border-bottom:1px solid var(--color-border)}.data-table td{padding:.75rem 1rem;border-bottom:1px solid var(--color-border);color:var(--color-text-main)}.badge{display:inline-block;padding:.2rem .5rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;font-family:var(--font-mono)}.badge-allow{background:var(--color-success-subtle);color:var(--color-success-text)}.badge-deny{background:var(--color-danger-subtle);color:var(--color-danger-text)}.badge-info{background:var(--color-primary-subtle);color:var(--color-primary-text)}.chat-toggle-btn{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;border:none;box-shadow:var(--shadow-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:100;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),background .2s ease}.chat-toggle-btn:hover{transform:scale(1.05);background:var(--color-primary-hover)}.chat-toggle-btn.open{transform:rotate(90deg);background:var(--color-danger)}.chat-widget-floating{position:fixed;bottom:6rem;right:2rem;width:380px;height:600px;max-height:calc(100vh - 8rem);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 12px 28px #0000001f,0 2px 4px #0000000d,0 0 0 1px #0000000d;display:flex;flex-direction:column;overflow:hidden;z-index:99;transform-origin:bottom right;transform:scale(.9) translateY(20px);opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.16,1,.3,1)}.chat-widget-floating.active{transform:scale(1) translateY(0);opacity:1;visibility:visible}@media (max-width: 480px){.chat-widget-floating{bottom:0;right:0;width:100%;height:100dvh;max-height:100dvh;border-radius:0;z-index:1000}.chat-toggle-btn{bottom:1.5rem;right:1.5rem}.chat-toggle-btn.open{display:none!important}}@media (max-height: 500px) and (orientation: landscape){.chat-widget-floating{bottom:0;right:0;width:100%;height:100dvh;max-height:100dvh;border-radius:0;z-index:1000}.chat-toggle-btn.open{display:none!important}}.chat-header-modern{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));padding:1.25rem 1.5rem;color:#fff;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #0000001a;z-index:2}.chat-header-info{display:flex;align-items:center;gap:1rem}.chat-avatar{width:40px;height:40px;background:#fff3;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff}.chat-title{font-size:1rem;font-weight:600;margin:0;line-height:1.2}.chat-subtitle{font-size:.75rem;opacity:.8}.chat-close-btn{background:none;border:none;color:#fff;opacity:.7;cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);transition:all .2s;display:flex;align-items:center;justify-content:center}.chat-close-btn:hover{opacity:1;background:#ffffff1a}.chat-messages-modern{flex:1;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;background:#f9fafb}.chat-bubble-modern{max-width:85%;display:flex;flex-direction:column;animation:fadeIn .3s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-bubble-modern.assistant{align-self:flex-start}.chat-bubble-modern.user{align-self:flex-end}.chat-bubble-content{padding:.75rem 1rem;font-size:.9375rem;line-height:1.5;box-shadow:0 1px 2px #0000000d}.chat-bubble-modern.assistant .chat-bubble-content{background:#fff;color:var(--color-text-main);border-radius:16px 16px 16px 4px;border:1px solid var(--color-border)}.chat-bubble-modern.user .chat-bubble-content{background:var(--color-primary);color:#fff;border-radius:16px 16px 4px}.chat-timestamp{font-size:.6875rem;color:var(--color-text-subtle);margin-top:.25rem;padding:0 .25rem}.chat-bubble-modern.assistant .chat-timestamp{align-self:flex-start}.chat-bubble-modern.user .chat-timestamp{align-self:flex-end}.dot-flashing{position:relative;width:6px;height:6px;border-radius:5px;background-color:var(--color-primary);color:var(--color-primary);animation:dot-flashing 1s infinite linear alternate;animation-delay:.5s;margin:.5rem 1rem}.dot-flashing:before,.dot-flashing:after{content:"";display:inline-block;position:absolute;top:0}.dot-flashing:before{left:-10px;width:6px;height:6px;border-radius:5px;background-color:var(--color-primary);color:var(--color-primary);animation:dot-flashing 1s infinite alternate;animation-delay:0s}.dot-flashing:after{left:10px;width:6px;height:6px;border-radius:5px;background-color:var(--color-primary);color:var(--color-primary);animation:dot-flashing 1s infinite alternate;animation-delay:1s}@keyframes dot-flashing{0%{background-color:var(--color-primary)}50%,to{background-color:#005f6033}}.chat-input-area{padding:1rem 1.5rem;padding-bottom:max(1rem,env(safe-area-inset-bottom,1rem));background:#fff;border-top:1px solid var(--color-border);display:flex;gap:.75rem;align-items:center}@media (max-width: 480px){.chat-input-area{padding:.75rem 1rem;padding-bottom:max(.75rem,env(safe-area-inset-bottom,.75rem))}}.chat-input-modern{flex:1;background:#f1f5f9;border:1px solid transparent;border-radius:24px;padding:.75rem 1.25rem;font-size:.9375rem;transition:all .2s;outline:none;min-height:44px;box-sizing:border-box}.chat-input-modern:focus{background:#fff;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.chat-send-btn{background:var(--color-primary);color:#fff;border:none;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.chat-send-btn:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.chat-send-btn:disabled{background:#cbd5e1;cursor:not-allowed;opacity:.7}.chat-mic-btn{background:var(--color-surface-hover);color:var(--color-primary);border:1px solid var(--color-border);width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.chat-mic-btn:hover:not(:disabled){background:var(--color-primary-subtle)}.chat-mic-btn:disabled{color:var(--color-text-subtle);cursor:not-allowed;opacity:.5}.chat-mic-btn.listening{background:var(--color-danger);border-color:var(--color-danger);color:#fff;animation:mic-pulse 1.4s infinite}@keyframes mic-pulse{0%{box-shadow:0 0 #a3312a73}70%{box-shadow:0 0 0 10px #a3312a00}to{box-shadow:0 0 #a3312a00}}.chat-voice-toggle-btn{background:none;border:none;color:#fff;opacity:.7;cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);transition:all .2s;display:flex;align-items:center;justify-content:center}.chat-voice-toggle-btn:hover{opacity:1;background:#ffffff1a}.chat-voice-toggle-btn.active{opacity:1;background:#fff3}.chat-voice-hint{font-size:.75rem;color:var(--color-text-subtle);text-align:center;padding:0 1.5rem .5rem}.chat-quick-replies{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.625rem}.chat-quick-reply-btn{background:#fff;border:1px solid var(--color-primary);color:var(--color-primary-text);font-size:.8125rem;font-weight:500;padding:.375rem .75rem;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);display:inline-flex;align-items:center;gap:.25rem;box-shadow:var(--shadow-sm);text-align:left}.chat-quick-reply-btn:hover{background:var(--color-primary-subtle);border-color:var(--color-primary-hover)}.chat-quick-reply-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.chat-booking-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem;margin-top:.625rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.75rem}.chat-booking-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border);padding-bottom:.5rem}.chat-booking-header h4{font-size:.9375rem;font-weight:600;color:var(--color-text-main);margin:0}.chat-step-badge{font-size:.6875rem;font-weight:600;background:var(--color-primary-subtle);color:var(--color-primary-text);padding:.125rem .5rem;border-radius:var(--radius-full)}.chat-choice-grid{display:grid;grid-template-columns:1fr;gap:.375rem}.chat-choice-btn{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.5rem .75rem;font-size:.8125rem;text-align:left;cursor:pointer;transition:var(--transition-fast);color:var(--color-text-main);display:flex;flex-direction:column;gap:.125rem}.chat-choice-btn:hover{background:var(--color-primary-subtle);border-color:var(--color-primary)}.chat-choice-btn.selected{background:var(--color-primary-subtle);border-color:var(--color-primary);font-weight:600}.chat-slot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.375rem;max-height:180px;overflow-y:auto;padding:.25rem 0}.chat-slot-btn{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.5rem .375rem;font-size:.75rem;text-align:center;cursor:pointer;transition:var(--transition-fast);color:var(--color-text-main)}.chat-slot-btn:hover{background:var(--color-primary-subtle);border-color:var(--color-primary)}.chat-slot-btn.selected{background:var(--color-primary);color:#fff;border-color:var(--color-primary);font-weight:600}.chat-confirmed-card{background:var(--color-success-subtle);border:1px solid rgba(26,122,76,.3);border-radius:var(--radius-md);padding:1rem;margin-top:.625rem;display:flex;flex-direction:column;gap:.625rem}.chat-confirmed-title{color:var(--color-success-text);font-size:.9375rem;font-weight:700;display:flex;align-items:center;gap:.375rem}.chat-confirmed-details{font-size:.8125rem;color:var(--color-text-main);line-height:1.5}.ss-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:space-between}.ss-mt{margin-top:1rem}.ss-muted{color:var(--color-text-muted);font-size:.875rem;display:block}.ss-prewrap{white-space:pre-wrap;overflow-wrap:anywhere}.ss-error{border-left-color:var(--color-danger);background:var(--color-danger-subtle);color:var(--color-danger-text)}.ss-field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem;font-size:.9375rem;font-weight:500}.ss-field-inline{flex-direction:row;align-items:center;gap:.6rem}.ss-field-inline input{width:1.25rem;height:1.25rem}.ss-input{width:100%;min-height:44px;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.6rem .75rem;font:inherit;background:var(--color-surface, #fff);color:inherit}.ss-input:focus-visible,.ss-list-item:focus-visible{outline:3px solid var(--color-primary, #2563eb);outline-offset:2px}.ss-list{list-style:none;margin:0;padding:0}.ss-list-item{display:flex;flex-direction:column;gap:.2rem;width:100%;text-align:left;min-height:44px;padding:.75rem 0;border:0;border-bottom:1px solid var(--color-border);background:none;color:inherit;font:inherit;cursor:pointer}li.ss-list-item{cursor:default}.ss-list-title{font-weight:600;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.ss-badge-new{background:var(--color-primary, #2563eb);color:#fff;font-size:.7rem}.ss-badge-muted{background:var(--color-surface-hover);font-size:.75rem}.ss-thread{list-style:none;padding:0;margin:1rem 0;display:flex;flex-direction:column;gap:.75rem}.ss-bubble{padding:.75rem 1rem;border-radius:var(--radius-sm);max-width:85%}.ss-bubble p{margin:.25rem 0 0}.ss-bubble-me{align-self:flex-end;background:var(--color-surface-hover)}.ss-bubble-them{align-self:flex-start;border:1px solid var(--color-border)}.ss-checkin{display:inline-flex;flex-wrap:wrap;gap:.5rem;align-items:center}@media (max-width: 720px){.ss-bubble{max-width:100%}.tabs-nav{overflow-x:auto;flex-wrap:nowrap}}.video-grid{display:grid;grid-template-columns:3fr 1fr;gap:.75rem;margin:.75rem 0}.video-tile{background:#111;border-radius:var(--radius-sm);min-height:160px;overflow:hidden;width:100%}.video-tile video{width:100%;height:100%;object-fit:cover;display:block}.video-remote{min-height:280px}.video-controls{justify-content:flex-start}.video-select{width:auto;max-width:14rem}.device-check video{max-width:320px;margin-bottom:.5rem}@media (max-width: 720px){.video-grid{grid-template-columns:1fr}.video-remote{min-height:220px}.video-local{max-width:40%;min-height:100px}}.staff-today-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1.5rem;align-items:start}@media (max-width: 1024px){.staff-today-grid{grid-template-columns:1fr}}.staff-two-column-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem}@media (max-width: 860px){.staff-two-column-grid{grid-template-columns:1fr}}.staff-inbox-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:1.5rem;align-items:start;min-height:650px}.inbox-back-btn{display:none}@media (max-width: 960px){.staff-inbox-grid{grid-template-columns:1fr}.staff-inbox-grid.has-selection .inbox-list-col{display:none}.staff-inbox-grid:not(.has-selection) .inbox-detail-col{display:none}.inbox-back-btn{display:inline-flex;align-items:center;gap:.35rem;margin-bottom:.75rem}}.softphone-drawer-container{position:fixed;top:0;right:0;bottom:0;width:440px;max-width:96vw;height:100vh;height:100dvh;background:#fff;color:#0f172a;box-shadow:-8px 0 30px #0003;z-index:1200;display:flex;flex-direction:column;border-left:1px solid #cbd5e1;box-sizing:border-box}@media (max-width: 480px){.softphone-drawer-container{width:100vw;max-width:100vw;border-left:none}}:root[data-theme=dark]{--color-bg: #111827;--color-surface: #1a2234;--color-surface-hover: #222d42;--color-surface-raised: #28354f;--color-text-main: #e2e8f0;--color-text-muted: #94a3b8;--color-text-subtle: #798ba3;--color-primary: #14b8a6;--color-primary-hover: #0d9488;--color-primary-subtle: #132e35;--color-primary-text: #2dd4bf;--color-success: #22c55e;--color-success-subtle: #143521;--color-success-text: #4ade80;--color-warning: #f59e0b;--color-warning-subtle: #3d2b0f;--color-warning-text: #fbbf24;--color-danger: #ef4444;--color-danger-subtle: #3b181a;--color-danger-text: #f87171;--color-border: #29354d;--color-border-focus: #2dd4bf;--color-accent-subtle: #172c36;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .55), 0 4px 6px -4px rgba(0, 0, 0, .4);--status-booked-bg: #172b45;--status-booked-color: #7dd3fc;--status-booked-border: #1e3a5f;--status-confirmed-bg: #1e294b;--status-confirmed-color: #93c5fd;--status-confirmed-border: #2b3d6e;--status-checkedin-bg: #352614;--status-checkedin-color: #fde047;--status-checkedin-border: #573e16;--status-called-bg: #2d1f4d;--status-called-color: #d8b4fe;--status-called-border: #4c2f7a;--status-completed-bg: #143224;--status-completed-color: #86efac;--status-completed-border: #1f5038;--status-cancelled-bg: #1e2430;--status-cancelled-color: #94a3b8;--status-cancelled-border: #2e3849;--status-noshow-bg: #36171b;--status-noshow-color: #fca5a5;--status-noshow-border: #592329}body{transition:background-color var(--transition-normal),color var(--transition-normal)}:root[data-theme=dark] .appt-card:hover,:root[data-theme=dark] .btn-outline:hover{border-color:#3e4f6d}:root[data-theme=dark] .appt-actions{border-top-color:var(--color-border)}:root[data-theme=dark] .chat-header,:root[data-theme=dark] .data-table th{background:var(--color-surface);color:var(--color-text-subtle);border-color:var(--color-border)}:root[data-theme=dark] .data-table td{border-color:var(--color-border);color:var(--color-text-main)}:root[data-theme=dark] .card{background:var(--color-surface);border-color:var(--color-border)}:root[data-theme=dark] .chat-bubble.assistant,:root[data-theme=dark] .chat-input-modern{background:var(--color-surface-hover);color:var(--color-text-main)}:root[data-theme=dark] .chat-input,:root[data-theme=dark] input.chat-input,:root[data-theme=dark] select.chat-input,:root[data-theme=dark] input[type=text],:root[data-theme=dark] input[type=email],:root[data-theme=dark] input[type=tel],:root[data-theme=dark] input[type=datetime-local],:root[data-theme=dark] select,:root[data-theme=dark] textarea{background-color:var(--color-surface);color:var(--color-text-main);border-color:var(--color-border)}:root[data-theme=dark] .chat-input:focus,:root[data-theme=dark] input.chat-input:focus,:root[data-theme=dark] select.chat-input:focus,:root[data-theme=dark] input[type=text]:focus,:root[data-theme=dark] input[type=email]:focus,:root[data-theme=dark] input[type=tel]:focus,:root[data-theme=dark] input[type=datetime-local]:focus,:root[data-theme=dark] select:focus,:root[data-theme=dark] textarea:focus{border-color:var(--color-border-focus)}:root[data-theme=dark] .chat-send-btn:disabled{background:#334155}:root[data-theme=dark] .broadcast-preview-email-frame{background-color:#f8fafc;color:#1e293b;border-radius:var(--radius-md);padding:.5rem}:root[data-theme=dark] .softphone-drawer-container{background:var(--color-surface);color:var(--color-text-main);border-left-color:var(--color-border)}:root[data-theme=dark] .calendar-appt-card{box-shadow:0 1px 3px #0006}:root[data-a11y=true]{font-size:118.75%;--color-text-muted: #1e293b;--color-text-subtle: #334155;--color-border: #94a3b8}:root[data-theme=dark][data-a11y=true]{--color-text-muted: #f1f5f9;--color-text-subtle: #e2e8f0;--color-border: #64748b}[data-a11y=true] a:focus-visible,[data-a11y=true] button:focus-visible,[data-a11y=true] input:focus-visible,[data-a11y=true] select:focus-visible,[data-a11y=true] textarea:focus-visible,[data-a11y=true] [tabindex]:focus-visible{outline:3px solid var(--color-border-focus);outline-offset:3px}[data-a11y=true] .btn{min-height:48px;font-weight:700}[data-a11y=true] p,[data-a11y=true] li{line-height:1.65}.theme-toggle-group{display:flex;align-items:center;gap:.375rem}.theme-toggle-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:.375rem .625rem;background:none;border:1px solid currentColor;border-radius:var(--radius-sm);color:inherit;opacity:.75;font-weight:700;font-size:.9375rem;cursor:pointer;transition:var(--transition-fast)}.theme-toggle-btn:hover{opacity:1}.theme-toggle-btn[aria-pressed=true]{opacity:1;background:#0000000f}:root[data-theme=dark] .theme-toggle-btn[aria-pressed=true]{background:#ffffff1f}.softphone-drawer-container>div{min-width:0}.softphone-drawer-container>div:first-child{flex-wrap:wrap;gap:.5rem}.softphone-drawer-container input,.softphone-drawer-container textarea,.softphone-drawer-container select{max-width:100%;min-width:0;color:var(--color-text-main);background:var(--color-surface)}.softphone-drawer-container fieldset{min-width:0;display:flex;flex-wrap:wrap;gap:.5rem}.softphone-drawer-container fieldset label{display:flex;flex-direction:column;width:100%}.softphone-drawer-container fieldset button{min-height:44px;color:var(--color-text-main);background:var(--color-surface);border:1px solid var(--color-border);padding:.4rem;border-radius:4px}.softphone-drawer-container button:focus-visible,.softphone-drawer-container summary:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.softphone-drawer-container p{overflow-wrap:anywhere}@media (max-width: 320px){.softphone-drawer-container{overflow-y:auto}.softphone-drawer-container>div{flex-shrink:0}.softphone-drawer-container>div:last-child{overflow-y:visible!important;padding:.65rem!important}.softphone-drawer-container div[style*="display: flex"]{flex-wrap:wrap}}.softphone-drawer-container div{min-width:0}.softphone-drawer-container input,.softphone-drawer-container textarea,.softphone-drawer-container select{box-sizing:border-box}.softphone-drawer-container button{white-space:normal;overflow-wrap:anywhere}@media (max-width: 320px){.softphone-drawer-container div[style*="grid-template-columns: repeat(2"]{grid-template-columns:1fr!important}.softphone-drawer-container input,.softphone-drawer-container textarea,.softphone-drawer-container select{width:100%}}