.contactDetailView{background:var(--color-white);border-radius:var(--border-radius,8px);overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1)}.contactDetailView .contactHeader{display:flex;justify-content:space-between;align-items:center;padding:32px;background:var(--color-body-module,#f9fafb)}.contactDetailView .contactHeader .contactHeaderLeft{display:flex;align-items:center;gap:24px}.contactDetailView .contactHeader .contactHeaderLeft .contactAvatar{width:96px;height:96px;border-radius:50%;overflow:hidden;border:3px solid var(--color-white);box-shadow:0 2px 8px rgba(0,0,0,.1);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-skyblue) 100%);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:600}.contactDetailView .contactHeader .contactHeaderLeft .contactAvatar img{width:100%;height:100%;object-fit:cover}.contactDetailView .contactHeader .contactHeaderLeft .contactAvatar .contactAvatarInitials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:inherit;font-weight:inherit;letter-spacing:1px}.contactDetailView .contactHeader .contactHeaderLeft .contactHeaderInfo .contactName{font-size:28px;font-weight:600;color:var(--color-text,#111827);margin:0 0 4px;line-height:1.2}.contactDetailView .contactHeader .contactHeaderLeft .contactHeaderInfo .contactJobTitle{font-size:16px;color:var(--color-text-gray,#6b7280);margin:0 0 12px}.contactDetailView .contactHeader .contactHeaderLeft .contactHeaderInfo .contactStatus .badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:500}.contactDetailView .contactHeader .contactHeaderLeft .contactHeaderInfo .contactStatus .badge.badge-info{background:var(--state-pill-info-bg,#dbeafe);color:var(--state-pill-info-text,#1e40af)}.contactDetailView .contactHeader .contactHeaderLeft .contactHeaderInfo .contactStatus .badge.badge-primary{background:var(--color-bg-gray,#e0e7ff);color:var(--color-primary,#4338ca)}.contactDetailView .contactHeader .contactHeaderLeft .contactHeaderInfo .contactStatus .badge.badge-success{background:var(--state-pill-active-bg,#d1fae5);color:var(--state-pill-active-text,#065f46)}.contactDetailView .contactHeader .contactHeaderLeft .contactHeaderInfo .contactStatus .badge.badge-danger{background:var(--state-pill-danger-bg,#fee2e2);color:var(--state-pill-danger-text,#991b1b)}.contactDetailView .contactHeader .contactHeaderLeft .contactHeaderInfo .contactStatus .badge.badge-secondary{background:var(--color-default,#f3f4f6);color:var(--state-pill-inactive-text,#4b5563)}.contactDetailView .contactHeader .contactHeaderRight{display:flex;gap:12px}.contactDetailView .contactTabs{border-bottom:1px solid var(--color-line);background:var(--color-white)}.contactDetailView .contactTabs .nav-tabs{display:flex;list-style:none;margin:0;padding:0 32px;gap:8px}.contactDetailView .contactTabs .nav-tabs .nav-item .nav-link{display:block;padding:16px 20px;color:var(--color-text-gray,#6b7280);font-size:14px;font-weight:500;text-decoration:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s}.contactDetailView .contactTabs .nav-tabs .nav-item .nav-link:hover{color:var(--color-text,#111827);border-bottom-color:var(--color-line,#d1d5db)}.contactDetailView .contactTabs .nav-tabs .nav-item .nav-link.active{color:var(--color-primary,#2563eb);border-bottom-color:var(--color-primary,#2563eb)}.contactDetailView .contactTabContent{padding:32px}.contactDetailView .contactTabContent .tabPane{display:none}.contactDetailView .contactTabContent .tabPane.active{display:block}.contactDetailView .contactTabContent .contactInfoGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.contactDetailView .contactTabContent .contactInfoGrid .infoGroup label{display:block;font-size:13px;font-weight:500;color:var(--color-text-gray-light,#6b7280);margin-bottom:6px;letter-spacing:.5px}.contactDetailView .contactTabContent .contactInfoGrid .infoGroup p{font-size:15px;color:var(--color-text,#111827);margin:0;line-height:1.5}.contactDetailView .contactTabContent .contactInfoGrid .infoGroup p a{color:var(--color-primary,#2563eb);text-decoration:none}.contactDetailView .contactTabContent .contactInfoGrid .infoGroup p a:hover{text-decoration:underline}.contactDetailView .contactTabContent .notasAdicionales{margin-top:32px;padding:24px;background:var(--color-bg-gray,#f9fafb);border-radius:8px;border:1px solid var(--color-line,#e5e7eb)}.contactDetailView .contactTabContent .notasAdicionales h3{font-size:16px;font-weight:600;color:var(--color-text,#111827);margin:0 0 12px}.contactDetailView .contactTabContent .notasAdicionales p{font-size:14px;color:var(--color-text-gray,#4b5563);line-height:1.6;margin:0;white-space:pre-wrap}.contactDetailView .contactTabContent .emptyState{text-align:center;padding:48px 24px;color:var(--color-text-gray-light,#9ca3af);font-size:14px}.bodyModule[module=contacts] .colTitle{cursor:pointer}.bodyModule[module=contacts] .colTitle:hover{color:var(--color-primary,#2563eb)}.bodyModule[module=contacts] .table-actions-trash{display:flex;gap:8px}@media (max-width:768px){.contactDetailView .contactHeader{flex-direction:column;align-items:flex-start;gap:20px}.contactDetailView .contactHeader .contactHeaderLeft{flex-direction:column;align-items:center;text-align:center;width:100%}.contactDetailView .contactHeader .contactHeaderRight{width:100%;justify-content:center}.contactDetailView .contactTabs .nav-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.contactDetailView .contactTabs .nav-tabs::-webkit-scrollbar{height:4px}.contactDetailView .contactTabs .nav-tabs::-webkit-scrollbar-thumb{background:var(--color-line,#d1d5db);border-radius:2px}.contactDetailView .contactTabContent{padding:20px}.contactDetailView .contactTabContent .contactInfoGrid{grid-template-columns:1fr;gap:16px}}