/* Compatibilidad con la interfaz vigente: solo presentación. */
html:root,html:root[data-theme],html:root:not([data-theme="light"]) {
  --pc-bg:var(--pergamino);--pc-surface:var(--lino);
  --pc-ink:var(--corteza);--pc-ink-2:var(--texto);--pc-muted:var(--tenue);
  --pc-line:var(--linea);--pc-line-2:var(--linea-2);
  --pc-night:var(--roble);--pc-brand:var(--castano);--pc-brand-50:var(--avena);
  --pc-teal:var(--ocre);--pc-teal-50:var(--ocre-suave);
  --pc-ok:var(--ok);--pc-ok-50:var(--ok-fondo);
  --pc-warn:var(--aviso);--pc-warn-50:var(--aviso-fondo);
  --pc-crit:var(--critico);--pc-crit-50:var(--critico-fondo);
  --pc-violet:var(--serie-4);--pc-violet-50:var(--neutro-fondo);
  --pc-font:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  --pc-shadow:var(--sombra);--pc-focus:0 0 0 3px var(--ocre-suave);
  --brand:var(--roble);--brand-ink:var(--lino);--accent:var(--castano);
  --accent-soft:var(--avena);--gold:var(--ocre);--gold-soft:var(--ocre-suave);
  --paper:var(--pergamino);--sheet:var(--lino);--ink:var(--corteza);
  --ink2:var(--texto);--ink3:var(--tenue);--rule:var(--linea);
  --rule2:var(--linea-2);--mark:var(--ocre-suave);--on-accent:var(--lino);
  --sans:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  --serif:"Fraunces",Georgia,serif;
}
/* Conservar el control de tema claro/oscuro, con tonos de otoño. */
:root[data-theme="dark"] {
  --pergamino:#201E19;--avena:#302B23;--lino:#28261F;
  --linea:#51493B;--linea-2:#423B30;--corteza:#F5EDD9;
  --texto:#E2D6C2;--tenue:#BFAE96;--castano:#A3C5B7;
  --ocre:#E4C27A;--ocre-suave:#4D4026;
  --ok:#B1D5A6;--ok-fondo:#2D402B;--aviso:#E4C27A;--aviso-fondo:#493B20;
  --critico:#F2B0A0;--critico-fondo:#4D3029;--neutro:#D4C8B5;--neutro-fondo:#3B352C;
  color-scheme:dark;
}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --pergamino:#201E19;--avena:#302B23;--lino:#28261F;
  --linea:#51493B;--linea-2:#423B30;--corteza:#F5EDD9;
  --texto:#E2D6C2;--tenue:#BFAE96;--castano:#A3C5B7;
  --ocre:#E4C27A;--ocre-suave:#4D4026;
  --ok:#B1D5A6;--ok-fondo:#2D402B;--aviso:#E4C27A;--aviso-fondo:#493B20;
  --critico:#F2B0A0;--critico-fondo:#4D3029;--neutro:#D4C8B5;--neutro-fondo:#3B352C;
  color-scheme:dark;
}}

