/* PEKE360_SOCIAL_INBOX_PRO_V16_CSS */
:root{--p360v16-border:#e4e7eb;--p360v16-soft:#f7f8fa;--p360v16-text:#1f2937;--p360v16-muted:#6b7280;--p360v16-blue:#2563eb;--p360v16-blue-soft:#eef5ff;--p360v16-danger:#b42318}
@media(min-width:901px){#mainSidebar{position:relative!important;z-index:80!important;visibility:visible!important}}
#page-social-sales-v3.p360-social-v16-ready{position:relative!important;overflow:hidden!important;padding:0!important;background:#fff!important}
#page-social-sales-v3.p360-social-v16-ready .psocial-app,#page-social-sales-v3.p360-social-v16-ready .psocial-main{height:100%!important;min-height:0!important;overflow:hidden!important;background:#fff!important}
#page-social-sales-v3.p360-social-v16-ready .p360-v16-original-topbar{display:none!important}
#page-social-sales-v3.p360-social-v16-ready .psocial-workspace{height:100%!important;min-height:0!important;display:grid!important;grid-template-columns:168px minmax(265px,305px) minmax(380px,1fr) minmax(300px,340px)!important;overflow:hidden!important;background:#fff!important;border:1px solid var(--p360v16-border)!important;border-radius:10px!important}
#page-social-sales-v3.p360-social-v16-ready .psocial-workspace.p360-right-panel-hidden-v132{grid-template-columns:168px minmax(275px,320px) minmax(420px,1fr)!important}
#page-social-sales-v3.p360-social-v16-ready .psocial-workspace.p360-right-panel-hidden-v132 .psocial-catalog{display:none!important}
#page-social-sales-v3.p360-social-v16-ready .psocial-workspace.peke-commerce-open{grid-template-columns:168px minmax(250px,285px) minmax(340px,.72fr) minmax(500px,1.15fr)!important}
#page-social-sales-v3.p360-social-v16-ready .psocial-workspace.peke-commerce-open .psocial-catalog{display:none!important}
#page-social-sales-v3.p360-social-v16-ready .psocial-conversations,#page-social-sales-v3.p360-social-v16-ready .psocial-chat,#page-social-sales-v3.p360-social-v16-ready .psocial-catalog,#page-social-sales-v3.p360-social-v16-ready #pekeSocialCommercePanel{min-width:0!important;min-height:0!important;height:100%!important;max-height:none!important;box-sizing:border-box!important}

/* Rail tipo Inbox */
.p360-inbox-rail-v16{display:flex;flex-direction:column;min-width:0;min-height:0;background:#f7f8fa;border-right:1px solid var(--p360v16-border);padding:14px 10px 10px;overflow:hidden;color:var(--p360v16-text);font:13px/1.35 Inter,"Segoe UI",Arial,sans-serif}
.p360-rail-brand-v16{padding:2px 8px 14px}.p360-rail-brand-v16 b{display:block;font-size:15px}.p360-rail-brand-v16 small{display:block;margin-top:2px;color:var(--p360v16-muted);font-size:11px}
.p360-rail-folders-v16,.p360-rail-labels-v16{display:flex;flex-direction:column;gap:2px}.p360-rail-folders-v16 button,.p360-rail-labels-v16 button,.p360-rail-admin-v16{width:100%;display:flex;align-items:center;gap:8px;min-height:34px;border:0;border-radius:7px;background:transparent;color:#374151;padding:6px 8px;text-align:left;cursor:pointer;font:500 12.5px/1.2 inherit}
.p360-rail-folders-v16 button:hover,.p360-rail-labels-v16 button:hover,.p360-rail-admin-v16:hover{background:#eef1f4}.p360-rail-folders-v16 button.active,.p360-rail-labels-v16 button.active{background:#e7effd;color:#184e9f;font-weight:650}
.p360-rail-folders-v16 button>span:nth-child(2),.p360-rail-labels-v16 button>span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p360-rail-folders-v16 button>b{font-size:10.5px;color:#667085;font-weight:600}.p360-rail-dot-v16{width:6px;height:6px;border-radius:50%;background:#9ca3af;flex:0 0 auto}.p360-rail-folders-v16 button.active .p360-rail-dot-v16{background:#2563eb}
.p360-rail-section-v16{margin-top:16px;min-height:0;overflow:auto}.p360-rail-section-head-v16{display:flex;align-items:center;justify-content:space-between;padding:0 7px 7px;color:#6b7280;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.p360-rail-section-head-v16 button{width:24px;height:24px;border:0;border-radius:5px;background:transparent;cursor:pointer;color:#475467;font-size:17px}.p360-rail-labels-v16 button i{width:8px;height:8px;border-radius:2px;background:var(--label,#64748b);flex:0 0 auto}.p360-rail-labels-v16>small{padding:6px 8px;color:#98a2b3;font-size:11px}.p360-rail-spacer-v16{flex:1}.p360-rail-admin-v16{border-top:1px solid #e2e5e9;border-radius:0;padding-top:11px;margin-top:8px;font-weight:650}.p360-settings-glyph-v16{width:13px;height:13px;border:2px solid #667085;border-radius:50%;position:relative}.p360-settings-glyph-v16:after{content:"";position:absolute;inset:3px;border-radius:50%;background:#667085}

/* Lista de conversaciones */
#page-social-sales-v3.p360-social-v16-ready .psocial-conversations{display:flex!important;flex-direction:column!important;border-right:1px solid var(--p360v16-border)!important;background:#fff!important;overflow:hidden!important}
#page-social-sales-v3.p360-social-v16-ready .psocial-section-head{min-height:53px!important;padding:12px 14px!important;border-bottom:1px solid var(--p360v16-border)!important}.psocial-section-head>strong{font-size:14px!important}.psocial-section-head>div>button{border:0!important;background:transparent!important}
#page-social-sales-v3.p360-social-v16-ready .psocial-conversation-filter{margin:10px 12px 7px!important;border:1px solid #d9dde3!important;border-radius:7px!important;background:#fff!important;min-height:34px!important}.psocial-conversation-filter input{font-size:12.5px!important;padding:7px 9px 7px 31px!important}
.p360-conversation-toolbar-v16{padding:0 10px 8px;border-bottom:1px solid #eef0f2}.p360-list-tabs-v16{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:2px;background:#f2f4f7;border-radius:7px}.p360-list-tabs-v16 button{border:0;background:transparent;border-radius:5px;min-height:28px;font:600 11.5px/1.1 Inter,"Segoe UI",Arial;cursor:pointer;color:#667085}.p360-list-tabs-v16 button.active{background:#fff;color:#1d2939;box-shadow:0 1px 2px rgba(16,24,40,.08)}
.p360-list-filter-actions-v16{display:flex;gap:5px;margin-top:7px;overflow-x:auto}.p360-list-filter-actions-v16 button{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;min-height:28px;border:1px solid #dfe3e8;border-radius:6px;background:#fff;padding:4px 7px;cursor:pointer;color:#475467;font:500 10.5px/1.15 Inter,"Segoe UI",Arial}.p360-list-filter-actions-v16 button b{font-weight:650;color:#344054;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p360-list-filter-actions-v16 button i{width:5px;height:5px;border-right:1px solid #667085;border-bottom:1px solid #667085;transform:rotate(45deg);margin:-2px 1px 0 2px}
#page-social-sales-v3.p360-social-v16-ready .psocial-conversation-list{flex:1 1 auto!important;min-height:0!important;overflow:auto!important;padding:0!important}.psocial-more-conversations{flex:0 0 auto!important;border-top:1px solid #eef0f2!important}.psocial-more-conversations button{font-size:11px!important}
#page-social-sales-v3 #p360SocialChannelFiltersV2{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:5px!important;min-height:40px!important;padding:5px 8px!important;overflow-x:auto!important;overflow-y:hidden!important;border-bottom:1px solid #eef0f2!important;background:#fff!important}
#page-social-sales-v3 #p360SocialChannelFiltersV2 button{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;width:auto!important;min-width:max-content!important;height:30px!important;min-height:30px!important;padding:0 9px!important;border:1px solid #d0d5dd!important;border-radius:6px!important;background:#fff!important;color:#475467!important;box-shadow:none!important;font:600 11px/1 Inter,"Segoe UI",Arial,sans-serif!important}
#page-social-sales-v3 #p360SocialChannelFiltersV2 button.active{border-color:#b9d2fa!important;background:#eaf2ff!important;color:#175cd3!important}
#page-social-sales-v3.p360-social-v16-ready .psocial-conversation{min-height:78px!important;padding:10px 10px!important;border-bottom:1px solid #f0f2f4!important;border-radius:0!important;gap:9px!important;background:#fff!important;transition:background .12s ease}.psocial-conversation:hover{background:#f8fafc!important}.psocial-conversation.active{background:#eef5ff!important;box-shadow:inset 3px 0 0 #3777d5!important}.psocial-conversation.p360-v16-filtered-out{display:none!important}.psocial-conversation .psocial-avatar{width:34px!important;height:34px!important;min-width:34px!important;font-size:11px!important}.psocial-conversation-data{min-width:0!important}.psocial-conversation-data>strong{font:650 12.5px/1.25 Inter,"Segoe UI",Arial!important;color:#1d2939!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p360-crm-conv-meta-v13{display:none!important}.p360-conversation-info-v16{display:flex;align-items:center;gap:5px;min-width:0;margin-top:4px;overflow:hidden}.p360-lifecycle-pill-v16{display:inline-flex;align-items:center;max-width:135px;min-height:19px;padding:2px 6px;border-radius:999px;background:color-mix(in srgb,var(--p360-v16-accent,#64748b) 11%,white);border:1px solid color-mix(in srgb,var(--p360-v16-accent,#64748b) 23%,white);color:var(--p360-v16-accent,#64748b);font:650 9.5px/1.15 Inter,"Segoe UI",Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p360-assignee-mini-v16,.p360-wait-mini-v16{font:500 9.5px/1.1 Inter,"Segoe UI",Arial;color:#7b8492;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p360-wait-mini-v16{color:#b54708}.psocial-conversation-preview{margin-top:4px!important;font-size:10.5px!important;color:#667085!important;white-space:nowrap!important;overflow:hidden!important}.psocial-conversation-preview>span:last-child{overflow:hidden;text-overflow:ellipsis}.psocial-conversation-side{min-width:38px!important}.psocial-conversation-side small{font-size:9.5px!important}.psocial-unread{min-width:18px!important;height:18px!important;font-size:9px!important;background:#2f73d9!important}.p360-v16-hidden-status-dot{display:none!important}

/* Chat central */
#page-social-sales-v3.p360-social-v16-ready .psocial-chat{display:flex!important;flex-direction:column!important;overflow:hidden!important;background:#f7f8fa!important;border-right:1px solid var(--p360v16-border)!important}
#page-social-sales-v3.p360-social-v16-ready .psocial-chat-head{flex:0 0 auto!important;min-height:58px!important;padding:9px 13px!important;background:#fff!important;border-bottom:1px solid var(--p360v16-border)!important;gap:9px!important}.psocial-chat-head .psocial-avatar{width:36px!important;height:36px!important;min-width:36px!important}.psocial-chat-person{min-width:120px!important;flex:1 1 auto!important}.psocial-chat-person strong{font:650 13px/1.2 Inter,"Segoe UI",Arial!important}.psocial-chat-person small{font:400 10.5px/1.2 Inter,"Segoe UI",Arial!important;color:#667085!important}.p360-chat-controls-v16{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex:0 1 auto;min-width:0}.p360-head-control-v16,.p360-head-close-v16{display:inline-flex;align-items:center;gap:5px;min-height:30px;max-width:150px;border:1px solid #dfe3e8;border-radius:6px;background:#fff;padding:5px 8px;cursor:pointer;color:#344054;font:600 10.5px/1.1 Inter,"Segoe UI",Arial;white-space:nowrap;overflow:hidden}.p360-head-control-v16 span{overflow:hidden;text-overflow:ellipsis}.p360-head-control-v16 i{width:8px;height:8px;border-radius:50%;background:var(--swatch,#64748b);flex:0 0 auto}.p360-head-control-v16 b{font-size:9px;color:#98a2b3}.p360-head-control-v16:disabled{opacity:.62;cursor:default}.p360-head-close-v16{color:#344054}.p360-head-close-v16.reopen{color:#175cd3;background:#eff8ff;border-color:#b2ddff}
#page-social-sales-v3.p360-social-v16-ready .psocial-chat-buttons{flex:0 0 auto!important}.psocial-chat-buttons>button:not(#p360CrmPanelToggleV132){display:none!important}#p360CrmPanelToggleV132{min-width:auto!important;min-height:30px!important;padding:5px 8px!important;border:1px solid #dfe3e8!important;border-radius:6px!important;background:#fff!important;font:600 10.5px/1.1 Inter,"Segoe UI",Arial!important;color:#475467!important;white-space:nowrap!important}
#page-social-sales-v3.p360-social-v16-ready #psMessageList{flex:1 1 auto!important;min-height:0!important;overflow:auto!important;padding:18px 20px!important;font:400 14px/1.45 Inter,"Segoe UI",Arial,sans-serif!important;background:#f4f6f8!important}.psocial-message-row,.psocial-message-row *{font-family:Inter,"Segoe UI",Arial,sans-serif!important}.psocial-message-row .psocial-message-bubble,.psocial-message-row .message-bubble,.psocial-message-row p{font-size:14px!important;line-height:1.45!important}.psocial-message-row .psocial-message-bubble{border-radius:9px!important;box-shadow:0 1px 1px rgba(16,24,40,.04)!important}
#page-social-sales-v3.p360-social-v16-ready .psocial-chat-actions{flex:0 0 auto!important;display:flex!important;gap:6px!important;padding:7px 12px!important;border-top:1px solid #e4e7eb!important;background:#fff!important}.psocial-chat-actions button{min-height:32px!important;border:1px solid #d8dde4!important;border-radius:6px!important;background:#fff!important;color:#344054!important;padding:6px 10px!important;font:600 11px/1.15 Inter,"Segoe UI",Arial!important;box-shadow:none!important}.psocial-chat-actions button:hover{background:#f8fafc!important;border-color:#c9d0d8!important}.psocial-chat-actions button span{display:none!important}
#page-social-sales-v3.p360-social-v16-ready .psocial-composer{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:6px!important;min-height:52px!important;padding:8px 11px!important;background:#fff!important;border-top:1px solid #e4e7eb!important}.psocial-composer input{height:36px!important;min-height:36px!important;border:1px solid #d6dbe2!important;border-radius:8px!important;background:#fff!important;padding:7px 10px!important;font:400 14px/1.35 Inter,"Segoe UI",Arial!important;color:#1d2939!important}.psocial-composer>button{width:34px!important;height:34px!important;min-width:34px!important;border:1px solid #dfe3e8!important;border-radius:7px!important;background:#fff!important;color:#475467!important;font:600 14px/1 Inter,"Segoe UI",Arial!important}.psocial-composer>button.send{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important}.psocial-composer>button:disabled{opacity:.45!important}.p360-quick-trigger-v16{font-size:16px!important}.p360-attach-present-v16{font-size:0!important}.p360-attach-present-v16:after{content:"";display:block;width:13px;height:13px;border:1.8px solid currentColor;border-top-color:transparent;border-radius:7px;transform:rotate(-35deg);margin:auto}

/* Panel derecho / gestión comercial */
#page-social-sales-v3.p360-social-v16-ready .psocial-catalog{display:flex!important;flex-direction:column!important;overflow:hidden!important;background:#fff!important}.p360-right-panel-hidden-v132 .psocial-catalog{display:none!important}.peke-client-hub-menu-v7{background:#fff!important;border-bottom:1px solid #e4e7eb!important;padding:8px!important;gap:4px!important}.peke-client-hub-menu-v7 button{min-height:30px!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#475467!important;font:600 10.5px/1.1 Inter,"Segoe UI",Arial!important;padding:5px 7px!important}.peke-client-hub-menu-v7 button.active{background:#eef5ff!important;color:#175cd3!important}.psocial-product-search-zone,.psocial-current-order{border-radius:0!important;box-shadow:none!important}.psocial-catalog input{font-size:12.5px!important}
#page-social-sales-v3.p360-social-v16-ready #pekeSocialCommercePanel{border-left:1px solid #e4e7eb!important;background:#fff!important}#pekeSocialCommercePanel .peke-commerce-head{padding:10px 12px!important}#pekeSocialCommercePanel .peke-commerce-close{width:31px!important;height:31px!important;border-radius:6px!important;background:#d92d20!important;color:#fff!important}

/* Popovers */
.p360-popover-v16,.p360-label-picker-v16,.p360-quick-popover-v16{position:fixed;z-index:1000000;background:#fff;border:1px solid #dfe3e8;border-radius:8px;box-shadow:0 12px 28px rgba(16,24,40,.16);padding:5px;max-height:420px;overflow:auto;font-family:Inter,"Segoe UI",Arial,sans-serif}.p360-popover-v16>button{width:100%;display:flex;align-items:center;gap:8px;border:0;border-radius:6px;background:#fff;padding:7px 8px;text-align:left;cursor:pointer;color:#344054}.p360-popover-v16>button:hover,.p360-popover-v16>button.selected{background:#f2f6fc}.p360-popover-v16>button>i{width:9px;height:9px;border-radius:50%;background:var(--swatch,#64748b);flex:0 0 auto}.p360-popover-v16>button>span{flex:1;min-width:0}.p360-popover-v16>button b{display:block;font-size:12px}.p360-popover-v16>button small{display:block;margin-top:2px;font-size:10px;color:#667085}.p360-popover-v16>button em{font-style:normal;color:#2563eb}
.p360-label-picker-v16{width:280px;padding:10px}.p360-label-picker-v16>div:first-child b{display:block;font-size:13px}.p360-label-picker-v16>div:first-child small{font-size:10.5px;color:#667085}.p360-label-picker-items-v16{max-height:250px;overflow:auto;margin:9px 0}.p360-label-picker-items-v16 label{display:flex;align-items:center;gap:7px;padding:6px 4px;font-size:12px}.p360-label-picker-items-v16 label i{width:9px;height:9px;border-radius:2px;background:var(--label,#64748b)}.p360-primary-v16{border:1px solid #2563eb!important;border-radius:6px!important;background:#2563eb!important;color:#fff!important;padding:7px 11px!important;font-weight:650!important;cursor:pointer!important}
.p360-quick-popover-v16{padding:0;overflow:hidden}.p360-quick-head-v16{padding:10px 12px;border-bottom:1px solid #eaecf0}.p360-quick-head-v16 b{display:block;font-size:12px}.p360-quick-head-v16 small{display:block;margin-top:2px;font-size:10px;color:#667085}.p360-quick-list-v16{max-height:300px;overflow:auto;padding:5px}.p360-quick-list-v16 button{width:100%;display:block;border:0;border-radius:6px;background:#fff;padding:8px;text-align:left;cursor:pointer}.p360-quick-list-v16 button:hover{background:#f5f7fa}.p360-quick-list-v16 button>span{display:flex;align-items:center;gap:7px}.p360-quick-list-v16 button>span>b{font-size:10.5px;color:#175cd3}.p360-quick-list-v16 button>span>strong{font-size:11.5px;color:#344054}.p360-quick-list-v16 button>small{display:block;margin-top:4px;max-height:34px;overflow:hidden;color:#667085;font-size:10.5px;line-height:1.35}

/* Administración */
.p360-social-admin-v16{height:100%;min-height:0;display:grid;grid-template-columns:210px minmax(0,1fr);background:#fff;border:1px solid var(--p360v16-border);border-radius:10px;overflow:hidden;font-family:Inter,"Segoe UI",Arial,sans-serif}.p360-social-admin-v16[hidden]{display:none!important}.p360-admin-nav-v16{display:flex;flex-direction:column;min-height:0;padding:15px 10px;background:#f7f8fa;border-right:1px solid #e4e7eb}.p360-admin-brand-v16{padding:3px 9px 16px}.p360-admin-brand-v16 b{display:block;font-size:15px;color:#1d2939}.p360-admin-brand-v16 small{display:block;margin-top:3px;font-size:10.5px;color:#667085}.p360-admin-nav-v16 nav{display:flex;flex-direction:column;gap:2px}.p360-admin-nav-v16 nav button,.p360-admin-back-v16{display:flex;align-items:center;gap:8px;width:100%;min-height:35px;border:0;border-radius:7px;background:transparent;padding:7px 9px;text-align:left;color:#475467;cursor:pointer;font:600 11.5px/1.15 inherit}.p360-admin-nav-v16 nav button span{width:6px;height:6px;border-radius:50%;background:#98a2b3}.p360-admin-nav-v16 nav button.active{background:#eaf2ff;color:#175cd3}.p360-admin-nav-v16 nav button.active span{background:#2563eb}.p360-admin-nav-spacer-v16{flex:1}.p360-admin-back-v16{border-top:1px solid #e4e7eb;border-radius:0;padding-top:12px}
.p360-admin-content-v16{min-width:0;min-height:0;display:flex;flex-direction:column;background:#fbfcfd}.p360-admin-content-v16>header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px;background:#fff;border-bottom:1px solid #e4e7eb}.p360-admin-content-v16>header h2{margin:0;font-size:17px;color:#1d2939}.p360-admin-content-v16>header p{margin:3px 0 0;color:#667085;font-size:11px}.p360-admin-content-v16>header>button{border:1px solid #d0d5dd;border-radius:6px;background:#fff;padding:7px 10px;font-size:11px;font-weight:600;cursor:pointer}.p360-admin-content-v16>main{flex:1 1 auto;min-height:0;overflow:auto;padding:18px 20px}
.p360-metrics-grid-v16{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;margin-bottom:12px}.p360-metric-card-v16,.p360-admin-card-v16{background:#fff;border:1px solid #e4e7eb;border-radius:9px}.p360-metric-card-v16{padding:13px}.p360-metric-card-v16 span{display:block;color:#667085;font-size:10.5px}.p360-metric-card-v16 strong{display:block;margin-top:5px;color:#1d2939;font-size:20px;letter-spacing:-.02em}.p360-metric-card-v16 small{display:block;margin-top:3px;color:#98a2b3;font-size:10px}.p360-admin-grid-v16{display:grid;grid-template-columns:1fr 1fr;gap:12px}.p360-admin-card-v16{overflow:hidden}.p360-card-head-v16{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid #eaecf0}.p360-card-head-v16 h3{margin:0;font-size:13px;color:#1d2939}.p360-card-head-v16 small{display:block;margin-top:3px;color:#667085;font-size:10.5px}.p360-card-head-v16 input{height:32px;border:1px solid #d0d5dd;border-radius:6px;padding:6px 9px;font-size:11px}.p360-card-actions-v16{display:flex;gap:6px}
.p360-workload-v16>div,.p360-waiting-list-v16>button{display:flex;align-items:center;gap:8px;padding:10px 14px;border:0;border-bottom:1px solid #f0f2f4;background:#fff;width:100%;text-align:left}.p360-workload-v16>div>span,.p360-waiting-list-v16>button>span{flex:1}.p360-workload-v16 b,.p360-waiting-list-v16 b{display:block;font-size:11.5px;color:#344054}.p360-workload-v16 small,.p360-waiting-list-v16 small{display:block;margin-top:2px;font-size:10px;color:#667085}.p360-workload-v16 strong,.p360-waiting-list-v16 strong{font-size:13px;color:#1d2939}.p360-workload-v16 em{font-size:9.5px;color:#98a2b3;font-style:normal}.p360-waiting-list-v16>button{cursor:pointer}.p360-waiting-list-v16>button:hover{background:#f8fafc}.p360-empty-v16{padding:16px;color:#98a2b3;font-size:11px;text-align:center}
.p360-table-wrap-v16{overflow:auto}.p360-table-wrap-v16 table{width:100%;border-collapse:collapse;font-size:10.5px}.p360-table-wrap-v16 th{position:sticky;top:0;background:#f8fafc;padding:8px 10px;border-bottom:1px solid #e4e7eb;text-align:left;color:#667085;font-size:9.5px;text-transform:uppercase;letter-spacing:.03em}.p360-table-wrap-v16 td{padding:9px 10px;border-bottom:1px solid #f0f2f4;color:#475467;vertical-align:middle}.p360-table-wrap-v16 td>small{display:block;margin-top:2px;color:#98a2b3}.p360-link-v16{border:0;background:transparent;padding:0;color:#175cd3;font-weight:650;cursor:pointer;text-align:left}
.p360-lifecycle-admin-list-v16,.p360-label-admin-list-v16,.p360-reply-admin-list-v16,.p360-agent-list-v16{padding:4px 0}.p360-lifecycle-row-v16,.p360-label-admin-list-v16>div,.p360-reply-admin-list-v16>div,.p360-agent-list-v16>div{display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 14px;border-bottom:1px solid #f0f2f4;background:#fff}.p360-lifecycle-row-v16.dragging{opacity:.48;background:#f0f6ff}.p360-drag-v16{cursor:grab;color:#98a2b3;letter-spacing:-3px}.p360-lifecycle-row-v16>i,.p360-label-admin-list-v16>div>i{width:11px;height:11px;border-radius:50%;background:var(--swatch,var(--label,#64748b));flex:0 0 auto}.p360-lifecycle-row-v16>div,.p360-reply-admin-list-v16>div>span{flex:1;min-width:0}.p360-lifecycle-row-v16 b,.p360-label-admin-list-v16 b,.p360-reply-admin-list-v16 b,.p360-reply-admin-list-v16 strong{font-size:11.5px;color:#344054}.p360-lifecycle-row-v16 small,.p360-reply-admin-list-v16 small{display:block;margin-top:2px;color:#667085;font-size:10px}.p360-lifecycle-row-v16 button,.p360-label-admin-list-v16 button,.p360-reply-admin-list-v16 button,.p360-agent-list-v16 button{border:1px solid #d0d5dd;border-radius:6px;background:#fff;padding:5px 8px;color:#475467;font-size:10.5px;cursor:pointer}.danger-lite{color:#b42318!important;border-color:#fecdca!important;background:#fffafa!important}.p360-label-admin-list-v16>div>b{flex:1}.p360-reply-admin-list-v16>div>span>small{max-width:760px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p360-reply-admin-list-v16>div>span>b{display:inline-block;min-width:75px;color:#175cd3}.p360-reply-admin-list-v16>div>span>strong{margin-left:7px}
.p360-assignment-modes-v16{padding:8px 14px}.p360-assignment-mode-v16{display:flex;align-items:flex-start;gap:8px;padding:9px 7px;border-radius:7px;cursor:pointer}.p360-assignment-mode-v16:hover,.p360-assignment-mode-v16.selected{background:#f5f8ff}.p360-assignment-mode-v16 input{margin-top:2px}.p360-assignment-mode-v16 span b{display:block;font-size:11.5px;color:#344054}.p360-assignment-mode-v16 span small{display:block;margin-top:2px;color:#667085;font-size:10px}.p360-assignment-modes-v16+.p360-primary-v16{margin:0 14px 14px}.p360-agent-list-v16>div{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(100px,1fr) 100px 70px}.p360-agent-list-v16 label{font-size:9.5px;color:#667085}.p360-agent-list-v16 label input[type="text"],.p360-agent-list-v16 label input:not([type]){display:block;width:100%}.p360-agent-list-v16 input[type="number"],.p360-agent-list-v16 label>input{height:30px;border:1px solid #d0d5dd;border-radius:6px;padding:5px 7px;font-size:10.5px}.p360-checkline-v16{display:flex!important;align-items:center;gap:7px;color:#344054!important}.p360-checkline-v16>span b{display:block;font-size:11px}.p360-checkline-v16>span small{display:block;color:#667085;font-size:9.5px}

/* Modal formularios */
.p360-modal-backdrop-v16{position:absolute;inset:0;z-index:1100000;background:rgba(16,24,40,.35);display:flex;align-items:center;justify-content:center;padding:24px;font-family:Inter,"Segoe UI",Arial,sans-serif}.p360-modal-v16{width:min(620px,calc(100vw - 40px));max-height:calc(100vh - 50px);display:flex;flex-direction:column;background:#fff;border:1px solid #e4e7eb;border-radius:10px;box-shadow:0 24px 48px rgba(16,24,40,.2);overflow:hidden}.p360-modal-v16>header,.p360-modal-v16>footer{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid #eaecf0}.p360-modal-v16>header h3{margin:0;font-size:15px}.p360-modal-v16>header button{width:30px;height:30px;border:0;background:transparent;font-size:20px;cursor:pointer}.p360-modal-v16>main{padding:16px;overflow:auto}.p360-modal-v16>footer{justify-content:flex-end;gap:7px;border-top:1px solid #eaecf0;border-bottom:0}.p360-modal-v16>footer>button:not(.p360-primary-v16){border:1px solid #d0d5dd;border-radius:6px;background:#fff;padding:7px 10px;cursor:pointer}.p360-form-grid-v16{display:grid;grid-template-columns:1fr 1fr;gap:12px}.p360-form-grid-v16 label{display:flex;flex-direction:column;gap:5px;color:#475467;font-size:10.5px;font-weight:600}.p360-form-grid-v16 .span2{grid-column:1/-1}.p360-form-grid-v16 input,.p360-form-grid-v16 select,.p360-form-grid-v16 textarea{width:100%;box-sizing:border-box;border:1px solid #d0d5dd;border-radius:6px;background:#fff;padding:7px 8px;color:#1d2939;font:400 12px/1.35 Inter,"Segoe UI",Arial}.p360-form-grid-v16 input[type="color"]{height:36px;padding:3px}.p360-form-grid-v16 .p360-checkline-v16{flex-direction:row}.p360-shortcut-input-v16{display:flex;align-items:center;border:1px solid #d0d5dd;border-radius:6px;overflow:hidden}.p360-shortcut-input-v16 span{padding:0 0 0 8px;color:#667085}.p360-shortcut-input-v16 input{border:0!important}

@media(max-width:1450px){#page-social-sales-v3.p360-social-v16-ready .psocial-workspace{grid-template-columns:150px minmax(245px,280px) minmax(340px,1fr) minmax(275px,305px)!important}.p360-inbox-rail-v16{padding-left:7px;padding-right:7px}.p360-head-control-v16{max-width:112px}.p360-metrics-grid-v16{grid-template-columns:repeat(3,1fr)}#page-social-sales-v3.p360-social-v16-ready .psocial-workspace.peke-commerce-open{grid-template-columns:150px 245px minmax(300px,.6fr) minmax(470px,1fr)!important}}
@media(max-width:1180px){#page-social-sales-v3.p360-social-v16-ready .psocial-workspace{grid-template-columns:138px 245px minmax(330px,1fr) 280px!important}.p360-rail-folders-v16 button{padding-left:5px;padding-right:5px}.p360-admin-grid-v16{grid-template-columns:1fr}.p360-social-admin-v16{grid-template-columns:190px minmax(0,1fr)}.p360-head-control-v16{padding:5px 6px;max-width:95px}}

/* V16 reemplaza visualmente controles CRM antiguos sin eliminar sus APIs/datos. */
#page-social-sales-v3 #p360CrmFilterBarV132,#page-social-sales-v3 #p360CrmConversationToolsV13,#page-social-sales-v3 #p360CrmStatusFilterV13,#page-social-sales-v3 #p360CrmLabelFilterV13,#page-social-sales-v3 #p360CrmGroupV13{display:none!important}
#page-config #p360SocialAdminTabV132{display:none!important}


/* PEKE360_SOCIAL_CHAT_CONTROLS_AUTOWIDTH_V652_BEGIN */

/*
 * Cabecera del chat:
 * - cada botón toma el ancho de su contenido;
 * - ningún botón se comprime hasta ocultar el texto;
 * - separación visual real entre controles;
 * - si el espacio horizontal no alcanza, el grupo puede envolver sin cortar texto.
 */
#page-social-sales-v3.p360-social-v16-ready .psocial-chat-head{
    height:auto!important;
    min-height:58px!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    row-gap:8px!important;
    column-gap:10px!important;
}

#page-social-sales-v3.p360-social-v16-ready .psocial-chat-person{
    flex:1 1 180px!important;
    min-width:150px!important;
}

#page-social-sales-v3.p360-social-v16-ready .p360-chat-controls-v16{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    gap:10px!important;
    column-gap:10px!important;
    row-gap:8px!important;
    flex-wrap:wrap!important;
    overflow:visible!important;
}

#page-social-sales-v3.p360-social-v16-ready .p360-chat-controls-v16 > button,
#page-social-sales-v3.p360-social-v16-ready .p360-head-control-v16,
#page-social-sales-v3.p360-social-v16-ready .p360-head-close-v16{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    width:max-content!important;
    min-width:max-content!important;
    max-width:none!important;
    min-height:34px!important;
    padding:7px 12px!important;
    margin:0!important;
    gap:7px!important;
    box-sizing:border-box!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    border:1px solid #d7dce4!important;
    border-radius:8px!important;
    background:#ffffff!important;
    color:#344054!important;
    box-shadow:0 1px 2px rgba(16,24,40,.05)!important;
    font:600 11px/1.15 Inter,"Segoe UI",Arial,sans-serif!important;
    letter-spacing:0!important;
    opacity:1;
}

#page-social-sales-v3.p360-social-v16-ready .p360-chat-controls-v16 > button > span,
#page-social-sales-v3.p360-social-v16-ready .p360-head-control-v16 > span,
#page-social-sales-v3.p360-social-v16-ready .p360-head-close-v16 > span{
    display:inline-block!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    color:inherit!important;
    opacity:1!important;
    visibility:visible!important;
}

#page-social-sales-v3.p360-social-v16-ready .p360-head-control-v16 > b{
    display:inline-flex!important;
    flex:0 0 auto!important;
    margin-left:1px!important;
}

#page-social-sales-v3.p360-social-v16-ready .p360-head-control-v16 > i{
    flex:0 0 auto!important;
}

/* Resumen IA: visible como acción propia sin romper la línea visual. */
#page-social-sales-v3.p360-social-v16-ready #p360AiSummaryButtonV30{
    display:inline-flex!important;
    width:max-content!important;
    min-width:max-content!important;
    max-width:none!important;
    flex:0 0 auto!important;
    padding:6px 12px 6px 7px!important;
    gap:7px!important;
    background:#f7f7ff!important;
    border-color:#c9c6f7!important;
    color:#3730a3!important;
    overflow:visible!important;
}

#page-social-sales-v3.p360-social-v16-ready #p360AiSummaryButtonV30 .p360-ai-summary-spark-v30{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    min-width:24px!important;
    width:auto!important;
    height:22px!important;
    padding:0 6px!important;
    border-radius:6px!important;
    background:#4941DD!important;
    color:#ffffff!important;
    font-size:9px!important;
    font-weight:800!important;
    line-height:1!important;
    visibility:visible!important;
    opacity:1!important;
}

/* Cerrar se diferencia del resto sin verse agresivo. */
#page-social-sales-v3.p360-social-v16-ready #p360ChatCloseV16{
    background:#fafafa!important;
    border-color:#d0d5dd!important;
    color:#475467!important;
}

#page-social-sales-v3.p360-social-v16-ready .p360-chat-controls-v16 > button:not(:disabled):hover{
    background:#f8fafc!important;
    border-color:#b8c0cc!important;
    box-shadow:0 2px 5px rgba(16,24,40,.08)!important;
}

#page-social-sales-v3.p360-social-v16-ready #p360AiSummaryButtonV30:not(:disabled):hover{
    background:#efefff!important;
    border-color:#aba6ef!important;
}

/* Disabled sigue siendo legible: no se borra el texto. */
#page-social-sales-v3.p360-social-v16-ready .p360-chat-controls-v16 > button:disabled{
    opacity:.56!important;
    visibility:visible!important;
}

/*
 * En pantallas más estrechas se conserva ancho según texto,
 * pero el bloque puede bajar a otra fila en lugar de aplastar botones.
 */
@media (max-width:1180px){
    #page-social-sales-v3.p360-social-v16-ready .p360-chat-controls-v16{
        flex-basis:100%!important;
        justify-content:flex-start!important;
    }
}

/* PEKE360_SOCIAL_CHAT_CONTROLS_AUTOWIDTH_V652_END */

/* PEKE360_SOCIAL_LAYOUT_V275_BEGIN */
#page-social-sales-v3.p360-social-v16-ready .psocial-workspace{
  grid-template-columns:140px minmax(210px,230px) minmax(470px,1.7fr) minmax(255px,.85fr)!important;
}
#page-social-sales-v3.p360-social-v16-ready .psocial-workspace.p360-right-panel-hidden-v132{
  grid-template-columns:140px minmax(215px,235px) minmax(540px,1fr)!important;
}
#page-social-sales-v3.p360-social-v16-ready .psocial-workspace.peke-commerce-open{
  grid-template-columns:140px minmax(205px,220px) minmax(360px,.8fr) minmax(445px,1.2fr)!important;
}
#page-social-sales-v3 .p360-quick-trigger-v16{display:none!important}
#page-social-sales-v3 .p360-rail-section-v16.p360-lists-collapsed-v275{overflow:hidden!important;min-height:40px!important;max-height:40px!important}
#page-social-sales-v3 .p360-rail-section-v16.p360-lists-collapsed-v275 #p360RailLabelsV16{display:none!important}
#page-social-sales-v3 #p360RailAddLabelV16{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:17px!important;font-weight:700!important}
#page-social-sales-v3 .psocial-message-list,#page-social-sales-v3 #psMessageList{min-width:0!important;width:100%!important}
#p360ProductModalV1838 .p360-product-row-v1838{grid-template-columns:30px 64px minmax(0,1fr) 105px 120px!important}
#p360ProductModalV1838 .p360-product-select-wrap-v275{display:flex;align-items:center;justify-content:center;margin:0!important}
#p360ProductModalV1838 .p360-product-select-wrap-v275 input{width:18px;height:18px;cursor:pointer}
#p360ProductModalV1838 .p360-product-multi-bar-v275{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:7px}
#p360ProductModalV1838 .p360-product-multi-bar-v275>div{min-width:0;flex:1}
#p360ProductModalV1838 #p360ProductSelectedCountV275{display:block;color:#4b5d73;font-size:10px;margin-top:2px}
#p360ProductModalV1838 #p360ProductMultiSendV275{min-height:38px;padding:7px 13px;border:0;border-radius:8px;background:#1680ef;color:#fff;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap}
#p360ProductModalV1838 #p360ProductMultiSendV275:disabled{background:#dce2e8;color:#7d8996;cursor:not-allowed}
@media(max-width:1450px){
 #page-social-sales-v3.p360-social-v16-ready .psocial-workspace{grid-template-columns:138px 215px minmax(450px,1.65fr) minmax(245px,.82fr)!important}
 #page-social-sales-v3.p360-social-v16-ready .psocial-workspace.peke-commerce-open{grid-template-columns:138px 205px minmax(340px,.75fr) minmax(430px,1.25fr)!important}
}
@media(max-width:1250px){
 #page-social-sales-v3.p360-social-v16-ready .psocial-workspace{grid-template-columns:132px 205px minmax(410px,1.6fr) minmax(230px,.8fr)!important}
 #page-social-sales-v3.p360-social-v16-ready .psocial-workspace.peke-commerce-open{grid-template-columns:132px 195px minmax(320px,.78fr) minmax(390px,1.22fr)!important}
}
@media(max-width:900px){
 #p360ProductModalV1838 .p360-product-row-v1838{grid-template-columns:28px 54px minmax(0,1fr)!important}
 #p360ProductModalV1838 .p360-product-stock-v1838,#p360ProductModalV1838 .p360-product-price-v1838{display:none!important}
}
/* PEKE360_SOCIAL_LAYOUT_V275_END */

/* PEKE360_SOCIAL_CHAT_CLEAN_V2753_BEGIN */

/* Más espacio para leer la conversación del cliente. */
#page-social-sales-v3.p360-social-v16-ready .psocial-workspace{
  grid-template-columns:124px minmax(185px,205px) minmax(560px,2.1fr) minmax(225px,.72fr)!important;
}
#page-social-sales-v3.p360-social-v16-ready .psocial-workspace.p360-right-panel-hidden-v132{
  grid-template-columns:124px minmax(190px,210px) minmax(620px,1fr)!important;
}
#page-social-sales-v3.p360-social-v16-ready .psocial-workspace.peke-commerce-open{
  grid-template-columns:124px minmax(180px,200px) minmax(500px,1.55fr) minmax(360px,.95fr)!important;
}
#page-social-sales-v3 .psocial-chat,
#page-social-sales-v3 .psocial-message-list,
#page-social-sales-v3 #psMessageList{
  min-width:0!important;
  width:100%!important;
}
#page-social-sales-v3 #psMessageList{
  flex:1 1 auto!important;
  min-height:280px!important;
  overflow:auto!important;
}

