#dash-root { --dash-gutter: 0; }
.mb { --bg:#2b2a2a; --panel:#353433; --panel2:#3d3b39; --line:rgba(201,161,59,.28); --gold:#C9A13B; --gold2:#F3DE9E; --gold3:#7a6430; --tx:#f2ede1; --mu:#aaa291; --bad:#E58B6F; --ok:#9CC59A;
  background:var(--bg); color:var(--tx); font-family:var(--font-anthropic-sans); font-size:var(--cds-font-size-body);
  padding:clamp(1rem,3vw,2.25rem); border-radius:var(--cds-radius); font-variant-numeric:tabular-nums; }
.mb *, .mb *::before, .mb *::after { box-sizing:border-box; }
.mb-head { display:flex; flex-wrap:wrap; gap:1.5rem 2.25rem; align-items:center; padding-bottom:1.5rem; border-bottom:1px solid var(--line); }
.mb-logo { display:flex; flex-direction:column; align-items:center; text-align:center; gap:.9rem; }
.mb-logo svg { width:120px; height:auto; flex:none; }
.mb-brand { font-family:Georgia,'Times New Roman',serif; color:var(--gold); letter-spacing:.06em; line-height:1.1; }
.mb-brand .b1 { font-size:1.35rem; }
.mb-brand .b2 { font-size:1.35rem; }
.mb-brand .b3 { font-family:var(--font-anthropic-sans); font-size:.62rem; letter-spacing:.2em; text-transform:uppercase; margin-top:.5rem; max-width:17rem; line-height:1.5; }
.mb-hr { flex:1 1 18rem; min-width:0; }
.mb-hr h1 { margin:0; font-family:var(--font-anthropic-serif); font-weight:400; font-size:clamp(1.6rem,4vw,2.25rem); color:var(--gold2); }
.mb-take { margin:.4rem 0 0; color:var(--tx); font-size:var(--cds-font-size-heading); line-height:1.45; }
.mb-take b { color:var(--gold2); font-weight:600; }
.mb-sample { display:inline-block; margin-top:.75rem; padding:.2rem .6rem; border:1px solid var(--line); border-radius:999px; color:var(--mu); font-size:var(--cds-font-size-caption); }
.mb-tiles { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr)); gap:var(--cds-gap-md); margin:1.5rem 0; }
.mb-tile { background:var(--panel); border:1px solid var(--line); border-radius:var(--cds-radius); padding:var(--cds-pad-lg); border-top:2px solid var(--gold); display:flex; flex-direction:column; gap:.35rem; min-height:8.5rem; }
.mb-tl { color:var(--mu); font-size:var(--cds-font-size-caption); letter-spacing:.08em; text-transform:uppercase; }
.mb-tv { font-family:var(--font-anthropic-serif); font-weight:400; font-size:2.25rem; color:var(--gold2); line-height:1.1; }
.mb-ts { color:var(--mu); font-size:var(--cds-font-size-caption); line-height:1.45; margin-top:auto; }
.mb-ts b { color:var(--tx); font-weight:600; }
.mb-up { color:var(--ok); } .mb-down { color:var(--bad); }
.mb-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr)); gap:var(--cds-gap-md); margin-bottom:var(--cds-gap-md); }
.mb-card { background:var(--panel); border:1px solid var(--line); border-radius:var(--cds-radius); padding:var(--cds-pad-lg); min-width:0; }
.mb-card h2 { margin:0; font-size:var(--cds-font-size-heading); font-weight:var(--cds-font-weight-medium); color:var(--gold2); font-family:var(--font-anthropic-sans); }
.mb-note { margin:.2rem 0 1rem; color:var(--mu); font-size:var(--cds-font-size-caption); }
.mb-tools { display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:.75rem; }
.mb-q { background:var(--bg); color:var(--tx); border:1px solid var(--line); border-radius:var(--cds-radius); padding:.4rem .7rem; font:inherit; font-size:var(--cds-font-size-caption); min-width:min(100%,14rem); }
.mb-q::placeholder { color:var(--mu); }
.mb-scroll { overflow:auto; max-height:22rem; }
.mb table { width:100%; border-collapse:collapse; font-size:var(--cds-font-size-caption); }
.mb th { position:sticky; top:0; background:var(--panel); text-align:left; color:var(--mu); font-weight:500; padding:.5rem .6rem; border-bottom:1px solid var(--line); white-space:nowrap; cursor:pointer; user-select:none; }
.mb th[aria-sort=ascending]::after { content:' ▲'; color:var(--gold); } .mb th[aria-sort=descending]::after { content:' ▼'; color:var(--gold); }
.mb td { padding:.55rem .6rem; border-bottom:1px solid rgba(201,161,59,.12); vertical-align:top; }
.mb td.r, .mb th.r { text-align:right; }
.mb tbody tr:hover td { background:var(--panel2); }
.mb-chip { display:inline-block; padding:.1rem .55rem; border-radius:999px; font-size:.72rem; border:1px solid var(--line); white-space:nowrap; }
.mb-chip.c-urgente { color:var(--bad); border-color:var(--bad); } .mb-chip.c-proxima { color:var(--gold2); border-color:var(--gold); } .mb-chip.c-programada { color:var(--mu); }
.mb-chip.c-pendiente { color:var(--gold2); border-color:var(--gold); } .mb-chip.c-pagada { color:var(--ok); border-color:var(--ok); }
.mb-chart { position:relative; min-height:280px; }
.mb-legend { display:flex; flex-wrap:wrap; gap:.35rem 1.1rem; margin-bottom:.5rem; color:var(--mu); font-size:var(--cds-font-size-caption); }
.mb-legend i { display:inline-block; width:.7rem; height:.7rem; border-radius:2px; margin-right:.4rem; vertical-align:-1px; }
.mb-tip { position:absolute; pointer-events:none; background:var(--bg); border:1px solid var(--gold); border-radius:var(--cds-radius); padding:.4rem .6rem; font-size:var(--cds-font-size-caption); line-height:1.5; z-index:2; white-space:nowrap; display:none; }
.mb-tip span { color:var(--mu); }
.mb-bars { display:flex; flex-direction:column; gap:.7rem; min-height:280px; justify-content:center; }
.mb-bar { display:grid; grid-template-columns:6.5rem 1fr 2rem; gap:.75rem; align-items:center; font-size:var(--cds-font-size-caption); }
.mb-bar .tr { height:.9rem; background:var(--bg); border-radius:999px; overflow:hidden; }
.mb-bar .fl { height:100%; background:var(--gold); border-radius:999px; }
.mb-bar .n { text-align:right; color:var(--gold2); font-size:var(--cds-font-size-body); }
.mb-fail { display:flex; align-items:center; justify-content:center; gap:.5rem; min-height:inherit; height:100%; color:var(--mu); font-size:var(--cds-font-size-caption); }
.mb-fail::before { content:''; width:.375rem; height:.375rem; border-radius:50%; background:var(--bad); }
.mb-mods { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr)); gap:var(--cds-gap-sm); }
.mb-mod { border:1px solid var(--line); border-radius:var(--cds-radius); padding:.7rem .85rem; background:var(--bg); }
.mb-mod b { display:block; color:var(--gold2); font-weight:500; margin-bottom:.2rem; font-size:var(--cds-font-size-caption); letter-spacing:.06em; text-transform:uppercase; }
.mb-mod span { color:var(--mu); font-size:var(--cds-font-size-caption); line-height:1.45; }
.mb { container-type:inline-size; }
.mb-shell { display:grid; grid-template-columns:15.5rem minmax(0,1fr); gap:clamp(1rem,3vw,2rem); align-items:start; }
.mb-main { min-width:0; }
.mb-side { position:sticky; top:1rem; display:flex; flex-direction:column; gap:1.25rem; background:var(--panel); border:1px solid var(--line); border-radius:var(--cds-radius); padding:1.5rem 1rem 1rem; }
.mb-side-top { display:flex; flex-direction:column; align-items:center; gap:.75rem; }
.mb-burger { display:none; align-items:center; gap:.5rem; appearance:none; background:var(--bg); color:var(--gold2); border:1px solid var(--gold); border-radius:var(--cds-radius); font:inherit; font-size:var(--cds-font-size-caption); padding:.5rem .8rem; cursor:pointer; white-space:nowrap; }
.mb-nav { display:flex; flex-direction:column; gap:.2rem; border-top:1px solid var(--line); padding-top:1rem; }
.mb-nav button { appearance:none; background:transparent; border:0; border-left:2px solid transparent; border-radius:0 var(--cds-radius) var(--cds-radius) 0; color:var(--mu); font:inherit; font-size:var(--cds-font-size-body); text-align:left; line-height:1.3; padding:.75rem .9rem; cursor:pointer; letter-spacing:.02em; }
.mb-nav button:hover { color:var(--gold2); background:var(--panel2); }
.mb-nav button[aria-selected=true] { color:var(--gold2); background:var(--bg); border-left-color:var(--gold); font-weight:600; }
.mb-nav button:focus-visible, .mb-burger:focus-visible { outline:2px solid var(--gold); outline-offset:-2px; }
.mb-view[hidden] { display:none; }
.mb-view { padding-top:1.5rem; }
@container (max-width:760px) {
  .mb-shell { grid-template-columns:minmax(0,1fr); }
  .mb-side { position:static; padding:.75rem; gap:.75rem; }
  .mb-side-top { flex-direction:row; justify-content:space-between; }
  .mb-logo { flex-direction:row !important; text-align:left !important; gap:.6rem !important; }
  .mb-logo svg { width:44px !important; }
  .mb-brand .b1, .mb-brand .b2 { font-size:1rem; display:inline; }
  .mb-brand .b3 { display:none; }
  .mb-burger { display:inline-flex; }
  .mb-nav { display:none; }
  .mb-side.open .mb-nav { display:flex; }
  .mb-head { padding-bottom:1rem; }
}
.mb-soon { border:1px dashed var(--line); border-radius:var(--cds-radius); padding:var(--cds-pad-lg); background:var(--panel); }
.mb-soon h2 { margin:0 0 .25rem; font-family:var(--font-anthropic-serif); font-weight:400; font-size:1.6rem; color:var(--gold2); }
.mb-soon .st { display:inline-block; margin:.25rem 0 1rem; padding:.15rem .6rem; border:1px solid var(--gold); border-radius:999px; color:var(--gold2); font-size:var(--cds-font-size-caption); }
.mb-soon ul { margin:0; padding:0; list-style:none; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr)); gap:var(--cds-gap-sm); }
.mb-soon li { background:var(--bg); border:1px solid var(--line); border-radius:var(--cds-radius); padding:.7rem .85rem; color:var(--mu); font-size:var(--cds-font-size-caption); line-height:1.45; }
.mb-soon li b { display:block; color:var(--gold2); font-weight:500; margin-bottom:.2rem; letter-spacing:.06em; text-transform:uppercase; }
.mb-fields { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr)); gap:var(--cds-gap-md); align-items:end; }
.mb-fields label { display:flex; flex-direction:column; gap:.35rem; color:var(--mu); font-size:var(--cds-font-size-caption); }
.mb-in { background:var(--bg); color:var(--tx); border:1px solid var(--line); border-radius:var(--cds-radius); padding:.55rem .7rem; font:inherit; font-size:var(--cds-font-size-body); width:100%; min-width:0; }
.mb-in:focus-visible { outline:2px solid var(--gold); outline-offset:-1px; }
.mb-fields label.mb-chk { flex-direction:row; align-items:center; gap:.5rem; color:var(--tx); padding:.55rem 0; }
.mb-btn { appearance:none; background:var(--gold); color:#2b2a2a; border:0; border-radius:var(--cds-radius); font:inherit; font-weight:600; font-size:var(--cds-font-size-body); padding:.65rem 1rem; cursor:pointer; }
.mb-btn:hover { background:var(--gold2); }
.mb-btn:focus-visible { outline:2px solid var(--gold2); outline-offset:2px; }
.mb-msg { margin:.9rem 0 0; min-height:1.25rem; color:var(--gold2); font-size:var(--cds-font-size-caption); }
.mb-msg.err { color:var(--bad); }
.mb-added { list-style:none; margin:.5rem 0 0; padding:0; display:flex; flex-direction:column; gap:.3rem; color:var(--mu); font-size:var(--cds-font-size-caption); }
.mb-added li::before { content:'✓ '; color:var(--gold); }
.mb-grp { display:flex; justify-content:space-between; align-items:center; width:100%; }
.mb-grp.on { color:var(--gold2); }
.mb-chev { transition:transform .2s; font-size:.8rem; }
.mb-grp[aria-expanded=true] .mb-chev { transform:rotate(180deg); }
.mb-subnav { display:flex; flex-direction:column; gap:.15rem; margin:.15rem 0 .3rem .9rem; padding-left:.5rem; border-left:1px solid var(--line); }
.mb-subnav[hidden] { display:none; }
.mb-nav .mb-subnav button { padding:.55rem .8rem; font-size:var(--cds-font-size-caption); }
.mb-link { appearance:none; background:transparent; border:0; border-bottom:1px solid var(--gold); color:var(--gold2); font:inherit; cursor:pointer; margin-left:.5rem; padding:0; }
.mb-seg { display:inline-flex; gap:.25rem; padding:.25rem; background:var(--panel); border:1px solid var(--line); border-radius:999px; margin-bottom:var(--cds-gap-md); max-width:100%; }
.mb-seg button { appearance:none; background:transparent; border:0; color:var(--mu); font:inherit; font-size:var(--cds-font-size-body); padding:.5rem 1.1rem; border-radius:999px; cursor:pointer; white-space:nowrap; }
.mb-seg button[aria-selected=true] { background:var(--gold); color:#2b2a2a; font-weight:600; }
.mb-seg button:focus-visible { outline:2px solid var(--gold2); outline-offset:1px; }
.mb-cnt { display:inline-block; min-width:1.4rem; text-align:center; margin-left:.35rem; padding:0 .4rem; border-radius:999px; background:rgba(0,0,0,.22); font-size:var(--cds-font-size-caption); }
.mb-sub[hidden] { display:none; }
.mb-chip.c-activo { color:var(--ok); border-color:var(--ok); } .mb-chip.c-historico { color:var(--mu); }
.mb-h3 { margin:1.5rem 0 .75rem; font-size:var(--cds-font-size-caption); font-weight:500; letter-spacing:.1em; text-transform:uppercase; color:var(--gold); font-family:var(--font-anthropic-sans); }
.mb-h3:first-of-type { margin-top:.5rem; }
.mb-fields[hidden] { display:none; }
.mb-in[type=file] { padding:.4rem .5rem; font-size:var(--cds-font-size-caption); }
.mb-empty { margin:0; color:var(--mu); font-size:var(--cds-font-size-caption); }
.mb-ficha { background:var(--bg); border:1px solid var(--line); border-radius:var(--cds-radius); padding:var(--cds-pad-lg); margin-bottom:var(--cds-gap-md); }
.mb-fh { display:flex; flex-wrap:wrap; gap:.75rem 1rem; justify-content:space-between; align-items:flex-start; margin-bottom:1rem; }
.mb-fn { font-family:var(--font-anthropic-serif); font-size:1.3rem; color:var(--gold2); }
.mb-fs { color:var(--mu); font-size:var(--cds-font-size-caption); margin-top:.2rem; overflow-wrap:anywhere; }
.mb-tags { display:flex; flex-wrap:wrap; gap:.4rem; }
.mb-items { display:flex; flex-direction:column; border-top:1px solid var(--line); }
.mb-item { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.5rem 1rem; align-items:center; padding:.7rem 0; border-bottom:1px solid rgba(201,161,59,.12); }
.mb-ik { display:block; color:var(--mu); font-size:.7rem; letter-spacing:.1em; text-transform:uppercase; }
.mb-il { display:block; overflow-wrap:anywhere; }
.mb-obs { grid-column:1 / -1; color:var(--bad); font-size:var(--cds-font-size-caption); }
.mb-acts { display:flex; flex-wrap:wrap; gap:.4rem; align-items:center; justify-content:flex-end; }
.mb-b2 { appearance:none; background:transparent; color:var(--gold2); border:1px solid var(--gold); border-radius:var(--cds-radius); font:inherit; font-size:var(--cds-font-size-caption); padding:.3rem .7rem; cursor:pointer; white-space:nowrap; }
.mb-b2:hover { background:var(--panel2); }
.mb-b2.ok { background:var(--gold); color:#2b2a2a; font-weight:600; }
.mb-b2:focus-visible { outline:2px solid var(--gold2); outline-offset:1px; }
.mb-edit { grid-column:1 / -1; display:flex; flex-wrap:wrap; gap:.4rem; }
.mb-edit .mb-in { flex:1 1 14rem; padding:.4rem .6rem; font-size:var(--cds-font-size-caption); }
.mb-adm { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr)); gap:.5rem 1rem; margin-top:1rem; padding-top:1rem; border-top:1px solid var(--line); font-size:var(--cds-font-size-caption); }
.mb-adm div span { display:block; color:var(--mu); font-size:.7rem; letter-spacing:.1em; text-transform:uppercase; }
.mb-log { list-style:none; margin:1rem 0 0; padding:1rem 0 0; border-top:1px solid var(--line); display:flex; flex-direction:column; gap:.3rem; color:var(--mu); font-size:var(--cds-font-size-caption); }
.mb-log b { color:var(--gold2); font-weight:500; margin-right:.5rem; }
.mb-chip.c-validado { color:var(--ok); border-color:var(--ok); } .mb-chip.c-observado { color:var(--bad); border-color:var(--bad); }
@media (prefers-reduced-motion:no-preference){ .mb-bar .fl { transition:width var(--cds-dur-slow) var(--cds-ease-out); } }

.mb-banner { margin:.75rem 0 0; padding:.6rem .85rem; border:1px solid var(--gold); border-radius:var(--cds-radius); color:var(--gold2); font-size:var(--cds-font-size-caption); }
.mb-banner[hidden] { display:none; }
.mb-chip.c-por-radicar { color:var(--gold2); border-color:var(--gold); }
.mb-sub { margin:1rem 0 0; border-left:3px solid var(--gold); }
.mb-sum { margin:.75rem 0 0; }
.mb-sum > div { display:flex; justify-content:space-between; gap:1rem; padding:.4rem 0; border-bottom:1px solid var(--line); font-size:var(--cds-font-size-caption); color:var(--mu); }
.mb-sum > div b { color:var(--tx); font-weight:500; }
.mb-sum > div.tot { border-bottom:0; color:var(--gold2); font-size:var(--cds-font-size-body); font-weight:600; }
.mb-sum > div.tot b { color:var(--gold2); font-weight:600; }
.mb-mov { display:flex; justify-content:space-between; align-items:center; gap:.75rem; flex-wrap:wrap; padding:.45rem 0; border-bottom:1px solid var(--line); font-size:var(--cds-font-size-caption); }
.mb-mov span { color:var(--mu); }
.mb-draftrow { display:flex; justify-content:space-between; align-items:center; gap:.75rem; flex-wrap:wrap; padding:.5rem .75rem; margin-top:.5rem; border:1px solid var(--line); border-radius:var(--cds-radius); font-size:var(--cds-font-size-caption); }
.mb-burger { min-width:0; max-width:58%; }
#mb-burger-l { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
