/* munord Panel. Todo va scoped bajo .munord-scope */
.munord-scope, .munord-scope * { box-sizing: border-box; }
.munord-scope {
  --mn-bg:#f5f6f8; --mn-surface:#ffffff; --mn-surface-2:#f1f2f5; --mn-surface-3:#eceef2;
  --mn-border:#e4e7ec; --mn-border-2:#d3d8e0;
  --mn-text:#1b1f27; --mn-text-2:#5a6474; --mn-muted:#98a1b0;
  --mn-accent:#2563eb; --mn-accent-2:#dbe0ed; --mn-accent-bg:#e0ebff; --mn-accent-text:#1e40af;
  --mn-button:#dbe0ed; --mn-button-hover:#cbd3e3; --mn-button-text:#1b1f27;
  --mn-success:#12805c; --mn-success-bg:#e2f5ee;
  --mn-warning:#986a00; --mn-warning-bg:#fbf1d8;
  --mn-danger:#c0392b; --mn-danger-bg:#fbe9e6;
  --mn-radius:10px; --mn-radius-lg:14px;
  --mn-shadow:0 1px 2px rgba(16,24,40,.04), 0 1px 3px rgba(16,24,40,.06);
  --mn-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--mn-text); font-family:var(--mn-font); font-size:14px; line-height:1.55;
  -webkit-font-smoothing:antialiased; text-align:left;
}
@media (prefers-color-scheme: dark) {
  .munord-scope {
    --mn-bg:#0f1116; --mn-surface:#171a21; --mn-surface-2:#1e222b; --mn-surface-3:#242935;
    --mn-border:#2a2f3a; --mn-border-2:#353c4a;
    --mn-text:#e9ecf1; --mn-text-2:#a4adbd; --mn-muted:#727d90;
    --mn-accent:#60a5fa; --mn-accent-2:#dbe0ed; --mn-accent-bg:#1e293b; --mn-accent-text:#bfdbfe;
    --mn-button:#dbe0ed; --mn-button-hover:#cbd3e3; --mn-button-text:#1b1f27;
    --mn-success:#4cc79b; --mn-success-bg:#12291f;
    --mn-warning:#e0b25a; --mn-warning-bg:#2e2410;
    --mn-danger:#ef7a6e; --mn-danger-bg:#2e1714;
    --mn-shadow:none;
  }
}
.munord-scope a { color:var(--mn-accent); text-decoration:none; }
.munord-scope h1,.munord-scope h2,.munord-scope h3,.munord-scope h4,.munord-scope p { margin:0; }

/* Layout */
.mn-app { display:flex; min-height:760px; background:var(--mn-bg); border:1px solid var(--mn-border); border-radius:var(--mn-radius-lg); overflow:hidden; }
.mn-sidebar { width:224px; flex:none; background:var(--mn-surface); border-right:1px solid var(--mn-border); display:flex; flex-direction:column; padding:14px 12px; gap:2px; }
.mn-brand { display:flex; align-items:center; gap:9px; width:max-content; padding:6px 8px 14px; color:var(--mn-text); text-decoration:none; }
.mn-brand:hover,.mn-brand:focus { color:var(--mn-text); text-decoration:none; }
.mn-brand-badge { width:30px; height:30px; border-radius:8px; background:var(--mn-text); color:var(--mn-surface); display:flex; align-items:center; justify-content:center; font-weight:600; font-size:16px; }
.mn-brand-label { font-size:14px; font-weight:600; color:var(--mn-text); }
.mn-brand-name { font-weight:600; font-size:16px; letter-spacing:-.01em; }
.mn-sidebar-nav { display:flex; flex:1; min-height:0; flex-direction:column; }
.mn-sidebar-account { margin-top:auto; padding:12px 2px 0; border-top:1px solid var(--mn-border); display:flex; flex-direction:column; gap:3px; }
.mn-sidebar-account a,.mn-sidebar-account button { display:flex; align-items:center; width:100%; gap:9px; padding:8px 0 !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; outline:0; background:transparent !important; color:var(--mn-text-2); font-family:inherit; font-size:12.5px; text-align:left; text-decoration:none; cursor:pointer; }
.mn-sidebar-account a:hover,.mn-sidebar-account a:focus,.mn-sidebar-account a:visited,.mn-sidebar-account button:hover,.mn-sidebar-account button:focus { color:var(--mn-text); text-decoration:none; background:transparent !important; border:0 !important; box-shadow:none !important; }
.mn-sidebar-account .mn-ico { width:16px; height:16px; flex:none; }
.mn-nav-section { font-size:11px; letter-spacing:.04em; text-transform:uppercase; color:var(--mn-muted); padding:12px 10px 4px; }
.mn-nav-item { display:flex; align-items:center; gap:11px; padding:9px 10px; border-radius:var(--mn-radius); color:var(--mn-text-2); cursor:pointer; font-size:13.5px; user-select:none; transition:background .12s,color .12s; }
.mn-nav-item:hover { background:var(--mn-surface-2); color:var(--mn-text); }
.mn-nav-item.active { background:var(--mn-accent-bg); color:var(--mn-accent-text); font-weight:500; }
.mn-nav-item .mn-ico { width:18px; height:18px; flex:none; }
.mn-nav-badge { margin-left:auto; font-size:11px; font-weight:600; padding:1px 7px; border-radius:20px; background:var(--mn-warning-bg); color:var(--mn-warning); }
.mn-nav-badge.mn-accent { background:var(--mn-accent-bg); color:var(--mn-accent-text); }