/* El + original del compositor es Respuestas rápidas; no debe aparecer.
   Se conserva únicamente el clip y Enviar. */
#page-social-sales-v3 .psocial-composer>button:first-child:not(.send),
#page-social-sales-v3 #p360QuickReplyButtonV173,
#page-social-sales-v3 .p360-quick-trigger-v16{
  display:none!important;
}
#page-social-sales-v3 .psocial-composer .peke-social-attach-v7,
#page-social-sales-v3 .psocial-composer [data-p360-attachment-v275="1"],
#page-social-sales-v3 .psocial-composer .p360-attach-present-v16{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
}

/* Ninguna respuesta rápida o administración legacy puede invadir el chat normal. */
#page-social-sales-v3 .p360-quick-popover-v16{
  display:none!important;
}
#page-social-sales-v3 #p360SocialAdminPanelV15{
  display:none!important;
}
#page-social-sales-v3:not(.p360-admin-screen-active-v173)>#p360SocialAdminScreenV173,
#page-social-sales-v3:not(.p360-admin-screen-active-v173) #p360SocialAdminV16{
  display:none!important;
  max-height:0!important;
  min-height:0!important;
  overflow:hidden!important;
}

/* La tarjeta privada de comprobante ya no ocupa el chat.
   La detección/vinculación/aprobación siguen activas. */
