/* SEMS Suite coss adaptation. Source provenance: docs/COSS_LOCAL.md. */
@font-face { font-family:"Cal Sans UI"; src:url("CalSansUI-Variable.418f1d54457d.woff2") format("woff2"); font-weight:100 900; font-display:swap; }
@font-face { font-family:"Paper Mono"; src:url("PaperMono-Regular.7cca4a86b6c8.woff2") format("woff2"); font-weight:400; font-display:swap; }
html[data-ui="coss"] {
  --font:"Cal Sans UI",system-ui,sans-serif; --canvas:#fafafa; --surface:#fff; --surface-2:#fafafa; --surface-3:#f5f5f5;
  --text:#262626; --text-2:#404040; --text-3:#686868; --border:rgba(0,0,0,.08); --border-2:rgba(0,0,0,.14);
  --orange:#de6b0b; --orange-soft:rgba(222,107,11,.09); --primary:#262626; --radius:16px; --radius-sm:10px;
  --coss-shadow-xs:0 1px 2px rgba(0,0,0,.05),0 1px 0 rgba(0,0,0,.04);
  --verde:var(--text); --oscuro:var(--text); --muted:var(--text-3); --linea:var(--border); --blanco:var(--surface);
  --ux-verde:var(--text); --ux-suave:var(--surface-3); --ux-borde:var(--border); --ux-ink:var(--text); --ux-muted:var(--text-3);
  --bg:var(--surface); --line:var(--border); --ink:var(--text); --ink-2:var(--text-3); --field:var(--surface); --orange-ink:#b54a0d;
  color:var(--text); background:var(--canvas); font-family:var(--font); font-variant-numeric:tabular-nums; color-scheme:light;
}
html[data-ui="coss"] body { display:block; min-width:0; background:var(--canvas); color:var(--text); font:400 14px/1.5 var(--font); letter-spacing:0; word-spacing:.03em; }
html[data-ui="coss"] [hidden] { display:none!important; }
html[data-ui="coss"] :is(h1,h2,h3,h4) { color:var(--text); letter-spacing:0; }
html[data-ui="coss"] h1 { font-size:26px; line-height:1.25; font-weight:600; }
html[data-ui="coss"] h2 { font-size:16px; font-weight:600; }
html[data-ui="coss"] h3 { font-size:14px; font-weight:600; }
html[data-ui="coss"] a { color:inherit; text-underline-offset:3px; }
html[data-ui="coss"] :is(button,input,select,textarea) { font-family:var(--font); font-size:14px; letter-spacing:0; }
html[data-ui="coss"] :is(a,button,summary,input,select,textarea):focus-visible { outline:2px solid #737373; outline-offset:3px; }
html[data-ui="coss"] :is(button,.boton):disabled { opacity:.6; cursor:not-allowed; }
html[data-ui="coss"] .sems-sprite { position:absolute; width:0; height:0; overflow:hidden; }
html[data-ui="coss"] .sems-icon { width:18px; height:18px; flex:none; }
/* Shell: the Suite's neutral sidebar and inset workspace. */
html[data-ui="coss"] .barra-lateral { width:236px; background:var(--canvas); color:var(--text); border:0; padding:12px; gap:0; }
html[data-ui="coss"] .marca { height:60px; padding:12px 8px; margin:0 0 12px; }
html[data-ui="coss"] .marca img { width:132px; height:auto; display:block; }
html[data-ui="coss"] .sems-app-context { display:flex; align-items:center; gap:10px; min-height:58px; padding:10px; border:1px solid var(--border); border-radius:10px; background:var(--surface); box-shadow:var(--coss-shadow-xs); }
html[data-ui="coss"] .sems-app-context svg { width:24px; height:24px; color:var(--orange); }
html[data-ui="coss"] .sems-app-context strong { display:block; font-size:13px; font-weight:500; }
html[data-ui="coss"] .sems-app-context small { display:block; color:var(--text-3); font-size:12px; }
html[data-ui="coss"] .marca-subtitulo { color:var(--text-3); font-size:12px; letter-spacing:0; text-transform:none; padding:24px 10px 8px; }
html[data-ui="coss"] .navegacion { display:flex; flex-direction:column; gap:3px; margin:0; }
html[data-ui="coss"] .navegacion a { min-height:36px; padding:8px 10px; gap:10px; border-radius:10px; color:#686868; font-weight:400; text-align:left; }
html[data-ui="coss"] .navegacion svg { width:18px; height:18px; flex:none; }
html[data-ui="coss"] .navegacion a:hover { color:var(--text); background:#f0f0f0; }
html[data-ui="coss"] .navegacion a[aria-current] { color:var(--text); background:#ededed; font-weight:500; }
html[data-ui="coss"] .navegacion a[aria-current] svg { color:var(--orange); }
html[data-ui="coss"] .ux-mas { color:var(--text-3); font-size:12px; margin:16px 10px; }
html[data-ui="coss"] .ux-mas a { font-size:13px; }
html[data-ui="coss"] .nota-lateral { margin:auto 10px 0; padding:20px 0 0; color:var(--text-3); border-top:1px solid var(--border); font-size:12px; }
html[data-ui="coss"] .nota-lateral strong { color:var(--text); font-weight:500; }
html[data-ui="coss"] .lateral-pie { margin:0; padding:16px 10px 4px; color:var(--text-3); font-size:11px; }
html[data-ui="coss"] .estructura { margin:8px 8px 8px 236px; min-height:calc(100vh - 16px); border:1px solid var(--border); border-radius:16px; background:var(--surface); box-shadow:var(--coss-shadow-xs); overflow:clip; }
html[data-ui="coss"] .cabecera { height:52px; min-height:52px; padding:0 28px; background:var(--surface); border-bottom:1px solid var(--border); }
html[data-ui="coss"] .migas { display:block; color:var(--text); font-size:13px; }
html[data-ui="coss"] .migas span { color:var(--text-3); }
html[data-ui="coss"] .cuenta { gap:12px; font-size:12px; }
html[data-ui="coss"] .cuenta>a { color:var(--text-3); font-weight:400; }
html[data-ui="coss"] .cuenta button { color:var(--text); border:1px solid var(--border); border-radius:8px; padding:5px 10px; font-size:12px; }
html[data-ui="coss"] .contenido { max-width:1600px; padding:28px 28px 36px; margin:0 auto; }
html[data-ui="coss"] .demo-local-banner { background:#fff8eb; color:#765014; border:0; border-bottom:1px solid #f1e4c9; padding:7px 28px; font-size:11px; min-height:0; gap:12px; }
html[data-ui="coss"] .demo-local-banner p { display:flex; flex-wrap:wrap; gap:4px 12px; margin:0; line-height:1.4; }
html[data-ui="coss"] .demo-local-banner a { color:inherit; font-size:11px; }
html[data-ui="coss"] .pie { padding:16px 28px; border-color:var(--border); color:var(--text-3); font-size:11px; }
/* Shared components: controls, tabs, fields, status and feedback. */
html[data-ui="coss"] .boton { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:34px; padding:7px 12px; background:var(--surface); color:var(--text); border:1px solid var(--border-2); border-radius:10px; box-shadow:var(--coss-shadow-xs); font-size:13px; font-weight:500; line-height:18px; text-decoration:none; }
html[data-ui="coss"] .boton:hover { background:var(--surface-3); transform:none; }
html[data-ui="coss"] :is(.boton.primario,.boton-secundario) { background:var(--primary); color:#fafafa; border-color:var(--primary); }
html[data-ui="coss"] :is(.boton.primario,.boton-secundario):hover { background:#404040; }
html[data-ui="coss"] :is(.ux-cabecera,.titulo-pagina) { margin-bottom:20px; align-items:center; gap:16px; }
html[data-ui="coss"] :is(.ux-subtitulo,.texto-suave,.nota,.rep-nota) { color:var(--text-3); line-height:1.5; }
html[data-ui="coss"] .ux-subtitulo { margin:6px 0 0; font-size:13px; }
html[data-ui="coss"] :is(.ux-eyebrow,.ceja) { font-size:11px; color:var(--text-3); font-weight:400; letter-spacing:0; text-transform:none; margin-bottom:6px; }
html[data-ui="coss"] :is(.ux-panel,.ux-tarjeta) { background:var(--surface); border:1px solid var(--border); border-radius:12px; padding:18px; margin-block:16px; }
html[data-ui="coss"] :is(.ux-panel,.ux-tarjeta) h2 { font-size:16px; margin-bottom:8px; }
html[data-ui="coss"] :is(.ux-filtros,.agenda-filtros) { gap:12px; padding:14px; border-color:var(--border); border-radius:10px; }
html[data-ui="coss"] :is(.ux-filtros,.agenda-filtros,.rep-campos) label { color:var(--text-2); font-size:12px; font-weight:500; line-height:1.5; margin-bottom:5px; }
html[data-ui="coss"] :is(.ux-filtros,.agenda-filtros,.rep-campos) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea) { min-height:36px; border:1px solid var(--border-2); border-radius:8px; background:var(--surface); color:var(--text); padding:7px 10px; box-shadow:var(--coss-shadow-xs); }
html[data-ui="coss"] .rep-campos textarea { min-height:80px; height:80px; resize:vertical; }
html[data-ui="coss"] input[type=checkbox] { accent-color:var(--primary); }
html[data-ui="coss"] .ux-tabs { gap:4px; margin:16px 0; }
html[data-ui="coss"] .ux-tabs a { min-height:34px; border:1px solid transparent; border-radius:8px; padding:7px 12px; background:transparent; color:var(--text-3); font-size:13px; font-weight:500; }
html[data-ui="coss"] .ux-tabs a:hover { background:var(--surface-3); color:var(--text); }
html[data-ui="coss"] .ux-tabs [aria-current=page] { color:var(--text); background:#f0f0f0; border-color:transparent; }
html[data-ui="coss"] .ux-badge { padding:3px 7px; background:var(--surface-3); color:var(--text-2); border-radius:6px; font-size:11px; font-weight:500; line-height:1.4; }
html[data-ui="coss"] .ux-vacio { color:var(--text-3); background:var(--surface-2); border:1px dashed var(--border-2); font-size:13px; padding:20px; }
html[data-ui="coss"] .ux-error-resumen { color:#9f1724; background:#fff5f5; border:1px solid #f6bdc3; border-radius:10px; }
html[data-ui="coss"] .ux-error-resumen a,html[data-ui="coss"] .errorlist { color:#b42332; }
/* Agenda: an actionable list, not a grid of oversized cards. */
html[data-ui="coss"] .agenda-cabecera { flex-direction:row; }
html[data-ui="coss"] .agenda-cabecera h1 { margin:0; }
html[data-ui="coss"] .agenda-opciones { padding:10px 14px; margin:16px 0 12px; font-size:13px; }
html[data-ui="coss"] .agenda-opciones .agenda-filtros { border:0; padding:0; margin-top:16px; }
html[data-ui="coss"] .agenda-resumen-enlaces { gap:8px; margin:12px 0; }
html[data-ui="coss"] .agenda-resumen-enlaces a { background:var(--surface); border-color:var(--border); color:var(--text-3); border-radius:8px; font-size:12px; padding:6px 10px; }
html[data-ui="coss"] .agenda-resumen-enlaces strong { color:var(--text); font-weight:600; }
html[data-ui="coss"] .agenda-barra { padding:10px 0; border-bottom:1px solid var(--border); margin:12px 0 16px; }
html[data-ui="coss"] .agenda-tabs { background:var(--surface-3); border-radius:10px; padding:3px; gap:2px; }
html[data-ui="coss"] .agenda-tabs a[aria-current=page] { background:var(--surface); box-shadow:var(--coss-shadow-xs); }
html[data-ui="coss"] .agenda-resumen { margin:14px 0 8px; }
html[data-ui="coss"] .agenda-resumen h2 { font-size:17px; margin:0; }
html[data-ui="coss"] .agenda-resumen>p { color:var(--text-3); font-size:12px; }
html[data-ui="coss"] .agenda-leyenda { color:var(--text-3); font-size:12px; margin:6px 0 10px; }
html[data-ui="coss"] .agenda-interpretacion { font-size:12px; color:var(--text-3); margin-bottom:14px; }
html[data-ui="coss"] .agenda-lista { display:flex; flex-direction:column; gap:0; border:1px solid var(--border); border-radius:12px; overflow:hidden; }
html[data-ui="coss"] .agenda-compromiso { display:grid; grid-template-columns:minmax(0,1fr) 145px 130px; gap:10px 24px; padding:16px; border:0; border-bottom:1px solid var(--border); border-radius:0; margin:0; background:var(--surface); }
html[data-ui="coss"] .agenda-compromiso:last-child { border-bottom:0; }
html[data-ui="coss"] .agenda-compromiso:hover { background:#fdfdfd; }
html[data-ui="coss"] .agenda-identidad { min-width:0; }
html[data-ui="coss"] .agenda-etiquetas { justify-content:flex-start; gap:6px; }
html[data-ui="coss"] .agenda-codigo { margin-right:4px; font:400 10px/1.4 "Paper Mono",monospace; color:var(--text-3); letter-spacing:0; }
html[data-ui="coss"] .agenda-compromiso h3 { font-size:15px; font-weight:500; margin:7px 0 3px; }
html[data-ui="coss"] .agenda-contexto { color:var(--text-3); font-size:12px; margin:0; }
html[data-ui="coss"] .agenda-responsable { margin:0; align-self:center; font-size:12px; }
html[data-ui="coss"] .agenda-responsable span { display:block; color:var(--text-3); margin-bottom:4px; font-size:11px; }
html[data-ui="coss"] .agenda-responsable strong { font-weight:500; color:var(--text); }
html[data-ui="coss"] .agenda-fechas { grid-column:1/3; grid-row:2; display:flex; flex-wrap:wrap; gap:10px 24px; margin:0; }
html[data-ui="coss"] .agenda-fechas div { display:flex; gap:6px; align-items:baseline; }
html[data-ui="coss"] .agenda-fechas dt { font-size:11px; color:var(--text-3); }
html[data-ui="coss"] .agenda-fechas dd { font-size:12px; font-weight:500; }
html[data-ui="coss"] .agenda-abrir { grid-column:3; grid-row:1/3; align-self:center; min-height:34px; margin:0; padding:7px 10px; gap:8px; border:1px solid var(--border-2); border-radius:8px; background:var(--surface); text-decoration:none; font-size:12px; font-weight:500; box-shadow:var(--coss-shadow-xs); }
html[data-ui="coss"] .agenda-condiciones { grid-column:1/-1; }
html[data-ui="coss"] .agenda-condiciones:empty { display:none; }
html[data-ui="coss"] .agenda-condiciones:not(:has(p)) { display:none; }
html[data-ui="coss"] .agenda-aviso { border:0; padding:0; margin:4px 0 0; background:none; color:#80511e; font-size:12px; }
html[data-ui="coss"] .agenda .ux-badge { font-size:11px; border-radius:6px; padding:2px 7px; }
html[data-ui="coss"] .agenda .agenda-badge-espera { background:#fff4e5; color:#995013; }
html[data-ui="coss"] .agenda-tiempo[data-estado="escalado"],html[data-ui="coss"] .agenda-tiempo[data-estado="vencido"] { color:#b42332; background:#fff0f1; }
html[data-ui="coss"] .agenda-tiempo[data-estado="a_tiempo"] { color:#007a55; background:#eaf8f1; }
html[data-ui="coss"] .agenda-fuera { gap:8px; margin-top:24px; }
html[data-ui="coss"] .agenda-fuera>section { border:0; padding:0; }
html[data-ui="coss"] .agenda-dia { background:var(--surface-2); padding:14px; border-color:var(--border); }
html[data-ui="coss"] .agenda-dia-hoy { border-color:#de6b0b66; }
html[data-ui="coss"] .agenda-dia-no-habil { background:var(--surface-3)!important; }
html[data-ui="coss"] .agenda-mes th { background:var(--surface-3); color:var(--text-3); font-weight:500; }
html[data-ui="coss"] .agenda-mes .agenda-celda-vacia { background:var(--surface-2); }
html[data-ui="coss"] .agenda-evento-mes { background:var(--surface-2); border-color:var(--orange); }
html[data-ui="coss"] .agenda-celda-hoy .agenda-numero { background:var(--primary); }
html[data-ui="coss"] .agenda-mes .agenda-celda-seleccionada { box-shadow:inset 0 0 0 2px #de6b0b66; }
/* Daily reporting: visible work, compact capture, optional context. */
html[data-ui="coss"] .reportes { --rep-navy:var(--text); --rep-orange:var(--orange); color:var(--text); }
html[data-ui="coss"] .reportes p { line-height:1.5; }
html[data-ui="coss"] .reportes .ux-cabecera { margin-bottom:16px; }
html[data-ui="coss"] .rep-navegacion { border-bottom:1px solid var(--border); padding-bottom:8px; margin-bottom:16px; }
html[data-ui="coss"] .rep-navegacion a:last-child { margin-left:auto; font-weight:400; }
html[data-ui="coss"] .rep-fecha-consulta { display:inline-flex; width:auto; border:0; padding:0; margin:0; gap:8px; }
html[data-ui="coss"] .rep-fecha-consulta label { flex:none; display:flex; flex-direction:row; align-items:center; gap:10px; min-width:0; margin:0; }
html[data-ui="coss"] .rep-fecha-consulta input { width:155px; }
html[data-ui="coss"] .rep-fecha-consulta button { min-height:36px; }
html[data-ui="coss"] .rep-periodo { margin:12px 0 4px; gap:12px; }
html[data-ui="coss"] .rep-periodo h2 { font-size:15px; font-weight:500; text-transform:capitalize; }
html[data-ui="coss"] .rep-linea-base { margin:0; font-size:12px; color:var(--text-3); }
html[data-ui="coss"] .rep-pasos { display:flex; flex-wrap:wrap; gap:12px 24px; padding:12px 0; margin:12px 0 0; border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
html[data-ui="coss"] .rep-pasos a { display:flex; gap:7px; align-items:center; font-size:12px; text-decoration:none; }
html[data-ui="coss"] .rep-pasos a:hover { color:#b54a0d; }
html[data-ui="coss"] .rep-pasos span { display:grid; place-items:center; width:20px; height:20px; border:1px solid var(--border-2); border-radius:6px; font-size:11px; }
html[data-ui="coss"] .rep-actividades { border:0; padding:0; margin-top:18px; }
html[data-ui="coss"] .rep-seccion-cabecera { display:flex; flex-wrap:wrap; gap:8px; align-items:baseline; justify-content:space-between; }
html[data-ui="coss"] .rep-seccion-cabecera h2 { margin-bottom:4px; }
html[data-ui="coss"] .rep-conteo { color:var(--text-3); font-size:12px; }
html[data-ui="coss"] .rep-nota { font-size:12px; }
html[data-ui="coss"] .rep-jornada { padding:8px 0; font-size:12px; color:var(--text-3); }
html[data-ui="coss"] .rep-jornada summary { cursor:pointer; }
html[data-ui="coss"] .rep-campos>div { margin-block:10px; }
html[data-ui="coss"] .rep-fila { border:1px solid var(--border); border-radius:12px; margin:12px 0; padding:16px; background:var(--surface); }
html[data-ui="coss"] .rep-fila legend { font-size:11px; color:var(--text-3); font-weight:400; padding:0 6px; }
html[data-ui="coss"] .rep-actividad-contexto { position:relative; }
html[data-ui="coss"] .rep-actividad-contexto h3 { font-size:16px; line-height:1.4; font-weight:500; display:inline; margin:0 8px 0 0; }
html[data-ui="coss"] .rep-actividad-contexto>.ux-badge { display:inline-block; vertical-align:middle; }
html[data-ui="coss"] .rep-actividad-contexto p { margin:6px 0; font-size:12px; color:var(--text-3); }
html[data-ui="coss"] .rep-contexto-plan { margin:0; font-size:12px; }
html[data-ui="coss"] .rep-contexto-plan summary { min-height:0; padding:3px 0; color:var(--text-3); }
html[data-ui="coss"] .rep-previo { padding:0; margin:8px 0; background:transparent; color:var(--text-3); font-size:12px; }
html[data-ui="coss"] .rep-previo strong { font-weight:400; }
html[data-ui="coss"] .rep-captura-rapida { display:grid; grid-template-columns:minmax(130px,180px) minmax(130px,180px) minmax(180px,1fr); gap:12px; }
html[data-ui="coss"] .rep-captura-rapida input,html[data-ui="coss"] .rep-captura-rapida select { min-height:40px; }
html[data-ui="coss"] .rep-detalle-actividad { margin:12px 0 0; border-top:1px solid var(--border); }
html[data-ui="coss"] .rep-detalle-actividad>summary { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; cursor:pointer; font-size:12px; font-weight:500; padding:10px 0 0; }
html[data-ui="coss"] .rep-detalle-actividad>summary>span:first-child::before { content:'+'; display:inline-block; width:16px; color:var(--text-3); }
html[data-ui="coss"] .rep-detalle-actividad[open]>summary>span:first-child::before { content:'−'; }
html[data-ui="coss"] .rep-block-count { color:#995013; background:#fff6e9; border-radius:6px; padding:2px 7px; font-weight:400; }
html[data-ui="coss"] .rep-detalle-actividad>div { margin:12px 0; }
html[data-ui="coss"] .rep-bloqueos { margin:12px 0; padding-top:8px; border-color:var(--border); }
html[data-ui="coss"] .rep-bloqueos summary { font-size:12px; min-height:32px; padding:6px 0; }
html[data-ui="coss"] .rep-bloqueos li { padding:10px 12px; border-left:2px solid #e6b77b; border-radius:0 6px 6px 0; background:#fffbf4; font-size:13px; }
html[data-ui="coss"] .rep-bloqueos small { color:var(--text-3); font-size:12px; margin-top:4px; }
html[data-ui="coss"] .rep-propuesta { margin:12px 0; border-color:var(--border); }
html[data-ui="coss"] .rep-propuesta summary { font-size:12px; padding:6px 0; min-height:32px; }
html[data-ui="coss"] .rep-row-options { margin-top:8px; font-size:11px; color:var(--text-3); }
html[data-ui="coss"] .rep-row-options summary { cursor:pointer; }
html[data-ui="coss"] .rep-quitar { margin:6px 0; }
html[data-ui="coss"] .rep-quitar label { color:#b42332; }
html[data-ui="coss"] .rep-fila[data-excluded=true] { border-style:dashed; background:var(--surface-2); }
html[data-ui="coss"] .rep-revisar { margin:20px 0 0; padding:16px 0 0; border:0; border-top:1px solid var(--border); background:var(--surface); }
html[data-ui="coss"] .rep-revisar>p { font-size:12px; color:var(--text-3); margin-top:6px; }
html[data-ui="coss"] .rep-savebar { position:fixed; bottom:8px; left:264px; right:36px; z-index:20; display:flex; gap:16px; align-items:center; justify-content:space-between; padding:12px 16px; margin:0; border:1px solid var(--border); border-radius:12px; background:var(--surface); box-shadow:0 4px 18px #00000012; }
html[data-ui="coss"] .rep-savebar .ux-acciones { flex-wrap:nowrap; margin:0; gap:8px; }
html[data-ui="coss"] .rep-save-state { margin:0; color:var(--text-3); font-size:12px; }
html[data-ui="coss"] .rep-save-state[data-dirty=true] { color:#995013; }
html[data-ui="coss"] :is(#rep-actividades,#rep-personal,#rep-seguridad,[id^=avances-]) { scroll-margin-top:24px; }
html[data-ui="coss"] .reportes:has(.rep-savebar) { padding-bottom:90px; }
html[data-ui="coss"] .rep-captura-rapida label { min-height:36px; display:flex; align-items:end; }
html[data-ui="coss"] .agenda-abrir { white-space:nowrap; }
html[data-ui="coss"] .rep-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:8px; }
html[data-ui="coss"] .rep-toolbar .rep-periodo { margin:0; }
html[data-ui="coss"] .rep-toolbar .rep-periodo h2 { font-size:12px; color:var(--text-3); }
/* Phone and tablet retain every essential destination and native controls. */
@media (max-width:1050px) {
  html[data-ui="coss"] .barra-lateral { width:204px; }
  html[data-ui="coss"] .estructura { margin-left:204px; }
  html[data-ui="coss"] .rep-savebar { left:224px; right:28px; }
  html[data-ui="coss"] .contenido { padding:24px 20px 32px; }
  html[data-ui="coss"] .agenda-compromiso { grid-template-columns:minmax(0,1fr) 110px; gap:10px 16px; }
  html[data-ui="coss"] .agenda-responsable { grid-column:1; grid-row:2; }
  html[data-ui="coss"] .agenda-responsable span { display:inline; margin-right:5px; }
  html[data-ui="coss"] .agenda-fechas { grid-column:1/-1; grid-row:3; }
  html[data-ui="coss"] .agenda-abrir { grid-column:2; }
  html[data-ui="coss"] .rep-captura-rapida { grid-template-columns:1fr 1fr; }
  html[data-ui="coss"] .rep-razon { grid-column:1/-1; }
}
@media (max-width:720px) {
  html[data-ui="coss"] .barra-lateral { position:relative; width:100%; padding:10px 12px 6px; display:block; }
  html[data-ui="coss"] .marca { height:32px; padding:0 4px; margin:0 0 10px; }
  html[data-ui="coss"] .marca img { width:100px; }
  html[data-ui="coss"] :is(.marca-subtitulo,.sems-app-context,.nota-lateral,.lateral-pie) { display:none; }
  html[data-ui="coss"] .navegacion { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:3px; }
  html[data-ui="coss"] .navegacion a { flex-direction:column; justify-content:center; gap:5px; padding:6px 2px; min-height:52px; font-size:10px; text-align:center; border-radius:8px; }
  html[data-ui="coss"] .navegacion svg { width:18px; height:18px; }
  html[data-ui="coss"] .ux-mas { position:absolute; top:9px; right:16px; margin:0; z-index:10; }
  html[data-ui="coss"] .ux-mas[open] { max-width:240px; background:var(--surface); border:1px solid var(--border); border-radius:10px; padding:0 12px 8px; box-shadow:var(--coss-shadow-xs); }
  html[data-ui="coss"] .estructura { margin:0 6px 6px; border-radius:12px; min-height:calc(100vh - 110px); }
  html[data-ui="coss"] .demo-local-banner { padding:6px 12px; gap:8px; font-size:10px; }
  html[data-ui="coss"] .demo-local-banner p span { display:none; }
  html[data-ui="coss"] .demo-local-banner a { font-size:10px; }
  html[data-ui="coss"] .cabecera { min-height:44px; height:auto; padding:6px 12px; }
  html[data-ui="coss"] .migas { display:none; }
  html[data-ui="coss"] .cuenta { width:100%; justify-content:space-between; }
  html[data-ui="coss"] .contenido { padding:18px 14px 24px; }
  html[data-ui="coss"] .pie { padding:14px; font-size:11px; }
  html[data-ui="coss"] h1,html[data-ui="coss"] .ux-cabecera h1 { font-size:23px; }
  html[data-ui="coss"] .ux-cabecera { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:14px; }
  html[data-ui="coss"] .ux-subtitulo { font-size:12px; }
  html[data-ui="coss"] .boton { min-height:44px; font-size:12px; }
  html[data-ui="coss"] :is(.ux-filtros,.agenda-filtros,.rep-campos) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea) { font-size:16px; min-height:44px; }
  html[data-ui="coss"] .ux-tabs a { min-height:40px; font-size:12px; padding:8px; display:flex; align-items:center; justify-content:center; }
  html[data-ui="coss"] .agenda-cabecera { flex-wrap:wrap; }
  html[data-ui="coss"] .agenda-compromiso { grid-template-columns:minmax(0,1fr); padding:14px; }
  html[data-ui="coss"] .agenda-identidad,html[data-ui="coss"] .agenda-responsable,html[data-ui="coss"] .agenda-fechas,html[data-ui="coss"] .agenda-abrir { grid-column:1; grid-row:auto; }
  html[data-ui="coss"] .agenda-abrir { justify-self:start; min-height:44px; }
  html[data-ui="coss"] .agenda-fechas { gap:6px 14px; }
  html[data-ui="coss"] .agenda-fechas div { display:block; }
  html[data-ui="coss"] .agenda-fechas dd { text-align:left; }
  html[data-ui="coss"] .agenda-tabs { width:100%; }
  html[data-ui="coss"] .agenda-resumen-enlaces { gap:5px; }
  html[data-ui="coss"] .agenda-resumen-enlaces a { font-size:11px; padding:6px 8px; }
  html[data-ui="coss"] .agenda-mes th { padding:8px 2px; }
  html[data-ui="coss"] .rep-navegacion { gap:2px; }
  html[data-ui="coss"] .rep-navegacion a { flex:1; font-size:11px; padding:7px 5px; }
  html[data-ui="coss"] .rep-navegacion a:last-child { margin:0; }
  html[data-ui="coss"] .rep-toolbar { flex-wrap:wrap; gap:8px; }
  html[data-ui="coss"] .rep-toolbar .rep-periodo { width:100%; }
  html[data-ui="coss"] .rep-fecha-consulta { width:100%; display:flex; gap:8px; align-items:end; }
  html[data-ui="coss"] .rep-fecha-consulta label { display:block; flex:1; font-size:11px; }
  html[data-ui="coss"] .rep-fecha-consulta input { display:block; width:100%; margin-top:4px; }
  html[data-ui="coss"] .rep-periodo { margin:12px 0 5px; }
  html[data-ui="coss"] .rep-periodo h2 { order:0; width:auto; font-size:14px; }
  html[data-ui="coss"] .rep-pasos { gap:10px; padding:10px 0; }
  html[data-ui="coss"] .rep-pasos a { font-size:11px; gap:4px; }
  html[data-ui="coss"] .rep-pasos span { width:18px; height:18px; }
  html[data-ui="coss"] .rep-seccion-cabecera { gap:4px; }
  html[data-ui="coss"] .rep-seccion-cabecera h2 { font-size:15px; }
  html[data-ui="coss"] .rep-conteo { font-size:11px; }
  html[data-ui="coss"] .rep-fila { padding:12px; }
  html[data-ui="coss"] .rep-actividad-contexto h3 { font-size:15px; }
  html[data-ui="coss"] .rep-captura-rapida { grid-template-columns:1fr 1fr; }
  html[data-ui="coss"] .rep-savebar { left:12px; right:12px; bottom:6px; flex-direction:column; gap:6px; align-items:stretch; padding:10px 0; }
  html[data-ui="coss"] .rep-save-state { font-size:11px; }
  html[data-ui="coss"] .rep-savebar .ux-acciones button { width:auto; flex:1; }
  html[data-ui="coss"] .rep-savebar .ux-acciones { width:100%; }
}
@media (prefers-reduced-motion:reduce) {
  html[data-ui="coss"] * { scroll-behavior:auto!important; transition:none!important; }
}
/* Information hierarchy: scan, expand, act. See docs/COSS_LOCAL.md. */
html[data-ui="coss"] .barra-lateral .navegacion { margin-top:12px; }
html[data-ui="coss"] .pie { border:0; padding-top:28px; }
html[data-ui="coss"] .pie summary { cursor:pointer; }
html[data-ui="coss"] .agenda { display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:20px; }
html[data-ui="coss"] .agenda>* { grid-column:1/-1; min-width:0; }
html[data-ui="coss"] .agenda>.agenda-cabecera { grid-column:1; grid-row:1; margin:0; justify-content:start; gap:20px; }
html[data-ui="coss"] .agenda-personas { display:inline-flex; gap:6px; align-items:center; font-size:12px; color:var(--text-3); text-decoration:none; }
html[data-ui="coss"] .agenda>.agenda-opciones { grid-column:2; grid-row:1; margin:0; padding:8px 0; border:0; align-self:center; }
html[data-ui="coss"] .agenda>.agenda-opciones[open] { grid-column:1/-1; grid-row:2; margin-top:12px; }
html[data-ui="coss"] .agenda-opciones summary { cursor:pointer; font-size:12px; }
html[data-ui="coss"] .agenda-filtro-label { color:var(--text-3); }
html[data-ui="coss"] .agenda-barra { margin:18px 0 0; padding:0 0 14px; }
html[data-ui="coss"] .agenda-tabs { margin:0; }
html[data-ui="coss"] .agenda-resumen { margin:20px 0 14px; }
html[data-ui="coss"] .agenda-resumen h2 { font-size:15px; }
html[data-ui="coss"] .agenda-resumen p { margin:0; }
html[data-ui="coss"] .agenda-lista { border:0; border-radius:0; }
html[data-ui="coss"] .agenda-compromiso { display:block; padding:0; }
html[data-ui="coss"] .agenda-item-resumen { display:grid; grid-template-columns:minmax(160px,1fr) 155px 60px 112px 12px; gap:16px; align-items:center; padding:17px 4px; cursor:pointer; list-style:none; }
html[data-ui="coss"] .agenda-item-resumen::-webkit-details-marker { display:none; }
html[data-ui="coss"] .agenda-item-nombre { display:flex; flex-direction:column; gap:3px; min-width:0; }
html[data-ui="coss"] .agenda-item-nombre strong { font-size:14px; font-weight:500; line-height:1.4; }
html[data-ui="coss"] .agenda-item-nombre>span { color:var(--text-3); font-size:12px; }
html[data-ui="coss"] :is(.agenda-item-persona,.agenda-item-fecha) { font-size:12px; color:var(--text-3); }
html[data-ui="coss"] .agenda-item-fecha { white-space:nowrap; }
html[data-ui="coss"] .agenda-item-estado { text-align:right; }
html[data-ui="coss"] .agenda-expandir { font-size:20px; color:var(--text-3); transition:transform .15s; }
html[data-ui="coss"] .agenda-item[open] .agenda-expandir { transform:rotate(90deg); }
html[data-ui="coss"] .agenda-item[open] { background:var(--surface-2); border-radius:10px; }
html[data-ui="coss"] .agenda-item[open]>.agenda-item-resumen { padding-inline:12px; }
html[data-ui="coss"] .agenda-item-detalle { padding:0 16px 16px; border-left:2px solid var(--border-2); margin:0 12px 16px; }
html[data-ui="coss"] .agenda-item-detalle .agenda-contexto { margin:10px 0; }
html[data-ui="coss"] .agenda-item-detalle .agenda-fechas { margin:12px 0; }
html[data-ui="coss"] .agenda-item-detalle>.boton { margin-top:14px; }
html[data-ui="coss"] .agenda-grupo { border:0; padding:0; margin:8px 0; }
html[data-ui="coss"] .agenda-grupo>summary { display:flex; align-items:center; gap:8px; cursor:pointer; font-weight:500; padding:10px 0; }
html[data-ui="coss"] .agenda-grupo>summary::before { content:'›'; font-size:18px; color:var(--text-3); }
html[data-ui="coss"] .agenda-grupo[open]>summary::before { transform:rotate(90deg); }
html[data-ui="coss"] .agenda-interpretacion { margin:8px 0; }
html[data-ui="coss"] .rep-project-options { position:relative; font-size:12px; }
html[data-ui="coss"] .rep-project-options summary { cursor:pointer; padding:8px; }
html[data-ui="coss"] .rep-project-options[open] { padding:8px; background:var(--surface-2); border-radius:8px; }
html[data-ui="coss"] .rep-project-options a { display:block; margin:8px; }
html[data-ui="coss"] .rep-navegacion a:last-child { margin-left:0; }
html[data-ui="coss"] .rep-plan-reference { font-size:12px; color:var(--text-3); margin:12px 0; }
html[data-ui="coss"] .rep-plan-reference summary { cursor:pointer; }
html[data-ui="coss"] .rep-plan-reference p { margin:8px 0; }
html[data-ui="coss"] .rep-pasos { border-top:0; margin-top:0; }
html[data-ui="coss"] .rep-jornada { margin:4px 0 14px; padding:0; }
html[data-ui="coss"] .rep-fila[id^="avances-"] { display:grid; grid-template-columns:minmax(180px,1fr) minmax(280px,340px); column-gap:32px; row-gap:0; margin:0; padding:18px 0; border:0; border-bottom:1px solid var(--border); border-radius:0; }
html[data-ui="coss"] .rep-fila[id^="avances-"]>legend { position:absolute; }
html[data-ui="coss"] .rep-fila[id^="avances-"]>.rep-actividad-contexto { grid-column:1; align-self:end; }
html[data-ui="coss"] .rep-fila[id^="avances-"]>.rep-previo { grid-column:1; margin:4px 0; }
html[data-ui="coss"] .rep-fila[id^="avances-"]>.rep-captura-rapida { grid-column:2; grid-row:1/3; margin:0; align-self:center; grid-template-columns:1fr 1fr; gap:8px 12px; }
html[data-ui="coss"] .rep-captura-rapida label { min-height:0; font-size:12px; }
html[data-ui="coss"] .rep-razon { grid-column:1/-1; }
html[data-ui="coss"] .rep-fila[id^="avances-"]>.rep-grid:not(.rep-captura-rapida),html[data-ui="coss"] .rep-fila[id^="avances-"]>.errorlist { grid-column:1/-1; }
html[data-ui="coss"] .rep-fila[id^="avances-"]:not(:has(.rep-actividad-contexto))>.rep-captura-rapida { grid-row:auto; grid-column:1/-1; }
html[data-ui="coss"] .rep-fila[id^="avances-"]>.rep-detalle-actividad { grid-column:1/-1; margin:10px 0 0; border:0; }
html[data-ui="coss"] .rep-detalle-actividad>summary { justify-content:start; padding:0; font-weight:400; color:var(--text-3); }
html[data-ui="coss"] .rep-detalle-actividad>summary>span:first-child::before { content:'›'; }
html[data-ui="coss"] .rep-detalle-actividad[open]>summary>span:first-child::before { content:'⌄'; }
html[data-ui="coss"] .rep-detalle-actividad[open] { padding:14px 16px; background:var(--surface-2); border-left:2px solid var(--border-2); border-radius:0 8px 8px 0; }
html[data-ui="coss"] .rep-contexto-completo { border-bottom:1px solid var(--border); padding-bottom:12px; }
html[data-ui="coss"] .rep-contexto-completo .rep-alcance { margin:10px 0; }
html[data-ui="coss"] .rep-contexto-plan dl { display:flex; flex-wrap:wrap; gap:24px; }
html[data-ui="coss"] .rep-contexto-plan dt { color:var(--text-3); }
html[data-ui="coss"] .rep-actividad-contexto h3 { font-size:15px; }
html[data-ui="coss"] .rep-ayuda { font-size:12px; color:var(--text-3); margin:12px 0; }
html[data-ui="coss"] .rep-ayuda summary { cursor:pointer; }
html[data-ui="coss"] .rep-revisar { border:0; margin:12px 0; padding:0; }
html[data-ui="coss"] .rep-actividades>[data-add-form] { margin-top:20px; }
@media(max-width:1100px) {
  html[data-ui="coss"] .agenda-item-resumen { grid-template-columns:minmax(130px,1fr) 70px 105px 10px; gap:12px; }
  html[data-ui="coss"] .agenda-item-persona { grid-column:1; grid-row:2; margin-top:-8px; }
  html[data-ui="coss"] .agenda-item-nombre { grid-column:1; }
  html[data-ui="coss"] .agenda-item-fecha { grid-column:2; grid-row:1; }
  html[data-ui="coss"] .agenda-item-estado { grid-column:3; grid-row:1; }
  html[data-ui="coss"] .agenda-expandir { grid-column:4; grid-row:1; }
}
@media(max-width:720px) {
  html[data-ui="coss"] .barra-lateral .navegacion { margin-top:0; }
  html[data-ui="coss"] .agenda { display:block; }
  html[data-ui="coss"] .agenda>.agenda-cabecera { justify-content:space-between; margin-bottom:14px; }
  html[data-ui="coss"] .agenda>.agenda-opciones { margin:0 0 10px; }
  html[data-ui="coss"] .agenda-barra { margin:0; gap:10px; }
  html[data-ui="coss"] .agenda-tabs { width:auto; }
  html[data-ui="coss"] .agenda-periodo .boton { padding:7px 8px; font-size:11px; }
  html[data-ui="coss"] .agenda-resumen { margin-top:16px; }
  html[data-ui="coss"] .agenda-resumen>p { max-width:100px; text-align:right; }
  html[data-ui="coss"] .agenda-item-resumen { grid-template-columns:minmax(120px,1fr) 90px 10px; gap:8px; padding:16px 0; }
  html[data-ui="coss"] .agenda-item-estado { grid-column:2; }
  html[data-ui="coss"] .agenda-expandir { grid-column:3; }
  html[data-ui="coss"] .agenda-item-persona { grid-column:1; grid-row:2; margin:0; }
  html[data-ui="coss"] .agenda-item-fecha { grid-column:2; grid-row:2; text-align:right; }
  html[data-ui="coss"] .agenda-item-detalle { margin:0 6px 14px; padding:0 10px 14px; }
  html[data-ui="coss"] .rep-fila[id^="avances-"] { display:block; padding:18px 0; }
  html[data-ui="coss"] .rep-fila[id^="avances-"]>.rep-captura-rapida { margin:12px 0 0; }
  html[data-ui="coss"] .rep-detalle-actividad>summary { font-size:11px; gap:6px; }
  html[data-ui="coss"] .rep-detalle-actividad[open] { padding:12px; }
}

html[data-ui="coss"] .agenda-solo-lector { position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

html[data-ui="coss"] .navegacion .nav-consulta { margin-top:20px; }
@media(max-width:720px) { html[data-ui="coss"] .navegacion .nav-consulta { margin-top:0; } }

/* Suite navigation anatomy: context, groups, and a persistent account footer. */
html[data-ui="coss"] .barra-lateral { display:flex; flex-direction:column; }
html[data-ui="coss"] .sems-module-context { display:flex; gap:10px; align-items:center; padding:11px 10px; border:1px solid var(--border); border-radius:10px; background:var(--surface); box-shadow:var(--coss-shadow-xs); margin:0 0 16px; }
html[data-ui="coss"] .sems-module-context svg { width:22px; height:22px; color:var(--orange); }
html[data-ui="coss"] .sems-module-context strong { font-size:13px; font-weight:500; }
html[data-ui="coss"] .sems-nav-label { color:var(--text-3); font-size:11px; padding:4px 10px 6px; }
html[data-ui="coss"] .sems-nav-section { margin-top:16px; }
html[data-ui="coss"] .navegacion .nav-consulta { margin-top:0; }
html[data-ui="coss"] .sems-sidebar-footer { margin-top:auto; padding:12px 0 0; position:relative; }
html[data-ui="coss"] .sems-account { position:relative; }
html[data-ui="coss"] .sems-account>summary { display:grid; grid-template-columns:32px minmax(0,1fr) 12px; align-items:center; gap:9px; padding:9px 8px; border-radius:10px; cursor:pointer; list-style:none; }
html[data-ui="coss"] .sems-account>summary::-webkit-details-marker { display:none; }
html[data-ui="coss"] .sems-account>summary:hover,html[data-ui="coss"] .sems-account[open]>summary { background:var(--surface-3); }
html[data-ui="coss"] .sems-avatar { width:32px; height:32px; display:grid; place-items:center; background:#ededed; color:var(--text); font-size:12px; font-weight:600; border-radius:50%; }
html[data-ui="coss"] .sems-account-meta { min-width:0; }
html[data-ui="coss"] .sems-account-meta strong,html[data-ui="coss"] .sems-account-meta small { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
html[data-ui="coss"] .sems-account-meta strong { font-size:12px; font-weight:500; }
html[data-ui="coss"] .sems-account-meta small { color:var(--text-3); font-size:11px; }
html[data-ui="coss"] .sems-account-chevron { font-size:14px; color:var(--text-3); }
html[data-ui="coss"] .sems-account-menu { position:absolute; z-index:40; bottom:calc(100% + 6px); left:0; width:100%; min-width:210px; padding:12px; border:1px solid var(--border-2); border-radius:12px; background:var(--surface); box-shadow:0 8px 24px #00000014; }
html[data-ui="coss"] .sems-account-menu>strong,html[data-ui="coss"] .sems-account-menu>small { display:block; overflow-wrap:anywhere; font-size:12px; }
html[data-ui="coss"] .sems-account-menu>small { color:var(--text-3); margin:3px 0 12px; }
html[data-ui="coss"] .sems-account-menu :is(a,button) { display:block; text-align:left; width:100%; padding:9px 8px; border:0; border-radius:7px; color:var(--text); background:transparent; text-decoration:none; font-size:13px; cursor:pointer; }
html[data-ui="coss"] .sems-account-menu :is(a,button):hover { background:var(--surface-3); }
html[data-ui="coss"] .sems-account-menu form { border-top:1px solid var(--border); padding-top:5px; margin-top:5px; }
@media(max-width:720px) {
  html[data-ui="coss"] .barra-lateral { display:block; }
  html[data-ui="coss"] :is(.sems-module-context,.sems-nav-label) { display:none; }
  html[data-ui="coss"] .sems-sidebar-footer { position:absolute; top:6px; right:12px; padding:0; margin:0; z-index:30; }
  html[data-ui="coss"] .sems-account>summary { display:block; padding:4px; }
  html[data-ui="coss"] :is(.sems-account-meta,.sems-account-chevron) { display:none; }
  html[data-ui="coss"] .sems-account-menu { bottom:auto; top:calc(100% + 6px); left:auto; right:0; width:245px; }
  html[data-ui="coss"] .sems-account-menu :is(a,button) { min-height:44px; }
  html[data-ui="coss"] .ux-mas { right:68px; }
  html[data-ui="coss"] .cabecera:not(:has(.cuenta)) { display:none; }
}
/* Project -> activity -> requirement. The outer list keeps its place as detail opens. */
html[data-ui="coss"] .flow-list-tools {display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:12px 0 18px;}
html[data-ui="coss"] .flow-search {display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
html[data-ui="coss"] .flow-search input {min-height:36px;border:1px solid var(--border-2);border-radius:8px;padding:7px 12px;background:var(--surface);max-width:100%;}
html[data-ui="coss"] .flow-project-list {border:1px solid var(--border);border-radius:12px;overflow:hidden;}
html[data-ui="coss"] .flow-project-row {display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:24px;align-items:center;padding:20px;text-decoration:none;border-bottom:1px solid var(--border);}
html[data-ui="coss"] .flow-project-row:last-child {border-bottom:0;}
html[data-ui="coss"] .flow-project-row:hover {background:var(--surface-2);}
html[data-ui="coss"] .flow-project-row strong {font-size:15px;font-weight:500;display:block;}
html[data-ui="coss"] .flow-project-row small {display:block;color:var(--text-3);font-size:12px;margin-top:4px;}
html[data-ui="coss"] .flow-project-counts {display:grid;gap:4px;font-size:12px;color:var(--text-3);}
html[data-ui="coss"] .flow-section-title {margin:24px 0 12px;}
html[data-ui="coss"] .flow-secondary-link {font-size:12px;color:var(--text-3);margin:20px 0 0;}
html[data-ui="coss"] .flow-section-heading {display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:12px;}
html[data-ui="coss"] .flow-section-heading :is(h2,p) {margin:0;}
html[data-ui="coss"] .flow-section-heading>a {font-size:12px;color:var(--text-3);}
html[data-ui="coss"] .flow-daily-followup {margin:24px 0 32px;}
html[data-ui="coss"] .flow-days {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;}
html[data-ui="coss"] .flow-day {display:flex;flex-direction:column;gap:6px;text-decoration:none;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);min-width:0;}
html[data-ui="coss"] .flow-day strong {font-size:12px;font-weight:500;}
html[data-ui="coss"] .flow-day small {font-size:11px;color:var(--text-3);overflow-wrap:anywhere;}
html[data-ui="coss"] .flow-day:hover {background:var(--surface-3);}
html[data-ui="coss"] .flow-day[aria-current] {border-color:var(--text-2);}
html[data-ui="coss"] :is(.flow-day-enviado,.flow-day-sin_actividad,.flow-day-correccion_borrador) {background:#f2f8f3;}
html[data-ui="coss"] .flow-day-borrador {background:#fff8ef;}
html[data-ui="coss"] .flow-muted {color:var(--text-3);font-size:13px;font-weight:400;margin-left:5px;}
html[data-ui="coss"] .flow-project-info {font-size:12px;color:var(--text-3);}
html[data-ui="coss"] .flow-project-info[open] {width:100%;}
html[data-ui="coss"] .flow-project-info .indicadores {margin-top:16px;}
html[data-ui="coss"] .flow-filters {margin-bottom:16px;font-size:13px;}
html[data-ui="coss"] .flow-filters>summary {color:var(--text-3);padding:6px 0;}
html[data-ui="coss"] .flow-activities {border:1px solid var(--border);border-radius:12px;overflow:hidden;}
html[data-ui="coss"] .flow-activity {border-bottom:1px solid var(--border);}
html[data-ui="coss"] .flow-activity:last-child {border-bottom:0;}
html[data-ui="coss"] .flow-activity>summary {display:grid;grid-template-columns:12px minmax(0,1fr) 145px 125px;align-items:center;gap:16px;padding:18px;list-style:none;cursor:pointer;}
html[data-ui="coss"] :is(.flow-activity,.flow-step)>summary::-webkit-details-marker {display:none;}
html[data-ui="coss"] .flow-activity>summary::before {content:'›';font-size:20px;color:var(--text-3);transition:transform .16s ease;}
html[data-ui="coss"] .flow-activity[open]>summary::before {transform:rotate(90deg);}
html[data-ui="coss"] .flow-activity>summary:hover {background:var(--surface-2);}
html[data-ui="coss"] .flow-activity-name strong {font-weight:500;display:block;}
html[data-ui="coss"] :is(.flow-activity,.flow-step) summary small {display:block;font-size:12px;color:var(--text-3);margin-top:4px;font-weight:400;}
html[data-ui="coss"] .flow-activity-progress {font-size:12px;}
html[data-ui="coss"] .flow-activity-progress strong {font-weight:500;font-size:15px;}
html[data-ui="coss"] .flow-activity-progress progress {width:80px;height:4px;display:block;margin:5px 0;border:0;accent-color:var(--text-2);}
html[data-ui="coss"] .flow-activity-body {padding:4px 24px 20px 46px;background:var(--surface-2);border-top:1px solid var(--border);}
html[data-ui="coss"] .flow-activity-body>.flow-section-heading {font-size:12px;color:var(--text-3);margin-top:16px;}
html[data-ui="coss"] .flow-step-group {margin-top:16px;}
html[data-ui="coss"] .flow-step-group>summary {font-size:13px;font-weight:500;padding:7px 0;cursor:pointer;}
html[data-ui="coss"] .flow-step-group>summary span {font-weight:400;color:var(--text-3);margin-left:6px;}
html[data-ui="coss"] .flow-step {margin-left:5px;border-left:2px solid var(--border-2);padding-left:15px;}
html[data-ui="coss"] .flow-step>summary {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;cursor:pointer;list-style:none;}
html[data-ui="coss"] .flow-step>summary strong {font-size:13px;font-weight:500;}
html[data-ui="coss"] .flow-step>summary:after {content:'+';color:var(--text-3);}
html[data-ui="coss"] .flow-step[open]>summary:after {content:'−';}
html[data-ui="coss"] .flow-step-body {max-width:760px;padding:8px 16px 16px;border:1px solid var(--border);background:var(--surface);border-radius:10px;}
html[data-ui="coss"] .flow-step-body .relaciones {margin:12px 0;}
html[data-ui="coss"] .flow-activity-meta {margin-top:20px;font-size:12px;color:var(--text-3);}
html[data-ui="coss"] .flow-activity-meta>summary {cursor:pointer;}
html[data-ui="coss"] .flow-activity-meta p {margin:12px 0;}
html[data-ui="coss"] .flow-report-days {display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 18px;}
html[data-ui="coss"] .flow-report-days a {display:grid;justify-items:center;gap:2px;min-width:56px;padding:7px 12px;text-decoration:none;border-radius:8px;font-size:12px;color:var(--text-3);border:1px solid var(--border);}
html[data-ui="coss"] .flow-report-days a[aria-current] {background:var(--text);color:var(--surface);}
html[data-ui="coss"] .flow-report-days strong {font-size:15px;font-weight:500;}
html[data-ui="coss"] .flow-date-picker>summary {font-size:12px;color:var(--text-3);cursor:pointer;}
html[data-ui="coss"] .flow-date-picker[open] form {margin-top:12px;}
html[data-ui="coss"] .rep-dias {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;}
html[data-ui="coss"] .rep-dia {padding:10px;border:1px solid var(--border);border-radius:8px;font-size:12px;min-width:0;}
html[data-ui="coss"] .rep-dia small {font-size:11px;}
html[data-ui="coss"] .rep-matriz {border:1px solid var(--border);border-radius:10px;margin-top:18px;}
html[data-ui="coss"] .rep-matriz th,html[data-ui="coss"] .rep-matriz td {padding:12px 9px;font-size:11px;min-width:68px;}
html[data-ui="coss"] .rep-matriz th:first-child {min-width:175px;max-width:230px;background:var(--surface);position:sticky;left:0;z-index:1;}
html[data-ui="coss"] .rep-matriz td strong {display:block;font-size:15px;font-weight:500;}
html[data-ui="coss"] .flow-week-info {font-size:12px;color:var(--text-3);margin:14px 0;}
@media(max-width:1000px) {html[data-ui="coss"] .flow-activity>summary{grid-template-columns:12px minmax(0,1fr) 130px;gap:12px;}html[data-ui="coss"] .flow-activity-progress{grid-column:2/4;display:flex;gap:12px;align-items:center;}html[data-ui="coss"] .flow-activity-progress small{margin:0;}html[data-ui="coss"] .flow-days {grid-template-columns:repeat(4,minmax(0,1fr));}}
@media(max-width:600px) {html[data-ui="coss"] .flow-project-row{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:16px;}html[data-ui="coss"] .flow-project-counts{grid-column:1/2;}html[data-ui="coss"] .flow-activity>summary{grid-template-columns:12px minmax(0,1fr);padding:14px;}html[data-ui="coss"] .flow-activity-prep{grid-column:2;display:flex;gap:8px;align-items:center;flex-wrap:wrap;}html[data-ui="coss"] .flow-activity-progress{grid-column:2;}html[data-ui="coss"] .flow-activity-body{padding:6px 14px 20px;}html[data-ui="coss"] .flow-step>summary{flex-wrap:wrap;}html[data-ui="coss"] .flow-step>summary>span:first-child{flex:1;min-width:170px;}html[data-ui="coss"] .flow-report-days{gap:4px;}html[data-ui="coss"] .flow-report-days a{min-width:38px;padding:6px 8px;}html[data-ui="coss"] .rep-dias {grid-template-columns:repeat(4,minmax(0,1fr));}}
@media(prefers-reduced-motion:reduce){html[data-ui="coss"] .flow-activity>summary::before{transition:none;}}

html[data-ui="coss"] .flow-line-scope {font-weight:400;color:var(--text-3);margin-top:6px;font-size:11px;}
html[data-ui="coss"] .flow-line-scope summary {cursor:pointer;}

html[data-ui="coss"] .rep-matriz table {min-width:780px;table-layout:fixed;width:100%;}
html[data-ui="coss"] .rep-matriz th:first-child {width:175px;}

html[data-ui="coss"] .rep-matriz th:last-child {width:82px;}