body{margin:0;font-family:var(--body-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-color);transition:var(--theme-transition)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.agent-status-wrapper{margin-bottom:var(--space-lg);padding:var(--space-md)}.agent-status-wrapper .section-title{font-family:var(--title-font-family);font-weight:var(--title-font-weight)}.section-title-with-actions .section-title{margin:0;padding:0;border-bottom:none;font-size:1.3rem;font-weight:700}.agent-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.agent-card .agent-name{font-family:var(--title-font);font-weight:500}.agent-name{font-family:var(--title-font-family);font-weight:var(--title-font-weight);margin-bottom:8px;color:var(--text-color);transition:var(--theme-transition)}.agent-state{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:var(--text-secondary);transition:var(--theme-transition);min-height:24px}.state-label{display:flex;align-items:center;padding:4px 0;font-size:.85rem;background-color:transparent!important;color:var(--text-secondary);transition:var(--theme-transition);overflow:hidden;max-width:70%;text-overflow:ellipsis}.state-label,.state-duration{font-family:var(--body-font);font-size:.85rem}.state-indicator{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.state-duration{font-size:.85rem;color:var(--text-secondary);font-variant-numeric:tabular-nums;text-align:left;transition:var(--theme-transition)}.no-data,.loading{text-align:center;padding:30px;color:var(--text-secondary);background:var(--card-background);border-radius:var(--border-radius-lg);border:1px dashed var(--border-color);transition:var(--theme-transition)}.agent-table{width:100%;border-collapse:collapse;margin-top:15px;box-sizing:border-box;table-layout:fixed}.agent-table th:nth-child(1){width:25%}.agent-table th:nth-child(2),.agent-table th:nth-child(3),.agent-table th:nth-child(4),.agent-table th:nth-child(5){width:18.75%}.agent-table td{padding:12px 15px;border-bottom:1px solid var(--border-color);vertical-align:middle;box-sizing:border-box;transition:var(--theme-transition);line-height:1.5}.agent-state-cell .state-indicator{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;flex-shrink:0}.agent-table-row{height:1px}.agent-table-row td{vertical-align:middle}.agent-call-status-cell,.agent-call-direction-cell{color:var(--text-secondary);text-align:left;white-space:nowrap;height:100%;min-height:24px;vertical-align:middle}@media (max-width: 768px){.agent-table th,.agent-table td{padding:8px 10px}.view-toggle-button{padding:4px 8px;font-size:.8rem}.agent-table th,.agent-table td{padding:8px 6px;font-size:.9rem}.agent-call-status-cell,.agent-call-direction-cell{max-width:80px;overflow:hidden;text-overflow:ellipsis}}@media (max-width: 500px){.agent-table th,.agent-table td{padding:6px 4px;font-size:.9rem}.section-title-with-actions{flex-direction:column;align-items:flex-start}.section-title-with-actions .section-title{margin-bottom:10px}.agent-table th,.agent-table td{padding:6px 4px;font-size:.8rem}.agent-call-status-cell,.agent-call-direction-cell{max-width:60px}}.queue-metrics{margin-top:var(--space-lg);background:var(--hover-bg);border-radius:var(--border-radius-lg);padding:15px;box-shadow:var(--card-shadow);position:relative}.queue-metrics:hover{background-color:#e5e5e5}.queue-metrics.refreshing{opacity:.9}.refresh-indicator{font-size:.8rem;color:var(--text-secondary);font-weight:400;font-style:italic}.queue-metrics h2{margin-top:0;border-bottom:1px solid var(--border-color);padding-bottom:10px;color:var(--text-color);font-family:var(--title-font)}.queue-table{width:100%;border-collapse:collapse;border-spacing:0;margin-top:15px;font-size:14px;table-layout:fixed}.queue-table th{text-align:left;padding:10px 6px;border-bottom:2px solid var(--bamboo-dark-green);font-weight:var(--title-font-weight);color:var(--bamboo-dark-green);font-family:var(--title-font-family);transition:var(--theme-transition)}.queue-table td{padding:8px 6px;border-bottom:1px solid var(--border-color);color:var(--text-color);font-family:var(--body-font);transition:var(--theme-transition)}.queue-table th:first-child,.queue-table td:first-child{width:25%;max-width:300px}.queue-table th:not(:first-child),.queue-table td:not(:first-child){width:12.5%;text-align:center}.queue-table td:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-link{color:var(--link-color)!important;text-decoration:none;display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0;transition:color .2s}.queue-loading{text-align:center;padding:30px;font-style:italic;color:var(--text-secondary);transition:var(--theme-transition)}.no-queues{text-align:center;padding:30px;color:var(--text-secondary);background:var(--card-background);border-radius:var(--border-radius-lg);border:1px dashed var(--border-color);transition:var(--theme-transition)}.metric-handled{font-weight:400;color:var(--text-color)}.metric-abandoned{color:var(--highlight-color);font-weight:500}.metric-missed{color:var(--text-color)}.section-title{display:flex;justify-content:space-between;align-items:center;font-family:var(--title-font)}@media (max-width: 768px){.queue-table{font-size:13px;table-layout:auto}.queue-table th,.queue-table td{padding:6px 4px}.queue-table th:first-child,.queue-table td:first-child{width:auto;max-width:100px}.queue-table th:not(:first-child),.queue-table td:not(:first-child){width:auto;white-space:nowrap}}@media (max-width: 500px){.queue-table{font-size:12px}.queue-table th,.queue-table td{padding:5px 2px}.queue-table th:first-child,.queue-table td:first-child{max-width:75px}.wallboard-section{padding-left:5px;padding-right:5px}}.metric-header{position:relative;cursor:help}.metric-tooltip-interactive{position:fixed;background-color:var(--card-background);color:var(--text-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #00000026;font-family:var(--font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);font-size:.875rem;width:320px;max-width:90vw;opacity:0;transform:translate(-50%) translateY(-10px);transition:all .2s ease-out;z-index:999999;pointer-events:auto}.metric-tooltip-interactive .tooltip-header{padding:12px 16px 8px;border-bottom:1px solid var(--border-color)}.metric-tooltip-interactive .tooltip-header h4{margin:0;font-size:.95rem;font-weight:600;color:var(--bamboo-dark-green)}.metric-tooltip-interactive .tooltip-content{padding:12px 16px}.metric-tooltip-interactive .tooltip-content p{margin:0 0 12px;line-height:1.5;color:var(--text-secondary)}.metric-tooltip-interactive .aws-docs-link{display:inline-flex;align-items:center;gap:6px;color:var(--bamboo-dark-green);text-decoration:none;font-size:.8rem;font-weight:500;padding:6px 10px;border:1px solid var(--bamboo-dark-green);border-radius:4px;transition:all .2s ease;background-color:transparent}.metric-tooltip-interactive .aws-docs-link:hover{background-color:var(--bamboo-dark-green);color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.metric-tooltip-interactive .link-icon{font-size:.75rem}.metric-tooltip-interactive .external-icon{font-size:.7rem;opacity:.7}html[data-theme=dark] .metric-tooltip-interactive{background-color:var(--card-background);color:var(--text-color);border-color:var(--border-color);box-shadow:0 8px 24px #0006}html[data-theme=dark] .metric-tooltip-interactive .tooltip-header{border-bottom-color:var(--border-color)}html[data-theme=dark] .metric-tooltip-interactive .tooltip-header h4{color:var(--bamboo-light-green)}html[data-theme=dark] .metric-tooltip-interactive .aws-docs-link{color:var(--bamboo-light-green);border-color:var(--bamboo-light-green)}html[data-theme=dark] .metric-tooltip-interactive .aws-docs-link:hover{background-color:var(--bamboo-light-green);color:var(--card-background)}.chat-table{width:100%;border-collapse:collapse;border-spacing:0;margin-top:var(--space-md);font-size:14px;table-layout:fixed}.chat-table th{text-align:left;padding:10px 6px;border-bottom:2px solid var(--bamboo-dark-green);font-weight:var(--title-font-weight);color:var(--bamboo-dark-green);font-family:var(--title-font-family);transition:var(--theme-transition)}.chat-table td{padding:8px 6px;border-bottom:1px solid var(--border-color);color:var(--text-color);font-family:var(--body-font);transition:var(--theme-transition)}.chat-table th:first-child,.chat-table td:first-child{width:50%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.chat-table th:not(:first-child),.chat-table td:not(:first-child){width:25%;text-align:center}.chat-table tbody tr:hover{background-color:var(--hover-bg)}html[data-theme=dark] .chat-table th{color:var(--text-color);border-bottom-color:var(--text-color)}.chat-table td.highlight{color:var(--highlight-color);font-weight:700}.chat-loading,.no-chats{text-align:center;padding:30px;color:var(--text-secondary);background:var(--card-background);border-radius:var(--border-radius-lg);border:1px dashed var(--border-color);transition:var(--theme-transition)}@media (max-width: 768px){.chat-table{font-size:13px}.chat-table th,.chat-table td{padding:6px 4px}}@media (max-width: 500px){.chat-table{font-size:12px}.chat-table th,.chat-table td{padding:5px 2px}}.wallboard{display:flex;flex-direction:column;width:100%;max-width:1200px;margin:0 auto;padding:var(--space-md)}.wallboard-section{margin-bottom:var(--space-xl);padding:var(--space-md);border-radius:var(--border-radius-sm);background-color:var(--card-background);box-shadow:var(--card-shadow)}.wallboard-header{margin-bottom:var(--space-md);padding-bottom:.5rem;border-bottom:1px solid var(--border-color);font-size:1.2rem;font-weight:var(--title-font-weight);font-family:var(--title-font-family);color:var(--text-color)}.wallboard-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.wallboard-column{display:flex;flex-direction:column}.agent-status{display:flex;align-items:center;padding:.5rem;margin-bottom:.5rem;border-radius:var(--border-radius-sm)}.agent-status.Available{background-color:#65a12d1a}.agent-status.Offline{background-color:#6d6e711a}.agent-status.Busy,.agent-status.OnCall{background-color:#f6a6231a}.agent-status.Break,.agent-status.Lunch{background-color:#00a5b51a}.queue-metrics{width:100%}.queue-metrics-table{width:100%;border-collapse:collapse}.queue-metrics-table th,.queue-metrics-table td{padding:.5rem;text-align:left;border-bottom:1px solid var(--border-color)}.queue-metrics-table th{font-weight:700;font-family:var(--title-font);color:var(--bamboo-dark-green)}.single-queue-agents{margin-bottom:var(--space-lg)}.action-buttons{display:flex;gap:10px;align-items:center}.view-toggle-button,.color-mode-toggle-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:var(--card-background);color:var(--bamboo-dark-green);border:none;border-radius:50%;padding:0;cursor:pointer;transition:var(--hover-transition)}.view-toggle-button:hover,.color-mode-toggle-button:hover{background-color:var(--hover-bg);color:var(--bamboo-dark-green)}html[data-theme=dark] .view-toggle-button,html[data-theme=dark] .color-mode-toggle-button{color:var(--text-color)}html[data-theme=dark] .view-toggle-button:hover,html[data-theme=dark] .color-mode-toggle-button:hover{background-color:var(--hover-bg);color:var(--text-color)}.view-toggle-button svg,.color-mode-toggle-button svg{display:block}.state-label{display:flex;align-items:center;padding:4px 0;font-size:.85rem;background-color:transparent!important;color:var(--text-secondary);font-family:var(--body-font);transition:var(--theme-transition)}.agent-call-info{display:flex;font-size:.85rem;color:var(--text-secondary);margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px dashed var(--border-color);transition:var(--theme-transition)}.agent-table{width:100%;border-collapse:collapse;margin-top:var(--space-md)}.loading,.no-agents{padding:var(--space-lg);text-align:center;color:var(--text-secondary);font-style:italic}@media (max-width: 768px){.agent-list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.agent-table th,.agent-table td{padding:8px 6px;font-size:.9rem}.agent-call-status-cell,.agent-call-direction-cell{max-width:80px;overflow:hidden;text-overflow:ellipsis}.section-title-with-actions .section-title{font-size:1.1rem}}@media (max-width: 500px){.agent-list{grid-template-columns:1fr}.agent-table th,.agent-table td{padding:6px 4px;font-size:.8rem}.agent-call-status-cell,.agent-call-direction-cell{max-width:60px}.section-title-with-actions{flex-direction:column;align-items:flex-start}.section-title-with-actions .section-title{margin-bottom:var(--space-sm);font-size:1rem}}.single-queue-metrics{margin-bottom:var(--space-lg)}.single-queue-metrics .section-title{font-family:var(--title-font);font-weight:700;margin-bottom:var(--space-md)}.queue-metrics-table th,.queue-metrics-table td{padding:8px 5px;text-align:center;white-space:nowrap}.loading{padding:20px;text-align:center;color:var(--text-secondary);font-style:italic}@media (max-width: 768px){.queue-metrics-table{table-layout:auto;font-size:13px}.queue-metrics-table th,.queue-metrics-table td{padding:6px 3px}}@media (max-width: 500px){.queue-metrics-table{table-layout:auto;font-size:11px}.queue-metrics-table th,.queue-metrics-table td{padding:4px 2px}.queue-metrics-table th:nth-child(2){max-width:60px}.queue-metrics-table th:nth-child(3){max-width:60px}}.single-queue-chat-metrics{margin-bottom:var(--space-lg)}.single-queue-chat-metrics .section-title{font-family:var(--title-font);font-weight:700;margin-bottom:var(--space-md)}.chat-metrics-container{width:100%}.chat-metrics-table{width:100%;border-collapse:collapse;margin-top:10px;font-size:14px;table-layout:fixed}.chat-metrics-table th,.chat-metrics-table td{padding:8px 5px;text-align:center;white-space:nowrap}.chat-metrics-table th{font-family:var(--title-font);border-bottom:2px solid var(--bamboo-dark-green);color:var(--bamboo-dark-green);font-weight:700;white-space:normal;line-height:1.2}.chat-metrics-table td{font-family:var(--body-font);border-bottom:1px solid var(--border-color);color:var(--text-color)}.chat-metrics-table td.highlight{color:var(--highlight-color);font-weight:700}.chat-metrics-table tr:hover{background-color:transparent}.loading,.no-chats{padding:20px;text-align:center;color:var(--text-secondary);font-style:italic}@media (max-width: 768px){.chat-metrics-table{table-layout:auto;font-size:13px}.chat-metrics-table th,.chat-metrics-table td{padding:6px 3px}}@media (max-width: 500px){.chat-metrics-table{table-layout:auto;font-size:11px}.chat-metrics-table th,.chat-metrics-table td{padding:4px 2px}}.queue-details-page{padding:var(--space-lg);max-width:1200px;margin:0 auto}.queue-details-header{display:flex;align-items:center;justify-content:flex-start;margin-bottom:var(--space-lg);position:relative;min-height:48px}.queue-details-header h1{font-family:var(--title-font);font-weight:700;margin:0;font-size:24px;flex:1;text-align:center;position:absolute;width:100%;left:0;padding:0 170px;box-sizing:border-box;top:50%;transform:translateY(-50%);line-height:1.2;color:var(--text-color);transition:var(--theme-transition)}.queue-details-page .back-button{display:inline-flex;align-items:center;background-color:var(--card-background);color:var(--bamboo-dark-green);padding:.5rem 1rem;margin-right:15px;margin-bottom:0;text-decoration:none;border-radius:var(--border-radius-lg);z-index:1;position:relative;box-shadow:var(--card-shadow);border:none!important;transition:var(--theme-transition);line-height:1.2}.queue-details-page .back-button:hover{background-color:var(--hover-bg);text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 10px var(--bamboo-shadow);border:none!important}.queue-details-page .back-button:active{transform:translateY(0);box-shadow:0 1px 4px var(--bamboo-shadow)}.queue-metrics-table{width:100%;border-collapse:collapse;margin-top:10px;font-size:14px;table-layout:fixed}.queue-metrics-table th,.queue-metrics-table td{padding:8px 5px;text-align:center;white-space:nowrap;width:16.66%}.queue-metrics-table th{font-family:var(--title-font);border-bottom:2px solid var(--bamboo-dark-green);color:var(--bamboo-dark-green);font-weight:700;white-space:normal;line-height:1.2}.queue-metrics-table td{font-family:var(--body-font);border-bottom:1px solid var(--border-color);color:var(--text-color)}.queue-metrics-table tr:hover{background-color:transparent}.highlight{color:var(--highlight-color);font-weight:700}.loading,.no-agents{padding:20px;text-align:center;color:var(--text-secondary);font-style:italic}.agent-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.agent-card{display:flex;flex-direction:column;padding:.8rem 1rem;border-radius:var(--border-radius-md);background:var(--card-background);box-shadow:none;border:1px solid var(--agent-card-border);transition:var(--theme-transition)}.agent-card:hover{background-color:var(--card-background)}.agent-name{font-family:var(--title-font);font-weight:500;margin-bottom:8px;color:var(--text-color);transition:var(--theme-transition)}.agent-state{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:var(--text-secondary);transition:var(--theme-transition)}.state-label{display:flex;align-items:center;padding:4px 0;border-radius:0;font-size:.85rem;background-color:transparent!important;color:var(--text-secondary);font-family:var(--body-font);transition:var(--theme-transition)}.state-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.state-duration{font-variant-numeric:tabular-nums;color:var(--text-secondary);text-align:left;transition:var(--theme-transition)}.wallboard-section h2{font-family:var(--title-font);font-weight:700}.table-responsive-container{overflow-x:visible;width:100%}.section-title-with-actions{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;margin-top:0;margin-bottom:var(--space-lg);font-family:var(--title-font);border-bottom:none;transition:var(--theme-transition)}.section-title-with-actions .section-title{margin:0;padding:0;border-bottom:none;font-size:1.3rem;font-weight:700;text-decoration:none}.view-toggle-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:var(--card-background);color:var(--bamboo-dark-green);border:none;border-radius:50%;padding:0;cursor:pointer;transition:var(--hover-transition)}.view-toggle-button:hover{background-color:var(--hover-bg);color:var(--bamboo-dark-green)}html[data-theme=dark] .view-toggle-button{color:var(--text-color)}html[data-theme=dark] .view-toggle-button:hover{background-color:var(--hover-bg);color:var(--text-color)}.view-toggle-button svg{display:block}.agent-table{width:100%;border-collapse:collapse;margin-top:15px}.agent-table th{text-align:left;padding:12px 15px;border-bottom:2px solid var(--bamboo-dark-green);font-family:var(--title-font);font-weight:700;color:var(--bamboo-dark-green);transition:var(--theme-transition)}.agent-table td{padding:12px 15px;border-bottom:1px solid var(--border-color);vertical-align:middle;transition:var(--theme-transition)}.agent-name-cell,.agent-state-cell{font-weight:500;color:var(--text-color)}.agent-duration-cell{font-variant-numeric:tabular-nums;color:var(--text-secondary);text-align:left;white-space:nowrap;font-family:monospace}.agent-call-status-cell,.agent-call-direction-cell{color:var(--text-secondary);text-align:left;white-space:nowrap}html[data-theme=dark] .agent-table th{color:var(--text-color);border-bottom-color:var(--text-color)}.agent-table .state-indicator{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}.agent-table th:last-child{text-align:left}.agent-call-info{display:flex;font-size:.85rem;color:var(--text-secondary);margin-top:8px;padding-top:8px;border-top:1px dashed var(--border-color);transition:var(--theme-transition)}.call-status,.call-direction{color:var(--text-secondary)}.call-status{display:inline-block;color:var(--text-secondary);font-variant-numeric:tabular-nums;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-weight:500}@media (max-width: 768px){.queue-details-page{padding:10px}.queue-details-header h1{font-size:18px;padding:0 120px}.back-button{padding:8px 12px;font-size:13px}.queue-metrics-table{font-size:13px;table-layout:auto}.queue-metrics-table th,.queue-metrics-table td{padding:6px 3px}.agent-table th,.agent-table td{padding:8px 6px;font-size:.9rem}.agent-call-status-cell,.agent-call-direction-cell{max-width:80px;overflow:hidden;text-overflow:ellipsis}.view-toggle-button{padding:4px 8px;font-size:.8rem}}@media (max-width: 500px){.queue-details-header{flex-direction:column;align-items:flex-start}.queue-details-header h1{position:static;width:100%;padding:10px 0;text-align:left;font-size:16px}.queue-metrics-table{table-layout:auto;font-size:11px}.queue-metrics-table th,.queue-metrics-table td{padding:4px 2px}.queue-metrics-table th:nth-child(2),.queue-metrics-table th:nth-child(3){max-width:60px}.agent-list{grid-template-columns:1fr}.wallboard-section{padding-left:5px;padding-right:5px}.agent-table th,.agent-table td{padding:6px 4px;font-size:.8rem}.agent-call-status-cell,.agent-call-direction-cell{max-width:60px}.section-title-with-actions{flex-direction:column;align-items:flex-start}.section-title-with-actions .section-title{margin-bottom:10px}}.notification-settings{position:relative;display:inline-block;margin-right:10px}.notification-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:var(--space-sm);cursor:pointer;margin-left:auto;color:var(--text-secondary);border-radius:50%;width:36px;height:36px;transition:var(--hover-transition),width .3s ease,height .3s ease,padding .3s ease}.notification-toggle svg{transition:transform .3s ease}.notification-toggle:hover{background-color:var(--hover-bg)}.notification-toggle:focus{outline:none;box-shadow:0 0 0 2px var(--border-color)}html[data-theme=dark] .notification-toggle{color:var(--text-color)}html[data-theme=dark] .notification-toggle:hover{background-color:var(--hover-bg)}html[data-theme=dark] .notification-toggle:focus{box-shadow:0 0 0 2px #ffffff4d}.notification-dropdown{position:absolute;top:100%;right:0;width:280px;background-color:var(--card-background);border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow);z-index:100;padding:var(--space-md);margin-top:10px;color:var(--text-color);border:1px solid var(--border-color);transition:var(--theme-transition),opacity .15s ease,transform .15s ease;opacity:1;transform:translateY(0);animation:fadeIn .15s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-dropdown.fade-out{opacity:0;transform:translateY(-10px);pointer-events:none}.notification-header{border-bottom:1px solid var(--border-color);padding-bottom:12px;margin-bottom:12px}.notification-header h3{margin:0 0 12px;font-family:var(--title-font);font-size:1rem;color:var(--text-color)}.notification-master-toggle{display:flex;align-items:center}.notification-master-toggle span{margin-left:10px;font-size:.9rem}.notification-section{margin-bottom:var(--space-md)}.notification-section h4{margin:0 0 10px;font-family:var(--title-font);font-size:.9rem;color:var(--text-color)}.notification-option{display:flex;align-items:center;margin-bottom:var(--space-sm)}.notification-level{margin-left:10px;font-size:.85rem}.notification-level.critical{color:var(--alert-critical)}.notification-level.alert{color:var(--alert-notice)}.notification-level.warning{color:var(--alert-warning)}html[data-theme=dark] .notification-level.critical{color:var(--alert-critical-dark)}html[data-theme=dark] .notification-level.alert{color:var(--alert-notice-dark)}html[data-theme=dark] .notification-level.warning{color:var(--alert-warning-dark)}.toggle-switch{position:relative;display:inline-block;width:36px;height:20px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--toggle-bg);border-radius:34px;transition:.4s}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:var(--toggle-circle);border-radius:50%;transition:.4s}input:checked+.toggle-slider{background-color:var(--bamboo-dark-green)}input:focus+.toggle-slider{box-shadow:0 0 1px var(--bamboo-dark-green)}input:checked+.toggle-slider:before{transform:translate(16px)}input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.notification-dropdown{width:260px;right:-10px}}@media (max-width: 500px){.notification-dropdown{width:240px}.notification-header h3{font-size:.9rem}}.app-footer{border-top:1px solid var(--header-footer-border);padding:10px 20px;font-size:.75rem;color:var(--text-secondary);margin-top:auto;transition:var(--theme-transition);background-color:var(--card-background);position:fixed;bottom:0;left:0;right:0;width:100%;z-index:1000;box-shadow:var(--footer-shadow);min-height:var(--footer-height-small);display:flex;align-items:center}.footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1600px;margin:0 auto;width:100%}.faq-link{color:var(--bamboo-dark-green);text-decoration:none;transition:var(--hover-transition)}.faq-link:hover{color:var(--link-hover);text-decoration:underline}html[data-theme=dark] .faq-link{color:var(--text-color)}.timestamps{display:flex;gap:12px;font-family:monospace;font-size:.75rem}.data-update-container{position:relative;display:inline-block}.data-update-button{background:none;border:none;color:var(--text-secondary);font-family:monospace;font-size:.75rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:var(--hover-transition)}.data-update-button:hover{background-color:var(--hover-background);color:var(--text-color)}.update-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;background-color:var(--card-background);border:1px solid var(--border-color);border-radius:6px;padding:8px;box-shadow:0 4px 12px #00000026;z-index:1001;width:max-content;max-width:300px;white-space:nowrap;font-size:.7rem}.tooltip-content{display:flex;flex-direction:column;gap:4px}.tooltip-item{display:flex;justify-content:space-between;align-items:center;padding:2px 0}.data-type{font-weight:500;color:var(--text-color)}.tooltip-item .timestamp{color:var(--text-secondary);font-size:.65rem}.divider{color:var(--border-color)}@media (max-width: 768px){.footer-content{flex-direction:column;gap:4px}.timestamps{justify-content:center;gap:6px}}@media (max-width: 500px){.app-footer{padding:4px 10px}.timestamps{flex-direction:column;gap:1px;font-size:.65rem}.divider{display:none}}:root{--bamboo-green: #65A12D;--bamboo-dark-green: #2e7918;--bamboo-teal: #00A5B5;--bamboo-light-teal: #E0F4F6;--bamboo-navy: #184B5E;--bamboo-light-gray: #F9F9F9;--bamboo-gray: #E1E1E1;--bamboo-dark-gray: #6D6E71;--bamboo-text: #34454E;--bamboo-white: #FFFFFF;--bamboo-shadow: rgba(0, 0, 0, .1);--bamboo-light-green: #EAF5E0;--status-available: var(--bamboo-green);--status-busy: var(--bamboo-dark-green);--status-on-call: #F6A623;--status-offline: var(--bamboo-dark-gray);--highlight-color: #D0021B;--link-color: #3498db;--link-hover: #2980b9;--alert-critical: #D70000;--alert-warning: #EAB308;--alert-notice: #E67E22;--alert-critical-dark: #FF5252;--alert-warning-dark: #FFE082;--alert-notice-dark: #FFA726;--title-font-family: "Lato", sans-serif;--title-font-weight: 700;--body-font-family: "Lato", sans-serif;--body-font-weight: 400;--title-font: var(--title-font-weight) var(--title-font-family);--body-font: var(--body-font-weight) var(--body-font-family);--background-color: #F4F6F9;--card-background: var(--bamboo-white);--border-color: var(--bamboo-gray);--text-color: var(--bamboo-text);--text-secondary: var(--bamboo-dark-gray);--header-footer-bg: transparent;--header-footer-border: rgba(0, 0, 0, .05);--card-shadow: 0 2px 8px var(--bamboo-shadow);--toggle-bg: #e2e2e2;--toggle-circle: #fff;--table-border: var(--bamboo-gray);--button-primary-bg: var(--bamboo-dark-green);--button-primary-text: white;--hover-bg: #f7f7f7;--agent-card-border: rgba(101, 161, 45, .3);--header-shadow: 0 2px 4px rgba(0, 0, 0, .05);--footer-shadow: 0 -2px 4px rgba(0, 0, 0, .03);--button-shadow: 0 2px 4px rgba(0, 0, 0, .1);--button-shadow-hover: 0 4px 10px rgba(0, 0, 0, .1);--back-button-shadow: 0 4px 10px var(--bamboo-shadow);--header-height: 60px;--header-height-small: 30px;--footer-height: 40px;--footer-height-small: 25px;--header-footer-transition: height .3s ease, padding .3s ease, font-size .3s ease;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--theme-transition: background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease;--hover-transition: all .2s ease;--header-shrink-transition: height .3s ease, padding .3s ease, font-size .3s ease, box-shadow .3s ease;--breakpoint-sm: 500px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px}html[data-theme=dark]{--background-color: #222222;--card-background: #303030;--border-color: #505050;--text-color: #ffffff;--text-secondary: #e0e0e0;--header-footer-bg: #303030;--header-footer-border: #505050;--highlight-color: #FF6B6B;--card-shadow: 0 4px 12px rgba(0, 0, 0, .25);--header-shadow: 0 2px 6px rgba(0, 0, 0, .2);--header-shadow-small: 0 1px 2px rgba(0, 0, 0, .1);--footer-shadow: 0 -2px 6px rgba(0, 0, 0, .2);--footer-shadow-small: 0 -1px 2px rgba(0, 0, 0, .1);--toggle-bg: #666666;--toggle-circle: #303030;--table-border: #505050;--button-primary-bg: #3D8540;--button-primary-text: #ffffff;--hover-bg: #404040;--agent-card-border: rgba(255, 255, 255, .2)}*{box-sizing:border-box;font-family:var(--body-font)}body{margin:0;padding:0;color:var(--text-color);background-color:var(--background-color);transition:var(--theme-transition);min-height:100vh}html[data-theme=dark] .wallboard-section{box-shadow:var(--card-shadow)}html[data-theme=dark] .agent-card{border-color:var(--agent-card-border)}html[data-theme=dark] .back-button{box-shadow:var(--header-shadow)}html[data-theme=dark] .no-data,html[data-theme=dark] .loading,html[data-theme=dark] .queue-loading,html[data-theme=dark] .no-queues,html[data-theme=dark] .no-agents{background-color:var(--card-background);color:var(--text-secondary)}html[data-theme=dark] .state-label,html[data-theme=dark] .state-duration,html[data-theme=dark] .agent-state{color:var(--text-secondary)}html[data-theme=dark] .agent-name{color:var(--text-color)}.App{display:flex;flex-direction:column;min-height:100vh;background-color:var(--background-color);color:var(--text-color);transition:var(--theme-transition)}.App-main{flex:1;padding:var(--space-lg);max-width:1600px;margin:0 auto;width:100%;padding-top:calc(var(--header-height) + var(--space-xl));padding-bottom:calc(var(--space-lg) + var(--footer-height));transition:padding .3s ease}.App-header{background-color:var(--card-background);padding:.75rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--header-footer-border);transition:var(--theme-transition),padding .3s ease,height .3s ease;position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;box-shadow:var(--header-shadow);height:var(--header-height)}.App-header.shrink{padding:.5rem 1.5rem;height:var(--header-height-small);box-shadow:var(--header-shadow-small)}.App-title{flex:1;transition:transform .3s ease}.App-header.shrink .App-title{transform:scale(.9);transform-origin:left center}.App-controls{display:flex;align-items:center;gap:8px}.App-header h1{margin:0;font-size:1.2rem;font-weight:500;color:var(--text-secondary);transition:var(--theme-transition),font-size .3s ease}.App-header.shrink h1{font-size:1rem}.App-logo{height:30px;margin-right:10px;transition:height .3s ease}.App-header.shrink .App-logo{height:24px}.App-nav{display:flex;align-items:center}.App-nav a{color:var(--bamboo-dark-gray);font-size:.9rem;margin-left:1.5rem;text-decoration:none;transition:opacity .2s}.App-nav a:hover{opacity:.7;text-decoration:none}.theme-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:8px;cursor:pointer;margin-left:auto;color:var(--text-secondary);border-radius:50%;width:36px;height:36px;transition:background-color .2s ease,width .3s ease,height .3s ease,padding .3s ease}.App-header.shrink .theme-toggle,.App-header.shrink .notification-settings-button{width:28px;height:28px;padding:5px}.App-header.shrink .theme-toggle svg,.App-header.shrink .notification-settings-button svg{transform:scale(.85)}.theme-toggle:hover{background-color:var(--hover-bg)}.theme-toggle:focus{outline:none;box-shadow:0 0 0 2px var(--border-color)}html[data-theme=dark] .theme-toggle{color:var(--text-color)}html[data-theme=dark] .theme-toggle:hover{background-color:var(--hover-bg)}html[data-theme=dark] .theme-toggle:focus{box-shadow:0 0 0 2px #ffffff4d}.notification-settings-button{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:8px;cursor:pointer;color:var(--text-secondary);border-radius:50%;width:36px;height:36px;transition:background-color .2s ease,width .3s ease,height .3s ease,padding .3s ease}.notification-settings-button:hover{background-color:var(--hover-bg)}.notification-settings-button:focus{outline:none;box-shadow:0 0 0 2px var(--border-color)}.App-content{flex:1;padding:var(--space-lg);max-width:1400px;margin:0 auto;width:100%;padding-top:calc(var(--header-height) + var(--space-xl));padding-bottom:calc(var(--space-lg) + var(--footer-height));transition:var(--theme-transition),padding .3s ease}.wallboard-section{background:var(--card-background);border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow);margin-bottom:var(--space-xl);padding:1.25rem 1rem;transition:var(--theme-transition);overflow:hidden}.section-title{font-family:var(--title-font);color:var(--bamboo-dark-green);margin-top:0;margin-bottom:var(--space-lg);font-size:1.3rem;font-weight:700;padding-bottom:.75rem;border-bottom:none;transition:var(--theme-transition)}html[data-theme=dark] .section-title{color:var(--text-color);border-bottom:none}table{width:100%;border-collapse:collapse;transition:var(--theme-transition);table-layout:auto}th{text-align:left;font-weight:600;padding:.7rem .4rem;border-bottom:2px solid var(--bamboo-dark-green);color:var(--bamboo-dark-green);transition:var(--theme-transition)}td{padding:.7rem .4rem;border-bottom:1px solid var(--border-color);color:var(--text-color);transition:var(--theme-transition)}tr:hover{background-color:transparent}.queue-row{cursor:pointer;transition:var(--theme-transition)}.queue-row:hover{background-color:var(--hover-bg)}.agent-status{display:flex;align-items:center;padding:var(--space-md);margin-bottom:.75rem;border-radius:var(--border-radius-md);background:var(--card-background);border-left:4px solid var(--border-color)}.agent-status.Available{border-left-color:var(--status-available)}.agent-status.Busy,.agent-status.AfterCallWork{border-left-color:var(--status-busy)}.agent-status.OnCall{border-left-color:var(--status-on-call)}.agent-status.Offline{border-left-color:var(--status-offline);background-color:var(--bamboo-light-gray)}.agent-name{font-weight:500;flex:1}.agent-state{display:flex;align-items:center}.state-label{padding:var(--space-xs) 0;border-radius:0;font-size:.85rem;background-color:transparent!important;margin-right:var(--space-sm)}button,.button{background-color:var(--button-primary-bg);color:var(--button-primary-text);border:none;border-radius:var(--border-radius-sm);padding:.6rem 1.2rem;font-weight:500;cursor:pointer;transition:var(--theme-transition)}button:hover,.button:hover{background-color:#3a8a1e}.back-button{display:inline-flex;align-items:center;background-color:var(--card-background);color:var(--bamboo-dark-green);border:none;padding:.5rem 1rem;margin-bottom:var(--space-lg);text-decoration:none;border-radius:var(--border-radius-sm);box-shadow:var(--card-shadow);transition:var(--theme-transition)}.back-button:hover{background-color:var(--hover-bg);text-decoration:none}a{color:var(--bamboo-dark-green);text-decoration:none}a:hover{text-decoration:underline}.App-footer{padding:.75rem;color:var(--text-secondary);font-size:.75rem;text-align:center;border-top:1px solid var(--header-footer-border);background-color:var(--card-background);transition:var(--theme-transition);position:fixed;bottom:0;left:0;right:0;width:100%;z-index:1000;box-shadow:var(--footer-shadow);height:var(--footer-height)}.highlight{font-weight:700;color:var(--highlight-color);transition:var(--theme-transition)}@media (max-width: 768px){.App-main{padding:var(--space-md);padding-top:calc(var(--header-height) + var(--space-lg));padding-bottom:calc(var(--space-md) + var(--footer-height))}.App-header,.App-header.shrink{padding:.4rem 1rem}.wallboard-section{padding:var(--space-md) .75rem}th,td{padding:.5rem .3rem;font-size:.95rem}.section-title{font-size:1.1rem;margin-bottom:var(--space-md)}.App-content{padding:var(--space-md);padding-top:calc(var(--header-height) + var(--space-lg));padding-bottom:calc(var(--space-md) + var(--footer-height))}}@media (max-width: 500px){.App-header{padding:.5rem var(--space-md)}.App-header.shrink{padding:.3rem var(--space-md)}.App-main{padding:.5rem;padding-top:calc(var(--header-height) + 1rem);padding-bottom:calc(.5rem + var(--footer-height))}.wallboard-section{padding:.75rem .5rem;margin-bottom:var(--space-md)}th,td{padding:.4rem .2rem;font-size:.9rem}.section-title{font-size:1rem;margin-bottom:.75rem}.App-content{padding:.5rem;padding-top:calc(var(--header-height) + 1rem);padding-bottom:calc(.5rem + var(--footer-height))}}h1,h2,h3,h4,h5,h6,.section-title{font-family:var(--title-font-family);font-weight:var(--title-font-weight)}html[data-theme=dark] th{border-bottom:2px solid var(--text-color);color:var(--text-color)}html[data-theme=dark] a,html[data-theme=dark] .back-button{color:var(--text-color)}html[data-theme=dark] .queue-metrics-table th{border-bottom:2px solid var(--text-color);color:var(--text-color)}.queue-link{color:var(--link-color)!important;text-decoration:none;transition:color .2s}.queue-link:hover{color:var(--link-hover)!important;text-decoration:underline}html[data-theme=dark] .queue-link{color:var(--link-color)!important}html[data-theme=dark] .queue-link:hover{color:var(--link-hover)!important}.table-responsive-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative}.threshold-warning{background:linear-gradient(to right,var(--alert-warning) 0%,var(--alert-warning) 4px,rgba(255,235,59,.15) 4px,rgba(255,235,59,.15) 100%);color:#000;font-weight:500}.threshold-alert{background:linear-gradient(to right,var(--alert-notice) 0%,var(--alert-notice) 4px,rgba(255,152,0,.15) 4px,rgba(255,152,0,.15) 100%);color:#000;font-weight:500}.threshold-critical{background:linear-gradient(to right,var(--alert-critical) 0%,var(--alert-critical) 4px,rgba(244,67,54,.15) 4px,rgba(244,67,54,.15) 100%);color:#000;font-weight:500}html[data-theme=dark] .threshold-warning{background:linear-gradient(to right,var(--alert-warning) 0%,var(--alert-warning) 4px,rgba(255,235,59,.2) 4px,rgba(255,235,59,.2) 100%);color:#fff}html[data-theme=dark] .threshold-alert{background:linear-gradient(to right,var(--alert-notice) 0%,var(--alert-notice) 4px,rgba(255,152,0,.2) 4px,rgba(255,152,0,.2) 100%);color:#fff}html[data-theme=dark] .threshold-critical{background:linear-gradient(to right,var(--alert-critical) 0%,var(--alert-critical) 4px,rgba(244,67,54,.2) 4px,rgba(244,67,54,.2) 100%);color:#fff}