#page-social-sales-v3 #p360PaymentProofPrivateV29{
  display:none!important;
}

/* Listas de conversación. */
#page-social-sales-v3 #p360RailAddLabelV16{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  font-size:17px!important;
  font-weight:800!important;
}
#page-social-sales-v3 .p360-rail-section-v16.p360-lists-collapsed-v275{
  min-height:40px!important;
  max-height:40px!important;
  overflow:hidden!important;
}
#page-social-sales-v3 .p360-rail-section-v16.p360-lists-collapsed-v275 #p360RailLabelsV16{
  display:none!important;
}

/* Eliminar siempre visible en ambos propietarios de Ciclo de vida. */
#page-social-sales-v3 [data-delete-status-v275],
#page-social-sales-v3 [data-v21-status-delete]{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
}
#page-social-sales-v3 [data-delete-status-v275]:not(:disabled),
#page-social-sales-v3 [data-v21-status-delete]:not(:disabled){
  color:#b42318!important;
  border-color:#f0b8b4!important;
}

/* Defender el chat ante layouts antiguos cargados después. */
@media(max-width:1450px){
  #page-social-sales-v3.p360-social-v16-ready .psocial-workspace{
    grid-template-columns:118px 190px minmax(520px,1.9fr) minmax(220px,.7fr)!important;
  }
}
@media(max-width:1180px){
  #page-social-sales-v3.p360-social-v16-ready .psocial-workspace{
    grid-template-columns:110px 180px minmax(480px,1.8fr) minmax(205px,.68fr)!important;
  }
}

