.companies-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:1rem;background-color:var(--app-bg)}.companies-container[data-view=chat]{background-color:var(--app-bg2)}.companies-container .employee-list{width:100%;height:92%;display:flex;flex-direction:column;align-items:center;gap:.5rem;position:absolute;bottom:0;z-index:2;overflow-y:auto;padding-bottom:2rem;background-color:var(--app-secondary);border-radius:1.5rem 1.5rem 0 0;box-sizing:border-box}.companies-container .employee-list::-webkit-scrollbar{display:none}.companies-container .employee-list .employee-list-header{width:90%;margin-top:.5rem;padding:.5rem 0;display:flex;flex-direction:column;align-items:center;gap:1rem;box-sizing:border-box}.companies-container .employee-list .employee-list-header .close{width:4rem;height:.3rem;border-radius:5px;background-color:var(--components-highlight);cursor:pointer}.companies-container .employee-list .employee-list-header .searchbox{background-color:var(--app-bg);padding:.5rem 1rem;border-radius:12px;width:92%}.companies-container .employee-list .employee-list-header .selector{display:flex;flex-direction:row;gap:.1rem;background-color:var(--app-bg);border-radius:6px;padding:.25rem .3rem}.companies-container .employee-list .employee-list-header .selector .option{display:flex;align-items:center;justify-content:center;flex:1;box-sizing:border-box;width:100%;height:100%;padding:.4rem 1.5rem;border-radius:6px;color:var(--phone-text-primary);font-size:14px;cursor:pointer;transition:all .2s ease-in-out}.companies-container .employee-list .employee-list-header .selector .option:hover{background-color:var(--app-secondary);opacity:.8}.companies-container .employee-list .employee-list-header .selector .option[data-active=true]{background-color:var(--app-secondary)}.companies-container .employee-list .employee-list-body{display:flex;flex-direction:column;gap:.75rem;width:90%}.companies-container .employee-list .employee-list-body .employee-item{display:flex;justify-content:space-between;align-items:center;padding:.7rem 5%;cursor:pointer;color:var(--phone-text-primary);background-color:var(--app-bg);border-radius:15px}.companies-container .employee-list .employee-list-body .employee-item .avatar{display:flex;width:3rem;height:3rem;border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:400;background-position:center;background-size:cover;background-repeat:no-repeat;background:linear-gradient(180deg,#e3e3e3,#999999);color:#fff;box-shadow:inset 0 4px 15px #00000040}.companies-container .employee-list .employee-list-body .employee-item .user{display:flex;align-items:center;gap:.5rem;transition:all .3s ease-in-out}.companies-container .employee-list .employee-list-body .employee-item .user svg{font-size:28px;color:var(--phone-color-red);font-weight:600;margin-right:.25rem}.companies-container .employee-list .employee-list-body .employee-item .user .info{display:flex;flex-direction:column;font-size:18px;font-weight:400}.companies-container .employee-list .employee-list-body .employee-item .user .info span{color:var(--phone-text-secondary);font-size:14px;font-weight:400}.companies-container .employee-list .employee-list-body .employee-item .buttons{display:flex;align-items:center;gap:.5rem}.companies-container .employee-list .employee-list-body .employee-item .buttons svg{background-color:var(--app-bg);color:var(--phone-text-secondary);font-size:12px;cursor:pointer;transition:all .2s ease-in-out;width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;padding:.35rem;border-radius:8px;opacity:.8}.companies-container .employee-list .employee-list-body .employee-item .buttons svg.red{background-color:var(--phone-color-red);color:#fff;opacity:.9}.companies-container .employee-list .employee-list-body .employee-item .buttons svg.green{background-color:var(--phone-color-green);color:#fff}.companies-container .employee-list .employee-list-body .employee-item .buttons svg:hover{filter:brightness(.6)}.companies-container .employee-list .employee-list-body .employee-item .buttons .status{width:.6rem;height:.6rem;border-radius:50%;background-color:var(--phone-color-red)}.companies-container .employee-list .employee-list-body .employee-item .buttons .status[data-online=true]{background-color:var(--phone-color-green)}.companies-container .companies-wrapper{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:95%;box-sizing:border-box}.companies-container .companies-header{width:92%;margin-top:4.5rem;font-size:26px;font-weight:500}.companies-container .companies-header .title{color:var(--phone-text-primary)}.companies-container .companies-body{display:flex;flex-direction:column;align-items:center;height:100%;width:100%;position:relative}.companies-container .companies-body .companies-list{height:100%;width:92%;display:flex;flex-direction:column;align-items:center;gap:.75rem;overflow-y:auto;overflow-x:hidden;padding-bottom:18rem}.companies-container .companies-body .companies-list::-webkit-scrollbar{display:none}.companies-container .companies-body .companies-list .item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;border-radius:16px;background-color:var(--app-secondary);box-sizing:border-box;position:relative;border-right:3px solid transparent}.companies-container .companies-body .companies-list .item[data-open=false]{filter:brightness(.9);cursor:not-allowed}.companies-container .companies-body .companies-list .item .closed{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:absolute;left:0;font-size:18px;font-weight:500;text-align:center;color:#fff;background-color:#b43434b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:16px}.companies-container .companies-body .companies-list .item .info{display:flex;align-items:center;gap:.75rem}.companies-container .companies-body .companies-list .item .info img{width:3rem;height:3rem;object-fit:cover;border-radius:16px}.companies-container .companies-body .companies-list .item .info .company-details{display:flex;flex-direction:column;gap:.25rem}.companies-container .companies-body .companies-list .item .info .company-details .title{font-size:16px;font-weight:400;color:var(--phone-text-primary)}.companies-container .companies-body .companies-list .item .info .company-details .location{display:flex;align-items:center;gap:.25rem;color:var(--phone-text-secondary);font-size:14px}.companies-container .companies-body .companies-list .item .info .company-details .location svg{font-size:16px}.companies-container .companies-body .companies-list .item .actions{display:flex;align-items:center;gap:.5rem;font-size:18px;font-weight:500;color:var(--phone-color-red);z-index:2}.companies-container .companies-body .companies-list .item .actions .custom-icon{display:flex;align-items:center;justify-content:center}.companies-container .companies-body .companies-list .item .actions svg{background-color:var(--app-bg);color:var(--phone-text-secondary);font-size:12px;cursor:pointer;transition:all .2s ease-in-out;width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;padding:.35rem;border-radius:8px;opacity:.8}.companies-container .companies-body .companies-list .item .actions svg.orange{background-color:var(--phone-color-orange);color:#fff}.companies-container .companies-body .companies-list .item .actions svg.green{background-color:var(--phone-color-green);color:#fff}.companies-container .companies-body .companies-list .item .actions svg:hover{filter:brightness(.6)}.companies-container .companies-body .company-messages-container{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;max-height:100%;overflow-y:auto}.companies-container .companies-body .company-messages-container::-webkit-scrollbar{display:none}.companies-container .companies-body .company-messages-container .company-messages-header{display:flex;flex-direction:column;align-items:center}.companies-container .companies-body .company-messages-container .company-messages-header .selector{display:flex;flex-direction:row;gap:.1rem;background-color:var(--app-secondary);border-radius:6px;padding:.25rem .3rem}.companies-container .companies-body .company-messages-container .company-messages-header .selector .option{display:flex;align-items:center;justify-content:center;flex:1;box-sizing:border-box;width:100%;height:100%;padding:.4rem 1.5rem;border-radius:6px;color:var(--phone-text-primary);font-size:14px;cursor:pointer;transition:all .2s ease-in-out}.companies-container .companies-body .company-messages-container .company-messages-header .selector .option:hover{background-color:var(--app-bg);opacity:.8}.companies-container .companies-body .company-messages-container .company-messages-header .selector .option[data-active=true]{background-color:var(--app-bg)}.companies-container .companies-body .company-messages-container .company-messages-content{width:100%;max-height:38rem;display:flex;flex-direction:column;align-items:center;overflow-y:auto;overflow-x:hidden;margin-top:.5rem;padding-top:1rem}.companies-container .companies-body .company-messages-container .company-messages-content::-webkit-scrollbar{display:none}.companies-container .companies-body .company-messages-container section{width:92%;display:flex;flex-direction:column;box-sizing:border-box;background-color:var(--app-secondary);border-radius:15px;margin-bottom:2.5rem}.companies-container .companies-body .company-messages-container section .item{display:flex;gap:.7rem;padding:.75rem 1rem;color:var(--phone-text-primary);border-bottom:1px solid var(--phone-color-border);cursor:pointer;transition:all .2s ease-in-out}.companies-container .companies-body .company-messages-container section .item:last-child{border-bottom:none}.companies-container .companies-body .company-messages-container section .item:hover{background-color:var(--phone-color-hover)}.companies-container .companies-body .company-messages-container section .item:hover:first-child{border-top-left-radius:15px;border-top-right-radius:15px}.companies-container .companies-body .company-messages-container section .item:hover:last-child{border-bottom-left-radius:15px;border-bottom-right-radius:15px}.companies-container .companies-body .company-messages-container section .item:hover:only-child{border-radius:15px}.companies-container .companies-body .company-messages-container section .item img{width:3rem;height:3rem;border-radius:50%;object-fit:cover}.companies-container .companies-body .company-messages-container section .item .info{display:flex;flex-direction:column;width:85%}.companies-container .companies-body .company-messages-container section .item .info .info-header{width:100%;display:flex;align-items:center;justify-content:space-between}.companies-container .companies-body .company-messages-container section .item .info .info-header .user{max-width:70%;font-size:16px;font-weight:400;color:var(--phone-text-primary)}.companies-container .companies-body .company-messages-container section .item .info .info-header .right{display:flex;align-items:center;gap:.2rem;color:var(--phone-text-secondary)}.companies-container .companies-body .company-messages-container section .item .info .info-header .right .time{font-size:12px}.companies-container .companies-body .company-messages-container section .item .info .info-header .right svg{font-size:18px;opacity:.6}.companies-container .companies-body .company-messages-container section .item .info .message{width:70%;font-size:14px;color:var(--phone-text-secondary);overflow-wrap:break-word}.companies-container .companies-body .chat-header{width:88%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:.3rem 0;margin-top:2rem;border-bottom:1px solid var(--phone-color-border)}.companies-container .companies-body .chat-header .back{display:flex;align-items:center;justify-content:center;color:var(--phone-color-blue);cursor:pointer}.companies-container .companies-body .chat-header .back svg{font-size:35px}.companies-container .companies-body .chat-header .back span{display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:400;background-color:var(--phone-color-blue);border-radius:15px;height:1.5rem;width:2rem;color:#fafafa;margin-left:-.5rem}.companies-container .companies-body .chat-header svg{color:var(--phone-color-blue);font-size:25px;cursor:pointer}.companies-container .companies-body .chat-header svg.hidden{visibility:hidden}.companies-container .companies-body .chat-header .user{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;margin-right:1.5rem}.companies-container .companies-body .chat-header .user .avatar{width:50px;height:50px;border-radius:50%;object-fit:cover}.companies-container .companies-body .chat-header .user .name{font-weight:400;font-size:16px;color:var(--phone-text-primary)}.companies-container .companies-body .chat-container{display:relative;display:flex;flex-direction:column-reverse;height:72%;width:87%;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;transition:all .2s ease-in-out}.companies-container .companies-body .chat-container::-webkit-scrollbar{display:none}.companies-container .companies-body .chat-container .chat-body{width:100%;display:flex;flex-direction:column;margin-top:1rem;padding:1rem 0;gap:.5rem}.companies-container .companies-body .chat-container .chat-body .message{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;font-size:16px;font-weight:300;color:#0f1419;width:auto;max-width:70%}.companies-container .companies-body .chat-container .chat-body .message .content-wrapper{display:flex;align-items:center;gap:.25rem}.companies-container .companies-body .chat-container .chat-body .message .content-wrapper svg{font-size:35px;color:var(--phone-color-red)}.companies-container .companies-body .chat-container .chat-body .message .content{padding:.75rem 1rem;border-radius:20px;overflow-wrap:break-word;font-size:18px;max-width:100%;-webkit-user-select:text;user-select:text}.companies-container .companies-body .chat-container .chat-body .message .content a{color:var(--phone-color-blue);cursor:pointer}.companies-container .companies-body .chat-container .chat-body .message .location{border-radius:20px;width:100%;width:16rem;cursor:pointer;display:flex;flex-direction:column;background-color:#323232;transition:all}.companies-container .companies-body .chat-container .chat-body .message .location .img{height:10rem;border-radius:20px;filter:blur(2px);background-size:cover;background-position:center}.companies-container .companies-body .chat-container .chat-body .message .location .sender{padding:.75rem;color:#fff;opacity:.8;font-size:16px;font-weight:500}.companies-container .companies-body .chat-container .chat-body .message .attatchments img,.companies-container .companies-body .chat-container .chat-body .message .attatchments video{width:100%;border-radius:15px;cursor:pointer}.companies-container .companies-body .chat-container .chat-body .message .date{padding:0 .5rem;font-size:13px;font-weight:300;color:#687684}.companies-container .companies-body .chat-container .chat-body .message .status{padding:0 .5rem;font-size:15px;font-weight:600;color:var(--phone-color-red)}.companies-container .companies-body .chat-container .chat-body .message .user{margin-top:.5rem;padding:0 .5rem;font-size:14px;font-weight:300;color:#687684}.companies-container .companies-body .chat-container .chat-body .message.self{align-items:flex-end;margin-left:auto;cursor:pointer}.companies-container .companies-body .chat-container .chat-body .message.self .date{text-align:right;margin-left:auto}.companies-container .companies-body .chat-container .chat-body .message.self .content{border-bottom-right-radius:0;text-align:left;background-color:var(--phone-color-blue);color:#fafafa}.companies-container .companies-body .chat-container .chat-body .message.self .content .number{color:#fafafa;font-weight:400}.companies-container .companies-body .chat-container .chat-body .message.other{margin-right:auto}.companies-container .companies-body .chat-container .chat-body .message.other .content{border-bottom-left-radius:0;background-color:var(--phone-color-highlight3);color:var(--phone-text-primary)}.companies-container .companies-body .chat-container .chat-body .message.other .content:not(img)+.other{background-color:transparent;padding:0}.companies-container .companies-body .chat-container .chat-body .message.other .date{margin-right:auto}.companies-container .companies-body .chat-bottom{width:100%;height:6rem;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.75rem}.companies-container .companies-body .chat-bottom .input{width:90%;border-radius:25px;display:flex;align-items:center;border:2px solid var(--app-secondary2);background-color:var(--app-secondary2);padding:.3rem}.companies-container .companies-body .chat-bottom .input input{width:100%;border:none;background-color:transparent;color:var(--phone-text-secondary);font-size:16px;padding:.4rem .75rem;box-sizing:border-box}.companies-container .companies-body .chat-bottom .input input:active,.companies-container .companies-body .chat-bottom .input input:focus{outline:none}.companies-container .companies-body .chat-bottom .input .buttons{display:flex;align-items:center;gap:.5rem;margin-right:.25rem}.companies-container .companies-body .chat-bottom .input .buttons .location{display:flex;align-items:center;justify-content:center;background-color:var(--app-bg2);border-radius:50%;height:1.8rem;width:1.8rem;cursor:pointer}.companies-container .companies-body .chat-bottom .input .buttons .location svg{font-size:18px;color:var(--phone-text-primary);opacity:.5}.companies-container .companies-body .chat-bottom .input .buttons .send{display:flex;align-items:center;justify-content:center;background-color:var(--phone-color-blue);border-radius:50%;height:1.8rem;width:1.8rem;cursor:pointer}.companies-container .companies-body .chat-bottom .input .buttons .send svg{font-size:20px;color:#fff}.companies-container .companies-body .actions-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;max-height:41rem;padding-bottom:4rem;box-sizing:border-box}.companies-container .companies-body .actions-container::-webkit-scrollbar{display:none}.companies-container .companies-body .actions-container .category-title{width:85%;font-size:13px;color:var(--phone-text-secondary);text-transform:uppercase;text-align:left;margin-bottom:-.75rem}.companies-container .companies-body .actions-container section{width:92%;border-radius:14px;box-sizing:border-box;background-color:var(--app-secondary)}.companies-container .companies-body .actions-container section .item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-width:1rem;border-bottom:1px solid var(--phone-color-border);position:relative}.companies-container .companies-body .actions-container section .item:last-child{border:none}.companies-container .companies-body .actions-container section .item .item-data{display:flex;flex-direction:row;align-items:center;gap:.5rem}.companies-container .companies-body .actions-container section .item .item-data img{width:2rem;height:2rem;border-radius:7px}.companies-container .companies-body .actions-container section .item .item-data>svg{margin-left:-.1rem;margin-right:.25rem;background-color:var(--app-bg);color:var(--phone-text-secondary);font-size:30px;width:1.1rem;height:1.1rem;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:10px}.companies-container .companies-body .actions-container section .item .item-data>svg.green{background-color:var(--phone-color-green);color:#fff}.companies-container .companies-body .actions-container section .item .item-data>svg.orange{background-color:var(--phone-color-orange);color:#fff}.companies-container .companies-body .actions-container section .item .item-data>svg.blue{background-color:var(--phone-color-blue);color:#fff}.companies-container .companies-body .actions-container section .item .item-data .item-info{display:flex;align-items:flex-start;flex-direction:column;gap:.15rem}.companies-container .companies-body .actions-container section .item .item-data .item-info .title{font-size:18px;font-weight:400;color:var(--phone-text-primary);margin:0}.companies-container .companies-body .actions-container section .item .item-data .item-info .description{font-size:13px;font-weight:400;color:var(--phone-text-secondary)}.companies-container .companies-body .actions-container section .item .button{display:flex;align-items:center;justify-content:center;flex:1;padding:.25rem 1rem;font-size:16px;color:var(--phone-text-primary);cursor:pointer}.companies-container .companies-body .actions-container section .item .button:first-child{border-right:1px solid var(--phone-color-border)}.companies-container .companies-body .actions-container section .item .item-value{display:flex;flex-direction:row;align-items:center;gap:.5rem;color:var(--phone-text-secondary);font-size:18px;font-weight:400}.companies-container .companies-body .actions-container section .item .item-value .status{width:.6rem;height:.6rem;border-radius:50%;background-color:var(--phone-color-red)}.companies-container .companies-body .actions-container section .item .item-value .status[data-online=true]{background-color:var(--phone-color-green)}.companies-container .companies-body .actions-container section .item .item-value>svg{font-size:22px;cursor:pointer}.companies-container .companies-body .actions-container section .content{display:flex;flex-direction:column;align-items:center;background-color:var(--app-secondary);border-radius:10px}.companies-container .companies-body .actions-container section .content .row{width:100%;display:flex;align-items:center;justify-content:space-evenly}.companies-container .companies-body .actions-container section .content[data-clickable=true] .item{cursor:pointer;transition:all .2s ease-in-out}.companies-container .companies-body .actions-container section .content[data-clickable=true] .item:hover{background-color:var(--phone-color-hover);border-radius:10px}.companies-container .companies-body .actions-container section .content .item{width:92%;height:100%;display:flex;flex-direction:column;gap:.2rem;padding:.5rem 1rem;border-bottom:1px solid var(--phone-color-border)}.companies-container .companies-body .actions-container section .content .item.single{padding:1rem;cursor:pointer}.companies-container .companies-body .actions-container section .content .item.single .value{font-size:18px}.companies-container .companies-body .actions-container section .content .item .title{font-size:16px;color:var(--phone-text-secondary);font-weight:inherit}.companies-container .companies-body .actions-container section .content .item[data-col="2"]{display:flex;align-items:center;justify-content:center;border-bottom:none;border-right:1px solid var(--phone-color-border);padding-bottom:1rem;cursor:pointer;transition:all .2s ease-in-out}.companies-container .companies-body .actions-container section .content .item[data-col="2"]:hover{background-color:var(--phone-color-hover)}.companies-container .companies-body .actions-container section .content .item[data-col="2"]:hover:nth-child(1){border-bottom-left-radius:10px}.companies-container .companies-body .actions-container section .content .item[data-col="2"]:hover:nth-child(2){border-bottom-right-radius:10px}.companies-container .companies-body .actions-container section .content .item[data-col="2"]:last-child{border-right:none}.companies-container .companies-body .actions-container section .content .item .value{font-size:18px;color:var(--phone-text-primary)}.companies-container .companies-body .actions-container section .content .item:last-child{border-bottom:none}.companies-container .companies-footer{position:absolute;bottom:0rem;width:100%;display:flex;justify-content:center;border-top:1px solid var(--phone-color-border);background-color:var(--app-secondary);padding-bottom:3rem}.companies-container .companies-footer .item{display:flex;flex-direction:column;align-items:center;gap:.15rem;flex:1;margin-top:1.25rem;color:var(--phone-text-secondary);font-size:14px;cursor:pointer;transition:all .2s ease-in-out}.companies-container .companies-footer .item svg{font-size:30px;color:var(--phone-text-secondary)}.companies-container .companies-footer .item:hover,.companies-container .companies-footer .item[data-active=true]{color:var(--phone-color-blue)}.companies-container .companies-footer .item:hover svg,.companies-container .companies-footer .item[data-active=true] svg{color:var(--phone-color-blue)}.companies-container .companies-footer .item:hover:hover,.companies-container .companies-footer .item[data-active=true]:hover{filter:brightness(.85)}
