/* Asuntos prototype presentation, scoped to the pilot list. Case panel styles remain shared. */
html[data-marco="nuevo"][data-interfaz="bufete"] .pagehead:has(~ #view .pa-page) { display:none; }
html[data-interfaz="bufete"] .pa-page{--pa-line:var(--mp-borde,#e3e5e1);--pa-muted:var(--mp-tinta2,#727970);--pa-green:var(--mp-verde,#365e49);color:var(--mp-tinta,#25332a);font-family:inherit}
.pa-page .pa-page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.pa-page-header h1{font-size:27px;font-weight:600;letter-spacing:-.6px;margin:0 0 5px}.pa-page-header p{font-size:13px;color:var(--pa-muted);margin:0}.pa-page button,.pa-page select,.pa-page input{font:inherit}.pa-page .pa-new{background:var(--pa-green);color:white;border:1px solid var(--pa-green);border-radius:999px;padding:9px 17px;font-size:13px;white-space:nowrap}.pa-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.pa-search{position:relative;display:flex;align-items:center;gap:8px;flex:1;min-width:220px;border:1px solid var(--pa-line);border-radius:999px;padding:0 12px;background:var(--mp-tarjeta,white);color:var(--pa-muted)}.pa-search input{border:0!important;outline:none;background:transparent!important;height:38px;min-width:0;width:100%;font-size:13px!important;box-shadow:none!important}.pa-search svg{width:16px;height:16px;flex-shrink:0}.pa-segment{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--pa-line);background:var(--mp-sutil,#eff0eb);border-radius:999px}.pa-page .pa-segment button{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:transparent;border:0;border-radius:999px;padding:6px 10px;font-size:12px;white-space:nowrap;color:var(--pa-muted)}.pa-page .pa-segment button[aria-pressed="true"]{background:var(--mp-tarjeta,white);color:var(--mp-tinta,#263b2d);box-shadow:0 1px 3px #00000012}.pa-segment svg{width:14px;height:14px}.pa-views{display:flex;align-items:center;gap:8px}.pa-views>span{font-size:12px;color:var(--pa-muted)}.pa-filters{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.pa-page .pa-filters select,.pa-page .pa-filters button,.pa-table-head button{background:var(--mp-tarjeta,white);border:1px solid var(--pa-line);border-radius:999px;padding:7px 12px;color:var(--mp-tinta2,#526052);font-size:12px;max-width:240px}.pa-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.pa-chips:empty{margin-bottom:4px}.pa-page .pa-chips button{background:var(--mp-tarjeta,white);border:1px solid var(--pa-line);border-radius:999px;padding:4px 10px;font-size:12px;color:var(--mp-tinta2,#526052)}.pa-folders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}.pa-page .pa-folder{display:block;position:relative;min-width:0;border:0;background:transparent;padding:0;text-align:left;color:inherit;cursor:pointer}.pa-folder-tab{display:inline-block;max-width:70%;border:1px solid var(--pa-line);border-bottom:0;border-radius:9px 9px 0 0;padding:7px 12px 6px;font-size:12px;color:var(--pa-muted);background:var(--mp-tarjeta,white);position:relative;z-index:1;margin-bottom:-1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.pa-folder-body{display:flex;flex-direction:column;border:1px solid var(--pa-line);border-radius:0 12px 12px 12px;padding:16px;background:var(--mp-tarjeta,white);min-height:226px}.pa-folder:hover .pa-folder-body,.pa-folder:hover .pa-folder-tab,.pa-folder[aria-current="true"] .pa-folder-body{border-color:#8b9d8a}.pa-folder-body>b{font-size:15px;font-weight:600}.pa-muted{color:var(--pa-muted)}.pa-description{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}.pa-stage{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;margin-top:14px}.pa-status{display:inline-flex;flex-shrink:0;font-size:11px;padding:3px 8px;border:1px solid #d5e3d7;border-radius:999px;background:#edf4ed;color:#416647}.pa-status.pa-closed{background:#f1f2ef;color:var(--pa-muted);border-color:var(--pa-line)}.pa-next{border-top:1px solid var(--pa-line);padding-top:12px;margin-top:12px;display:flex;flex-direction:column;gap:4px;font-size:13px}.pa-next>small{font-size:10px;letter-spacing:.08em;color:var(--pa-muted)}.pa-due{display:block;font-size:12px;color:var(--pa-muted);margin-top:2px}.pa-due.pa-overdue{color:#b84a40}.pa-responsible{font-size:12px;color:var(--pa-muted);margin-top:13px}.pa-list{background:var(--mp-tarjeta,white);border:1px solid var(--pa-line);border-radius:12px;overflow:hidden}.pa-page .pa-list-row{display:flex;align-items:center;gap:16px;width:100%;text-align:left;padding:12px 16px;border:0;border-bottom:1px solid var(--pa-line);background:var(--mp-tarjeta,white);color:inherit;font-size:13px}.pa-list-row:last-child{border-bottom:0}.pa-list-row:hover{background:var(--mp-sutil,#f6f7f3)}.pa-list-row>b{flex:1;min-width:0}.pa-list-row>.pa-muted{width:110px}.pa-ref{width:140px;font-size:12px;color:var(--pa-muted)}.pa-list-next{width:210px;font-size:12px}.pa-empty{text-align:center;padding:40px;border:1px dashed var(--pa-line);border-radius:12px;color:var(--pa-muted);font-size:13px}.pa-table-head{display:flex;align-items:center;justify-content:space-between;background:var(--mp-tarjeta,white);border:1px solid var(--pa-line);border-bottom:0;border-radius:12px 12px 0 0;padding:8px 16px;font-size:12px;color:var(--pa-muted)}.pa-page .px-table-wrap{border-color:var(--pa-line);background:var(--mp-tarjeta,white);border-radius:0 0 12px 12px}.pa-page .px-table{font-size:13px}.pa-page .px-table th{font-weight:500;font-size:12px;color:var(--pa-muted);background:var(--mp-tarjeta,white)}.pa-page .px-table th:first-child,.pa-page .px-table td:first-child{display:none}.pa-page .px-table tfoot{display:none}.pa-calendar-note{font-size:12px;color:var(--pa-muted)}.pa-page button:focus-visible{outline:2px solid #56795a;outline-offset:3px}
@media(max-width:1200px){.pa-folders{grid-template-columns:repeat(2,minmax(0,1fr))}.pa-list-row>.pa-muted{display:none}.pa-views>span{display:none}}
@media(max-width:700px){.pa-folders{grid-template-columns:1fr}.pa-toolbar{align-items:stretch}.pa-search{flex-basis:100%}.pa-views{max-width:100%}.pa-views .pa-segment button{padding:7px}.pa-views .pa-segment button span{display:none}.pa-list-next{display:none}.pa-list-row{gap:8px}.pa-ref{width:100px}.pa-page-header h1{font-size:24px}.pa-page-header p{max-width:240px;line-height:1.5}.pa-page .pa-filters select{max-width:100%;flex:1;min-width:140px}}
.pa-pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;background:var(--mp-tarjeta,white);border:1px solid var(--pa-line);border-top:0;padding:10px 16px;border-radius:0 0 12px 12px;font-size:12px;color:var(--pa-muted);flex-wrap:wrap}.pa-pagination label{margin-right:auto}.pa-pagination select,.pa-pagination button{border:1px solid var(--pa-line);border-radius:999px;background:var(--mp-tarjeta,white);padding:4px 9px}.pa-pagination button:disabled{opacity:.4;cursor:default}.pa-page th[data-k]{cursor:pointer}
/* Matter detail: native encrypted case actions in the pilot layout. */
.pa-page .px-split.px-open{display:block;height:auto;min-height:0;overflow:visible}.pa-page .px-split.px-open>.px-main{display:none}.pa-page .px-split.px-open>.pd-panel{width:100%;max-width:none;position:relative;height:auto;max-height:none;border:0;background:transparent;overflow:visible;box-shadow:none}.pa-page:has(.pd-panel)>.pa-page-header,.pa-page:has(.pd-panel)>.pa-toolbar,.pa-page:has(.pd-panel)>.pa-filters,.pa-page:has(.pd-panel)>.pa-chips{display:none}.pd-panel{--pa-line:var(--mp-borde,#e3e5e1);--pa-muted:var(--mp-tinta2,#727970);--pa-green:var(--mp-verde,#365e49);color:var(--mp-tinta,#25332a)}.pd-panel>header{background:transparent;padding:0 0 20px;border:0;display:flex;align-items:center;gap:16px}.pd-panel .px-htxt{flex:1;min-width:0}.pd-panel #px-title{font-size:25px;letter-spacing:-.5px;font-weight:600;margin:8px 0}.pd-crumb{font-size:12px;color:var(--pa-muted);margin:8px 0}.pd-panel .px-hbtns{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.pd-panel .px-hbtns .px-text{border:1px solid var(--pa-line);border-radius:999px;padding:7px 12px;background:var(--mp-tarjeta,white);font-size:12px}.pd-panel .px-hbtns .pd-primary{color:white;background:var(--pa-green);border-color:var(--pa-green)}.pd-panel .px-panel-body{padding:0;overflow:visible}.pd-panel .px-tabs{border:1px solid var(--pa-line);border-radius:999px;display:inline-flex;max-width:100%;overflow-x:auto;background:var(--mp-sutil,#f0f1ed);padding:3px;margin-bottom:20px;gap:2px}.pd-panel .px-tabs button{border:0;border-radius:999px;font-size:12px;padding:7px 13px;background:transparent;white-space:nowrap;color:var(--pa-muted)}.pd-panel .px-tabs button.on{background:var(--mp-tarjeta,white);color:var(--mp-tinta,#253b2b);box-shadow:0 1px 3px #00000010}.pd-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;border:1px solid var(--pa-line);border-radius:12px;overflow:hidden;background:var(--pa-line);margin-bottom:20px}.pd-stats>div{padding:14px;background:var(--mp-tarjeta,white);min-width:0}.pd-stats small{font-size:11px;color:var(--pa-muted);display:block;margin-bottom:6px}.pd-stats b,.pd-stats button{font-size:13px;line-height:1.5;font-weight:500}.pd-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:16px}.pd-main,.pd-aside{display:flex;flex-direction:column;gap:16px;min-width:0}.pd-card,.pd-panel .card{background:var(--mp-tarjeta,white);border:1px solid var(--pa-line);border-radius:12px;box-shadow:none;overflow:hidden;margin:0}.pd-card>h3,.pd-panel .card>h3{font-size:14px;font-weight:600;padding:13px 16px;border-bottom:1px solid var(--pa-line);margin:0;display:flex;align-items:center;justify-content:space-between;gap:10px}.pd-card>h3 button{font-size:12px;font-weight:400;color:var(--pa-muted)}.pd-client{display:flex;flex-direction:column;gap:8px;padding:16px;font-size:13px}.pd-client span{color:var(--pa-muted);overflow-wrap:anywhere}.pd-timeline{list-style:none;padding:8px 20px;margin:0}.pd-timeline li{border-left:1px solid var(--pa-line);padding:10px 0 10px 16px;position:relative;font-size:12px;line-height:1.6}.pd-timeline li:before{content:'';width:6px;height:6px;border-radius:50%;background:#919a90;position:absolute;left:-3px;top:18px}.pd-timeline p{margin:3px 0;color:var(--pa-muted)}.pd-timeline small{display:block;color:var(--pa-muted);font-size:11px}.pd-panel .px-group{padding:10px 16px;border-bottom:1px solid var(--pa-line)}.pd-panel .px-kv{font-size:13px}.pd-panel .px-k{font-size:11px;color:var(--pa-muted)}.pd-panel .px-pill{font-size:11px;border-radius:999px}.pd-panel .btn{border-radius:999px;font-size:12px}.pd-panel .pd-main>.card{padding:16px}.pd-panel .pd-main>.card>h3{padding:0 0 12px;margin-bottom:12px}.pd-panel .pd-main>.pd-card{padding:0}.pd-panel .pd-main>.pd-card>h3{padding:13px 16px;margin:0}.pd-panel .pd-main .x-quick{flex-wrap:wrap}.pd-panel .pd-main .tbl{font-size:12px}.pd-panel .pd-main .x-doc-btns{flex-wrap:wrap}.px-overlay:has(.pd-panel) .pd-panel{width:min(1400px,96vw);max-width:96vw;padding:24px;overflow:auto;background:var(--mp-pag,#f7f8f4)}.px-overlay:has(.pd-panel) .px-panel-body{overflow:visible}
@media(max-width:1100px){.pd-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.pd-layout{grid-template-columns:minmax(0,2fr) minmax(220px,1fr)}.pd-panel>header{align-items:flex-start;flex-direction:column}.pd-panel .px-hbtns{justify-content:flex-start}}
@media(max-width:760px){.pd-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.pd-layout{grid-template-columns:1fr}.pd-panel #px-title{font-size:22px}.pd-panel .px-kv{grid-template-columns:1fr}.pd-panel .px-tabs{border-radius:16px}.pd-panel .px-hbtns .px-text{padding:6px 9px}.pd-aside{order:2}}

[data-marco="nuevo"] .pd-panel .pd-aside{position:static;width:auto;height:auto;padding:0;border:0;background:transparent;z-index:auto;gap:16px}
[data-tema="oscuro"] .pa-status{background:#253b2a;color:#c2d5c2;border-color:#49624b}[data-tema="oscuro"] .pa-status.pa-closed{background:var(--mp-sutil);color:var(--mp-tinta2);border-color:var(--mp-borde)}[data-tema="oscuro"] .pa-due.pa-overdue{color:#f69b8f}
.pd-panel .pd-main > .pv-card { padding: 0 16px 18px; }
.pd-panel .pd-main > .pv-card > h3 { margin: 0 -16px 12px; }
.pd-panel .pv-card > p { color: var(--pa-muted); line-height: 1.5; }
.pd-panel .pv-texto { white-space: pre-wrap; overflow-wrap: anywhere; padding: 14px; margin: 12px 0; border: 1px solid var(--pa-line); border-radius: 10px; }
.pd-panel .pv-card > small { display: block; color: var(--pa-muted); margin-bottom: 12px; }
/* Diálogo ampliado: deja contexto visible y conserva un cierre claro. */
@media (min-width:761px){.px-overlay:has(.pd-panel) .pd-panel{width:min(1120px,82vw);max-width:calc(100vw - 64px);height:min(82dvh,920px);max-height:calc(100dvh - 64px)}}
.pd-panel .px-hbtns .px-icon{display:inline-grid;place-items:center;min-width:34px;height:34px;padding:4px;font-size:20px;line-height:1}
/* En escritorio, los asuntos conservan la lista al abrir una ficha, como Clientes. */
@media (min-width:1500px){
  .pa-page .px-split.px-open{display:grid;grid-template-columns:minmax(280px,.38fr) minmax(0,1fr);gap:18px;align-items:start}
  .pa-page .px-split.px-open>.px-main{display:block;min-width:0;max-height:calc(100dvh - 260px);overflow:auto}
  .pa-page:has(.pd-panel)>.pa-page-header,.pa-page:has(.pd-panel)>.pa-toolbar,.pa-page:has(.pd-panel)>.pa-filters,.pa-page:has(.pd-panel)>.pa-chips{display:flex}
  .pa-page .px-split.px-open>.pd-panel{min-width:0}
  .pa-page .px-split.px-open .pd-layout{grid-template-columns:minmax(0,1fr)}
  .pa-page .px-split.px-open .pd-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.pd-panel .px-tabs{position:sticky;top:0;z-index:3}

/* La ficha se superpone al índice: solo se desplaza el cuerpo de la ficha. */
html[data-marco="nuevo"] .content:has(.pa-page .px-split.px-open){overflow-y:hidden}
html[data-marco="nuevo"] .pa-page:has(.pd-panel)>.pa-page-header,
html[data-marco="nuevo"] .pa-page:has(.pd-panel)>.pa-toolbar,
html[data-marco="nuevo"] .pa-page:has(.pd-panel)>.pa-filters,
html[data-marco="nuevo"] .pa-page:has(.pd-panel)>.pa-chips{display:flex}
html[data-marco="nuevo"] .pa-page .px-split.px-open{display:block}
html[data-marco="nuevo"] .pa-page .px-split.px-open>.px-main{display:block;max-height:none;overflow:visible}
html[data-marco="nuevo"] .pa-page .px-split.px-open>.pd-panel{
  position:fixed;z-index:89;top:72px;right:0;bottom:0;
  display:flex;flex-direction:column;box-sizing:border-box;
  width:min(760px,calc(100vw - 300px));max-width:none;height:auto;max-height:none;
  padding:20px 24px;border:1px solid var(--pa-line);border-radius:16px 0 0 0;
  background:var(--mp-pag);overflow:hidden;
  box-shadow:-18px 0 48px rgb(0 0 0 / .17)
}
html[data-marco="nuevo"] .pa-page .px-split.px-open>.pd-panel .pd-layout{grid-template-columns:minmax(0,1fr)}
html[data-marco="nuevo"] .pa-page .px-split.px-open>.pd-panel .pd-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
html[data-marco="nuevo"] .pd-panel .px-panel-body{min-height:0;overflow-y:auto;overscroll-behavior:contain}
html[data-marco="nuevo"] .pa-page .pd-panel>header,
html[data-marco="nuevo"] .pa-page .pd-panel>.pd-stats,
html[data-marco="nuevo"] .pa-page .pd-panel>.px-tabs{flex:none}
html[data-marco="nuevo"] .px-overlay:has(.pd-panel) .pd-panel{display:flex;flex-direction:column;overflow:hidden}
html[data-marco="nuevo"] .px-overlay:has(.pd-panel) .px-panel-body{overflow-y:auto}
html[data-marco="nuevo"] body:has(.pd-panel) .ov,
html[data-marco="nuevo"] body:has(.pd-panel) .sheet{z-index:120}
.pd-panel-menu{position:relative;flex:none}
.pd-panel-menu summary{display:grid;place-items:center;list-style:none;cursor:pointer}
.pd-panel-menu summary::-webkit-details-marker{display:none}
.pd-panel-menu[open] .pd-menu-list{position:absolute;right:0;top:calc(100% + 6px);z-index:10;min-width:190px;padding:5px;border:1px solid var(--pa-line);border-radius:10px;background:var(--mp-tarjeta);box-shadow:0 12px 30px rgb(0 0 0 / .14)}
.pd-menu-list button{display:block;width:100%;padding:10px;border:0;border-radius:7px;background:transparent;color:var(--mp-tinta);text-align:left;cursor:pointer}
.pd-menu-list button:hover{background:var(--mp-relleno)}
.pd-panel .pd-expand-icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:900px){
  html[data-marco="nuevo"] .pa-page .px-split.px-open>.pd-panel{top:0;left:0;right:0;bottom:0;width:100vw;border-radius:0;padding:16px}
  html[data-marco="nuevo"] .pa-page .px-split.px-open>.pd-panel .pd-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Tema oscuro: el verde de acción es claro, así que el texto del botón va oscuro para llegar a AA. */
[data-tema="oscuro"] .pa-new,[data-tema="oscuro"] .pd-primary,[data-tema="oscuro"] .pd-panel .px-hbtns .pd-primary{color:#0f2419}
/* Teléfono: si el encabezado y las cifras ocupan la pantalla, el cuerpo del asunto quedaba con altura 0 y sus secciones (Agenda del expediente, tareas) no se podían alcanzar. El panel entero se desplaza. */
@media(max-width:760px){
  html[data-marco="nuevo"] .pa-page .px-split.px-open>.pd-panel{overflow-y:auto;overscroll-behavior:contain}
  html[data-marco="nuevo"] .pd-panel .px-panel-body{flex:none;overflow:visible}
}
/* 9 nov 2026 (Guille: «el scroll del asunto no es suave»). La ficha tenía la cabecera, las cifras y las pestañas fijas y solo
 * desplazaba el cuerpo: en el teléfono esa cabecera llena la pantalla y el cuerpo quedaba en una franja de ~50 px. Ahora la ficha
 * entera es un solo contenedor de desplazamiento (cajón, pantalla completa del teléfono y vista ampliada): la cabecera se va con
 * el contenido, el fondo no se arrastra (overscroll contenido) y en iOS hay inercia. Guardia: e2e/tests/asunto-scroll.spec.mjs. */
html[data-marco="nuevo"] .pd-panel.px-panel,
html[data-marco="nuevo"] .pa-page .px-split.px-open>.pd-panel,
html[data-marco="nuevo"] .px-overlay:has(.pd-panel) .pd-panel{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
html[data-marco="nuevo"] .pd-panel .px-panel-body,
html[data-marco="nuevo"] .px-overlay:has(.pd-panel) .px-panel-body{flex:none;min-height:auto;overflow:visible}