/* PEKE360_SOCIAL_CHAT_CLEAN_V2753_END */

/* PEKE360_SOCIAL_COMPOSER_HEIGHT_V2754_BEGIN */
/*
  Reduce la franja inferior del chat aproximadamente 60%.
  Se fuerza la altura del compositor y de sus wrappers para impedir
  que reglas antiguas de Respond/V16 vuelvan a dejar espacio blanco.
*/
#page-social-sales-v3 .psocial-chat-compose,
#page-social-sales-v3 .psocial-footer-compose,
#page-social-sales-v3 .psocial-inputbar,
#page-social-sales-v3 .psocial-message-compose,
#page-social-sales-v3 .psocial-composer{
    flex:0 0 64px!important;
    min-height:64px!important;
    height:64px!important;
    max-height:64px!important;
    margin:0!important;
    padding:5px 10px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    align-items:center!important;
}

#page-social-sales-v3 .psocial-composer input,
#page-social-sales-v3 .psocial-composer input[placeholder*="mensaje"],
#page-social-sales-v3 .psocial-composer input[placeholder*="Escribe"]{
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    padding:7px 18px!important;
    box-sizing:border-box!important;
}

#page-social-sales-v3 .psocial-composer>button,
#page-social-sales-v3 .psocial-composer>button.send{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
    padding:0!important;
    flex:0 0 42px!important;
}

