.nav-badge{display:none;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:#ff4d3d;color:#fff;font-size:10px;align-items:center;justify-content:center;margin-left:3px}.nav-badge.visible{display:inline-flex}.success-mark{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:#e4faed;color:#078344;font-size:38px;font-weight:900;margin:0 auto 24px}.modal>.success-mark~h2,.modal>.success-mark~p{text-align:center}.modal>.success-mark~.button{margin-top:12px;width:100%}.header-actions{display:flex;gap:10px}.network-toolbar{display:grid;grid-template-columns:1fr 210px auto;gap:12px;margin-bottom:18px}.search-box{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e5e2da;border-radius:16px;padding:0 16px;font-size:24px}.search-box input{border:0;outline:0;width:100%;height:52px;background:transparent;font:inherit;font-size:15px}.network-toolbar select{border:1px solid #e5e2da;border-radius:16px;padding:0 14px;background:#fff;font:inherit}.network-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:20px;align-items:start}.network-list{display:grid;gap:10px}.network-contact{width:100%;border:1px solid transparent;background:#fff;border-radius:20px;padding:17px;display:grid;grid-template-columns:50px 1fr auto;gap:14px;text-align:left;align-items:center;cursor:pointer;font:inherit;position:relative}.network-contact:hover{border-color:#cbc7ff;transform:translateY(-1px)}.network-contact.unread:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#5b5cf0;left:-3px;top:22px}.contact-main{min-width:0}.contact-title{display:flex;align-items:center;gap:9px}.contact-title h3{margin:0;font-size:17px}.contact-main>p{margin:4px 0 8px;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.lead-status{font-size:9px;text-transform:uppercase;letter-spacing:.06em;font-weight:900;padding:5px 7px;border-radius:99px;background:#eee}.lead-status.new{background:#eee9ff;color:#4e42b8}.lead-status.contacted{background:#e8f2ff;color:#1762a3}.lead-status.qualified{background:#e3faed;color:#087443}.lead-status.archived{color:#777}.tag-row{display:flex;gap:5px;flex-wrap:wrap}.tag-row span{font-size:10px;background:#f1f0ec;border-radius:99px;padding:4px 7px}.tag-row .reminder-chip{background:#fff1db;color:#925800}.network-empty-detail,.contact-detail{background:#fff;border-radius:24px;min-height:430px;position:sticky;top:98px}.network-empty-detail{display:grid;place-items:center;text-align:center;color:#888;padding:40px}.network-empty-detail span{font-size:36px}.network-empty-detail h3{color:#222;margin-bottom:6px}.network-empty-detail p{max-width:260px;line-height:1.5}.contact-detail{padding:26px}.detail-head{display:flex;gap:14px;align-items:center}.initial.large{width:62px;height:62px;border-radius:19px;font-size:18px}.detail-head h2{margin:0;font-size:24px}.detail-head p{margin:4px 0;color:#777}.contact-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0}.contact-quick a{text-align:center;padding:11px 5px;border-radius:12px;background:#f0efeb;color:#333;text-decoration:none;font-size:12px;font-weight:800}.contact-detail form{display:grid;gap:13px}.contact-detail select{font:inherit;padding:12px;border:1px solid #dedcd4;border-radius:13px;background:#fff}.contact-detail textarea{min-height:110px}.empty.compact{padding:55px 20px}
@media(max-width:850px){.network-layout{grid-template-columns:1fr}.network-empty-detail,.contact-detail{position:static;min-height:0}.network-toolbar{grid-template-columns:1fr 1fr}.search-box{grid-column:1/-1}.header-actions{flex-direction:column}}
@media(max-width:560px){.network-toolbar{grid-template-columns:1fr}.search-box{grid-column:auto}.network-contact{grid-template-columns:44px 1fr}.network-contact>.date{grid-column:2}.contact-title{align-items:flex-start;flex-direction:column;gap:4px}.contact-quick{grid-template-columns:1fr}.header-actions .button{min-width:auto}}
.header-actions .button.primary{background:#050505;color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.14)}
.header-actions .button.primary:hover{background:#222}
.network-add-icon{display:grid;place-items:center;width:46px;height:46px;padding:0 0 3px;border:0;border-radius:50%;background:#0b0b0b;color:#fff;box-shadow:0 8px 22px #0002;cursor:pointer;font:300 34px/1 -apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif}.network-add-icon:hover{background:#282828;transform:translateY(-1px)}
.header-actions[data-compact="true"]{position:relative;align-items:center;flex-direction:row}.network-header-icon{display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid #e4e2dc;border-radius:50%;background:#fff;color:#171717;text-decoration:none;box-shadow:0 7px 20px #0000000a;cursor:pointer;font:700 20px/1 inherit}.network-header-icon:hover{background:#f0efeb}.network-share-icon{font-size:25px;line-height:1}.network-more-button span{display:block;margin-top:-8px;font-size:22px;letter-spacing:2px}.network-header-more{position:relative}.network-header-menu{position:absolute;z-index:30;top:56px;right:0;width:275px;padding:8px;border:1px solid #e5e3de;border-radius:18px;background:#fff;box-shadow:0 18px 50px #0002}.network-header-menu[hidden]{display:none}.network-export-row{display:flex;align-items:center;gap:13px;padding:12px;border-radius:13px;color:#171717;text-decoration:none}.network-export-row:hover{background:#f3f2ef}.csv-export-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#e9f8ef;color:#087844;font-size:23px;font-weight:900}.network-export-row strong,.network-export-row small{display:block}.network-export-row small{margin-top:3px;color:#858585;font-size:11px;font-weight:500}
@media(max-width:850px){.header-actions[data-compact="true"]{flex-direction:row}.network-header-icon,.network-add-icon{width:42px;height:42px}.network-add-icon{font-size:31px}.network-header-menu{right:0}}
.contact-detail{max-height:calc(100vh - 120px);overflow:auto}
.contact-detail form{gap:16px}
.contact-edit-grid,.contact-followup-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.contact-edit-grid .field.full{grid-column:1/-1}
.contact-detail .field input{width:100%}
.network-contact.selected{border-color:#0878f9;background:#f6f9ff;box-shadow:0 0 0 3px rgba(8,120,249,.1)}
@media(max-width:1100px){.contact-edit-grid,.contact-followup-grid{grid-template-columns:1fr}.contact-edit-grid .field.full{grid-column:auto}}
.network-contact-modal-backdrop{z-index:120;align-items:center;padding:20px}.network-contact-modal{width:min(720px,100%);position:relative;padding:30px;max-height:min(880px,92vh)}.network-modal-close{position:absolute;right:20px;top:18px;width:38px;height:38px;border:0;border-radius:50%;background:#efeff4;font:300 28px/1 system-ui;cursor:pointer}.network-modal-hero{display:flex;align-items:center;gap:17px;padding-right:48px}.network-modal-avatar{width:70px;height:70px;border-radius:22px;font-size:21px}.network-modal-hero h2{margin:7px 0 3px;font-size:31px}.network-modal-hero p{margin:0;color:#777}.network-contact-modal fieldset{border:0;padding:0;margin:0;display:grid;gap:15px}.network-contact-modal fieldset:disabled input,.network-contact-modal fieldset:disabled textarea,.network-contact-modal fieldset:disabled select{color:#222;opacity:1;background:#f4f4f6;border-color:transparent}.network-contact-modal fieldset:disabled label{color:#8e8e93}.network-modal-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:20px}.network-modal-actions .button{width:100%}.network-contact-modal.editing fieldset{padding-top:4px}.network-contact-modal.editing .network-modal-actions{position:sticky;bottom:-30px;background:#fff;padding:14px 0 6px}.network-contact-modal .contact-quick{margin:20px 0}.network-contact-modal textarea{min-height:92px}@media(max-width:600px){.network-contact-modal-backdrop{align-items:end;padding:0}.network-contact-modal{border-radius:28px 28px 0 0;padding:25px 20px max(24px,env(safe-area-inset-bottom));max-height:94vh}.network-modal-hero h2{font-size:25px}.network-modal-avatar{width:58px;height:58px;border-radius:18px}.network-modal-close{right:16px;top:14px}}
.network-contact-actions{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin:22px 0 26px}.network-action{border:0;background:transparent;color:#222;text-decoration:none;text-align:center;font:inherit;cursor:pointer;padding:0;min-width:0}.network-action-icon{width:54px;height:54px;border-radius:17px;background:#f0eff4;color:#0878f9;margin:0 auto 6px;display:grid;place-items:center;font-size:25px;font-weight:600;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.08)}.network-action small{display:block;font-size:10px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.network-action.danger{color:#ff3b30}.network-action.danger .network-action-icon{background:#fff0ef;color:#ff3b30}@media(max-width:650px){.network-contact-actions{grid-template-columns:repeat(3,1fr);row-gap:16px}.network-action-icon{width:58px;height:58px;border-radius:18px}}
.network-contact-actions.primary-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.primary-actions .network-action{background:#f5f5f7;border-radius:18px;padding:14px 8px 11px}.primary-actions .network-action-icon{background:transparent;box-shadow:none;width:38px;height:34px;margin-bottom:3px;color:#111}.primary-actions .network-action small{font-size:12px;color:#222}.network-overflow-button{position:absolute;right:67px;top:20px;width:38px;height:38px;border:0;border-radius:50%;background:#efeff4;color:#222;font:900 17px/1 system-ui;letter-spacing:1px;cursor:pointer}.network-overflow-button.active{background:#dedee4}.network-overflow-menu{position:absolute;z-index:5;right:62px;top:63px;width:220px;padding:7px;background:rgba(250,250,252,.97);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.08);border-radius:16px;box-shadow:0 15px 40px rgba(0,0,0,.2)}.network-overflow-menu a,.network-overflow-menu button{width:100%;min-height:44px;border:0;border-radius:10px;background:transparent;color:#222;text-decoration:none;display:flex;align-items:center;gap:10px;padding:0 12px;font:inherit;font-size:13px;font-weight:750;cursor:pointer}.network-overflow-menu a:hover,.network-overflow-menu button:hover{background:#ececf1}.network-overflow-menu span{width:22px;text-align:center;font-size:19px}.network-overflow-menu .danger{color:#ff3b30}.lead-quality{border:1px solid #e7e5df;border-radius:20px;padding:17px 18px;margin:0 0 18px;background:#fff}.lead-quality>div:first-child{display:flex;justify-content:space-between;align-items:center;font-weight:850}.lead-quality strong{font-size:12px;color:#8e8e93}.lead-stars{display:flex;gap:7px;margin-top:10px}.lead-stars button{border:0;background:transparent;color:#d7d7dc;font-size:36px;line-height:1;padding:0;cursor:pointer;transition:transform .15s,color .15s}.lead-stars button:hover{transform:scale(1.08)}.lead-stars button.active{color:#ffcc00}@media(max-width:600px){.network-overflow-button{right:61px;top:16px}.network-overflow-menu{right:18px;top:59px}.lead-stars button{font-size:34px}.primary-actions .network-action{padding:12px 5px 10px}}
.primary-actions .network-action-icon{font-size:0!important}.primary-actions .network-action-icon:before{content:"";display:block;width:29px;height:29px;background:currentColor;mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}.primary-actions .network-action-icon.phone:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M6.7 3.2 9.5 7.8 7.7 10c1.3 3 3.3 5 6.3 6.3l2.2-1.8 4.6 2.8c-.5 2.3-1.9 3.5-4.2 3.5C10 20.8 3.2 14 3.2 7.4c0-2.3 1.2-3.7 3.5-4.2Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M6.7 3.2 9.5 7.8 7.7 10c1.3 3 3.3 5 6.3 6.3l2.2-1.8 4.6 2.8c-.5 2.3-1.9 3.5-4.2 3.5C10 20.8 3.2 14 3.2 7.4c0-2.3 1.2-3.7 3.5-4.2Z'/%3E%3C/svg%3E")}.primary-actions .network-action-icon.message:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M4 5.5A3.5 3.5 0 0 1 7.5 2h9A3.5 3.5 0 0 1 20 5.5v7a3.5 3.5 0 0 1-3.5 3.5H11l-5.2 4v-4.5A3.5 3.5 0 0 1 4 12.5v-7Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M4 5.5A3.5 3.5 0 0 1 7.5 2h9A3.5 3.5 0 0 1 20 5.5v7a3.5 3.5 0 0 1-3.5 3.5H11l-5.2 4v-4.5A3.5 3.5 0 0 1 4 12.5v-7Z'/%3E%3C/svg%3E")}.primary-actions .network-action-icon.email:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2.5'/%3E%3Cpath d='m5 7 7 6 7-6'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2.5'/%3E%3Cpath d='m5 7 7 6 7-6'/%3E%3C/g%3E%3C/svg%3E")}

.primary-actions .network-action-icon.whatsapp{color:#25d366}
.primary-actions .network-action-icon.whatsapp:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 0 0-8.6 15l-1.3 4.7 4.8-1.3A10 10 0 1 0 12 2Zm0 18.2c-1.6 0-3.1-.4-4.4-1.2l-.3-.2-2.9.8.8-2.8-.2-.3A8.2 8.2 0 1 1 12 20.2Zm4.5-6.1c-.2-.1-1.4-.7-1.6-.8-.2-.1-.4-.1-.5.1-.2.2-.6.8-.8 1-.1.1-.3.2-.5.1-.7-.3-1.4-.6-2-1.3-.5-.5-.8-1.1-1.1-1.6-.1-.2 0-.4.1-.5l.4-.5c.1-.2.1-.3.2-.5.1-.2 0-.3 0-.5l-.8-1.9c-.2-.5-.4-.4-.5-.4h-.5c-.2 0-.5.1-.7.3-.2.2-.9.9-.9 2.2 0 1.3.9 2.5 1 2.7.1.2 1.8 2.8 4.4 3.9.6.3 1.1.4 1.5.5.6.2 1.2.2 1.6.1.5-.1 1.4-.6 1.6-1.1.2-.6.2-1 .1-1.1-.1-.1-.2-.2-.4-.3Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 0 0-8.6 15l-1.3 4.7 4.8-1.3A10 10 0 1 0 12 2Zm0 18.2c-1.6 0-3.1-.4-4.4-1.2l-.3-.2-2.9.8.8-2.8-.2-.3A8.2 8.2 0 1 1 12 20.2Zm4.5-6.1c-.2-.1-1.4-.7-1.6-.8-.2-.1-.4-.1-.5.1-.2.2-.6.8-.8 1-.1.1-.3.2-.5.1-.7-.3-1.4-.6-2-1.3-.5-.5-.8-1.1-1.1-1.6-.1-.2 0-.4.1-.5l.4-.5c.1-.2.1-.3.2-.5.1-.2 0-.3 0-.5l-.8-1.9c-.2-.5-.4-.4-.5-.4h-.5c-.2 0-.5.1-.7.3-.2.2-.9.9-.9 2.2 0 1.3.9 2.5 1 2.7.1.2 1.8 2.8 4.4 3.9.6.3 1.1.4 1.5.5.6.2 1.2.2 1.6.1.5-.1 1.4-.6 1.6-1.1.2-.6.2-1 .1-1.1-.1-.1-.2-.2-.4-.3Z'/%3E%3C/svg%3E")}

/* --- Vista Kanban / pipeline de leads --- */
.network-layout[hidden],.network-board[hidden]{display:none!important}
.lead-status.won{background:#e6f7ec;color:#0a7d3f}
.view-toggle{display:inline-flex;gap:2px;background:#efeef4;border-radius:12px;padding:3px;margin-left:auto}
.view-toggle button{border:0;background:transparent;color:#555;font:inherit;font-size:12px;font-weight:800;padding:7px 12px;border-radius:9px;cursor:pointer;white-space:nowrap}
.view-toggle button.active{background:#fff;color:#111;box-shadow:0 1px 3px rgba(0,0,0,.1)}
.network-board{display:flex;gap:14px;overflow-x:auto;padding:6px 2px 20px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.kanban-col{flex:0 0 270px;min-width:270px;background:#f4f3f7;border-radius:18px;padding:12px;scroll-snap-align:start;transition:background .15s,box-shadow .15s}
.kanban-col.drop-target{background:#e7e6ff;box-shadow:inset 0 0 0 2px var(--accent)}
.kanban-col-head{display:flex;align-items:center;justify-content:space-between;margin:2px 4px 12px}
.kanban-col-title{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;padding:5px 9px;border-radius:99px;background:#e6e5ec;color:#555}
.kanban-col-title.status-new{background:#eee9ff;color:#4e42b8}
.kanban-col-title.status-contacted{background:#e8f2ff;color:#1762a3}
.kanban-col-title.status-qualified{background:#e3faed;color:#087443}
.kanban-col-title.status-won{background:#d9f5e4;color:#0a7d3f}
.kanban-col-title.status-archived{background:#eceaf0;color:#777}
.kanban-col-count{font-size:13px;font-weight:800;color:#8a8a94}
.kanban-col-body{display:flex;flex-direction:column;gap:10px;min-height:60px}
.kanban-empty{font-size:12px;color:#b3b3ba;text-align:center;padding:14px 0;margin:0}
.kanban-card{display:flex;gap:8px;align-items:flex-start;background:#fff;border-radius:14px;padding:12px 12px 12px 8px;box-shadow:0 1px 2px rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.04)}
.kanban-card.dragging{opacity:.4}
.kanban-grip{flex:0 0 auto;border:0;background:transparent;color:#c2c2ca;font-size:16px;line-height:1;padding:2px 3px;cursor:grab;touch-action:none;align-self:stretch;display:flex;align-items:center}
.kanban-grip:active{cursor:grabbing}
.kanban-card-body{flex:1;min-width:0;cursor:pointer}
.kanban-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.kanban-card-head strong{font-size:14px;color:#171717;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kanban-stars{font-size:11px;color:#ffcc00;flex:0 0 auto;letter-spacing:-1px}
.kanban-card-sub{margin:3px 0 0;font-size:12px;color:#6b6b73;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kanban-card-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}
.kanban-tag{font-size:10px;font-weight:700;color:#555;background:#f0eff4;border-radius:99px;padding:3px 8px}
.kanban-ghost{position:fixed;z-index:300;pointer-events:none;transform:translate(-14px,-14px) rotate(2deg);box-shadow:0 12px 30px rgba(0,0,0,.25);opacity:.95;margin:0}

/* --- Panel de seguimientos / recordatorios --- */
#reminders-panel{margin:0 0 18px}
.reminders-head{display:flex;align-items:center;gap:10px;margin:0 0 10px}
.reminders-title{font-size:14px;font-weight:900;color:#171717}
.reminders-sub-count{font-size:12px;font-weight:700;color:#8a8a94}
.reminders-list{display:flex;flex-direction:column;gap:8px}
.reminder-item{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #ece9e1;border-left:3px solid #cfae5a;border-radius:14px;padding:11px 14px}
.reminder-item.overdue{border-left-color:#e5484d;background:#fff7f7}
.reminder-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.reminder-when{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:#925800}
.reminder-item.overdue .reminder-when{color:#c62a2f}
.reminder-info strong{font-size:14px;color:#171717;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reminder-sub{font-size:12px;color:#6b6b73;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reminder-actions{display:flex;gap:6px;flex:0 0 auto}
.reminder-btn{width:36px;height:36px;border:1px solid #e6e3dc;border-radius:10px;background:#fff;color:#333;font-size:15px;line-height:1;cursor:pointer;display:grid;place-items:center;text-decoration:none;transition:border-color .15s,background .15s}
.reminder-btn:hover{border-color:var(--accent);background:#f7f7ff}
.reminder-btn.wa{color:#25d366;border-color:#cde0d6}
.reminder-btn.wa:hover{background:#e9faf0;border-color:#25d366}
.reminder-btn.done{color:#0a7d3f}
.reminder-btn.done:hover{background:#e9f7ee;border-color:#0a7d3f}