/* ═══════════════════════════════════════════════════════════════════════════════════════════
   RECORD PANEL v2 — rediseño "HubSpot" (2026-07-19). Hoja propia del drawer/overlay global de
   registro (record-panel.js). Cargada desde index.html como ULTIMA hoja del head: debe ir tras
   datalyse-theme.css (los tokens --rp-* delegan en --text-color/--white-color/--border-color del
   puente 165_varsfusion.css, que conmutan solos con [data-bs-theme]) y su regla body.rp-open
   compite con el z-index del topbar (datalyse-theme.css:967).

   Geometria: drawer 480px pegado a la derecha (base) | overlay centrado con margen 3% y grid de
   3 columnas cuando .wide y viewport >=1100px | fullscreen <=600px.
   Contratos JS que NO se pueden tocar: ids #rp-*, clases show/wide/disabled/is-active/editing/
   saving/invalid/rp-prow/pv/rp-fitem/rp-busca/inv-list/cnt/rp-loading, body.rp-open (datalyse-
   sidebar.css:808), y los style="display:none" que el JS togglea (#rp-prev/#rp-next/.rp-busca/
   #rp-feedmore).
   ═══════════════════════════════════════════════════════════════════════════════════════════ */

/* ── 01 · tokens ────────────────────────────────────────────────────────────────────────────
   familia --sal-* de sales.html: acento azul, muted/faint derivados de --text-color via
   color-mix, superficie/borde delegadas. v2 añade fondo-app vs card (elevacion HubSpot). */