/* El chat recupera inmediatamente el espacio liberado. */
#page-social-sales-v3 #psMessageList{
    flex:1 1 auto!important;
    min-height:0!important;
}

/* PEKE360_SOCIAL_COMPOSER_HEIGHT_V2754_END */

/* PEKE360_ASSIGN_LISTS_CONTACT_V2759_BEGIN */
#page-social-sales-v3 #p360ChatLabelsV16.p360-assign-lists-v2759{
  min-width:112px!important;
  max-width:155px!important;
}
#page-social-sales-v3 #p360ChatLabelsV16.p360-assign-lists-v2759 span{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.p360-assign-lists-picker-v2759
.p360-contact-list-head-v2759{
  padding:2px 2px 10px;
  border-bottom:1px solid #eaecf0;
}
.p360-assign-lists-picker-v2759
.p360-contact-list-head-v2759 b{
  display:block;
  color:#101828;
  font-size:13px;
}
.p360-assign-lists-picker-v2759
.p360-contact-list-head-v2759 small{
  display:block;
  margin-top:4px;
  color:#667085;
  font-size:10.5px;
  line-height:1.35;
}
.p360-assign-lists-picker-v2759
.p360-label-picker-items-v16{
  max-height:285px;
  overflow:auto;
  margin:9px 0;
}
.p360-assign-lists-picker-v2759
.p360-contact-list-option-v2759{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:6px 5px;
  border-radius:6px;
  cursor:pointer;
  color:#344054;
  font-size:12px;
}
.p360-assign-lists-picker-v2759
.p360-contact-list-option-v2759:hover{
  background:#f6f8fa;
}
.p360-assign-lists-picker-v2759
.p360-contact-list-option-v2759 input{
  width:15px;
  height:15px;
  margin:0;
}
.p360-assign-lists-picker-v2759
.p360-contact-list-option-v2759 i{
  width:9px;
  height:9px;
  border-radius:3px;
  background:var(--label,#64748b);
  flex:0 0 auto;
}
.p360-assign-lists-picker-v2759
.p360-contact-list-actions-v2759{
  display:flex;
  justify-content:flex-end;
  gap:7px;
  padding-top:9px;
  border-top:1px solid #eaecf0;
}
.p360-assign-lists-picker-v2759
.p360-contact-list-cancel-v2759{
  min-height:32px;
  padding:6px 10px;
  border:1px solid #d0d5dd;
  border-radius:6px;
  background:#fff;
  color:#475467;
  font-size:11px;
  font-weight:650;
  cursor:pointer;
}
/* PEKE360_ASSIGN_LISTS_CONTACT_V2759_END */

/* PEKE360_SOCIAL_INBOX_MOBILE_V3213_BEGIN */
.p360-mobile-back-v3213{display:none}
@media(min-width:901px){
  #page-social-sales-v3 .p360-mobile-back-v3213{display:none!important}
}
#page-social-sales-v3.p360-admin-screen-active-v173>.psocial-app{visibility:hidden!important;pointer-events:none!important}
#page-social-sales-v3.p360-admin-screen-active-v173>#p360SocialAdminScreenV173{
  position:absolute!important;
  inset:0!important;
  z-index:150!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  visibility:visible!important;
  pointer-events:auto!important;
  background:#fff!important;
}
#page-social-sales-v3.p360-admin-screen-active-v173>#p360SocialAdminScreenV173>#p360SocialAdminV16{height:100%!important}

