.App{background-color:var(--color-bg);display:flex;min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--sidebar-bg) 0,var(--sidebar-bg-raised) 220%);border-right:1px solid var(--sidebar-border);display:flex;flex:0 0 var(--sidebar-width);flex-direction:column;height:100vh;position:-webkit-sticky;position:sticky;top:0;transition:width .22s cubic-bezier(.4,0,.2,1),flex-basis .22s cubic-bezier(.4,0,.2,1);width:var(--sidebar-width)}.sidebar-collapse-toggle{align-items:center;background-color:var(--sidebar-bg-raised);border:1px solid var(--sidebar-border);border-radius:50%;box-shadow:var(--shadow-sm);color:var(--sidebar-text);cursor:pointer;display:inline-flex;height:26px;justify-content:center;position:absolute;right:-13px;top:1.4rem;transition:background-color .15s ease,color .15s ease;width:26px;z-index:2}.sidebar-collapse-toggle:hover{background-color:var(--sidebar-accent);color:#fff}.sidebar-collapse-icon{transition:transform .22s cubic-bezier(.4,0,.2,1)}.sidebar.collapsed .sidebar-collapse-icon{transform:rotate(180deg)}.sidebar-brand{align-items:center;border-bottom:1px solid var(--sidebar-border);display:flex;gap:.7rem;min-height:66px;padding:1.15rem 1.15rem 1rem;transition:gap .2s cubic-bezier(.4,0,.2,1),padding .2s cubic-bezier(.4,0,.2,1)}.sidebar-logo{background-color:#fff;border:1px solid var(--sidebar-border);border-radius:var(--radius-sm);flex-shrink:0;height:34px;object-fit:contain;width:34px}.sidebar-brand-text{display:flex;flex-direction:column;max-width:160px;min-width:0;opacity:1;overflow:hidden;transition:max-width .2s cubic-bezier(.4,0,.2,1),opacity .15s ease}.sidebar-brand-name{color:var(--sidebar-text-active);font-size:.85rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-brand-tag{color:var(--sidebar-text);font-size:.72rem;margin-top:.1rem;white-space:nowrap}.sidebar-close{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--sidebar-text);cursor:pointer;display:none;margin-left:auto;padding:.25rem}.sidebar-nav{display:flex;flex:1 1 auto;flex-direction:column;gap:.25rem;overflow-y:auto;padding:1rem .85rem}.sidebar-nav-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--sidebar-text);cursor:pointer;display:flex;font-size:.87rem;font-weight:600;gap:.75rem;padding:.62rem .75rem;text-align:left;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease,padding .2s cubic-bezier(.4,0,.2,1),gap .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.sidebar-nav-item span{max-width:160px;opacity:1;overflow:hidden;text-overflow:ellipsis;transition:max-width .2s cubic-bezier(.4,0,.2,1),opacity .15s ease}.sidebar-nav-icon{flex-shrink:0}.sidebar-nav-item:hover{background-color:var(--sidebar-bg-raised);color:var(--sidebar-text-active)}.sidebar-nav-item.active{background-color:var(--sidebar-accent-subtle);box-shadow:inset 3px 0 0 0 var(--sidebar-accent);color:var(--sidebar-text-accent)}.sidebar-user{align-items:center;border-top:1px solid var(--sidebar-border);display:flex;gap:.6rem;padding:.85rem 1.15rem;transition:padding .2s cubic-bezier(.4,0,.2,1),gap .2s cubic-bezier(.4,0,.2,1)}.sidebar-user-avatar{align-items:center;background-color:var(--sidebar-accent-subtle);border-radius:50%;color:var(--sidebar-text-accent);display:inline-flex;flex-shrink:0;font-size:.78rem;font-weight:700;height:30px;justify-content:center;overflow:hidden;width:30px}.sidebar-user-avatar-img{height:100%;object-fit:cover;width:100%}.sidebar-user-info{display:flex;flex:1 1 auto;flex-direction:column;max-width:160px;min-width:0;opacity:1;overflow:hidden;transition:max-width .2s cubic-bezier(.4,0,.2,1),opacity .15s ease,flex .2s ease}.sidebar-user-name{color:var(--sidebar-text-active);font-size:.82rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{color:var(--sidebar-text);font-size:.7rem;margin-top:.1rem;text-transform:capitalize;white-space:nowrap}.sidebar-user-actions{align-items:center;display:flex;flex-shrink:0;gap:.25rem}.sidebar-logout{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--sidebar-text);cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;padding:.4rem;transition:background-color .15s ease,color .15s ease}.sidebar-logout:hover{background-color:var(--sidebar-bg-raised);color:var(--sidebar-text-active)}.sidebar-footer{align-items:center;border-top:1px solid var(--sidebar-border);color:var(--sidebar-text);display:flex;font-size:.72rem;gap:.5rem;padding:1rem 1.15rem;transition:padding .2s cubic-bezier(.4,0,.2,1)}.sidebar-footer span:last-child{max-width:160px;opacity:1;overflow:hidden;transition:max-width .2s cubic-bezier(.4,0,.2,1),opacity .15s ease;white-space:nowrap}.sidebar-status-dot{background-color:#22c55e;border-radius:50%;flex-shrink:0;height:7px;width:7px}.sidebar-overlay{display:none}.App.sidebar-collapsed{--sidebar-width:var(--sidebar-width-collapsed)}.sidebar.collapsed .sidebar-brand-text,.sidebar.collapsed .sidebar-footer span:last-child,.sidebar.collapsed .sidebar-nav-item span{max-width:0;opacity:0}.sidebar.collapsed .sidebar-user-info{flex:0 0;max-width:0;opacity:0}.sidebar.collapsed .sidebar-brand{gap:0;justify-content:center;padding-left:.5rem;padding-right:.5rem}.sidebar.collapsed .sidebar-nav-item{gap:0;justify-content:center;padding-left:0;padding-right:0}.sidebar.collapsed .sidebar-user{align-items:center;flex-direction:column;gap:.35rem;padding-left:.5rem;padding-right:.5rem}.sidebar.collapsed .sidebar-user-actions{flex-direction:column}.sidebar.collapsed .sidebar-footer{justify-content:center;padding-left:.5rem;padding-right:.5rem}.App-content{display:flex;flex:1 1 auto;flex-direction:column;min-width:0}.App-content-full{height:100vh;overflow:hidden}.App-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:5}.App-header,.App-header-left{align-items:center;display:flex}.App-header-left{gap:.75rem}.App-header h1{color:var(--color-text);font-size:1.15rem;font-weight:700;letter-spacing:-.01em}.App-header p{color:var(--color-text-muted);font-size:.8rem;margin-top:.1rem}.menu-toggle{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;display:none;justify-content:center;padding:.4rem}.App-header-right{align-items:center;display:flex;gap:.6rem}.theme-toggle{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:inline-flex;flex-shrink:0;height:2.2rem;justify-content:center;transition:background-color .15s ease,border-color .15s ease,color .15s ease;width:2.2rem}.theme-toggle:hover{background-color:var(--color-surface-alt);border-color:var(--color-border-strong);color:var(--color-text)}.login-theme-toggle{position:absolute;right:1.25rem;top:1.25rem}.App-main{flex:1 1 auto;max-width:none;min-width:0;padding:1.75rem 2rem 3rem;width:100%}.App-main-full{display:flex;flex-direction:column;max-width:none;min-height:0;padding:0}.loading-state{color:var(--color-text-muted);font-size:.9rem;padding:3rem 0;text-align:center}.btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:.83rem;font-weight:600;gap:.4rem;padding:.55rem 1rem;transition:background-color .15s ease,border-color .15s ease,color .15s ease;white-space:nowrap}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-danger-outline{background-color:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-danger)}.btn-danger-outline:hover{background-color:var(--color-danger-subtle);border-color:var(--color-danger)}.btn-success{background-color:var(--color-success);color:#fff}.btn-success:hover{opacity:.9}.click-to-call{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem}.click-to-call .select-menu{max-width:9rem}.cod-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem}.click-to-call .select-menu-trigger{font-size:.8rem;padding:.4rem .5rem}.btn-call{background-color:var(--color-primary);color:#fff;font-size:.8rem;padding:.4rem .75rem}.btn-call:hover{background-color:var(--color-primary-hover)}.btn-call:disabled{cursor:not-allowed;opacity:.6}.call-feedback{font-size:.78rem;white-space:nowrap}.call-feedback-ok{color:#2e7d32;color:var(--color-success,#2e7d32)}.call-feedback-error{color:var(--color-danger)}.dialpad-wrap{display:flex;justify-content:center}.dialpad-card{align-items:stretch;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.85rem;max-width:320px;padding:1.5rem;width:100%}.dialpad-agent-label{color:var(--color-text-muted);font-size:.72rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.select-menu.dialpad-agent-select{margin-top:-.4rem;width:100%}.select-menu.dialpad-agent-select .select-menu-trigger{font-size:.87rem;padding:.55rem .65rem}.select-menu-trigger:disabled{cursor:not-allowed;opacity:.6}.dialpad-display{background-color:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text);font-size:1.35rem;font-weight:700;letter-spacing:.02em;padding:.75rem .85rem;text-align:center;width:100%}.dialpad-display:focus{border-color:var(--color-primary);outline:none}.dialpad-grid{grid-gap:.6rem;display:grid;gap:.6rem;grid-template-columns:repeat(3,1fr)}.dialpad-key{align-items:center;aspect-ratio:1;background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text);cursor:pointer;display:flex;flex-direction:column;justify-content:center;transition:background-color .15s ease,border-color .15s ease,transform .1s ease}.dialpad-key:hover:not(:disabled){background-color:var(--color-primary-subtle);border-color:var(--color-primary)}.dialpad-key:active:not(:disabled){transform:scale(.94)}.dialpad-key:disabled{cursor:not-allowed;opacity:.5}.dialpad-key-digit{font-size:1.2rem;font-weight:700;line-height:1.1}.dialpad-key-letters{color:var(--color-text-muted);font-size:.6rem;font-weight:600;letter-spacing:.05em}.dialpad-actions{align-items:center;display:flex;gap:.6rem}.dialpad-backspace{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:inline-flex;flex-shrink:0;height:2.6rem;justify-content:center;transition:background-color .15s ease,color .15s ease;width:2.6rem}.dialpad-backspace:hover:not(:disabled){background-color:var(--color-surface-alt);color:var(--color-text)}.dialpad-backspace:disabled{cursor:not-allowed;opacity:.5}.dialpad-call-btn{align-items:center;background-color:#2e7d32;background-color:var(--color-success,#2e7d32);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:inline-flex;flex:1 1 auto;font-size:.9rem;font-weight:700;gap:.45rem;justify-content:center;padding:.7rem 1rem;transition:background-color .15s ease}.dialpad-call-btn:hover:not(:disabled){filter:brightness(1.08)}.dialpad-call-btn:disabled{cursor:not-allowed;opacity:.6}.dialpad-status{text-align:center}.agent-page-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:.5rem}.agent-page-title{color:var(--color-text);font-size:1rem;font-weight:700;margin-bottom:0}.agent-date-filter{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.agent-date-filter label{color:var(--color-text-muted);display:flex;flex-direction:column;font-size:.72rem;font-weight:600;gap:.2rem}.agent-date-filter input[type=date]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;border-radius:var(--radius-sm,6px);color:var(--color-text);font-size:.85rem;padding:.35rem .5rem}.agent-date-filter-clear{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.8rem;font-weight:600;padding:.35rem .25rem}.agent-date-filter-clear:hover{text-decoration:underline}.date-range-picker{display:inline-flex;position:relative}.date-range-trigger{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;display:inline-flex;font-size:.83rem;font-weight:600;gap:.45rem;padding:.5rem .8rem;transition:border-color .15s ease,background-color .15s ease;white-space:nowrap}.date-range-trigger:hover{border-color:var(--color-border-strong)}.date-range-trigger svg{color:var(--color-text-muted);flex-shrink:0}.date-range-popover{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);left:0;padding:1rem 1.15rem .9rem;position:absolute;top:calc(100% + .5rem);width:min(94vw,560px);z-index:30}.date-range-popover.align-right{left:auto;right:0}.date-range-nav-row{align-items:center;display:flex;flex-wrap:nowrap;gap:.5rem;margin-bottom:.85rem}.date-range-nav{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-muted);cursor:pointer;display:inline-flex;flex-shrink:0;height:26px;justify-content:center;transition:background-color .15s ease,color .15s ease,border-color .15s ease;width:26px}.date-range-nav:hover{background-color:var(--color-primary-subtle);border-color:var(--color-primary);color:var(--color-primary)}.date-range-titles{color:var(--color-text);flex:1 1 auto;font-size:.86rem;font-weight:700;text-align:center}.date-range-months,.date-range-titles{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.date-range-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:.3rem}.date-range-month{display:block;margin-bottom:.5rem}.date-range-weekdays span{color:var(--color-text-faint);font-size:.66rem;font-weight:700;letter-spacing:.02em;text-align:center}.date-range-days{grid-row-gap:.15rem;grid-column-gap:.1rem;column-gap:.1rem;display:grid;grid-template-columns:repeat(7,1fr);row-gap:.15rem}.date-range-cell{aspect-ratio:1/1;display:flex;min-height:32px;position:relative}.date-range-cell.in-range,.date-range-cell.range-end,.date-range-cell.range-start{background-color:var(--color-primary-subtle)}.date-range-cell.range-start{border-radius:999px 0 0 999px}.date-range-cell.range-end{border-radius:0 999px 999px 0}.date-range-cell.range-start.range-end{border-radius:999px}.date-range-day{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--color-text);cursor:pointer;display:flex;font-size:.8rem;font-weight:500;height:100%;justify-content:center;position:relative;transition:background-color .15s ease,color .15s ease;width:100%}.date-range-day:hover{background-color:var(--color-primary-subtle)}.date-range-day:disabled{color:var(--color-text-faint);cursor:not-allowed}.date-range-day:disabled:hover{background-color:initial}.date-range-cell.range-end .date-range-day,.date-range-cell.range-start .date-range-day{background-color:var(--color-primary);color:#fff;font-weight:700}.date-range-cell.is-today .date-range-day{box-shadow:inset 0 0 0 1px var(--color-primary)}.date-range-footer{align-items:center;border-top:1px solid var(--color-border);display:flex;gap:.6rem;justify-content:flex-end;margin-top:.9rem;padding-top:.85rem}.date-range-footer .btn{font-size:.8rem;padding:.45rem .9rem}.date-range-footer .btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:640px){.date-range-popover{left:auto;right:0}.date-range-months,.date-range-titles{grid-template-columns:1fr}.date-range-nav-row{flex-wrap:wrap}}.datetime-picker{display:inline-flex;position:relative;width:100%}.datetime-picker-trigger{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;display:inline-flex;font-size:.83rem;font-weight:600;gap:.45rem;padding:.5rem .8rem;transition:border-color .15s ease,background-color .15s ease;white-space:nowrap}.datetime-picker-trigger:hover{border-color:var(--color-border-strong)}.datetime-picker-trigger svg{color:var(--color-text-muted);flex-shrink:0}.datetime-picker-popover{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-height:80vh;min-width:280px;overflow-y:auto;padding:1rem 1.15rem .9rem;position:fixed!important;width:min(94vw,320px);z-index:100}.datetime-picker-title{color:var(--color-text);flex:1 1 auto;font-size:.86rem;font-weight:700;text-align:center}.datetime-picker-time-row{align-items:center;border-top:1px solid var(--color-border);display:flex;gap:.4rem;margin-top:.9rem;padding-top:.85rem}.datetime-picker-select{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);flex:1 1 auto;font:inherit;font-size:.83rem;min-width:0;padding:.4rem .5rem}.datetime-picker-select:focus{border-color:var(--color-primary);outline:none}.datetime-picker-colon{color:var(--color-text-muted);font-weight:700}.datetime-picker-period{border:1px solid var(--color-border);border-radius:var(--radius-sm);display:inline-flex;flex-shrink:0;overflow:hidden}.datetime-picker-period button{background-color:var(--color-surface);border:none;color:var(--color-text-muted);cursor:pointer;font-size:.78rem;font-weight:600;padding:.4rem .6rem;transition:background-color .15s ease,color .15s ease}.datetime-picker-period button+button{border-left:1px solid var(--color-border)}.datetime-picker-period button.active{background-color:var(--color-primary);color:#fff}.agent-page-summary{color:var(--color-text-muted);font-size:.8rem;margin-bottom:1rem}.agent-page-empty{color:var(--color-text-muted);font-size:.9rem}.agent-list{display:flex;flex-direction:column;gap:.6rem}.agent-row{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:inherit;cursor:pointer;display:flex;flex-wrap:wrap;font:inherit;gap:1.5rem;justify-content:space-between;padding:.9rem 1.25rem;text-align:left;transition:box-shadow .15s ease,border-color .15s ease;width:100%}.agent-row:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.agent-row-identity{align-items:center;display:flex;flex:1 1 200px;gap:.7rem;min-width:0}.agent-row-name-block{display:flex;flex-direction:column;min-width:0}.agent-avatar{align-items:center;background-color:var(--color-primary-subtle);border-radius:50%;color:var(--color-primary);display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:36px;justify-content:center;width:36px}.agent-name{color:var(--color-text);font-size:.92rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-number{color:var(--color-text-muted);font-size:.75rem;margin-top:.1rem;white-space:nowrap}.agent-row-stats{display:flex;flex-wrap:wrap;gap:1.75rem;margin-left:auto}.agent-stat{display:flex;flex-direction:column;min-width:72px}.agent-stat-value{color:var(--color-text);font-size:1.05rem;font-weight:700}.agent-stat-label{color:var(--color-text-muted);font-size:.65rem;font-weight:600;letter-spacing:.03em;margin-top:.15rem;text-transform:uppercase}.table-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow-x:auto}.data-table{border-collapse:collapse;min-width:640px;width:100%}.data-table thead{background-color:var(--color-surface-alt)}.data-table th{color:var(--color-text-muted);font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:.9rem 1.25rem;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table tbody tr,.data-table th{border-bottom:1px solid var(--color-border)}.data-table tbody tr{transition:background-color .12s ease}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background-color:var(--color-surface-alt)}.data-table tbody tr.table-row-clickable{cursor:pointer}.data-table tbody tr.row-ringing,.data-table tbody tr.row-ringing:hover{background-color:var(--color-success-subtle)}.data-table tbody tr.row-critical,.data-table tbody tr.row-critical:hover{background-color:var(--color-critical-subtle)}.data-table tbody tr.row-pending{background-color:#f59e0b14;background-color:var(--color-warning-subtle,#f59e0b14)}.data-table tbody tr.row-pending:hover{background-color:#f59e0b24;background-color:var(--color-warning-subtle,#f59e0b24)}.data-table tbody tr.row-delivered,.data-table tbody tr.row-delivered:hover{background-color:var(--color-success-subtle)}.order-query-pending-badge{margin-left:.4rem}.data-table tbody tr.row-priority-high,.data-table tbody tr.row-priority-high:hover{background-color:var(--color-danger-subtle)}.table-critical-badge{margin-left:.5rem}.data-table td{color:var(--color-text);font-size:.87rem;padding:.85rem 1.25rem;vertical-align:middle}.status{border-radius:999px;display:inline-block;font-size:.74rem;font-weight:700;letter-spacing:.01em;padding:.25rem .7rem;text-transform:capitalize}.status-dot{align-items:center;display:inline-flex;gap:.35rem}.status-dot:before{background-color:currentColor;border-radius:50%;content:"";height:6px;width:6px}.status.answered{background-color:var(--color-success-subtle);color:var(--color-success)}.status.missed{background-color:var(--color-danger-subtle);color:var(--color-danger)}.status.attempted{background-color:var(--color-warning-subtle);color:var(--color-warning)}.status.critical{background-color:var(--color-critical-subtle);color:var(--color-critical)}.status.ringing{background-color:var(--color-success-subtle);color:var(--color-success);margin-left:.4rem}.status.viewing{background-color:var(--color-primary-subtle);color:var(--color-primary);margin-left:.4rem}.status.new{background-color:var(--color-warning-subtle);color:var(--color-warning)}.call-count{color:var(--color-text-muted);font-size:.8rem;font-weight:600}.customer-number-link{background:none;border:none;color:var(--color-primary);cursor:pointer;font:inherit;font-weight:600;padding:0;transition:color .12s ease}.customer-number-link:hover{text-decoration:underline}.customer-number-name{color:var(--color-text-muted);font-weight:500}.table-cell-strong{font-weight:600}.table-cell-truncate{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}span.table-cell-truncate{display:inline-block;max-width:220px;vertical-align:middle}.recording-play-btn{align-items:center;background:none;border:none;color:var(--color-primary);cursor:pointer;display:inline-flex;font:inherit;font-size:.85rem;font-weight:600;gap:.3rem;padding:0}.recording-play-btn:hover{text-decoration:underline}.recording-player,.recording-player-collapsed{align-items:center;display:inline-flex;gap:.3rem}.recording-copy-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;padding:.2rem}.recording-copy-btn:hover{background-color:var(--color-surface-alt);color:var(--color-text)}.recording-audio{height:32px;max-width:100%;width:220px}.recording-collapse-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;padding:.2rem}.recording-collapse-btn:hover{background-color:var(--color-surface-alt);color:var(--color-text)}.missed-card-list{display:flex;flex-direction:column;gap:.5rem;max-height:65vh;overflow-y:auto;padding-right:.25rem}.missed-card{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:inherit;cursor:pointer;display:flex;font:inherit;gap:.85rem;padding:.75rem 1rem;text-align:left;transition:box-shadow .15s ease,border-color .15s ease;width:100%}.missed-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.missed-card.row-ringing{background-color:var(--color-success-subtle)}.missed-card.missed-card-critical{border-color:var(--color-critical)}.missed-card.missed-card-critical .missed-card-avatar{background-color:var(--color-critical-subtle);color:var(--color-critical)}.missed-card-avatar{align-items:center;background-color:var(--color-danger-subtle);border-radius:50%;color:var(--color-danger);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.missed-card-body{display:flex;flex:1 1 auto;flex-direction:column;gap:.25rem;min-width:0}.missed-card-top{align-items:baseline;display:flex;gap:.75rem;justify-content:space-between}.missed-card-number{color:var(--color-text);font-size:.92rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.missed-card-customer-name{color:var(--color-text-muted);font-weight:500}.missed-card-time{color:var(--color-text-muted);flex-shrink:0;font-size:.72rem;white-space:nowrap}.missed-card-bottom{align-items:center;display:flex;gap:.6rem}.missed-card-chevron{color:var(--color-text-muted);color:var(--color-text-faint,var(--color-text-muted));flex-shrink:0}.modal-overlay{background-color:#0f172a26;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:30}.modal-panel{animation:drawer-slide-in .2s ease-out;background-color:var(--color-surface);border-radius:var(--radius-md) 0 0 var(--radius-md);box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100%;max-height:100%;max-width:440px;overflow:hidden;width:100%}@keyframes drawer-slide-in{0%{transform:translateX(100%)}to{transform:translateX(0)}}@media (max-width:640px){.modal-panel{border-radius:0;max-width:100%}}.modal-overlay-center{align-items:center;justify-content:center;padding:1rem}.modal-overlay-fullpage{background-color:var(--color-surface);padding:0}@media (min-width:901px){.modal-overlay-fullpage{left:var(--sidebar-width)}}.modal-panel-fullpage{animation:none;border-radius:0;container-type:inline-size;max-width:100%;width:100%}.modal-panel-fullpage .modal-close-hint,.modal-panel-fullpage .modal-header{padding-left:1.5rem;padding-right:1.5rem}.call-history-body{display:flex;flex:1 1 auto;min-height:0}.call-history-panel{border-right:1px solid var(--color-border);flex:0 0 70%;max-width:70%;overflow-x:visible;overflow-y:auto;position:relative;z-index:10}.call-history-thread{flex:1 1 30%;min-width:0;position:relative;z-index:1}@container (max-width: 760px){.call-history-body{flex-direction:column;overflow-y:auto}.call-history-panel{border-bottom:1px solid var(--color-border);border-right:none;flex:0 0 auto;max-width:100%;overflow-y:visible}.call-history-thread{overflow-y:visible}}.modal-panel-narrow{max-width:380px}.modal-panel-compose,.modal-panel-narrow{animation:none;border-radius:var(--radius-md);height:auto;max-height:90vh}.modal-panel-compose{max-width:480px}.modal-header{border-bottom:1px solid var(--color-border);flex-shrink:0;flex-wrap:wrap;justify-content:space-between;padding:1.1rem 1.25rem}.modal-header,.modal-header-right{align-items:flex-start;display:flex;gap:1rem}.modal-header-actions{align-items:stretch;border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;overflow:hidden}.modal-header-actions .profile-action{padding:.4rem 1rem}.modal-header-actions .profile-action+.profile-action{border-left:1px solid var(--color-border)}.modal-header h2{color:var(--color-text);font-size:1.05rem;margin:0}.modal-header-title{align-items:flex-start;display:flex;gap:.6rem}.modal-back{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:inline-flex;flex-shrink:0;height:2rem;justify-content:center;width:2rem}.modal-back:hover{background-color:var(--color-surface-alt);color:var(--color-text)}.modal-subtitle{color:var(--color-text-muted);font-size:.82rem;margin:.2rem 0 0}.modal-header-badges{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.modal-header-badges .status{margin-left:0}.modal-close{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:inline-flex;flex-shrink:0;height:2rem;justify-content:center;width:2rem}.modal-close:hover{background-color:var(--color-surface-alt);color:var(--color-text)}.modal-close-hint{background-color:var(--color-warning-subtle);color:var(--color-warning);font-size:.8rem;margin:0;padding:.6rem 1.25rem}.modal-close-hint,.profile-card{border-bottom:1px solid var(--color-border);flex-shrink:0}.profile-card{display:flex;flex-direction:column;padding:1.25rem 1.5rem 1.5rem}.profile-identity{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem 1rem;justify-content:space-between;margin-bottom:1.25rem}.profile-identity .customer-toggle{flex-shrink:0}.profile-name-input{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text);flex:1 1 160px;font:inherit;font-size:1.1rem;font-weight:700;min-width:0;padding:.5rem .7rem}.profile-name-input:hover{border-color:var(--color-text-faint)}.profile-name-input:focus{border-color:var(--color-primary);outline:none}.profile-name-input::placeholder{color:var(--color-text-faint);font-weight:600}.profile-action{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.3rem;justify-content:center;padding:.75rem .5rem;position:relative}.profile-action+.profile-action{border-left:1px solid var(--color-border)}.profile-action-btn{align-items:center;background:#0000;border:none;color:var(--color-text-muted);cursor:pointer;display:flex;flex-direction:column;font-size:.72rem;font-weight:600;gap:.3rem;padding:0}.profile-action-btn:hover{color:var(--color-primary)}.profile-action-btn:disabled{cursor:not-allowed;opacity:.6}.profile-action .click-to-call .btn-call{align-items:center;background-color:var(--color-success);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:inline-flex;flex-direction:row;font-size:.8rem;font-weight:700;gap:.4rem;padding:.45rem 1.1rem;transition:filter .15s ease}.profile-action .click-to-call .btn-call:hover:not(:disabled){filter:brightness(1.08)}.profile-action .click-to-call .btn-call:disabled{cursor:not-allowed;opacity:.6}.profile-action .click-to-call{align-items:center;flex-direction:column;gap:.35rem}.profile-action .click-to-call .select-menu{max-width:8rem}.profile-action .click-to-call .select-menu-trigger{background:#0000;border:none;color:var(--color-text-muted);font-size:.72rem;font-weight:600;justify-content:center;padding:0}.profile-action .click-to-call .select-menu-trigger.open,.profile-action .click-to-call .select-menu-trigger:hover{border-color:#0000;box-shadow:none;color:var(--color-text)}.profile-action .call-feedback{font-size:.7rem}.profile-grid{grid-gap:1.25rem 1.5rem;display:grid;gap:1.25rem 1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.profile-field{display:flex;flex-direction:column;gap:.35rem}.profile-field-wide{grid-column:1/-1}.profile-field-label{color:var(--color-text-muted);font-size:.72rem;font-weight:600;letter-spacing:.03em;pointer-events:none;text-transform:uppercase}.profile-field-value{color:var(--color-text);font-size:.92rem;font-weight:600}.profile-field-hint{color:var(--color-text-muted);font-size:.78rem}.profile-field input,.profile-field textarea{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font:inherit;font-weight:400;padding:.5rem .65rem;resize:vertical}.profile-field input:focus,.profile-field textarea:focus{border-color:var(--color-primary);outline:none}.profile-field .select-menu-trigger{border-color:var(--color-border);font-size:.87rem;font-weight:400;padding:.5rem .65rem}.profile-field .select-menu-trigger.open{border-color:var(--color-primary);box-shadow:none}.profile-field .datetime-picker{display:inline-flex;width:100%}.profile-field .datetime-picker-trigger{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;display:inline-flex;font-size:.87rem;font-weight:400;gap:.45rem;justify-content:flex-start;min-height:38px;padding:.5rem .65rem;pointer-events:auto;transition:border-color .15s ease,background-color .15s ease;white-space:nowrap;width:100%}.profile-field .datetime-picker-trigger:hover{border-color:var(--color-border-strong)}.profile-field .datetime-picker-trigger svg{color:var(--color-text-muted);flex-shrink:0}.profile-footer{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.profile-footer,.profile-section{border-top:1px solid var(--color-border);padding-top:1.25rem}.profile-section{margin-bottom:.25rem}.call-feedback-banner{align-items:center;background-color:#f59e0b1f;background-color:var(--color-warning-subtle,#f59e0b1f);border:1px solid #f59e0b;border:1px solid var(--color-warning,#f59e0b);border-radius:var(--radius-sm);color:var(--color-text);display:flex;flex-wrap:wrap;font-size:.8rem;gap:.6rem;justify-content:space-between;margin-bottom:1.1rem;padding:.65rem .9rem}.btn-small{flex-shrink:0;font-size:.76rem;padding:.35rem .7rem}.profile-section-toggle{margin-bottom:.25rem}.profile-section-toggle-open{background-color:var(--color-primary-subtle);border-color:var(--color-primary);color:var(--color-primary)}.profile-section-chevron{transition:transform .15s ease}.profile-section-chevron-open{transform:rotate(90deg)}.profile-section-body{margin-top:1.1rem}.profile-section-header{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem 1rem;justify-content:flex-end;margin-bottom:1.25rem}.customer-toggle{border:1px solid var(--color-border);border-radius:var(--radius-sm);display:inline-flex;overflow:hidden}.customer-toggle button{background-color:var(--color-surface);border:none;color:var(--color-text-muted);cursor:pointer;font-size:.8rem;font-weight:600;padding:.4rem .85rem;transition:background-color .15s ease,color .15s ease}.customer-toggle button+button{border-left:1px solid var(--color-border)}.customer-toggle button.active{background-color:var(--color-primary);color:#fff}.customer-form-actions{align-items:center;display:flex;gap:.6rem}.follow-up-history{display:flex;flex-direction:column;gap:.6rem;list-style:none;margin:0 0 1.25rem;padding:0}.follow-up-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);border-radius:var(--radius-md,var(--radius-sm));padding:.9rem 1rem}.follow-up-card-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between}.follow-up-card-title-group{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.follow-up-card-title{color:var(--color-text);font-size:.95rem;font-weight:700;margin:0}.follow-up-priority-pill{align-items:center;display:inline-flex;gap:.3rem}.follow-up-card-actions{display:flex;flex-wrap:wrap;gap:.5rem}.follow-up-card-btn{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:600;gap:.35rem;padding:.4rem .75rem;transition:background-color .15s ease,border-color .15s ease,color .15s ease;white-space:nowrap}.follow-up-card-btn-reschedule{background:var(--color-surface);border:1px solid var(--color-border-strong);color:var(--color-text)}.follow-up-card-btn-reschedule:hover{border-color:var(--color-primary);color:var(--color-primary)}.follow-up-card-btn-done{background-color:#2e7d32;background-color:var(--color-success,#2e7d32);border:1px solid #0000;color:#fff}.follow-up-card-btn-done:hover{filter:brightness(.94)}.follow-up-card-meta{align-items:center;color:var(--color-text-muted);display:flex;flex-wrap:wrap;font-size:.78rem;gap:.3rem .9rem;margin-top:.5rem}.follow-up-card-meta-item{align-items:center;display:inline-flex;gap:.3rem}.follow-up-field-label{color:var(--color-text-faint);font-size:.64rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.follow-up-history-note-label{display:block;margin-bottom:.15rem}.follow-up-status-pending{background-color:var(--color-warning-subtle);color:var(--color-warning)}.follow-up-status-done{background-color:var(--color-success-subtle);color:var(--color-success)}.follow-up-priority-low{background-color:var(--color-primary-subtle);color:var(--color-primary)}.follow-up-priority-medium{background-color:var(--color-warning-subtle);color:var(--color-warning)}.follow-up-priority-high{background-color:var(--color-danger);color:#fff}.select-menu.follow-up-priority-select .select-menu-trigger{font-weight:600}.select-menu.follow-up-priority-select-low .select-menu-trigger{border-color:var(--color-primary);color:var(--color-primary)}.select-menu.follow-up-priority-select-medium .select-menu-trigger{border-color:var(--color-warning);color:var(--color-warning)}.select-menu.follow-up-priority-select-high .select-menu-trigger{border-color:var(--color-danger);color:var(--color-danger)}.customer-toggle button.follow-up-filter-pending{background-color:var(--color-warning);color:#fff}.customer-toggle button.follow-up-filter-done{background-color:var(--color-success);color:#fff}.follow-up-history-note{color:var(--color-text);font-size:.85rem;margin:.5rem 0 0}.follow-up-history-resolution{border-top:1px dashed var(--color-border);margin-top:.6rem;padding-top:.6rem}.follow-up-history-resolution-label{color:var(--color-success);font-size:.7rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.follow-up-history-resolution p{color:var(--color-text);font-size:.85rem;margin:.25rem 0 0}.follow-up-history-attachment{color:var(--color-primary);display:inline-block;font-size:.78rem;font-weight:600;margin-top:.4rem;text-decoration:none}.follow-up-history-attachment:hover{text-decoration:underline}.follow-up-add-actions{align-items:center;display:flex;gap:.6rem;justify-content:flex-end;margin-top:.75rem}.follow-up-add-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);border-radius:var(--radius-md,var(--radius-sm));padding:.9rem 1rem}.select-menu-trigger-label{align-items:center;display:inline-flex;min-width:0;overflow:hidden;text-overflow:ellipsis}.select-menu-leading-icon{display:inline-flex;flex:none;margin-right:.35rem}.modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:1.1rem 1.25rem}.modal-body .table-container{box-shadow:none}.call-history-thread-title{color:var(--color-text);font-size:.95rem;font-weight:700;margin:0 0 .85rem}.chat-thread{display:flex;flex-direction:column;gap:.75rem}.chat-date-divider{align-self:center;background-color:var(--color-surface-alt);border-radius:999px;color:var(--color-text-muted);font-size:.72rem;font-weight:600;margin:.5rem 0;padding:.2rem .75rem}.chat-bubble{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);max-width:min(420px,100%);padding:.7rem .9rem}.chat-bubble-top{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.chat-bubble-time{color:var(--color-text-muted);font-size:.72rem;white-space:nowrap}.chat-bubble-meta{align-items:center;color:var(--color-text-muted);display:flex;flex-wrap:wrap;font-size:.8rem;gap:.6rem;margin-top:.35rem}.chat-bubble-meta a{color:var(--color-primary);font-weight:600;text-decoration:none}.chat-bubble-meta a:hover{text-decoration:underline}.chat-bubble-query{border-top:1px dashed var(--color-border);color:var(--color-text);display:flex;flex-direction:column;font-size:.82rem;gap:.35rem;margin-top:.5rem;padding-top:.5rem}.chat-bubble-query-row{align-items:baseline;display:flex;flex-wrap:wrap;gap:.4rem}.chat-bubble-query-label{color:var(--color-text-muted);flex-shrink:0;font-size:.68rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.chat-bubble-note-target{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.chat-bubble-add-note-btn{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.76rem;font-weight:600;padding:0}.chat-bubble-add-note-btn:hover{text-decoration:underline}.chat-bubble-note-target-label{color:var(--color-primary);font-size:.72rem;font-weight:600}.query-target-indicator{background-color:var(--color-primary-subtle);border-radius:var(--radius-sm);padding:.5rem .7rem}.query-target-value{color:var(--color-primary);font-size:.85rem;font-weight:600}.whatsapp-chat{display:flex;flex-direction:column;gap:.75rem}.whatsapp-chat-hint{background-color:#f59e0b1f;background-color:var(--color-warning-subtle,#f59e0b1f);border:1px solid #f59e0b;border:1px solid var(--color-warning,#f59e0b);border-radius:var(--radius-sm);color:var(--color-text);font-size:.8rem;margin:0;padding:.65rem .9rem}.whatsapp-chat-thread{background-color:var(--color-bg);background-image:radial-gradient(var(--color-border) 1px,#0000 1px);background-size:18px 18px;border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.5rem;max-height:22rem;overflow-y:auto;padding:.75rem}.whatsapp-chat-empty{color:var(--color-text-muted);font-size:.85rem;margin:0}.whatsapp-bubble-row{align-items:flex-end;display:flex;gap:.2rem}.whatsapp-bubble-row-inbound{justify-content:flex-start}.whatsapp-bubble-row-outbound{justify-content:flex-end}.whatsapp-bubble-row-outbound .whatsapp-reply-trigger{order:-1}.whatsapp-reply-trigger{background:#0000;border:none;color:var(--color-text-muted);flex-shrink:0;height:1.7rem;opacity:0;transition:opacity .1s ease;width:1.7rem}.whatsapp-bubble-row:hover .whatsapp-reply-trigger{opacity:1}.whatsapp-reply-trigger:hover{background-color:var(--color-surface-alt);color:var(--color-primary)}.whatsapp-bubble{box-shadow:none;box-shadow:var(--shadow-sm,none);font-size:.85rem;max-width:min(420px,85%);padding:.5rem .75rem;transition:background-color .3s ease}.whatsapp-bubble-inbound{background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:4px var(--radius-md) var(--radius-md) var(--radius-md)}.whatsapp-bubble-outbound{background-color:var(--color-primary-subtle);border:1px solid var(--color-primary);border-radius:var(--radius-md) 4px var(--radius-md) var(--radius-md)}.whatsapp-bubble-highlight{background-color:#f59e0b40!important;background-color:var(--color-warning-subtle,#f59e0b40)!important}.whatsapp-quote-block{background-color:var(--color-surface);border-left:3px solid var(--color-primary);border-radius:4px;cursor:pointer;display:flex;flex-direction:column;gap:.1rem;margin-bottom:.35rem;padding:.3rem .5rem}.whatsapp-quote-sender{color:var(--color-primary);font-size:.72rem;font-weight:600}.whatsapp-quote-text{color:var(--color-text-muted);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whatsapp-reply-preview{align-items:center;background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-text-muted);display:flex;gap:.5rem;padding:.4rem .6rem}.whatsapp-reply-preview-body{display:flex;flex:1 1;flex-direction:column;min-width:0}.whatsapp-reply-preview-sender{color:var(--color-primary);font-size:.72rem;font-weight:600}.whatsapp-reply-preview-text{color:var(--color-text);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whatsapp-bubble-body{white-space:pre-wrap;word-break:break-word}.whatsapp-bubble-unknown{color:var(--color-text-muted);font-style:italic}.whatsapp-bubble-reaction{color:var(--color-text-muted);font-size:.8rem}.whatsapp-translate-row{margin-top:.3rem}.whatsapp-translate-btn{font-size:.7rem}.whatsapp-translate-result{background-color:var(--color-surface);border-radius:var(--radius-sm);font-size:.82rem;margin-top:.2rem;padding:.35rem .5rem;white-space:pre-wrap;word-break:break-word}.whatsapp-translate-lang{color:var(--color-text-muted);font-size:.68rem;text-transform:uppercase}.whatsapp-translate-error{color:var(--color-danger)}.whatsapp-bubble-meta{align-items:center;color:var(--color-text-muted);display:flex;font-size:.68rem;gap:.35rem;margin-top:.3rem}.whatsapp-link-chip{color:var(--color-primary);text-decoration:underline;word-break:break-all}.whatsapp-media-card{display:flex;flex-direction:column;gap:.35rem}.whatsapp-media-image{object-fit:cover}.whatsapp-media-image,.whatsapp-media-video{border-radius:var(--radius-sm);display:block;max-height:260px;max-width:260px}.whatsapp-media-audio{display:block;max-width:100%;width:260px}.whatsapp-media-fallback{background-color:var(--color-surface);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:.8rem;padding:.75rem}.whatsapp-bubble-caption{font-size:.82rem}.whatsapp-document-card{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);display:flex;gap:.6rem;padding:.5rem;text-decoration:none}.whatsapp-document-info{display:flex;flex-direction:column;min-width:0}.whatsapp-document-name{font-size:.82rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whatsapp-document-meta{color:var(--color-text-muted);font-size:.72rem}.whatsapp-ticks{color:#8696a0;display:inline-flex}.whatsapp-ticks-read{color:#53bdeb}.whatsapp-tick-second{margin-left:-8px}.whatsapp-tick-failed{color:#dc2626;color:var(--color-danger,#dc2626);font-weight:700}.whatsapp-attachment-preview{align-items:center;background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;gap:.5rem;padding:.4rem .6rem}.whatsapp-attachment-preview img,.whatsapp-attachment-preview video{border-radius:6px;height:40px;object-fit:cover;width:40px}.whatsapp-attachment-name{color:var(--color-text);flex:1 1;font-size:.8rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whatsapp-composer{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;box-shadow:var(--shadow-sm);display:flex;flex-direction:row;gap:.25rem;padding:.3rem .4rem .3rem .6rem;transition:border-color .15s ease,box-shadow .15s ease}.whatsapp-composer:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.whatsapp-composer-input{flex:1 1 auto;min-width:0;order:2}.whatsapp-composer-input textarea{background:#0000;border:none;color:var(--color-text);font-family:inherit;font-size:.88rem;line-height:1.4;max-height:4.5rem;outline:none;padding:.35rem .1rem;resize:none;width:100%}.whatsapp-composer-toolbar{display:contents}.whatsapp-composer-toolbar-left{align-items:center;display:flex;flex-shrink:0;flex-wrap:nowrap;gap:.05rem;order:1}.whatsapp-composer-toolbar .icon-btn{background:#0000;border:none;border-radius:50%;height:1.7rem;width:1.7rem}.whatsapp-composer-toolbar .icon-btn:hover:not(:disabled){background-color:var(--color-surface-alt);color:var(--color-primary)}.whatsapp-composer-toolbar .icon-btn:disabled{cursor:default;opacity:.4}.whatsapp-format-btn{font-size:.85rem;font-weight:700}.whatsapp-format-strike{text-decoration:line-through}.whatsapp-format-divider{background-color:var(--color-border);flex-shrink:0;height:1.2rem;margin:0 .35rem;width:1px}.whatsapp-composer-send{align-items:center;border-radius:999px;box-shadow:var(--shadow-sm);display:inline-flex;flex-shrink:0;gap:.35rem;order:3;padding:.4rem .85rem;transition:transform .12s ease,box-shadow .12s ease}.whatsapp-composer-send:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.whatsapp-composer-send:disabled{box-shadow:none;opacity:.5;transform:none}.whatsapp-popover-anchor{display:inline-flex;position:relative}.whatsapp-popover{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);bottom:100%;box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md,0 4px 12px #00000026);left:0;margin-bottom:.4rem;padding:.5rem;position:absolute;z-index:20}.whatsapp-emoji-popover{width:260px}.whatsapp-emoji-grid{grid-gap:.15rem;display:grid;gap:.15rem;grid-template-columns:repeat(8,1fr);max-height:220px;overflow-y:auto}.whatsapp-emoji-grid button{background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:1.15rem;line-height:1;padding:.25rem}.whatsapp-emoji-grid button:hover{background-color:var(--color-surface-alt)}.whatsapp-canned-popover{max-height:320px;overflow-y:auto;width:300px}.whatsapp-canned-popover-header{align-items:center;color:var(--color-text-muted);display:flex;font-size:.78rem;font-weight:600;justify-content:space-between;margin-bottom:.4rem}.whatsapp-canned-list,.whatsapp-canned-manage-list{display:flex;flex-direction:column;gap:.15rem;list-style:none;margin:0;padding:0}.whatsapp-canned-list-item{border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-direction:column;gap:.1rem;padding:.35rem .4rem}.whatsapp-canned-list-item:hover{background-color:var(--color-surface-alt)}.whatsapp-canned-title{align-items:center;color:var(--color-text);display:flex;font-size:.8rem;font-weight:600;gap:.3rem}.whatsapp-canned-shortcut{background-color:var(--color-primary-subtle);border-radius:var(--radius-sm);color:var(--color-primary);font-family:monospace;font-size:.7rem;font-weight:600;padding:.1rem .35rem}.whatsapp-canned-manage-list li>span:first-child{align-items:center;display:flex;gap:.3rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whatsapp-canned-body-preview{color:var(--color-text-muted);font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whatsapp-canned-empty{color:var(--color-text-muted);font-size:.78rem;padding:.4rem}.whatsapp-canned-form{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.5rem}.whatsapp-canned-form input,.whatsapp-canned-form textarea{background-color:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text);font-size:.82rem;padding:.4rem .5rem}.whatsapp-canned-form-media{align-items:center;display:flex;flex-wrap:wrap;gap:.3rem}.whatsapp-canned-form-media .whatsapp-attachment-preview{flex-basis:100%}.whatsapp-canned-form-media .whatsapp-attachment-preview img,.whatsapp-canned-form-media .whatsapp-attachment-preview video{border-radius:6px;height:32px;object-fit:cover;width:32px}.whatsapp-canned-manage-list li{align-items:center;display:flex;font-size:.78rem;justify-content:space-between;padding:.3rem .4rem}.whatsapp-overview{background-color:var(--color-surface);display:flex;flex:1 1 auto;min-height:0;overflow:hidden}.whatsapp-overview-sidebar{border-right:1px solid var(--color-border);display:flex;flex:0 0 320px;flex-direction:column;min-height:0;min-width:0}.whatsapp-overview-search-row{align-items:center;display:flex;gap:.5rem;margin:.85rem}.whatsapp-overview-search{margin:.85rem}.whatsapp-overview-search-row .whatsapp-overview-search{flex:1 1;margin:0;min-width:0}.whatsapp-overview-new-chat-btn{padding:.4rem .75rem;white-space:nowrap}.whatsapp-overview-error{margin:0 .85rem .5rem}.whatsapp-overview-filters{display:flex;flex-wrap:wrap;gap:.5rem;padding:0 .85rem .7rem}.whatsapp-overview-filter-btn{background:none;border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-muted);cursor:pointer;font-size:.78rem;font-weight:600;padding:.3rem .85rem}.whatsapp-overview-filter-btn:hover{background-color:var(--color-surface-alt)}.whatsapp-overview-filter-btn-active{background-color:var(--color-primary-subtle);border-color:var(--color-primary);color:var(--color-primary)}.whatsapp-overview-filter-btn-attention{border-color:#ef444466;color:#ef4444}.whatsapp-overview-filter-btn-attention:hover{background-color:#ef444414}.whatsapp-overview-filter-btn-attention.whatsapp-overview-filter-btn-active{background-color:#ef444424;border-color:#ef4444;color:#ef4444}.whatsapp-overview-list{display:flex;flex:1 1 auto;flex-direction:column;overflow-y:auto}.whatsapp-overview-empty-list{color:var(--color-text-muted);font-size:.85rem;padding:1.5rem .85rem;text-align:center}.whatsapp-overview-item{align-items:center;background:none;border:none;border-bottom:1px solid var(--color-border);color:var(--color-text);cursor:pointer;display:flex;font:inherit;gap:.7rem;padding:.65rem .85rem;text-align:left;width:100%}.whatsapp-overview-item:hover{background-color:var(--color-surface-alt)}.whatsapp-overview-avatar,.whatsapp-overview-item-active{background-color:var(--color-primary-subtle)}.whatsapp-overview-avatar{align-items:center;border-radius:50%;color:var(--color-primary);display:inline-flex;flex:0 0 auto;font-size:.8rem;font-weight:700;height:2.5rem;justify-content:center;width:2.5rem}.whatsapp-overview-item-body{display:flex;flex:1 1 auto;flex-direction:column;gap:.15rem;min-width:0}.whatsapp-overview-item-top{align-items:baseline;display:flex;gap:.5rem;justify-content:space-between}.whatsapp-overview-item-name{font-size:.86rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whatsapp-overview-item-name-unread{color:var(--color-text);font-weight:700}.whatsapp-overview-item-time{color:var(--color-text-muted);flex:0 0 auto;font-size:.7rem}.whatsapp-overview-item-bottom{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.whatsapp-overview-item-preview{color:var(--color-text-muted);font-size:.78rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whatsapp-overview-item-preview-unread{color:var(--color-text);font-weight:500}.whatsapp-overview-unread-badge{background-color:var(--color-primary);color:#fff;font-size:.7rem;height:1.25rem;justify-content:center;min-width:1.25rem;padding:0 .35rem}.whatsapp-overview-badge-international,.whatsapp-overview-unread-badge{align-items:center;border-radius:999px;display:inline-flex;flex:0 0 auto;font-weight:700}.whatsapp-overview-badge-international{background-color:#6366f124;color:#6366f1;font-size:.65rem;letter-spacing:.02em;margin-left:.4rem;padding:.05rem .4rem;text-transform:uppercase}.whatsapp-overview-header-number .whatsapp-overview-badge-international{margin-left:.5rem;vertical-align:middle}.whatsapp-overview-badge-international-unread{background-color:#ef444424;color:#ef4444}.whatsapp-overview-main{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;min-width:0}.whatsapp-overview-placeholder{align-items:center;color:var(--color-text-muted);display:flex;flex:1 1 auto;flex-direction:column;gap:.75rem;justify-content:center}.whatsapp-overview-placeholder svg{opacity:.4}.whatsapp-overview-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:.7rem;padding:.75rem 1rem}.whatsapp-overview-header-info{display:flex;flex:1 1 auto;flex-direction:column;min-width:0}.whatsapp-overview-header-name{align-items:center;display:flex;font-size:.9rem;font-weight:600;gap:.5rem}.whatsapp-overview-name-edit{align-items:center;display:flex;gap:.4rem}.whatsapp-overview-name-edit input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;color:inherit;font-size:.85rem;padding:.2rem .5rem}.whatsapp-overview-header-number{color:var(--color-text-muted);font-size:.75rem}.whatsapp-overview-chat{display:flex;padding:.85rem}.whatsapp-overview-chat,.whatsapp-overview-chat .whatsapp-chat{flex:1 1 auto;min-height:0}.whatsapp-overview-chat .whatsapp-chat-thread{flex:1 1 auto;max-height:none}.email-thread{align-items:stretch}.email-message-card{border-radius:var(--radius-md);font-size:.85rem;max-width:100%;padding:.65rem .85rem}.email-message-card-inbound{background-color:var(--color-surface-alt);border:1px solid var(--color-border)}.email-message-card-outbound{background-color:var(--color-primary-subtle);border:1px solid var(--color-primary)}.email-avatar{align-items:center;border-radius:50%;display:inline-flex;flex:0 0 auto;font-weight:700;justify-content:center}.email-message-top{align-items:flex-start;display:flex;gap:.5rem;margin-bottom:.45rem}.email-message-avatar{font-size:.65rem;height:1.75rem;width:1.75rem}.email-message-top-info{display:flex;flex:1 1 auto;flex-direction:column;gap:.1rem;min-width:0}.email-message-subject{font-size:.85rem;font-weight:600}.email-message-from{color:var(--color-text-muted);font-size:.72rem}.email-message-time{color:var(--color-text-muted);flex:0 0 auto;font-size:.68rem;white-space:nowrap}.email-message-body{white-space:pre-wrap;word-break:break-word}.email-message-html-frame{background-color:#fff;border:none;border-radius:var(--radius-sm);height:16rem;margin-top:.2rem;width:100%}.email-message-actions{align-items:center;display:flex;gap:.4rem;margin-top:.55rem}.email-message-sent-by{color:var(--color-text-muted);font-size:.68rem;margin-right:auto}.email-forward-form{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.55rem}.email-forward-form input{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);flex:1 1 auto;font-size:.8rem;min-width:10rem;padding:.4rem .6rem}.email-message-attachments{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.55rem}.email-staged-attachments{display:flex;flex-wrap:wrap;gap:.4rem;padding:0 .75rem .5rem}.email-attachment-chip{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);display:inline-flex;font-size:.75rem;gap:.35rem;max-width:14rem;padding:.3rem .55rem;text-decoration:none}.email-attachment-chip:hover{background-color:var(--color-surface-alt)}.email-attachment-chip-staged{cursor:default}.email-attachment-chip-staged .icon-btn{background:none;border:none;height:1.25rem;width:1.25rem}.email-attachment-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-attachment-size{color:var(--color-text-muted);white-space:nowrap}.email-overview-attachment-icon{flex:0 0 auto;margin-left:.25rem;vertical-align:-1px}.email-page{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.email-mode-tabs{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;flex:0 0 auto;gap:.4rem;padding:.6rem .85rem}.email-mode-tab-btn{background:none;border:1px solid #0000;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;font-size:.85rem;padding:.4rem .85rem}.email-mode-tab-btn:hover{background-color:var(--color-surface-alt)}.email-mode-tab-btn-active{background-color:var(--color-primary-subtle);border-color:var(--color-primary);color:var(--color-primary);font-weight:600}.email-mailbox{background-color:var(--color-surface);display:flex;flex:1 1 auto;min-height:0;overflow:hidden}.email-mailbox-folders{border-right:1px solid var(--color-border);display:flex;flex:0 0 180px;flex-direction:column;gap:.15rem;overflow-y:auto;padding:.75rem .5rem}.email-mailbox-folder-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;padding:.5rem .6rem;text-align:left}.email-mailbox-folder-btn:hover{background-color:var(--color-surface-alt)}.email-mailbox-folder-btn-active{background-color:var(--color-primary-subtle);color:var(--color-primary);font-weight:600}.email-mailbox-folder-btn .whatsapp-overview-unread-badge{margin-left:auto}.email-mailbox-list{border-right:1px solid var(--color-border);display:flex;flex:0 0 320px;flex-direction:column;min-width:0}.email-mailbox-list-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;flex:0 0 auto;justify-content:space-between;padding:.65rem .85rem}.email-mailbox-list-header h3{font-size:.95rem;margin:0}.email-mailbox-pagination{align-items:center;color:var(--color-text-muted);display:flex;font-size:.75rem;gap:.4rem}.email-mailbox-star{background:none;border:none;color:var(--color-text-muted);flex:0 0 auto;height:1.5rem;width:1.5rem}.email-mailbox-star-active{color:#eab308}.email-mailbox-reading{overflow-y:auto;padding:.85rem}.email-mailbox-reading-header h3{margin:0 0 .35rem}.email-mailbox-reading-meta{color:var(--color-text-muted);display:flex;flex-direction:column;font-size:.78rem;gap:.15rem;margin-bottom:.6rem}.email-mailbox-reading-actions{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.email-mailbox-reading-body{flex:1 1 auto;min-height:0}.email-mailbox-html-frame{background-color:#fff;border:none;border-radius:var(--radius-sm);height:100%;min-height:20rem;width:100%}.email-mailbox-reply{margin-top:1rem}@keyframes skeleton-shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.skeleton-list{display:flex;flex-direction:column}.skeleton-row{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:.7rem;padding:.65rem .85rem}.skeleton-avatar,.skeleton-line{animation:skeleton-shimmer 1.4s ease infinite;background:linear-gradient(90deg,var(--color-surface-alt) 25%,var(--color-border) 37%,var(--color-surface-alt) 63%);background-size:400px 100%;border-radius:var(--radius-sm)}.skeleton-avatar{border-radius:50%;flex:0 0 auto;height:2.5rem;width:2.5rem}.skeleton-lines{display:flex;flex:1 1 auto;flex-direction:column;gap:.4rem}.skeleton-line{height:.7rem}.skeleton-line-short{width:40%}.skeleton-line-long{width:75%}.email-composer{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.email-composer:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.email-composer-field{border:none;border-bottom:1px solid var(--color-border);padding:.6rem .85rem}.email-composer-body,.email-composer-field{background:#0000;color:var(--color-text);font-family:inherit;font-size:.85rem;outline:none;width:100%}.email-composer-body{border:none;line-height:1.45;min-height:4.5rem;padding:.7rem .85rem;resize:vertical}.rich-text-editor{display:flex;flex-direction:column}.rich-text-editor-disabled{opacity:.6}.rich-text-toolbar{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:.2rem;padding:.35rem .6rem}.rich-text-btn{font-family:inherit;font-size:.8rem}.rich-text-body{color:var(--color-text);font-family:inherit;font-size:.85rem;line-height:1.5;max-height:16rem;min-height:4.5rem;outline:none;overflow-y:auto;padding:.7rem .85rem}.rich-text-body:empty:before{color:var(--color-text-muted);content:attr(data-placeholder);pointer-events:none}.rich-text-body ol,.rich-text-body ul{padding-left:1.4rem}.rich-text-body a{color:var(--color-primary)}.email-composer-toolbar{align-items:center;background-color:var(--color-surface-alt);border-top:1px solid var(--color-border);display:flex;gap:.5rem;padding:.5rem .6rem}.email-composer-send{align-items:center;border-radius:999px;display:inline-flex;gap:.4rem;margin-left:auto}.link-btn{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.75rem;padding:0}.link-btn:hover{text-decoration:underline}.icon-btn{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:inline-flex;height:2rem;justify-content:center;width:2rem}.icon-btn:hover{background-color:var(--color-surface-alt);color:var(--color-text)}.incoming-filters-bar{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.search-input-wrap{align-items:center;display:inline-flex;min-width:15rem;position:relative}.search-input-icon{color:var(--color-text-faint);left:.7rem;pointer-events:none;position:absolute}.search-input{background-color:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text);font-size:.83rem;padding:.5rem .75rem .5rem 2.1rem;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.search-input:hover{border-color:var(--color-text-faint)}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle);outline:none}.search-input::placeholder{color:var(--color-text-muted)}.date-filter-input{background-color:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text);font-size:.83rem;padding:.5rem .75rem;transition:border-color .15s ease,box-shadow .15s ease}.date-filter-input:hover{border-color:var(--color-text-faint)}.date-filter-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle);outline:none}.select-menu{display:inline-flex;position:relative}.select-menu.incoming-agent-filter{max-width:12rem;min-width:9.5rem}.select-menu-trigger{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;display:inline-flex;font-size:.83rem;font-weight:500;gap:.5rem;justify-content:space-between;padding:.5rem .75rem;text-align:left;transition:border-color .15s ease,box-shadow .15s ease;white-space:nowrap;width:100%}.select-menu-trigger,.select-menu-trigger span{overflow:hidden;text-overflow:ellipsis}.select-menu-trigger:hover{border-color:var(--color-text-faint)}.select-menu-trigger.open{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.select-menu-trigger .select-caret{color:var(--color-text-faint);flex-shrink:0;transition:transform .15s ease}.select-menu-trigger.open .select-caret{transform:rotate(180deg)}.select-menu-list{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:.35rem;width:-webkit-max-content;width:max-content;z-index:30}.select-menu-option{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;display:block;font-size:.83rem;overflow:hidden;padding:.5rem .65rem;text-align:left;text-overflow:ellipsis;transition:background-color .15s ease,color .15s ease;white-space:nowrap;width:100%}.select-menu-option:hover{background-color:var(--color-primary-subtle)}.select-menu-option.selected{background-color:var(--color-primary);color:#fff;font-weight:600}.select-menu-option.selected:hover{background-color:var(--color-primary-hover)}.export-csv-btn{margin-left:auto}.alerts-toggle{align-items:center;color:var(--color-text-muted);cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:.4rem}.stat-cards{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.stat-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;flex:1 1 180px;padding:1.1rem 1.25rem;position:relative;text-align:left;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.stat-card-static{cursor:default}.stat-card:before{background-color:var(--color-border-strong);border-radius:999px;bottom:.85rem;content:"";left:0;position:absolute;top:.85rem;width:3px}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-card.active{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.stat-card.active:before{background-color:var(--color-primary)}.stat-card.answered.active:before{background-color:var(--color-success)}.stat-card.missed.active:before{background-color:var(--color-danger)}.stat-card.attempted.active:before{background-color:var(--color-warning)}.stat-card.critical.active:before{background-color:var(--color-critical)}.stat-card.international.active:before{background-color:#6366f1}.stat-card.pending.active:before{background-color:var(--color-warning)}.stat-card.open.active:before{background-color:#64748b}.stat-card.approval-pending.active:before{background-color:#6366f1}.stat-card.done.active:before{background-color:var(--color-success)}.stat-value{color:var(--color-text);font-size:1.85rem;font-weight:700;line-height:1.1}.stat-label{color:var(--color-text-muted);font-size:.78rem;font-weight:600;letter-spacing:.03em;margin-top:.35rem;text-transform:uppercase}.stat-label-date{color:var(--color-text-faint);font-weight:500;letter-spacing:normal;text-transform:none}.data-table a{color:var(--color-primary);font-weight:600;text-decoration:none}.data-table a:hover{text-decoration:underline}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-top:1.25rem}.pagination-controls{align-items:center;display:flex;gap:.35rem;margin-left:auto}.pagination button{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;display:inline-flex;height:2.1rem;justify-content:center;transition:background-color .15s ease,border-color .15s ease;width:2.1rem}.pagination button:hover:not(:disabled){background-color:var(--color-surface-alt);border-color:var(--color-border-strong)}.pagination button:disabled{color:var(--color-text-faint);cursor:not-allowed}.pagination-status{padding:0 .35rem}.pagination-size,.pagination-status{color:var(--color-text-muted);font-size:.82rem;font-weight:500}.pagination-size{align-items:center;display:flex;gap:.5rem}.pagination-size select{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:.82rem;padding:.35rem .55rem}.summary-processing,.summary-queued{color:var(--color-text-muted);font-size:.85rem;font-style:italic}.summary-failed{font-size:.85rem}.retry-button-sm,.summary-failed{color:var(--color-danger);font-weight:600}.retry-button-sm{background-color:var(--color-surface);border:1px solid var(--color-danger);border-radius:var(--radius-sm);cursor:pointer;font-size:.75rem;padding:.15rem .55rem;transition:background-color .15s ease}.retry-button-sm:hover{background-color:var(--color-danger-subtle)}.summary-view-link{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.85rem;font-weight:600;padding:0}.summary-view-link:hover{text-decoration:underline}.summary-detail-row td{background-color:var(--color-bg);padding:1rem 1.25rem}.summary-detail{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.85rem;max-width:800px;padding:1rem 1.25rem}.summary-detail p{color:var(--color-text);font-size:.9rem;margin-top:.3rem}.summary-detail details{color:var(--color-text-muted);font-size:.85rem}.summary-detail details summary{color:var(--color-text);cursor:pointer;font-weight:600}.summary-detail details p{margin-top:.5rem;white-space:pre-wrap}.resolved-badge{border-radius:999px;display:inline-block;font-size:.78rem;font-weight:600;padding:.2rem .65rem;text-transform:capitalize}.resolved-badge.yes{background-color:var(--color-success-subtle);color:var(--color-success)}.resolved-badge.no{background-color:var(--color-danger-subtle);color:var(--color-danger)}.resolved-badge.partial{background-color:var(--color-warning-subtle);color:var(--color-warning)}.login-page{background-color:var(--color-bg);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;min-height:100vh;padding:1.5rem;position:relative}.login-card,.login-page{align-items:center;display:flex}.login-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);flex-direction:column;max-width:360px;padding:2rem 1.75rem;width:100%}.login-logo{background-color:#fff;border-radius:var(--radius-sm);height:44px;margin-bottom:.75rem;object-fit:contain;width:44px}.login-title{color:var(--color-text);font-size:1.05rem;font-weight:700;text-align:center}.login-subtitle{color:var(--color-text-muted);font-size:.8rem;margin-bottom:1.5rem;margin-top:.15rem;text-align:center}.login-field{color:var(--color-text);display:flex;flex-direction:column;font-size:.82rem;font-weight:600;gap:.35rem;margin-bottom:1rem;width:100%}.login-field input,.login-field select,.login-field textarea{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:inherit;font-size:.9rem;padding:.6rem .75rem}.login-field input:focus,.login-field select:focus,.login-field textarea:focus{border-color:var(--color-primary);outline:none}.login-field-phone-row{display:flex;gap:.5rem}.login-field-phone-row select{flex:0 0 auto;max-width:40%}.login-field-phone-row input{flex:1 1;min-width:0}.login-error{background-color:var(--color-danger-subtle);border-radius:var(--radius-sm);color:var(--color-danger);font-size:.82rem;font-weight:600;margin-bottom:1rem;padding:.6rem .75rem;width:100%}.login-submit{justify-content:center;padding:.65rem 1rem;width:100%}.admin-create-form{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.admin-create-form input{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);flex:1 1 200px;font-size:.87rem;min-width:0;padding:.55rem .75rem;transition:border-color .15s ease,box-shadow .15s ease}.admin-create-form input:hover{border-color:var(--color-text-faint)}.admin-create-form input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle);outline:none}.admin-create-form .select-menu.admin-form-select{flex:1 1 200px;min-width:0}.admin-create-form .admin-form-select .select-menu-trigger{font-size:.87rem;padding:.55rem .75rem;width:100%}.select-menu.admin-agent-select{max-width:11rem}.admin-create-error{max-width:480px}.admin-list-title{margin-top:2rem}.admin-avatar-upload{cursor:pointer;display:inline-flex;position:relative}.admin-avatar-upload input[type=file]{cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%}.admin-avatar-thumb{background-color:var(--color-primary-subtle);color:var(--color-primary);font-size:.85rem;font-weight:700;height:34px;object-fit:cover;width:34px}.admin-avatar-thumb,.admin-avatar-upload-badge{align-items:center;border-radius:50%;display:inline-flex;justify-content:center}.admin-avatar-upload-badge{background-color:var(--color-primary);border:2px solid var(--color-surface);bottom:-2px;color:#fff;height:16px;position:absolute;right:-2px;width:16px}.role-permission-checkboxes{display:flex;flex:1 1 100%;flex-wrap:wrap;gap:.9rem}.role-permission-checkbox{align-items:center;color:var(--color-text);cursor:pointer;display:inline-flex;font-size:.85rem;gap:.4rem}.btn-secondary{background-color:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text)}.btn-secondary:hover{background-color:var(--color-border)}.data-table td .btn+.btn{margin-left:.5rem}@media (max-width:900px){.sidebar{box-shadow:var(--shadow-md);height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .2s ease;z-index:20}.sidebar.open{transform:translateX(0)}.sidebar-close{display:inline-flex}.sidebar-collapse-toggle{display:none}.sidebar-overlay{background-color:#0f172a73;display:block;inset:0;position:fixed;z-index:15}.menu-toggle{display:inline-flex}.App-header{padding:1rem 1.25rem}.App-main{padding:1.25rem 1.25rem 2.5rem}.pagination{justify-content:center}.pagination-controls{margin-left:0}}@media (max-width:560px){.App-header{align-items:stretch;flex-direction:column}.btn-danger-outline{justify-content:center}.agent-row{align-items:stretch;flex-direction:column;gap:.85rem}.agent-row-stats{gap:1.25rem;margin-left:0}}.chart-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.1rem 1.25rem}.trend-chart-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:.75rem}.overview-page{display:flex;flex-direction:column;gap:1.5rem}.overview-section{margin-bottom:0}.overview-greeting{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.overview-greeting-date{color:var(--color-success);font-size:.76rem;font-weight:700;letter-spacing:.04em;margin-bottom:.3rem;text-transform:uppercase}.overview-greeting-title{color:var(--color-text);font-size:1.4rem;font-weight:700}.overview-greeting-subtitle{color:var(--color-text-muted);font-size:.9rem;margin-top:.25rem}.overview-kpi-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.overview-kpi-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;gap:.85rem;padding:1.1rem 1.25rem;text-align:left;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.overview-kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.overview-kpi-top{align-items:center;display:flex;justify-content:space-between}.overview-icon-badge{align-items:center;border-radius:var(--radius-sm);display:inline-flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.overview-icon-badge.primary{background-color:var(--color-primary-subtle);color:var(--color-primary)}.overview-icon-badge.success{background-color:var(--color-success-subtle);color:var(--color-success)}.overview-icon-badge.warning{background-color:var(--color-warning-subtle);color:var(--color-warning)}.overview-icon-badge.danger{background-color:var(--color-danger-subtle);color:var(--color-danger)}.overview-icon-badge.critical{background-color:var(--color-critical-subtle);color:var(--color-critical)}.overview-kpi-trend{align-items:center;border-radius:999px;display:inline-flex;font-size:.74rem;font-weight:700;gap:.2rem;padding:.2rem .5rem}.overview-kpi-trend.up{background-color:var(--color-success-subtle);color:var(--color-success)}.overview-kpi-trend.down{background-color:var(--color-danger-subtle);color:var(--color-danger)}.overview-columns{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:2fr 1fr}@media (max-width:960px){.overview-columns{grid-template-columns:1fr}}.overview-attention-list{display:flex;flex-direction:column;gap:.2rem}.overview-attention-row{align-items:center;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:.7rem;padding:.6rem .4rem;text-align:left;transition:background-color .15s ease;width:100%}.overview-attention-row:hover{background-color:var(--color-surface-alt)}.overview-attention-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.overview-attention-dot.primary{background-color:var(--color-primary)}.overview-attention-dot.success{background-color:var(--color-success)}.overview-attention-dot.warning{background-color:var(--color-warning)}.overview-attention-dot.danger{background-color:var(--color-danger)}.overview-attention-dot.critical{background-color:var(--color-critical)}.overview-attention-text{flex:1 1 auto;min-width:0}.overview-attention-label{color:var(--color-text);font-size:.84rem;font-weight:600}.overview-attention-count{color:var(--color-text-muted);font-size:.8rem;font-weight:700}.overview-attention-chevron{color:var(--color-text-faint);flex-shrink:0}.overview-quick-actions{grid-gap:.6rem;display:grid;gap:.6rem;grid-template-columns:repeat(2,1fr)}.overview-quick-action{align-items:center;background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;display:flex;font-size:.82rem;font-weight:600;gap:.5rem;padding:.65rem .75rem;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.overview-quick-action:hover{background-color:var(--color-primary-subtle);border-color:var(--color-border-strong);color:var(--color-primary)}.overview-recent-row{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:.75rem;justify-content:space-between;padding:.55rem .25rem}.overview-recent-row:last-child{border-bottom:none}.overview-recent-main{display:flex;flex-direction:column;gap:.15rem;min-width:0}.overview-recent-number{color:var(--color-text);font-size:.85rem;font-weight:600}.overview-recent-meta{color:var(--color-text-muted);font-size:.75rem}.overview-section-link{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.8rem;font-weight:600}.overview-empty{color:var(--color-text-muted);font-size:.85rem;padding:.4rem 0}.trend-legend{display:flex;flex-wrap:wrap;gap:1rem}.trend-legend-item{align-items:center;color:var(--color-text-muted);display:flex;font-size:.78rem;font-weight:600;gap:.4rem}.trend-chart-svg-wrap{position:relative;width:100%}.trend-chart-svg{cursor:crosshair;display:block;height:auto;width:100%}.trend-gridline{stroke:var(--color-border);stroke-width:1}.trend-axis-label{fill:var(--color-text-muted);font-size:10px}.trend-crosshair{stroke:var(--color-text-muted);stroke-width:1;opacity:.5}.trend-tooltip{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);min-width:9rem;padding:.5rem .65rem;pointer-events:none;position:absolute;top:.5rem;transform:translateX(-50%);z-index:5}.trend-tooltip-date{color:var(--color-text-muted);font-size:.72rem;font-weight:700;margin-bottom:.35rem}.trend-tooltip-row{align-items:center;color:var(--color-text-muted);display:flex;font-size:.78rem;gap:.75rem;justify-content:space-between}.trend-tooltip-row+.trend-tooltip-row{margin-top:.2rem}.trend-tooltip-key{align-items:center;display:flex;gap:.35rem}.trend-tooltip-value{color:var(--color-text);font-weight:700}.agent-comparison-card,.heatmap-card{margin-top:1rem}.agent-comparison-list{display:flex;flex-direction:column;gap:.6rem}.agent-comparison-row{align-items:center;display:flex;gap:.75rem}.agent-comparison-label{color:var(--color-text);flex:0 0 8rem;font-size:.82rem;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.agent-comparison-bar-track{background-color:var(--color-border);border-radius:var(--radius-sm);display:flex;flex:1 1 auto;height:.9rem;overflow:hidden}.agent-comparison-bar-fill{height:100%}.agent-comparison-bar-fill.answered{background-color:var(--color-success)}.agent-comparison-bar-fill.missed{background-color:var(--color-danger)}.agent-comparison-value{font-feature-settings:"tnum";color:var(--color-text-muted);flex:0 0 8rem;font-size:.78rem;font-variant-numeric:tabular-nums}.heatmap-title{color:var(--color-text);font-size:.95rem;font-weight:700;margin:0}.heatmap-subtitle{color:var(--color-text-muted);font-size:.78rem;font-weight:600;margin:.2rem 0 0;min-height:1.1em}.heatmap-subtitle-hover{color:var(--color-text);font-weight:700}.heatmap-scale-legend{align-items:center;color:var(--color-text-muted);display:flex;font-size:.72rem;font-weight:600;gap:.4rem;white-space:nowrap}.heatmap-scale-chip{border:1px solid var(--color-border);border-radius:2px;height:.65rem;width:.65rem}.heatmap-wrap{position:relative;width:100%}.heatmap-svg{display:block;height:auto;width:100%}.heatmap-cell{stroke:var(--color-surface);stroke-width:2;cursor:pointer}.heatmap-cell-busiest{stroke:var(--color-primary);stroke-width:2}.heatmap-cell-hovered{stroke:var(--color-text);stroke-width:2}.heatmap-row-label{text-anchor:end}.ivr-popup{animation:ivr-popup-in .18s ease-out;background-color:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);bottom:1.5rem;box-shadow:0 12px 32px #0000003d;max-height:calc(100vh - 3rem);overflow-y:auto;position:fixed;right:1.5rem;width:min(360px,calc(100vw - 2rem));z-index:1000}@keyframes ivr-popup-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ivr-popup-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:.85rem 1rem}.ivr-popup-header-title{align-items:center;color:var(--color-text);display:flex;font-weight:700;gap:.4rem}.ivr-popup-body{padding:1rem}.ivr-popup-name{color:var(--color-text);font-size:1.05rem;font-weight:700}.ivr-popup-phone{color:var(--color-text-muted);font-size:.85rem;margin-bottom:.75rem}.ivr-popup-fields{grid-gap:.6rem 1rem;display:grid;gap:.6rem 1rem;grid-template-columns:1fr 1fr;margin:0 0 1rem}.ivr-popup-fields dt{color:var(--color-text-muted);font-size:.72rem;letter-spacing:.03em;text-transform:uppercase}.ivr-popup-fields dd{color:var(--color-text);font-size:.87rem;margin:.15rem 0 0}.ivr-popup-actions{display:flex;flex-wrap:wrap;gap:.5rem}.ivr-popup-btn{font-size:.78rem;padding:.45rem .75rem;text-decoration:none}.ivr-popup-inline-form{display:flex;flex-direction:column;gap:.4rem;width:100%}.ivr-popup-inline-form textarea{background-color:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text);font:inherit;padding:.5rem;resize:vertical}.ivr-popup-inline-actions{display:flex;gap:.5rem}.ivr-popup-action-done{color:#2e7d32;color:var(--color-success,#2e7d32);font-size:.8rem}.order-query-existing-list{background-color:var(--color-surface);background-color:var(--color-surface-muted,var(--color-surface));border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:.75rem}.order-query-existing-title{color:var(--color-text-muted);font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.order-query-existing-row{border-top:1px solid var(--color-border);padding:.5rem 0}.order-query-existing-row:first-of-type{border-top:none;padding-top:0}.order-query-existing-row-top{align-items:center;display:flex;gap:.5rem;margin-bottom:.25rem}.order-query-existing-meta{color:var(--color-text-muted);font-size:.76rem}.order-query-existing-text{color:var(--color-text);font-size:.85rem}.order-query-prompt{background-color:#f59e0b1f;background-color:var(--color-warning-subtle,#f59e0b1f);border:1px solid #f59e0b;border:1px solid var(--color-warning,#f59e0b);border-radius:var(--radius-sm);margin-bottom:1rem;padding:.75rem}.order-query-prompt .order-query-existing-row{border-top:none}.order-query-prompt p{color:var(--color-text);font-size:.88rem;margin:0 0 .5rem}.order-query-attachment-preview{align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);display:flex;font-size:.82rem;gap:.6rem;justify-content:space-between;margin:-.5rem 0 .75rem;padding:.4rem .6rem}.order-query-attachment-preview span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-query-attachment-preview-actions{flex-shrink:0}.order-query-attachment-link-row,.order-query-attachment-preview-actions{align-items:center;display:flex;gap:.4rem}.order-query-attachment-link-row input{flex:1 1}.international-order-bill-thumb{object-fit:cover}.international-order-bill-pdf,.international-order-bill-thumb{border:1px solid var(--color-border);border-radius:var(--radius-sm);height:40px;width:40px}.international-order-bill-pdf{align-items:center;color:var(--color-text-secondary);display:flex;justify-content:center}.international-order-product-picker{align-items:center;display:flex;gap:.4rem}.international-order-product-picker input[type=text]{flex:1 1;min-width:0}.international-order-product-qty{flex:none;width:64px}.international-order-product-suggestions{background-color:var(--color-surface);background-color:var(--color-surface-muted,var(--color-surface));border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:.15rem;margin-top:.35rem;max-height:200px;overflow-y:auto;padding:.35rem}.international-order-product-suggestion{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;justify-content:space-between;padding:.45rem .6rem;text-align:left}.international-order-product-suggestion:hover{background-color:var(--color-border);background-color:var(--color-surface-hover,var(--color-border))}.international-order-product-list{display:flex;flex-direction:column;gap:.35rem;margin-top:.5rem}.international-order-product-list-row{align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);display:flex;font-size:.85rem;gap:.5rem;justify-content:space-between;padding:.4rem .6rem}.order-query-detail-panel{max-width:600px}.order-query-detail-eyebrow{color:var(--color-text-muted);font-size:.72rem;font-weight:700;letter-spacing:.04em;margin:0 0 .15rem;text-transform:uppercase}.order-query-pin-btn{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-muted);cursor:pointer;display:inline-flex;flex-shrink:0;height:30px;justify-content:center;transition:border-color .15s ease,color .15s ease,background-color .15s ease;width:30px}.order-query-pin-btn:hover{border-color:var(--color-text-faint)}.order-query-pin-btn.active{background-color:var(--color-primary-subtle);border-color:var(--color-primary);color:var(--color-primary)}.order-query-pin-btn:disabled{cursor:default;opacity:.6}.order-query-detail-info{background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));margin-bottom:1.25rem;overflow:hidden}.order-query-detail-info>div{border-right:1px solid var(--color-border);padding:.7rem .9rem}.order-query-detail-info dt{color:var(--color-text-muted);font-size:.66rem;font-weight:700;letter-spacing:.04em;margin:0 0 .25rem;text-transform:uppercase}.order-query-detail-info dd{color:var(--color-text);font-size:.9rem;font-weight:700;margin:0}.order-query-detail-section-label{color:var(--color-text-muted);font-size:.7rem;font-weight:700;letter-spacing:.04em;margin:0 0 .4rem;text-transform:uppercase}.order-query-detail-quote{border-left:3px solid var(--color-primary);color:var(--color-text);font-size:.88rem;margin-bottom:.5rem;padding-left:.75rem}.order-query-detail-attachments{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1.25rem .75rem}.order-query-detail-message .order-query-detail-attachments{margin:.4rem 0 0}.order-query-detail-thread{background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.9rem;margin-bottom:1.1rem;max-height:260px;overflow-y:auto;padding:.9rem 1rem}.order-query-detail-message{display:flex;gap:.6rem}.order-query-detail-message-dot{background-color:var(--color-text-faint);border-radius:50%;flex-shrink:0;height:7px;margin-top:.4rem;width:7px}.order-query-detail-message-body{border-left:2px solid var(--color-border);flex:1 1;min-width:0;padding-left:.75rem}.order-query-detail-message-top{align-items:baseline;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.15rem}.order-query-detail-message-sender{color:var(--color-text);font-size:.85rem;font-weight:700}.order-query-detail-message-time{color:var(--color-text-muted);flex-shrink:0;font-size:.72rem;white-space:nowrap}.order-query-detail-message-text{color:var(--color-text-muted);font-size:.85rem}.order-query-detail-reply{align-items:center;display:flex;gap:.6rem;margin-top:.25rem}.order-query-detail-reply-input{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;color:var(--color-text);flex:1 1;font-size:.88rem;min-width:0;padding:.65rem 1rem}.order-query-detail-reply-input:focus{border-color:var(--color-primary);outline:none}.order-query-detail-send-btn{align-items:center;background-color:var(--color-text-faint);border:none;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;height:40px;justify-content:center;transition:background-color .15s ease;width:40px}.order-query-detail-send-btn:hover:not(:disabled){background-color:var(--color-primary)}.order-query-detail-send-btn:disabled{cursor:default;opacity:.5}.order-query-detail-actions{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:flex-end;margin-top:1rem}.order-query-detail-reject-textarea{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:inherit;font-size:.88rem;min-height:4.5rem;padding:.65rem 1rem;resize:vertical;width:100%}.order-query-detail-reject-textarea:focus{border-color:var(--color-primary);outline:none}*{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#f4f5f7;--color-surface:#fff;--color-surface-alt:#fafafb;--color-border:#e5e7eb;--color-border-strong:#d1d5db;--color-text:#111827;--color-text-muted:#6b7280;--color-text-faint:#9ca3af;--color-primary:#4338ca;--color-primary-hover:#3730a3;--color-primary-subtle:#eef2ff;--color-success:#047857;--color-success-subtle:#ecfdf5;--color-danger:#b91c1c;--color-danger-hover:#991b1b;--color-danger-subtle:#fef2f2;--color-warning:#b45309;--color-warning-subtle:#fffbeb;--color-critical:#9d174d;--color-critical-subtle:#fdf2f8;--sidebar-bg:#fff;--sidebar-bg-raised:#f4f5f7;--sidebar-border:#e5e7eb;--sidebar-text:#6b7280;--sidebar-text-active:#111827;--sidebar-accent:#4338ca;--sidebar-accent-subtle:#eef2ff;--sidebar-text-accent:#4338ca;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 2px #1118270f;--shadow-md:0 4px 12px #11182714;--sidebar-width:248px;--sidebar-width-collapsed:76px}[data-theme=dark]{--color-bg:#0a0a0a;--color-surface:#141414;--color-surface-alt:#1c1c1c;--color-border:#2a2a2a;--color-border-strong:#3a3a3a;--color-text:#e5e5e5;--color-text-muted:#9a9a9a;--color-text-faint:#6b6b6b;--color-primary:#818cf8;--color-primary-hover:#a5b4fc;--color-primary-subtle:#818cf829;--color-success:#34d399;--color-success-subtle:#34d39924;--color-danger:#f87171;--color-danger-hover:#fca5a5;--color-danger-subtle:#f8717124;--color-warning:#fbbf24;--color-warning-subtle:#fbbf2424;--color-critical:#f472b6;--color-critical-subtle:#f472b629;--sidebar-bg:#0f0f0f;--sidebar-bg-raised:#1c1c1c;--sidebar-border:#2a2a2a;--sidebar-text:#9a9a9a;--sidebar-text-active:#fff;--sidebar-accent:#818cf8;--sidebar-accent-subtle:#818cf82e;--sidebar-text-accent:#c7d2fe;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 4px 12px #00000073}html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f5f7;background-color:var(--color-bg);color:#111827;color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:background-color .2s ease,color .2s ease}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background-color:#d1d5db;background-color:var(--color-border-strong);border:2px solid #f4f5f7;border:2px solid var(--color-bg);border-radius:999px}button{font-family:inherit}
/*# sourceMappingURL=main.6be8e46b.css.map*/