:root{--bg: #f3f8f6;--bg-strong: #e7f2ee;--surface: #ffffff;--surface-soft: #f7fbf9;--surface-tint: #e9f6f2;--border: #cbdcd5;--border-strong: #9fb9af;--text: #18322d;--muted: #5c746d;--primary: #0b6f5f;--primary-strong: #084f45;--primary-soft: #dff3ed;--accent: #f06f61;--accent-soft: #ffe8e3;--info: #2e7e91;--danger: #b42318;--success: #197a4a;--shadow-sm: 0 6px 18px rgba(17, 43, 36, .08);--shadow-md: 0 18px 48px rgba(17, 43, 36, .15)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Inter,Segoe UI,SF Pro Text,Helvetica Neue,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 10% 0%,rgba(139,216,195,.24),transparent 28rem),linear-gradient(180deg,#f7fbf9 0%,var(--bg) 42%,#eef6f3 100%);line-height:1.45}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,p{margin:0}h1{font-size:1.45rem;line-height:1.15}h2{font-size:1.2rem;line-height:1.25}h3{font-size:1rem}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(240,111,97,.38);outline-offset:2px}.app-shell{min-height:100vh;width:100%;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}.sidebar{min-width:0;background:#fffffff5;padding:12px;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}.brand{display:inline-flex;align-items:center;width:190px;max-width:70vw;margin-bottom:10px}.brand img{display:block;width:100%;height:auto}.nav-links{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.nav-item{color:var(--muted);padding:10px 12px;border-radius:8px;display:block;white-space:nowrap;background:var(--surface-soft);border:1px solid transparent;min-height:44px;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}.nav-item:hover{border-color:var(--border);text-decoration:none;transform:translateY(-1px)}.nav-item.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 8px 18px #0b6f5f38}.main-shell{display:flex;flex-direction:column;min-width:0}.topbar{background:#ffffffeb;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:14px;display:grid;gap:12px}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;min-width:0}.notification-bell{position:relative;flex:0 0 auto}.notification-bell-button{position:relative;width:42px;height:42px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--primary-strong);display:inline-grid;place-items:center;cursor:pointer;box-shadow:0 8px 18px #112b240d}.notification-bell-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.notification-badge{position:absolute;top:-2px;right:-2px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--danger);color:#fff;border:2px solid var(--surface);font-size:.68rem;font-weight:900;line-height:1}.notification-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:40;width:min(360px,calc(100vw - 28px));max-width:calc(100vw - 28px);max-height:min(70vh,520px);overscroll-behavior:contain;overflow:auto;display:grid;gap:10px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow-md)}.notification-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;flex-wrap:wrap}.notification-actions .button-secondary{min-height:34px;padding:6px 10px;white-space:nowrap}.notification-list{display:grid;gap:8px}.notification-item{width:100%;display:grid;gap:6px;min-width:0;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);color:var(--text);text-align:left;cursor:pointer}.notification-item:hover{border-color:var(--primary)}.notification-item.unread{border-color:#b4231859;background:linear-gradient(180deg,#fff7f5,var(--surface));box-shadow:inset 3px 0 0 var(--danger)}.notification-item>span:first-child{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;min-width:0;flex-wrap:wrap}.notification-item strong,.notification-item span{overflow-wrap:anywhere}.notification-item small{color:var(--muted);white-space:nowrap}.notification-empty{display:grid;gap:10px;padding:16px;border:1px dashed var(--border);border-radius:8px;color:var(--muted);text-align:center}.mode-switch{display:inline-flex;align-items:center;padding:3px;border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);min-height:42px}.mode-switch button{min-height:34px;border:0;border-radius:999px;padding:7px 12px;background:transparent;color:var(--muted);cursor:pointer;font-weight:800}.mode-switch button.active{background:var(--primary);color:#fff;box-shadow:0 6px 14px #0b6f5f2e}.topbar-copy{display:grid;gap:6px;min-width:0}.topbar-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.role-chip{display:inline-flex;align-items:center;min-height:30px;padding:4px 10px;border-radius:999px;border:1px solid rgba(11,111,95,.14);background:var(--surface-tint);color:var(--primary-strong);font-size:.78rem;font-weight:800;max-width:100%;overflow-wrap:anywhere}.user-pill{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:4px 10px 4px 4px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-weight:700;max-width:min(100%,240px);min-width:0}.user-pill>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-content{width:100%;max-width:none;padding:16px 14px 32px;min-width:0}.main-shell,.page-content,.card,.section-header,.form-grid,.metrics-grid,.table-wrap,.operator-workspace,.operator-main-panel,.operator-context-panel,.operator-top-grid,.operator-booking-grid,.notification-menu,.notification-item{min-width:0}.section-header,.table-wrap,.operator-workspace,.operator-main-panel,.operator-context-panel,.operator-top-grid,.operator-booking-grid,.notification-menu,.notification-item{overflow-wrap:anywhere}.section-header>*,.metrics-grid>*,.card>*,.mobile-item,.entity-card,.appointment-card{min-width:0}.stack{display:grid;gap:16px}.card,.mobile-hero{background:#fffffff5;border:1px solid var(--border);border-radius:8px;padding:16px;display:grid;gap:14px;box-shadow:var(--shadow-sm);overflow-wrap:anywhere}.card-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.hero-stats{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.hero-stat-card{display:grid;gap:6px;padding:14px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:#ffffff1f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero-stat-card span{color:#ffffffd1;font-size:.8rem}.hero-stat-card strong{color:#fff;font-size:1.45rem}.hero-stat-date{display:grid;gap:2px}.hero-stat-date strong{font-size:1.65rem;line-height:1}.hero-stat-date small{color:#ffffffd1;font-size:.84rem;font-weight:800;line-height:1.2}.hero-stat-card .hero-stat-empty{font-size:1rem;line-height:1.25}.stat-card{min-height:118px;align-content:space-between;border-top:4px solid var(--primary)}.stat-card:nth-child(2n){border-top-color:var(--accent)}.stat-card strong{font-size:1.8rem;letter-spacing:0}.section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.inline-actions,.form-actions,.dialog-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inline-actions .button-primary,.inline-actions .button-secondary{flex:1 1 132px}.filters{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.form-grid{display:grid;gap:12px}.form-grid.two-columns{grid-template-columns:1fr}.settings-panel{grid-column:1 / -1;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);padding:14px;display:grid;gap:12px}.settings-panel>div:first-child{grid-column:1 / -1}.owner-note-card{border-color:#f06f616b;background:linear-gradient(180deg,#fff9f7,#fff);box-shadow:0 12px 30px #b547081a}.pricing-list{display:grid;gap:10px}.pricing-list strong{padding:14px;border:1px solid rgba(11,111,95,.12);border-radius:8px;background:var(--surface-soft)}.generated-field-row{display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto}.generated-field-row .button-secondary{min-width:132px}.form-section-title{grid-column:1 / -1;padding-top:4px;color:var(--primary-strong)}.field{display:grid;gap:6px;min-width:0}.field.compact{min-width:min(100%,240px)}.field span{color:var(--text);font-size:.92rem;font-weight:700;display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.field span em{font-style:normal;color:var(--danger);font-size:.74rem;font-weight:700;border:1px solid #f0b7af;background:#fff6f4;border-radius:8px;padding:1px 6px}.info-hint{position:relative;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--primary-strong);font-size:.74rem;font-weight:900;cursor:help}.info-hint-bubble{position:absolute;left:50%;bottom:calc(100% + 8px);z-index:20;width:min(240px,74vw);transform:translate(-50%);border:1px solid var(--border-strong);border-radius:8px;background:var(--text);color:#fff;padding:8px 10px;box-shadow:var(--shadow-md);font-size:.78rem;font-weight:700;line-height:1.35;opacity:0;pointer-events:none;transition:opacity .14s ease}.info-hint:hover .info-hint-bubble,.info-hint:focus .info-hint-bubble,.info-hint:focus-within .info-hint-bubble{opacity:1}.field small{color:var(--muted);font-size:.78rem}.field input,.field select,.field textarea,td input,td select{width:100%;max-width:100%;min-height:44px;border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--text);background:var(--surface);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.field textarea{resize:vertical}.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--border-strong)}.field input:disabled,.field select:disabled,.field textarea:disabled,td input:disabled{color:var(--muted);background:#edf3f0;cursor:not-allowed}.checkbox-row{grid-template-columns:1fr auto;align-items:center;gap:12px;padding:12px;border:1px solid rgba(11,111,95,.12);border-radius:8px;background:#ffffffb8}.checkbox-row input,.field input[type=checkbox]{width:26px;min-height:26px;accent-color:var(--primary)}.button-primary,.button-secondary{border-radius:8px;min-height:44px;padding:10px 14px;cursor:pointer;border:1px solid transparent;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:100%;min-width:0;white-space:normal;text-align:center;overflow-wrap:anywhere;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}.button-primary{background:var(--primary);color:#fff;box-shadow:0 8px 18px #0b6f5f2e}.button-primary:hover{background:var(--primary-strong);text-decoration:none;transform:translateY(-1px)}.button-secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.button-secondary:hover{border-color:var(--primary);color:var(--primary);text-decoration:none;transform:translateY(-1px)}.button-primary:disabled,.button-secondary:disabled{opacity:.58;cursor:not-allowed;transform:none;box-shadow:none}.status-pill{display:inline-flex;align-items:center;min-height:34px;padding:6px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);color:var(--muted);font-size:.8rem;font-weight:800;max-width:100%;white-space:normal;overflow-wrap:anywhere;justify-content:center;text-align:center}.status-pill.success{border-color:#197a4a2e;background:#e9f6ef;color:var(--success)}.status-pill.warning{border-color:#f06f613d;background:#fff4f1;color:#b54708}.status-pill.info{border-color:#2e7e912e;background:#2e7e9114;color:var(--info)}.table-wrap{overflow-x:auto;max-width:100%;border:1px solid var(--border);border-radius:8px;background:var(--surface)}table{width:100%;border-collapse:collapse;min-width:720px}th,td{border-bottom:1px solid var(--border);padding:12px;text-align:left;vertical-align:middle;overflow-wrap:anywhere}th{background:var(--surface-soft);color:var(--muted);text-transform:uppercase;font-size:.76rem;letter-spacing:0}tbody tr{transition:background .14s ease}tbody tr:hover{background:#fbfdfc}tbody tr:last-child td{border-bottom:none}.ai-log-row{cursor:pointer}.ai-log-row-selected td{background:#0b6f5f14}.ai-log-detail-row td{background:#f7fbf9;border-bottom:1px solid var(--border);padding:16px}.ai-log-detail{display:grid;gap:14px}.ai-log-detail-meta{display:flex;flex-wrap:wrap;gap:8px}.ai-log-detail-meta span{border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font-size:.82rem;padding:5px 9px}.ai-log-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.ai-log-detail-section{display:grid;gap:8px;min-width:0}.ai-log-detail-section pre{max-height:360px;overflow:auto}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px}.metrics-grid>div{background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;padding:12px;display:grid;gap:6px;min-height:92px}.metrics-grid strong{font-size:1.35rem}.inspection-box{border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);padding:12px}pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:SF Mono,Menlo,Monaco,Consolas,monospace;font-size:.85rem}.state-block{border:1px solid var(--border);border-radius:8px;padding:28px 18px;background:var(--surface);text-align:center;display:grid;justify-items:center;gap:12px;color:var(--muted);box-shadow:var(--shadow-sm)}.state-error{border-color:#f2b7b7;color:var(--danger)}.state-loading{min-height:160px}.loading-spinner{width:28px;height:28px;border:3px solid var(--primary-soft);border-top-color:var(--primary);border-radius:50%;animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-page{min-height:100vh;display:grid;place-items:center;padding:18px;position:relative;overflow:hidden}.auth-background{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0c2520c7,#0c252042),url(/assets/demo/nail-service.webp) center / cover;z-index:-2}.auth-background:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#f3f8f614,#f3f8f6d1)}.auth-shell{width:min(100%,1080px);display:grid;gap:16px}.auth-shell.wide{width:min(100%,1180px)}.auth-brand-panel{color:#fff;display:grid;gap:18px;align-content:end;min-height:260px;padding:10px 2px;text-shadow:0 2px 14px rgba(0,0,0,.24)}.auth-logo{width:230px;max-width:80vw;background:#ffffffdb;border-radius:8px;padding:8px 10px}.auth-brand-copy{display:grid;gap:10px;max-width:620px}.auth-brand-copy h1{font-size:2rem;color:#fff}.auth-proof-card,.demo-account-card{border:1px solid rgba(255,255,255,.32);border-radius:8px;background:#ffffff24;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px;display:grid;gap:6px;max-width:520px}.auth-proof-card strong{font-size:1.8rem}.auth-card{width:100%;background:#fffffff7;border:1px solid rgba(255,255,255,.72);border-radius:8px;padding:18px;display:grid;gap:14px;box-shadow:var(--shadow-md)}.auth-card.large{width:100%}.auth-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.auth-card-logo{width:44px;height:44px}.auth-heading{display:grid;gap:6px}.auth-links{display:flex;gap:12px;flex-wrap:wrap}.demo-account-card{background:var(--surface-soft);border-color:var(--border);color:var(--text);text-shadow:none;max-width:none}.demo-account-card span{color:var(--muted);font-size:.86rem;overflow-wrap:anywhere}.demo-account-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.demo-account-row span{display:grid;gap:2px;min-width:0}.demo-account-row span strong{color:var(--text);font-size:.84rem}.demo-account-row .compact-button{justify-self:end}.compact-button{min-height:34px;padding:6px 10px;font-size:.82rem}.mobile-hero,.dashboard-hero{border-radius:8px;display:grid;gap:12px}.dashboard-hero{min-height:260px;padding:22px;align-items:end;color:#fff;background:linear-gradient(90deg,#093730e0,#0937305c),url(/assets/demo/salon-wall.webp) center / cover;box-shadow:var(--shadow-md);border:1px solid rgba(255,255,255,.34)}.dashboard-hero .muted,.dashboard-hero .eyebrow{color:#ffffffe0}.dashboard-hero-copy{display:grid;gap:12px;max-width:560px}.dashboard-hero-copy h2{color:#fff;font-size:1.75rem}.routing-status-card .metrics-grid strong{overflow-wrap:anywhere}.eyebrow{color:var(--primary);font-weight:800;text-transform:uppercase;font-size:.75rem;letter-spacing:0}.quick-actions{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));overflow:visible;padding-bottom:4px;min-width:0}.quick-actions a,.quick-actions button{border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);padding:12px 14px;white-space:normal;min-height:44px;box-shadow:var(--shadow-sm);overflow-wrap:anywhere;display:inline-flex;align-items:center;justify-content:center;text-align:center}.quick-actions a:hover,.quick-actions button:hover{border-color:var(--primary);color:var(--primary);text-decoration:none}.quick-actions.primary-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));overflow:visible}.quick-actions.primary-actions a{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:54px;font-size:1rem}.quick-actions.primary-actions a:first-child{background:var(--primary);border-color:var(--primary);color:#fff}.summary-badges{display:flex;gap:8px;flex-wrap:wrap}.summary-badge{display:inline-flex;align-items:center;min-height:34px;padding:6px 10px;border-radius:999px;background:var(--surface-soft);border:1px solid var(--border);color:var(--text);font-size:.85rem;font-weight:700;max-width:100%;overflow-wrap:anywhere;text-align:center}.basic-primary-section{order:0}.basic-secondary-section{order:1}.operator-focus-card,.phone-flow-card,.simple-ccp-card{display:grid;gap:16px}.operator-workspace{display:grid;gap:16px;align-items:start}.operator-context-panel,.operator-main-panel,.operator-call-card,.operator-info-list,.operator-context-section,.compact-queue-list{display:grid;gap:12px}.operator-context-panel{display:contents;position:static}.operator-context-panel>.operator-active-call-banner{order:0}.operator-context-panel>.operator-routing-note{order:1}.operator-main-panel{order:2}.operator-context-panel>.operator-context-section{order:3}.compact-header{gap:10px}.operator-info-list>div{display:grid;gap:4px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft)}.operator-info-list strong,.operator-label-list strong,.compact-list span,.queue-row strong,.queue-row span{overflow-wrap:anywhere}.operator-active-call-banner{display:grid;gap:12px;border-color:#1b4d723d;background:linear-gradient(135deg,#f5fbff,#fff 70%);box-shadow:var(--shadow-sm)}.operator-active-call-banner h2{margin:3px 0 0;font-size:1.04rem;line-height:1.25}.operator-label-list,.business-hours-list,.service-row-list,.available-staff-list{display:grid;gap:8px}.operator-label-list.compact{gap:6px}.operator-label-row,.business-hour-row,.service-row,.available-staff-row,.schedule-summary-grid>div{display:grid;gap:3px;padding:9px 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface-soft)}.operator-label-row span,.business-hour-row span,.service-row small,.available-staff-row span,.schedule-summary-grid span{color:var(--muted);font-size:.78rem;font-weight:800}.operator-label-row strong,.business-hour-row strong,.service-row strong,.available-staff-row strong,.schedule-summary-grid strong{overflow-wrap:anywhere}.business-hour-row.today{border-color:#1b4d723d;background:var(--surface-tint)}.manual-salon-selector small{line-height:1.35}.operator-routing-note{display:grid;gap:6px;padding:14px;border:1px solid rgba(240,111,97,.28);border-radius:8px;background:#fff4f1;box-shadow:var(--shadow-sm)}.operator-routing-note.has-note{border-color:#f06f6170;background:#fff0eb}.operator-routing-note.is-empty{border-style:dashed;background:var(--surface-soft)}.operator-routing-note span{color:#b54708;font-size:.78rem;font-weight:900;text-transform:uppercase}.operator-routing-note strong{overflow-wrap:anywhere;line-height:1.4}.operator-routing-note .button-secondary{justify-self:start}.operator-context-section h3{margin:0;font-size:.92rem}.operator-context-section h4{margin:0;font-size:.82rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.operator-context-card,.operator-active-call-banner,.selected-call-card,.queue-card,.operator-booking-card,.operator-schedule-card,.ccp-panel,.operator-staff-group,.operator-staff-card,.staff-schedule-group,.appointment-operator-card,.service-chip-list,.weekly-hours-list,.operator-customer-matches,.operator-booking-hints,.available-staff-card,.staff-schedule-list,.appointment-card-list,.schedule-highlight-row,.schedule-summary-grid{display:grid;gap:10px}.ccp-panel{min-width:0}.ccp-frame{min-height:320px;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#fff}.ccp-frame iframe{width:100%;min-height:320px}.ccp-frame-placeholder{min-height:320px;display:grid;place-items:center;gap:8px;padding:20px;text-align:center;color:var(--muted);background:var(--surface-soft)}.ccp-frame-placeholder strong{color:var(--text)}.ccp-help-box{display:grid;gap:10px;padding:12px;border:1px solid rgba(181,71,8,.28);border-radius:8px;background:#fff7ed;color:#7c2d12}.ccp-help-box .button-secondary{justify-self:start}.ccp-checklist{margin:0;padding-left:18px}.ccp-diagnostics{display:grid;gap:8px}.ccp-diagnostics>div{display:grid;gap:2px}.ccp-diagnostics span{font-size:.78rem;font-weight:800;text-transform:uppercase}.ccp-diagnostics strong{overflow-wrap:anywhere}.ccp-help-actions{display:flex;flex-wrap:wrap;gap:8px}.ccp-technical-details{display:grid;gap:6px}.ccp-technical-details summary{cursor:pointer;font-weight:800}.ccp-technical-details p{margin:0;color:var(--muted);overflow-wrap:anywhere}.ccp-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-list{display:flex;gap:6px;flex-wrap:wrap}.compact-list span{display:inline-flex;align-items:center;min-height:30px;padding:5px 9px;border-radius:999px;background:var(--surface-soft);border:1px solid var(--border);font-size:.82rem;font-weight:700}.operator-action-bar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.operator-top-grid,.operator-booking-grid{display:grid;gap:16px;align-items:start}.operator-booking-grid .form-grid.two-columns{grid-template-columns:1fr}.queue-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-items:center;text-align:left;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);color:var(--text);padding:10px 12px;cursor:pointer}.queue-row-main{display:grid;gap:2px}.queue-row p,.queue-row .inline-actions,.queue-row-details{grid-column:1 / -1;margin:0}.queue-row p,.queue-row-details{color:var(--muted);font-size:.84rem;overflow-wrap:anywhere}.queue-row-details{display:grid;gap:6px}.queue-row-details summary{cursor:pointer;color:var(--primary-strong);font-weight:800}.queue-row.active{border-color:var(--primary);background:var(--surface-tint)}.queue-row small{color:var(--muted);font-weight:700}.compact-table th,.compact-table td{padding:9px 10px}.compact-actions{gap:6px}.compact-actions .button-secondary{min-height:32px;padding:6px 8px;font-size:.78rem}.compact-note-form{gap:10px}.operator-staff-card,.staff-schedule-group,.appointment-operator-card,.service-chip-list>span,.weekly-hours-list>span,.operator-booking-hints,.customer-match-pill{border:1px solid var(--border);border-radius:10px;background:var(--surface-soft);padding:10px 12px}.operator-staff-card.ready,.appointment-operator-card.current{border-color:#22c55e73;background:#f0fdf4}.operator-staff-card>div:first-child,.appointment-operator-card>div:first-child,.appointment-operator-card>div:nth-child(2){display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}.operator-staff-card small,.service-chip-list small,.appointment-operator-card p{color:var(--muted)}.staff-card-meta,.date-control-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.staff-card-meta span,.schedule-highlight-row span{display:inline-flex;gap:4px;align-items:center;border-radius:8px;background:var(--surface);border:1px solid var(--border);padding:5px 8px;font-size:.78rem;font-weight:700}.staff-availability-label{color:var(--primary)}.service-chip-list{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.service-chip-list>span{display:grid;gap:3px}.weekly-hours-list{grid-template-columns:repeat(2,minmax(0,1fr))}.weekly-hours-list>span{font-size:.82rem;font-weight:700}.operator-customer-matches{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:center}.operator-customer-matches>strong{grid-column:1 / -1}.booking-customer-matches{grid-column:1 / -1}.customer-match-pill{color:var(--text);cursor:pointer;text-align:left;min-width:0;overflow-wrap:anywhere}.operator-booking-card h4{margin:0;grid-column:1 / -1}.span-two{grid-column:1 / -1}.operator-booking-hints{background:#f8fafc;color:var(--muted);font-size:.88rem}.schedule-highlight-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.appointment-card-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.appointment-operator-card{background:var(--surface)}.schedule-summary-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.available-staff-card{padding:12px;border:1px solid var(--border);border-radius:12px;background:#f8fafc}.available-staff-row{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center}.date-input-field{min-width:170px}.operator-focus-grid{display:grid;gap:12px;grid-template-columns:minmax(0,1fr);align-items:end}.simple-action-panel{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.call-center-next-steps,.phone-flow-steps{display:grid;gap:10px;grid-template-columns:1fr}.call-center-next-steps span,.phone-flow-steps article,.simple-callout{border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);padding:12px}.phone-flow-steps article{display:grid;gap:6px}.phone-flow-steps article>span{width:32px;height:32px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-weight:800}.phone-flow-steps p,.simple-callout p{margin:0;color:var(--muted);overflow-wrap:anywhere}.advanced-config{border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow-sm)}.advanced-config>summary{cursor:pointer;padding:14px 16px;font-weight:800;color:var(--primary-strong)}.advanced-config>.card{border:0;box-shadow:none;border-top:1px solid var(--border);border-radius:0 0 8px 8px}.compact-metrics strong{font-size:1.05rem;overflow-wrap:anywhere}.operator-call-summary{display:grid;gap:10px}.operator-call-summary>div{display:grid;gap:4px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft)}.operator-call-summary p{color:var(--text);overflow-wrap:anywhere}.text-clamp-3{display:-webkit-box;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:3}.selected-call-card .operator-call-summary p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}.routing-note-field{border:1px solid rgba(240,111,97,.28);border-radius:8px;background:#fff7f5;padding:12px}.mobile-list{display:grid;gap:10px}.entity-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.entity-card{display:grid;gap:12px;padding:16px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(180deg,#fffffffa,#f7fbf9f5);box-shadow:var(--shadow-sm)}.entity-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.entity-card-copy{display:grid;gap:4px;min-width:0}.entity-card-copy strong,.entity-card-copy span,.entity-metric strong{overflow-wrap:anywhere}.entity-metric-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.entity-metric{display:grid;gap:4px;padding:12px;border-radius:8px;background:var(--surface-soft);border:1px solid rgba(11,111,95,.08)}.hours-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.hours-card{display:grid;gap:12px;padding:16px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(180deg,#fffffffa,#f7fbf9f5);box-shadow:var(--shadow-sm)}.hours-card.today{border-color:var(--primary);background:linear-gradient(180deg,#dff3edb8,#fffffffa);box-shadow:0 12px 28px #0b6f5f24}.hours-card-header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.hours-time-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.appointment-card{display:grid;gap:12px;padding:16px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(180deg,#fffffffa,#f7fbf9f5);box-shadow:var(--shadow-sm)}.appointment-card-featured{border-color:#0b6f5f3d;background:linear-gradient(180deg,#dff3edc7,#fffffffa)}.appointment-card.highlighted,.mobile-item.highlighted,.schedule-appointment.highlighted,.appointment-operator-card.highlighted{border-color:var(--accent);box-shadow:0 0 0 3px #f06f612e,var(--shadow-sm);scroll-margin-top:96px}.appointment-card-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}.appointment-card-copy{display:grid;gap:4px;min-width:0}.appointment-card-copy strong,.appointment-card-copy span,.appointment-card-meta strong,.appointment-card-meta span{overflow-wrap:anywhere}.appointment-card-meta{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.appointment-card-meta>div{display:grid;gap:4px;padding:12px;border-radius:8px;background:var(--surface-soft);border:1px solid rgba(11,111,95,.08)}.date-navigation{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.date-navigation .button-secondary{min-width:44px;padding-inline:12px}.selected-date-label{min-height:44px;display:inline-flex;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);color:var(--primary-strong);font-size:1rem}.day-section{display:grid;gap:12px}.mobile-item{border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);padding:12px;display:grid;gap:6px}.mobile-item.urgent{border-color:#e08a82;background:#fff7f6}.timer-pill{display:inline-block;margin-top:6px;padding:4px 8px;border-radius:8px;background:var(--primary-soft);color:var(--primary-strong);font-weight:800}.chat-panel{min-height:520px}.message-list{display:grid;align-content:start;gap:10px;min-height:300px}.message-bubble{width:min(86%,360px);border-radius:8px;background:var(--surface-soft);border:1px solid var(--border);padding:10px;display:grid;gap:4px}.message-bubble.mine{justify-self:end;background:#e4f4ed}.message-bubble span{color:var(--muted);font-size:.76rem}.feedback-page{min-height:100vh;display:grid;place-items:center;padding:18px;background:var(--bg)}.feedback-card{width:min(100%,460px);border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:20px;display:grid;gap:14px;box-shadow:var(--shadow-md)}.rating-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.rating-star{min-height:48px;border-radius:8px;border:1px solid var(--border);background:var(--surface-soft);font-weight:800}.rating-star.selected{background:var(--primary);color:#fff}.muted{color:var(--muted);font-size:.9rem}.form-error{grid-column:1 / -1;color:var(--danger);border:1px solid #f0b7af;background:#fff6f4;border-radius:8px;padding:10px 12px;font-size:.9rem}.toast-stack{position:fixed;right:14px;bottom:14px;z-index:50;display:grid;gap:8px}.toast{border-radius:8px;padding:12px 14px;color:#fff;font-size:.9rem;min-width:min(280px,calc(100vw - 28px));box-shadow:var(--shadow-md)}.toast-success{background:var(--success)}.toast-error{background:var(--danger)}.toast-info{background:var(--info)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:16px;background:#14201c75}.dialog-panel{width:min(100%,540px);max-height:min(86vh,720px);overflow:auto;display:grid;gap:14px;padding:18px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow-md)}.dialog-actions{justify-content:flex-end}.dialog-checklist{display:grid;gap:8px;margin:0;padding:12px;border:1px solid var(--border);border-radius:8px}.dialog-checklist legend{padding:0 4px;color:var(--muted)}.language-switcher{display:inline-grid;min-width:148px}.language-switcher select{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:42px;border:1px solid rgba(11,111,95,.12);border-radius:999px;background:var(--surface);color:var(--text);padding:8px 38px 8px 12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3 5.25L7 9.25L11 5.25' stroke='%230b6f5f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;box-shadow:0 8px 18px #112b240d}.language-switcher.compact{min-width:146px}.avatar{display:block;object-fit:cover;border-radius:8px;border:1px solid rgba(11,111,95,.18);background:var(--surface-soft);flex:0 0 auto}.avatar-sm{width:34px;height:34px}.avatar-md{width:44px;height:44px}.avatar-lg{width:64px;height:64px}.person-cell{display:flex;align-items:center;gap:10px}.person-cell>span{display:grid;gap:2px}.staff-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.staff-invitation-card{display:grid;gap:14px;padding:16px;border:1px solid rgba(11,111,95,.18);border-radius:8px;background:#f5fbf8}.staff-invitation-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.staff-invitation-grid>div{display:grid;gap:8px;min-width:0;padding:12px;border:1px solid rgba(11,111,95,.1);border-radius:8px;background:#ffffffdb}.staff-invitation-grid strong{overflow-wrap:anywhere}.staff-card{display:grid;gap:14px;min-width:0;padding:16px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(180deg,#fffffffa,#f7fbf9f5);box-shadow:var(--shadow-sm)}.staff-card-inactive{border-color:#f06f6138;background:linear-gradient(180deg,#fffdfc,#fff7f5)}.staff-card-header{display:grid;align-items:start;gap:12px}.staff-card .person-cell strong{font-size:1rem}.staff-card-visual{gap:16px}.staff-identity{display:flex;align-items:center;gap:12px;min-width:0;width:100%}.staff-identity .avatar{flex:0 0 auto}.staff-identity-copy{display:grid;gap:4px;min-width:0}.staff-identity-copy strong{line-height:1.25;font-size:1.05rem;word-break:normal;overflow-wrap:break-word}.staff-identity-copy span{color:var(--muted);font-size:.9rem;line-height:1.3;word-break:normal;overflow-wrap:break-word}.staff-chip-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start;min-width:0}.staff-contact-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.staff-contact-grid>div{display:grid;gap:4px;min-width:0;padding:12px;border-radius:8px;background:#ffffffd6;border:1px solid rgba(11,111,95,.08)}.staff-contact-grid strong{overflow-wrap:anywhere}.staff-meta-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.staff-meta-grid>div{display:grid;gap:4px;padding:12px;border-radius:8px;background:var(--surface-soft);border:1px solid rgba(11,111,95,.08)}.service-matrix-wrap,.schedule-board-wrap{overflow:auto;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.service-matrix{display:grid;grid-template-columns:minmax(190px,1.25fr) repeat(var(--staff-count),minmax(110px,.75fr));min-width:max(100%,620px)}.service-matrix-row{display:contents}.service-matrix-heading,.service-matrix-service,.service-matrix-cell{min-height:64px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:12px}.service-matrix-heading{position:sticky;top:0;z-index:3;background:var(--surface-soft);color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase;text-align:center}.service-matrix-sticky{position:sticky;left:0;z-index:4;box-shadow:1px 0 0 var(--border)}.service-matrix-service{display:grid;gap:6px;background:var(--surface);align-content:center}.service-matrix-service strong,.service-matrix-staff strong{overflow-wrap:anywhere}.service-matrix-staff strong{white-space:nowrap}.service-matrix-cell{display:grid;place-items:center;color:var(--muted);font-weight:800;background:#fbfdfc}.service-matrix-cell-on{background:var(--surface-tint);color:var(--primary-strong)}.schedule-day{display:grid;gap:12px}.schedule-board{display:grid;grid-template-columns:78px repeat(var(--staff-count),minmax(190px,1fr));grid-template-rows:64px repeat(var(--slot-count),minmax(86px,auto));min-width:max(100%,980px);position:relative;isolation:isolate}.schedule-corner,.schedule-staff-header,.schedule-time,.schedule-lane-cell{border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.schedule-corner,.schedule-staff-header{position:sticky;top:0;z-index:5;background:var(--surface-soft)}.schedule-corner{left:0;z-index:6;display:grid;place-items:center;color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase}.schedule-staff-header{display:flex;align-items:center;gap:8px;padding:10px 12px;min-width:0}.schedule-staff-header strong{overflow-wrap:anywhere}.schedule-time{position:sticky;left:0;z-index:4;display:grid;place-items:start center;padding-top:10px;background:var(--surface);color:var(--muted);font-weight:800}.schedule-lane-cell{min-height:86px;background:linear-gradient(180deg,rgba(17,43,36,.035) 1px,transparent 1px),var(--surface);background-size:100% 28px}.schedule-appointment{z-index:2;display:grid;gap:8px;align-content:start;margin:6px;padding:10px;min-width:0;border:1px solid rgba(11,111,95,.14);border-top:4px solid var(--accent);border-radius:8px;background:#fff4dd;box-shadow:0 12px 26px #112b241a}.schedule-appointment.ai-card{border-top-color:var(--primary);background:#e6f6f2}.schedule-appointment.active-card{border-top-color:var(--info);background:#eaf6f8}.schedule-appointment.muted-card{border-top-color:var(--border-strong);background:#f2f4f3;opacity:.88}.schedule-appointment-top{display:grid;gap:6px}.schedule-appointment-top .status-pill{width:fit-content;min-height:26px;padding:4px 8px;font-size:.72rem}.schedule-appointment-copy{display:grid;gap:3px;min-width:0}.schedule-appointment-copy strong,.schedule-appointment-copy span,.schedule-appointment-copy small{overflow-wrap:anywhere}.schedule-appointment-copy span,.schedule-appointment-copy small{color:var(--muted);font-size:.82rem}.schedule-appointment-actions{display:grid;gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}.schedule-appointment-actions .button-secondary{min-height:34px;padding:6px 8px;font-size:.78rem}.staff-quota-card{display:grid;gap:12px;padding:14px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(180deg,#dff3ed7a,#fffffff0)}.staff-quota-track{display:flex;overflow:hidden;min-height:14px;border-radius:999px;background:#112b2414}.staff-quota-fill{min-width:0}.staff-quota-fill-free{background:linear-gradient(90deg,var(--primary),#27a57b)}.staff-quota-fill-extra{background:linear-gradient(90deg,#f2a464,var(--accent))}.staff-quota-legend{display:flex;flex-wrap:wrap;gap:10px 16px}.staff-quota-legend>div{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.85rem;font-weight:600}.staff-quota-dot{width:10px;height:10px;border-radius:999px;flex:0 0 auto}.staff-quota-dot-free{background:var(--primary)}.staff-quota-dot-extra{background:var(--accent)}.softphone-placeholder,.integration-card{display:grid;gap:12px}.softphone-placeholder{min-height:560px;align-content:center;padding:22px;border-radius:16px;border:1px dashed rgba(11,111,95,.24);background:linear-gradient(180deg,#dff3edb3,#fffffff5)}.integration-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.config-checklist{margin:0;padding-left:18px;display:grid;gap:8px;color:var(--text)}.config-checklist.compact{gap:6px}@media(min-width:700px){h1{font-size:1.75rem}h2{font-size:1.35rem}.topbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:16px 20px}.page-content{padding:22px 20px 40px}.form-grid.two-columns,.settings-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.operator-focus-grid{grid-template-columns:minmax(280px,420px) minmax(0,1fr)}.call-center-next-steps,.phone-flow-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.form-actions{grid-column:1 / -1}.auth-shell{grid-template-columns:minmax(0,1fr) minmax(380px,480px);align-items:center}.auth-shell.wide{grid-template-columns:minmax(0,.85fr) minmax(560px,1.15fr)}.auth-card{padding:24px}.auth-brand-panel{min-height:620px;padding:32px 20px 32px 0}.auth-brand-copy h1{font-size:2.45rem}.dashboard-hero{min-height:320px;padding:32px}.dashboard-hero-copy h2{font-size:2.15rem}}@media(min-width:900px){.queue-row{grid-template-columns:minmax(0,1fr) auto auto}}@media(min-width:1100px){.operator-top-grid,.operator-booking-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr))}.operator-booking-grid .form-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1500px){.operator-workspace{grid-template-columns:minmax(300px,340px) minmax(0,1fr)}.operator-context-panel{display:grid;order:0;max-width:340px}.operator-main-panel,.operator-context-panel>*{order:0}.operator-top-grid,.operator-booking-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr))}}@media(min-width:1500px)and (min-height:820px){.operator-context-panel{position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:auto;padding-right:2px}}@media(min-width:1600px){.operator-workspace{grid-template-columns:minmax(320px,360px) minmax(0,1fr)}.operator-context-panel{max-width:360px}}@media(min-width:1025px){.app-shell{grid-template-columns:260px minmax(0,1fr);grid-template-rows:1fr}.sidebar{height:100vh;border-right:1px solid var(--border);border-bottom:0;overflow-y:auto;padding:18px 14px}.brand{margin-bottom:18px}.nav-links{flex-direction:column;overflow-x:visible}.page-content{padding:24px clamp(18px,2vw,32px) 44px}}@media(max-width:430px){.info-hint-bubble{position:fixed;top:76px;right:14px;bottom:auto;left:14px;width:auto;max-width:none;transform:none}.staff-card-header{flex-direction:column}.staff-chip-row{justify-content:flex-start}.staff-contact-grid,.staff-invitation-grid,.staff-meta-grid,.generated-field-row{grid-template-columns:1fr}.topbar-actions{align-items:stretch}.topbar-actions>*{width:100%}.topbar-actions>.notification-bell{width:auto}.notification-menu{position:fixed;top:68px;left:14px;right:14px;width:auto}.language-switcher.compact{width:100%}.demo-account-row{grid-template-columns:1fr}.demo-account-row .compact-button{justify-self:stretch}.button-primary,.button-secondary{width:100%}.schedule-appointment-actions{grid-template-columns:1fr}}