.porta-tab-dark{--bg-primary:#0c111b;--bg-card:rgba(255,255,255,0.04);--bg-card-hover:rgba(255,255,255,0.07);--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border-default:rgba(255,255,255,0.06);--border-hover:rgba(255,255,255,0.12);--accent-teal:#2dd4bf;--accent-blue:#60a5fa;--accent-violet:#a78bfa;--accent-amber:#fbbf24;--accent-red:#f87171;--accent-green:#34d399}.porta-tab-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;padding:.375rem 0;background:var(--bg-primary);overflow:hidden}.porta-loading-overlay{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:.5rem}.porta-loading-content{display:flex;flex-direction:column;align-items:center;gap:.625rem}.porta-spinner{width:1.75rem;height:1.75rem;border:2px solid var(--accent-blue);border-top:2px solid transparent;border-radius:50%;animation:porta-spin .7s linear infinite}.porta-loading-text{font-size:.75rem;color:var(--accent-blue);font-weight:500}@keyframes porta-spin{to{transform:rotate(1turn)}}@keyframes porta-pulse{0%,to{box-shadow:0 0 0 0 rgba(45,212,191,.4)}50%{box-shadow:0 0 0 6px rgba(45,212,191,0)}}@keyframes porta-check{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.porta-scroll-area{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 .375rem;min-height:0}.porta-scroll-area::-webkit-scrollbar{width:3px}.porta-scroll-area::-webkit-scrollbar-track{background:transparent}.porta-scroll-area::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08);border-radius:3px}.porta-scroll-area::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.15)}.porta-grid{display:flex;flex-direction:column;gap:.375rem}.porta-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:.625rem;padding:0;transition:all .2s ease;overflow:hidden}.porta-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:0 2px 12px rgba(0,0,0,.2)}.porta-card-content{display:flex;align-items:center;gap:0;padding:0}.porta-header-area{flex:1;display:flex;align-items:center;justify-content:flex-start;padding:.625rem .75rem;gap:.625rem;position:relative}.porta-header-area:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent-teal);border-radius:0 2px 2px 0;opacity:0;transition:opacity .2s ease}.porta-card:hover .porta-header-area:before{opacity:.5}.porta-nome-equipamento{flex:1;font-size:.6875rem;font-weight:600;color:var(--text-primary);line-height:1.25;white-space:normal;word-break:break-word;text-align:left}.porta-btn-acionar-icone{width:2rem;height:2rem;min-width:2rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(45,212,191,.15),rgba(52,211,153,.1));border:1px solid rgba(45,212,191,.2);border-radius:.5rem;color:var(--accent-teal);cursor:pointer;transition:all .15s ease;padding:0}.porta-btn-acionar-icone:hover{background:linear-gradient(135deg,rgba(45,212,191,.25),rgba(52,211,153,.2));border-color:rgba(45,212,191,.4);box-shadow:0 0 12px rgba(45,212,191,.15);transform:scale(1.05)}.porta-btn-acionar-icone:active{transform:scale(.95)}.porta-btn-acionar-icone:disabled{opacity:.5;cursor:not-allowed;transform:none}.porta-btn-acionar-icone.porta-btn-success{background:rgba(52,211,153,.2)!important;border-color:rgba(52,211,153,.4)!important;color:var(--accent-green)!important;animation:porta-check .3s ease}.porta-btn-acionar-icone.porta-btn-error{background:rgba(248,113,113,.2)!important;border-color:rgba(248,113,113,.4)!important;color:var(--accent-red)!important}.porta-btn-acionar-icone .porta-btn-spinner{width:1rem;height:1rem;border:2px solid rgba(45,212,191,.3);border-top:2px solid var(--accent-teal);border-radius:50%;animation:porta-spin .6s linear infinite}.porta-btn-acionar{flex:1;display:flex;align-items:center;gap:.5rem;background:transparent;color:var(--text-primary);font-weight:500;border:none;border-radius:0;padding:.625rem .75rem;font-size:.75rem;cursor:pointer;transition:all .15s ease;position:relative;overflow:hidden;white-space:normal;word-break:break-word;text-align:left;min-height:0;line-height:1.3}.porta-btn-acionar:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent-teal);border-radius:0 2px 2px 0;opacity:0;transition:opacity .2s ease}.porta-btn-acionar:hover{background:rgba(45,212,191,.06)}.porta-btn-acionar:hover:before{opacity:1}.porta-btn-acionar:active{background:rgba(45,212,191,.12)}.porta-btn-acionar:disabled{opacity:.5;cursor:not-allowed}.porta-acionar-icon{width:1.75rem;height:1.75rem;min-width:1.75rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(45,212,191,.15),rgba(52,211,153,.1));border:1px solid rgba(45,212,191,.2);border-radius:.5rem;color:var(--accent-teal);transition:all .2s ease}.porta-btn-acionar:hover .porta-acionar-icon{background:linear-gradient(135deg,rgba(45,212,191,.25),rgba(52,211,153,.2));border-color:rgba(45,212,191,.4);box-shadow:0 0 12px rgba(45,212,191,.15)}.porta-acionar-label{flex:1;font-size:.6875rem;font-weight:600;color:var(--text-primary);line-height:1.25}.porta-btn-success{background:rgba(52,211,153,.08)!important}.porta-btn-success:before{opacity:1!important;background:var(--accent-green)!important}.porta-btn-success .porta-acionar-icon{background:rgba(52,211,153,.2)!important;border-color:rgba(52,211,153,.4)!important;color:var(--accent-green)!important;animation:porta-check .3s ease}.porta-btn-error{background:rgba(248,113,113,.08)!important}.porta-btn-error:before{opacity:1!important;background:var(--accent-red)!important}.porta-btn-error .porta-acionar-icon{background:rgba(248,113,113,.2)!important;border-color:rgba(248,113,113,.4)!important;color:var(--accent-red)!important}.porta-btn-spinner{width:1rem;height:1rem;border:2px solid rgba(45,212,191,.3);border-top:2px solid var(--accent-teal);border-radius:50%;animation:porta-spin .6s linear infinite}.porta-status-icon{display:flex;align-items:center;gap:.375rem;font-size:.6875rem;font-weight:600}.porta-icon-success{color:var(--accent-green);font-size:.875rem}.porta-icon-error{color:var(--accent-red);font-size:.875rem}.porta-actions{display:flex;flex-direction:row;align-items:center;border-left:1px solid var(--border-default)}.porta-btn-secondary{display:flex;align-items:center;justify-content:center;border:none;padding:.375rem .625rem;cursor:pointer;transition:all .15s ease;position:relative;background:transparent;color:var(--text-secondary);border-radius:0}.porta-btn-secondary+.porta-btn-secondary{border-left:1px solid var(--border-default)}.porta-btn-secondary:hover{background:rgba(255,255,255,.05)}.porta-btn-secondary:active{background:rgba(255,255,255,.1)}.porta-btn-secondary:disabled{opacity:.4;cursor:not-allowed}.porta-btn-ramal{color:var(--accent-blue);gap:.25rem}.porta-btn-ramal:hover{background:rgba(96,165,250,.1);color:#93bbfd}.porta-ramal-number{font-size:.625rem;font-weight:600;color:inherit;line-height:1}.porta-btn-camera{color:var(--accent-violet)}.porta-btn-camera:hover{background:rgba(167,139,250,.1);color:#c4b5fd}.porta-btn-camera-apoio{color:var(--accent-amber)}.porta-btn-camera-apoio:hover{background:rgba(251,191,36,.1);color:#fcd34d}.porta-action-spinner{width:.75rem;height:.75rem;border:2px solid rgba(96,165,250,.3);border-top:2px solid var(--accent-blue);border-radius:50%;animation:porta-spin .6s linear infinite}.porta-empty{text-align:center;color:var(--text-muted);padding:1.5rem 1rem;font-size:.75rem}@media (max-width:640px){.porta-btn-acionar{padding:.5rem .625rem}.porta-acionar-icon{width:1.5rem;height:1.5rem;min-width:1.5rem;border-radius:.375rem}.porta-acionar-label{font-size:.625rem}}@media (min-width:1200px) and (max-width:1919px){.porta-tab-container{padding:.25rem 0}.porta-scroll-area{padding:0 .25rem}.porta-grid{gap:.25rem}.porta-card{border-radius:.5rem}.porta-btn-acionar{padding:.375rem .5rem;gap:.375rem}.porta-acionar-icon{width:1.375rem;height:1.375rem;min-width:1.375rem;border-radius:.375rem}.porta-acionar-label{font-size:.5625rem}.porta-btn-secondary{padding:.25rem .5rem}.porta-btn-spinner{width:.75rem;height:.75rem}.porta-action-spinner{width:.625rem;height:.625rem}.tab-label{display:none}}@media (min-width:1920px){.porta-grid{gap:.5rem}.porta-card{border-radius:.75rem}.porta-btn-acionar{padding:.75rem .875rem;gap:.625rem}.porta-acionar-icon{width:2rem;height:2rem;min-width:2rem;border-radius:.5rem}.porta-acionar-label{font-size:.8125rem}.porta-btn-secondary{padding:.5rem .75rem}}.phone-tab-dark{--bg-primary:#0c111b;--bg-card:rgba(255,255,255,0.04);--bg-card-hover:rgba(255,255,255,0.07);--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border-default:rgba(255,255,255,0.06);--border-hover:rgba(255,255,255,0.12);--accent-blue:#60a5fa;--accent-cyan:#22d3ee;--accent-green:#34d399}.phone-tab-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;padding:.375rem 0;background:var(--bg-primary);overflow:hidden}.phone-loading-overlay{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:.5rem}.phone-loading-content{display:flex;flex-direction:column;align-items:center;gap:.625rem}.phone-spinner{width:1.75rem;height:1.75rem;border:2px solid var(--accent-blue);border-top:2px solid transparent;border-radius:50%;animation:phone-spin .7s linear infinite}.phone-loading-text{font-size:.75rem;color:var(--accent-blue);font-weight:500}@keyframes phone-spin{to{transform:rotate(1turn)}}.phone-scroll-area{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 .375rem;min-height:0}.phone-scroll-area::-webkit-scrollbar{width:3px}.phone-scroll-area::-webkit-scrollbar-track{background:transparent}.phone-scroll-area::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08);border-radius:3px}.phone-scroll-area::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.15)}.phone-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:.375rem}@media (min-width:640px){.phone-grid{grid-template-columns:repeat(2,1fr)}}.phone-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:.625rem;padding:0;transition:all .2s ease;overflow:hidden}.phone-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:0 2px 12px rgba(0,0,0,.2)}.phone-card-content{display:flex;align-items:center;gap:0;padding:0}.phone-info-area{flex:1;display:flex;flex-direction:column;padding:.625rem .75rem;gap:.25rem;position:relative}.phone-info-area:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent-blue);border-radius:0 2px 2px 0;opacity:0;transition:opacity .2s ease}.phone-card:hover .phone-info-area:before{opacity:.5}.phone-nome-local{font-size:.6875rem;font-weight:600;color:var(--text-primary);line-height:1.25;white-space:normal;word-break:break-word;text-align:left}.phone-numero-ramal{font-size:.625rem;font-weight:500;font-family:Courier New,monospace;color:var(--accent-cyan);line-height:1;text-align:left}.phone-actions{display:flex;border-left:1px solid var(--border-default)}.phone-btn-ligar{display:flex;align-items:center;justify-content:center;border:none;padding:.625rem .75rem;cursor:pointer;transition:all .15s ease;background:transparent;color:var(--accent-blue);border-radius:0;min-width:2.75rem}.phone-btn-ligar:hover{background:rgba(96,165,250,.1);color:#93bbfd;transform:scale(1.05)}.phone-btn-ligar:active{background:rgba(96,165,250,.2);transform:scale(.95)}.phone-btn-ligar:disabled{opacity:.4;cursor:not-allowed;transform:none}.phone-btn-spinner{width:1rem;height:1rem;border:2px solid rgba(96,165,250,.3);border-top:2px solid var(--accent-blue);border-radius:50%;animation:phone-spin .6s linear infinite}.phone-empty{display:flex;align-items:center;justify-content:center;padding:2rem 1rem;color:var(--text-muted);font-size:.875rem;text-align:center}