/* ---- Resumen: planes de partido en una sola línea, más compactos ---- */
html.proposal main.workspace-page .space-y-3>div{padding:8px 12px;border-radius:12px;box-shadow:none;background:#0e1620;border-color:#1f2b38}
html.proposal main.workspace-page .space-y-3>div:hover{border-color:#2a4452}
html.proposal main.workspace-page .space-y-3>div>div.relative{flex-direction:row!important;flex-wrap:nowrap;align-items:center!important;justify-content:space-between;gap:12px}
html.proposal main.workspace-page .space-y-3>div>div.relative>div:first-child{flex:1;min-width:0;align-items:center!important;gap:10px}
html.proposal main.workspace-page .space-y-3 .w-14{width:44px;height:40px;border-radius:10px;padding:2px;background:#121b25}
html.proposal main.workspace-page .space-y-3 .w-14 span:first-child{font:700 7px Inter,sans-serif;letter-spacing:.1em}
html.proposal main.workspace-page .space-y-3 .w-14 span:last-child{font:800 14px/1 Inter,sans-serif;max-width:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.proposal main.workspace-page .space-y-3 .w-14+div{display:flex;flex-direction:row!important;flex-wrap:wrap;align-items:baseline;gap:0 12px;min-width:0}
html.proposal main.workspace-page .space-y-3 .w-14+div>div:first-child{flex:0 0 100%;min-width:0}
html.proposal main.workspace-page .space-y-3 h3{font:800 14px/1.3 Inter,sans-serif;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
html.proposal main.workspace-page .space-y-3 .w-14+div p{margin:0;font:600 11.5px Inter,sans-serif;color:#94A3B8}
html.proposal main.workspace-page .space-y-3 .w-14+div p:first-of-type{color:#34d399}
html.proposal main.workspace-page .space-y-3 .w-14+div>div:last-child{margin:0;font:600 11.5px Inter,sans-serif;text-transform:none;letter-spacing:0}
html.proposal main.workspace-page .space-y-3>div>div.relative>div:last-child{flex:none;flex-wrap:nowrap!important;gap:6px;padding:0!important;border:0!important}
html.proposal main.workspace-page .space-y-3 button{padding:6px 10px!important;border-radius:9px!important;font:700 12px Inter,sans-serif!important;letter-spacing:0!important;text-transform:none!important;gap:6px!important;white-space:nowrap}
html.proposal main.workspace-page .space-y-3 button svg{width:14px;height:14px}
html.proposal main.workspace-page .space-y-3>div>div.relative>div:last-child button:not(:first-child){font-size:0!important;padding:8px!important;gap:0!important}
html.proposal main.workspace-page .space-y-3>div>div.relative>div:last-child button:not(:first-child) svg{width:15px;height:15px}
html.proposal main.workspace-page .space-y-3 .w-14+div>div:first-child{overflow:hidden}
@media(max-width:700px){
 html.proposal main.workspace-page .space-y-3>div>div.relative{gap:8px}
 html.proposal main.workspace-page .space-y-3 button{font-size:0!important;padding:8px!important;gap:0!important}
 html.proposal main.workspace-page .space-y-3 button svg{width:16px;height:16px}
 html.proposal main.workspace-page .space-y-3 h3{font-size:13px}
}

/* ---- Actividad de usuarios: mismo estilo que el resto ---- */
html.proposal .usage-panel h2{font:800 22px Inter,sans-serif;color:#fff;margin:0 0 6px}
html.proposal .usage-panel p{font:400 13px/1.55 Inter,sans-serif;color:#94A3B8;max-width:78ch}
html.proposal .usage-panel .usage-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin:16px 0 8px}
html.proposal .usage-panel .usage-filters label{display:flex;flex-direction:column;gap:6px;font:700 10.5px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#7d8da1}
html.proposal .usage-panel input,html.proposal .usage-panel select{height:44px;min-width:170px;padding:0 14px;border:1px solid #2a3a4c;border-radius:12px;background:#0e1620;color:#fff;font:600 14px Inter,sans-serif;letter-spacing:0;text-transform:none;color-scheme:dark;transition:border-color .16s ease}
html.proposal .usage-panel input:hover,html.proposal .usage-panel select:hover,html.proposal .usage-panel input:focus,html.proposal .usage-panel select:focus{border-color:#00f59b;outline:none}
html.proposal .usage-panel input[type="date"]{cursor:pointer}
html.proposal .usage-panel input[type="date"]::-webkit-calendar-picker-indicator{display:none}
html.proposal .usage-panel button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:12px;border:1px solid #2a3a4c;background:#0e1620;color:#fff;font:700 13px Inter,sans-serif;letter-spacing:0;text-transform:none;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
html.proposal .usage-panel button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 14px rgba(0,0,0,.5);border-color:#00f59b}
html.proposal .usage-panel button:active:not(:disabled){transform:scale(.97);box-shadow:none}
html.proposal .usage-panel button:disabled{opacity:.45;cursor:default}
html.proposal .usage-panel button.workspace-primary{background:#00f59b;border-color:#00f59b;color:#06231a;font-weight:800}
html.proposal .usage-panel .workspace-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0 16px}
html.proposal .usage-panel .workspace-actions span{font:600 13px Inter,sans-serif;color:#94A3B8}
html.proposal .usage-panel .workspace-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:8px 0 14px}
html.proposal .usage-panel .workspace-stats article{background:#121b25;border:1px solid #1f2b38;border-radius:14px;padding:14px 16px}
html.proposal .usage-panel .workspace-stats article span{display:block;font:700 10.5px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#7d8da1;margin-bottom:6px}
html.proposal .usage-panel .workspace-stats article strong{font:800 28px/1 Inter,sans-serif;color:#fff}
html.proposal .usage-panel .usage-table-scroll{border:1px solid #1f2b38;border-radius:14px;background:#0e1620;overflow:auto}
html.proposal .usage-panel table{width:100%;border-collapse:collapse;font:500 13px Inter,sans-serif;color:#e2e8f0}
html.proposal .usage-panel caption{padding:12px 14px;text-align:left;font:700 10.5px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#7d8da1}
html.proposal .usage-panel th{padding:10px 14px;text-align:left;font:700 10.5px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#7d8da1;border-bottom:1px solid #1f2b38;white-space:nowrap}
html.proposal .usage-panel td{padding:10px 14px;border-bottom:1px solid #18232f;vertical-align:top}
html.proposal .usage-panel tr:last-child td{border-bottom:0}
html.proposal .usage-panel td strong{color:#fff;font-weight:700}
@media(max-width:700px){html.proposal .usage-panel .usage-filters label,html.proposal .usage-panel input,html.proposal .usage-panel select{width:100%}html.proposal .usage-panel .usage-filters button{width:100%}html.proposal .usage-panel .workspace-stats{grid-template-columns:1fr}}

/* calendario propio de las fechas */
.ucal{position:fixed;z-index:120;width:300px;background:#121b25;border:1px solid #2a3a4c;border-radius:16px;padding:14px;box-shadow:0 24px 60px rgba(0,0,0,.6);font-family:Inter,sans-serif;color:#dde3ed}
.ucal-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.ucal-h b{font:800 15px Inter,sans-serif;text-transform:capitalize;color:#fff}
.ucal-n{appearance:none;width:32px;height:32px;border-radius:9px;border:1px solid #2a3a4c;background:#0e1620;color:#cfe3ea;font-size:18px;line-height:1;cursor:pointer}
.ucal-n:hover,.ucal-n:focus-visible{border-color:#00f59b;color:#00f59b;outline:none}
.ucal-w,.ucal-g{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.ucal-w span{text-align:center;font:700 10px Inter,sans-serif;letter-spacing:.1em;color:#7d8da1;padding:4px 0}
.ucal-d{appearance:none;aspect-ratio:1;border-radius:9px;border:1px solid transparent;background:#0e1620;color:#fff;font:600 12.5px Inter,sans-serif;cursor:pointer;transition:border-color .12s ease,background .12s ease}
.ucal-d:hover:not(:disabled),.ucal-d:focus-visible{border-color:#00f59b;outline:none}
.ucal-d.out{color:#5b6b7e}.ucal-d.today{border-color:#2f6b7f}
.ucal-d.sel{background:#00f59b;color:#06231a;font-weight:800;border-color:#00f59b}
.ucal-d:disabled{opacity:.3;cursor:default}
html.proposal main.workspace-page .space-y-3 h3{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:14px!important;line-height:1.3!important;letter-spacing:0!important;font-family:Inter,sans-serif!important}
html.proposal main.workspace-page .space-y-3 .w-14+div>div{flex:0 1 auto;width:auto;margin:0}
html.proposal main.workspace-page .space-y-3 .w-14+div>div:first-child{flex:0 0 100%}
html.proposal main.workspace-page .space-y-3>div{padding:6px 12px}
html.proposal main.workspace-page .space-y-3 .w-14{height:36px;width:42px}
html.proposal main.workspace-page .space-y-3>div>div.relative{display:flex!important}
html.proposal main.workspace-page .space-y-3>div>div.relative>div{width:auto!important}
html.proposal main.workspace-page .space-y-3>div>div.relative>div:first-child{flex:1 1 0!important;min-width:0!important}
html.proposal main.workspace-page .space-y-3>div>div.relative>div:last-child{flex:0 0 auto!important}
/* Anula las reglas antiguas de «jornada» de la prueba (preview.css) dentro de la lista de planes */
html.proposal #root main.workspace-page .space-y-3>div>div.relative{display:flex!important;grid-template-columns:none!important}
html.proposal #root main.workspace-page .space-y-3>div>div.relative>div:first-child{flex:1 1 0!important;min-width:0!important;max-width:none!important;justify-content:flex-start!important}
html.proposal #root main.workspace-page .space-y-3>div>div.relative>div:last-child{flex:0 0 auto!important;justify-content:flex-end!important;min-width:0!important}
html.proposal #root main.workspace-page .space-y-3 [data-preview-jornada-value][data-preview-jornada-long]{font-size:13px!important}
html.proposal main.workspace-page .workspace-grid>*,html.proposal main.workspace-page .workspace-panel,html.proposal main.workspace-page .space-y-3,html.proposal main.workspace-page .space-y-3>div,html.proposal main.workspace-page .space-y-3>div>div.relative{min-width:0;max-width:100%}
html.proposal main.workspace-page .space-y-3 .w-14+div{overflow:hidden}
@media(max-width:700px){html.proposal main.workspace-page .workspace-grid{grid-template-columns:minmax(0,1fr)}html.proposal main.workspace-page .space-y-3 .w-14{width:38px}html.proposal main.workspace-page .space-y-3 .w-14 span:last-child{font-size:12px;max-width:36px}}