:root{
  --rp-topbar:70px;
  --rp-accent:#2563eb; --rp-accent-soft:rgba(37,99,235,.09); --rp-accent-fg:#fff;
  --rp-ink:var(--text-color,#171c2e);
  --rp-surface:var(--white-color,#fff);
  --rp-border:var(--border-color,#e3e6f0);
  --rp-muted:color-mix(in srgb,var(--text-color,#171c2e) 62%,transparent);
  --rp-faint:color-mix(in srgb,var(--text-color,#171c2e) 45%,transparent);
  --rp-hover:color-mix(in srgb,var(--text-color,#171c2e) 5%,transparent);
  --rp-thumb:color-mix(in srgb,var(--text-color,#171c2e) 22%,transparent);
  --rp-ok:#16833f; --rp-bad:#c22432; --rp-bad-soft:rgba(220,38,38,.10);
  --rp-scrim:rgba(10,14,28,.35);
  --rp-shadow:0 14px 44px rgba(8,12,26,.28);
  /* v2: fondo de app (gris) sobre el que flotan las cards */
  --rp-bg:color-mix(in srgb,var(--text-color,#171c2e) 4.5%,var(--white-color,#fff));
  --rp-card:var(--white-color,#fff);
  --rp-card-border:var(--border-color,#e3e6f0);
  --rp-card-shadow:0 1px 2px rgba(8,12,26,.05);
  --rp-menu-shadow:0 18px 44px rgba(8,12,26,.16),0 2px 8px rgba(8,12,26,.08);
  --rp-r-card:12px; --rp-r-ctl:8px; --rp-r-item:8px;
}
[data-bs-theme="dark"]:root{
  --rp-accent:#5d8bff; --rp-accent-soft:rgba(93,139,255,.16); --rp-accent-fg:#0f1016;
  --rp-ok:#4ecb7d; --rp-bad:#f27584; --rp-bad-soft:rgba(242,117,132,.14);
  --rp-scrim:rgba(0,0,0,.55);
  --rp-shadow:0 18px 60px rgba(0,0,0,.55);
  /* en dark el fondo va MAS oscuro que la card (elevacion correcta) */
  --rp-bg:color-mix(in srgb,#000 34%,var(--white-color,#1c1c1d));
  --rp-card-shadow:0 1px 2px rgba(0,0,0,.4);
  --rp-menu-shadow:0 18px 44px rgba(0,0,0,.55),0 2px 10px rgba(0,0,0,.35);
}

/* ── 02 · scrim + topbar ── */
#rp-scrim{position:fixed;inset:0;background:var(--rp-scrim);opacity:0;pointer-events:none;transition:opacity .18s;z-index:1039}
#rp-scrim.show{opacity:1;pointer-events:auto}
/* scrim y overlay por encima de menu y topbar: body.rp-open los baja replicando body.modal-open
   (topbar z:3000! en datalyse-theme.css:967; el sidebar z:3001! lleva :not(.rp-open) en
   datalyse-sidebar.css:808). Con el overlay al 3% esta regla es OBLIGATORIA: el panel invade
   la franja del topbar. */
body.rp-open .topbar,body.rp-open .app-header,body.rp-open .header,body.rp-open .navbar.topbar{z-index:1030 !important}

/* ── 03 · shell (drawer base) ── */
#rp-panel{
  position:fixed;top:var(--rp-topbar);right:0;bottom:0;width:min(480px,94vw);z-index:1040;
  background:var(--rp-bg);color:var(--rp-ink);
  border-left:1px solid var(--rp-border);border-top:1px solid var(--rp-border);border-top-left-radius:14px;
  box-shadow:var(--rp-shadow);
  transform:translateX(103%);
  transition:transform .22s cubic-bezier(.3,.9,.3,1),width .22s;
  display:flex;flex-direction:column;font-size:13.5px;
}
/* transform:none (NO translateX(0)): un transform != none convierte al panel en containing block
   y los .rp-menu position:fixed se posicionarian relativos al panel (descolocados). La transicion
   interpola none como identidad, asi que el slide-in no cambia. */
#rp-panel.show{transform:none}
/* reset de botones con especificidad CERO en el id (:where): cualquier clase del panel gana sin
   !important; los globales de la app (button a nivel de elemento) pierden por orden de cascada */
:where(#rp-panel) button{background:none;border:0;cursor:pointer;font:inherit;color:inherit;padding:4px}
#rp-panel :is(button,select):focus-visible{outline:2px solid var(--rp-accent);outline-offset:2px}
#rp-panel :is(input,textarea):focus-visible{outline:none} /* el editor inline ya pinta borde accent */
#rp-head{padding:14px 16px 0;flex:none}

/* ── 04 · chrome (.rp-win) ── */
.rp-win{margin-left:auto;display:flex;gap:2px;flex:none;align-items:flex-start}
#rp-panel .rp-win button{padding:7px;border-radius:8px;color:var(--rp-muted);transition:background .12s,color .12s}
#rp-panel .rp-win button:hover{background:var(--rp-hover);color:var(--rp-ink)}
/* pointer-events con !important: 165_behaviours.css:1388 lleva button:disabled{pointer-events:all !important} */
#rp-panel .rp-win button[disabled]{opacity:.35;pointer-events:none !important}

/* ── 05 · card identidad (.rp-top + #rp-quick = card partida) ── */
.rp-top{
  display:flex;align-items:flex-start;gap:12px;
  background:var(--rp-card);border:1px solid var(--rp-card-border);border-bottom:0;
  border-radius:var(--rp-r-card) var(--rp-r-card) 0 0;box-shadow:var(--rp-card-shadow);
  padding:16px 16px 6px;
}
#rp-avatar{width:44px;height:44px;font-size:16px;border-radius:12px;background:var(--rp-av,#2563eb);color:#fff;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:none}
[data-bs-theme="dark"] #rp-avatar{background:color-mix(in srgb,var(--rp-av,#5d8bff) 28%,transparent);color:color-mix(in srgb,var(--rp-av,#5d8bff) 55%,#fff)}
.rp-idbox{min-width:0;flex:1}
.rp-idbox h2{margin:0;font-size:16.5px;font-weight:650;letter-spacing:-.015em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#rp-sub{color:var(--rp-muted);font-size:12px;margin-top:2px}
#rp-meta{margin-top:5px;font-size:12.5px;color:var(--rp-muted);display:flex;align-items:center;flex-wrap:wrap;gap:3px 0;min-width:0}
#rp-meta:empty{display:none}
#rp-meta .mi{display:inline-flex;align-items:center;gap:5px;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#rp-meta .mi .ti{color:var(--rp-faint);font-size:13px;flex:none}
#rp-meta .mdot{margin:0 7px;color:var(--rp-faint)}
#rp-panel .rp-accbtn{
  display:inline-flex;align-items:center;gap:5px;padding:6px 11px;margin-right:4px;flex:none;
  border:1px solid var(--rp-border);border-radius:9px;background:var(--rp-card);
  font-size:12.5px;font-weight:600;color:var(--rp-muted);white-space:nowrap;
  transition:border-color .15s,color .15s,background .15s;
}
#rp-panel .rp-accbtn:hover{border-color:color-mix(in srgb,var(--rp-accent) 45%,transparent);color:var(--rp-accent);background:var(--rp-accent-soft)}
#rp-panel .rp-accbtn .ti{font-size:13px}
#rp-quick{
  display:flex;justify-content:center;align-items:flex-start;gap:12px 8px;margin:0;
  flex-wrap:wrap; /* fallback sin container queries: mejor 2 filas que sobresalir de la card */
  background:var(--rp-card);border:1px solid var(--rp-card-border);border-top:0;
  border-radius:0 0 var(--rp-r-card) var(--rp-r-card);box-shadow:var(--rp-card-shadow);
  padding:8px 10px 14px;
}
/* SIEMPRE una fila (peticion Marc): con container queries los circulos se encogen en columnas
   estrechas (la izq del overlay baja a 300px) en vez de saltar de linea */
@supports (container-type: inline-size){
  #rp-quick{flex-wrap:nowrap;container-type:inline-size;gap:12px 6px}
  @container (max-width:330px){
    #rp-panel .rp-qa{font-size:10px;gap:4px}
    #rp-panel .rp-qa i{width:34px;height:34px;font-size:15px}
    #rp-panel .rp-qa span{max-width:52px}
  }
  @container (max-width:280px){
    #rp-panel .rp-qa i{width:30px;height:30px;font-size:13.5px}
    #rp-panel .rp-qa span{max-width:44px}
  }
}
/* accion circular con label debajo (HubSpot) */
#rp-panel .rp-qa{display:flex;flex-direction:column;align-items:center;gap:6px;padding:2px;border:0;background:none;font-size:11px;font-weight:600;color:var(--rp-muted);transition:color .15s;min-width:0}
#rp-panel .rp-qa span{max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#rp-panel .rp-qa i{
  width:40px;height:40px;border-radius:50%;font-size:17px;
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--rp-border);background:var(--rp-card);
  transition:border-color .15s,background .15s,color .15s;
}
#rp-panel .rp-qa:hover{color:var(--rp-accent)}
#rp-panel .rp-qa:hover i{border-color:color-mix(in srgb,var(--rp-accent) 45%,transparent);background:var(--rp-accent-soft);color:var(--rp-accent)}
#rp-panel .rp-qa.disabled{opacity:.4;pointer-events:none}

/* ── 06 · menu desplegable (.rp-menuwrap/.rp-menu): Acciones, Mas y More del feed ── */
.rp-menuwrap{position:relative;display:inline-flex}
.rp-menu{
  position:absolute;top:calc(100% + 6px);right:0;z-index:6;display:none;min-width:210px;
  background:var(--rp-card);border:1px solid var(--rp-card-border);border-radius:10px;
  box-shadow:var(--rp-menu-shadow);padding:6px;
}
/* abierto: rp_menu() lo pasa a FIXED con coordenadas del trigger (los scrollers del panel — #rp-feed
   en overlay — recortan un absolute); pop de entrada estilo dropdown global de la app */
.rp-menuwrap.open .rp-menu{display:block;position:fixed;right:auto;animation:fadeInOnly .22s cubic-bezier(.16,1,.3,1);transform-origin:top right;will-change:transform,opacity}
.rp-menu .mcheck{display:none;margin-left:auto;color:var(--rp-accent);font-size:14px}
#rp-panel .rp-menu button.is-active{color:var(--rp-accent);background:var(--rp-accent-soft)}
#rp-panel .rp-menu button.is-active .mcheck{display:inline-flex}
#rp-panel .rp-menu button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:9px 14px;border-radius:6px;font-size:13px;font-weight:500;color:var(--rp-ink);white-space:nowrap;transition:background .12s}
#rp-panel .rp-menu button:hover{background:var(--rp-hover)}
#rp-panel .rp-menu button .ti{font-size:15px;color:var(--rp-muted);flex:none}
.rp-menu .sep{height:1px;background:var(--rp-border);margin:6px 4px}
/* variante "Mas": buscador arriba + lista scrolleable (estilo menu Mas de HubSpot) */
#rp-masmenu{min-width:240px}
.rp-menu .msearch{display:flex;align-items:center;gap:7px;margin:2px 2px 6px;padding:7px 10px;border:1px solid var(--rp-border);border-radius:8px;background:var(--rp-bg)}
.rp-menu .msearch .ti{font-size:14px;color:var(--rp-faint);flex:none}
.rp-menu .msearch input{border:0;outline:none;background:none;font:inherit;font-size:12.5px;color:inherit;width:100%;padding:0}
.rp-menu .mlist{max-height:264px;overflow-y:auto} /* auto-hide del scrollbar: bloque unificado de la seccion 08 */

/* ── 07 · tabs del drawer (Summary/Activity/Related): pastilla rellena solo la activa ── */
#rp-tabs{display:flex;gap:6px;margin-top:12px;padding-bottom:2px}
#rp-panel .rp-tab{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:9px;font-weight:600;font-size:13px;color:var(--rp-muted);transition:background .13s,color .13s,box-shadow .13s}
#rp-panel .rp-tab i{font-size:15px;opacity:.75}
#rp-panel .rp-tab.is-active i{opacity:1}
#rp-panel .rp-tab:hover{color:var(--rp-ink);background:var(--rp-hover)}
#rp-panel .rp-tab.is-active{background:color-mix(in srgb,var(--rp-accent) 11%,transparent);color:var(--rp-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rp-accent) 26%,transparent)}

/* ── 08 · cuerpo (scroller unico del drawer) ── */
#rp-body{flex:1;overflow:auto;padding:14px 16px 24px}
/* scrollbars auto-ocultas en TODOS los scrollers del panel: thumb invisible hasta hover del
   scroller (con rueda/trackpad el cursor esta encima => visible mientras se scrollea).
   Doble via: scrollbar-color (FF/Chrome>=121; si esta seteado Chrome ignora los pseudos webkit)
   + ::-webkit-scrollbar (Safari/Chrome viejos). En tactil el SO ya pinta overlay propio. */
#rp-body,#rp-sum,#rp-feed,#rp-assoc,.rp-group.is-active,.rp-mt4tablewrap,.rp-menu .mlist,.rp-buscares{scrollbar-width:thin;scrollbar-color:transparent transparent}
#rp-body:hover,#rp-sum:hover,#rp-feed:hover,#rp-assoc:hover,.rp-group.is-active:hover,.rp-mt4tablewrap:hover,.rp-menu .mlist:hover,.rp-buscares:hover{scrollbar-color:var(--rp-thumb) transparent}
:is(#rp-body,#rp-sum,#rp-feed,#rp-assoc,.rp-group.is-active,.rp-mt4tablewrap,.rp-menu .mlist,.rp-buscares)::-webkit-scrollbar{width:8px;height:8px}
:is(#rp-body,#rp-sum,#rp-feed,#rp-assoc,.rp-group.is-active,.rp-mt4tablewrap,.rp-menu .mlist,.rp-buscares)::-webkit-scrollbar-track{background:transparent}
:is(#rp-body,#rp-sum,#rp-feed,#rp-assoc,.rp-group.is-active,.rp-mt4tablewrap,.rp-menu .mlist,.rp-buscares)::-webkit-scrollbar-thumb{background:transparent;border-radius:8px;border:2px solid transparent;background-clip:content-box;transition:background-color .2s}
:is(#rp-body,#rp-sum,#rp-feed,#rp-assoc,.rp-group.is-active,.rp-mt4tablewrap,.rp-menu .mlist,.rp-buscares):hover::-webkit-scrollbar-thumb{background:var(--rp-thumb);background-clip:content-box}
#rp-body>section{display:none}
#rp-panel[data-tab="sum"] #rp-sum,#rp-panel[data-tab="act"] #rp-feed,#rp-panel[data-tab="lnk"] #rp-assoc{display:block}

/* ── 09 · summary: tabs de grupos + card de propiedades (label arriba / valor abajo) ── */
.rp-sumtabs{
  display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;
  padding:2px 2px 10px;position:sticky;top:0;z-index:2;background:var(--rp-bg);
}
.rp-sumtabs::-webkit-scrollbar{display:none}
#rp-panel .rp-stab{flex:none;padding:6px 11px;border-radius:8px;font-size:12px;font-weight:600;color:var(--rp-muted);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .13s,color .13s,box-shadow .13s}
#rp-panel .rp-stab:hover{color:var(--rp-ink);background:var(--rp-hover)}
#rp-panel .rp-stab.is-active{background:color-mix(in srgb,var(--rp-accent) 11%,transparent);color:var(--rp-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rp-accent) 26%,transparent)}
.rp-group{display:none;background:var(--rp-card);border:1px solid var(--rp-card-border);border-radius:var(--rp-r-card);box-shadow:var(--rp-card-shadow);padding:6px;margin:0 0 14px}
.rp-group.is-active{display:block}
.rp-group h3{display:none} /* transicion: el titulo del grupo lo pone su tab */
.rp-prow{display:block;padding:7px 10px;border-radius:var(--rp-r-item);transition:background .12s}
.rp-prow:hover{background:var(--rp-hover)}
.rp-prow .pl{display:block;color:var(--rp-muted);font-size:11.5px;margin-bottom:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rp-prow .pv{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;font-size:13.5px}
.rp-prow .pv.empty{color:var(--rp-faint);font-weight:400}
.rp-prow.editable .pv{cursor:pointer}
.rp-prow .pedit{opacity:0;color:var(--rp-faint);font-size:12.5px;margin-left:5px;padding:3px;border-radius:5px;transition:opacity .12s;vertical-align:-2px;cursor:pointer}
.rp-prow.editable:hover .pedit{opacity:.75}
.rp-prow .pedit:hover{opacity:1 !important;background:var(--rp-hover);color:var(--rp-muted)}
/* valor email/telefono accionable: click envia email / marca por webphone; editar solo con el lapiz */
.rp-prow .pv .pva{display:inline-flex;align-items:center;gap:6px;max-width:calc(100% - 26px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;color:var(--rp-accent);vertical-align:bottom}
.rp-prow .pv .pva .ti{color:var(--rp-faint);font-size:13px;flex:none}
.rp-prow .pv .pva:hover{text-decoration:underline}
.rp-prow .pv .pva:hover .ti{color:var(--rp-accent)}
.rp-prow.editing{background:var(--rp-accent-soft)}
.rp-prow.editing .pv{overflow:visible;white-space:normal}
.rp-prow.saving{opacity:.55;pointer-events:none}
.rp-prow .pv input,.rp-prow .pv textarea,.rp-prow .pv select{width:100%;font:inherit;font-size:13px;background:var(--rp-card);border:1px solid var(--rp-accent);border-radius:var(--rp-r-ctl);padding:6px 9px;outline:none;color:inherit}
.rp-prow .pv textarea{resize:vertical;min-height:160px}
/* props tipo textarea: en lectura se ve multilinea (hasta 8 lineas, luego "..."), no 1 linea con ellipsis */
.rp-prow.ta:not(.editing) .pv{white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8;line-height:1.45}
.rp-prow .pv .dui-select{width:100%}
/* chips multi (agents_id/tags): el tema deja .dui-select__tag sin max-width y el span sin
   ellipsis -> un nombre largo desborda .dui-select__value y clipa la x. Scoped a .pv. */
.rp-prow .pv .dui-select__tag{max-width:100%;min-width:0}
.rp-prow .pv .dui-select__tag>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rp-prow .pv .dui-select__tag-remove{flex:none}
/* select simple: dUI pinta el valor como text node; block+nowrap para 1 linea con ellipsis */
.rp-prow .pv .dui-select:not(.dui-select--multiple) .dui-select__value{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* barra guardar/revertir A LA DERECHA del control, en linea (peticion Marc 2026-07) */
.rp-edwrap{display:flex;align-items:center;gap:6px}
.rp-edwrap.ta{align-items:flex-start}
.rp-edwrap .edctl{flex:1;min-width:0}
.rp-edbar{display:flex;gap:5px;align-items:center;flex:none;margin:0}
#rp-panel .rp-edbar .ebtn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--rp-r-ctl);border:1px solid var(--rp-border);background:var(--rp-card);color:var(--rp-muted)}
#rp-panel .rp-edbar .ebtn:hover{background:var(--rp-accent-soft)}
#rp-panel .rp-edbar .ebtn.ok{background:var(--rp-accent);border-color:var(--rp-accent);color:var(--rp-accent-fg)}
#rp-panel .rp-edbar .ebtn.ok:hover{filter:brightness(1.08)}
.rp-ederr{display:block;color:var(--rp-bad);font-size:11.5px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rp-ederr:empty{display:none}
.rp-prow .pv input.invalid{border-color:var(--rp-bad)}

/* ── 10 · columna central: destacados + tabs de filtro + timeline como cards ── */
#rp-high{display:none} /* solo overlay (seccion 15) */
.rp-feedbar{position:sticky;top:0;z-index:2;background:var(--rp-bg);display:flex;align-items:center;gap:8px;padding:2px 0 10px}
/* sin overflow-x: el menu More es absolute y un scroller lo recortaria; si no caben, las tabs saltan de linea */
#rp-feedtabs{display:none;align-items:center;gap:4px;min-width:0;flex:1;flex-wrap:wrap}
#rp-panel .rp-ftab{flex:none;display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:8px;font-size:12.5px;font-weight:600;color:var(--rp-muted);transition:background .13s,color .13s,box-shadow .13s}
#rp-panel .rp-ftab:hover{color:var(--rp-ink);background:var(--rp-hover)}
#rp-panel .rp-ftab.is-active{background:color-mix(in srgb,var(--rp-accent) 11%,transparent);color:var(--rp-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rp-accent) 26%,transparent)}
#rp-panel .rp-ftab.more .ti{font-size:13px;color:var(--rp-faint)}
#rp-panel .rp-ftab.more.is-active .ti{color:inherit}
#rp-feedtabs .rp-menu{min-width:190px}
#rp-feedfilter{font:inherit;font-size:12.5px;font-weight:600;background:var(--rp-card);border:1px solid var(--rp-border);border-radius:9px;padding:6px 10px;color:inherit}
.rp-fitem{
  display:flex;gap:10px;margin:0 0 10px;padding:12px 14px;
  background:var(--rp-card);border:1px solid var(--rp-card-border);border-radius:10px;
  box-shadow:var(--rp-card-shadow);transition:border-color .12s;
}
.rp-fitem:hover{border-color:color-mix(in srgb,var(--rp-ink) 18%,var(--rp-card-border))}
.rp-ficon{width:32px;height:32px;border-radius:50%;background:var(--rp-accent-soft);color:var(--rp-accent);display:inline-flex;align-items:center;justify-content:center;flex:none;font-size:15px}
.rp-fitem.err .rp-ficon{background:var(--rp-bad-soft);color:var(--rp-bad)}
.rp-fbody{min-width:0;flex:1}
.rp-fhead{font-weight:600;font-size:13px}
.rp-fmeta{color:var(--rp-muted);font-size:11.5px;margin-top:1px}
.rp-ftext{margin-top:5px;font-size:12.5px;overflow-wrap:anywhere}
.rp-ftext .link,.rp-associtem .link{color:var(--rp-accent);cursor:pointer;text-decoration:none}
.rp-factions{margin-top:6px}
#rp-panel .rp-fdel{opacity:0;color:var(--rp-faint);flex:none;padding:4px;border-radius:6px;transition:opacity .12s,color .12s}
.rp-fitem:hover .rp-fdel{opacity:.8}
#rp-panel .rp-fdel:hover{color:var(--rp-bad)}
.rp-fdiff{margin-top:4px;font-size:12px}
.rp-fdiff .fk{display:inline-block;background:var(--rp-accent-soft);color:var(--rp-accent);border-radius:5px;padding:1px 6px;font-weight:600;margin-right:4px}
.rp-fdiff .fold{color:var(--rp-bad);text-decoration:line-through}
.rp-fdiff .fnew{color:var(--rp-ok);font-weight:600}
.rp-ok{color:var(--rp-ok);font-weight:600}
/* ── historial v2: tabla campo / antes → despues por cambio (rama historyvars) ── */
.rp-fhist{margin-top:6px;font-size:12px;display:grid;gap:2px}
.fh-row{display:grid;grid-template-columns:minmax(80px,130px) minmax(0,1fr) auto minmax(0,1fr);gap:2px 10px;align-items:baseline;padding:3px 8px;border-radius:6px}
.fh-row:hover{background:var(--rp-hover)}
.fh-k{color:var(--rp-muted);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fh-old{color:var(--rp-faint);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--rp-bad) 40%,transparent);overflow-wrap:anywhere}
.fh-new{color:var(--rp-ok);font-weight:600;overflow-wrap:anywhere}
.fh-old.vacio,.fh-new.vacio{color:var(--rp-faint);text-decoration:none;font-weight:400}
.fh-row .ti{color:var(--rp-faint);font-size:12px}
.rp-fhead .fhn{color:var(--rp-muted);font-weight:500}
.rp-fhist .fhmore{display:none}
.rp-fhist.todos .fhmore{display:contents} /* contents: las filas plegadas vuelven al grid del contenedor */
#rp-panel .fhtoggle{text-align:left;padding:3px 8px;font-size:11.5px;font-weight:600;color:var(--rp-accent);border-radius:6px}
#rp-panel .fhtoggle:hover{background:var(--rp-accent-soft)}
.rp-fhist:not(.todos) .fhtoggle .vmenos{display:none}
.rp-fhist.todos .fhtoggle .vmas{display:none}
#rp-panel #rp-feedmore{display:block;margin:6px auto 0;padding:8px 18px;border:1px solid var(--rp-border);border-radius:var(--rp-r-ctl);background:var(--rp-card);font-weight:600;font-size:12.5px;color:var(--rp-muted);transition:border-color .13s,color .13s}
#rp-panel #rp-feedmore:hover{border-color:var(--rp-accent);color:var(--rp-accent)}
#rp-panel #rp-feedmore[disabled]{opacity:.5;pointer-events:none !important}
.rp-empty{color:var(--rp-muted);text-align:center;padding:26px 12px;font-size:12.5px}
.rp-empty.err{color:var(--rp-bad)}
.rp-fitem audio{max-width:100%;margin-top:6px}
/* ── card de llamada v2: player + duracion + descargar + transcribir ── */
.rp-callcard{margin-top:6px;display:flex;flex-direction:column;gap:8px}
.rp-callcard audio{width:100%;max-width:100%;height:36px;border-radius:18px;margin:0}
.rp-callacts{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.rp-calldur{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;color:var(--rp-muted);background:var(--rp-hover);border-radius:6px;padding:3px 8px}
#rp-panel .rp-callbtn{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--rp-border);border-radius:8px;background:var(--rp-card);font-size:12px;font-weight:600;color:var(--rp-muted);transition:border-color .13s,color .13s}
#rp-panel .rp-callbtn:hover{border-color:var(--rp-accent);color:var(--rp-accent)}
#rp-panel .rp-callbtn[disabled]{opacity:.5;pointer-events:none !important}
/* estados y resultado de la transcripcion local (record-panel-asr.js) */
.rp-asr:empty{display:none}
.rp-asrst{margin-top:2px;color:var(--rp-muted);font-size:12px}
.rp-asrst.err{color:var(--rp-bad)}
.rp-asrres{margin-top:2px;border:1px solid var(--rp-border);border-radius:8px;padding:8px 10px;background:var(--rp-bg);font-size:12.5px}
.rp-asrbar{display:flex;align-items:center;gap:4px;margin-bottom:4px;font-weight:600}
.rp-asrbar>.ti{color:var(--rp-accent)}
#rp-panel .rp-asrbar button{padding:3px 6px;border-radius:6px;color:var(--rp-muted)}
#rp-panel .rp-asrbar button:hover{background:var(--rp-hover);color:var(--rp-ink)}
.rp-asrbar .sp{margin-left:auto}
.rp-asrtxt{white-space:pre-wrap;overflow-wrap:anywhere}
.rp-asrts{display:none;margin-top:6px;color:var(--rp-muted)}
.rp-asrts div{padding:1px 0}
.rp-asrts b{font-weight:600;color:var(--rp-faint);margin-right:6px}
.rp-asrres.ts .rp-asrts{display:block}
.rp-asrres.ts .rp-asrtxt{display:none}
.rp-fitem img.rp-fimg{max-width:100%;border-radius:8px;margin-top:6px;cursor:pointer}
/* ── emails auto-visibles: iframe sandbox colapsado con fade + Expand ── */
.rp-emailwrap{position:relative;max-height:220px;overflow:hidden;margin-top:6px;border-radius:8px}
.rp-emailwrap iframe{display:block;width:100%;height:400px;border:1px solid var(--rp-border);border-radius:8px;background:#fff} /* background:#fff deliberado: los emails asumen fondo claro tambien en dark */
.rp-emailwrap.open{max-height:none}
.rp-emailwrap.open iframe{min-height:220px} /* el onload fija height exacta en px; esto es red de seguridad */
.rp-emailwrap:not(.open)::after{content:'';position:absolute;left:1px;right:1px;bottom:1px;height:44px;background:linear-gradient(transparent,#fff);pointer-events:none;border-radius:0 0 8px 8px}
#rp-panel .rp-emailtoggle{display:block;margin-top:4px;padding:4px 8px;border-radius:6px;font-size:11.5px;font-weight:600;color:var(--rp-accent)}
#rp-panel .rp-emailtoggle:hover{background:var(--rp-accent-soft)}
.rp-emailwrap.open+.rp-emailtoggle .vmas{display:none}
.rp-emailwrap:not(.open)+.rp-emailtoggle .vmenos{display:none}
.rp-emailld{color:var(--rp-faint)}

/* ── 11 · columna de vinculados: cards de asociacion con items mini-card ── */
.rp-assocblock{background:var(--rp-card);border:1px solid var(--rp-card-border);border-radius:var(--rp-r-card);box-shadow:var(--rp-card-shadow);padding:12px 14px;margin-bottom:14px}
.abhead{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.abhead h3{margin:0;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--rp-muted);display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.abhead h3 .cnt{color:var(--rp-muted);font-weight:600;letter-spacing:0}
#rp-panel .abhead .add{margin-left:auto;flex:none;color:var(--rp-accent);font-size:12px;font-weight:600;padding:4px 8px;border-radius:6px;transition:background .12s}
#rp-panel .abhead .add:hover{background:var(--rp-accent-soft)}
.rp-associtem{
  display:flex;align-items:flex-start;gap:8px;padding:9px 11px;margin:0 0 8px;
  border:1px solid var(--rp-border);border-radius:var(--rp-r-item);background:var(--rp-card);
  font-size:12.5px;transition:border-color .12s;
}
.rp-associtem:hover{border-color:color-mix(in srgb,var(--rp-accent) 35%,var(--rp-border))}
.rp-associtem:last-child{margin-bottom:0}
.rp-associtem .ai{min-width:0;flex:1}
.rp-associtem .ait{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.rp-associtem .link.ait{color:var(--rp-accent)}
.rp-associtem .link.ait:hover{text-decoration:underline}
.rp-associtem .ai small{color:var(--rp-muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
#rp-panel .rp-associtem .aix{opacity:0;color:var(--rp-faint);padding:3px;border-radius:6px;flex:none;transition:opacity .12s,color .12s}
.rp-associtem:hover .aix{opacity:.8}
#rp-panel .rp-associtem .aix:hover{color:var(--rp-bad)}
.rp-badge{display:inline-block;border-radius:5px;padding:1px 7px;font-size:11px;font-weight:600;background:var(--rp-accent-soft);color:var(--rp-accent)}
/* "Ver todos (n)": 5 items visibles, el resto plegado en .aimore */
.rp-assocblock .aimore{display:none}
.rp-assocblock.todos .aimore{display:block}
#rp-panel .abvermas{display:block;width:100%;text-align:center;margin-top:2px;padding:7px;border-radius:6px;font-size:12px;font-weight:600;color:var(--rp-accent);transition:background .12s}
#rp-panel .abvermas:hover{background:var(--rp-accent-soft)}
.rp-assocblock .abvermas .vmenos{display:none}
.rp-assocblock.todos .abvermas .vmas{display:none}
.rp-assocblock.todos .abvermas .vmenos{display:inline}
/* empty state explicativo */
.rp-empty.compact{padding:14px 10px;border:1px dashed var(--rp-border);border-radius:var(--rp-r-item)}
.rp-empty.compact .ti{display:block;font-size:24px;color:var(--rp-faint);margin-bottom:4px}
.rp-empty.compact span{display:block;font-weight:600;font-size:12.5px;color:var(--rp-muted)}
.rp-empty.compact small{display:block;font-size:11.5px;color:var(--rp-faint);margin-top:2px}
/* mini-buscador inline para vincular existentes */
.rp-busca{margin:2px 0 10px}
.rp-busca input{width:100%;font:inherit;font-size:13px;background:var(--rp-card);border:1px solid var(--rp-accent);border-radius:var(--rp-r-ctl) var(--rp-r-ctl) 0 0;padding:7px 10px;color:inherit;outline:none}
.rp-buscares{border:1px solid var(--rp-border);border-top:0;border-radius:0 0 var(--rp-r-ctl) var(--rp-r-ctl);max-height:190px;overflow:auto;background:var(--rp-card)}
.rp-buscares .bitem{padding:8px 11px;cursor:pointer;font-size:12.5px}
.rp-buscares .bitem:hover{background:var(--rp-hover)}
.rp-buscares .bitem.noaction{cursor:default}
.rp-buscares .bitem.noaction:hover{background:none}
.rp-buscares .bitem small{color:var(--rp-muted);display:block}
.rp-buscares .bnuevo{color:var(--rp-accent);font-weight:600}

/* ── 12 · broker hub MT4 (card estandar; en overlay ocupa la fila superior a todo el ancho) ── */
#rp-mt4:empty{display:none}
#rp-mt4{margin-top:12px}
.rp-mt4card{background:var(--rp-card);border:1px solid var(--rp-card-border);border-radius:var(--rp-r-card);box-shadow:var(--rp-card-shadow);overflow:hidden}
.rp-mt4head{display:flex;align-items:center;gap:12px;padding:9px 12px;border-bottom:1px solid var(--rp-border);background:var(--rp-hover);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--rp-muted)}
#rp-panel .rp-mt4head .mtb{color:var(--rp-accent);font-size:11.5px;font-weight:600;letter-spacing:0;text-transform:none;display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:6px;transition:background .12s}
#rp-panel .rp-mt4head .mtb:hover{background:var(--rp-accent-soft)}
.rp-mt4head .mtb:first-of-type{margin-left:auto}
.rp-mt4tablewrap{overflow:auto;max-height:176px} /* head fijo: con muchas cuentas la tabla scrollea dentro */
.rp-mt4card table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}
.rp-mt4card th{font-weight:600;color:var(--rp-muted);text-align:left;padding:6px 10px;border-bottom:1px solid var(--rp-border);font-size:11px}
.rp-mt4card td{padding:6px 10px;border-bottom:1px solid color-mix(in srgb,var(--rp-border) 60%,transparent)}
.rp-mt4card tr:last-child td{border-bottom:0}
.rp-mt4bdg{display:inline-block;border-radius:5px;padding:1px 7px;font-size:10.5px;font-weight:700}
.rp-mt4bdg.live{background:color-mix(in srgb,var(--rp-ok) 15%,transparent);color:var(--rp-ok)}
.rp-mt4bdg.demo{background:rgba(240,168,72,.15);color:#f0a848}
#rp-panel .rp-mt4card .mtact{background:var(--rp-accent);color:var(--rp-accent-fg);border-radius:7px;font-size:11.5px;font-weight:600;white-space:nowrap;padding:4px 9px}
#rp-panel .rp-mt4card .mtact:hover{opacity:.85}
.rp-mt4tot{display:flex;gap:16px;flex-wrap:wrap;padding:8px 12px;font-size:12px;border-top:1px solid var(--rp-border);color:var(--rp-muted)}
.rp-mt4tot b{font-weight:650;color:var(--rp-ink)}

/* ── 13 · footer (solo drawer) ── */
#rp-foot{border-top:1px solid var(--rp-border);background:var(--rp-card);padding:10px 16px;display:flex;align-items:center;gap:10px;flex:none}
#rp-hint{color:var(--rp-muted);font-size:11.5px;margin-left:auto}

/* ── 14 · loading ("cargando": aro girando + texto; sustituye al skeleton de burbujas, 2026-07-19) ── */
.rp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:34px 12px;color:var(--rp-muted);font-size:12.5px}
.rp-loading .spin{width:22px;height:22px;border-radius:50%;border:2px solid color-mix(in srgb,var(--rp-ink) 14%,transparent);border-top-color:var(--rp-ink);animation:rp-spin .8s linear infinite}
@keyframes rp-spin{to{transform:rotate(360deg)}}

/* ── 15 · OVERLAY (.wide en viewport >=1100px): centrado con margen 3%, grid 3 columnas ──
   Todo el modo overlay vive DENTRO de esta media query: en <=1099 no hay nada que revertir. */
@media (min-width:1100px){
  #rp-panel.wide{
    top:3%;right:3%;bottom:3%;left:3%;
    width:auto;height:auto;
    border:1px solid var(--rp-card-border);border-radius:16px;
    box-shadow:var(--rp-shadow);
    display:grid;
    grid-template-columns:minmax(320px,380px) minmax(0,1fr) minmax(300px,380px);
    grid-template-rows:auto auto auto minmax(0,1fr);
    column-gap:16px;row-gap:0;
    padding:46px 16px 16px; /* 46px = franja superior para .rp-win */
    overflow:hidden;
    /* entrada propia de overlay: fade + lift (translateX del drawer no tiene sentido centrado);
       visibility con delay para que cerrado no intercepte clicks ni foco */
    transform:translateY(10px) scale(.985);
    opacity:0;visibility:hidden;
    transition:transform .22s cubic-bezier(.3,.9,.3,1),opacity .18s ease-out,visibility 0s .22s;
  }
  #rp-panel.wide.show{
    transform:none;opacity:1;visibility:visible;
    transition:transform .22s cubic-bezier(.3,.9,.3,1),opacity .18s ease-out,visibility 0s;
  }
  /* head y body se disuelven: sus hijos pasan a ser items del grid */
  #rp-panel.wide #rp-head,#rp-panel.wide #rp-body{display:contents}
  #rp-panel.wide #rp-mt4{grid-area:1/1/2/4;margin:0 0 14px}
  #rp-panel.wide .rp-top{grid-area:2/1/3/2}
  #rp-panel.wide #rp-quick{grid-area:3/1/4/2}
  #rp-panel.wide #rp-sum{grid-area:4/1/5/2;margin-top:16px}
  #rp-panel.wide #rp-feed{grid-area:2/2/5/3}
  #rp-panel.wide #rp-assoc{grid-area:2/3/5/4}
  #rp-panel.wide #rp-body>section{display:block;min-height:0;overflow-y:auto;padding:2px} /* scrollbar: bloque auto-hide de la seccion 08 */
  /* summary: el scroll sale por el INTERIOR de la card blanca activa (peticion Marc), con las
     tabs de grupo quietas encima. Selector con #rp-body> para ganar a la regla de secciones. */
  #rp-panel.wide #rp-body>#rp-sum{display:flex;flex-direction:column;overflow:hidden}
  #rp-panel.wide #rp-sum .rp-sumtabs{flex:none;position:static;padding-bottom:8px}
  #rp-panel.wide #rp-sum .rp-group{margin:0}
  #rp-panel.wide #rp-sum .rp-group.is-active{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}
  #rp-panel.wide #rp-sum .rp-loading,#rp-panel.wide #rp-sum .rp-empty{flex:none}
  #rp-panel.wide #rp-tabs,#rp-panel.wide #rp-foot{display:none}
  #rp-panel.wide .rp-win{position:absolute;top:8px;right:12px;margin:0}
  #rp-panel.wide #rp-avatar{width:56px;height:56px;font-size:19px;border-radius:16px}
  #rp-panel.wide .rp-idbox h2{font-size:17.5px}
  /* tira de destacados: 3 celdas en card */
  #rp-panel.wide #rp-high{
    display:grid;grid-template-columns:repeat(3,1fr);margin:2px 2px 12px;
    background:var(--rp-card);border:1px solid var(--rp-card-border);border-radius:var(--rp-r-card);
    box-shadow:var(--rp-card-shadow);
  }
  #rp-panel.wide #rp-high:empty{display:none}
  #rp-high .hc{padding:12px 16px;min-width:0}
  #rp-high .hc+.hc{border-left:1px solid var(--rp-border)}
  #rp-high .hc small{display:block;font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--rp-muted);margin-bottom:3px}
  #rp-high .hc b{display:block;font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  /* tabs de filtro en vez del select */
  #rp-panel.wide #rp-feedtabs{display:flex}
  #rp-panel.wide #rp-feedfilter{display:none}
  /* la feedbar sticky del overlay pega sobre el fondo del grid (las sumtabs ya son static) */
  #rp-panel.wide .rp-feedbar{top:-2px}
  /* registros sin feed (budgets, feed.soporta='n'): fuera la columna central muerta;
     Vinculados se expande a su sitio (la clase la pone rp_onGetrecord) */
  #rp-panel.wide.nofeed #rp-feed{display:none}
  #rp-panel.wide.nofeed #rp-assoc{grid-area:2/2/5/4}
}

/* ── 16 · wide neutralizado (<=1099px): actua EXACTAMENTE como el drawer ── */
@media (max-width:1099px){
  #rp-panel.wide{width:min(480px,94vw)}
  #rp-expand{display:none}
  #rp-panel .rp-mexpand{display:none} /* sin overlay, el item Expand de los menus no hace nada */
}

/* ── 17 · fullscreen movil (<=600px) ──
   left:0+right:0 en vez de width:100vw (100vw incluye la barra de scroll y desbordaba) */
@media (max-width:600px){
  #rp-panel,#rp-panel.wide{top:0;left:0;width:auto;border-left:0;border-top:0;border-top-left-radius:0}
  #rp-head{padding:calc(10px + env(safe-area-inset-top)) 12px 0}
  .rp-top{gap:10px;padding:12px 12px 4px}
  #rp-accwrap{display:none} /* el circulo Mas ofrece las mismas acciones */
  #rp-body{padding:12px 12px calc(20px + env(safe-area-inset-bottom))}
  #rp-foot{display:none}
  /* sin scroll-x: el menu del circulo Mas es absolute y el scroller lo recortaria; los circulos
     caben en >=360px y si no, saltan de linea */
  #rp-quick{flex-wrap:wrap;justify-content:center;gap:10px;padding:8px 10px 12px;overflow:visible}
  #rp-panel .rp-qa{flex:none;white-space:nowrap}
  #rp-tabs{margin-top:10px}
  #rp-panel .rp-tab{flex:1;text-align:center}
  .rp-prow .pv input,.rp-prow .pv textarea,.rp-prow .pv select,#rp-feedfilter,.rp-busca input{font-size:16px} /* anti-zoom iOS */
  .fh-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
  .fh-k{grid-column:1/-1}
}

/* ── 18 · capacidades: tactil / sin hover / reduced motion ── */
@media (pointer:coarse){
  #rp-panel .rp-win button{padding:10px}
  /* target tactil 44px SOLO si la card tiene sitio: en columnas estrechas mandan las reglas
     @container de la seccion 05 (sin container queries esta regla no matchea y queda el base 40px) */
  @container (min-width:331px){ #rp-panel .rp-qa i{width:44px;height:44px} }
  #rp-panel .rp-tab{padding:11px 13px}
  #rp-panel .rp-stab,#rp-panel .rp-ftab{padding:9px 13px}
  #rp-panel .rp-edbar .ebtn{width:38px;height:38px}
  #rp-panel #rp-feedmore{padding:10px 18px}
  #rp-panel .rp-menu button{padding:12px 14px}
}
@media (hover:none){
  .rp-prow .pedit,.rp-fdel,.rp-associtem .aix{opacity:.55}
}
/* ── entrada sutil global del template (keyframe fadeInOnly de 165_behaviours.css, convencion
   de la app: .22-.24s out-expo); stagger acotado a 4 delays para no eternizar listas largas ── */
.rp-fitem,.rp-assocblock,.rp-group.is-active{animation:fadeInOnly .24s cubic-bezier(.16,1,.3,1) backwards}
.rp-fitem:nth-child(2),.rp-assocblock:nth-child(2){animation-delay:.03s}
.rp-fitem:nth-child(3),.rp-assocblock:nth-child(3){animation-delay:.06s}
.rp-fitem:nth-child(4),.rp-assocblock:nth-child(4){animation-delay:.09s}
.rp-fitem:nth-child(n+5),.rp-assocblock:nth-child(n+5){animation-delay:.12s}

@media (prefers-reduced-motion:reduce){
  .rp-loading .spin{animation-duration:1.6s}
  #rp-panel,#rp-panel.wide,#rp-panel.wide.show{transition:opacity .15s linear}
  .rp-fitem,.rp-assocblock,.rp-group.is-active,.rp-menuwrap.open .rp-menu{animation:none}
}

/* ── 19 · defensa contra los !important globales del tema ──
   datalyse-theme.css:279-297 pinta TODOS los input[type=text|email|number|tel|date|time] con
   fondo/borde/radio !important, y :298-307 el :focus (especificidad 0,4,1) con borde+glow
   !important. Sin este bloque el editor inline pierde el borde accent, .invalid (rojo) es
   invisible, .rp-busca pierde el radio partido y el input del .msearch pinta caja doble.
   Entre !important decide la especificidad: el prefijo #rp-panel (a=1) gana siempre. */
#rp-panel .rp-prow .pv :is(input,textarea){background:var(--rp-card) !important;border:1px solid var(--rp-accent) !important;border-radius:var(--rp-r-ctl) !important;box-shadow:none !important;color:inherit !important}
#rp-panel .rp-prow .pv input.invalid{border-color:var(--rp-bad) !important}
#rp-panel .rp-busca input{background:var(--rp-card) !important;border:1px solid var(--rp-accent) !important;border-radius:var(--rp-r-ctl) var(--rp-r-ctl) 0 0 !important;box-shadow:none !important;color:inherit !important}
#rp-panel .rp-menu .msearch input{border:0 !important;background:none !important;border-radius:0 !important;box-shadow:none !important;color:inherit !important;padding:0 !important}