/* LIGHT THEME (default) */
:root,.nc-theme-light{
--nc-bg:#ffffff;--nc-card:#f8fafc;--nc-input:#f1f5f9;--nc-hover:#e2e8f0;
--nc-accent:#f59e0b;--nc-accent-dk:#d97706;--nc-accent-bg:rgba(245,158,11,.08);
--nc-text:#1e293b;--nc-text2:#475569;--nc-muted:#64748b;
--nc-border:#e2e8f0;--nc-border-lt:#cbd5e1;
--nc-green:#10b981;--nc-red:#ef4444;--nc-blue:#2563eb;
--nc-user-bg:#1e3a5f;--nc-user-text:#ffffff;
--nc-ast-bg:#f8fafc;--nc-ast-border:#e2e8f0;
--nc-header-bg:linear-gradient(135deg,#0d1f3c,#152a4a);--nc-header-text:#ffffff;
}
/* DARK THEME */
.nc-theme-dark{
--nc-bg:#0a1628;--nc-card:#111d35;--nc-input:#172240;--nc-hover:#1d2d50;
--nc-accent:#f59e0b;--nc-accent-dk:#d97706;--nc-accent-bg:rgba(245,158,11,.1);
--nc-text:#e2e8f0;--nc-text2:#94a3b8;--nc-muted:#94a3b8;
--nc-green:#10b981;--nc-red:#ef4444;--nc-blue:#3b82f6;
--nc-user-bg:linear-gradient(135deg,#1e3a5f,#1a3050);--nc-user-text:#e2e8f0;
--nc-ast-bg:#111d35;--nc-ast-border:#1e3154;
--nc-header-bg:linear-gradient(135deg,#0d1f3c,#152a4a);--nc-header-text:#ffffff;
--nc-border:#1e3154;--nc-border-lt:#2a4270;
}
.nc-chat-widget,.nc-chat-widget *{box-sizing:border-box;margin:0;padding:0}
.nc-chat-widget{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:14px;line-height:1.6;color:var(--nc-text)}
.nc-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Embedded container - no footer overlap */
.nc-chat-container{display:block;position:relative;z-index:10;margin-bottom:30px}
.nc-chat-container.nc-raised{z-index:999999!important}
/* U-018: usar dvh (dynamic viewport height) para que no se tape con teclado virtual en iOS */
.nc-chat-widget.nc-embedded{width:100%;height:calc(100vh - 200px);height:calc(100dvh - 200px);min-height:480px;max-height:800px;border-radius:16px;border:1px solid var(--nc-border);overflow:hidden;display:flex;flex-direction:column;background:var(--nc-bg);transition:all .3s}
.nc-chat-widget.nc-expanded{height:88vh!important;height:88dvh!important;max-height:88vh!important;max-height:88dvh!important;position:relative;z-index:999999!important}
.nc-chat-widget.nc-fullscreen{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;height:100dvh!important;max-height:100%!important;max-height:100dvh!important;border-radius:0!important;z-index:9999999!important;border:none!important;margin-bottom:0!important}

/* Header */
.nc-header{background:var(--nc-header-bg);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;border-bottom:1px solid var(--nc-border);position:relative;z-index:10;gap:8px}
.nc-header-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
.nc-header-icon{font-size:22px;flex-shrink:0}
.nc-header-title{font-size:15px;font-weight:700;color:var(--nc-accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nc-header-subtitle{font-size:11px;color:rgba(255,255,255,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nc-header-actions{display:flex;gap:4px;flex-shrink:0}
/* U-014: 44x44 px en touch devices, 32x32 en desktop con hover */
.nc-hbtn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.7);width:44px;height:44px;border-radius:8px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:.2s;-webkit-tap-highlight-color:rgba(255,255,255,.2)}
.nc-hbtn:hover,.nc-hbtn:focus-visible{background:rgba(255,255,255,.2);color:#fff;outline:none}
.nc-hbtn:focus-visible{box-shadow:0 0 0 2px var(--nc-accent)}
@media(hover:hover) and (pointer:fine){
  .nc-hbtn{width:32px;height:32px;font-size:13px}
}

/* Handbook */
.nc-handbook{padding:8px 14px;background:var(--nc-accent-bg);border-bottom:1px solid rgba(245,158,11,.15);font-size:11.5px;color:var(--nc-accent);display:flex;align-items:center;gap:6px;flex-shrink:0}
.nc-hb-close{cursor:pointer;opacity:.6;font-size:18px;margin-left:auto;padding:4px 8px;line-height:1;-webkit-tap-highlight-color:rgba(0,0,0,.1)}
.nc-hb-close:hover,.nc-hb-close:focus-visible{opacity:1;outline:none}

/* === Compact Norm Selector (dropdown) === */
.nc-selector-bar{padding:8px 14px;background:var(--nc-card);border-bottom:1px solid var(--nc-border);flex-shrink:0}
.nc-norm-sel{position:relative}
.nc-norm-btn{width:100%;padding:11px 14px;background:var(--nc-input);border:1px solid var(--nc-border);border-radius:10px;font-size:13px;color:var(--nc-text);cursor:pointer;display:flex;align-items:center;gap:8px;transition:.2s;font-family:inherit;text-align:left;min-height:44px;-webkit-tap-highlight-color:var(--nc-accent-bg)}
.nc-norm-btn:hover,.nc-norm-btn:focus-visible{border-color:var(--nc-accent);outline:none}
.nc-norm-btn:focus-visible{box-shadow:0 0 0 2px var(--nc-accent-bg)}
.nc-nb-icon{font-size:16px;flex-shrink:0}.nc-nb-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nc-nb-arrow{font-size:10px;color:var(--nc-muted);transition:transform .2s;flex-shrink:0}
.nc-norm-btn[aria-expanded="true"] .nc-nb-arrow{transform:rotate(180deg)}
@media(hover:hover) and (pointer:fine){
  .nc-norm-btn{padding:7px 12px;min-height:0}
}
.nc-norm-panel{display:none;position:absolute;top:100%;left:0;right:0;z-index:100;margin-top:4px;background:var(--nc-bg);border:1px solid var(--nc-border);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.12);max-height:260px;overflow-y:auto}
.nc-norm-panel.nc-open{display:block}
.nc-norm-panel::-webkit-scrollbar{width:4px}
.nc-norm-panel::-webkit-scrollbar-thumb{background:var(--nc-border);border-radius:2px}
.nc-ng{border-bottom:1px solid var(--nc-border)}
.nc-ng:last-child{border:none}
.nc-ng-title{padding:6px 12px;font-size:11px;font-weight:700;color:var(--nc-accent);text-transform:uppercase;letter-spacing:.4px;background:var(--nc-accent-bg);display:flex;align-items:center;gap:5px}
.nc-ni{padding:12px;font-size:13px;color:var(--nc-text);cursor:pointer;display:flex;align-items:center;gap:8px;transition:.15s;min-height:44px;-webkit-tap-highlight-color:var(--nc-accent-bg)}
.nc-ni:hover,.nc-ni:focus-visible{background:var(--nc-hover);outline:none}
.nc-ni-check{width:18px;height:18px;border:2px solid var(--nc-border);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:.2s;font-size:10px}
.nc-ni.nc-active{color:var(--nc-accent);font-weight:600}
.nc-ni.nc-active .nc-ni-check{background:var(--nc-accent);border-color:var(--nc-accent);color:#fff}
.nc-ni.nc-active .nc-ni-check::after{content:'\2713';color:#fff;font-size:11px;font-weight:700}
/* Estados del panel de normas: loading, vacío, error.
   v2.3.5: antes el panel quedaba literalmente vacío (altura 0 = invisible) cuando
   loadNormas fallaba, dando la sensación de que el menú "no abría". */
.nc-norm-status{padding:20px 16px;font-size:13px;color:var(--nc-text2);text-align:center;line-height:1.5}
.nc-norm-status-icon{font-size:22px;margin-bottom:6px;line-height:1}
.nc-norm-loading{color:var(--nc-muted)}
.nc-norm-spinner{display:inline-block;width:12px;height:12px;border:2px solid var(--nc-border);border-top-color:var(--nc-accent);border-radius:50%;animation:nc-spin .7s linear infinite;vertical-align:-2px;margin-right:6px}
@keyframes nc-spin{to{transform:rotate(360deg)}}
.nc-norm-empty{color:var(--nc-muted)}
.nc-norm-retry{margin-top:12px;padding:8px 14px;background:var(--nc-accent);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:.15s}
.nc-norm-retry:hover,.nc-norm-retry:focus-visible{background:var(--nc-accent-dk);outline:none}
.nc-norm-retry:focus-visible{box-shadow:0 0 0 2px var(--nc-accent-bg)}
@media(hover:hover) and (pointer:fine){
  .nc-ni{padding:8px 12px 8px 16px;min-height:0}
}
/* Tags */
.nc-sel-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.nc-stag{display:inline-flex;align-items:center;gap:3px;padding:4px 10px;background:var(--nc-accent-bg);color:var(--nc-accent);border-radius:20px;font-size:12px;font-weight:600;border:1px solid rgba(245,158,11,.2)}
.nc-stag-icon{font-size:12px}
/* U-014: × más grande para tap accuracy en mobile */
.nc-tag-x{cursor:pointer;font-size:18px;opacity:.7;margin-left:4px;padding:0 4px;line-height:1;-webkit-tap-highlight-color:rgba(0,0,0,.1)}
.nc-tag-x:hover,.nc-tag-x:focus-visible{opacity:1;outline:none}
.nc-compare-toggle{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--nc-text2);cursor:pointer;margin-top:6px;padding:4px 0}
.nc-compare-toggle input{width:16px;height:16px;cursor:pointer}

/* Messages */
.nc-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:14px;scroll-behavior:smooth}
.nc-messages::-webkit-scrollbar{width:5px}
.nc-messages::-webkit-scrollbar-thumb{background:var(--nc-border);border-radius:3px}
.nc-message{max-width:92%;animation:ncF .25s}
.nc-msg-user{align-self:flex-end}
.nc-msg-assistant{align-self:flex-start;max-width:96%}
@keyframes ncF{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}

.nc-msg-bubble{padding:12px 16px;border-radius:14px;word-wrap:break-word}
.nc-msg-user .nc-msg-bubble{background:var(--nc-user-bg);color:var(--nc-user-text);border-bottom-right-radius:4px}
.nc-msg-assistant .nc-msg-bubble{background:var(--nc-ast-bg);color:var(--nc-text);border:1px solid var(--nc-ast-border);border-bottom-left-radius:4px}

/* === Fix 4: Better response formatting === */
.nc-msg-bubble p{margin:0 0 6px}.nc-msg-bubble p:last-child{margin:0}
.nc-msg-bubble strong{font-weight:700;color:var(--nc-accent)}
.nc-msg-bubble em{font-style:italic;color:var(--nc-accent-dk)}
.nc-msg-bubble code{background:var(--nc-accent-bg);padding:1px 5px;border-radius:4px;font-size:13px}

/* Section titles */
.nc-msg-bubble h3.nc-section{font-size:14px;font-weight:800;color:var(--nc-accent);margin:16px 0 2px;padding:5px 0 3px;border-bottom:2px solid var(--nc-accent-bg);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}
.nc-msg-bubble h3.nc-section:first-child{margin-top:0}
.nc-msg-bubble h3.nc-section .nc-sec-icon{font-size:16px}

/* Section body - indented content under titles */
.nc-msg-bubble .nc-sec-body{padding-left:12px;margin-bottom:10px}
.nc-msg-bubble .nc-sec-body>p{margin:0 0 4px}
.nc-msg-bubble .nc-sec-body>p:last-child{margin:0}
.nc-msg-bubble .nc-sec-body>br{display:block;content:'';margin:2px 0}

/* Lists - compact formatting */
.nc-msg-bubble ul{margin:2px 0 6px;padding-left:20px;list-style:none}
.nc-msg-bubble ul li{position:relative;padding:1px 0 1px 10px;margin-bottom:1px;line-height:1.5}
.nc-msg-bubble ul li::before{content:'';position:absolute;left:-10px;top:9px;width:5px;height:5px;background:var(--nc-accent);border-radius:50%}
.nc-msg-bubble ul li.nc-sub{margin-left:18px;font-size:13px;color:var(--nc-text2);padding:1px 0 1px 8px}
.nc-msg-bubble ul li.nc-sub::before{width:4px;height:4px;background:var(--nc-text2);opacity:.4;left:-8px;top:9px}
/* Ordered lists - each ol resets its own counter via inline style */
.nc-msg-bubble ol{margin:2px 0 6px;padding-left:6px;list-style:none}
.nc-msg-bubble ol li{counter-increment:nc-ol-counter;margin-bottom:1px;padding:1px 0 1px 26px;line-height:1.5;position:relative}
.nc-msg-bubble ol li::before{content:counter(nc-ol-counter) ".";position:absolute;left:0;font-weight:700;color:var(--nc-accent);min-width:20px}
/* Nested / sub-items in ordered lists */
.nc-msg-bubble ol li.nc-ol-sub{counter-increment:nc-ol-sub;margin-left:20px;font-size:13px;color:var(--nc-text2);padding-left:22px;margin-bottom:1px}
.nc-msg-bubble ol li.nc-ol-sub::before{content:counter(nc-ol-sub,lower-alpha) ".";font-weight:600;color:var(--nc-text2);opacity:.7}

/* Nested ul inside li (sub-lists) */
.nc-msg-bubble li>ul,.nc-msg-bubble li>ol{margin:1px 0 2px}

/* Numbered items followed by content paragraphs (GPT pattern: "1. Title:\n\nContent") */
.nc-sec-body>ol{margin-bottom:0}
.nc-sec-body>ol+p{margin-top:0;padding-left:26px;margin-bottom:4px}
.nc-sec-body>ol+p+p{padding-left:26px;margin-bottom:4px}
.nc-sec-body>ol+p+ul,.nc-sec-body>ol+ul{margin-top:0;padding-left:44px}
.nc-sec-body>ol+p+ul li,.nc-sec-body>ol+ul li{padding-left:8px}
/* Tighter gap between consecutive lists */
.nc-sec-body>ul+p,.nc-sec-body>p+ul{margin-top:2px}
/* Reduce gap before p that follows another p inside sec-body */
.nc-sec-body>p+p{margin-top:0}

/* Citations */
.nc-cite{display:inline;padding:1px 6px;background:rgba(37,99,235,.08);color:var(--nc-blue);border-radius:4px;font-size:12px;font-weight:600;border:1px solid rgba(37,99,235,.15)}

/* Tables */
.nc-msg-bubble table{width:100%;border-collapse:collapse;margin:6px 0;font-size:13px;border-radius:6px;overflow:hidden}
.nc-msg-bubble th{background:var(--nc-accent-bg);color:var(--nc-accent);padding:5px 8px;text-align:left;font-weight:700;border:1px solid var(--nc-border)}
.nc-msg-bubble td{padding:4px 8px;border:1px solid var(--nc-border)}
.nc-msg-bubble blockquote.nc-quote{margin:4px 0 6px;padding:6px 10px;border-left:3px solid var(--nc-accent);background:var(--nc-accent-bg);border-radius:0 6px 6px 0;font-style:italic;color:var(--nc-text2);font-size:13px;line-height:1.5}
.nc-msg-bubble tr:nth-child(even) td{background:var(--nc-input)}

/* Callout boxes */
.nc-warn-box{background:rgba(239,68,68,.06);border-left:3px solid var(--nc-red);padding:6px 10px;margin:4px 0 6px;border-radius:0 8px 8px 0;font-size:13px}
.nc-note-box{background:rgba(37,99,235,.06);border-left:3px solid var(--nc-blue);padding:6px 10px;margin:4px 0 6px;border-radius:0 8px 8px 0;font-size:13px}
.nc-example-box{background:rgba(16,185,129,.06);border-left:3px solid var(--nc-green);padding:6px 10px;margin:4px 0 6px;border-radius:0 8px 8px 0;font-size:13px}

/* Horizontal rule */
.nc-msg-bubble hr.nc-hr{border:none;border-top:1px solid var(--nc-border);margin:10px 0 8px}

/* Response actions (PDF, feedback) */
.nc-msg-actions{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
/* U-014: tap targets 44px on touch, compact on desktop */
.nc-msg-act{background:var(--nc-input);border:1px solid var(--nc-border);border-radius:6px;padding:10px 14px;font-size:12px;color:var(--nc-text2);cursor:pointer;transition:.2s;font-family:inherit;display:flex;align-items:center;gap:4px;min-height:44px;-webkit-tap-highlight-color:var(--nc-accent-bg)}
.nc-msg-act:hover,.nc-msg-act:focus-visible{border-color:var(--nc-accent);color:var(--nc-accent);outline:none}
@media(hover:hover) and (pointer:fine){
  .nc-msg-act{padding:4px 10px;font-size:11px;min-height:0}
}

/* Sources */
.nc-sources{margin-top:8px}
.nc-sources-toggle{background:var(--nc-input);border:1px solid var(--nc-border);border-radius:8px;padding:8px 14px;font-size:12px;color:var(--nc-text2);cursor:pointer;transition:.2s;font-family:inherit;min-height:36px}
.nc-sources-toggle:hover,.nc-sources-toggle:focus-visible{border-color:var(--nc-accent);color:var(--nc-accent);outline:none}
.nc-sources-list{display:none;margin-top:5px;padding:6px;background:var(--nc-card);border:1px solid var(--nc-border);border-radius:8px}
.nc-sources-list.nc-open{display:block}
/* U-014: source items con altura mínima para tap */
.nc-source-item{padding:10px 8px;font-size:12px;color:var(--nc-text2);border-bottom:1px solid var(--nc-border);display:flex;align-items:center;gap:6px;cursor:default;transition:.2s;border-radius:4px;min-height:44px}
.nc-source-item:last-child{border:none}
.nc-sfl{display:flex;gap:2px}.nc-sf{font-size:12px}.nc-slb{flex:1}
.nc-src-eye{font-size:14px;opacity:.4;transition:.2s}.nc-source-item:hover .nc-src-eye{opacity:1}
.nc-sim{font-size:10px;background:var(--nc-accent-bg);padding:1px 5px;border-radius:4px;color:var(--nc-accent);font-weight:700}
@media(hover:hover) and (pointer:fine){
  .nc-source-item{padding:5px 6px;min-height:0}
  .nc-sources-toggle{padding:4px 12px;min-height:0}
}
/* U-019 (chat side): clickable reference links — más visibles con icono */
.nc-ref-link{color:var(--nc-accent);cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-decoration-thickness:1.5px;text-underline-offset:2px;transition:.2s;border-radius:3px;padding:0 2px;font-weight:600;-webkit-tap-highlight-color:var(--nc-accent-bg)}
.nc-ref-link:hover,.nc-ref-link:focus-visible{background:var(--nc-accent-bg);text-decoration-style:solid;outline:none}
.nc-ref-link::after{content:'\00a0\2197';font-size:.85em;opacity:.6;font-weight:400}
/* v2.3.8 fix #2: cita "no verificada" — el backend no encontró el artículo+literal en los chunks usados.
   Subrayado punteado + color levemente atenuado, pero sigue siendo clickeable. */
.nc-ref-nodata{text-decoration-style:dashed;text-decoration-color:#94a3b8;background:rgba(148,163,184,.08);position:relative;cursor:help}
.nc-ref-nodata::after{content:'⚠';font-size:10px;margin-left:3px;color:#d97706;vertical-align:super;font-weight:700}
.nc-ref-nodata:hover{background:rgba(217,119,6,.15);text-decoration-color:#d97706}
/* v2.3.15 (FX-F): tooltip explícito al hover sobre la cita no verificada.
   Usa el atributo title nativo + un pseudo hover tooltip más legible para pantallas táctiles. */
.nc-ref-nodata:hover::before{content:attr(title);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#78350f;color:#fff;padding:6px 10px;border-radius:6px;font-size:11px;font-weight:400;white-space:normal;width:max-content;max-width:260px;z-index:10;box-shadow:0 4px 12px rgba(0,0,0,.15);line-height:1.4;pointer-events:none}
/* v2.3.15 (FX-B): cita textual entre comillas no verificada. Más severa que nc-ref-nodata
   porque el texto entre comillas, si se copia, va literal a un plano de obra. */
.nc-quote-nodata{background:rgba(239,68,68,.09);border-left:2px solid #ef4444;padding:1px 4px;border-radius:2px;position:relative;cursor:help}
.nc-quote-nodata::after{content:'⚠';font-size:10px;margin-left:3px;color:#b91c1c;vertical-align:super;font-weight:700}
.nc-quote-nodata:hover{background:rgba(239,68,68,.16)}
.nc-quote-nodata:hover::before{content:attr(title);position:absolute;bottom:calc(100% + 6px);left:0;background:#7f1d1d;color:#fff;padding:8px 12px;border-radius:6px;font-size:11px;font-weight:400;white-space:normal;width:max-content;max-width:320px;z-index:10;box-shadow:0 4px 12px rgba(0,0,0,.2);line-height:1.5;pointer-events:none}

/* v2.3.8 fix #4: banner de sugerencia en el popup cuando el literal está en otro lado */
.nc-ck-suggest{background:#fef3c7;border:1px solid #fcd34d;border-left:4px solid var(--nc-accent,#f59e0b);border-radius:0 8px 8px 0;padding:14px 16px;margin:0 0 18px;display:flex;flex-direction:column;gap:10px}
.nc-ck-suggest-msg{font-size:13.5px;color:#78350f;line-height:1.5}
.nc-ck-suggest-btn{align-self:flex-start;background:var(--nc-accent,#f59e0b);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:600;font-size:13px;cursor:pointer;transition:filter .15s;font-family:inherit}
.nc-ck-suggest-btn:hover{filter:brightness(1.05)}
.nc-ck-suggest-btn:focus{outline:2px solid #fbbf24;outline-offset:2px}
@media(max-width:480px){
    .nc-ck-suggest{padding:12px 14px}
    .nc-ck-suggest-msg{font-size:13px}
}
/* Chunk content popup */
.nc-chunk-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:100002;display:flex;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(3px)}
.nc-chunk-popup{background:#fff;border-radius:10px;max-width:760px;width:100%;max-height:88vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.3);border:1px solid #d1d5db;overflow:hidden}
/* v2.3.7: header con title + subtitle apilados; close con tap target ≥44x44 */
.nc-chunk-hdr{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 8px 12px 20px;background:var(--nc-accent,#f59e0b);color:#fff;font-weight:600;font-size:13px;gap:8px}
.nc-chunk-title-wrap{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.nc-chunk-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.nc-chunk-subtitle{font-size:12px;font-weight:400;opacity:.92;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}
.nc-chunk-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:6px 12px;line-height:1;opacity:.85;transition:opacity .2s,transform .2s;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:6px;flex-shrink:0}
.nc-chunk-close:hover{opacity:1;background:rgba(255,255,255,.12)}
.nc-chunk-close:focus{outline:2px solid #fff;outline-offset:-2px}
.nc-chunk-body{padding:28px 32px;overflow-y:auto;flex:1;font-size:14px;line-height:1.8;color:#1a1a1a;text-align:justify;font-family:'Segoe UI','Helvetica Neue',Arial,sans-serif}
.nc-chunk-hl{background:rgba(245,158,11,.2);padding:1px 3px;border-radius:2px;font-weight:600}
.nc-ck-cta{display:inline-block;background:var(--nc-accent,#f59e0b);color:#fff!important;padding:8px 16px;border-radius:6px;text-decoration:none!important;font-weight:600;font-size:13px;margin-top:8px}
.nc-ck-cta:hover{filter:brightness(1.05)}
.nc-ck-sp{height:12px}
.nc-ck-p{margin:10px 0;text-align:justify;line-height:1.65}

.nc-ck-hdr{font-weight:700;color:#1a1a1a;margin:22px 0 10px;padding:10px 14px;background:#f8f9fa;border-left:4px solid var(--nc-accent,#f59e0b);font-size:14.5px;text-align:left;border-radius:0 4px 4px 0}

/* v2.3.13: literal y numeral unificados — bullet + texto en la misma línea visual,
   con el texto fluyendo naturalmente después. Sin el "literal en línea aparte
   y texto flotando abajo" del bug anterior. */
.nc-ck-lit{display:flex;align-items:flex-start;gap:0;padding:8px 0 8px 10px;margin:6px 0 6px 4px;border-left:2px solid #e5e7eb;text-align:left}
.nc-ck-lit-bul{font-weight:700;color:var(--nc-accent,#f59e0b);min-width:42px;text-align:left;flex-shrink:0;padding:0 10px 0 4px;line-height:1.65}
.nc-ck-lit-tx{flex:1;text-align:justify;line-height:1.65}
.nc-ck-sub{margin-left:46px;margin-top:2px}
.nc-ck-num{display:flex;align-items:flex-start;gap:0;padding:6px 0 6px 8px;margin:4px 0 4px 4px;border-left:2px solid #f3f4f6;text-align:left}
.nc-ck-num-bul{font-weight:600;color:#64748b;min-width:36px;text-align:left;flex-shrink:0;padding:0 8px 0 4px;line-height:1.65}
.nc-ck-num-tx{flex:1;text-align:justify;line-height:1.65}

/* Backwards-compat: algunas versiones anteriores emiten nc-ck-item; mantener estilos
   equivalentes para que popups viejos no se rompan tras el upgrade. */
.nc-ck-item{display:flex;gap:0;padding:6px 0 6px 8px;margin:4px 0 4px 16px;border-left:2px solid #e5e7eb;text-align:left}
.nc-ck-bul{font-weight:700;color:var(--nc-accent,#f59e0b);min-width:36px;text-align:left;flex-shrink:0;padding:0 8px 0 0}
.nc-ck-itxt{flex:1;text-align:justify}

/* v2.3.13: tabla/figura como REFERENCIA clickeable. La etiqueta tiene estado hover
   e iconito que indica que es interactiva. Misma paleta amarilla que antes pero
   ahora con cursor y borde acentuado en hover. */
.nc-ck-tref{margin:14px 0 10px;text-align:left;font-size:13.5px}
.nc-ck-tref .nc-ref-link,
.nc-ck-tref .nc-ref-table{font-weight:700;color:#92400e;background:#fef3c7;padding:8px 14px;border-radius:4px;border:1px solid #fcd34d;display:inline-block;cursor:pointer;transition:all .15s;text-decoration:none}
.nc-ck-tref .nc-ref-link:hover,
.nc-ck-tref .nc-ref-table:hover{background:#fde68a;border-color:var(--nc-accent,#f59e0b);transform:translateY(-1px);box-shadow:0 2px 6px rgba(217,119,6,.15)}
.nc-ck-tref .nc-ref-link::after{content:' \2197';opacity:.5;font-size:11px;margin-left:4px}

/* Estilo para las tablas cuando aparecen como link inline en el chat (respuesta) */
.nc-msg-bubble .nc-ref-table{background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.2);border-radius:4px;padding:1px 6px;color:#1d4ed8;font-weight:500;cursor:pointer;transition:all .15s;display:inline-block}
.nc-msg-bubble .nc-ref-table:hover{background:rgba(37,99,235,.15);border-color:#1d4ed8}
.nc-msg-bubble .nc-ref-table::before{content:'\1F4CA\00a0'}

/* v2.3.13: callouts unificados (NOTA / EXCEPCIÓN / ADVERTENCIA). Cada variant tiene
   su paleta; el header está en negrita arriba del texto que fluye debajo como párrafo
   normal. Antes el texto quedaba partido entre la caja y fuera de ella. */
.nc-ck-cal{padding:12px 16px;margin:14px 0;border-radius:0 6px 6px 0;font-size:13.5px;line-height:1.65;text-align:justify}
.nc-ck-cal-hd{font-weight:700;margin-bottom:6px;font-size:13px;letter-spacing:.3px}
.nc-ck-cal-tx{font-weight:400}
.nc-ck-cal-note{background:#eff6ff;border-left:4px solid #2563eb;color:#1e3a8a}
.nc-ck-cal-note .nc-ck-cal-hd{color:#1d4ed8}
.nc-ck-cal-excep{background:#fffbeb;border-left:4px solid var(--nc-accent,#f59e0b);color:#78350f}
.nc-ck-cal-excep .nc-ck-cal-hd{color:#b45309}
.nc-ck-cal-warn{background:#fef2f2;border-left:4px solid #dc2626;color:#7f1d1d}
.nc-ck-cal-warn .nc-ck-cal-hd{color:#b91c1c}

/* Backwards-compat para nc-ck-note viejo */
.nc-ck-note{background:#fffbeb;border-left:4px solid var(--nc-accent,#f59e0b);padding:12px 16px;margin:12px 0;border-radius:0 6px 6px 0;font-size:13px;text-align:justify;color:#92400e}
.nc-ck-tbl{width:100%;border-collapse:collapse;margin:14px 0;font-size:13px;border:1px solid #d1d5db}
.nc-ck-tbl th{background:#1e293b;color:#fff;padding:10px 14px;text-align:left;font-size:12px;font-weight:600;border:1px solid #334155}
.nc-ck-tbl td{padding:8px 14px;border:1px solid #e5e7eb;text-align:left;vertical-align:top}
.nc-ck-tbl tr:nth-child(even){background:#f8fafc}
.nc-ck-tbl tr:hover{background:#f1f5f9}
.nc-ck-tbl td:first-child{font-weight:500}
.nc-ck-mdrow{font-family:monospace;font-size:12px;white-space:pre-wrap;padding:2px 0;color:#475569}
.nc-chunk-foot{padding:10px 20px;font-size:11px;color:#94a3b8;border-top:1px solid #e5e7eb;text-align:center;background:#f8fafc;font-style:italic}
@media(max-width:480px){
    .nc-chunk-popup{max-width:100%;max-height:92vh;border-radius:8px}
    .nc-chunk-body{padding:16px 18px;font-size:13px}
    .nc-chunk-hdr{padding:10px 6px 10px 14px;font-size:12px}
    .nc-chunk-title{font-size:13px}
    .nc-chunk-subtitle{font-size:11px}
}

/* Media */
.nc-media-panel{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px}
.nc-media-item{border:1px solid var(--nc-border);border-radius:8px;overflow:hidden;max-width:260px;cursor:pointer;transition:.2s}
.nc-media-item:hover{transform:scale(1.02);box-shadow:0 2px 10px rgba(0,0,0,.1)}
.nc-media-item img{width:100%;max-height:180px;object-fit:contain;display:block;background:var(--nc-input)}
.nc-media-cap{padding:4px 8px;font-size:11px;color:var(--nc-text2);background:var(--nc-card)}

/* Typing */
.nc-typing{display:flex;gap:6px;padding:12px 18px;align-self:flex-start;background:var(--nc-ast-bg);border:1px solid var(--nc-ast-border);border-radius:12px;margin:4px 0;align-items:center}
.nc-typing-text{font-size:12px;color:var(--nc-text2);margin-right:6px;font-style:italic}
.nc-td{width:8px;height:8px;background:var(--nc-accent);border-radius:50%;animation:ncB 1.4s infinite}
.nc-td:nth-child(2){animation-delay:.16s}.nc-td:nth-child(3){animation-delay:.32s}
@keyframes ncB{0%,80%,100%{transform:scale(.6);opacity:.3}40%{transform:scale(1);opacity:1}}
.nc-cursor{color:var(--nc-accent);animation:ncBl .8s infinite}
@keyframes ncBl{0%,100%{opacity:1}50%{opacity:0}}

/* Input area: 44px+ tap targets */
.nc-input-area{padding:10px 14px;border-top:1px solid var(--nc-border);background:var(--nc-card);flex-shrink:0}
.nc-input-row{display:flex;gap:6px;align-items:flex-end}
.nc-input-field{flex:1;resize:none;border:1px solid var(--nc-border);border-radius:10px;padding:11px 14px;font-size:15px;font-family:inherit;min-height:46px;max-height:120px;line-height:1.4;color:var(--nc-text);background:var(--nc-input);transition:.2s}
.nc-input-field:focus{outline:none;border-color:var(--nc-accent);box-shadow:0 0 0 3px var(--nc-accent-bg)}
.nc-input-field::placeholder{color:var(--nc-muted)}
.nc-input-field:disabled{opacity:.4}
/* U-014: Botones de input siempre 44px (incluso en desktop, son críticos) */
.nc-ibtn{width:46px;height:46px;border-radius:10px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;transition:.15s;-webkit-tap-highlight-color:var(--nc-accent-bg)}
.nc-send-btn{background:linear-gradient(135deg,var(--nc-accent),var(--nc-accent-dk));color:#fff;box-shadow:0 2px 8px rgba(245,158,11,.2)}
.nc-send-btn:hover,.nc-send-btn:focus-visible{transform:scale(1.05);outline:none}
.nc-send-btn:disabled{opacity:.4;transform:none;cursor:not-allowed}
.nc-up-btn,.nc-au-btn{background:var(--nc-input);color:var(--nc-text2);border:1px solid var(--nc-border)}
.nc-up-btn:hover,.nc-au-btn:hover,.nc-up-btn:focus-visible,.nc-au-btn:focus-visible{border-color:var(--nc-accent);color:var(--nc-accent);outline:none}
.nc-au-btn.nc-rec{background:var(--nc-red);color:#fff;border-color:var(--nc-red);animation:ncP 1s infinite}
@keyframes ncP{0%,100%{opacity:1}50%{opacity:.6}}
.nc-upload-preview{display:flex;align-items:center;gap:6px;padding:8px 10px;margin-bottom:6px;background:var(--nc-input);border:1px solid var(--nc-border);border-radius:8px;font-size:12.5px;color:var(--nc-text2)}
.nc-upload-preview img{width:40px;height:40px;object-fit:cover;border-radius:4px}
.nc-upload-remove{cursor:pointer;color:var(--nc-red);font-size:18px;margin-left:auto;padding:4px 8px;line-height:1;-webkit-tap-highlight-color:rgba(239,68,68,.1)}
.nc-upload-remove:hover,.nc-upload-remove:focus-visible{outline:none;opacity:.7}

/* Plan bar */
.nc-plan-bar{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:12.5px;flex-wrap:wrap}
.nc-badge{padding:3px 9px;border-radius:12px;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.3px}
.nc-badge-pro,.nc-badge-annual{background:var(--nc-accent-bg);color:var(--nc-accent);border:1px solid rgba(245,158,11,.25)}
.nc-badge-monthly{background:rgba(37,99,235,.08);color:var(--nc-blue);border:1px solid rgba(37,99,235,.15)}
.nc-badge-free{background:rgba(16,185,129,.08);color:var(--nc-green);border:1px solid rgba(16,185,129,.15)}
.nc-badge-visitor{background:rgba(100,116,139,.1);color:var(--nc-text2);border:1px solid rgba(100,116,139,.2)}
.nc-plan-txt{color:var(--nc-text2)}
.nc-plan-txt strong{color:var(--nc-accent)}
.nc-plan-link{color:var(--nc-accent);text-decoration:none;font-weight:600;padding:4px 0}
.nc-plan-link:hover,.nc-plan-link:focus-visible{text-decoration:underline;outline:none}
.nc-progress{flex:1;min-width:60px;height:5px;background:var(--nc-input);border-radius:3px;overflow:hidden}
.nc-progress-fill{height:100%;background:var(--nc-accent);border-radius:3px;transition:.3s}

/* Feedback link */
.nc-footer-link{text-align:center;padding:8px 0;font-size:12px;flex-shrink:0;border-top:1px solid var(--nc-border)}
.nc-footer-link a{color:var(--nc-muted);text-decoration:none;transition:.2s;padding:6px 12px;display:inline-block;min-height:36px}
.nc-footer-link a:hover,.nc-footer-link a:focus-visible{color:var(--nc-accent);outline:none}

/* Welcome */
.nc-welcome{text-align:center;padding:24px 20px;display:flex;flex-direction:column;align-items:center;gap:10px}
.nc-welcome-icon{font-size:40px}
.nc-welcome-text{font-size:14px;color:var(--nc-text2);max-width:340px}
.nc-welcome-suggestions{display:flex;flex-direction:column;gap:6px;width:100%;max-width:360px;margin-top:6px}
/* U-014: 44px min-height en suggestions para tap target */
.nc-suggestion{background:var(--nc-card);border:1px solid var(--nc-border);border-radius:10px;padding:12px 14px;font-size:13px;color:var(--nc-text2);cursor:pointer;text-align:left;display:flex;align-items:center;gap:8px;transition:.2s;font-family:inherit;min-height:44px;-webkit-tap-highlight-color:var(--nc-accent-bg)}
.nc-suggestion:hover,.nc-suggestion:focus-visible{border-color:var(--nc-accent);color:var(--nc-accent);background:var(--nc-accent-bg);outline:none}

/* Paywall */
.nc-error-msg{background:rgba(239,68,68,.06);color:var(--nc-red);border:1px solid rgba(239,68,68,.15);padding:10px 14px;border-radius:10px;font-size:13.5px;line-height:1.5}
.nc-paywall-msg{animation:ncF .3s}
.nc-pw-inner{background:var(--nc-card);border:1px solid var(--nc-border);border-radius:16px;overflow:hidden}
.nc-pw-top{background:var(--nc-header-bg);padding:18px 22px 14px;text-align:center}
.nc-pw-icon{width:42px;height:42px;background:linear-gradient(135deg,var(--nc-accent),var(--nc-accent-dk));border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:8px;box-shadow:0 4px 12px rgba(245,158,11,.3)}
.nc-pw-title{color:#fff;font-size:17px;font-weight:700;margin-bottom:5px;line-height:1.3}
.nc-pw-subtitle{color:#cbd5e1;font-size:13px;line-height:1.5}
.nc-pw-subtitle strong{color:#f5c842;font-weight:700}

/* U-011: Context box mostrando última pregunta del usuario */
.nc-pw-context{padding:10px 22px;background:rgba(245,158,11,.06);border-bottom:1px solid var(--nc-border);font-size:12.5px;color:var(--nc-text2);line-height:1.5}
.nc-pw-context em{color:var(--nc-text);font-weight:500;font-style:italic}
.nc-pw-context-sub{display:block;margin-top:3px;font-size:11.5px;color:var(--nc-muted)}

.nc-pw-body{padding:14px 22px 12px}
.nc-pw-cta{display:block;width:100%;padding:13px 18px;background:linear-gradient(135deg,var(--nc-accent),var(--nc-accent-dk));color:#fff!important;font-size:14.5px;font-weight:700;border:none;border-radius:11px;cursor:pointer;text-align:center;text-decoration:none!important;transition:.2s;box-shadow:0 4px 14px rgba(245,158,11,.3);min-height:48px}
.nc-pw-cta:hover,.nc-pw-cta:focus-visible{transform:translateY(-1px);box-shadow:0 6px 20px rgba(245,158,11,.4);outline:none}
.nc-pw-cta-sub{display:block;font-size:11px;font-weight:500;opacity:.9;margin-top:3px}
.nc-pw-login{text-align:center;margin-top:8px;font-size:12.5px;color:var(--nc-text2)}
.nc-pw-login a{color:var(--nc-blue);text-decoration:none;font-weight:600;padding:4px}
.nc-pw-login a:hover,.nc-pw-login a:focus-visible{text-decoration:underline;outline:none}
.nc-pw-reassure{text-align:center;font-size:11.5px;color:var(--nc-muted);margin-top:6px;font-style:italic}

.nc-pw-divider{display:flex;align-items:center;gap:10px;margin:10px 0 10px;color:var(--nc-muted);font-size:10px;text-transform:uppercase;letter-spacing:1.5px;font-weight:600}
.nc-pw-divider::before,.nc-pw-divider::after{content:'';flex:1;height:1px;background:var(--nc-border)}
.nc-pw-plans{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:4px}
.nc-pw-plan{border:1.5px solid var(--nc-border);border-radius:12px;padding:14px 10px;text-align:center;text-decoration:none!important;display:block;position:relative;transition:.2s;color:var(--nc-text)!important;min-height:120px}
.nc-pw-plan:hover,.nc-pw-plan:focus-visible{border-color:var(--nc-blue);background:rgba(59,130,246,.04);outline:none}
.nc-pw-plan-pop{border-color:var(--nc-blue);background:rgba(59,130,246,.04)}
.nc-pw-plan-badge{position:absolute;top:-9px;left:50%;transform:translateX(-50%);background:var(--nc-blue);color:#fff;font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}
.nc-pw-plan-name{font-size:11px;font-weight:700;color:var(--nc-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}
.nc-pw-plan-price{font-size:24px;font-weight:800;color:var(--nc-text);line-height:1}
.nc-pw-plan-price sub{font-size:12px;font-weight:500;color:var(--nc-muted);vertical-align:baseline}
.nc-pw-plan-detail{font-size:11.5px;color:var(--nc-text2);margin-top:6px;line-height:1.4}
.nc-pw-plan-save{display:inline-block;background:rgba(16,185,129,.12);color:var(--nc-green);font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:5px;margin-top:6px}

.nc-pw-modules{padding:12px 22px 10px;border-top:1px solid var(--nc-border)}
.nc-pw-modules-title{font-size:10.5px;text-transform:uppercase;letter-spacing:1.5px;color:var(--nc-muted);font-weight:700;margin-bottom:8px;text-align:center}
.nc-pw-modules-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
/* U-012: Módulos con descripciones VISIBLES */
.nc-pw-module{background:var(--nc-bg);border:1px solid var(--nc-border);border-radius:8px;padding:10px;text-align:left;transition:border-color .2s,transform .2s;text-decoration:none;display:flex;align-items:flex-start;gap:8px;color:inherit;cursor:pointer;min-height:70px}
.nc-pw-module:hover,.nc-pw-module:focus-visible{border-color:var(--nc-accent);transform:translateY(-1px);outline:none}
.nc-pw-mod-icon{font-size:18px;flex-shrink:0;line-height:1.2}
.nc-pw-mod-info{flex:1;min-width:0}
.nc-pw-mod-name{font-weight:700;font-size:12px;color:var(--nc-text);margin-bottom:2px}
.nc-pw-mod-desc{font-size:10.5px;color:var(--nc-text2);line-height:1.35;display:block}

.nc-pw-feats{padding:10px 22px 14px;border-top:1px solid var(--nc-border)}
.nc-pw-feats-title{font-size:10.5px;text-transform:uppercase;letter-spacing:1.5px;color:var(--nc-muted);font-weight:700;margin-bottom:6px;text-align:center}
.nc-pw-feats-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px}
.nc-pw-feat{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--nc-text2);padding:2px 0}
.nc-pw-feat-check{flex-shrink:0;width:16px;height:16px;background:rgba(16,185,129,.12);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;color:var(--nc-green);font-weight:700}

/* Lightbox */
.nc-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:100001;display:flex;align-items:center;justify-content:center;cursor:pointer}
.nc-lb-body{text-align:center}.nc-lb-body img{max-width:92vw;max-height:85vh;border-radius:8px}
.nc-lb-cap{color:#fff;margin-top:8px;font-size:13px}
.nc-lb-close{position:absolute;top:14px;right:18px;color:#fff;font-size:30px;cursor:pointer}

@media(max-width:480px){
  /* === FIX MOBILE: widget usa casi toda la pantalla === */
  .nc-chat-widget.nc-embedded{
    height:calc(100dvh - 80px)!important;
    min-height:calc(100dvh - 80px)!important;
    max-height:none!important;
    border-radius:12px;
  }
  /* Mensajes: dar prioridad y un mínimo decente */
  .nc-messages{padding:12px;min-height:240px}
  .nc-message{max-width:96%}
  /* Header más compacto */
  .nc-header{padding:8px 12px}
  .nc-header-title{font-size:14px}
  /* U-016: ocultar subtítulo y botones secundarios del header en mobile */
  .nc-header-subtitle{display:none}
  .nc-btn-expand,.nc-btn-fs{display:none}
  /* Handbook: 1 sola línea con ellipsis para ahorrar ~20px */
  .nc-handbook{
    padding:6px 12px;
    font-size:11px;
    line-height:1.35;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  /* Selector + chips + checkbox: compactar */
  .nc-selector-bar{padding:6px 12px}
  .nc-norm-btn{padding:9px 12px;min-height:40px;font-size:12.5px}
  .nc-sel-tags{margin-top:4px;gap:3px}
  .nc-stag{padding:3px 8px;font-size:11px}
  .nc-compare-toggle{font-size:11.5px;margin-top:4px;padding:2px 0}
  /* Plan bar más delgado */
  .nc-plan-bar{font-size:11.5px;margin-bottom:4px;gap:6px}
  /* Input más compacto */
  .nc-input-area{padding:8px 12px}
  /* Footer link más compacto (cambia a display:none si lo prefieres oculto) */
  .nc-footer-link{padding:4px 0;font-size:11px}
  .nc-footer-link a{padding:4px 8px;min-height:28px}
  /* Plans/features stack en columna en mobile */
  .nc-pw-plans{grid-template-columns:1fr}
  .nc-pw-feats-grid{grid-template-columns:1fr}
  .nc-pw-modules-grid{grid-template-columns:1fr}
  .nc-pw-module{min-height:0}
  /* Padding reducido en cuerpo del paywall */
  .nc-pw-top{padding:14px 18px 12px}
  .nc-pw-body,.nc-pw-modules,.nc-pw-feats{padding-left:18px;padding-right:18px}
  .nc-pw-context{padding:10px 18px}
  .nc-pw-title{font-size:16px}
  /* Welcome más compacto */
  .nc-welcome{padding:18px 16px}
}
/* Print/PDF styles */
@media print{
.nc-header,.nc-selector-bar,.nc-handbook,.nc-input-area,.nc-plan-bar,.nc-footer-link,.nc-msg-actions,.nc-hbtn,.nc-sources,.nc-msg-user{display:none!important}
.nc-chat-widget{height:auto!important;border:none!important;box-shadow:none!important}
.nc-messages{overflow:visible!important;height:auto!important}
.nc-msg-bubble{border:none!important;padding:0!important}
body{background:#fff!important}
}