@media(max-width:900px){
  html,body,#appRoot,.app,.main,.content{min-width:0!important;max-width:100%!important}
  body:has(#page-social-sales-v3.active){overflow:hidden!important}
  html body:has(#page-social-sales-v3.active) #appRoot.app #mainSidebar.sidebar{
    position:fixed!important;
    left:0!important;
    top:0!important;
    width:min(86vw,330px)!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    display:block!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    z-index:60010!important;
  }
  html body:has(#page-social-sales-v3.active) #appRoot.app.sidebar-collapsed #mainSidebar.sidebar{
    transform:translateX(-105%)!important;
    pointer-events:none!important;
  }
  html body:has(#page-social-sales-v3.active) #appRoot.app>.p360-mobile-menu-backdrop{
    z-index:60000!important;
  }
  html body:has(#page-social-sales-v3.active) #appRoot.app:not(.sidebar-collapsed) #mainSidebar.sidebar{
    transform:translateX(0)!important;
    pointer-events:auto!important;
  }
  html body:has(#page-social-sales-v3.active) #appRoot.app #mainSidebar.sidebar>.vertical-nav{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }
  html body:has(#page-social-sales-v3.active) #appRoot.app>.content>.topbar{
    position:sticky!important;
    top:0!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    width:100%!important;
    height:60px!important;
    min-height:60px!important;
    max-height:60px!important;
    padding:6px 8px!important;
    gap:6px!important;
    overflow:hidden!important;
  }
  html body:has(#page-social-sales-v3.active) #appRoot.app>.content>.topbar .topbar-title{
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    height:48px!important;
    gap:7px!important;
  }
  html body:has(#page-social-sales-v3.active) #appRoot.app>.content>.topbar .topbar-title>div{flex:1 1 auto!important;min-width:0!important}
  html body:has(#page-social-sales-v3.active) #appRoot.app>.content>.topbar #pageTitle{
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    font-size:14px!important;
    line-height:1.15!important;
  }
  html body:has(#page-social-sales-v3.active) #appRoot.app>.content>.topbar .topbar-title .small{display:none!important}
  html body:has(#page-social-sales-v3.active) #appRoot.app>.content>.topbar .status{
    flex:0 0 auto!important;
    flex-wrap:nowrap!important;
    justify-content:flex-end!important;
    min-width:0!important;
    gap:4px!important;
  }
  html body:has(#page-social-sales-v3.active) #appRoot.app>.content>.topbar #p360ChannelBarV2112{display:none!important}
  html body:has(#page-social-sales-v3.active) #appRoot.app>.content>.topbar #currentUserPill,
  html body:has(#page-social-sales-v3.active) #appRoot.app>.content>.topbar #currentAccessPill,
  html body:has(#page-social-sales-v3.active) #appRoot.app>.content>.topbar .user-menu>button[data-action^="openAccountModal"]{display:none!important}
  html body:has(#page-social-sales-v3.active) #appRoot.app>.content>.topbar .user-menu{gap:4px!important;flex-wrap:nowrap!important}
  html body:has(#page-social-sales-v3.active) #appRoot.app>.content>.topbar .user-menu button{white-space:nowrap!important}
  #page-social-sales-v3.active.p360-social-v16-ready{
    position:fixed!important;
    inset:60px 0 0!important;
    width:100%!important;
    height:calc(100dvh - 60px)!important;
    min-height:0!important;
    max-height:calc(100dvh - 60px)!important;
    overflow:hidden!important;
  }
  #page-social-sales-v3.p360-social-v16-ready .psocial-app,
  #page-social-sales-v3.p360-social-v16-ready .psocial-main{
    width:100%!important;
    min-width:0!important;
    height:100%!important;
  }
  #page-social-sales-v3.p360-social-v16-ready[data-p360-mobile-pane] .psocial-workspace,
  #page-social-sales-v3.p360-social-v16-ready[data-p360-mobile-pane] .psocial-workspace.p360-right-panel-hidden-v132,
  #page-social-sales-v3.p360-social-v16-ready[data-p360-mobile-pane] .psocial-workspace.peke-commerce-open{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    border:0!important;
    border-radius:0!important;
    overflow:hidden!important;
  }

  #page-social-sales-v3 .p360-inbox-rail-v16{
    grid-column:1!important;
    grid-row:1!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:6px!important;
    width:100%!important;
    min-width:0!important;
    min-height:48px!important;
    height:auto!important;
    padding:6px 8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    border:0!important;
    border-bottom:1px solid var(--p360v16-border)!important;
    background:#fff!important;
    scrollbar-width:none;
  }
  #page-social-sales-v3 .p360-inbox-rail-v16::-webkit-scrollbar{display:none}
  #page-social-sales-v3 .p360-rail-brand-v16,
  #page-social-sales-v3 .p360-rail-folders-title-v17110,
  #page-social-sales-v3 .p360-rail-section-v16,
  #page-social-sales-v3 .p360-rail-spacer-v16{display:none!important}
  #page-social-sales-v3 .p360-rail-folders-v16{
    display:flex!important;
    flex:1 0 auto!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:5px!important;
    width:max-content!important;
  }
  #page-social-sales-v3 .p360-rail-folders-v16 button{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:max-content!important;
    min-height:36px!important;
    padding:7px 9px!important;
    border:1px solid #e4e7eb!important;
    border-radius:6px!important;
    pointer-events:auto!important;
  }
  #page-social-sales-v3 .p360-rail-folders-v16 button.active{
    border-color:#b9d2fa!important;
    background:#eaf2ff!important;
  }
  #page-social-sales-v3 #p360OpenAdminV16{
    flex:0 0 36px!important;
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #d0d5dd!important;
    border-radius:6px!important;
    pointer-events:auto!important;
  }

  #page-social-sales-v3.p360-social-v16-ready[data-p360-mobile-pane="list"] .psocial-conversations{
    grid-column:1!important;
    grid-row:2!important;
    display:flex!important;
    width:100%!important;
    height:100%!important;
  }
  #page-social-sales-v3.p360-social-v16-ready[data-p360-mobile-pane="list"] .psocial-chat,
  #page-social-sales-v3.p360-social-v16-ready[data-p360-mobile-pane="list"] .psocial-catalog,
  #page-social-sales-v3.p360-social-v16-ready[data-p360-mobile-pane="list"] #pekeSocialCommercePanel{display:none!important}
  #page-social-sales-v3.p360-social-v16-ready[data-p360-mobile-pane="chat"] .p360-inbox-rail-v16,
  #page-social-sales-v3.p360-social-v16-ready[data-p360-mobile-pane="chat"] .psocial-conversations,
  #page-social-sales-v3.p360-social-v16-ready[data-p360-mobile-pane="chat"] .psocial-catalog{display:none!important}
  #page-social-sales-v3.p360-social-v16-ready[data-p360-mobile-pane="chat"] .psocial-chat{
    grid-column:1!important;
    grid-row:1 / -1!important;
    display:flex!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    border:0!important;
  }
  #page-social-sales-v3 .psocial-section-head{min-height:50px!important;padding:9px 12px!important}
  #page-social-sales-v3 .psocial-conversation-filter{margin:8px 10px 6px!important;min-height:42px!important}
  #page-social-sales-v3 .psocial-conversation-filter input{min-height:40px!important;font-size:16px!important}
  #page-social-sales-v3 .p360-conversation-toolbar-v16{padding:0 9px 8px!important}
  #page-social-sales-v3 .p360-list-tabs-v16 button,
  #page-social-sales-v3 .p360-list-filter-actions-v16 button{min-height:38px!important;font-size:12px!important;pointer-events:auto!important}
  #page-social-sales-v3 .psocial-conversation{min-height:76px!important;padding:10px 12px!important;cursor:pointer!important;pointer-events:auto!important}
  #page-social-sales-v3 .psocial-more-conversations{display:none!important}
  #page-social-sales-v3 #p360SocialChannelFiltersV2{min-height:40px!important;height:40px!important;padding:4px 7px!important}
  #page-social-sales-v3 #p360InstagramBridgeStateV2{display:none!important}

  #page-social-sales-v3 .p360-mobile-back-v3213{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    flex:0 0 auto!important;
    min-width:68px!important;
    height:38px!important;
    padding:0 9px!important;
    border:1px solid #d0d5dd!important;
    border-radius:6px!important;
    background:#fff!important;
    color:#344054!important;
    font:650 12px/1 Inter,"Segoe UI",Arial,sans-serif!important;
    pointer-events:auto!important;
  }
  #page-social-sales-v3 .p360-mobile-back-v3213 span{font-size:18px!important;line-height:1!important}
  #page-social-sales-v3.p360-social-v16-ready.p360-respond-v17 .psocial-chat-head{
    display:grid!important;
    grid-template-columns:auto auto minmax(0,1fr)!important;
    grid-template-rows:38px 39px!important;
    align-items:center!important;
    align-content:start!important;
    column-gap:7px!important;
    row-gap:6px!important;
    flex:0 0 99px!important;
    width:100%!important;
    min-height:99px!important;
    height:99px!important;
    max-height:99px!important;
    padding:8px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  #page-social-sales-v3 .p360-mobile-back-v3213{grid-column:1!important;grid-row:1!important}
  #page-social-sales-v3 .psocial-chat-head .psocial-avatar{grid-column:2!important;grid-row:1!important;width:34px!important;height:34px!important;min-width:34px!important}
  #page-social-sales-v3 .psocial-chat-person{grid-column:3!important;grid-row:1!important;min-width:0!important;width:auto!important}
  #page-social-sales-v3 .psocial-chat-person strong,
  #page-social-sales-v3 .psocial-chat-person small{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  #page-social-sales-v3.p360-social-v16-ready.p360-respond-v17 #p360ChatControlsV16{
    grid-column:1 / -1!important;
    grid-row:2!important;
    flex:0 0 auto!important;
    width:100%!important;
    height:39px!important;
    min-height:39px!important;
    max-height:39px!important;
    max-width:100%!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding-bottom:1px!important;
    scrollbar-width:none;
  }
  #page-social-sales-v3.p360-social-v16-ready.p360-respond-v17 #p360ChatControlsV16::-webkit-scrollbar{display:none}
  #page-social-sales-v3.p360-social-v16-ready.p360-respond-v17 #p360ChatControlsV16>button{
    flex:0 0 auto!important;
    min-width:max-content!important;
    min-height:38px!important;
    padding:7px 10px!important;
    pointer-events:auto!important;
  }
  #page-social-sales-v3 #psMessageList{padding:12px 10px!important;font-size:14px!important}
  #page-social-sales-v3 .psocial-chat-actions{
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:6px 8px!important;
    scrollbar-width:none;
  }
  #page-social-sales-v3 .psocial-chat-actions::-webkit-scrollbar{display:none}
  #page-social-sales-v3 .psocial-chat-actions button{
    flex:0 0 auto!important;
    min-width:max-content!important;
    min-height:40px!important;
    pointer-events:auto!important;
  }
  #page-social-sales-v3 .psocial-composer{
    flex:0 0 58px!important;
    width:100%!important;
    min-height:58px!important;
    height:58px!important;
    padding:7px 8px!important;
    padding-bottom:max(7px,env(safe-area-inset-bottom))!important;
    overflow:visible!important;
  }
  #page-social-sales-v3 .psocial-composer input{
    min-width:0!important;
    width:auto!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    font-size:16px!important;
  }
  #page-social-sales-v3 .psocial-composer>button{
    flex:0 0 42px!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    pointer-events:auto!important;
  }

  #page-social-sales-v3 .psocial-workspace.peke-commerce-open #pekeSocialCommercePanel{
    position:absolute!important;
    inset:0!important;
    z-index:120!important;
    display:flex!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    overflow:auto!important;
    background:#fff!important;
  }
  #page-social-sales-v3 .psocial-workspace.peke-commerce-open>.psocial-chat{visibility:hidden!important}
  #page-social-sales-v3 .p360-popover-v16,
  #page-social-sales-v3 .p360-label-picker-v16{
    left:8px!important;
    right:8px!important;
    width:auto!important;
    max-width:calc(100vw - 16px)!important;
  }
  #page-social-sales-v3 .p360-modal-v16{width:calc(100vw - 20px)!important;max-height:calc(100dvh - 24px)!important}

  #page-social-sales-v3 .p360-social-admin-v16{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    border:0!important;
    border-radius:0!important;
  }
  #page-social-sales-v3 .p360-admin-nav-v16{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:6px!important;
    padding:7px!important;
    overflow-x:auto!important;
    border:0!important;
    border-bottom:1px solid #e4e7eb!important;
  }
  #page-social-sales-v3 .p360-admin-brand-v16,
  #page-social-sales-v3 .p360-admin-nav-spacer-v16{display:none!important}
  #page-social-sales-v3 .p360-admin-nav-v16 nav{display:flex!important;flex:1 0 auto!important;flex-direction:row!important;width:max-content!important}
  #page-social-sales-v3 .p360-admin-nav-v16 nav button,
  #page-social-sales-v3 .p360-admin-back-v16{flex:0 0 auto!important;width:auto!important;min-width:max-content!important;min-height:40px!important;border:1px solid #e4e7eb!important}
  #page-social-sales-v3 .p360-admin-content-v16>header{align-items:flex-start!important;padding:12px!important}
  #page-social-sales-v3 .p360-admin-content-v16>main{padding:10px!important}
  #page-social-sales-v3 .p360-metrics-grid-v16,
  #page-social-sales-v3 .p360-admin-grid-v16{grid-template-columns:minmax(0,1fr)!important}
  #page-social-sales-v3 .p360-table-wrap-v16{max-width:100%!important;overflow:auto!important}

  /* El layout V17 se carga despues de Inbox. Estos selectores conservan la
     navegacion compacta en movil sin permitir columnas superpuestas. */
  #page-social-sales-v3.p360-social-v16-ready[data-p360-mobile-pane] #p360InboxRailV16{
    flex-direction:row!important;
    align-items:center!important;
    gap:6px!important;
    width:100%!important;
    min-width:0!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    padding:6px 8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    color:#344054!important;
    background:#fff!important;
    border:0!important;
    border-bottom:1px solid #e4e7eb!important;
  }
  #page-social-sales-v3.p360-social-v16-ready[data-p360-mobile-pane] #p360InboxRailV16 .p360-rail-brand-v16,
  #page-social-sales-v3.p360-social-v16-ready[data-p360-mobile-pane] #p360InboxRailV16 .p360-rail-folders-title-v17110,
  #page-social-sales-v3.p360-social-v16-ready[data-p360-mobile-pane] #p360InboxRailV16 .p360-rail-section-v16,
  #page-social-sales-v3.p360-social-v16-ready[data-p360-mobile-pane] #p360InboxRailV16 .p360-rail-spacer-v16,
  #page-social-sales-v3.p360-social-v16-ready[data-p360-mobile-pane] #p360V17TeamSection{
    display:none!important;
  }
  #page-social-sales-v3.p360-social-v16-ready[data-p360-mobile-pane] #p360InboxRailV16 .p360-rail-folders-v16{
    display:flex!important;
    flex:1 0 auto!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:5px!important;
    width:max-content!important;
  }
  #page-social-sales-v3.p360-social-v16-ready[data-p360-mobile-pane] #p360InboxRailV16 .p360-rail-folders-v16>button{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:max-content!important;
    height:36px!important;
    min-height:36px!important;
    margin:0!important;
    padding:7px 9px!important;
  }
  #page-social-sales-v3.p360-social-v16-ready[data-p360-mobile-pane] #p360InboxRailV16>#p360SocialAdministrationButtonV21{
    display:inline-flex!important;
    flex:0 0 36px!important;
    width:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    margin:0!important;
    padding:0!important;
    justify-content:center!important;
    border-radius:6px!important;
  }
  #page-social-sales-v3.p360-social-v16-ready[data-p360-mobile-pane] #p360InboxRailV16>#p360SocialAdministrationButtonV21>b{display:none!important}
  #page-social-sales-v3.p360-social-v16-ready[data-p360-mobile-pane="list"] .psocial-conversations{
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
  }
}

@media(max-width:900px) and (max-height:520px){
  #page-social-sales-v3.p360-social-v16-ready[data-p360-mobile-pane="chat"] .psocial-chat{
    justify-content:flex-start!important;
  }
  #page-social-sales-v3.p360-social-v16-ready[data-p360-mobile-pane="chat"] #pekeSocialUnifiedCartV2{
    flex:0 1 96px!important;
    width:auto!important;
    min-height:0!important;
    height:96px!important;
    max-height:96px!important;
    margin:4px 8px 0!important;
    padding:6px 8px!important;
    overflow:auto!important;
  }
}

@supports not selector(body:has(*)){
  @media(max-width:900px){body{overflow-x:hidden!important}}
}
/* PEKE360_SOCIAL_INBOX_MOBILE_V3213_END */