/* Primer tema de la interfaz importada: conserva el calendario, los filtros,
 * los expedientes y las rutas cifradas existentes. Solo se aplica tras la
 * autorización de /api/me y la elección explícita de la persona. */
html[data-marco="nuevo"][data-interfaz="bufete"] {
  --mp-pag: oklch(0.985 0 0);
  --mp-tarjeta: oklch(1 0 0);
  --mp-sidebar: oklch(0.97 0 0);
  --mp-campo: oklch(1 0 0);
  --mp-sutil: oklch(0.95 0 0);
  --mp-borde: oklch(0.9 0 0);
  --mp-borde-in: oklch(0.9 0 0);
  --mp-contorno: oklch(0.6 0 0);
  --mp-tinta: oklch(0.2 0 0);
  --mp-tinta2: oklch(0.5 0 0);
  --mp-tinta3: oklch(0.5 0 0);
  --mp-relleno: oklch(0.94 0 0);
  --mp-r: 12px;
  --mp-r-in: 12px;
  --mp-lat: 240px;
  --mp-barra: 56px;
  --serif: system-ui, sans-serif;
  --sans: "Geist", ui-sans-serif, system-ui, sans-serif;
}
html[data-marco="nuevo"][data-interfaz="bufete"][data-tema="oscuro"] {
  --mp-pag: oklch(0.183 0 0);
  --mp-tarjeta: oklch(0.214 0 0);
  --mp-sidebar: oklch(0.165 0 0);
  --mp-campo: oklch(0.214 0 0);
  --mp-sutil: oklch(0.26 0 0);
  --mp-borde: oklch(0.305 0 0);
  --mp-borde-in: oklch(0.305 0 0);
  --mp-contorno: oklch(0.5 0 0);
  --mp-tinta: oklch(0.93 0 0);
  --mp-tinta2: oklch(0.68 0 0);
  --mp-tinta3: oklch(0.68 0 0);
  --mp-relleno: oklch(0.26 0 0);
}
html[data-marco="nuevo"][data-interfaz="bufete"] .pagehead h1 { font-size: 1.875rem; font-weight: 600; letter-spacing: -.035em; text-transform: none; }
html[data-marco="nuevo"][data-interfaz="bufete"] aside { padding: 0 8px 12px; background: var(--mp-tarjeta); }
html[data-marco="nuevo"][data-interfaz="bufete"] aside .brand { min-height: 56px; padding: 0 8px; border-bottom: 1px solid var(--mp-borde); }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-it { min-height: 38px; border-radius: 8px; font-size: .875rem; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-it.on { background: var(--mp-relleno); }
html[data-marco="nuevo"][data-interfaz="bufete"] .px-folder { border-radius: 0 12px 12px 12px; background: var(--mp-tarjeta); }

/* Navegación del piloto: estructura del prototipo, sobre vistas y datos reales. */
html[data-marco="nuevo"][data-interfaz="bufete"] aside { padding: 0; border-right: 1px solid var(--mp-borde); background: var(--mp-sidebar); }
html[data-marco="nuevo"][data-interfaz="bufete"] aside .brand { padding: 0 16px; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-piloto-brand { display: inline-flex; align-items: baseline; gap: 6px; font-size: 1.25rem; font-weight: 700; letter-spacing: -.04em; white-space: nowrap; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-piloto-brand small { color: var(--mp-tinta2); font-size: .65rem; font-weight: 500; letter-spacing: 0; }
html[data-marco="nuevo"][data-interfaz="bufete"] #nav { margin: 0; padding: 12px 8px; border: 0; border-radius: 0; background: transparent; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-lista { gap: 0; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-area { display: block; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-area-items { display: flex; flex-direction: column; gap: 2px; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-area-items[hidden] { display: none; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-area-cab { display: flex; align-items: center; justify-content: space-between; width: 100%; margin: 14px 0 5px; padding: 0 12px; border: 0; background: transparent; color: var(--mp-tinta2); font: 600 .6875rem var(--sans); letter-spacing: .12em; text-align: left; text-transform: uppercase; cursor: pointer; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-area-cab svg { width: 14px; height: 14px; transition: rotate .15s ease; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-area-cab[aria-expanded="false"] svg { rotate: -90deg; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-area .mp-it { min-height: 40px; padding: 0 12px; font-size: .875rem; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-area .mp-it.mp-sub { min-height: 34px; padding-left: 34px; font-size: .8125rem; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-area .mp-it.on { background: var(--mp-relleno); }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-piloto-pie { margin-top: auto; padding: 12px 8px; border-top: 1px solid var(--mp-borde); }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-piloto-pie .mp-neo-nav { margin: 0; padding: 0; border: 0; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-piloto-pie > .mp-it { width: 100%; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-piloto-pie .mp-it-t { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-marco="nuevo"][data-interfaz="bufete"] #mpTema { display: inline-grid; color: var(--mp-tinta2); }
@media (max-width: 899.98px) { html[data-marco="nuevo"][data-interfaz="bufete"] #mpMenu { display: none; } html[data-marco="nuevo"][data-interfaz="bufete"] .mp-mobile-brand { display: inline-block; padding: 0; border: 0; background: transparent; color: var(--mp-tinta); font: 600 1rem var(--sans); cursor: pointer; } }
html[data-marco="nuevo"][data-interfaz="bufete"] body[data-view="inicio"] .top { position: relative; top: auto; right: auto; width: 100%; }
@media (min-width: 900px) {
  html[data-marco="nuevo"][data-interfaz="bufete"] .top .gs { order: 0; flex: 1 1 auto; max-width: 400px; margin: 0; }
  html[data-marco="nuevo"][data-interfaz="bufete"] .top .gs #gsBtn { display: flex; align-items: center; gap: 10px; width: 100%; height: 40px; padding: 0 12px; border: 1px solid var(--mp-borde-in); border-radius: 999px; background: var(--mp-campo); color: var(--mp-tinta2); font-size: .875rem; text-align: left; }
  html[data-marco="nuevo"][data-interfaz="bufete"] .top .gs #gsBtn svg { width: 18px; height: 18px; }
  html[data-marco="nuevo"][data-interfaz="bufete"] .top .gs #gsBtn::after { content: 'Buscar…'; }
  html[data-marco="nuevo"][data-interfaz="bufete"] .top .gs #gsBtn::before { content: 'Ctrl K'; order: 2; margin-left: auto; padding: 2px 5px; border: 1px solid var(--mp-borde); border-radius: 4px; color: var(--mp-tinta3); font-size: .7rem; }
  html[data-marco="nuevo"][data-interfaz="bufete"] .top .mp-der { margin-left: auto; }
  html[data-marco="nuevo"][data-interfaz="bufete"] body.gs-open .gs #gsBtn { display: none; }
  html[data-marco="nuevo"][data-interfaz="bufete"] body.mp-col .mp-area-cab { display: none; }
}
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-nav-card { width: min(100%, 760px); }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-nav-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-nav-card-head h3 { margin: 0 0 4px; font-size: 1.125rem; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-nav-card-head p, html[data-marco="nuevo"][data-interfaz="bufete"] .mp-nav-card-nota { margin: 0; color: var(--mp-tinta2); font-size: .8125rem; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-nav-card-nota { margin-top: 12px; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-nav-card-group { margin-top: 20px; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-nav-card-group h4 { margin: 0 0 6px; color: var(--mp-tinta2); font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-nav-card-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 48px; padding: 6px 0; border-bottom: 1px solid var(--mp-borde); }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-nav-card-row.is-hidden .mp-nav-card-name { opacity: .5; text-decoration: line-through; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-nav-card-name, html[data-marco="nuevo"][data-interfaz="bufete"] .mp-nav-card-actions { display: flex; align-items: center; gap: 8px; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-nav-card-name svg { width: 18px; height: 18px; flex: none; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-nav-card-name small { display: block; margin-top: 2px; }          /* la descripción va en su línea, bajo el nombre */
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-nav-card-actions button { min-width: 34px; min-height: 34px; padding: 0 6px; border: 1px solid var(--mp-borde); border-radius: 8px; background: var(--mp-campo); color: var(--mp-tinta); cursor: pointer; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-nav-card-actions button:disabled { opacity: .35; cursor: default; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-nav-card-actions small { min-width: 60px; color: var(--mp-tinta2); text-align: center; }
@media (max-width: 560px) { html[data-marco="nuevo"][data-interfaz="bufete"] .mp-nav-card-row { align-items: flex-start; } html[data-marco="nuevo"][data-interfaz="bufete"] .mp-nav-card-actions { flex-wrap: wrap; justify-content: flex-end; } }
[data-interfaz="bufete"] .px-cal { padding: 18px; }
[data-interfaz="bufete"] .px-cal-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
[data-interfaz="bufete"] .px-cal-header h2 { margin: 0; font-size: 1.35rem; }
[data-interfaz="bufete"] .px-cal-header > div { display: flex; gap: 6px; }
[data-interfaz="bufete"] .px-cal-header button { border: 1px solid var(--mp-borde); background: var(--mp-pag); color: var(--mp-tinta); border-radius: 8px; min-width: 38px; min-height: 36px; cursor: pointer; }
[data-interfaz="bufete"] .px-cal-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); border: 1px solid var(--mp-borde); border-radius: 12px; overflow: hidden; }
[data-interfaz="bufete"] .px-cal-grid > strong { padding: 10px; text-align: center; color: var(--mp-tinta2); font-size: .75rem; border-bottom: 1px solid var(--mp-borde); }
[data-interfaz="bufete"] .px-cal-day { min-height: 116px; padding: 8px; border-right: 1px solid var(--mp-borde); border-bottom: 1px solid var(--mp-borde); min-width: 0; }
[data-interfaz="bufete"] .px-cal-day:nth-child(7n) { border-right: 0; }
[data-interfaz="bufete"] .px-cal-out { opacity: .5; }
[data-interfaz="bufete"] .px-cal-number { display: inline-flex; align-items: center; justify-content: center; min-width: 24px; height: 24px; font-weight: 600; }
[data-interfaz="bufete"] .px-cal-today .px-cal-number { background: var(--mp-tinta); color: var(--mp-pag); border-radius: 50%; }
[data-interfaz="bufete"] .px-cal-event { display: block; width: 100%; margin-top: 4px; padding: 5px 7px; border: 0; border-radius: 5px; background: #dbeafe; color: #1e3a8a; text-align: left; font: inherit; font-size: .76rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
[data-interfaz="bufete"] .px-cal-vencimiento { background: #ffe4e6; color: #9f1239; }
[data-interfaz="bufete"] .px-cal-cita { background: #d1fae5; color: #065f46; }
[data-interfaz="bufete"] .px-cal-pendiente { background: #ede9fe; color: #5b21b6; }
@media (max-width: 760px) { [data-interfaz="bufete"] .px-cal { overflow-x: auto; } [data-interfaz="bufete"] .px-cal-grid { min-width: 720px; } }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-home { position: relative; padding: 4px 8px 32px; color: var(--mp-tinta); }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-home > header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:24px; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-home > header h1 { margin: 0 0 5px; font-size: clamp(1.65rem, 2.6vw, 2.3rem); letter-spacing: -.035em; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-home > header p { margin: 0; color: var(--mp-tinta2); }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 24px; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-metric { display: flex; flex-direction: column; align-items: flex-start; min-height: 135px; padding: 16px; border: 1px solid var(--mp-borde); border-radius: 16px; background: var(--mp-tarjeta); color: var(--mp-tinta); text-align: left; cursor: pointer; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-metric:hover { background: var(--mp-relleno); }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-metric-top { display: flex; align-items: center; justify-content: space-between; width: 100%; color: var(--mp-tinta2); font-size: .88rem; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-metric-top svg { width: 19px; height: 19px; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-metric strong { margin-top: 14px; font-size: 1.8rem; line-height: 1; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-metric-link { margin-top: auto; color: var(--mp-tinta2); font-size: .84rem; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-panels { display: grid; grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr); gap: 16px; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-panel { border: 1px solid var(--mp-borde); border-radius: 16px; background: var(--mp-tarjeta); overflow: hidden; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-panel > header { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; border-bottom: 1px solid var(--mp-borde); }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-panel h2 { margin: 0; font-size: 1rem; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-panel > header button { border: 0; background: none; color: var(--mp-tinta2); cursor: pointer; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-event { display: grid; grid-template-columns: 95px minmax(0, 1fr) auto; gap: 12px; align-items: center; width: 100%; padding: 15px 20px; border: 0; border-bottom: 1px solid var(--mp-borde); background: transparent; color: var(--mp-tinta); text-align: left; cursor: pointer; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-event:hover { background: var(--mp-relleno); }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-event-date, html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-event-name { min-width: 0; font-size: .85rem; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-event small, html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-activity small { display: block; margin-top: 3px; color: var(--mp-tinta2); font-size: .78rem; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-event-name b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-tag { padding: 4px 8px; border: 1px solid var(--mp-borde); border-radius: 999px; font-size: .72rem; white-space: nowrap; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-area-cab .mp-pilot-tag { margin-left: auto; }
html[data-marco="nuevo"][data-interfaz="bufete"] .np-head .mp-pilot-tag, html[data-marco="nuevo"][data-interfaz="bufete"] .np-ficha .mp-pilot-tag, html[data-marco="nuevo"][data-interfaz="bufete"] .pn-ficha .mp-pilot-tag { display: inline-block; margin-left: 6px; vertical-align: middle; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-vencimiento { border-color: #fda4af; color: #be123c; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-activity { display: grid; grid-template-columns: 8px minmax(0, 1fr); gap: 14px; padding: 15px 20px; font-size: .86rem; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-dot { width: 7px; height: 7px; margin-top: 7px; border-radius: 50%; background: var(--mp-tinta2); }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-empty { padding: 20px; margin: 0; color: var(--mp-tinta2); }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-secondary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 24px; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-summary-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 72px; padding: 12px 16px; border: 0; border-bottom: 1px solid var(--mp-borde); background: transparent; color: var(--mp-tinta); text-align: left; cursor: pointer; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-summary-row:last-child { border-bottom: 0; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-summary-row:hover { background: var(--mp-relleno); }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-summary-text { min-width: 0; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-summary-text b, html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-summary-text small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-summary-text b { font-weight: 500; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-summary-text small { margin-top: 3px; color: var(--mp-tinta2); }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-due { flex: none; padding: 4px 9px; border: 1px solid var(--mp-borde); border-radius: 999px; color: var(--mp-tinta2); font-size: .75rem; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-due.urgent { border-color: #fca5a5; color: #dc2626; }
/* Tema oscuro: el rojo de siempre no llega a AA sobre el fondo oscuro; se usa el rojo del propio tema (--mp-rojo). */
html[data-marco="nuevo"][data-interfaz="bufete"][data-tema="oscuro"] .mp-pilot-due.urgent, html[data-marco="nuevo"][data-interfaz="bufete"][data-tema="oscuro"] .mp-pilot-vencimiento { color: var(--mp-rojo); }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-due.soon { border-color: #fed7aa; color: #b45309; }
html[data-marco="nuevo"][data-interfaz="bufete"][data-tema="oscuro"] .mp-pilot-due.soon { border-color: #7c4a1d; color: #f0b84f; }          /* el ámbar claro no llega a 4,5:1 sobre el fondo oscuro */
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-mi-semana { margin: 0 0 24px; padding: 16px; border: 1px solid var(--mp-borde); border-radius: 16px; background: var(--mp-tarjeta); scroll-margin-top: 16px; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-mi-semana:focus-visible { outline: 2px solid var(--mp-verde); outline-offset: 3px; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-mi-semana header { margin-bottom: 14px; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-mi-semana h2 { margin: 0; font-size: 1.1rem; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-mi-semana header p { margin: 3px 0 0; color: var(--mp-tinta2); font-size: .84rem; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-semana-grupos { display: grid; gap: 14px; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-semana-dia h3 { margin: 0 0 6px; font-size: .82rem; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-semana-dia.atrasado h3 { color: var(--mp-rojo); }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-semana-dia > div { overflow: hidden; border: 1px solid var(--mp-borde); border-radius: 12px; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-semana-fila { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-width: 0; padding: 10px 12px; border: 0; border-bottom: 1px solid var(--mp-borde); background: transparent; color: var(--mp-tinta); font: inherit; text-align: left; cursor: pointer; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-semana-fila:last-child { border-bottom: 0; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-semana-fila:hover { background: var(--mp-relleno); }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-semana-fila-c { min-width: 0; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-semana-fila-c b, html[data-marco="nuevo"][data-interfaz="bufete"] .mp-semana-fila-c small { display: block; overflow-wrap: anywhere; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-semana-fila-c small { margin-top: 2px; color: var(--mp-tinta2); font-size: .76rem; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-semana-fila-e { flex: 0 1 auto; color: var(--mp-tinta2); font-size: .78rem; text-align: right; overflow-wrap: anywhere; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-semana-fila-e.urgente { color: var(--mp-rojo); font-weight: 600; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-mi-semana-vacio { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; color: var(--mp-tinta2); }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-mi-semana-vacio p { width: 100%; margin: 0 0 4px; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-semana-resumen { margin: 0 0 24px; padding: 16px; border: 1px solid var(--mp-borde); border-radius: 16px; background: var(--mp-tarjeta); }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-semana-resumen > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-semana-resumen h2 { margin: 0; font-size: 1.1rem; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-semana-chips { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 2px; scrollbar-width: thin; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-semana-chip { display: grid; grid-template-columns: auto auto; align-items: baseline; gap: 5px; flex: 0 0 auto; min-width: 62px; padding: 8px 10px; border: 1px solid var(--mp-borde); border-radius: 10px; background: var(--mp-relleno); color: var(--mp-tinta); font-size: .75rem; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-semana-chip b { font-weight: 600; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-semana-chip small { color: var(--mp-tinta); font: 700 .875rem/1 var(--sans); }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-semana-chip small.vacio { color: var(--mp-tinta2); }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-semana-chip.atrasado { border-color: var(--mp-rojo); background: var(--mp-rojo-s); color: var(--mp-rojo); }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-semana-chip.atrasado small { color: var(--mp-rojo); }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-semana-resumen-filas { margin-top: 12px; border-top: 1px solid var(--mp-borde); }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-semana-resumen-vacio { margin: 0; color: var(--mp-tinta2); }
@media (max-width: 540px) { html[data-marco="nuevo"][data-interfaz="bufete"] .mp-mi-semana { padding: 14px 12px; } html[data-marco="nuevo"][data-interfaz="bufete"] .mp-semana-fila { align-items: flex-start; } html[data-marco="nuevo"][data-interfaz="bufete"] .mp-semana-fila-e { max-width: 42%; } }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-neo { margin-top: 24px; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-home-actions { display:flex; align-items:center; gap:8px; flex:none; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-home-actions .mp-materia-filtro { margin:0; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-home-actions .mp-materia-filtro select { min-height:36px; max-width:210px; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-add { position:static; margin:0; }
@media (max-width: 1000px) { html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); } html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-panels, html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-secondary { grid-template-columns: 1fr; } }
@media (max-width: 540px) { html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-home > header { flex-wrap:wrap; } html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-home-actions { width:100%; justify-content:flex-end; } html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-home-actions .mp-materia-filtro { flex:1; min-width:0; } html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-home-actions .mp-materia-filtro select { width:100%; max-width:none; } html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-metrics { gap: 8px; } html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-metric { padding: 12px; min-height: 110px; } html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-event { grid-template-columns: 66px minmax(0, 1fr); } html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-home .mp-pilot-tag { display: none; } }

html[data-marco="nuevo"][data-interfaz="bufete"] .x-origin{margin:0 0 16px;color:var(--mp-tinta2);font-size:.8rem}

/* Hoy › Plazos procesales: los «Por confirmar» del Buzón van primero, con Confirmar y Ajustar */
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-hdr-links { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 4px 14px; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-pz { flex-wrap: wrap; border-left: 3px dashed var(--mp-contorno); }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-pz:hover { background: transparent; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-pz-btns { display: flex; flex-wrap: wrap; gap: 6px; }
/* Un solo estilo de desplegable (Guille, 9 nov): todo <select> del marco toma el aspecto del selector «Como titular»
 * (borde fino, relleno suave, radio pequeño, flecha propia) con la altura de .btn. Sigue siendo un <select> nativo.
 * Va al final de la última hoja y con más especificidad que las reglas por página, para ganarles sin !important en el aspecto.
 * Quedan fuera el propio «Como titular» (más pequeño, en la cabecera), la pantalla de entrada y las listas múltiples. */
html[data-marco="nuevo"] { --mp-control-alto: 36px; --mp-select-flecha: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23616b7c' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E"); }
html[data-marco="nuevo"][data-tema="oscuro"] { --mp-select-flecha: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23a8a8a8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E"); }
@media (max-width: 899.98px) { html[data-marco="nuevo"] { --mp-control-alto: 44px; } }
html[data-marco="nuevo"] select:not([multiple]):not([size]):not(.mp-prueba-total *):not(.lockscr *) {
  box-sizing: border-box; height: var(--mp-control-alto); min-height: var(--mp-control-alto); max-width: 100%;
  padding: 0 34px 0 12px !important; border: 1px solid var(--line); border-radius: var(--r-sm);
  background-color: var(--tint2); color: var(--mp-tinta); font-family: var(--sans); font-size: .8125rem; font-weight: 500; line-height: 1.2;
  appearance: none; -webkit-appearance: none; background-image: var(--mp-select-flecha) !important; background-position: right 10px center !important; background-size: 16px !important; background-repeat: no-repeat !important;
}
html[data-marco="nuevo"] select:not([multiple]):not([size]):not(.mp-prueba-total *):not(.lockscr *):hover { border-color: var(--mp-borde-in); }
html[data-marco="nuevo"] select:not([multiple]):not([size]):not(.mp-prueba-total *):not(.lockscr *):focus-visible { outline: 2px solid var(--mp-tinta); outline-offset: 2px; }

/* Sistema visual compartido: separación de secciones, cabeceras y acciones de filas. */
html[data-marco="nuevo"][data-interfaz="bufete"] {
  --mp-espacio-1: 4px; --mp-espacio-2: 8px; --mp-espacio-3: 12px;
  --mp-espacio-4: 16px; --mp-espacio-5: 24px; --mp-espacio-6: 32px;
}
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-home { display: flex; flex-direction: column; gap: var(--mp-espacio-5); }
html[data-marco="nuevo"][data-interfaz="bufete"] body[data-pestanas] .pagehead { display: flex !important; min-height: 44px; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-home > header,
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-metrics,
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-secondary,
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-semana-resumen,
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-neo { margin: 0; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-home-actions .mp-materia-filtro select { min-height: 0; }
html[data-marco="nuevo"][data-interfaz="bufete"] .ppl-card-header { display: flex; align-items: center; justify-content: space-between; gap: var(--mp-espacio-3); padding: var(--mp-espacio-3) var(--mp-espacio-4); border-bottom: 1px solid var(--mp-borde); }
html[data-marco="nuevo"][data-interfaz="bufete"] .ppl-card-header h2 { padding: 0; border: 0; }
html[data-marco="nuevo"][data-interfaz="bufete"] .ppl-card-header + .ppl-list { border: 0; border-radius: 0; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-acciones-fila { display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-end; gap: var(--mp-espacio-2); min-width: 0; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-acciones-primarias, html[data-marco="nuevo"][data-interfaz="bufete"] .mp-acciones-secundarias > span { display: flex; flex-wrap: nowrap; align-items: center; gap: var(--mp-espacio-2); }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-acciones-secundarias { display: contents; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-acciones-secundarias [data-acciones-mas] { display: none; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-acciones-fila button { min-height: var(--mp-control-alto); }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-acciones-fila label { margin: 0; }
html[data-marco="nuevo"][data-interfaz="bufete"] .gc-nuevos .row { display: flex; align-items: center; gap: var(--mp-espacio-3); min-width: 0; padding: var(--mp-espacio-3) 0; }
html[data-marco="nuevo"][data-interfaz="bufete"] .gc-nuevos .row + .row { border-top: 1px solid var(--mp-borde); }
/* La fecha va en su propia línea: un título largo se recorta sin tapar la fecha. */
html[data-marco="nuevo"][data-interfaz="bufete"] .gc-nuevos-texto { flex: 1; min-width: 0; }
html[data-marco="nuevo"][data-interfaz="bufete"] .gc-nuevos-titulo { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-marco="nuevo"][data-interfaz="bufete"] .gc-nuevos-fecha { display: block; font-size: .875em; }
html[data-marco="nuevo"][data-interfaz="bufete"] .gc-nuevos .mp-acciones-fila { flex: none; }
/* Teléfono: el título y la fecha se leen enteros; las acciones bajan a la derecha. */
@media (max-width: 699.98px) {
  html[data-marco="nuevo"][data-interfaz="bufete"] .gc-nuevos .row { flex-wrap: wrap; row-gap: var(--mp-espacio-2); }
  html[data-marco="nuevo"][data-interfaz="bufete"] .gc-nuevos-texto { flex-basis: 100%; }
  html[data-marco="nuevo"][data-interfaz="bufete"] .gc-nuevos-titulo { white-space: normal; }
  html[data-marco="nuevo"][data-interfaz="bufete"] .gc-nuevos .mp-acciones-fila { margin-left: auto; }
}
@media (max-width: 699.98px) {
  html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-home { gap: var(--mp-espacio-4); }
  html[data-marco="nuevo"][data-interfaz="bufete"] .mp-acciones-secundarias { display: block; position: relative; }
  html[data-marco="nuevo"][data-interfaz="bufete"] .mp-acciones-secundarias [data-acciones-mas] { display: grid; place-items: center; width: var(--mp-control-alto); height: var(--mp-control-alto); border: 1px solid var(--mp-borde); border-radius: 999px; background: var(--mp-campo); color: var(--mp-tinta); cursor: pointer; list-style: none; }
  html[data-marco="nuevo"][data-interfaz="bufete"] .mp-acciones-secundarias > span { display: none; position: absolute; z-index: 4; right: 0; bottom: calc(100% + 4px); min-width: max-content; padding: var(--mp-espacio-2); border: 1px solid var(--mp-borde); border-radius: var(--mp-r-in); background: var(--mp-tarjeta); box-shadow: 0 8px 24px color-mix(in srgb, var(--mp-tinta) 15%, transparent); }
  html[data-marco="nuevo"][data-interfaz="bufete"] .mp-acciones-secundarias.abierto > span { display: flex; flex-direction: column; align-items: stretch; }
}
/* Teléfono, secciones con pestañas: las acciones de la cabecera van en una sola fila desplazable y esa fila siempre ocupa
 * su sitio, haya o no botones; así la tira de pestañas no salta entre Honorarios (cuatro botones) y Gastos (ninguno).
 * Agenda queda fuera: su cabecera compacta la define agenda.css. */
@media (max-width: 899.98px) {
  html[data-marco="nuevo"] body[data-pestanas]:not(:is([data-view="mes"], [data-view="semana"], [data-view="dia"], [data-view="citas"], [data-view="audiencias"])) .pagehead { flex-wrap: wrap; }
  html[data-marco="nuevo"] body[data-pestanas]:not(:is([data-view="mes"], [data-view="semana"], [data-view="dia"], [data-view="citas"], [data-view="audiencias"])) .pagehead #actions { display: flex; flex: 1 1 100%; flex-wrap: nowrap; align-items: center; gap: var(--mp-espacio-2); min-height: var(--mp-control-alto); overflow-x: auto; scrollbar-width: none; }
  html[data-marco="nuevo"] body[data-pestanas]:not(:is([data-view="mes"], [data-view="semana"], [data-view="dia"], [data-view="citas"], [data-view="audiencias"])) .pagehead #actions > * { flex: none; }
  /* La acción principal abre la fila en teléfono. */
  html[data-marco="nuevo"] body[data-pestanas]:not(:is([data-view="mes"], [data-view="semana"], [data-view="dia"], [data-view="citas"], [data-view="audiencias"])) .pagehead #actions > .pri { order: -1; }
}