@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap";:root{--color-navy-950: #050b18;--color-navy-900: #071225;--color-navy-800: #0b1730;--color-navy-700: #0f2042;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-secondary: #3b82f6;--color-cyan: #22d3ee;--color-text: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-border: rgba(148, 163, 184, .12);--color-danger: #f87171;--color-surface: rgba(15, 32, 66, .72);--color-surface-strong: rgba(11, 23, 48, .88);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .5rem;--radius-md: .85rem;--radius-lg: 1.25rem;--radius-xl: 1.75rem;--shadow-elevated: 0 24px 64px rgba(2, 6, 23, .45);--shadow-inset: inset 0 1px 0 rgba(248, 250, 252, .06);--font-sans: "Cairo", "IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;--font-display: "Cairo", "IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;--motion-fast: .14s ease;--motion-base: .22s ease;--z-shell: 10;--z-overlay: 40}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-sans);color:var(--color-text);background:radial-gradient(ellipse 80% 55% at 15% -10%,rgba(37,99,235,.28),transparent 55%),radial-gradient(ellipse 70% 50% at 90% 10%,rgba(34,211,238,.12),transparent 50%),radial-gradient(ellipse 60% 40% at 50% 110%,rgba(59,130,246,.14),transparent 55%),linear-gradient(165deg,var(--color-navy-950),var(--color-navy-900) 45%,var(--color-navy-800));background-attachment:fixed;-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--color-cyan);outline-offset:2px}.loading-shell{min-height:100svh;display:grid;place-items:center;gap:var(--space-4);color:var(--color-text-secondary)}.loading-shell .orb{width:2.5rem;height:2.5rem;border-radius:999px;background:radial-gradient(circle at 30% 30%,var(--color-cyan),var(--color-primary));box-shadow:0 0 32px #2563eb73;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(.92);opacity:.75}50%{transform:scale(1);opacity:1}}.auth-page{min-height:100svh;display:grid;place-items:center;padding:var(--space-6)}.login-card{width:min(26rem,100%);padding:var(--space-8);border-radius:var(--radius-xl);border:1px solid var(--color-border);background:linear-gradient(160deg,#0f2042eb,#071225e6),var(--color-surface);box-shadow:var(--shadow-elevated),var(--shadow-inset);display:grid;gap:var(--space-4)}.login-card h1{margin:0;font-family:var(--font-display);font-size:1.75rem;font-weight:700}.eyebrow{margin:0;color:var(--color-cyan);font-size:.8rem;font-weight:600;letter-spacing:.04em}.muted{margin:0;color:var(--color-text-muted);line-height:1.6}.login-card form{display:grid;gap:var(--space-4);margin-top:var(--space-2)}.login-card label{display:grid;gap:var(--space-2);color:var(--color-text-secondary);font-size:.92rem}.login-card input{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#050b188c;color:var(--color-text);padding:.85rem 1rem;transition:border-color var(--motion-fast),box-shadow var(--motion-fast)}.login-card input:focus{border-color:#3b82f68c;box-shadow:0 0 0 3px #2563eb33;outline:none}.password-field{display:grid;grid-template-columns:1fr auto;gap:var(--space-2);align-items:center}.icon-button,.primary-button,.logout-button{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#0f2042cc;color:var(--color-text-secondary);padding:.7rem .9rem;cursor:pointer;transition:background var(--motion-fast),border-color var(--motion-fast),transform var(--motion-fast)}.icon-button:hover,.logout-button:hover{border-color:#3b82f659;color:var(--color-text)}.primary-button{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-color:transparent;color:#fff;font-weight:600;padding:.9rem 1rem}.primary-button:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-hover),var(--color-primary));transform:translateY(-1px)}.primary-button:disabled,.logout-button:disabled{opacity:.65;cursor:not-allowed;transform:none}.form-error{margin:0;color:var(--color-danger);background:#f8717114;border:1px solid rgba(248,113,113,.2);border-radius:var(--radius-sm);padding:var(--space-3)}.app-shell{min-height:100svh;direction:ltr;display:grid;grid-template-columns:minmax(0,1fr) 240px;grid-template-areas:"workspace sidebar";padding-bottom:0}.app-shell>.workspace{grid-area:workspace;direction:rtl;min-width:0}.app-shell>.app-sidebar{grid-area:sidebar;direction:rtl;border-left:1px solid var(--color-border);border-inline-end:none;background:#050b18e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--space-6) var(--space-4);display:flex;flex-direction:column;gap:var(--space-6);position:sticky;top:0;height:100svh}.app-sidebar-nav{display:grid;gap:var(--space-2);flex:1}.app-sidebar-nav a{display:flex;align-items:center;gap:var(--space-3);padding:.7rem .85rem;border-radius:var(--radius-md);color:var(--color-text-secondary)}.app-sidebar-nav a.active{background:#2563eb2e;color:var(--color-text);box-shadow:var(--shadow-inset)}.nav-icon{width:1.25rem;text-align:center}.sidebar-footer{display:grid;gap:.15rem;padding-top:var(--space-4);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.85rem}.workspace-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);background:#0712258c}.workspace-body{min-height:0}.mobile-bottom-nav{display:none}.summary-card--clickable{cursor:pointer;text-align:inherit;width:100%;border:1px solid var(--color-border);transition:border-color var(--motion-fast),transform var(--motion-fast)}.summary-card--clickable:hover{border-color:#2563eb73;transform:translateY(-1px)}.section-heading-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.team-summary-grid,.conversation-card-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(18rem,1fr))}.team-summary-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr))}.conversation-card{display:grid;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);color:inherit;text-align:start;cursor:pointer}.conversation-card:hover{border-color:#22d3ee59}.conversation-card-top{display:flex;align-items:center;gap:var(--space-3)}.avatar-initial{width:2.25rem;height:2.25rem;border-radius:999px;display:grid;place-items:center;background:#2563eb40;color:var(--color-cyan);font-weight:700}.status-chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.status-chip{border-radius:999px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);padding:.4rem .85rem;cursor:pointer}.status-chip.is-active{background:#2563eb33;color:var(--color-text)}.conversation-route{direction:rtl;display:grid;grid-template-columns:minmax(0,1fr) minmax(16rem,20rem);height:calc(100dvh - 4.5rem);max-height:calc(100dvh - 4.5rem);min-height:0;overflow:hidden}.conversation-main{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;height:100%;overflow:hidden;border-inline-end:1px solid var(--color-border)}.conversation-details{padding:var(--space-5);background:#0712258c;position:sticky;top:0;align-self:stretch;overflow:auto;height:100%;border-inline-start:1px solid var(--color-border)}.conversation-composer-dock{flex-shrink:0;display:grid;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);background:#071225f5;position:sticky;bottom:0;z-index:4}.conversation-composer{position:relative}.composer-attach{position:relative;flex:0 0 auto}.composer-spacer{width:2.75rem}.composer-icon-btn{width:2.75rem;height:2.75rem;border-radius:999px;border:1px solid var(--color-border);background:#0f2042e6;color:var(--color-cyan);font-size:1.35rem;line-height:1;cursor:pointer;display:inline-grid;place-items:center;flex:0 0 auto}.composer-mic-btn{background:#2563eb47;border-color:#2563eb73}.composer-send-btn{min-width:5.5rem;height:2.75rem;flex:0 0 auto}.composer-hint{margin:0;font-size:.9rem}.attachment-picker{position:absolute;bottom:100%;inset-inline-start:0;margin-bottom:.35rem;display:grid;gap:.25rem;padding:.5rem;border-radius:var(--radius-md);background:var(--color-navy-800);border:1px solid var(--color-border);z-index:var(--z-overlay);min-width:11rem}.attachment-picker button{background:transparent;border:0;color:var(--color-text);text-align:start;padding:.55rem .65rem;border-radius:var(--radius-sm);cursor:pointer}.attachment-picker button:hover{background:#2563eb33}.voice-recording-bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#2563eb1f}.workload-bar{height:.4rem;border-radius:999px;background:#94a3b826;overflow:hidden;margin:var(--space-2) 0 var(--space-3)}.workload-bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-cyan))}.search-form{display:flex;gap:var(--space-2);flex:1}@media(max-width:1199px)and (min-width:768px){.app-shell{grid-template-columns:minmax(0,1fr) 4.5rem}.app-sidebar .nav-label,.app-sidebar .brand span,.sidebar-footer{display:none}.app-sidebar .brand{font-size:.85rem;text-align:center}.app-sidebar-nav a{justify-content:center;padding:.75rem .35rem}.conversation-route{grid-template-columns:minmax(0,1fr) minmax(14rem,17rem)}}@media(max-width:767px){.app-shell{grid-template-columns:1fr;grid-template-areas:"workspace";padding-bottom:calc(4.25rem + env(safe-area-inset-bottom,0px))}.app-shell>.app-sidebar{display:none}.mobile-bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;inset-inline:0;bottom:0;z-index:var(--z-shell);background:#050b18f5;border-top:1px solid var(--color-border);padding:.35rem .25rem calc(.35rem + env(safe-area-inset-bottom,0px));direction:rtl}.mobile-bottom-nav a{display:grid;justify-items:center;gap:.15rem;color:var(--color-text-muted);font-size:.7rem;text-decoration:none;padding:.35rem .15rem}.mobile-bottom-nav a.active{color:var(--color-cyan)}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.conversation-route{grid-template-columns:1fr;height:calc(100dvh - 4.5rem);max-height:calc(100dvh - 4.5rem)}.conversation-details{display:none}.workspace-header{padding:var(--space-3) var(--space-4)}}@media(min-width:768px){.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1200px){.summary-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.brand{font-weight:700;font-size:1.15rem;letter-spacing:.02em}.brand span{color:var(--color-cyan);margin-inline-start:.35rem}.app-shell nav{display:grid;gap:var(--space-2)}.app-shell nav a,.app-shell nav .nav-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:.7rem .85rem;border-radius:var(--radius-md);color:var(--color-text-secondary)}.app-shell nav a.active{background:#2563eb2e;color:var(--color-text);box-shadow:var(--shadow-inset)}.app-shell nav .nav-item.is-disabled{opacity:.55;cursor:not-allowed}.app-shell nav small{color:var(--color-text-muted);font-size:.72rem}.workspace{display:grid;grid-template-rows:auto 1fr;min-width:0}.workspace>header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);background:#0712258c;position:sticky;top:0;z-index:var(--z-shell)}.user-chip{display:grid;gap:.15rem}.user-chip strong{font-weight:600}.user-chip span{color:var(--color-text-muted);font-size:.85rem}.home,.page{padding:var(--space-8) var(--space-6);display:grid;gap:var(--space-4);align-content:start}.home h1,.page h1{margin:0;font-size:clamp(1.6rem,2vw,2.1rem)}.info-card{max-width:36rem;padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-inset)}.info-card h2{margin:0 0 var(--space-2);font-size:1.05rem}.page-heading,.panel-heading,.filter-bar,.inline-form,.pagination{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.page-heading,.panel-heading{justify-content:space-between}.page-heading p,.panel-heading p,.panel-heading h2{margin:0}.filter-bar,.data-card,.details-panel,.summary-card{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-inset);border-radius:var(--radius-lg)}.filter-bar{padding:var(--space-4)}.filter-bar label,.detail-section label{display:grid;gap:var(--space-1);color:var(--color-text-secondary);font-size:.9rem}select,.filter-bar input,.inline-form input,.detail-section input{min-height:2.65rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.5rem .7rem;color:var(--color-text);background:#050b1899}.data-card{overflow:auto}table{width:100%;border-collapse:collapse;min-width:36rem}th,td{padding:var(--space-4);text-align:start;border-bottom:1px solid var(--color-border)}th.col-phone,td.col-phone{text-align:center;white-space:nowrap}td.col-phone span{display:inline-block;unicode-bidi:isolate}th{color:var(--color-text-muted);font-size:.82rem;font-weight:600}tbody tr:hover{background:#3b82f60f}.status-pill{display:inline-flex;border-radius:999px;padding:.2rem .6rem;background:#22d3ee1f;color:var(--color-cyan);font-size:.82rem}.empty-state{padding:var(--space-6);text-align:center;color:var(--color-text-muted)}.pagination{justify-content:center;color:var(--color-text-secondary)}.details-panel{position:fixed;z-index:var(--z-overlay);inset-block:1rem;inset-inline-end:1rem;width:min(31rem,calc(100vw - 2rem));overflow:auto;padding:var(--space-6);background:var(--color-surface-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.detail-grid{display:grid;grid-template-columns:1fr auto;gap:var(--space-3);margin:var(--space-5) 0;color:var(--color-text-secondary)}.detail-section{display:grid;gap:var(--space-3);border-top:1px solid var(--color-border);margin-top:var(--space-5);padding-top:var(--space-5)}.detail-section h3{margin:0;font-size:1rem}.inline-form input{flex:1}.activity-list{display:grid;gap:var(--space-2);padding:0;margin:0;list-style:none}.activity-list li{display:grid;gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-sm);background:#050b1859}.activity-list p{margin:0}.activity-list small{color:var(--color-text-muted)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:var(--space-4)}.summary-card{padding:var(--space-5);display:grid;gap:var(--space-2)}.summary-card span{color:var(--color-text-secondary)}.summary-card strong{color:var(--color-cyan);font-size:2rem}.inbox-page{display:grid;grid-template-columns:minmax(16rem,22rem) minmax(0,1fr) minmax(14rem,20rem);gap:0;min-height:calc(100svh - 4.5rem);border-top:1px solid var(--color-border)}.inbox-pane{padding:var(--space-5);min-height:0;overflow:auto}.inbox-pane-list{border-inline-end:1px solid var(--color-border);background:#050b1859}.inbox-pane-chat{display:grid;grid-template-rows:auto 1fr auto;gap:var(--space-4)}.inbox-pane-details{border-inline-start:1px solid var(--color-border);background:#050b1847}.inbox-list{display:grid;gap:var(--space-3)}.inbox-card{display:grid;gap:var(--space-2);width:100%;text-align:start;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#0f172a8c;color:inherit;cursor:pointer}.inbox-card.is-active{border-color:#22d3ee73;box-shadow:inset 0 0 0 1px #22d3ee33}.inbox-card-top,.inbox-card-meta{display:flex;justify-content:space-between;gap:var(--space-3);align-items:center}.inbox-preview{margin:0;color:var(--color-text-secondary);font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rejection-reason{margin:.35rem 0 0;color:#f0a0a0;font-size:.82rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.channel-pill,.unread-badge{display:inline-flex;align-items:center;border-radius:999px;padding:.15rem .55rem;font-size:.78rem}.channel-pill{background:#2563eb33;color:var(--color-cyan)}.unread-badge{background:#f8717133;color:#fecaca}.inbox-chat-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);background:#071225f5;position:sticky;top:0;z-index:5;flex-shrink:0}.inbox-status-control{display:grid;gap:var(--space-1);min-width:10rem;color:var(--color-text-secondary);font-size:.85rem}.agent-home-count{min-width:9rem}.agent-home-count small{display:block}.agent-home-filters{display:grid;gap:var(--space-4)}.chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.filter-chip{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#0f172a8c;color:inherit;padding:.35rem .75rem;cursor:pointer}.filter-chip.is-active{border-color:#22d3ee73;color:var(--color-cyan)}.agent-home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:var(--space-4)}.agent-home-card{height:100%}.workload-section,.shift-section{display:grid;gap:var(--space-4);margin-top:var(--space-6)}.shift-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.shift-card{display:grid;gap:var(--space-3)}.shift-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.shift-card-head h3{margin:0}.shift-badge{font-size:.85rem;color:var(--text-muted, #6b7280)}.shift-badge-on{color:var(--success, #0f766e);font-weight:600}.shift-pickers{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}.time-12h{margin:0;padding:var(--space-3);border:1px solid var(--border, #d1d5db);border-radius:var(--radius-md, .5rem);display:grid;gap:var(--space-2);grid-template-columns:1fr 1fr 1.2fr}.time-12h legend{padding-inline:.25rem}.workload-card h3{margin:0 0 var(--space-2)}.workload-card{overflow:hidden}.workload-employee-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.workload-employee-link{width:100%;display:grid;gap:.2rem;text-align:start;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:#050b1873;color:inherit;cursor:pointer}.workload-employee-link:hover{border-color:#22d3ee73}.workload-employee-name{font-weight:700}.workload-employee-meta{color:var(--color-text-muted);font-size:.9rem}.team-row-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.danger-button{color:#fca5a5}.inbox-chat-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;margin-inline-start:auto}.link-button{background:none;border:0;color:var(--color-cyan);cursor:pointer;padding:0;text-decoration:underline}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#020617b8;display:grid;place-items:center;padding:var(--space-4);z-index:80}.modal-panel{width:min(32rem,100%);max-height:min(90vh,44rem);overflow:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-inset);padding:var(--space-4)}.create-order-form{display:grid;gap:var(--space-3)}.create-order-form label{display:grid;gap:var(--space-1);color:var(--color-text-secondary);font-size:.9rem}.create-order-form textarea,.create-order-form input,.create-order-form select{min-height:2.65rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.5rem .7rem;color:var(--color-text);background:#050b1899;font:inherit}.create-order-form textarea{min-height:5rem;resize:vertical}.create-order-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.toggle-inline{display:inline-flex;align-items:center;gap:var(--space-2);color:inherit}.inbox-messages{display:grid;gap:var(--space-3);align-content:start;overflow:auto;min-height:0;padding:var(--space-3) var(--space-4)}.chat-bubble{max-width:min(34rem,88%);display:grid;gap:var(--space-1);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.chat-bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.chat-bubble small{color:var(--color-text-muted)}.chat-bubble.is-in{justify-self:start;background:#1e293be6}.chat-bubble.is-out{justify-self:end;background:#2563eb47}.inbox-composer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-3);align-items:end}.inbox-composer textarea{width:100%;resize:none;min-height:5.5rem;max-height:10rem;padding:var(--space-3) var(--space-4);border-radius:1rem;border:1px solid var(--color-border);background:#050b18b3;color:var(--color-text);font:inherit;line-height:1.45}.attachment-input{max-width:12rem;font-size:.8rem;align-self:center}.attachment-status{margin:0;font-size:.85rem}.attachment-image{max-width:min(20rem,100%);max-height:18rem;border-radius:var(--radius-md);object-fit:contain}.attachment-audio,.attachment-video{max-width:min(20rem,100%)}.attachment-video{border-radius:var(--radius-md)}.attachment-card{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#050b1859}.attachment-icon{font-size:1.4rem}.attachment-meta{display:grid;gap:2px;flex:1;min-width:0}.attachment-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-picker{align-items:end}.inbox-attachment-composer{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;margin-top:var(--space-3)}.attachment-pending{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;font-size:.9rem;color:var(--color-text-secondary)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.chat-bubble .retry-button{margin-top:var(--space-2)}.channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:var(--space-4);margin-top:var(--space-4)}.channel-card h2{margin:0;font-size:1.15rem}.channel-pill.is-muted{opacity:.75}.pagination-bar{margin-top:var(--space-4);justify-content:center}.secondary-button{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#0f20428c;color:var(--color-text-secondary);padding:.65rem .85rem;cursor:pointer}.secondary-button:hover:not(:disabled){border-color:#3b82f659;color:var(--color-text)}.link-button{border:none;background:none;color:var(--color-cyan);cursor:pointer;padding:0;text-decoration:underline}.wizard-steps{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;padding:0;margin:0 0 var(--space-4)}.wizard-steps li{padding:.35rem .65rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);font-size:.85rem;color:var(--color-text-secondary)}.wizard-steps li.is-active{border-color:var(--color-cyan);color:var(--color-text)}.wizard-steps li.is-done{opacity:.75}.wizard-nav{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.rule-group{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);margin-block:var(--space-3)}.rule-row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;margin-bottom:var(--space-2)}.rule-actions{display:flex;gap:var(--space-2)}.json-preview{max-height:8rem;overflow:auto;font-size:.75rem;background:#00000040;padding:var(--space-2);border-radius:var(--radius-sm)}.source-badge{display:inline-block;font-size:.72rem;padding:.15rem .45rem;border-radius:999px;margin-inline-end:var(--space-2)}.source-manual{background:#22d3ee26;color:var(--color-cyan)}.source-behavioral{background:#3b82f626;color:#93c5fd}.source-ai{background:#a855f726;color:#d8b4fe}@media(max-width:1100px){.inbox-page{grid-template-columns:minmax(14rem,18rem) minmax(0,1fr)}.inbox-pane-details{display:none}}@media(max-width:860px){.page,.home{padding:var(--space-6) var(--space-4)}.inbox-page{grid-template-columns:1fr;min-height:auto}}.app-shell--chat-mobile .workspace-header,.app-shell--chat-mobile .mobile-bottom-nav,.app-shell--chat-mobile .app-sidebar{display:none!important}.app-shell--chat-mobile{grid-template-columns:1fr!important;grid-template-areas:"workspace"!important;padding-bottom:0!important}.app-shell--chat-mobile .workspace-body{padding:0;overflow:hidden}.app-shell--chat-mobile .conversation-route{height:100dvh;max-height:100dvh}.employee-body--chat .conversation-route--employee .conversation-details{display:none}.skeleton-card{min-height:6rem;opacity:.45;background:linear-gradient(90deg,#0f204266,#2563eb26,#0f204266);background-size:200% 100%;animation:skeleton-shine 1.2s ease-in-out infinite}@keyframes skeleton-shine{0%{background-position:100% 0}to{background-position:-100% 0}}.new-messages-chip{position:sticky;bottom:4.5rem;margin-inline:auto;display:block;z-index:2;border-radius:999px;border:1px solid rgba(34,211,238,.35);background:#0f2042f2;color:var(--color-cyan);padding:.45rem 1rem;cursor:pointer}.attachment-document.is-pdf .attachment-icon:before{content:"PDF ";color:#f87171;font-size:.7rem;font-weight:700}.attachment-document.is-excel .attachment-icon:before{content:"XLS ";color:#4ade80;font-size:.7rem;font-weight:700}.employee-shell{min-height:100dvh;background:radial-gradient(1200px 600px at 80% -10%,rgba(37,99,235,.18),transparent 55%),radial-gradient(900px 500px at 10% 110%,rgba(34,211,238,.08),transparent 50%),var(--color-navy-950);display:grid;place-items:stretch center;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) 0 env(safe-area-inset-left,0);font-family:var(--font-sans)}.employee-stage{width:min(100%,36.5rem);min-height:100dvh;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--color-navy-900),var(--color-navy-950));border-inline:1px solid var(--color-border);position:relative}.employee-shell--chat .employee-stage{width:min(100%,56rem);height:100dvh;max-height:100dvh;min-height:0;overflow:hidden}.employee-shell--chat .employee-body--chat{flex:1 1 auto;min-height:0;height:100%;overflow:hidden}.employee-body--chat .conversation-route--employee{min-height:0;height:100%;max-height:100%;max-width:none;border:0;border-radius:0;grid-template-columns:1fr;overflow:hidden}.employee-body--chat .conversation-main{height:100%;min-height:0}.employee-body--chat .inbox-chat-header,.employee-body--chat .conversation-composer-dock{position:relative;flex-shrink:0}.employee-body--chat .inbox-messages{min-height:0;overflow:auto;overscroll-behavior:contain}.employee-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);background:#071225eb;position:sticky;top:0;z-index:5}.emp-brand{margin:0;color:var(--color-cyan);font-weight:700;letter-spacing:.02em}.emp-user-line{font-size:.95rem}.emp-logout-link{border:0;background:transparent;color:var(--color-text-muted);cursor:pointer;padding:.35rem .5rem}.employee-body{flex:1;overflow:auto;padding:var(--space-4);padding-bottom:calc(5.5rem + env(safe-area-inset-bottom,0px))}.employee-body--chat{padding:0;overflow:hidden;display:flex;flex-direction:column;min-height:0;flex:1 1 auto}.employee-bottom-nav{position:sticky;bottom:0;z-index:8;display:grid;grid-template-columns:repeat(4,1fr);gap:.15rem;padding:.45rem .35rem calc(.45rem + env(safe-area-inset-bottom,0px));background:#071225f5;border-top:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.employee-bottom-nav a{display:grid;justify-items:center;gap:.15rem;text-decoration:none;color:var(--color-text-muted);font-size:.72rem;padding:.4rem .2rem;border-radius:var(--radius-md)}.employee-bottom-nav a span{font-size:1.15rem;line-height:1}.employee-bottom-nav a.active{color:var(--color-text);background:#2563eb38}.emp-page{display:grid;gap:var(--space-4)}.emp-page-heading h1{margin:.15rem 0;font-size:1.65rem;font-weight:800}.emp-greeting{margin:0;color:var(--color-text-secondary)}.emp-summary-card{display:grid;gap:.25rem;padding:var(--space-4);border-radius:1rem;border:1px solid var(--color-border);background:var(--color-navy-800)}.emp-summary-card span{color:var(--color-text-muted)}.emp-summary-card strong{color:var(--color-cyan);font-size:1.85rem;font-weight:800;line-height:1.1}.emp-chip-row{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.15rem;scrollbar-width:thin}.emp-filter-chip{flex:0 0 auto;border:1px solid var(--color-border);background:#0b1730d9;color:var(--color-text-secondary);border-radius:999px;padding:.45rem .9rem;cursor:pointer;white-space:nowrap}.emp-filter-chip.is-active{border-color:#22d3ee73;color:var(--color-cyan);background:#2563eb2e}.emp-section h2{margin:0 0 var(--space-3);font-size:1.05rem}.emp-card-stack{display:grid;gap:var(--space-3)}.emp-conversation-card,.emp-order-card{display:flex;gap:var(--space-3);width:100%;text-align:start;border:1px solid var(--color-border);background:var(--color-navy-800);border-radius:1rem;padding:var(--space-3) var(--space-4);color:inherit;cursor:pointer}.emp-order-card{display:grid;cursor:default}.emp-conversation-card:hover{border-color:#22d3ee59}.emp-avatar{width:2.6rem;height:2.6rem;border-radius:999px;display:grid;place-items:center;background:#2563eb47;color:var(--color-cyan);font-weight:700;flex:0 0 auto}.emp-avatar--lg{width:3.4rem;height:3.4rem;font-size:1.25rem}.emp-conversation-card-body{min-width:0;flex:1;display:grid;gap:.25rem}.emp-conversation-card-top{display:flex;justify-content:space-between;gap:var(--space-2);align-items:baseline}.emp-conversation-card-top small{color:var(--color-text-muted);white-space:nowrap}.emp-conversation-preview{margin:0;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.emp-conversation-card-meta{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.emp-channel-badge,.emp-status-chip{font-size:.78rem;border-radius:999px;padding:.15rem .55rem;border:1px solid var(--color-border);color:var(--color-text-secondary)}.emp-channel-badge{color:var(--color-cyan);border-color:#22d3ee47}.emp-status-chip--accent{color:var(--color-cyan)}.emp-unread{margin-inline-start:auto;min-width:1.35rem;height:1.35rem;border-radius:999px;display:inline-grid;place-items:center;background:#f87171;color:#fff;font-size:.75rem;font-weight:700;padding-inline:.35rem}.emp-empty{text-align:center;padding:var(--space-8) var(--space-4);color:var(--color-text-muted)}.emp-empty strong{display:block;color:var(--color-text);margin-bottom:.35rem}.emp-search input{width:100%;min-height:2.75rem;border-radius:.9rem;border:1px solid var(--color-border);background:#050b188c;color:var(--color-text);padding:.65rem .9rem}.emp-skeleton-list{display:grid;gap:var(--space-3)}.emp-skeleton-card{height:5.5rem;border-radius:1rem;background:linear-gradient(90deg,#0f204280,#2563eb2e,#0f204280);background-size:200% 100%;animation:emp-shimmer 1.2s linear infinite}@keyframes emp-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.emp-profile-card{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-4);border-radius:1rem;border:1px solid var(--color-border);background:var(--color-navy-800)}.emp-more-section{display:grid;gap:var(--space-2);padding:var(--space-4);border-radius:1rem;border:1px solid var(--color-border);background:#0b1730b8}.emp-more-section h2,.emp-shift-panel h3{margin:0;font-size:1rem}.emp-expand-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;background:transparent;color:var(--color-text);font:inherit;font-weight:700;cursor:pointer;padding:0}.emp-shift-panel{display:grid;gap:var(--space-2);margin-top:var(--space-2)}.emp-team-list,.emp-schedule-list{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.emp-schedule-list li{display:flex;justify-content:space-between;gap:var(--space-3);color:var(--color-text-secondary)}.emp-divider{border:0;border-top:1px solid var(--color-border);margin:var(--space-2) 0}.emp-logout-button{width:100%;min-height:3rem;border-radius:.9rem;border:1px solid rgba(248,113,113,.35);background:#f871711f;color:#fecaca;font-weight:700;cursor:pointer}@media(min-width:1024px){.employee-shell{place-items:center;padding-block:var(--space-6)}.employee-stage{min-height:min(100dvh - 3rem,56rem);max-height:min(100dvh - 3rem,56rem);border-radius:1.5rem;overflow:hidden;box-shadow:var(--shadow-elevated)}.employee-shell--chat .employee-stage{width:min(100% - 2rem,52rem);height:min(100dvh - 3rem,56rem);max-height:min(100dvh - 3rem,56rem)}}