.calls-table{width:100%;min-width:900px;margin:0;padding:0}@keyframes slideInAndHighlight{0%{opacity:0;transform:translateY(-10px);background-color:#e5e7eb}50%{opacity:1;transform:translateY(0);background-color:#e5e7eb}to{opacity:1;transform:translateY(0);background-color:transparent}}.newly-created-call{animation:slideInAndHighlight 2s ease-out}.calls-table .call-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(300px,2fr) 140px 140px;border-bottom:1px solid #E2E8F0;background-color:transparent;align-items:stretch}.calls-table .call-row:has(.call-actions),.calls-table .call-row:has(.call-actions-header){grid-template-columns:minmax(180px,1fr) minmax(300px,2fr) 140px 140px 80px}@supports not selector(:has(*)){.calls-table .call-row{grid-template-columns:minmax(180px,1fr) minmax(300px,2fr) 140px 140px 80px}}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes textPulse{0%,to{color:#9ca3af;transform:scale(1)}50%{color:#374151;transform:scale(1)}}.labels-row{display:contents}.call-channels-info{position:relative;transition:all .3s ease;max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.call-channels-info span{transition:all .3s ease;display:inline-block;max-width:100%;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}@media (max-width: 956px){#example-calls-card{background-color:transparent!important;box-shadow:none!important;border:none!important}.calls-table{min-width:100%}.calls-table .call-row.header{display:none}.calls-table .call-row{display:flex;flex-wrap:wrap;align-items:flex-start;padding:16px;margin-bottom:12px;border:1px solid #E2E8F0;border-radius:8px;background-color:#fff;box-shadow:0 1px 3px #0000001a;grid-template-columns:unset;gap:0;animation:fadeInSlide .3s ease-out}.calls-table .call-row .call-scenario{flex:1 1 auto;font-weight:600;font-size:16px;color:#2d3142;padding:0;margin:0 16px 12px 0;border-right:none;text-align:left;order:1}.calls-table .call-row:not(:has(.call-actions)) .call-scenario{text-align:center;font-size:18px;margin:0 0 16px;padding:8px 0;width:100%}.calls-table .call-row:not(:has(.call-actions)) .call-content{display:none}.calls-table .call-row:not(:has(.call-actions)) .call-priority,.calls-table .call-row:not(:has(.call-actions)) .call-channels-info{padding:8px 16px;font-size:.875rem}.calls-table .call-row:not(:has(.call-actions)) .labels-row{width:100%;justify-content:center}.calls-table .call-row:not(:has(.call-actions)){flex-direction:column;align-items:center}.calls-table .call-row .call-actions{flex:0 0 auto;padding:0;margin:0 0 12px;border:none;order:2}.calls-table .call-row .call-content{flex:1 1 100%;line-height:1.8;margin-bottom:12px;color:#2d3142;min-width:380px;padding:0;border-right:none;text-align:left;order:3}.calls-table .call-row .labels-row{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;order:4;width:100%;max-width:100%}.calls-table .call-row .call-priority{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:600;margin:0 6px 0 0;border-right:none;height:26px;order:4}.calls-table .call-row .call-channels-info{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;color:#1e40af;background-color:#eff6ff;border:1px solid #1E40AF;border-radius:4px;padding:4px 10px;margin:0 4px 0 0;height:26px;box-sizing:border-box;order:5}.calls-table .call-row .call-channels-info i{color:#1e40af;font-size:.7rem}}@media (max-width: 480px){.calls-table .call-row .call-content{min-width:100%}}@media (max-width: 640px){.calls-table .call-row .call-scenario,.calls-table .call-row .call-content{border-right:none}}.calls-table .call-row.header{background-color:#f7fafc;font-weight:500}.calls-table .call-row>*{padding:12px 16px;color:#2d3142;border-right:1px solid #E2E8F0;overflow-wrap:break-word;word-wrap:break-word;max-width:100%;box-sizing:border-box;min-width:0}.calls-table .call-row>*:last-child:not(.call-channels-info){border-right:none}.calls-table .call-row .call-scenario{font-weight:500;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;overflow:hidden;max-width:100%}.calls-table .call-row .call-content{line-height:1.8;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;overflow:hidden;max-width:100%}.calls-table .call-row .call-content span[style*=background-color]{color:#fff}.calls-table .call-row .call-content *{max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.calls-table .call-row .call-priority{text-align:center;font-weight:600;display:flex;align-items:center;justify-content:center;font-size:13px}.calls-table .call-row.header .call-priority{font-size:16px}.calls-table .call-row .call-channels-header{text-align:center;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;color:#4f5665}.calls-table .call-row .call-channels-info{text-align:center;font-size:13px;color:#4f5665;display:flex;align-items:center;justify-content:center;gap:6px}.calls-table .call-row .call-actions,.calls-table .call-row .call-actions-header{text-align:center;display:flex;align-items:center;justify-content:center}@media (min-width: 957px){.calls-table .call-row .call-actions,.calls-table .call-row .call-actions-header{border-left:1px solid #E2E8F0}}.calls-table .call-row .call-actions button{background:none;border:none;cursor:pointer}.call-priority.Critical{color:#dc2626;background-color:#dc26261a}.call-priority.High{color:#ea580c;background-color:#ea580c1a}.call-priority.Medium{color:#ca8a04;background-color:#ca8a041a}.call-priority.Low{color:#059669;background-color:#0596691a}.call-priority{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:600}.call-channels-info{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:600;color:#1e40af;background-color:#eff6ff;border:1px solid #1E40AF}.call-channels-info i{color:#1e40af;font-size:.7rem}@media (min-width: 957px){.calls-table .call-row .call-priority{border-radius:0;padding:4px 10px}.calls-table .call-row .call-channels-info{background-color:transparent;border:none}.calls-table .call-row .call-channels-info i{color:#4f5665;font-size:11px}.calls-table .call-row:not(:has(.call-actions)) .call-content .tag.italic,.calls-table .call-row:not(:has(.call-actions)) .call-content .italic.font-normal,.calls-table .call-row:not(:has(.call-actions)) .call-content span[style*=transparent]{display:block;margin:4px 0}.calls-table .call-row:not(:has(.call-actions))>*{padding:10px 14px}.calls-table .call-row:not(:has(.call-actions)) .call-scenario{line-height:1.3}.calls-table .call-row:not(:has(.call-actions)) .call-content{line-height:1.5}.calls-table .call-row:has(.call-actions) .call-content .tag.italic,.calls-table .call-row:has(.call-actions) .call-content .italic.font-normal,.calls-table .call-row:has(.call-actions) .call-content span[style*=transparent]{display:block;margin:4px 0}.calls-table .call-row:has(.call-actions)>*{padding:10px 14px}.calls-table .call-row:has(.call-actions) .call-scenario{line-height:1.3}.calls-table .call-row:has(.call-actions) .call-content{line-height:1.5}}@media (max-width: 956px){#callmodal-content .call-priority{border-radius:4px;font-size:.75rem}#callmodal-content .call-channels-info{color:#1e40af;background-color:#eff6ff;border:1px solid #1E40AF;border-radius:4px;font-size:.75rem}#callmodal-content .call-channels-info i{color:#1e40af}}@media (min-width: 957px){#callmodal-content .call-priority{border-radius:6px;padding:6px 16px;font-size:.875rem}#callmodal-content .call-channels-info{color:#1e40af;background-color:#eff6ff;border:1px solid #BFDBFE;border-radius:8px;padding:6px 16px;font-size:.875rem}#callmodal-content .call-channels-info i{color:#1d4ed8;font-size:.875rem}}#callmodal-content .tag.italic,#callmodal-content .italic.font-normal,#callmodal-content span[style*=transparent]{display:block;width:100%;padding:8px 12px;margin:16px 0;animation:textPulse 1.5s ease-in-out infinite;transform:scale(1);font-size:inherit;font-weight:inherit}