.mn-main { flex:1; min-width:0; display:flex; flex-direction:column; }
.mn-topbar { display:flex; align-items:center; gap:12px; padding:12px 20px; border-bottom:1px solid var(--mn-border); background:var(--mn-surface); }
.mn-ws { display:flex; align-items:center; gap:8px; padding:7px 12px; border:1px solid var(--mn-border); border-radius:var(--mn-radius); cursor:pointer; background:var(--mn-surface); }
.mn-ws:hover { border-color:var(--mn-border-2); }
.mn-ws-name { font-weight:500; font-size:13.5px; }
.mn-proto-tag { font-size:11px; font-weight:600; color:var(--mn-accent-text); background:var(--mn-accent-bg); padding:3px 9px; border-radius:20px; }
.mn-top-actions { margin-left:auto; display:flex; align-items:center; gap:14px; color:var(--mn-text-2); }
.mn-icon-btn { cursor:pointer; display:inline-flex; position:relative; }
.mn-icon-btn:hover { color:var(--mn-text); }
.mn-dot { position:absolute; top:-2px; right:-2px; width:7px; height:7px; border-radius:50%; background:var(--mn-danger); border:1.5px solid var(--mn-surface); }
.mn-avatar { width:28px; height:28px; border-radius:50%; background:var(--mn-accent-bg); color:var(--mn-accent-text); display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:600; }
.munord-scope a.mn-account-link,.munord-scope a.mn-account-link:visited { color:var(--mn-accent-text); text-decoration:none; text-transform:uppercase; }
.munord-scope a.mn-account-link:hover,.munord-scope a.mn-account-link:focus { color:var(--mn-accent-text); box-shadow:0 0 0 3px var(--mn-accent-bg); }
.munord-scope a.mn-notification-btn { display:inline-flex; align-items:center; gap:7px; min-height:30px; padding:5px 8px; border-radius:8px; color:var(--mn-text-2); font-size:12px; font-weight:500; text-decoration:none; }
.munord-scope a.mn-notification-btn:hover,.munord-scope a.mn-notification-btn:focus,.munord-scope a.mn-notification-btn:visited { color:var(--mn-text); text-decoration:none; background:var(--mn-surface-2); }
.mn-notification-btn .mn-ico { width:17px; height:17px; }
.mn-notification-btn b { display:inline-flex; align-items:center; justify-content:center; min-width:19px; height:19px; padding:0 5px; border-radius:10px; background:var(--mn-danger); color:#fff; font-size:10px; line-height:1; }
.mn-content { padding:22px 24px; overflow:auto; flex:1; }

/* Page header */
.mn-page-head { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:18px; gap:12px; flex-wrap:wrap; }
.mn-frontend-message { margin:-5px 0 16px; padding:13px 15px; border:1px solid var(--mn-border-2); border-left:4px solid var(--mn-accent); border-radius:10px; background:var(--mn-surface); color:var(--mn-text-2); }
.mn-frontend-message.is-success { border-left-color:var(--mn-success); background:var(--mn-success-bg); }
.mn-frontend-message.is-warning { border-left-color:var(--mn-warning); background:var(--mn-warning-bg); }
.mn-frontend-message-title { margin-bottom:4px; color:var(--mn-text); font-weight:650; }
.mn-frontend-message-content,.mn-frontend-message-content p { margin:0; }
.mn-frontend-message-content p+p { margin-top:7px; }
.mn-page-title { font-size:21px; font-weight:600; letter-spacing:-.02em; }
.mn-page-sub { color:var(--mn-text-2); font-size:13.5px; margin-top:3px; }

/* Cards */
.mn-card { background:var(--mn-surface); border:1px solid var(--mn-border); border-radius:var(--mn-radius-lg); box-shadow:var(--mn-shadow); }
.mn-card-pad { padding:16px 18px; }
.mn-card-head { display:flex; align-items:center; justify-content:space-between; padding:14px 18px; border-bottom:1px solid var(--mn-border); }
.mn-card-title { font-size:15px; font-weight:600; }
.mn-grid { display:grid; gap:14px; }
.mn-grid-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.mn-grid-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.mn-grid-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media (max-width:1080px){ .mn-grid-4{grid-template-columns:repeat(2,1fr);} .mn-grid-3{grid-template-columns:repeat(1,1fr);} }
@media (max-width:720px){ .mn-grid-4,.mn-grid-2{grid-template-columns:1fr;} .mn-sidebar{display:none;} }

/* Metric card */
.mn-metric { background:var(--mn-surface); border:1px solid var(--mn-border); border-radius:var(--mn-radius-lg); padding:15px 16px; box-shadow:var(--mn-shadow); }
.mn-metric-label { font-size:12.5px; color:var(--mn-text-2); display:flex; align-items:center; gap:7px; }
.mn-metric-value { font-size:26px; font-weight:600; letter-spacing:-.02em; margin-top:8px; }
.mn-metric-delta { font-size:12px; margin-top:3px; }
.mn-up { color:var(--mn-success); } .mn-down { color:var(--mn-danger); } .mn-flat { color:var(--mn-muted); }

/* Badges */
.mn-badge { font-size:11.5px; font-weight:500; padding:2px 9px; border-radius:20px; white-space:nowrap; display:inline-flex; align-items:center; gap:5px; }
.mn-badge.s-success { background:var(--mn-success); color:#fff; }
.mn-badge.s-warning { background:var(--mn-warning); color:#fff; }
.mn-badge.s-accent { background:var(--mn-accent); color:#fff; }
.mn-badge.s-danger { background:var(--mn-danger); color:#fff; }
.mn-badge.s-muted { background:var(--mn-surface-3); color:var(--mn-text-2); }

/* Buttons */
.mn-btn { display:inline-flex; align-items:center; gap:7px; font-family:inherit; font-size:13px; font-weight:500; padding:8px 14px; border-radius:var(--mn-radius); border:1px solid var(--mn-border-2); background:var(--mn-surface); color:var(--mn-text); cursor:pointer; transition:background .12s,border-color .12s,transform .05s; }
.mn-btn:hover { background:var(--mn-surface-2); }
.mn-btn:active { transform:scale(.98); }
.mn-btn.primary { background:var(--mn-button); border-color:var(--mn-button); color:var(--mn-button-text); }
.mn-btn.primary:hover { background:var(--mn-button-hover); border-color:var(--mn-button-hover); color:var(--mn-button-text); }
.mn-btn.ghost { border-color:transparent; background:transparent; color:var(--mn-text-2); }
.mn-btn.ghost:hover { background:var(--mn-surface-2); color:var(--mn-text); }
.mn-btn.sm { padding:5px 10px; font-size:12px; }
.mn-btn .mn-ico { width:15px; height:15px; }
.mn-btn.mn-danger-action { border-color:var(--mn-button); background:var(--mn-button); color:var(--mn-danger); }
.mn-btn.mn-danger-action:hover { border-color:var(--mn-button-hover); background:var(--mn-button-hover); color:var(--mn-danger); }
.munord-scope button:hover,.munord-scope button:focus,.munord-scope [type="button"]:hover,.munord-scope [type="button"]:focus,.munord-scope [type="submit"]:hover,.munord-scope [type="submit"]:focus { background-color:#f1f2f5 !important; }

/* Rows / lists */
.mn-row { display:flex; align-items:center; gap:12px; padding:12px 16px; border-bottom:1px solid var(--mn-border); }
.mn-row:last-child { border-bottom:none; }
.mn-row-main { flex:1; min-width:0; }
.mn-row-title { font-size:13.5px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mn-row-sub { font-size:12px; color:var(--mn-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mn-chip { width:34px; height:34px; border-radius:9px; flex:none; display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:600; color:#fff; }

/* Toggle */
.mn-toggle { width:42px; height:24px; border-radius:20px; background:var(--mn-border-2); position:relative; cursor:pointer; flex:none; transition:background .15s; }
.mn-toggle .mn-knob { position:absolute; top:2.5px; left:2.5px; width:18px; height:18px; border-radius:50%; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,.25); transition:left .15s; }
.mn-toggle.on { background:var(--mn-success); }
.mn-toggle.on .mn-knob { left:21.5px; }

/* Table */
.mn-table { width:100%; border-collapse:collapse; font-size:13px; }
.mn-table th { text-align:left; font-weight:500; color:var(--mn-text-2); font-size:11.5px; text-transform:uppercase; letter-spacing:.03em; padding:10px 14px; border-bottom:1px solid var(--mn-border); }
.mn-table td { padding:11px 14px; border-bottom:1px solid var(--mn-border); vertical-align:middle; }
.mn-table tr:last-child td { border-bottom:none; }
.mn-table tbody tr:hover { background:var(--mn-surface-2); }
.munord-scope .mn-content-table td,
.munord-scope .mn-content-table td a.mn-content-url,
.munord-scope .mn-content-table td a.mn-content-url:visited,
.munord-scope .mn-content-table td a.mn-content-url:hover,
.munord-scope .mn-content-table td a.mn-content-url:focus,
.munord-scope .mn-content-table td a.mn-published-link,
.munord-scope .mn-content-table td a.mn-published-link:visited,
.munord-scope .mn-content-table td a.mn-published-link:hover,
.munord-scope .mn-content-table td a.mn-published-link:focus,
.munord-scope .mn-content-table td span.mn-published-link {
    font-family:var(--mn-font) !important;
    font-size:13px !important;
    line-height:1.45 !important;
}
.mn-content-url,.mn-content-url:visited,.mn-content-url:hover,.mn-content-url:focus { font-weight:400; }

/* Kanban */
.mn-kanban { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
@media (max-width:1080px){ .mn-kanban{grid-template-columns:repeat(2,1fr);} }
@media (max-width:720px){ .mn-kanban{grid-template-columns:1fr;} }
.mn-kcol { background:var(--mn-surface-2); border-radius:var(--mn-radius); padding:10px; }
.mn-kcol-head { display:flex; align-items:center; justify-content:space-between; font-size:12.5px; font-weight:600; color:var(--mn-text-2); padding:4px 6px 10px; }
.mn-kcard { background:var(--mn-surface); border:1px solid var(--mn-border); border-radius:9px; padding:10px 11px; margin-bottom:8px; cursor:pointer; box-shadow:var(--mn-shadow); }
.mn-kcard:hover { border-color:var(--mn-border-2); }
.mn-kcard-title { font-size:13px; font-weight:500; margin-bottom:6px; }
.mn-kcard-meta { display:flex; align-items:center; gap:6px; font-size:11.5px; color:var(--mn-muted); }

/* Segmented tabs */
.mn-tabs { display:inline-flex; background:var(--mn-surface-2); border-radius:var(--mn-radius); padding:3px; gap:2px; }
.mn-tab { font-size:12.5px; padding:6px 13px; border-radius:7px; cursor:pointer; color:var(--mn-text-2); }
.mn-tab.active { background:var(--mn-surface); color:var(--mn-text); font-weight:500; box-shadow:var(--mn-shadow); }

/* Filters */
.mn-filters { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:14px; }
.mn-input, .mn-select, .mn-textarea { font-family:inherit; font-size:13px; color:var(--mn-text); background:var(--mn-surface); border:1px solid var(--mn-border-2); border-radius:var(--mn-radius); padding:9px 12px; width:100%; box-sizing:border-box; }
.mn-textarea { min-height:80px; resize:vertical; padding:12px 14px; line-height:1.55; }
/* Buscador sin superposiciones: la caja es el contenedor, el icono y el campo
   son elementos flex. Se elimina el posicionamiento absoluto que hacia que la
   lupa quedara encima del texto cuando otra regla pisaba el padding. */
.mn-search { display:flex; align-items:center; gap:9px; max-width:260px; }
.mn-search .mn-ico { flex:0 0 auto; color:var(--mn-muted); width:16px; height:16px; }
.mn-search .mn-search-input, .mn-search .mn-input { flex:1 1 auto; min-width:0; }

/* Callout */
.mn-callout { border:1px solid var(--mn-accent); background:var(--mn-accent-bg); border-radius:var(--mn-radius-lg); padding:15px 17px; }
.mn-callout-title { display:flex; align-items:center; gap:8px; font-weight:600; color:var(--mn-accent-text); font-size:14px; }
.mn-callout-text { color:var(--mn-accent-text); font-size:13px; margin:7px 0 12px; opacity:.92; }

/* Progress */
.mn-progress { height:8px; background:var(--mn-surface-3); border-radius:20px; overflow:hidden; }
.mn-progress > span { display:block; height:100%; background:var(--mn-accent); border-radius:20px; }
.mn-progress.warn > span { background:var(--mn-warning); }

/* Timeline */
.mn-timeline { position:relative; padding-left:22px; }
.mn-timeline::before { content:""; position:absolute; left:6px; top:4px; bottom:4px; width:2px; background:var(--mn-border); }
.mn-tl-item { position:relative; padding:0 0 18px; }
.mn-tl-item::before { content:""; position:absolute; left:-20px; top:3px; width:10px; height:10px; border-radius:50%; background:var(--mn-accent); border:2px solid var(--mn-surface); }
.mn-tl-time { font-size:11.5px; color:var(--mn-muted); }
.mn-tl-text { font-size:13px; margin-top:2px; }
.mn-tl-text b { font-weight:600; }

/* Accordion (briefing) */
.mn-acc { border:1px solid var(--mn-border); border-radius:var(--mn-radius-lg); margin-bottom:10px; background:var(--mn-surface); overflow:hidden; }
.mn-acc-head { display:flex; align-items:center; gap:12px; padding:14px 16px; cursor:pointer; user-select:none; }
.mn-acc-head:hover { background:var(--mn-surface-2); }
.mn-acc-num { width:26px; height:26px; border-radius:7px; background:var(--mn-accent-bg); color:var(--mn-accent-text); display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:600; flex:none; }
.mn-acc-title { font-size:14px; font-weight:500; flex:1; }
.mn-acc-count { font-size:12px; color:var(--mn-muted); }
.mn-acc-body { padding:4px 16px 14px; border-top:1px solid var(--mn-border); display:none; }
.mn-acc.open .mn-acc-body { display:block; }
.mn-acc.open .mn-acc-chev { transform:rotate(180deg); }
.mn-acc-chev { transition:transform .15s; color:var(--mn-muted); }
.mn-field { padding:12px 0; border-bottom:1px solid var(--mn-border); }
.mn-field:last-child { border-bottom:none; }
.mn-field-label { font-size:12.5px; color:var(--mn-text-2); margin-bottom:5px; display:flex; align-items:center; justify-content:space-between; gap:8px; }
.mn-field-value { font-size:13.5px; color:var(--mn-text); }
.mn-field-value.mask { letter-spacing:2px; color:var(--mn-muted); }
.mn-choice-group { display:flex; flex-wrap:wrap; gap:10px 16px; font-size:13px; }
.mn-choice-group label, .mn-check { display:inline-flex; align-items:center; gap:6px; font-size:13px; }

/* Calendar */
.mn-calendar-card { overflow:hidden; max-width:100%; }
.mn-cal { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:6px; width:100%; overflow:hidden; }
.mn-cal-dow { font-size:11px; text-transform:uppercase; letter-spacing:.03em; color:var(--mn-muted); text-align:center; padding-bottom:4px; }
.mn-cal-cell { min-width:0; min-height:104px; height:auto; background:var(--mn-surface); border:1px solid var(--mn-border); border-radius:9px; padding:6px; overflow:hidden; }
.mn-cal-cell.dim { background:var(--mn-surface-2); opacity:.6; }
.mn-cal-date { font-size:11.5px; color:var(--mn-text-2); margin-bottom:4px; }
.mn-cal-ev { display:block; max-width:100%; min-width:0; font-size:11px; line-height:16px; padding:2px 6px; border-radius:6px; margin-bottom:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.munord-scope .mn-cal-ev,
.munord-scope a.mn-cal-ev {
  font-family:var(--mn-font) !important;
  font-size:10px !important;
  font-weight:400 !important;
  line-height:14px !important;
  padding:2px 5px;
}
.mn-cal-more { display:block; max-width:100%; min-width:0; font-size:11px; line-height:16px; color:var(--mn-text-2); background:var(--mn-surface-2); border-radius:6px; padding:1px 6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* File grid */
.mn-files { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
@media (max-width:900px){ .mn-files{grid-template-columns:repeat(2,1fr);} }
.mn-file { border:1px solid var(--mn-border); border-radius:var(--mn-radius); padding:16px; text-align:center; background:var(--mn-surface); cursor:pointer; }
.mn-file:hover { border-color:var(--mn-border-2); }
.mn-file .mn-ico { width:30px; height:30px; color:var(--mn-accent); }
.mn-file-name { font-size:12.5px; margin-top:8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mn-file-meta { font-size:11px; color:var(--mn-muted); }

/* SVG charts */
.mn-chart { width:100%; height:auto; display:block; }

/* Resultados reales de informes */
.mn-result-legend { display:flex; flex-wrap:wrap; gap:8px 16px; margin-bottom:10px; font-size:12px; color:var(--mn-text-2); }
.mn-result-legend span { display:inline-flex; align-items:center; gap:6px; }
.mn-result-legend i { width:9px; height:9px; border-radius:50%; display:inline-block; }
.mn-result-channel-legend b { color:var(--mn-text); font-size:11.5px; font-variant-numeric:tabular-nums; margin-left:2px; }
.mn-result-channel-toggle { appearance:none; display:inline-flex; align-items:center; gap:6px; padding:5px 8px; border:1px solid var(--mn-border); border-radius:999px; background:var(--mn-surface); color:var(--mn-muted); font:inherit; cursor:pointer; opacity:.55; transition:opacity .15s ease,border-color .15s ease,background .15s ease; }
.mn-result-channel-toggle:hover { opacity:.82; border-color:var(--mn-border-2); }
.mn-result-channel-toggle.is-active { opacity:1; color:var(--mn-text-2); background:var(--mn-surface-2); border-color:var(--mn-border-2); }
.mn-result-channel-toggle i { flex:none; }
.mn-result-channel-help { margin:-4px 0 8px; color:var(--mn-muted); font-size:10.5px; }
.mn-result-chart-help { margin:2px 0 7px; color:var(--mn-muted); font-size:10.5px; line-height:1.4; }
.mn-result-channel-chart { min-height:220px; }
.mn-result-ai-grid { display:grid; grid-template-columns:minmax(280px,.85fr) minmax(0,1.65fr); gap:16px; }
.mn-result-ai-panel { min-width:0; padding:14px; border:1px solid var(--mn-border); border-radius:10px; background:var(--mn-surface); }
.mn-result-ai-panel h4 { margin:0 0 12px; font-size:12.5px; color:var(--mn-text-2); }
.mn-result-ai-bars { display:grid; gap:11px; }
.mn-result-ai-bar .mn-result-bar-meta span { display:inline-flex; align-items:center; gap:7px; }
.mn-result-ai-bar .mn-result-bar-meta i { width:9px; height:9px; border-radius:50%; flex:none; }
.mn-result-ai-legend { margin-bottom:6px; }
.mn-result-ai-evolution { min-height:215px; }
.mn-result-ai-note { margin:12px 0 0; padding:10px 12px; border-radius:8px; background:var(--mn-surface-2); color:var(--mn-muted); font-size:11.5px; }
.mn-result-nochart { min-height:78px; display:flex; align-items:center; justify-content:center; color:var(--mn-muted); font-size:12.5px; background:var(--mn-surface-2); border-radius:9px; }
.mn-result-bars { display:grid; gap:13px; }
.mn-result-bar-meta { display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:12.5px; margin-bottom:5px; }
.mn-result-bar-meta strong { font-size:12px; font-variant-numeric:tabular-nums; }
.mn-result-bar-track { height:9px; border-radius:20px; overflow:hidden; background:var(--mn-surface-3); }
.mn-result-bar-track span { display:block; height:100%; min-width:0; border-radius:20px; transition:width .25s ease; }
.mn-result-trends { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.mn-result-trend { border:1px solid var(--mn-border); border-radius:10px; padding:12px 14px; background:var(--mn-surface); min-width:0; }
.mn-result-trend-head { display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:12.5px; color:var(--mn-text-2); margin-bottom:6px; }
.mn-result-trend-head strong { color:var(--mn-text); font-size:15px; font-variant-numeric:tabular-nums; }
.mn-result-trend-head strong small { display:block; margin-top:1px; color:var(--mn-muted); font-size:9px; font-weight:500; text-align:right; text-transform:uppercase; letter-spacing:.04em; }
.mn-result-spark { width:100%; height:78px; display:block; overflow:visible; }
.mn-table-scroll { overflow-x:auto; }
.mn-content-table { min-width:1650px; }
.mn-result-table .mn-table { min-width:840px; }
.mn-result-table .mn-table td:not(:nth-child(2)), .mn-result-table .mn-table th:not(:nth-child(2)) { white-space:nowrap; }
.mn-result-link-disabled { pointer-events:none; opacity:.55; }
@media (max-width:900px){ .mn-result-ai-grid{grid-template-columns:1fr;} }
@media (max-width:720px){ .mn-result-trends{grid-template-columns:1fr;} }

/* Modal */
.mn-modal-overlay { position:fixed; inset:0; background:rgba(12,16,24,.5); display:flex; align-items:center; justify-content:center; z-index:100000; padding:20px; }
.mn-modal { background:var(--mn-surface); border-radius:var(--mn-radius-lg); width:520px; max-width:100%; max-height:86vh; overflow:auto; box-shadow:0 20px 50px rgba(0,0,0,.3); }
.mn-modal-head { display:flex; align-items:center; justify-content:space-between; padding:16px 18px; border-bottom:1px solid var(--mn-border); }
.mn-modal-title { font-size:16px; font-weight:600; }
.mn-modal-body { padding:16px 18px; }
.mn-modal-foot { padding:14px 18px; border-top:1px solid var(--mn-border); display:flex; justify-content:flex-end; gap:8px; }
.mn-close { cursor:pointer; color:var(--mn-muted); display:inline-flex; }
.mn-close:hover { color:var(--mn-text); }
.mn-form-row { margin-bottom:14px; }
.mn-form-row label { display:block; font-size:12.5px; color:var(--mn-text-2); margin-bottom:6px; }

/* Toast */
.mn-toasts { position:fixed; right:20px; bottom:20px; z-index:100001; display:flex; flex-direction:column; gap:8px; }
.mn-toast { background:var(--mn-text); color:var(--mn-surface); font-size:13px; padding:11px 15px; border-radius:var(--mn-radius); box-shadow:0 8px 24px rgba(0,0,0,.25); display:flex; align-items:center; gap:9px; animation:mn-in .18s ease; max-width:340px; }
.mn-toast .mn-ico { width:16px; height:16px; flex:none; }
@keyframes mn-in { from{opacity:0; transform:translateY(8px);} to{opacity:1; transform:none;} }

.mn-muted { color:var(--mn-muted); }
.mn-mt { margin-top:14px; } .mn-mb { margin-bottom:14px; }
.mn-flex { display:flex; align-items:center; gap:10px; }
.mn-between { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.mn-spacer { flex:1; }

/* ---- v0.2.0: añadidos ---- */
.mn-danger-link { color:var(--mn-danger); display:inline-flex; cursor:pointer; }
.mn-danger-link .mn-ico { width:16px; height:16px; }
.mn-field.req { background:var(--mn-accent-bg); border-radius:10px; padding:12px; margin:6px 0; border:1px solid var(--mn-accent); }
.mn-pager { display:flex; gap:6px; justify-content:center; align-items:center; padding:14px; flex-wrap:wrap; }
.mn-page-btn { min-width:32px; height:32px; padding:0 8px; border-radius:8px; border:1px solid var(--mn-border-2); background:var(--mn-surface); display:inline-flex; align-items:center; justify-content:center; cursor:pointer; font-size:13px; color:var(--mn-text); }
.mn-page-btn:hover { background:var(--mn-surface-2); }
.mn-page-btn.active { background:var(--mn-button); color:var(--mn-button-text); border-color:var(--mn-button); }
.mn-page-ellipsis { min-width:20px; height:32px; display:inline-flex; align-items:center; justify-content:center; color:var(--mn-muted); }
.mn-wtoolbar { display:flex; align-items:center; gap:4px; flex-wrap:wrap; border:1px solid var(--mn-border-2); border-bottom:none; border-radius:8px 8px 0 0; padding:6px; background:var(--mn-surface-2); }
.mn-wbtn { display:inline-flex; align-items:center; gap:5px; padding:5px 9px; border-radius:6px; cursor:pointer; font-size:13px; color:var(--mn-text-2); border:1px solid transparent; user-select:none; }
.mn-wbtn:hover { background:var(--mn-surface); color:var(--mn-text); border-color:var(--mn-border); }
.mn-wbtn .mn-ico { width:15px; height:15px; }
.mn-editor { border:1px solid var(--mn-border-2); border-radius:0 0 8px 8px; min-height:170px; max-height:340px; overflow:auto; padding:14px; background:var(--mn-surface); font-size:14px; line-height:1.6; outline:none; }
.mn-editor:focus { border-color:var(--mn-accent); box-shadow:0 0 0 3px var(--mn-accent-bg); }
.mn-editor h2 { font-size:17px; font-weight:600; margin:0 0 8px; }
.mn-editor p { margin:0 0 10px; }
.mn-media-box { display:flex; align-items:center; gap:8px; border:1px dashed var(--mn-border-2); border-radius:8px; padding:10px 12px; margin:10px 0; color:var(--mn-text-2); font-size:12.5px; background:var(--mn-surface-2); }
.mn-media-box .mn-ico, .mn-media-box svg { width:18px; height:18px; }
.mn-modal { width:600px; }

/* Briefing rediseñado (v0.9.12) */
.mn-briefing-body { padding:6px 18px 0; }
.mn-qfield { padding:15px 0; border-bottom:1px solid var(--mn-border); }
.mn-qfield:last-of-type { border-bottom:none; }
.mn-qhead { display:flex; gap:10px; align-items:baseline; margin-bottom:9px; }
.mn-qnum { min-width:24px; height:22px; padding:0 6px; border-radius:6px; background:var(--mn-accent-bg); color:var(--mn-accent-text); font-size:11.5px; font-weight:600; display:inline-flex; align-items:center; justify-content:center; flex:none; }
.mn-qlabel { font-size:14px; font-weight:500; color:var(--mn-text); line-height:1.45; }
.mn-qcontrol textarea.mn-answer { min-height:54px; }
.mn-choice-group { display:flex; flex-wrap:wrap; gap:14px; font-size:13.5px; }
.mn-choice-group label, .mn-check { display:inline-flex; align-items:center; gap:6px; font-size:13.5px; }
.mn-qsave { position:sticky; bottom:0; background:var(--mn-surface); padding:12px 0; margin-top:4px; border-top:1px solid var(--mn-border); text-align:right; }

/* v0.9.13: cajas del briefing que se ajustan al contenido (todo dentro de .munord-scope via .mn-*) */
.mn-qcontrol textarea.mn-answer { min-height:38px; overflow:hidden; resize:none; line-height:1.5; }
.mn-qfield { padding:13px 0; }

/* v0.9.14: padding de las cajas del briefing (ajuste solicitado) */
textarea.mn-textarea.mn-answer {
    padding: 10px 12px !important;
    line-height: 1.55;
}

/* v0.9.15: respuestas del briefing con vista previa + editar en popup */
.mn-qhead { display:flex; gap:10px; align-items:center; margin-bottom:6px; }
.mn-qhead .mn-qlabel { flex:1; }
.mn-q-edit { flex:none; }
.mn-qanswer { font-size:13.5px; color:var(--mn-text); white-space:pre-wrap; word-break:break-word; padding:0 0 0 34px; line-height:1.55; }
.mn-qanswer p { margin:0 0 6px; }
.mn-qanswer ul { margin:0 0 6px; padding-left:20px; }
.mn-modal .mn-editor { min-height:160px; }
.mn-brief-add-question { padding:14px 0 18px 34px; border-top:1px solid var(--mn-border); }
.mn-published-links { display:flex; flex-wrap:wrap; align-items:center; gap:7px; }
.mn-content-details { min-width:180px; max-width:320px; white-space:normal; line-height:1.45; color:var(--mn-text-2); }
.mn-content-detail-popup {
    max-height:min(420px,55vh);
    overflow-x:hidden;
    overflow-y:auto;
    padding-right:10px;
    white-space:pre-wrap;
    overflow-wrap:anywhere;
    color:var(--mn-text-2);
    font-size:13.5px;
    line-height:1.65;
    scrollbar-gutter:stable;
}
.mn-content-table th:last-child,.mn-content-table td:last-child { width:150px; min-width:150px; max-width:150px; }
.mn-published-link { display:inline-flex; align-items:center; gap:5px; padding:0; border-radius:0; background:transparent; color:var(--mn-text-2); font-family:var(--mn-font); font-size:13px; font-weight:400; line-height:1.35; white-space:nowrap; }
.mn-published-link:visited,.mn-published-link:hover,.mn-published-link:focus { color:var(--mn-accent-text); text-decoration:none; }
.mn-published-link .mn-ico { width:15px; height:15px; display:inline-flex; align-items:center; justify-content:center; flex:none; }
.mn-published-link.is-disabled { background:transparent; color:var(--mn-muted); }
.mn-publication-brand { width:17px; height:17px; border-radius:4px; display:inline-flex; align-items:center; justify-content:center; flex:none; color:#fff; font-family:Arial,sans-serif; font-size:9px; font-weight:700; line-height:1; }
.mn-social-icons { display:flex; flex-wrap:wrap; gap:7px; min-width:76px; }
.mn-social-icon { position:relative; width:30px; height:30px; padding:0; border:0; border-radius:8px; display:inline-flex; align-items:center; justify-content:center; background:var(--mn-social-color,#64748b); color:#fff; font:700 10px/1 Arial,sans-serif; cursor:pointer; box-shadow:0 1px 2px rgba(15,23,42,.16); }
.mn-social-icon:hover,.mn-social-icon:focus { color:#fff; transform:translateY(-1px); box-shadow:0 4px 10px rgba(15,23,42,.2); }
.mn-social-icon b { position:absolute; top:-5px; right:-5px; min-width:16px; height:16px; padding:0 4px; border:2px solid var(--mn-surface); border-radius:999px; display:inline-flex; align-items:center; justify-content:center; background:var(--mn-text); color:var(--mn-surface); font-size:8px; }
.mn-social-modal { width:min(720px,100%); }
.mn-social-tabs { display:flex; flex-wrap:wrap; gap:8px; padding-bottom:14px; border-bottom:1px solid var(--mn-border); }
.mn-social-tab { appearance:none; border:1px solid var(--mn-border-2); border-radius:9px; padding:7px 10px; display:inline-flex; align-items:center; gap:7px; background:var(--mn-surface); color:var(--mn-text-2); font:inherit; cursor:pointer; }
.mn-social-tab > span { width:24px; height:24px; border-radius:7px; display:inline-flex; align-items:center; justify-content:center; background:var(--mn-social-color,#64748b); color:#fff; font:700 9px/1 Arial,sans-serif; }
.mn-social-tab em { font-style:normal; font-size:12px; }
.mn-social-tab.is-active { border-color:var(--mn-social-color,#64748b); box-shadow:0 0 0 2px color-mix(in srgb,var(--mn-social-color,#64748b) 18%,transparent); color:var(--mn-text); }
.mn-social-panel { padding-top:14px; }
.mn-social-panel-head { display:flex; justify-content:space-between; gap:12px; margin-bottom:10px; color:var(--mn-text-2); }
.mn-social-media { display:block; width:100%; max-height:390px; margin:0 auto 14px; border-radius:12px; object-fit:contain; background:#0f172a; }
.mn-social-text { min-height:58px; padding:13px 14px; border:1px solid var(--mn-border); border-radius:10px; background:var(--mn-surface-2); color:var(--mn-text); line-height:1.6; white-space:normal; overflow-wrap:anywhere; }
.mn-social-arrows { display:flex; align-items:center; justify-content:center; gap:12px; margin-top:13px; color:var(--mn-muted); font-size:12px; }
.mn-social-modal .mn-modal-foot { justify-content:space-between; }
@media (max-width:600px) { .mn-social-tab em { display:none; } .mn-social-media { max-height:300px; } .mn-social-modal .mn-modal-foot { flex-wrap:wrap; } }
.mn-modal-foot [data-channel-help] { margin-right:auto; }
.mn-channel-help { color:var(--mn-text-2); font-size:13.5px; line-height:1.6; }
.mn-channel-help p:first-child { margin-top:0; }
.mn-channel-help p:last-child { margin-bottom:0; }

/* v0.9.18: aviso de coste adicional en Canales */
.mn-costwarn { border:1px solid var(--mn-warning); background:var(--mn-warning-bg); color:var(--mn-warning); border-radius:10px; padding:11px 14px; font-size:13px; line-height:1.5; margin-bottom:12px; }
.mn-costwarn p { margin:0 0 6px; } .mn-costwarn p:last-child { margin:0; }
.mn-costwarn a { color:var(--mn-warning); text-decoration:underline; }

/* items de menu que son enlaces */
a.mn-nav-item, a.mn-nav-item:hover, a.mn-nav-item:focus, a.mn-nav-item:visited {
  text-decoration:none; color:var(--mn-text-2); font-family:var(--mn-font); font-size:13.5px; font-weight:400; line-height:normal; box-shadow:none;
}
a.mn-nav-item:hover { background:var(--mn-surface-2); color:var(--mn-text); }
a.mn-nav-item span { font-weight:400; font-size:13.5px; }

/* Informes automaticos: GA4 + Search Console + OpenAI */
.mn-report-tabs { display:flex; gap:7px; flex-wrap:wrap; margin:0 0 16px; }
.mn-report-tab { appearance:none; border:1px solid var(--mn-border-2); background:var(--mn-surface); color:var(--mn-text-2); border-radius:9px; padding:8px 13px; font:inherit; font-size:13px; cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; gap:6px; line-height:1.2; }
.mn-report-tab:hover { background:var(--mn-surface-2); color:var(--mn-text); }
.mn-report-tab.active { background:var(--mn-button); border-color:var(--mn-button); color:var(--mn-button-text); }
.mn-report-trash { margin-left:auto; }
.mn-report-trash svg { width:15px; height:15px; }
.mn-report-row { display:flex; align-items:center; gap:12px; padding:14px 18px; border-top:1px solid var(--mn-border); }
.mn-report-row:first-of-type { border-top:0; }
.mn-report-select { display:flex; align-items:center; flex:none; margin:0; }
.mn-report-select input { width:17px; height:17px; margin:0; }
.mn-report-bulk-actions { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 18px; border-bottom:1px solid var(--mn-border); background:var(--mn-surface-2); }
.mn-report-bulk-actions .mn-check { margin:0; }
.mn-bulk-preview { margin:4px 0 14px; padding:11px 13px; border:1px solid var(--mn-border); border-radius:9px; background:var(--mn-surface-2); color:var(--mn-text-2); font-size:13px; }
.mn-report-actions { display:flex; gap:7px; flex-wrap:wrap; }
.mn-report-jobs { display:grid; gap:10px; }
.mn-report-job { display:flex; align-items:flex-start; gap:10px; padding:10px 0; border-bottom:1px solid var(--mn-border); }
.mn-report-job:last-child { border-bottom:0; }
.mn-report-job small { display:block; margin-top:4px; color:var(--mn-muted); }
.mn-report-create-grid { align-items:start; }
.mn-report-custom-recurrence { grid-column:1 / -1; margin:0; padding-top:4px; }
.mn-report-custom-fields { display:grid; grid-template-columns:auto minmax(80px,110px) minmax(150px,1fr); gap:9px; align-items:center; }
.mn-report-custom-fields > span { font-weight:600; color:var(--mn-text); }
.mn-campaign-objectives { margin-top:5px; white-space:pre-line; }
@media(max-width:560px){.mn-report-custom-fields{grid-template-columns:auto 80px 1fr;}}
.mn-report-feature { display:flex; align-items:flex-start; gap:10px; padding:12px 0; border-bottom:1px solid var(--mn-border); font-size:13.5px; line-height:1.45; }
.mn-report-feature:last-child { border-bottom:0; }
.mn-report-feature .mn-ico { color:var(--mn-accent); flex:none; }
.mn-report-transfer { max-width:680px; text-align:center; margin:0 auto; padding:36px; }
.mn-report-transfer-icon { width:52px; height:52px; display:flex; align-items:center; justify-content:center; margin:0 auto 12px; border-radius:14px; color:var(--mn-accent); background:var(--mn-accent-bg); }
.mn-report-transfer-icon .mn-ico { width:27px; height:27px; }
.mn-report-status-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:14px 0 22px; }
.mn-report-status-grid>div { min-height:58px; padding:11px 13px; border:1px solid var(--mn-border); border-radius:10px; background:var(--mn-surface-2); display:flex; align-items:center; justify-content:space-between; gap:10px; }
.mn-report-status-grid b { font-size:12.5px; }
.mn-report-status-grid span:not(.mn-badge) { color:var(--mn-muted); font-size:12px; text-align:right; overflow-wrap:anywhere; }
.mn-code-area { min-height:132px; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:11.5px; }
.mn-api-note { padding:10px 12px; border:1px solid var(--mn-border); border-radius:9px; background:var(--mn-surface-2); color:var(--mn-text-2); font-size:12px; overflow-wrap:anywhere; }
.mn-separator { border:0; border-top:1px solid var(--mn-border); margin:20px 0; }
.mn-form-row small { display:block; color:var(--mn-muted); font-size:11.5px; line-height:1.45; margin-top:5px; }
.mn-report-project-card { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr) minmax(190px,.6fr); align-items:end; gap:18px; margin-bottom:16px; border:2px solid var(--mn-accent); }
.mn-report-project-card .mn-form-row { margin:0; }
.mn-step-kicker { display:inline-block; margin-bottom:6px; color:var(--mn-accent-text); font-size:11px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.mn-report-project-current { min-height:40px; display:flex; align-items:center; gap:9px; padding:8px 10px; border-radius:9px; background:var(--mn-accent-bg); }
.mn-report-project-current .mn-ico { color:var(--mn-accent); flex:none; }
.mn-report-project-current small { display:block; color:var(--mn-muted); margin-top:2px; overflow-wrap:anywhere; }
.mn-api-guide { margin-bottom:16px; }
.mn-api-prereq { display:flex; align-items:flex-start; gap:11px; margin:14px 0; padding:13px 15px; border:1px solid var(--mn-border); border-radius:10px; background:var(--mn-surface-2); }
.mn-api-prereq .mn-ico { color:var(--mn-accent); flex:none; }
.mn-api-prereq p { margin:4px 0 0; color:var(--mn-text-2); font-size:12.5px; line-height:1.5; }
.mn-api-steps { border:1px solid var(--mn-border); border-radius:10px; background:var(--mn-surface); margin:10px 0; overflow:hidden; }
.mn-api-steps summary { list-style:none; display:flex; align-items:center; gap:11px; padding:13px 15px; cursor:pointer; background:var(--mn-surface-2); }
.mn-api-steps summary::-webkit-details-marker { display:none; }
.mn-api-steps summary:after { content:'+'; margin-left:auto; font-size:20px; color:var(--mn-muted); }
.mn-api-steps[open] summary:after { content:'−'; }
.mn-api-steps summary b { display:block; font-size:13.5px; color:var(--mn-text); }
.mn-api-steps summary small { display:block; margin-top:2px; color:var(--mn-muted); font-size:11.5px; }
.mn-step-number { width:28px; height:28px; display:inline-flex; align-items:center; justify-content:center; flex:none; border-radius:50%; background:var(--mn-accent); color:#fff; font-weight:700; font-size:12px; }
.mn-api-steps ol, .mn-api-steps ul { margin:0; padding:16px 24px 14px 46px; color:var(--mn-text-2); font-size:13px; line-height:1.55; }
.mn-api-steps li { padding:4px 0 4px 5px; }
.mn-api-steps a { color:var(--mn-accent-text); font-weight:600; }
.mn-api-steps code { padding:2px 5px; border-radius:5px; background:var(--mn-surface-2); color:var(--mn-text); overflow-wrap:anywhere; }
.mn-api-result { margin:0 15px 15px; padding:10px 12px; border-radius:8px; background:#ecfdf5; color:#047857; font-size:12.5px; }
.mn-api-warning { margin:0 15px 15px; padding:10px 12px; border:1px solid #f59e0b; border-radius:8px; background:#fffbeb; color:#92400e; font-size:12.5px; line-height:1.5; }
.mn-api-warning.mn-mb { margin:0 0 16px; }
.mn-api-trouble summary .mn-ico { color:var(--mn-warning); flex:none; }
.mn-copy-field { display:flex; align-items:center; gap:7px; }
.mn-copy-field .mn-input { min-width:0; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:11px; }
.mn-file-row { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:8px; }
.mn-file-row label.mn-btn { margin:0; cursor:pointer; }
.mn-api-actions { display:flex; align-items:center; gap:9px; flex-wrap:wrap; margin-top:8px; }
.mn-api-actions .mn-btn[disabled] { opacity:.5; cursor:not-allowed; }
.mn-account-link { border:0; cursor:pointer; font:inherit; padding:0; color:inherit; }
.mn-setting-check { cursor:pointer; }
.mn-setting-check input[type="checkbox"] { width:18px; height:18px; accent-color:var(--mn-primary); }
.mn-panel-module-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.mn-panel-module-check { display:flex; align-items:center; gap:9px; min-height:42px; padding:10px 12px; border:1px solid var(--mn-border); border-radius:10px; background:#fff; font-size:13px; font-weight:600; box-sizing:border-box; }
.mn-panel-module-check input { width:18px; height:18px; margin:0; flex:0 0 auto; accent-color:var(--mn-primary); }
@media(max-width:900px){.mn-panel-module-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:560px){.mn-panel-module-grid{grid-template-columns:1fr;}}
.mn-ticket-host { min-height:240px; overflow:visible; }
.mn-ticket-host #mn-supportcandy-source { display:block; width:100%; }
.mn-order-totals { margin:16px 0 0 auto; max-width:360px; border-top:1px solid var(--mn-border); }
.mn-order-total-row { padding:8px 2px; border-bottom:1px solid var(--mn-border); gap:18px; }
.mn-modal.mn-order-modal { width:920px; }
.mn-order-invoice { margin-top:20px; padding:16px; border:1px solid var(--mn-border); border-radius:var(--mn-radius); background:var(--mn-surface-2); }
.mn-order-invoice-head { gap:14px; align-items:flex-start; }
.mn-order-invoice-head h3 { margin:2px 0; font-size:18px; }
.mn-order-invoice-actions { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.mn-order-invoice-frame { display:block; width:100%; height:520px; margin-top:14px; border:1px solid var(--mn-border); border-radius:8px; background:#fff; }
.mn-order-invoice-empty p { margin-top:4px; color:var(--mn-text-2); }
.mn-order-note { margin-top:20px; padding-top:16px; border-top:1px solid var(--mn-border); }
.mn-order-invoice-cell { display:flex; width:100%; min-width:0; max-width:100%; flex-direction:column; align-items:flex-start; gap:7px; overflow:hidden; }
.mn-order-invoice-cell b { display:block; width:100%; max-width:100%; overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.mn-order-invoice-cell .mn-btn { max-width:100%; white-space:nowrap; }
.mn-table-action-link,
.munord-scope .mn-orders-table button.mn-table-action-link {
  appearance:none; display:inline-flex; align-items:center; justify-content:center; max-width:100%; min-height:30px;
  margin:0; padding:5px 9px; border:1px solid var(--mn-button) !important; border-radius:8px;
  background:var(--mn-button) !important; box-shadow:none !important; color:var(--mn-button-text) !important;
  font:inherit; font-size:12px; font-weight:700; line-height:1.2; text-align:center; text-decoration:none;
  cursor:pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.mn-table-action-link:hover,
.munord-scope .mn-orders-table button.mn-table-action-link:hover {
  border-color:var(--mn-button-hover) !important; background:var(--mn-button-hover) !important;
  color:var(--mn-button-text) !important; text-decoration:none;
}
.mn-invoice-number-link { max-width:100%; }
.mn-orders-card { overflow:hidden; }
.mn-orders-scroll { width:100%; max-width:100%; overflow-x:hidden; overflow-y:hidden; }
.mn-orders-table { width:100%; min-width:0; table-layout:fixed; }
.mn-orders-table th,.mn-orders-table td { min-width:0; max-width:100%; vertical-align:middle; overflow:hidden; }
.mn-orders-table th,.mn-orders-table td { padding-left:12px; padding-right:12px; overflow-wrap:anywhere; }
.mn-orders-table th:nth-child(1),.mn-orders-table td:nth-child(1) { width:14%; }
.mn-orders-table th:nth-child(2),.mn-orders-table td:nth-child(2) { width:12%; }
.mn-orders-table th:nth-child(3),.mn-orders-table td:nth-child(3) { width:31%; }
.mn-orders-table th:nth-child(4),.mn-orders-table td:nth-child(4) { width:16%; }
.mn-orders-table th:nth-child(5),.mn-orders-table td:nth-child(5) { width:10%; }
.mn-orders-table th:nth-child(6),.mn-orders-table td:nth-child(6) { width:17%; }
.mn-orders-table td:nth-child(2),.mn-orders-table td:nth-child(5) { white-space:nowrap; }
.mn-orders-scroll::-webkit-scrollbar { height:10px; }
.mn-orders-scroll::-webkit-scrollbar-track { background:var(--mn-surface-2); border-radius:8px; }
.mn-orders-scroll::-webkit-scrollbar-thumb { background:var(--mn-border-2); border-radius:8px; border:2px solid var(--mn-surface-2); }
.mn-notification-row { align-items:flex-start; transition:background .15s ease; }
.mn-notification-row.is-unread { background:var(--mn-accent-bg); border-radius:10px; padding:11px 12px; }
.mn-notification-row > .mn-ico { margin-top:2px; flex:none; }
.mn-notification-message { margin-top:4px; color:var(--mn-text-2); overflow-wrap:anywhere; }
.mn-notification-message p { margin:0 0 5px; }
.mn-notification-message p:last-child { margin-bottom:0; }

/* Los estilos del tema pueden sobrescribir los textarea del popup.
   Esta regla final mantiene siempre el espacio interior y el diseño del panel. */
.munord-scope textarea.mn-textarea,
.munord-scope .mn-modal textarea.mn-textarea,
.munord-scope #mn-order-customer-note,
.munord-scope #mn-billing-shipping-notes {
  display:block !important;
  width:100% !important;
  box-sizing:border-box !important;
  padding:12px 14px !important;
  border:1px solid var(--mn-border-2) !important;
  border-radius:var(--mn-radius) !important;
  background:var(--mn-surface) !important;
  color:var(--mn-text) !important;
  font-family:var(--mn-font) !important;
  font-size:13px !important;
  line-height:1.55 !important;
  text-indent:0 !important;
}
@media(max-width:760px){
  .mn-report-row { align-items:flex-start; flex-wrap:wrap; }
  .mn-report-actions { width:100%; }
  .mn-report-status-grid { grid-template-columns:1fr; }
  .mn-report-transfer { padding:24px 18px; }
  .mn-report-project-card { grid-template-columns:1fr; align-items:stretch; }
  .mn-api-steps ol, .mn-api-steps ul { padding-left:34px; }
  .mn-copy-field { align-items:stretch; flex-direction:column; }
}

/* ============================================================
   v1.9.9 — Resultados: tooltips interactivos e informes sin computar
   ============================================================ */
/* Capa flotante que muestra la cifra y las fechas del punto señalado. */
.munord-scope.mn-chart-tip {
  position:absolute; z-index:100000; max-width:280px; padding:7px 10px;
  border-radius:9px; background:var(--mn-text); color:var(--mn-bg);
  font-size:12px; font-weight:500; line-height:1.45; white-space:normal;
  box-shadow:0 8px 22px rgba(16,24,40,.28); pointer-events:none;
}
.munord-scope.mn-chart-tip[hidden] { display:none; }
/* Objetivos de puntero ampliados sobre cada punto de las gráficas. */
.munord-scope .mn-hit { cursor:pointer; transition:fill-opacity .1s ease; }
/* Defensa frente a temas que anulan los eventos de puntero en SVG. */
.munord-scope .mn-chart, .munord-scope .mn-chart *,
.munord-scope .mn-result-spark, .munord-scope .mn-result-spark * { pointer-events:auto; }
/* Informes que no se suman por cubrir días ya incluidos en otro informe. */
.munord-scope .mn-result-row-skip td { opacity:.62; }
.munord-scope .mn-result-skip { margin-left:6px; vertical-align:middle; }
.munord-scope .mn-result-skip-note { color:var(--mn-muted); font-size:11.5px; border-top:1px solid var(--mn-border); }

/* ============================================================
   v2.0.0 — Giru IA: chat, popup flotante, consumo y control
   ============================================================ */
.munord-scope .mn-giru-layout { display:grid; grid-template-columns:260px 1fr; gap:14px; align-items:start; }
@media (max-width: 900px) { .munord-scope .mn-giru-layout { grid-template-columns:1fr; } }
.munord-scope .mn-giru-tabs { display:flex; gap:8px; flex-wrap:wrap; }
.munord-scope .mn-giru-thread { display:flex; flex-direction:column; gap:10px; max-height:430px; min-height:220px; overflow:auto; padding:4px 2px; }
.munord-scope .mn-giru-thread.is-tall { max-height:560px; }
.munord-scope .mn-giru-msg { display:flex; flex-direction:column; max-width:86%; }
.munord-scope .mn-giru-msg.is-user { align-self:flex-end; align-items:flex-end; }
.munord-scope .mn-giru-msg.is-assistant { align-self:flex-start; align-items:flex-start; }
.munord-scope .mn-giru-bubble { padding:9px 12px; border-radius:14px; font-size:13.5px; line-height:1.5; box-shadow:var(--mn-shadow); }
.munord-scope .mn-giru-msg.is-user .mn-giru-bubble { background:var(--mn-accent); color:#fff; border-bottom-right-radius:5px; }
.munord-scope .mn-giru-msg.is-assistant .mn-giru-bubble { background:var(--mn-surface-2); color:var(--mn-text); border:1px solid var(--mn-border); border-bottom-left-radius:5px; }
.munord-scope .mn-giru-meta { font-size:10.5px; color:var(--mn-muted); margin-top:3px; display:flex; gap:5px; align-items:center; }
.munord-scope .mn-giru-empty { color:var(--mn-text-2); background:var(--mn-surface-2); border:1px dashed var(--mn-border-2); border-radius:12px; padding:16px; font-size:13.5px; }
.munord-scope .mn-giru-typing span { display:inline-block; width:6px; height:6px; margin:0 2px; border-radius:50%; background:var(--mn-muted); animation:mnGiruTyping 1.1s infinite; }
.munord-scope .mn-giru-typing span:nth-child(2) { animation-delay:.18s; }
.munord-scope .mn-giru-typing span:nth-child(3) { animation-delay:.36s; }
@keyframes mnGiruTyping { 0%,60%,100% { opacity:.35; transform:translateY(0); } 30% { opacity:1; transform:translateY(-3px); } }
.munord-scope .mn-giru-composer { display:flex; gap:7px; align-items:flex-end; margin-top:10px; }
.munord-scope .mn-giru-input { flex:1; resize:none; min-height:40px; max-height:120px; padding:9px 11px; border:1px solid var(--mn-border-2); border-radius:10px; font:inherit; font-size:13.5px; background:var(--mn-surface); color:var(--mn-text); }
.munord-scope .mn-giru-input:focus { outline:2px solid var(--mn-accent-2); border-color:var(--mn-accent); }
.munord-scope .mn-giru-icon-btn { appearance:none; border:1px solid var(--mn-border-2); background:var(--mn-surface); border-radius:10px; width:40px; height:40px; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; color:var(--mn-text-2); flex:none; }
.munord-scope .mn-giru-icon-btn:hover { background:var(--mn-surface-2); }
.munord-scope .mn-giru-icon-btn.is-active { color:var(--mn-accent); border-color:var(--mn-accent); background:var(--mn-accent-bg); }
.munord-scope .mn-giru-icon-btn.is-listening { color:#fff; background:var(--mn-danger); border-color:var(--mn-danger); animation:mnGiruPulse 1.2s infinite; }
@keyframes mnGiruPulse { 0%,100% { box-shadow:0 0 0 0 rgba(192,57,43,.4);} 50% { box-shadow:0 0 0 8px rgba(192,57,43,0);} }
.munord-scope .mn-giru-usage { margin-bottom:10px; }
.munord-scope .mn-giru-usage.is-compact { margin:0 0 10px; }
.munord-scope .mn-giru-bar { height:10px; border-radius:99px; background:var(--mn-surface-3); overflow:hidden; border:1px solid var(--mn-border); }
.munord-scope .mn-giru-bar span { display:block; height:100%; background:var(--mn-accent); border-radius:99px; transition:width .4s ease; }
.munord-scope .mn-giru-bar.is-low span { background:var(--mn-warning); }
.munord-scope .mn-giru-bar.is-empty span { background:var(--mn-danger); }
.munord-scope .mn-giru-bar-label { display:flex; justify-content:space-between; gap:10px; font-size:11.5px; color:var(--mn-text-2); margin-bottom:4px; flex-wrap:wrap; }
.munord-scope .mn-giru-actions { display:flex; flex-wrap:wrap; gap:5px; margin-top:7px; }
.munord-scope .mn-giru-action { font-size:11px; padding:2px 8px; border-radius:99px; background:var(--mn-surface); border:1px solid var(--mn-border-2); color:var(--mn-text-2); }
.munord-scope .mn-giru-msg.is-user .mn-giru-action { background:rgba(255,255,255,.16); border-color:rgba(255,255,255,.3); color:#fff; }
.munord-scope .mn-giru-action.is-ok { border-color:var(--mn-success); color:var(--mn-success); }
.munord-scope .mn-giru-action.is-fail { border-color:var(--mn-danger); color:var(--mn-danger); }
.munord-scope .mn-giru-action a { margin-left:4px; }
.munord-scope .mn-giru-budgets { display:flex; flex-direction:column; gap:9px; margin-top:10px; }
.munord-scope .mn-giru-budget { border:1px solid var(--mn-warning); background:var(--mn-warning-bg); border-radius:12px; padding:11px 13px; display:flex; flex-direction:column; gap:6px; }
.munord-scope .mn-giru-budget-amount { font-weight:700; }
.munord-scope .mn-giru-packs { display:flex; flex-direction:column; gap:9px; }
.munord-scope .mn-giru-pack { display:flex; justify-content:space-between; align-items:center; gap:10px; border:1px solid var(--mn-border); border-radius:12px; padding:10px 13px; background:var(--mn-surface); }
.munord-scope .mn-check { display:flex; align-items:center; gap:7px; font-size:13px; color:var(--mn-text-2); margin-top:4px; }
.munord-scope .mn-giru-voice-tag { font-size:11px; }
/* Popup flotante abajo a la derecha */
.munord-scope.mn-giru-pop { position:fixed; right:20px; bottom:20px; z-index:99990; display:flex; flex-direction:column; align-items:flex-end; gap:10px; font-family:var(--mn-font); }
.munord-scope.mn-giru-pop .mn-giru-fab { appearance:none; border:1px solid var(--mn-border-2) !important; width:44px; height:44px; border-radius:50%; background:var(--mn-surface) !important; color:var(--mn-text-2) !important; cursor:pointer; box-shadow:0 5px 14px rgba(16,24,40,.14) !important; display:flex; align-items:center; justify-content:center; position:relative; transition:transform .15s ease,background .15s ease,color .15s ease; }
.munord-scope.mn-giru-pop .mn-giru-fab:hover { transform:translateY(-1px); background:var(--mn-surface-2) !important; color:var(--mn-text) !important; }
.munord-scope.mn-giru-pop .mn-giru-fab .mn-ico svg { width:20px; height:20px; }
.munord-scope.mn-giru-pop .mn-giru-fab-dot { position:absolute; top:2px; right:2px; width:8px; height:8px; border-radius:50%; background:var(--mn-danger); border:2px solid var(--mn-surface); }
.munord-scope.mn-giru-pop .mn-giru-pop-panel { width:min(380px, calc(100vw - 32px)); max-height:min(560px, calc(100vh - 110px)); overflow:auto; background:var(--mn-surface); border:1px solid var(--mn-border); border-radius:16px; box-shadow:0 18px 44px rgba(16,24,40,.28); padding:13px 14px; display:none; }
.munord-scope.mn-giru-pop.is-open .mn-giru-pop-panel { display:block; }
.munord-scope.mn-giru-pop .mn-giru-pop-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:9px; }
.munord-scope.mn-giru-pop .mn-giru-pop-title { font-weight:700; display:flex; align-items:center; gap:7px; color:var(--mn-text); }
.munord-scope.mn-giru-pop .mn-giru-pop-tools { display:flex; align-items:center; gap:6px; }
.munord-scope.mn-giru-pop .mn-giru-pop-tools a, .munord-scope.mn-giru-pop .mn-giru-pop-tools button { appearance:none; border:none; background:transparent; cursor:pointer; color:var(--mn-muted); padding:4px; }
.munord-scope.mn-giru-pop .mn-giru-thread { max-height:280px; min-height:150px; }
@media (max-width: 640px) { .munord-scope.mn-giru-pop { right:12px; bottom:12px; } }

/* ============================================================
   v2.0.1 — Giru IA: iconos visibles y popup más cómodo
   ============================================================ */
/* Los iconos del panel se dimensionan por contexto; estos son los de Giru. */
.munord-scope .mn-giru-icon-btn .mn-ico, .munord-scope .mn-giru-icon-btn .mn-ico svg { width:19px; height:19px; display:block; flex:none; }
.munord-scope .mn-giru-send .mn-ico, .munord-scope .mn-giru-send .mn-ico svg { width:15px; height:15px; display:block; flex:none; }
.munord-scope .mn-card-title .mn-ico, .munord-scope .mn-card-title .mn-ico svg { width:17px; height:17px; display:inline-block; vertical-align:-3px; }
.munord-scope.mn-giru-pop .mn-giru-pop-title .mn-ico, .munord-scope.mn-giru-pop .mn-giru-pop-title .mn-ico svg { width:18px; height:18px; display:block; flex:none; }
.munord-scope.mn-giru-pop .mn-giru-pop-tools .mn-ico, .munord-scope.mn-giru-pop .mn-giru-pop-tools .mn-ico svg { width:16px; height:16px; display:block; flex:none; }
.munord-scope.mn-giru-pop .mn-giru-pop-tools a, .munord-scope.mn-giru-pop .mn-giru-pop-tools button { display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:8px; }
.munord-scope.mn-giru-pop .mn-giru-pop-tools a:hover, .munord-scope.mn-giru-pop .mn-giru-pop-tools button:hover { background:var(--mn-surface-2); color:var(--mn-text); }
.munord-scope.mn-giru-pop .mn-giru-fab .mn-ico { width:26px; height:26px; display:block; }
/* Cuadro de texto del popup: ocupa todo el ancho y los botones pasan debajo. */
.munord-scope.mn-giru-pop .mn-giru-pop-panel { width:min(408px, calc(100vw - 32px)); }
.munord-scope .mn-giru-input { min-width:0; }
.munord-scope.mn-giru-pop .mn-giru-composer { flex-wrap:wrap; align-items:stretch; }
.munord-scope.mn-giru-pop .mn-giru-input { flex:1 1 100%; min-height:52px; font-size:14px; }
.munord-scope.mn-giru-pop .mn-giru-icon-btn { width:42px; height:42px; }
.munord-scope.mn-giru-pop .mn-giru-send { flex:1; justify-content:center; }

/* ============================================================
   v2.2.0 — Consumo discreto en el chat y prueba de conexión
   ============================================================ */
.munord-scope .mn-giru-usage-wrap { position:relative; display:flex; justify-content:flex-end; margin-bottom:8px; }
.munord-scope .mn-giru-usage-chip { appearance:none; display:inline-flex; align-items:center; gap:6px; padding:4px 10px; border-radius:999px; border:1px solid var(--mn-border); background:var(--mn-surface); color:var(--mn-text-2); cursor:pointer; font:inherit; font-size:12px; }
.munord-scope .mn-giru-usage-chip .mn-ico, .munord-scope .mn-giru-usage-chip .mn-ico svg { width:14px; height:14px; display:block; flex:none; }
.munord-scope .mn-giru-usage-chip:hover, .munord-scope .mn-giru-usage-chip.is-open { background:var(--mn-surface-2); border-color:var(--mn-border-2); color:var(--mn-text); }
.munord-scope .mn-giru-usage-chip.is-low { border-color:var(--mn-warning); color:var(--mn-warning); }
.munord-scope .mn-giru-usage-chip.is-empty { border-color:var(--mn-danger); color:var(--mn-danger); }
.munord-scope .mn-giru-usage-pop { position:absolute; top:calc(100% + 8px); right:0; z-index:60; width:min(340px, 84vw); background:var(--mn-surface); border:1px solid var(--mn-border); border-radius:12px; box-shadow:0 12px 30px rgba(16,24,40,.18); padding:12px; display:flex; flex-direction:column; gap:8px; }
.munord-scope .mn-giru-usage-pop .mn-btn { align-self:flex-end; }

/* v2.3.1 — botón Parar */
.munord-scope .mn-giru-send.is-stop { background:var(--mn-danger); color:#fff; border-color:var(--mn-danger); }
.munord-scope .mn-giru-send.is-stop:hover { opacity:.88; }

/* v2.4.0 — botón de actualizar del panel */
.munord-scope .mn-refresh-btn { appearance:none; border:1px solid var(--mn-border); background:var(--mn-surface); border-radius:9px; width:34px; height:34px; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; color:var(--mn-text-2); margin-right:4px; }
.munord-scope .mn-refresh-btn:hover { background:var(--mn-surface-2); color:var(--mn-text); }
.munord-scope .mn-refresh-btn .mn-ico, .munord-scope .mn-refresh-btn .mn-ico svg { width:16px; height:16px; display:block; }


/* v2.6.0 — Notificaciones: separación suave entre avisos */
.munord-scope .mn-notifications-list { display:flex; flex-direction:column; gap:3px; }
.munord-scope .mn-notification-row { padding:13px 14px; border-radius:0; }
.munord-scope .mn-notification-row.is-unread { border-left:3px solid var(--mn-accent); border-radius:0; }

/* ============================================================
   v2.6.4 — Conversaciones de Giru
   Los <button> heredan bordes del tema del sitio, así que estas reglas
   se blindan con !important sobre el propio selector del botón.
   ============================================================ */
.munord-scope .mn-giru-convs { display:flex; flex-direction:column; gap:10px; }
.munord-scope button.mn-giru-new {
  appearance:none; display:flex; align-items:center; justify-content:center; gap:7px; width:100%;
  background:var(--mn-surface) !important; color:var(--mn-text) !important;
  border:1px solid var(--mn-border-2) !important; border-radius:10px !important;
  padding:9px 12px !important; font:inherit; font-size:13px; font-weight:600; cursor:pointer;
  box-shadow:none !important; outline:none; text-transform:none; letter-spacing:normal;
  transition:background .12s ease, border-color .12s ease;
}
.munord-scope button.mn-giru-new:hover { background:var(--mn-surface-2) !important; border-color:var(--mn-border-2) !important; transform:none; }
.munord-scope button.mn-giru-new .mn-ico, .munord-scope button.mn-giru-new .mn-ico svg { width:15px; height:15px; display:block; flex:none; }
.munord-scope .mn-giru-conv-list { display:flex; flex-direction:column; gap:0; max-height:none; overflow:visible; margin:0; padding:0; }
.munord-scope button.mn-giru-conv {
  appearance:none; position:relative; display:block; width:100%; text-align:left; cursor:pointer; font:inherit;
  background:transparent !important; color:var(--mn-text) !important;
  border:0 !important; border-bottom:1px solid var(--mn-border) !important; border-radius:0 !important;
  padding:11px 10px !important; margin:0 !important; box-shadow:none !important; outline:none;
  text-transform:none; letter-spacing:normal; transition:background .12s ease;
}
.munord-scope button.mn-giru-conv:last-child { border-bottom:0 !important; }
.munord-scope button.mn-giru-conv:hover { background:var(--mn-surface-2) !important; }
.munord-scope button.mn-giru-conv.is-active { background:var(--mn-surface-2) !important; }
.munord-scope .mn-giru-conv-copy { display:flex; flex-direction:column; gap:3px; min-width:0; }
.munord-scope .mn-giru-conv-title { display:block; font-size:13px; font-weight:600; line-height:1.35; color:var(--mn-text); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.munord-scope .mn-giru-conv-meta { display:block; color:var(--mn-muted); font-size:11.5px; font-weight:400; line-height:1.3; }
.munord-scope .mn-giru-conv-empty { padding:14px 10px; color:var(--mn-muted); font-size:12.5px; }

/* Separador fino entre filas, sin línea bajo la última */
.munord-scope .mn-giru-conv + .mn-giru-conv { box-shadow:0 -1px 0 var(--mn-border); }
.munord-scope .mn-giru-conv:hover { background:var(--mn-surface-2); }
.munord-scope .mn-giru-conv.is-active { background:var(--mn-surface-2); }
.munord-scope .mn-giru-conv-copy { display:flex; flex-direction:column; gap:3px; min-width:0; }
.munord-scope .mn-giru-conv-title { display:block; font-size:13px; font-weight:600; line-height:1.35; color:var(--mn-text); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.munord-scope .mn-giru-conv-meta { display:block; color:var(--mn-muted); font-size:11.5px; font-weight:400; line-height:1.3; }
.munord-scope .mn-giru-conv-empty { padding:14px 10px; color:var(--mn-muted); font-size:12.5px; }


/* v2.6.3 — Formato del texto en el chat de Giru */
.munord-scope .mn-giru-bubble strong { font-weight:700; }
.munord-scope .mn-giru-bubble em { font-style:italic; }
.munord-scope .mn-giru-bubble code { font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:12px; background:rgba(127,127,127,.14); padding:1px 5px; border-radius:5px; }
.munord-scope .mn-giru-bubble .mn-giru-code { font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:12px; background:rgba(127,127,127,.12); padding:9px 11px; border-radius:8px; margin:7px 0; white-space:pre-wrap; word-break:break-word; }
.munord-scope .mn-giru-bubble .mn-giru-list { margin:6px 0; padding-left:20px; display:flex; flex-direction:column; gap:3px; }
.munord-scope .mn-giru-bubble .mn-giru-list li { list-style:disc; }
.munord-scope .mn-giru-msg.is-user .mn-giru-bubble a { color:#fff; text-decoration:underline; }
.munord-scope .mn-giru-msg.is-user .mn-giru-bubble code, .munord-scope .mn-giru-msg.is-user .mn-giru-bubble .mn-giru-code { background:rgba(255,255,255,.18); }

/* v2.7.1 — Popup de ayuda: no desborda y separa bien título y contenido */
.munord-scope .mn-modal { max-height:calc(100vh - 60px); display:flex; flex-direction:column; }
.munord-scope .mn-modal-body { overflow:auto; max-height:calc(100vh - 220px); }
.munord-scope .mn-modal-head { flex:none; border-bottom:1px solid var(--mn-border); }
.munord-scope .mn-modal-foot { flex:none; border-top:1px solid var(--mn-border); }
.munord-scope .mn-help-body { padding-top:2px; }
.munord-scope .mn-help-body > *:first-child { margin-top:0; }
.munord-scope .mn-help-body > *:last-child { margin-bottom:0; }
.munord-scope .mn-help-body ol, .munord-scope .mn-help-body ul { margin:0 0 12px; padding-left:22px; display:flex; flex-direction:column; gap:6px; }
.munord-scope .mn-help-body ol li { list-style:decimal; }
.munord-scope .mn-help-body ul li { list-style:disc; }
.munord-scope .mn-help-body p { margin:0 0 10px; }
.munord-scope .mn-help-body strong { font-weight:700; }

/* v2.6.5 — Botón de ayuda de la contraseña de aplicación */
.munord-scope button.mn-help-link { appearance:none; display:inline-flex; align-items:center; gap:4px; background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important; margin-left:6px; color:var(--mn-accent) !important; font:inherit; font-size:12px; font-weight:600; cursor:pointer; text-transform:none; letter-spacing:normal; }
.munord-scope button.mn-help-link:hover { text-decoration:underline; }
.munord-scope button.mn-help-link .mn-ico, .munord-scope button.mn-help-link .mn-ico svg { width:14px; height:14px; display:block; flex:none; }
.munord-scope .mn-help-body { font-size:13.5px; line-height:1.6; color:var(--mn-text); }
.munord-scope .mn-help-steps { margin:0 0 10px; padding-left:22px; display:flex; flex-direction:column; gap:6px; }
.munord-scope .mn-help-steps li { list-style:decimal; }
.munord-scope .mn-help-note { margin:0; padding:10px 12px; border-radius:9px; background:var(--mn-surface-2); color:var(--mn-text-2); font-size:12.5px; }

/* ============================================================
   v2.6.6 — Bordes suaves en todo el panel
   El tema del sitio aplica bordes oscuros a botones, inputs y selects.
   Estas reglas devuelven los bordes propios del panel (gris suave) en
   todos los controles, sin tocar los colores de acento ni los estados.
   ============================================================ */
.munord-scope button, .munord-scope input, .munord-scope select, .munord-scope textarea {
  border-color:var(--mn-border-2) !important;
  outline-color:var(--mn-accent);
}
.munord-scope button.mn-btn {
  border:1px solid var(--mn-border-2) !important;
  box-shadow:none !important;
  border-radius:9px !important;
}
.munord-scope button.mn-btn:hover { border-color:var(--mn-border-2) !important; background:var(--mn-surface-2); }
.munord-scope button.mn-btn.primary {
  border:1px solid var(--mn-accent) !important;
  background:var(--mn-accent) !important;
  color:#fff !important;
}
.munord-scope button.mn-btn.primary:hover { filter:brightness(.96); }
.munord-scope .mn-input, .munord-scope .mn-select, .munord-scope .mn-textarea, .munord-scope .mn-giru-input {
  border:1px solid var(--mn-border-2) !important;
  box-shadow:none !important;
}
.munord-scope .mn-input:focus, .munord-scope .mn-select:focus, .munord-scope .mn-textarea:focus, .munord-scope .mn-giru-input:focus {
  border-color:var(--mn-accent) !important;
}
.munord-scope button.mn-giru-icon-btn { border:1px solid var(--mn-border-2) !important; box-shadow:none !important; }
.munord-scope button.mn-giru-icon-btn.is-active { border-color:var(--mn-accent) !important; }
.munord-scope button.mn-giru-icon-btn.is-listening { border-color:var(--mn-danger) !important; }
.munord-scope button.mn-giru-usage-chip { border:1px solid var(--mn-border) !important; box-shadow:none !important; }
.munord-scope button.mn-refresh-btn, .munord-scope .mn-ws, .munord-scope .mn-notification-btn, .munord-scope .mn-avatar {
  border-color:var(--mn-border-2) !important; box-shadow:none !important;
}
.munord-scope .mn-card { border-color:var(--mn-border) !important; }

/* v2.8.0 — Peticiones de Giru: más espacio y proceso visible. */
.munord-scope.mn-giru-pop.is-open .mn-giru-pop-panel {
  display:flex;
  flex-direction:column;
  height:min(680px, calc(100vh - 96px));
  max-height:calc(100vh - 96px);
  overflow:hidden;
}
.munord-scope.mn-giru-pop .mn-giru-thread {
  flex:1 1 auto;
  min-height:190px;
  max-height:none;
  overflow:auto;
}
.munord-scope.mn-giru-pop .mn-giru-composer { flex:0 0 auto; }
.munord-scope.mn-giru-pop .mn-giru-input {
  min-height:112px;
  max-height:220px;
  line-height:1.5;
}
.munord-scope .mn-giru-creating {
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  align-items:center;
  gap:3px 9px;
  min-width:230px;
}
.munord-scope .mn-giru-creating-spinner {
  grid-row:1 / span 2;
  width:18px;
  height:18px;
  border:2px solid var(--mn-border-2);
  border-top-color:var(--mn-accent);
  border-radius:50%;
  animation:mnGiruCreateSpin .75s linear infinite;
}
.munord-scope .mn-giru-process-labels {
  position:relative;
  display:block;
  height:20px;
  overflow:hidden;
  color:var(--mn-text-2);
  font-size:12px;
}
.munord-scope .mn-giru-process-labels > span {
  position:absolute;
  inset:0 auto auto 0;
  opacity:0;
  animation:mnGiruProcess 8s linear infinite;
}
.munord-scope .mn-giru-process-labels > span:nth-child(2) { animation-delay:2s; }
.munord-scope .mn-giru-process-labels > span:nth-child(3) { animation-delay:4s; }
.munord-scope .mn-giru-process-labels > span:nth-child(4) { animation-delay:6s; }
@keyframes mnGiruCreateSpin { to { transform:rotate(360deg); } }
@keyframes mnGiruProcess {
  0%,22% { opacity:1; transform:translateY(0); }
  25%,100% { opacity:0; transform:translateY(-5px); }
}

/* v2.6.8 — Enlaces del chat al mismo tamaño que el texto.
   La burbuja fija su tamaño para que el tema no lo altere y los enlaces
   lo heredan de ella. */
.munord-scope .mn-giru-bubble { font-size:13.5px !important; line-height:1.5 !important; }
.munord-scope .mn-giru-bubble a, .munord-scope .mn-giru-bubble .mn-giru-list a,
.munord-scope .mn-giru-bubble p a, .munord-scope .mn-giru-bubble li a, .munord-scope .mn-giru-bubble strong a {
  font-size:13.5px !important; line-height:1.5 !important; font-family:inherit !important;
  font-weight:inherit; letter-spacing:normal; word-break:break-word;
}
.munord-scope .mn-giru-bubble .mn-giru-list, .munord-scope .mn-giru-bubble .mn-giru-list li { font-size:13.5px !important; line-height:1.5 !important; }
.munord-scope.mn-giru-pop .mn-giru-bubble, .munord-scope.mn-giru-pop .mn-giru-bubble a { font-size:13px !important; }

/* v2.6.9 — Pantalla de acceso cuando no hay sesión iniciada */
.munord-scope .mn-app-guest { display:flex; align-items:center; justify-content:center; padding:40px 16px; min-height:320px; }
.munord-scope .mn-guest-card { max-width:420px; width:100%; text-align:center; background:var(--mn-surface); border:1px solid var(--mn-border); border-radius:var(--mn-radius-lg); padding:32px 26px; box-shadow:var(--mn-shadow); }
.munord-scope .mn-guest-card .mn-ico, .munord-scope .mn-guest-card .mn-ico svg { width:30px; height:30px; display:block; margin:0 auto 12px; color:var(--mn-accent); }
.munord-scope .mn-guest-title { margin:0 0 8px; font-size:19px; font-weight:700; color:var(--mn-text); }
.munord-scope .mn-guest-text { margin:0 0 18px; font-size:13.5px; line-height:1.55; color:var(--mn-text-2); }
.munord-scope .mn-guest-card .mn-btn { display:inline-flex; }
.munord-scope .mn-login-form { display:flex; flex-direction:column; gap:13px; text-align:left; }
.munord-scope .mn-login-form > label { display:flex; flex-direction:column; gap:6px; color:var(--mn-text); font-size:13px; font-weight:600; }
.munord-scope .mn-login-form .mn-input { width:100%; box-sizing:border-box; }
.munord-scope .mn-login-form .mn-login-remember { flex-direction:row; align-items:center; gap:8px; font-weight:400; color:var(--mn-text-2); }
.munord-scope .mn-login-form .mn-login-remember input { margin:0; }
.munord-scope .mn-login-form .mn-btn { align-self:center; margin-top:2px; }
.munord-scope .mn-login-error { margin:0 0 14px; padding:10px 12px; border-radius:8px; background:var(--mn-danger-bg); color:var(--mn-danger); font-size:12.5px; line-height:1.45; text-align:left; }

/* v2.9.0 — Backend: la lista de conversaciones no hereda tamaños del tema */
.munord-scope .mn-giru-conv-icon, .munord-scope .mn-giru-conv-chev { display:none !important; }
.munord-scope .mn-giru-conv .mn-ico, .munord-scope .mn-giru-conv .mn-ico svg { width:15px !important; height:15px !important; display:block; flex:none; }
.munord-scope .mn-giru-convs img, .munord-scope .mn-giru-conv-list img { max-width:20px; height:auto; }

/* v2.9.7 — Área de escritura de Giru más amplia. */
.munord-scope:not(.mn-giru-pop) .mn-giru-main .mn-giru-input {
  min-height:142px;
  max-height:320px;
  resize:vertical;
  padding:13px 14px;
  line-height:1.55;
}
.munord-scope.mn-giru-pop .mn-giru-input {
  min-height:142px;
  max-height:260px;
  resize:vertical;
  padding:12px 13px;
}
@media (max-width:700px) {
  .munord-scope:not(.mn-giru-pop) .mn-giru-main .mn-giru-composer { flex-wrap:wrap; align-items:stretch; }
  .munord-scope:not(.mn-giru-pop) .mn-giru-main .mn-giru-input { flex:1 1 100%; min-height:128px; }
  .munord-scope:not(.mn-giru-pop) .mn-giru-main .mn-giru-send { flex:1; justify-content:center; }
}

/* v3.0.2 — Miniatura de imagen destacada o vídeo en la tabla de Contenido. */
.munord-scope .mn-content-title-cell { display:flex; align-items:center; gap:10px; }
.munord-scope .mn-content-thumb {
  flex:0 0 auto; width:44px; height:44px; padding:0; border:1px solid var(--mn-border,#e2e8f0);
  border-radius:8px; overflow:hidden; background:#f1f5f9; display:inline-flex;
  align-items:center; justify-content:center;
}
.munord-scope .mn-content-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.munord-scope .mn-content-thumb-video { display:inline-flex; align-items:center; justify-content:center; color:#475569; }
.munord-scope .mn-content-thumb-video svg { width:20px; height:20px; }

/* v3.1.0 — Interruptor general de Giru: aviso cuando está apagado. */
.munord-scope .mn-giru-offline { text-align:center; padding:44px 26px; }
.munord-scope .mn-giru-offline-icon {
  width:56px; height:56px; margin:0 auto 14px; border-radius:16px; display:flex;
  align-items:center; justify-content:center; background:#f1f5f9; color:#64748b;
}
.munord-scope .mn-giru-offline-icon svg { width:26px; height:26px; }
.munord-scope .mn-giru-offline-title { font-size:17px; font-weight:650; margin-bottom:8px; }
.munord-scope .mn-giru-offline-text { color:var(--mn-muted,#64748b); max-width:520px; margin:0 auto; line-height:1.6; }
.munord-scope .mn-giru-power { font-size:15px; }

/* v3.2.0 — Contenido en acordeón: un contenido con todos sus destinos dentro. */
.munord-scope .mn-content-list { display:flex; flex-direction:column; }
.munord-scope .mn-content-item { border-bottom:1px solid var(--mn-border,#e2e8f0); }
.munord-scope .mn-content-item:last-child { border-bottom:0; }
.munord-scope .mn-content-summary {
  display:flex; align-items:center; gap:12px; width:100%; padding:14px; background:none;
  border:0; text-align:left; cursor:pointer; font:inherit; color:inherit;
}
.munord-scope .mn-content-summary:hover { background:#f8fafc; }
.munord-scope .mn-content-caret { flex:0 0 auto; color:var(--mn-muted,#64748b); transition:transform .18s ease; display:inline-flex; }
.munord-scope .mn-content-caret svg { width:18px; height:18px; }
.munord-scope .mn-content-item.is-open .mn-content-caret { transform:rotate(180deg); }
.munord-scope .mn-content-main { flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:4px; }
.munord-scope .mn-content-name { font-weight:650; line-height:1.35; }
.munord-scope .mn-content-meta { font-size:12px; color:var(--mn-muted,#64748b); }
.munord-scope .mn-content-state { flex:0 0 auto; display:flex; align-items:center; gap:8px; }
.munord-scope .mn-content-count {
  min-width:22px; height:22px; padding:0 6px; border-radius:11px; background:#eef2f7; color:#475569;
  font-size:11px; font-weight:650; display:inline-flex; align-items:center; justify-content:center;
}
.munord-scope .mn-dest-pills { display:flex; flex-wrap:wrap; gap:5px; margin-top:3px; }
.munord-scope .mn-dest-pill {
  display:inline-flex; align-items:center; gap:4px; padding:2px 8px; border-radius:999px;
  font-size:11px; font-weight:600; color:var(--mn-dest-color,#64748b);
  background:color-mix(in srgb, var(--mn-dest-color,#64748b) 12%, transparent);
  border:1px solid color-mix(in srgb, var(--mn-dest-color,#64748b) 30%, transparent);
}
.munord-scope .mn-dest-pill.is-pending { opacity:.55; border-style:dashed; }
.munord-scope .mn-dest-pill b { font-size:10px; }
.munord-scope .mn-content-body { padding:0 14px 16px 44px; }
.munord-scope .mn-content-body-title { font-size:12px; font-weight:650; color:var(--mn-muted,#64748b); text-transform:uppercase; letter-spacing:.04em; margin-bottom:10px; }
.munord-scope .mn-dest-list { display:flex; flex-direction:column; gap:10px; }
.munord-scope .mn-dest { border:1px solid var(--mn-border,#e2e8f0); border-radius:10px; padding:12px; background:#fff; }
.munord-scope .mn-dest-head { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.munord-scope .mn-dest-chip {
  width:24px; height:24px; border-radius:7px; color:#fff; font-size:10px; font-weight:700;
  display:inline-flex; align-items:center; justify-content:center;
}
.munord-scope .mn-dest-url { font-size:12px; color:var(--mn-muted,#64748b); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:320px; }
.munord-scope .mn-dest-text { margin-top:8px; font-size:13px; line-height:1.55; white-space:normal; }
.munord-scope .mn-dest-media { margin-top:10px; max-width:220px; max-height:160px; border-radius:8px; display:block; object-fit:cover; }
.munord-scope .mn-dest-actions { margin-top:10px; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.munord-scope .mn-dest-notice {
  display:flex; align-items:flex-start; gap:7px; font-size:12.5px; line-height:1.5;
  color:#8a5a00; background:#fff8e6; border:1px solid #f3dfae; border-radius:8px; padding:8px 10px; flex:1 1 240px;
}
.munord-scope .mn-dest-notice svg { width:15px; height:15px; flex:0 0 auto; margin-top:1px; }
.munord-scope .mn-content-body-actions { margin-top:14px; display:flex; gap:8px; flex-wrap:wrap; }
@media (max-width:700px){
  .munord-scope .mn-content-body { padding-left:14px; }
  .munord-scope .mn-content-state { flex-direction:column; align-items:flex-end; gap:4px; }
}

/* v3.4.1 — Estado del servicio de Giru: acción directa, sin casilla. */
.munord-scope .mn-giru-power-row {
  display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;
  padding:12px 14px; border:1px solid var(--mn-border,#e2e8f0); border-radius:10px; background:#f8fafc;
}
.munord-scope .mn-giru-power-state { display:flex; align-items:flex-start; gap:10px; flex:1 1 260px; }
.munord-scope .mn-giru-power-state svg { width:20px; height:20px; margin-top:2px; }
.munord-scope .mn-giru-power-state.is-on { color:#15803d; }
.munord-scope .mn-giru-power-state.is-off { color:#b45309; }
.munord-scope .mn-giru-power-state b { color:var(--mn-text,#0f172a); }

/* v3.4.3 — Ajustes de interfaz de Contenido. */

/* Buscador: el icono ya NO se posiciona encima del campo. La caja es el
   contenedor y el input va dentro, sin borde propio, como un elemento flex mas.
   Asi es imposible que se solapen, pase lo que pase con el orden de la hoja. */
.munord-scope .mn-search {
  position:static; display:flex; align-items:center; gap:9px;
  border:1px solid var(--mn-border-2,#dbe2ea); border-radius:var(--mn-radius,9px);
  background:var(--mn-surface,#fff); padding:0 12px; max-width:280px; width:100%;
}
.munord-scope .mn-search:focus-within { border-color:var(--mn-accent,#2563eb); }
.munord-scope .mn-search .mn-ico {
  position:static; transform:none; flex:0 0 auto;
  width:16px; height:16px; color:var(--mn-muted,#64748b); pointer-events:none;
}
.munord-scope .mn-search .mn-ico svg { width:16px; height:16px; display:block; }
.munord-scope .mn-search .mn-search-input {
  flex:1 1 auto; min-width:0; border:0; outline:none; background:transparent;
  padding:9px 0; margin:0; font-family:inherit; font-size:13px;
  color:var(--mn-text,#0f172a); box-shadow:none;
}
.munord-scope .mn-search .mn-search-input::-webkit-search-cancel-button { cursor:pointer; }

/* Aire entre la barra de desplegar/plegar y el primer contenido. */
.munord-scope .mn-content-toolbar {
  display:flex; align-items:center; gap:8px; flex-wrap:wrap;
  padding:14px 14px 14px; border-bottom:1px solid var(--mn-border,#e2e8f0); margin-bottom:2px;
}
.munord-scope .mn-content-toolbar-spacer { flex:1 1 auto; }
.munord-scope .mn-content-pagesize { width:auto; min-width:140px; padding-top:5px; padding-bottom:5px; font-size:13px; }

/* El titulo de los destinos iba pegado al borde superior del desplegable. */
.munord-scope .mn-content-body-title { margin-top:14px; }
