/* Solo disposicion de Eventos; componentes y tokens provienen de systimes.css. */
main{max-width:1600px;margin:auto;padding:var(--space-6);min-height:80vh}
.navbar{padding:var(--space-4) max(var(--space-6),calc((100vw - 1232px)/2))}
.navbar-brand span{font-size:var(--font-size-sm);color:var(--color-text-secondary)}
h1{margin:var(--space-2) 0 var(--space-6)}
h2{font-size:var(--font-size-xl);margin:0 0 var(--space-4)}
.eyebrow{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.08em}
.card{margin-bottom:var(--space-5)}
.login{max-width:380px;margin:var(--space-8) auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-medium);padding:var(--space-8)}
.login-logo{height:56px;width:auto;max-width:100%;display:block;margin:0 auto var(--space-8)}
.login h1{font-size:var(--font-size-xl)}
label{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}
form{display:grid;gap:var(--space-4)}
.grid-form{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end}
input,select,textarea{min-width:0}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-5)}
.toolbar h1{margin-bottom:var(--space-2)}
.toolbar p{margin-bottom:0}
.toolbar select{min-width:250px}
nav{display:flex;gap:var(--space-2);flex-wrap:wrap;margin:0 0 var(--space-6)}
nav .btn.active{color:var(--color-primary);background:var(--color-primary-ultraLight);border-color:var(--color-primary-ultraLight)}
.table-wrap{overflow:auto}
.table td{vertical-align:top}
.table td .btn{height:auto;min-height:32px;white-space:normal;overflow-wrap:anywhere;text-align:left}
.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--space-4)}
.metric strong{font-size:var(--font-size-2xl);display:block;margin-top:var(--space-2)}
.metric-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}
.metric p{margin-top:var(--space-2);margin-bottom:0}
.workspace{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--space-6);align-items:start}
.app-sidebar{width:auto;position:sticky;top:var(--space-6);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}
.app-sidebar nav{flex-direction:column;flex-wrap:nowrap;gap:var(--space-2);margin:var(--space-5) 0}
.app-sidebar nav .btn{justify-content:flex-start;text-align:left;min-height:44px;height:auto;padding:var(--space-3);border-color:transparent;background:transparent}
.app-sidebar nav .btn:hover{background:var(--color-bg-main)}
.app-sidebar nav .btn.active{background:var(--color-primary-ultraLight);color:var(--color-primary-dark)}
.sidebar-note{border-top:1px solid var(--color-border-light);padding-top:var(--space-4);font-size:var(--font-size-xs)}
.sidebar-note p{margin-top:var(--space-2);margin-bottom:0}
.workspace-main{min-width:0}
.dashboard-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}
.dashboard-columns>.card{min-width:0}
.section-tools,.summary-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}
.section-tools{margin-bottom:var(--space-4)}
.section-tools p{margin:0}
.row-actions{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}
.summary-row{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-light)}
.summary-row:last-of-type{margin-bottom:var(--space-4)}
.event-banner{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-5);border-left:4px solid var(--color-primary)}
.event-banner h2{font-size:24px}
.event-banner .badge{flex-shrink:0}
.freshness{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--space-4)}
.payment-row{margin-bottom:var(--space-5)}
.payment-row .section-tools{margin-bottom:var(--space-2)}
.payment-row progress{display:block;width:100%;height:8px;accent-color:var(--color-primary);border:0;border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--space-2)}
.payment-row progress::-webkit-progress-bar{background:var(--color-bg-main)}
.payment-row progress::-webkit-progress-value{background:var(--color-primary)}
.payment-row progress::-moz-progress-bar{background:var(--color-primary)}
.dashboard-note{margin-top:var(--space-4)}
.installation{max-width:900px}
.installation-steps{padding-left:var(--space-5)}
.installation-steps li{padding:var(--space-2) 0;line-height:1.6}
.installation .alert{margin:var(--space-4) 0}
.installation code{display:block;overflow-wrap:anywhere;margin-top:var(--space-2)}
#download-apk{margin-bottom:var(--space-4)}
.installation-link{text-align:center;padding:0 var(--space-4) var(--space-5)}
.authenticated .navbar{padding-left:var(--space-6);padding-right:var(--space-6)}
#refresh-status.alert{margin-bottom:var(--space-5)}
.muted{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6}
#message:not(:empty){margin-bottom:var(--space-5);white-space:pre-wrap}
code{font-size:var(--font-size-xs);overflow-wrap:anywhere}
footer{text-align:center;padding:var(--space-5);color:var(--color-text-secondary);font-size:var(--font-size-xs)}
[hidden]{display:none!important}
@media(max-width:650px){main{padding:var(--space-5) var(--space-3)}.toolbar{display:block}.toolbar select{min-width:0}.navbar{padding:var(--space-4)}.navbar-brand{gap:var(--space-2)}.navbar-brand span{font-size:var(--font-size-xs)}nav{margin-top:var(--space-5)}}
@media(max-width:1050px){.workspace{grid-template-columns:200px minmax(0,1fr);gap:var(--space-4)}.dashboard-columns{grid-template-columns:1fr}}
@media(max-width:750px){.workspace{grid-template-columns:1fr}.app-sidebar{position:static}.app-sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:0}.sidebar-note{display:none}.toolbar{flex-wrap:wrap}.event-banner{flex-wrap:wrap}.section-tools{flex-wrap:wrap}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric strong{font-size:22px;overflow-wrap:anywhere}.metrics .card{padding:var(--space-4)}}