:root{--brand-primary:#2563eb;--brand-secondary:#3b82f6;--brand-light:#059af7;--background-app:#fbfcff;--background-alt:#f8fafc;--background-card:#fff;--background-soft:#f1f5fd;--text-primary:#0f172a;--text-secondary:#647080;--text-muted:#6b7280;--border-soft:#e5eaf2;--status-success:#10b981;--status-success-soft:#ecfdf5;--status-failed:#dc2626;--status-failed-soft:#fef2f2;--status-pending:#d97706;--status-pending-soft:#fffbeb;--radius:8px}*{box-sizing:border-box}html{background:var(--background-app)}body{background:var(--background-app);min-height:100vh;color:var(--text-primary);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:264px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border-soft);background:var(--background-card);flex-direction:column;gap:24px;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand__mark{border-radius:var(--radius);background:var(--brand-primary);color:#fff;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.brand strong,.brand small{display:block}.brand small{color:var(--text-muted);font-size:12px}.nav-list{gap:6px;display:grid}.nav-item{border-radius:var(--radius);min-height:42px;color:var(--text-secondary);align-items:center;gap:10px;padding:0 12px;display:flex}.nav-item:hover,.nav-item:focus{background:var(--background-soft);color:var(--brand-primary);outline:none}.nav-item-active,.nav-item-active:hover,.nav-item-active:focus{background:var(--background-soft);color:var(--brand-primary);font-weight:600}.sidebar-logout{color:var(--text-secondary);cursor:pointer;font:inherit;border-radius:var(--radius);background:0 0;border:none;align-items:center;gap:6px;margin-left:auto;padding:4px 6px;display:inline-flex}.sidebar-logout:hover,.sidebar-logout:focus{color:var(--brand-primary);background:#2563eb14;outline:none}.login-main{min-height:100vh}.login-shell{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-panel{gap:16px;width:min(380px,100%);display:grid}.login-brand{align-items:center;gap:12px;margin-bottom:4px;display:flex}.login-brand p{margin:0}.sidebar-status{border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--background-soft);color:var(--status-success);align-items:center;gap:10px;margin-top:auto;padding:12px;font-weight:600;display:flex}.main-content{padding:32px}.page-header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.page-header h1{margin:0;font-size:28px;line-height:1.2}.page-header p{max-width:760px;color:var(--text-secondary);margin:8px 0 0}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:10px;display:flex}.compact-field{min-width:220px}.date-field{min-width:156px}.time-field{min-width:130px}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin:4px 0 14px;display:flex}.section-heading h2{margin:0;font-size:18px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.metric-card,.panel,.table-wrap,.form-panel{border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--background-card)}.metric-card{padding:18px}.metric-card__top{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:8px;font-size:14px;display:flex}.metric-card__icon{border-radius:var(--radius);background:var(--background-soft);width:32px;height:32px;color:var(--brand-primary);place-items:center;display:grid}.metric-card strong{margin-top:14px;font-size:28px;line-height:1.1;display:block}.metric-card small{color:var(--text-muted);margin-top:8px;display:block}.content-grid{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:18px;display:grid}.content-grid-flush{margin-top:0}.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.two-column{grid-template-columns:360px minmax(0,1fr);gap:18px;display:grid}.panel,.form-panel{padding:18px}.panel h2,.form-panel h2{margin:0 0 16px;font-size:18px}.form-grid{gap:12px;display:grid}.field{gap:6px;display:grid}.field label{color:var(--text-secondary);font-size:13px;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--border-soft);border-radius:var(--radius);width:100%;color:var(--text-primary);background:#fff;padding:10px 12px}.field textarea{resize:vertical;min-height:160px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand-primary);outline:2px solid #2563eb24}.checkbox-row{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:10px;font-weight:600;display:flex}.checkbox-row input{width:18px;height:18px;accent-color:var(--brand-primary)}.checkbox-list{gap:8px;display:grid}.button-row{flex-wrap:wrap;gap:10px;display:flex}.provider-summary{border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--background-soft);align-items:center;gap:10px;padding:10px 12px;display:flex}.provider-summary svg{color:var(--brand-primary);flex:none}.provider-summary span,.provider-summary strong{display:block}.provider-summary span{color:var(--text-secondary);font-size:12px}.provider-summary strong{font-size:14px}.button{border:1px solid var(--border-soft);border-radius:var(--radius);min-height:40px;color:var(--text-primary);background:#fff;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-weight:600;display:inline-flex}.button-primary{border-color:var(--brand-primary);background:var(--brand-primary);color:#fff}.button-primary:hover{background:#1d4ed8}.compact-button{min-height:34px;margin-top:8px;padding:0 10px;font-size:13px}.button-danger{color:#b91c1c;background:#fff;border-color:#fecaca}.button:disabled{cursor:not-allowed;opacity:.55}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--border-soft);text-align:left;vertical-align:top;padding:12px}th{color:var(--text-secondary);font-size:13px;font-weight:600}td{color:var(--text-primary);font-size:14px}tr:last-child td{border-bottom:0}.muted{color:var(--text-muted)}.block-text{margin-top:4px;display:block}.icon-label{align-items:center;gap:6px;display:inline-flex}.inline-edit{align-items:center;gap:8px;min-width:180px;display:flex}.table-input{border:1px solid var(--border-soft);border-radius:var(--radius);width:100%;min-width:0;color:var(--text-primary);background:#fff;padding:8px 10px}.icon-button{width:40px;padding:0}.pill-row{flex-wrap:wrap;gap:6px;display:flex}.tag-pill{border:1px solid var(--border-soft);background:var(--background-soft);min-height:26px;color:var(--text-secondary);border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.weight-pill{border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--background-soft);min-height:34px;color:var(--text-secondary);align-items:center;gap:6px;padding:4px 8px;font-size:12px;font-weight:700;display:inline-flex}.weight-input{border:1px solid var(--border-soft);border-radius:var(--radius);width:70px;color:var(--text-primary);background:#fff;padding:6px 8px}.meter{background:var(--background-soft);border-radius:999px;width:min(240px,100%);height:10px;overflow:hidden}.meter span{border-radius:inherit;background:var(--brand-primary);min-width:2px;height:100%;display:block}.calendar-toolbar h2{text-transform:capitalize;align-items:center;gap:8px;margin:0 0 14px;font-size:18px;display:inline-flex}.calendar-grid{border:1px solid var(--border-soft);border-radius:var(--radius);grid-template-columns:repeat(7,minmax(0,1fr));display:grid;overflow:hidden}.calendar-weekday,.calendar-day{border-right:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);min-width:0}.calendar-weekday:nth-child(7n),.calendar-day:nth-child(7n){border-right:0}.calendar-weekday{background:var(--background-soft);color:var(--text-secondary);text-align:center;padding:10px;font-size:12px;font-weight:700}.calendar-day{background:#fff;min-height:112px;padding:8px}.calendar-day-muted{background:var(--background-alt);color:var(--text-muted)}.calendar-event-stack{gap:4px;margin-top:8px;display:grid}.calendar-event{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;padding:5px 7px;font-size:11px;font-weight:700;overflow:hidden}.calendar-event-tentative{background:var(--status-pending-soft);color:var(--status-pending)}.calendar-event-scheduled{background:var(--background-soft);color:var(--brand-primary)}.calendar-event-confirmed{background:var(--status-success-soft);color:var(--status-success)}.calendar-event-cancelled{background:var(--status-failed-soft);color:var(--status-failed)}.status-badge{border-radius:999px;align-items:center;min-height:26px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.status-success{background:var(--status-success-soft);color:var(--status-success)}.status-failed{background:var(--status-failed-soft);color:var(--status-failed)}.status-pending,.status-processing{background:var(--status-pending-soft);color:var(--status-pending)}.status-ignored{background:var(--background-soft);color:var(--text-muted)}.json-box{border:1px solid var(--border-soft);border-radius:var(--radius);color:#e5eaf2;background:#0f172a;max-height:360px;padding:14px;font-size:12px;line-height:1.5;overflow:auto}.empty-state{border:1px dashed var(--border-soft);border-radius:var(--radius);background:var(--background-soft);color:var(--text-secondary);padding:18px}.empty-state p{align-items:center;gap:8px;margin:0 0 8px;display:flex}.empty-state p:last-child{margin-bottom:0}.error-text{color:var(--status-failed);font-weight:600}.success-text{color:var(--status-success);align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.suggestion-list{gap:16px;display:grid}.suggestion-card{border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--background-card);grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:18px;padding:18px;display:grid}.suggestion-card__main,.suggestion-card__reply{min-width:0}.suggestion-card__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.suggestion-card__header h2{margin:0;font-size:20px}.suggestion-card__header p{color:var(--text-secondary);margin:5px 0 0}.suggestion-meta-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.suggestion-meta-grid div{border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--background-soft);min-width:0;padding:10px}.suggestion-meta-grid span,.suggestion-block span{color:var(--text-secondary);font-size:12px;font-weight:700;display:block}.suggestion-meta-grid strong{overflow-wrap:anywhere;margin-top:4px;font-size:14px;display:block}.suggestion-block{margin-top:16px}.suggestion-block p{overflow-wrap:anywhere;color:var(--text-primary);margin:6px 0 0;line-height:1.55}.suggestion-card__reply textarea{border:1px solid var(--border-soft);border-radius:var(--radius);width:100%;min-height:210px;color:var(--text-primary);resize:vertical;background:#fff;padding:12px;line-height:1.5}.suggestion-card__reply textarea:focus{border-color:var(--brand-primary);outline:2px solid #2563eb24}.suggestion-card__reply textarea:disabled{background:var(--background-soft);color:var(--text-secondary)}.operator-layout{border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--background-card);grid-template-columns:320px minmax(0,1fr) 360px;min-height:calc(100vh - 136px);display:grid;overflow:hidden}.operator-list,.operator-thread,.operator-side-panel{min-width:0}.operator-list{border-right:1px solid var(--border-soft);background:var(--background-alt)}.operator-filter-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:12px;display:grid}.operator-filter{border:1px solid var(--border-soft);border-radius:var(--radius);min-height:34px;color:var(--text-secondary);background:#fff;font-size:13px;font-weight:700}.operator-filter-active{border-color:var(--brand-primary);background:var(--background-soft);color:var(--brand-primary)}.operator-conversation-list{gap:8px;max-height:calc(100vh - 210px);padding:0 12px 12px;display:grid;overflow:auto}.operator-conversation{border:1px solid var(--border-soft);border-radius:var(--radius);text-align:left;background:#fff;gap:8px;width:100%;padding:12px;display:grid}.operator-conversation-active{box-shadow:inset 3px 0 0 var(--brand-primary);border-color:#2563eb73}.operator-conversation-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.operator-conversation-top strong{overflow-wrap:anywhere;color:var(--text-primary)}.operator-conversation-top small{color:var(--text-muted);flex:none;font-size:11px}.operator-conversation-message{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.operator-thread{background:#fff;grid-template-rows:auto minmax(0,1fr);display:grid}.operator-thread-header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.operator-thread-header h2{margin:0;font-size:20px}.operator-thread-header p{color:var(--text-secondary);margin:5px 0 0}.operator-thread-actions{flex:none;justify-content:flex-end;align-items:center;gap:8px;display:flex}.operator-message-list{flex-direction:column;gap:12px;padding:18px;display:flex;overflow:auto}.operator-message{border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--background-soft);max-width:min(680px,88%);padding:10px 12px}.operator-message p{overflow-wrap:anywhere;margin:8px 0 0;line-height:1.5}.operator-message-meta{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:700;display:flex}.operator-message-meta span{align-items:center;gap:6px;display:inline-flex}.operator-message-meta small{color:var(--text-muted);flex:none;font-size:11px;font-weight:600}.operator-message-customer{background:var(--background-soft);align-self:flex-start}.operator-message-ai,.operator-message-human{background:#fff;align-self:flex-end}.operator-message-private{background:var(--status-pending-soft);border-style:dashed;align-self:center;max-width:min(760px,94%)}.operator-message-system{background:var(--background-alt);align-self:center;max-width:min(680px,90%)}.operator-side-panel{border-left:1px solid var(--border-soft);background:var(--background-alt);flex-direction:column;gap:14px;padding:16px;display:flex}.operator-control-block{border:1px solid var(--border-soft);border-radius:var(--radius);background:#fff;gap:10px;padding:12px;display:grid}.operator-control-title{color:var(--text-secondary);text-transform:uppercase;font-size:12px;font-weight:800}.operator-assignment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.operator-calendar-grid{gap:10px;display:grid}.operator-time-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.operator-availability{border:1px solid var(--border-soft);border-radius:var(--radius);gap:8px;padding:10px;display:grid}.operator-availability p{align-items:center;gap:6px;margin:0;font-weight:700;display:inline-flex}.operator-availability-ok{background:var(--status-success-soft);color:var(--status-success)}.operator-availability-conflict{background:var(--status-failed-soft);color:var(--status-failed)}.operator-conflict-list{color:var(--text-primary);gap:4px;font-size:12px;line-height:1.4;display:grid}.operator-ai-summary span{color:var(--text-secondary);font-size:12px;font-weight:700;display:block}.operator-ai-summary p{overflow-wrap:anywhere;margin:6px 0 0;line-height:1.5}.operator-reply{border:1px solid var(--border-soft);border-radius:var(--radius);width:100%;min-height:220px;color:var(--text-primary);resize:vertical;background:#fff;padding:12px;line-height:1.5}.operator-reply:focus{border-color:var(--brand-primary);outline:2px solid #2563eb24}.operator-reply:disabled{background:var(--background-soft);color:var(--text-secondary)}.operator-ai-actions{border-top:1px solid var(--border-soft);gap:10px;margin-top:auto;padding-top:14px;display:grid}.operator-ai-actions p{margin:0}@media (max-width:1024px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid,.analytics-grid,.two-column,.suggestion-card,.suggestion-meta-grid,.operator-layout{grid-template-columns:1fr}.operator-layout{overflow:visible}.operator-list,.operator-side-panel{border:0}.operator-conversation-list,.operator-message-list{max-height:none}.operator-thread-actions{flex-wrap:wrap}}@media (max-width:640px){.main-content{padding:20px}.page-header{flex-direction:column;align-items:flex-start}.header-actions{justify-content:flex-start;width:100%}.compact-field,.date-field{width:100%}.operator-thread-header,.operator-thread-actions,.operator-assignment-grid,.operator-time-grid{flex-direction:column;grid-template-columns:1fr;align-items:stretch}}