html:root,html:root[data-theme]{--bg:var(--pergamino);--card:var(--lino);--text:var(--texto);--muted:var(--tenue);--line:var(--linea);--blue:var(--castano);--navy:var(--roble);--cyan:var(--ocre);--amber:var(--aviso);--red:var(--critico);--green:var(--ok);--shadow:var(--sombra)}
body.pc-otono-interno{font-family:var(--sans);color:var(--texto);background:var(--pergamino)}
.pc-otono-interno .sidebar{background:var(--roble);color:var(--lino)}
.pc-otono-interno .sidebar :is(strong,.nav,.session span,.session small,.link-button){color:var(--lino)}
.pc-otono-interno .sidebar .nav.active{background:var(--roble-2);box-shadow:inset 3px 0 var(--ocre-claro)}
.pc-otono-interno .metrics .kpi{grid-column:auto;display:block;min-width:0;text-align:left;padding:19px}
.pc-otono-interno .metrics .kpi strong{font-family:var(--serif);color:var(--corteza)}
.pc-otono-interno .seg{display:flex;gap:4px}.pc-otono-interno .seg button{width:auto;flex:1}
.pc-otono-interno table{min-width:0;margin:0;font-size:12px}
.pc-otono-interno .badge{display:inline-flex;align-items:center;gap:6px;white-space:normal;padding:4px 8px}
.pc-otono-interno .badge.ok{background:var(--ok-fondo);color:var(--ok)}
.pc-otono-interno .badge.aviso{background:var(--aviso-fondo);color:var(--aviso)}
.pc-otono-interno .badge.critico{background:var(--critico-fondo);color:var(--critico)}
.pc-otono-interno .badge.neutro{background:var(--neutro-fondo);color:var(--neutro)}
.pc-otono-interno .topbar .sync.badge{max-width:330px;color:var(--texto)}
.pc-otono-interno :is(.status-row,.workload-row):nth-child(4n+1) .bar i{background:var(--serie-1)}
.pc-otono-interno :is(.status-row,.workload-row):nth-child(4n+2) .bar i{background:var(--serie-2)}
.pc-otono-interno :is(.status-row,.workload-row):nth-child(4n+3) .bar i{background:var(--serie-3)}
.pc-otono-interno :is(.status-row,.workload-row):nth-child(4n+4) .bar i{background:var(--serie-4)}
/* Iconos decorativos reutilizados por CSS: evitar miles de nodos adicionales. */
.pc-otono-interno .badge.neutro{--otono-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M12%208h.01M12%2011v5%22%2F%3E%3C%2Fsvg%3E")}
.pc-otono-interno .badge.ok{--otono-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22m8%2012%203%203%205-6%22%2F%3E%3C%2Fsvg%3E")}
.pc-otono-interno .badge.aviso{--otono-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%3E%3Cpath%20d%3D%22M12%203%202%2021h20L12%203Z%22%2F%3E%3Cpath%20d%3D%22M12%209v5M12%2017h.01%22%2F%3E%3C%2Fsvg%3E")}
.pc-otono-interno .badge.critico{--otono-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22m9%209%206%206M15%209l-6%206%22%2F%3E%3C%2Fsvg%3E")}
.pc-otono-interno .badge::before{content:"";display:inline-block;flex:none;width:14px;height:14px;background:currentColor;-webkit-mask:var(--otono-icon) center/contain no-repeat;mask:var(--otono-icon) center/contain no-repeat}

/* Revisión de lectura: fuente formal, texto contenido y cifras alineadas. */
html:root,html:root[data-theme],html:root:not([data-theme="light"]){--sans:Arial,"Helvetica Neue",Helvetica,sans-serif;--pc-font:var(--sans);--serif:Georgia,"Times New Roman",serif}
body.pc-otono-interno{--serif:var(--sans);font-family:var(--sans);font-size:15px;line-height:1.5}
body.pc-otono-interno :is(button,input,select,textarea){font-family:var(--sans);line-height:1.4}
body.pc-otono-interno :is(h1,h2,h3){font-family:var(--sans);font-style:normal;letter-spacing:normal;line-height:1.3;font-weight:600;overflow-wrap:break-word}
body.pc-otono-interno h1{font-size:clamp(22px,2vw,28px)}
body.pc-otono-interno h2{font-size:18px}
body.pc-otono-interno h3{font-size:16px}
body.pc-otono-interno :is(.kpi,.metric) :is(strong,b,.value){font-family:var(--sans)!important;font-style:normal;line-height:1.25;font-variant-numeric:tabular-nums}
body.pc-otono-interno :is(.card,.panel,.kpi,.toolbar,.filters)>*{min-width:0}
body.pc-otono-interno :is(.table-wrap,.pc-table-wrap,.utbl,.tbl,.mxwrap){max-width:100%;min-width:0;overflow:auto;-webkit-overflow-scrolling:touch}
body.pc-otono-interno table{font-family:var(--sans);font-size:14px;line-height:1.5;font-variant-numeric:tabular-nums}
body.pc-otono-interno table :is(th,td){vertical-align:top;white-space:normal!important;overflow-wrap:anywhere;word-break:normal;line-height:1.5;padding:10px 12px}
body.pc-otono-interno table th{font-size:12px;font-weight:600;letter-spacing:.025em}
body.pc-otono-interno table td :is(p,div,span,a,button,strong){white-space:normal;overflow-wrap:anywhere;min-width:0}
body.pc-otono-interno .badge{font-size:12px;line-height:1.4;max-width:100%;flex-shrink:0}
body.pc-otono-interno :is(.filters,.form-grid) label{font-size:13px;line-height:1.45}
body.pc-otono-interno :is(input,select){min-height:40px}
body.pc-otono-interno :is(.sidebar,.rail) :is(button,a){line-height:1.4}
body.pc-otono-interno .sidebar .nav{display:flex;align-items:center;justify-content:flex-start;gap:10px;text-align:left;min-height:44px;padding:10px 12px;font-size:14px;white-space:normal}
body.pc-otono-interno .sidebar .nav span{display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;font-size:17px}
body.pc-otono-interno .sidebar nav{gap:4px}
body.pc-otono-interno .sidebar>.brand{padding-bottom:18px}
body.pc-otono-interno .sidebar .session{padding-top:14px}
body.pc-otono-interno .pc-site-topbar{gap:16px;flex-wrap:wrap;height:auto}
body.pc-otono-interno .top-actions{flex-wrap:wrap}
body.pc-otono-interno .offices-card{min-width:0}
body.pc-otono-interno .offices-table{width:100%;min-width:900px;table-layout:fixed;font-size:14px}
body.pc-otono-interno .offices-table :is(th,td){min-width:0;max-width:none;white-space:normal!important;overflow-wrap:anywhere;padding:14px 12px}
body.pc-otono-interno .offices-table th:nth-child(1){width:18%}
body.pc-otono-interno .offices-table th:nth-child(2){width:12%}
body.pc-otono-interno .offices-table th:nth-child(3){width:24%}
body.pc-otono-interno .offices-table th:nth-child(4){width:30%}
body.pc-otono-interno .offices-table th:nth-child(5){width:16%}
body.pc-otono-interno .offices-table :is(button,small,strong){white-space:normal;overflow-wrap:anywhere;line-height:1.5}
body.pc-otono-interno .offices-table small{font-size:12px;max-width:none}
body.pc-otono-interno .office-filters :is(input,select){min-height:42px;font-size:14px}
body.pc-otono-interno .office-filters label{font-size:13px}
body.pc-otono-interno :is(.office-export-note,.document-sync-note,.offices-card .section-head p){font-size:14px;line-height:1.6}
body.pc-otono-interno .toolbar{grid-template-columns:minmax(220px,1fr) minmax(140px,180px) minmax(160px,230px) auto}
body.pc-otono-interno .turn-meta{font-size:12px;flex-wrap:wrap}
body.pc-otono-interno .turn-item :is(strong,p){font-size:14px;line-height:1.5}
@media(min-width:681px) and (max-width:1100px){body.pc-otono-interno .app{grid-template-columns:210px minmax(0,1fr)}body.pc-otono-interno .sidebar .brand>div{display:flex}body.pc-otono-interno .toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){body.pc-otono-interno .sidebar{position:relative;display:block;height:auto}body.pc-otono-interno .sidebar nav{display:flex;overflow-x:auto;gap:6px;padding:8px 0}body.pc-otono-interno .sidebar .nav{flex:0 0 150px;min-height:44px}body.pc-otono-interno .workspace{padding:0 12px 24px}body.pc-otono-interno .toolbar{grid-template-columns:minmax(0,1fr)}}
html:root{--sidebar-texto:#FFF7EA}
body.pc-otono-interno .sidebar,body.pc-otono-interno .sidebar :is(strong,.nav,.session span,.session small,.link-button){color:var(--sidebar-texto)}
body.pc-otono-interno .offices-table .office-turn{font-size:14px;line-height:1.5}
body.pc-otono-interno .office-list-head{font-size:13px}
@media print{body.pc-otono-interno table{min-width:0!important;table-layout:auto;font-size:10px}body.pc-otono-interno :is(.table-wrap,.pc-table-wrap){overflow:visible!important}}
/* Seis columnas de la versión vigente, incluida la documentación. */
body.pc-otono-interno .offices-table{min-width:1100px}
body.pc-otono-interno .offices-table th:nth-child(1){width:16%}
body.pc-otono-interno .offices-table th:nth-child(2){width:10%}
body.pc-otono-interno .offices-table th:nth-child(3){width:22%}
body.pc-otono-interno .offices-table th:nth-child(4){width:24%}
body.pc-otono-interno .offices-table th:nth-child(5){width:10%}
body.pc-otono-interno .offices-table th:nth-child(6){width:18%}
body.pc-otono-interno .sidebar .nav{flex-direction:row;align-items:center;justify-content:flex-start;gap:10px}
body.pc-otono-interno .pc-topbar.pc-site-topbar{display:grid;grid-template-columns:minmax(200px,1fr) auto;column-gap:20px;row-gap:12px;padding:16px 24px}
body.pc-otono-interno .pc-site-crumb{min-width:200px}
body.pc-otono-interno .pc-site-crumb a{font-size:12px;letter-spacing:normal}
body.pc-otono-interno .pc-site-crumb b{line-height:1.4}
body.pc-otono-interno .pc-site-topbar .top-actions{justify-content:flex-end}
@media(max-width:760px){body.pc-otono-interno .pc-topbar.pc-site-topbar{grid-template-columns:minmax(0,1fr);padding:12px 16px}body.pc-otono-interno .pc-site-topbar .top-actions{justify-content:flex-start}}
/* Fecha y estado del Minutario: palabras completas, con desplazamiento dentro de la tabla. */
body.pc-otono-interno .minutes-table :is(th,td):nth-child(2){min-width:150px}
body.pc-otono-interno .minutes-table :is(th,td):nth-child(8){min-width:110px}
body.pc-otono-interno .minutes-table :is(th,td):nth-child(9){min-width:160px}
body.pc-otono-interno .minutes-table th{overflow-wrap:break-word}
@media print{body.pc-otono-interno .minutes-table :is(th,td){min-width:0!important}}