:root{--dark-blue:var(--color-blue);--darker-blue:var(--color-blue);--light-grey:var(--color-light-apricot);--active-blue:var(--color-copperwood);--protelo-phone-height:600px;--protelo-phone-width:350px}body{margin:0!important}h1{margin:0;font-size:1.5em;font-weight:400}.protelo-phone-testing-container{display:flex;justify-content:center;align-items:center;min-height:0;flex:1 1;width:100%}.protelo-phone{height:var(--protelo-phone-height);max-width:var(--protelo-phone-width);width:100%;display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;border:.1px solid #000;border-radius:12px;box-shadow:0 0 10px 0 rgba(0,0,0,.1);overflow:hidden}.protelo-phone.info-pane-active{border-radius:12px 0 0 12px}.info-pane{height:var(--protelo-phone-height);width:100%;max-width:800px;min-width:300px;display:flex;flex-direction:column;position:relative;margin:12px 12px 12px 0;padding:4px;border:1px solid #000;border-left:none;border-radius:0 12px 12px 0;background-color:#eee;overflow-y:auto;min-height:0}.header{background-color:var(--dark-blue);color:#fff;padding:4px 6px;justify-content:center}.header,.header-content{display:flex;align-items:center}.header-content{width:100%;justify-content:space-between;padding:0 2px}.header-logo{height:36px;width:auto;object-fit:contain}.incoming-call{z-index:1000;position:relative;top:0;left:0;max-width:350px;width:100%}.content{flex:1 1;display:flex;overflow:auto}.footer{background-color:#fff;color:#fff;height:12.5%;display:flex}.nav-tab{flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;color:#000;transition:color .2s ease}.nav-tab-active{color:var(--active-blue)}.nav-tab-text{color:#000;margin-top:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:12px}.nav-tab-icon{width:16px;height:16px}.voicemails-container{font-family:sans-serif;width:100%;margin:0;border:1px solid #eee;border-radius:8px;padding:10px 20px 20px;background-color:#f9f9f9;max-height:100%;overflow-y:auto;display:flex;flex-direction:column}.voicemails-error{background-color:#ffebee;color:#c62828;padding:8px 12px;border-radius:4px;margin-bottom:10px;font-size:.9em}.voicemails-list{list-style-type:none;padding:0;margin:0;flex:1 1;overflow-y:auto}.voicemail-item{padding:12px 0;border-bottom:1px solid #eee;display:flex;flex-direction:column;gap:4px}.voicemail-item:last-child{border-bottom:none}.voicemail-item-main{display:flex;justify-content:space-between;align-items:flex-start}.voicemail-contact-info{flex-grow:1}.voicemail-name{font-weight:700;font-size:1.1em;color:#333}.voicemail-item.unread .voicemail-name{font-weight:600}.voicemail-number{font-size:.9em;color:#666}.voicemail-actions{display:flex;gap:8px;align-items:center}.voicemail-item-secondary{display:flex;justify-content:space-between;align-items:center;font-size:.85em;color:#555}.voicemail-meta{display:flex;gap:12px;align-items:center}.voicemail-duration{font-style:italic}.voicemails-empty{text-align:center;padding:20px;color:#777}.recent-calls-container{font-family:sans-serif;width:100%;margin:0;border:1px solid #eee;border-radius:8px;padding:10px 20px 20px;background-color:#f9f9f9;max-height:100%;overflow-y:auto;display:flex;flex-direction:column}.history-tabs{display:flex;gap:0;margin-bottom:15px;flex-shrink:0}.recent-calls-container h2{margin:0 0 15px;padding:0;flex-shrink:0}.recent-calls-list{list-style-type:none;padding:0;margin:0;flex:1 1;overflow-y:auto}.call-item{padding:12px 0;border-bottom:1px solid #eee;display:flex;flex-direction:column;gap:4px}.call-item:last-child{border-bottom:none}.call-item-main{display:flex;justify-content:space-between;align-items:flex-start}.call-contact-info{flex-grow:1}.call-name{font-weight:700;font-size:1.1em;color:#333}.call-number{font-size:.9em;color:#666}.call-type-indicator{font-size:.8em;color:#777;padding:2px 6px;border-radius:4px;background-color:#e0e0e0;align-self:center;text-transform:capitalize}.call-type-missed .call-name,.call-type-missed .call-number{color:#d32f2f}.call-type-missed .call-type-indicator{background-color:#ffcdd2;color:#d32f2f}.call-item-secondary{display:flex;justify-content:space-between;align-items:center;font-size:.85em;color:#555}.call-duration{font-style:italic}.recent-calls-empty{text-align:center;padding:20px;color:#777}.loading-container{display:flex;justify-content:center;align-items:center;height:60vh;flex-direction:column;gap:1rem}.loading-logo{margin-bottom:.5rem;margin-top:-2rem}.spinner{margin-top:1.5rem;width:40px;height:40px;border:4px solid #ccc;border-top:4px solid var(--color-copperwood,#b1740f);border-radius:100%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.messages-content{max-height:100%;width:100%;overflow-y:hidden;display:flex;flex-direction:column;position:relative}.messages-header{justify-content:space-between;height:50px;border-bottom:1px solid #ccc;padding:0 10px}.icons-right,.messages-header{display:flex;align-items:center}.icons-right{gap:10px}.messages-overview-container{flex:1 1;overflow-y:auto}.message-overview{display:flex;align-items:center;padding:10px}.message-overview:hover{background-color:#f0f0f0;cursor:pointer}.message-info{display:flex;flex-direction:column}.preview{color:#666}.contact-avatar{width:50px;height:50px;border-radius:25%;background-size:cover;background-position:50%;margin-right:10px;display:flex;justify-content:center;align-items:center;background-color:var(--light-grey);border:1px solid #ccc;color:#fff;font-weight:700;font-size:16px}.person-picker-container{width:100%;height:100%;margin:8px;z-index:100}.message-details-content{position:absolute}.message-details-content,.messages-container{height:100%;width:100%;overflow-y:auto;background-color:#f0f0f0;display:flex;flex-direction:column}.messages-container{padding:20px 10px;gap:10px;box-sizing:border-box}.message{padding:10px 15px;border-radius:20px;max-width:60%;word-wrap:break-word}.sent{align-self:flex-end;background-color:var(--color-sunflower-gold);color:#000}.received{align-self:flex-start;background-color:#fff;color:#000;border:1px solid #e5e5e5}.message-details-header{background-color:var(--dark-blue);display:flex;justify-content:center;align-items:center;padding:0 12px;color:#fff;height:50px;position:relative}.message-author-text{font-size:16px}.close-button{position:absolute;left:0;top:50%;transform:translateY(-50%);padding:12px;cursor:pointer}.close-button svg{height:20px;width:20px}.message-input-container{padding:10px;background-color:#f0f0f0;display:flex;flex-direction:row;align-items:center;gap:10px}.message-input{width:100%;border:1px solid #d1d1d1;border-radius:20px;font-size:16px;outline:none;background-color:#fff;overflow:hidden;box-sizing:border-box;padding:4px 8px;color:#000}.contacts-page-content{max-height:100%;width:100%;overflow-y:hidden;display:flex;flex-direction:column;position:relative}.contacts-header{height:50px;border-bottom:1px solid #ccc;padding:0 10px}.contacts-overview-container{flex:1 1;overflow-y:auto}.contact-overview{display:flex;align-items:center;padding:10px}.contact-overview:hover{background-color:#f0f0f0;cursor:pointer}.contact-info{display:flex;flex-direction:column;flex:1 1}.contact-info .name{font-weight:500;margin-bottom:2px}.contact-info .phone-number{font-size:12px;color:#666}.error-message,.loading-message,.no-contacts-message{display:flex;justify-content:center;align-items:center;height:200px;color:#666;font-size:14px}.error-message{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;padding:16px;margin:16px}.contacts-header{display:flex;justify-content:space-between;align-items:center;padding:10px}.search-container{display:flex;align-items:center;background-color:#f0f0f0;padding:5px 10px;border-radius:20px;width:100%;max-width:275px}.search-icon{color:#666;margin-right:10px}.search-input{border:none;background-color:transparent;outline:none;width:100%;color:var(--color-ink-black,#000a14);font:inherit}.search-input::placeholder{color:#666}.search-input:disabled{opacity:.6;cursor:not-allowed}.add-icon{cursor:pointer}.phone-content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;background-color:#fff;position:relative}.phone-input{border:none;outline:none;width:180px;padding:4px;text-align:center;font-size:22px;background-color:inherit;color:#000}.phone-input-container{width:80%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.phone-dialer{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px;gap:15px;width:auto}.phone-dialer-button{border:none;border-radius:50%;width:60px;height:60px;display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:22px;cursor:pointer;color:#000;background-color:#e7e7e7;transition:border .2s ease,background-color .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.phone-dialer-button:hover:not(.call-button):not(.back-space){background-color:#d0d0d0}.phone-dialer-button:active:not(.back-space){border-color:hsla(0,0%,100%,.5)}.call-button{grid-column:2;background-color:var(--color-copperwood);color:#fff}.call-button:hover{background-color:color-mix(in srgb,var(--color-copperwood) 85%,#000)}.back-space{border-color:transparent;background-color:transparent;color:#000}.letters{font-size:10px;width:12px;height:12px;display:flex;justify-content:center;align-items:center;color:#555}.active-call-view-container{position:absolute;width:100%;height:100%}.active-call-notes-container{position:absolute;top:30%;left:24.5px}.contact-match-container{width:100%;max-width:300px;min-height:40px;display:flex;justify-content:center;align-items:center;padding:4px 8px;background-color:#eee;border-radius:8px;color:#000}.contact-match-loading{font-size:14px;color:#666;font-style:italic}.contact-match-info{width:100%;display:flex;flex-direction:column;align-items:center;gap:4px;transition:background-color .2s ease}.contact-match-info:hover{background-color:#e0e0e0}.contact-match-name{font-size:16px;font-weight:600;color:#000;text-align:center}.contact-match-phone{font-size:14px;color:#333;text-align:center}.contact-match-company{font-size:12px;color:#555;text-align:center;font-style:italic}.active-call-view{justify-content:space-between;height:100%;width:100%;background-color:var(--dark-blue);padding:24px 0}.active-call-info,.active-call-view{display:flex;flex-direction:column;align-items:center}.active-call-info{justify-content:center;gap:4px}.active-call-duration{font-size:18px;color:grey}.active-call-number{font-size:24px;color:#fff}.active-call-buttons-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));grid-gap:18px;gap:18px;width:auto;max-width:300px;justify-items:center}.active-call-button-item{display:flex;flex-direction:column;gap:6px}.active-call-button-footer{display:flex;justify-content:center;align-items:center}.acb-footer-text{font-size:12px;color:#fff;font-weight:300}.icon-dialer-button{border:1px solid transparent;background-color:hsla(0,0%,100%,.25);border-radius:50%;width:65px;height:65px;display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:22px;cursor:pointer;color:#fff;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.icon-dialer-button:hover{background-color:hsla(0,0%,100%,.35)}.end-call-button .icon-dialer-button{background-color:var(--color-copperwood);color:#fff}.end-call-button:hover .icon-dialer-button{background-color:color-mix(in srgb,var(--color-copperwood) 85%,#000)}.active-call-button-muted .icon-dialer-button{color:red}.transfer-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.transfer-dialog{background-color:#fff;border-radius:12px;width:100%;max-width:450px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 4px 20px rgba(0,0,0,.3);overflow:hidden}.transfer-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e0e0}.transfer-dialog-header h3{margin:0;font-size:20px;font-weight:600;color:#333}.transfer-dialog-content{padding:24px;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.transfer-dialog-field{display:flex;flex-direction:column;gap:8px}.transfer-dialog-field-with-suggestions{position:relative}.transfer-suggestions-list{list-style:none;padding:0;margin:4px 0 0;border:1px solid #ccc;border-radius:4px;max-height:150px;overflow-y:auto;position:absolute;top:100%;left:0;right:0;background-color:#fff;z-index:10;box-shadow:0 2px 8px rgba(0,0,0,.15)}.transfer-suggestion-item{padding:10px 12px;cursor:pointer;border-bottom:1px solid #eee;font-size:14px;color:#333}.transfer-suggestion-item:last-child{border-bottom:none}.transfer-suggestion-item:hover{background-color:#f0f0f0}.transfer-dialog-field label{font-size:14px;font-weight:500;color:#333}.transfer-type-selector{display:flex;flex-direction:column;gap:12px}.transfer-type-option{display:flex;flex-direction:column;padding:12px;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s ease;gap:4px}.transfer-type-option:hover{border-color:var(--color-blue);background-color:#f5f5f5}.transfer-type-option input[type=radio]{margin-right:8px;cursor:pointer}.transfer-type-option input[type=radio]:checked+span{font-weight:600;color:var(--color-blue)}.transfer-type-option input[type=radio]:checked~small{color:var(--color-blue)}.transfer-type-option>span{font-size:16px;color:#333;font-weight:500}.transfer-type-option>small{font-size:12px;color:#666;margin-left:24px}.transfer-type-option input[type=radio]{accent-color:var(--color-blue)}.transfer-type-selected{border-color:var(--color-blue)!important;background-color:#e3f2fd!important}.transfer-type-selected>span{color:var(--color-blue);font-weight:600}.transfer-type-selected>small{color:var(--color-blue)}.transfer-dialog-error{padding:12px;background-color:#ffebee;border:1px solid #ffcdd2;border-radius:6px;color:#c62828;font-size:14px}.transfer-dialog-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e0e0e0}.warm-transfer-status{font-size:14px;color:#4caf50;margin-top:8px;font-weight:500}.complete-transfer-button .icon-dialer-button{background-color:#4caf50;color:#fff}.complete-transfer-button:hover .icon-dialer-button{background-color:#45a049}.cancel-transfer-button .icon-dialer-button{background-color:#ff9800;color:#fff}.cancel-transfer-button:hover .icon-dialer-button{background-color:#f57c00}