html[data-marco="nuevo"][data-interfaz="bufete"] .ci-page { color:var(--mp-tinta); }
html[data-marco="nuevo"][data-interfaz="bufete"] .ci-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin:0 0 28px; }
html[data-marco="nuevo"][data-interfaz="bufete"] .ci-head h1 { margin:0; font:600 2rem/1.15 var(--sans); letter-spacing:-.03em; }
html[data-marco="nuevo"][data-interfaz="bufete"] .ci-head p { margin:8px 0 0; color:var(--mp-tinta2); font-size:.9rem; }
html[data-marco="nuevo"][data-interfaz="bufete"] .ci-section { margin:0 0 28px; border:1px solid var(--mp-borde); border-radius:14px; background:var(--mp-tarjeta); overflow:hidden; }
html[data-marco="nuevo"][data-interfaz="bufete"] .ci-section h2 { display:flex; align-items:center; gap:10px; margin:0; padding:16px 20px; border-bottom:1px solid var(--mp-borde); font:600 1rem var(--sans); }
html[data-marco="nuevo"][data-interfaz="bufete"] .ci-section h2 small { color:var(--mp-tinta2); font-size:.8rem; }
html[data-marco="nuevo"][data-interfaz="bufete"] .ci-row { display:grid; grid-template-columns:140px minmax(0,1fr) minmax(130px,.35fr) 100px; align-items:center; gap:18px; width:100%; min-height:72px; padding:12px 20px; border:0; border-bottom:1px solid var(--mp-borde); background:transparent; color:var(--mp-tinta); font:400 .875rem var(--sans); text-align:left; cursor:pointer; }
html[data-marco="nuevo"][data-interfaz="bufete"] .ci-row:last-child { border-bottom:0; }
html[data-marco="nuevo"][data-interfaz="bufete"] .ci-row:hover { background:var(--mp-relleno); }
html[data-marco="nuevo"][data-interfaz="bufete"] .ci-date, html[data-marco="nuevo"][data-interfaz="bufete"] .ci-main { display:grid; min-width:0; gap:4px; }
html[data-marco="nuevo"][data-interfaz="bufete"] .ci-date b, html[data-marco="nuevo"][data-interfaz="bufete"] .ci-main b { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:600; }
html[data-marco="nuevo"][data-interfaz="bufete"] .ci-date small, html[data-marco="nuevo"][data-interfaz="bufete"] .ci-main small, html[data-marco="nuevo"][data-interfaz="bufete"] .ci-person { overflow:hidden; color:var(--mp-tinta2); text-overflow:ellipsis; white-space:nowrap; font-size:.8rem; }
html[data-marco="nuevo"][data-interfaz="bufete"] .ci-state { justify-self:end; padding:5px 8px; border:1px solid var(--mp-borde); border-radius:999px; white-space:nowrap; font-size:.75rem; }
html[data-marco="nuevo"][data-interfaz="bufete"] .ci-state[data-state="cancelada"] { color:var(--mp-tinta2); }
html[data-marco="nuevo"][data-interfaz="bufete"] .ci-empty { margin:0; padding:24px 20px; color:var(--mp-tinta2); font-size:.875rem; }
@media(max-width:760px) { html[data-marco="nuevo"][data-interfaz="bufete"] .ci-head { flex-wrap:wrap; } html[data-marco="nuevo"][data-interfaz="bufete"] .ci-row { grid-template-columns:100px minmax(0,1fr); gap:10px; } html[data-marco="nuevo"][data-interfaz="bufete"] .ci-person { grid-column:2; } html[data-marco="nuevo"][data-interfaz="bufete"] .ci-state { grid-column:1; grid-row:2; justify-self:start; } }