.phone-integration-notification-panel{border-radius:12px;box-shadow:0 4px 20px #00000026;padding:20px;position:relative;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.phone-integration-notification-panel .phone-integration-close-btn{position:absolute;top:10px;right:10px;width:32px;height:32px;font-size:24px;line-height:32px;text-align:center;border-radius:50%;background:transparent;color:var(--theme-text-muted-color);cursor:pointer;transition:all .2s ease;border:none;outline:none;display:flex;align-items:center;justify-content:center}.phone-integration-notification-panel .phone-integration-close-btn:hover{background:var(--theme-panel-bg-darker, rgba(0, 0, 0, .05));color:var(--theme-text-color)}.phone-integration-notification-panel .phone-integration-title{color:var(--theme-text-color);font-size:18px;font-weight:600;margin:0 0 20px}.phone-integration-notification-panel .phone-integration-section{background:var(--theme-panel-bg-lighter, #f8f9fa);border-radius:8px;padding:16px;margin-bottom:16px;transition:background-color .2s ease}.phone-integration-notification-panel .phone-integration-section:hover{background:var(--theme-panel-bg-darker, #f0f0f0)}.phone-integration-notification-panel .phone-integration-section-header h5{color:var(--theme-text-color);font-size:16px;font-weight:600;margin:0 0 12px}.phone-integration-notification-panel .phone-integration-row{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid var(--theme-panel-border-color, rgba(0, 0, 0, .05))}.phone-integration-notification-panel .phone-integration-label-col{flex:0 0 120px;min-width:120px}.phone-integration-notification-panel .phone-integration-value-col{flex:1}.phone-integration-notification-panel .phone-integration-button{background:#2196f3;color:#fff!important;padding:10px 20px;border-radius:6px;font-weight:600;font-size:14px;text-decoration:none;transition:all .2s ease;display:inline-block;text-shadow:0 1px 2px rgba(0,0,0,.3);letter-spacing:.5px;box-shadow:0 2px 4px #0000001a}.phone-integration-notification-panel .phone-integration-button:hover{background:#1976d2;transform:translateY(-1px);box-shadow:0 4px 8px #0003;color:#fff!important;text-decoration:none}.phone-integration-notification-panel .phone-integration-web-interface{margin-top:15px;text-align:center}.phone-integration-notification-panel .phone-integration-button span{color:#fff!important;font-weight:600}.phone-integration-notification-panel .phone-integration-value{color:var(--theme-text-color);font-size:14px;font-weight:500;line-height:1.4}.phone-integration-notification-panel .phone-integration-link{color:var(--theme-primary-color);text-decoration:none;transition:color .2s ease}.phone-integration-notification-panel .phone-integration-link:hover{color:var(--theme-primary-color-darker);text-decoration:underline}.phone-integration-notification-panel .status-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.phone-integration-notification-panel .status-ringing{background:gold;animation:pulse 1s infinite}.phone-integration-notification-panel .status-active{background:#4caf50}.phone-integration-notification-panel .status-ended{background:#f44336}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}@media (max-width: 767px){.phone-integration-notification-panel .phone-integration-row{flex-direction:column;align-items:flex-start}.phone-integration-notification-panel .phone-integration-label-col{margin-bottom:4px}}.notification-item{margin-bottom:10px}.notification-item:last-child{margin-bottom:20px}.phone-integration-notification-panel{margin-bottom:15px;position:relative}.popup-notification,.popup-notification-primary{width:unset!important;padding:0!important;border:none!important;margin-right:0!important}#popup-notifications-container{overflow-y:inherit;overflow-x:inherit}.popup-notification:last-child{margin-bottom:0!important}
/*# sourceMappingURL=main.css.map */