/* XT-IOS v1: tema estilo iOS para el panel XTicket (solo claro) */
:root, #app-view > main, .xu-box{
  --bg:#F2F2F7; --panel:#FFFFFF; --panel-2:#F2F2F7; --surface:#F7F7FA; --surface-hi:#E5E5EA;
  --border:#E3E3E8; --border-hi:#D1D1D6;
  --text:#1C1C1E; --text-dim:#6D6D72; --text-faint:#8E8E93;
  --gold:#C9A227; --gold-lt:#9A7414; --gold-dim:#7A5B0E;
  --danger:#FF3B30; --ok:#34C759; --radius:12px; --radius-sm:10px;
}
html, body{font-family:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", "Segoe UI", Roboto, sans-serif !important}
html:has(#app-view:not(.hidden)), body:has(#app-view:not(.hidden)), #app-view:not(.hidden), #app-view > main{background:#F2F2F7 !important}
#app-view > main{color:#1C1C1E}

/* ---------- menu lateral (computador) ---------- */
#app-view > aside{background:#ECECF1 !important;border-right:0.5px solid #D1D1D6 !important}
#app-view > aside .who{color:#6D6D72 !important}
#xt-side .xs-group{text-transform:none !important;letter-spacing:0 !important;font-size:12px !important;color:#8E8E93 !important;padding:14px 10px 4px !important}
#xt-side .xs-item{color:#1C1C1E !important;font-size:14px !important;padding:6px 8px !important}
#xt-side .xs-item:hover{background:rgba(0,0,0,.05) !important;color:#1C1C1E !important}
#xt-side .xs-item.xs-on{background:rgba(201,162,39,.20) !important;color:#1C1C1E !important;font-weight:600}
#xt-side .xs-item.xs-on::before{display:none !important}
#xt-side .xs-item:focus-visible{outline:2px solid #C9A227 !important}
#xt-side .xs-ic{width:26px !important;height:26px !important;border-radius:6px !important}
#xt-side .xs-home-ic{background:#8E8E93 !important}
#xt-side .xs-out{border-top:0.5px solid #D1D1D6 !important}
#xt-side .xs-out .xs-item:hover{color:#FF3B30 !important}

/* ---------- celular: barras translucidas ---------- */
@media (max-width:900px){
  #app-view > aside{background:#F2F2F7 !important}
  #app-view > aside.xs-open{box-shadow:12px 0 32px rgba(0,0,0,.18) !important}
  #xs-overlay.xs-on{background:rgba(0,0,0,.3) !important}
  #xs-top{background:rgba(249,249,249,.92) !important;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:0.5px solid #D1D1D6 !important}
  #xs-top .xs-burger{color:#9A7414 !important}
  #xs-top .xs-brand{color:#1C1C1E !important;letter-spacing:0 !important}
  #xs-top .xs-brand span{color:#C9A227 !important}
  #xs-top .xs-user{color:#6D6D72 !important}
  #xs-bottom{background:rgba(249,249,249,.92) !important;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-top:0.5px solid #D1D1D6 !important}
  #xs-bottom .xs-bt{color:#8E8E93 !important;font-size:10px !important}
  #xs-bottom .xs-bt.xs-on{color:#9A7414 !important;font-weight:600}
}

/* ---------- contenido ---------- */
#app-view > main > section > h2{font-size:30px !important;font-weight:700 !important;letter-spacing:.2px !important;color:#1C1C1E !important;text-transform:none !important}
#app-view > main .subtitle{color:#6D6D72 !important}
#app-view > main .card{background:#FFFFFF !important;border:0 !important;border-radius:12px !important;box-shadow:none !important}
#app-view > main .card h3{text-transform:none !important;letter-spacing:0 !important;color:#1C1C1E !important}
#app-view > main a{color:#9A7414}

/* campos */
#app-view > main input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]),
#app-view > main select, #app-view > main textarea{
  background:#F2F2F7 !important;border:1px solid transparent !important;border-radius:10px !important;color:#1C1C1E !important;box-shadow:none !important}
#app-view > main input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]):focus,
#app-view > main select:focus, #app-view > main textarea:focus{
  border-color:#C9A227 !important;box-shadow:0 0 0 3px rgba(201,162,39,.20) !important;outline:none !important}
#app-view > main label{color:#6D6D72}
#app-view input[type=checkbox], #app-view input[type=radio]{accent-color:#C9A227}

/* tablas */
#app-view > main th{color:#8E8E93 !important;text-transform:none !important;letter-spacing:0 !important;font-weight:500 !important;font-size:12.5px !important;border-bottom:0.5px solid #E3E3E8 !important}
#app-view > main td{border-color:#E5E5EA !important}

/* botones: dorado plano, sin degradado */
button.xt-b:not(.xt-b-danger), #app-view > main button.primary{
  background:#C9A227 !important;color:#1C1C1E !important;border:1px solid #C9A227 !important;border-radius:10px !important;font-weight:600 !important;box-shadow:none !important}
button.xt-b:not(.xt-b-danger):hover:not(:disabled), #app-view > main button.primary:hover:not(:disabled){
  background:#B8931F !important;border-color:#B8931F !important;box-shadow:none !important;transform:none !important}
#org-settings-close-btn.xt-b, #view-organizations .xo-sec-btn.xt-b{
  background:#FFFFFF !important;color:#1C1C1E !important;border:1px solid #D1D1D6 !important}
#org-settings-close-btn.xt-b:hover:not(:disabled), #view-organizations .xo-sec-btn.xt-b:hover:not(:disabled){
  background:#F2F2F7 !important;color:#1C1C1E !important;box-shadow:none !important}


/* ---------- XT-IOS v1.1: opciones de formulario como interruptores ---------- */
#app-view > main .field:has(> input[type=checkbox]){
  display:flex !important;align-items:center !important;gap:12px !important;
  min-height:48px;margin:0 !important;padding:8px 0 !important;border-bottom:0.5px solid #E5E5EA}
#app-view > main .field:has(> input[type=checkbox]) + .field:not(:has(> input[type=checkbox])),
#app-view > main .field:has(> input[type=checkbox]) + button{margin-top:16px !important}
#app-view > main .field:has(> input[type=checkbox]) > label{
  order:1;flex:1 1 auto;margin:0 !important;font-size:15px !important;color:#1C1C1E !important;line-height:1.35;cursor:pointer}
#app-view > main .field > input[type=checkbox]{
  order:2;-webkit-appearance:none;appearance:none;flex:0 0 auto;
  width:51px !important;height:31px !important;margin:0 !important;padding:0 !important;
  border-radius:16px !important;background:#E9E9EA !important;border:0 !important;position:relative;cursor:pointer;
  transition:background .2s ease}
#app-view > main .field > input[type=checkbox]::after{
  content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;
  box-shadow:0 3px 8px rgba(0,0,0,.15),0 1px 1px rgba(0,0,0,.16);transition:transform .2s ease}
#app-view > main .field > input[type=checkbox]:checked{background:#34C759 !important}
#app-view > main .field > input[type=checkbox]:checked::after{transform:translateX(20px)}
#app-view > main .field > input[type=checkbox]:focus-visible{outline:2px solid #C9A227;outline-offset:2px}
#app-view > main .field > input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}

/* ---------- botones secundarios (Cancelar, Cerrar) ---------- */
#app-view button.xt-ios-sec, #app-view button.xt-ios-sec.xt-b{
  background:#FFFFFF !important;color:#1C1C1E !important;border:1px solid #D1D1D6 !important;box-shadow:none !important}
#app-view button.xt-ios-sec:hover:not(:disabled){background:#F2F2F7 !important;transform:none !important}


/* ---------- XT-IOS v1.2: acciones destructivas en rojo sin relleno ---------- */
#app-view button.xt-ios-del, #app-view button.xt-ios-del.xt-b, #app-view button.xt-ios-del.xt-b-danger{
  background:#FFFFFF !important;color:#FF3B30 !important;border:1px solid #D1D1D6 !important;box-shadow:none !important}
#app-view button.xt-ios-del:hover:not(:disabled){background:#FFF2F1 !important;transform:none !important}
#app-view button.xt-ios-del svg{stroke:#FF3B30 !important}


/* ---------- XT-IOS v1.3: casilla dentro de su etiqueta (Organizaciones) como interruptor ---------- */
#view-organizations label:has(> input[type=checkbox]){
  display:flex !important;flex-direction:row-reverse !important;justify-content:space-between !important;align-items:center !important;
  gap:12px !important;min-height:48px;padding:8px 0 !important;margin:0 !important;border-bottom:0.5px solid #E5E5EA;
  font-size:15px !important;color:#1C1C1E !important;cursor:pointer}
#view-organizations label > input[type=checkbox]{
  -webkit-appearance:none;appearance:none;flex:0 0 auto;
  width:51px !important;height:31px !important;margin:0 !important;padding:0 !important;
  border-radius:16px !important;background:#E9E9EA !important;border:0 !important;position:relative;cursor:pointer;transition:background .2s ease}
#view-organizations label > input[type=checkbox]::after{
  content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;
  box-shadow:0 3px 8px rgba(0,0,0,.15),0 1px 1px rgba(0,0,0,.16);transition:transform .2s ease}
#view-organizations label > input[type=checkbox]:checked{background:#34C759 !important}
#view-organizations label > input[type=checkbox]:checked::after{transform:translateX(20px)}
#view-organizations label > input[type=checkbox]:focus-visible{outline:2px solid #C9A227;outline-offset:2px}


/* ---------- XT-IOS v1.4: Configurar evento ---------- */
#evt-data-card table td:first-child{color:#1C1C1E !important}
#evt-data-card .alternar-activo-btn[data-activo="true"]{color:#FF3B30 !important}
#evt-data-card #xt-plano-box{background:#F2F2F7 !important;border:0 !important;border-radius:12px !important}


/* ---------- XT-IOS v2: Eventos en dos paneles (computador) ---------- */
#xe-tools, #xe-empty{display:none}
@media (min-width:1200px){
  #app-view > main > #view-events:not(.hidden){display:grid !important;grid-template-columns:340px minmax(0,1fr);column-gap:24px;align-items:start;max-width:1500px !important}
  #view-events > *{grid-column:2;min-width:0}
  #view-events > .xe-hd{grid-column:1 / -1}
  #view-events > #xe-list-card{grid-column:1;grid-row:2 / span 30;position:sticky;top:20px;max-height:calc(100vh - 40px);overflow:auto;padding:12px !important}
  #view-events > #new-event-card:has(#event-form.hidden){display:none !important}
  #xe-list-card > h3{display:none !important}
  #xe-tools{display:flex;flex-direction:column;gap:8px;margin:0 0 10px}
  #xe-tools input{height:34px;font-size:14px}
  #xe-tools .xe-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:rgba(118,118,128,.12);border-radius:9px;padding:2px}
  #xe-tools .xe-seg button{all:unset;text-align:center;font-size:12.5px;padding:5px 0;border-radius:7px;cursor:pointer;color:#1C1C1E}
  #xe-tools .xe-seg button.on{background:#fff;font-weight:600;box-shadow:0 2px 6px rgba(0,0,0,.1)}
  #xe-tools .xe-seg button:focus-visible{outline:2px solid #C9A227}
  #xe-list-card #event-table thead{display:none !important}
  #xe-list-card #event-table, #xe-list-card #event-table tbody{display:block !important;width:100% !important}
  #xe-list-card #event-table tbody tr{display:grid !important;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;row-gap:2px;padding:8px 10px !important;margin:0 0 2px !important;border:0 !important;border-radius:10px !important;cursor:pointer;background:none !important}
  #xe-list-card #event-table tbody tr:hover{background:#F2F2F7 !important}
  #xe-list-card #event-table tbody tr.xe-sel{background:rgba(201,162,39,.18) !important}
  #xe-list-card #event-table tbody tr.xe-hide{display:none !important}
  #xe-list-card #event-table td{display:block !important;padding:0 !important;border:0 !important;width:auto !important;text-align:left !important;white-space:normal !important}
  #xe-list-card #event-table td:nth-child(1){grid-column:1;grid-row:1}
  #xe-list-card #event-table td:nth-child(2){display:block !important;grid-column:1;grid-row:2;font-size:12px !important;color:#8E8E93 !important;padding-left:46px !important}
  #xe-list-card #event-table td:nth-child(3){grid-column:2;grid-row:1;align-self:center;font-size:0 !important}
  #xe-list-card #event-table td:nth-child(3) *{font-size:0 !important}
  #xe-list-card #event-table td:nth-child(4){grid-column:2;grid-row:2;text-align:right !important;font-size:12.5px}
  #xe-list-card #event-table .xo-cfg, #xe-list-card #event-table .xe-sep{display:none !important}
  #xe-list-card #event-table .xo-logo{width:34px !important;height:34px !important;border-radius:8px !important}
  #view-events > #xe-empty{display:flex;align-items:center;justify-content:center;min-height:320px;color:#8E8E93;font-size:15px}
  #view-events:has(#evt-data-card:not(.hidden)) > #xe-empty,
  #view-events:has(#event-form:not(.hidden)) > #xe-empty{display:none}
}


/* ---------- XT-IOS v2.1 ---------- */
@media (min-width:1200px){
  #xe-tools .xe-seg [data-f]{display:block;text-align:center;font-size:12.5px;padding:5px 0;border-radius:7px;cursor:pointer;color:#1C1C1E;text-decoration:none;user-select:none}
  #xe-tools .xe-seg [data-f].on{background:#fff;font-weight:600;box-shadow:0 2px 6px rgba(0,0,0,.1)}
  #xe-tools .xe-seg [data-f]:focus-visible{outline:2px solid #C9A227}
  #view-events > #xe-list-card{overflow-x:hidden !important}
  #xe-list-card #event-table{min-width:0 !important;max-width:100% !important}
  #xe-list-card #event-table tbody tr{width:auto !important;box-sizing:border-box}
  #xe-list-card #event-table td:nth-child(1), #xe-list-card #event-table td:nth-child(1) *{min-width:0 !important;max-width:100%}
  #xe-list-card #event-table .xo-org{min-width:0}
  #xe-list-card #event-table .xo-nom{white-space:normal !important;overflow-wrap:anywhere}
}

/* preguntas: casillas como interruptores */
#evt-data-card label:has(> input[type=checkbox]){display:inline-flex !important;flex-direction:row-reverse;align-items:center;gap:10px;cursor:pointer;color:#1C1C1E}
#evt-data-card label > input[type=checkbox]{
  -webkit-appearance:none !important;appearance:none !important;flex:0 0 auto;
  width:51px !important;height:31px !important;margin:0 !important;padding:0 !important;
  border-radius:16px !important;background:#E9E9EA !important;border:0 !important;position:relative;cursor:pointer;transition:background .2s ease}
#evt-data-card label > input[type=checkbox]::after{
  content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;
  box-shadow:0 3px 8px rgba(0,0,0,.15),0 1px 1px rgba(0,0,0,.16);transition:transform .2s ease}
#evt-data-card label > input[type=checkbox]:checked{background:#34C759 !important}
#evt-data-card label > input[type=checkbox]:checked::after{transform:translateX(20px)}
#evt-data-card label > input[type=checkbox]:focus-visible{outline:2px solid #C9A227;outline-offset:2px}
#evt-data-card label:has(> .nueva-pregunta-item-check){
  display:flex !important;justify-content:space-between;width:100%;box-sizing:border-box;
  min-height:46px;padding:6px 12px !important;margin:0 !important;border-bottom:0.5px solid #E5E5EA;font-size:15px}
#evt-data-card label:has(> .nueva-pregunta-item-check):last-child{border-bottom:0}


/* ---------- XT-IOS v2.2: formulario de evento cerrado = tarjeta oculta (todas las pantallas) ---------- */
#view-events > #new-event-card:has(#event-form.hidden){display:none !important}


/* ---------- XT-IOS v2.3: lista compacta en celular y tablet ---------- */
@media (max-width:1199px){
  #xe-list-card > h3{display:none !important}
  #xe-tools{display:flex;flex-direction:column;gap:8px;margin:0 0 10px}
  #xe-tools .xe-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:rgba(118,118,128,.12);border-radius:9px;padding:2px}
  #xe-tools .xe-seg [data-f]{display:block;text-align:center;font-size:13px;padding:7px 0;border-radius:7px;cursor:pointer;color:#1C1C1E;text-decoration:none;user-select:none}
  #xe-tools .xe-seg [data-f].on{background:#fff;font-weight:600;box-shadow:0 2px 6px rgba(0,0,0,.1)}
  #xe-list-card{overflow:hidden !important;padding:12px !important}
  #xe-list-card #event-table thead{display:none !important}
  #xe-list-card #event-table, #xe-list-card #event-table tbody{display:block !important;width:100% !important;min-width:0 !important;table-layout:auto !important}
  #xe-list-card #event-table tbody tr{display:grid !important;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;row-gap:2px;padding:10px 8px !important;margin:0 !important;border:0 !important;border-bottom:0.5px solid #E5E5EA !important;border-radius:0 !important;cursor:pointer;background:none !important}
  #xe-list-card #event-table tbody tr:last-child{border-bottom:0 !important}
  #xe-list-card #event-table tbody tr:active, #xe-list-card #event-table tbody tr.xe-sel{background:rgba(201,162,39,.14) !important}
  #xe-list-card #event-table tbody tr.xe-hide{display:none !important}
  #xe-list-card #event-table td{display:block !important;padding:0 !important;border:0 !important;width:auto !important;text-align:left !important;white-space:normal !important;font-size:inherit}
  #xe-list-card #event-table td:nth-child(1){grid-column:1;grid-row:1;min-width:0}
  #xe-list-card #event-table td:nth-child(1) *{min-width:0 !important}
  #xe-list-card #event-table td:nth-child(2){display:block !important;grid-column:1;grid-row:2;font-size:12px !important;color:#8E8E93 !important;padding-left:46px !important}
  #xe-list-card #event-table td:nth-child(3){display:block !important;grid-column:2;grid-row:1;align-self:center;justify-self:end;width:auto !important;font-size:0 !important}
  #xe-list-card #event-table td:nth-child(3) *{font-size:0 !important}
  #xe-list-card #event-table td:nth-child(4){grid-column:2;grid-row:2;text-align:right !important;font-size:13px;width:auto !important}
  #xe-list-card #event-table .xo-cfg, #xe-list-card #event-table .xe-sep{display:none !important}
  #xe-list-card #event-table .xo-logo{width:34px !important;height:34px !important;border-radius:8px !important}
  #xe-list-card #event-table .xo-nom{white-space:normal !important;overflow-wrap:anywhere}
}


/* ---------- XT-IOS v2.4 ---------- */
#xe-list-card #event-table td:nth-child(4){display:none !important}
#xe-list-card #event-table td:nth-child(3){grid-row:1 / span 2 !important;align-self:center !important}
@media (max-width:1199px){
  #xe-list-card #event-table td:nth-child(3){display:flex !important;align-items:center;gap:10px}
  #xe-list-card #event-table td:nth-child(3)::after{content:"";width:8px;height:8px;border-right:2px solid #C4C4C7;border-top:2px solid #C4C4C7;transform:rotate(45deg);margin-right:4px}
}
#evt-data-card div:has(> h4.xev-first){border:0 !important;padding:0 !important;background:none !important;box-shadow:none !important}
#evt-data-card .xev-edit{font-size:14px;font-weight:600;color:#9A7414 !important;text-decoration:none;margin-left:auto;white-space:nowrap;cursor:pointer}
#evt-data-card .xev-edit:hover{text-decoration:underline}
#evt-data-card .xev-titlerow{display:flex;align-items:center;gap:12px}


/* ---------- XT-IOS v2.5: filtro de organizacion como fila de Ajustes ---------- */
#app-view > main #users-org-card{background:#FFFFFF !important;border:0 !important;border-radius:12px !important;
  padding:0 16px !important;margin:0 0 16px !important;max-width:560px}
#users-org-card .field{display:flex !important;align-items:center !important;justify-content:space-between !important;
  gap:12px;min-height:48px;margin:0 !important}
#users-org-card label{font-size:15px !important;color:#1C1C1E !important;margin:0 !important;white-space:nowrap}
#app-view > main #users-org-card select{background:transparent !important;border:0 !important;box-shadow:none !important;
  padding:8px 22px 8px 0 !important;font-size:15px !important;color:#6D6D72 !important;text-align:right;text-align-last:right;
  max-width:70%;width:auto !important;cursor:pointer}
#app-view > main #users-org-card select:focus{box-shadow:none !important;color:#1C1C1E !important}


/* ---------- XT-2FA v1.2: interruptor de doble autenticacion en Editar usuario ---------- */
.xu-box #xu-2fa-ex{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;
  font-size:15px;color:#1C1C1E;cursor:pointer;padding:0 0 10px;margin:0 0 4px;border-bottom:0.5px solid #E5E5EA}
.xu-box #xu-2fa-ex-nota{display:block;font-size:12px;color:#6D6D72;margin-top:2px}
.xu-box input.xu-sw{-webkit-appearance:none !important;appearance:none !important;flex:0 0 auto;
  width:51px !important;height:31px !important;margin:0 !important;padding:0 !important;border-radius:16px !important;
  background:#E9E9EA !important;border:0 !important;position:relative;cursor:pointer;transition:background .2s ease}
.xu-box input.xu-sw::after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;
  box-shadow:0 3px 8px rgba(0,0,0,.15),0 1px 1px rgba(0,0,0,.16);transition:transform .2s ease}
.xu-box input.xu-sw:checked{background:#34C759 !important}
.xu-box input.xu-sw:checked::after{transform:translateX(20px)}
.xu-box input.xu-sw:disabled{opacity:.5}
.xu-box input.xu-sw:focus-visible{outline:2px solid #C9A227;outline-offset:2px}


/* ---------- XT-IOS v2.6: inicio de sesion claro y liso ---------- */
html:has(#login-view:not(.hidden)), body:has(#login-view:not(.hidden)){background:#F2F2F7 !important;background-image:none !important}
#login-view{background:#F2F2F7 !important;background-image:none !important}
#login-view::before, #login-view::after{display:none !important}
#login-view .login-card{background:#FFFFFF !important;border:0 !important;border-radius:16px !important;
  box-shadow:0 10px 40px rgba(0,0,0,.08) !important}

/* ---------- Preguntas: lista de productos mas alta ---------- */
#evt-data-card div:has(> label > .nueva-pregunta-item-check){max-height:380px !important;height:auto !important;
  max-width:560px;overflow-y:auto;border:0 !important;border-radius:12px !important;background:#F2F2F7 !important;padding:2px 0 !important}
#evt-data-card label:has(> .nueva-pregunta-item-check){border-bottom-color:#E0E0E5 !important}


/* ---------- XT-IOS v3: Organizaciones ---------- */
#xo-tools, #xo-empty{display:none}
#xo-tools{flex-direction:column;gap:8px;margin:0 0 10px}
#xo-list-card > h3{display:none !important}
#xo-list-card{overflow:hidden !important;padding:12px !important}
#xo-list-card #org-table thead{display:none !important}
#xo-list-card #org-table, #xo-list-card #org-table tbody{display:block !important;width:100% !important;min-width:0 !important;max-width:100% !important;table-layout:auto !important}
#xo-list-card #org-table tbody tr{display:grid !important;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;row-gap:2px;padding:10px 8px !important;margin:0 !important;border:0 !important;border-bottom:0.5px solid #E5E5EA !important;border-radius:0 !important;cursor:pointer;background:none !important}
#xo-list-card #org-table tbody tr:last-child{border-bottom:0 !important}
#xo-list-card #org-table tbody tr:hover{background:#F7F7FA !important}
#xo-list-card #org-table tbody tr.xo-sel{background:rgba(201,162,39,.18) !important;border-radius:10px !important}
#xo-list-card #org-table tbody tr.xo-hide{display:none !important}
#xo-list-card #org-table td{display:block !important;padding:0 !important;border:0 !important;width:auto !important;text-align:left !important;white-space:normal !important}
#xo-list-card #org-table td:nth-child(1){grid-column:1;grid-row:1;min-width:0}
#xo-list-card #org-table td:nth-child(1) *{min-width:0 !important}
#xo-list-card #org-table td:nth-child(2){display:block !important;grid-column:1;grid-row:2;font-size:12px !important;color:#8E8E93 !important;padding-left:46px !important;overflow-wrap:anywhere}
#xo-list-card #org-table td:nth-child(3){display:flex !important;align-items:center;gap:10px;grid-column:2;grid-row:1 / span 2;align-self:center;font-size:0 !important;width:auto !important}
#xo-list-card #org-table td:nth-child(3) *{font-size:0 !important}
#xo-list-card #org-table td:nth-child(4){display:none !important}
#xo-list-card #org-table .xo-logo{width:34px !important;height:34px !important;border-radius:8px !important}
#xo-list-card #org-table .xo-nom{white-space:normal !important;overflow-wrap:anywhere}
@media (max-width:1199px){
  #xo-tools{display:flex}
  #xo-list-card #org-table td:nth-child(3)::after{content:"";width:8px;height:8px;border-right:2px solid #C4C4C7;border-top:2px solid #C4C4C7;transform:rotate(45deg);margin-right:4px}
}
@media (min-width:1200px){
  #app-view > main > #view-organizations:not(.hidden){display:grid !important;grid-template-columns:340px minmax(0,1fr);column-gap:24px;align-items:start;max-width:1500px !important}
  #view-organizations > *{grid-column:2;min-width:0}
  #view-organizations > .xo-hd, #view-organizations > h2, #view-organizations > .subtitle{grid-column:1 / -1}
  #view-organizations > #xo-list-card{grid-column:1;grid-row:2 / span 30;position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto !important}
  #xo-tools{display:flex}
  #view-organizations > #xo-empty{display:flex;align-items:center;justify-content:center;min-height:320px;color:#8E8E93;font-size:15px}
  #view-organizations:has(#org-settings-card:not(.hidden)) > #xo-empty{display:none}
  #view-organizations > .card:has(#org-form):not(.hidden) ~ #xo-empty{display:none}
}


/* ---------- XT-IOS v3.1: dos paneles sin desbordar ---------- */
@media (min-width:1200px){
  #app-view > main > #view-organizations:not(.hidden),
  #app-view > main > #view-events:not(.hidden){width:100% !important;max-width:min(1500px, 100%) !important;box-sizing:border-box;overflow-x:clip}
  #view-organizations > .xo-hd, #view-events > .xe-hd{min-width:0;flex-wrap:wrap;gap:12px}
  #org-settings-card, #evt-data-card{min-width:0 !important;max-width:100% !important;box-sizing:border-box;overflow-wrap:anywhere}
  #org-settings-card div, #org-settings-card form, #org-settings-card .field{min-width:0 !important;max-width:100%}
  #org-settings-card div:has(> input):has(> button){flex-wrap:wrap !important}
  #org-settings-card input:not([type=checkbox]):not([type=color]), #org-settings-card select, #org-settings-card textarea{min-width:0 !important;max-width:100% !important;box-sizing:border-box}
  #org-settings-card button{flex:0 0 auto;max-width:100%}
  #org-settings-card .logo-box{flex-wrap:wrap !important}
}


/* ---------- XT-IOS v3.2 ---------- */
html, body{overflow-x:hidden !important;max-width:100vw}
#app-view > main{min-width:0 !important;overflow-x:clip !important}
@media (min-width:901px){
  #app-view:not(.hidden){grid-template-columns:248px minmax(0, 1fr) !important;width:100vw !important;max-width:100vw !important}
}
.logo-box{border:0 !important;background:#F2F2F7 !important;border-radius:12px !important;padding:14px 16px !important}


/* ---------- XT-IOS v3.3: Usuarios como lista ---------- */
#view-users #users-table thead{display:none !important}
#view-users #users-table, #view-users #users-table tbody{display:block !important;width:100% !important;min-width:0 !important;table-layout:auto !important}
#view-users #users-table tbody tr{display:grid !important;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;column-gap:12px;
  padding:10px 8px !important;margin:0 !important;border:0 !important;border-bottom:0.5px solid #E5E5EA !important;background:none !important;cursor:pointer}
#view-users #users-table tbody tr:last-child{border-bottom:0 !important}
#view-users #users-table tbody tr:hover{background:#F7F7FA !important}
#view-users #users-table tbody tr.xu-yo-row{cursor:default}
#view-users #users-table tbody tr.xu-yo-row:hover{background:none !important}
#view-users #users-table td{display:block !important;padding:0 !important;border:0 !important;width:auto !important;text-align:left !important;white-space:normal !important;font-size:inherit !important}
#view-users #users-table td:nth-child(1){min-width:0}
#view-users #users-table td:nth-child(1) *{min-width:0 !important}
#view-users #users-table td:nth-child(2){display:block !important;font-size:13px !important;color:#8E8E93 !important;text-align:right !important;white-space:nowrap !important}
#view-users #users-table td:nth-child(3){display:flex !important;align-items:center;gap:10px;font-size:0 !important;width:auto !important;padding:0 !important}
#view-users #users-table td:nth-child(3) *{font-size:0 !important}
#view-users #users-table tbody tr:not(.xu-yo-row) td:nth-child(3)::after{content:"";width:8px;height:8px;border-right:2px solid #C4C4C7;border-top:2px solid #C4C4C7;transform:rotate(45deg);margin-right:4px}
#view-users #users-table td:nth-child(4){display:none !important}
#view-users #users-table tbody tr.xu-yo-row td:nth-child(4){display:block !important;grid-column:3;font-size:12.5px !important}
#view-users #users-table tbody tr.xu-yo-row td:nth-child(3){display:none !important}
@media (max-width:600px){
  #view-users #users-table td:nth-child(2){font-size:12px !important;max-width:110px;overflow:hidden;text-overflow:ellipsis}
}
.xu-box .xu-actions .xu-del-user{margin-right:auto}


/* ---------- XT-CONEXIONES v1 ---------- */
#users-table .xu-last{font-size:12px;color:#8E8E93;margin-top:1px}
.xu-box #xu-conex{margin-top:14px;padding-top:12px;border-top:0.5px solid #E5E5EA}
.xu-box .xu-conex-t{font-size:12.5px;color:#6D6D72;margin-bottom:6px}
.xu-box .xu-conex-l{font-size:13px;color:#1C1C1E}
.xu-box .xu-conex-r{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:0.5px solid #F0F0F3}
.xu-box .xu-conex-r:last-child{border-bottom:0}
.xu-box .xu-conex-r span:last-child{color:#6D6D72;font-variant-numeric:tabular-nums}


/* ---------- XT-IMPORT v2 ---------- */
#xim{margin:14px 0 6px;padding:16px;background:#F2F2F7;border-radius:12px}
#xim .xim-dim{color:#6D6D72;font-size:13px;margin:0 0 10px}
#xim .xim-warn{color:#9A6700;font-size:13px;margin:10px 0}
#xim .xim-err{color:#FF3B30;font-size:13.5px}
#xim .xim-tw{overflow-x:auto;background:#fff;border-radius:10px;margin:0 0 12px}
#xim .xim-t{width:100%;border-collapse:collapse;font-size:13px}
#xim .xim-t th,#xim .xim-t td{padding:7px 10px !important;text-align:left;border-bottom:0.5px solid #E5E5EA;white-space:nowrap}
#xim .xim-t td.xim-dim{white-space:normal;margin:0}
#xim .xim-acts{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:6px 0 12px}
#xim .xim-sum{display:flex;gap:16px;flex-wrap:wrap;font-weight:600;font-size:14px;margin:4px 0 10px}
#xim .xim-sum .ok{color:#1E8E3E}#xim .xim-sum .om{color:#9A6700}#xim .xim-sum .er{color:#FF3B30}
#xim h5{margin:12px 0 6px;font-size:13px;color:#1C1C1E}


/* ---------- XT-IMPORT v2.1 ---------- */
#xim [hidden]{display:none !important}
#btn-importar-evento.xim-abierto{background:#FFFFFF !important;color:#1C1C1E !important;border:1px solid #D1D1D6 !important;box-shadow:none !important}


/* ---------- XT-EMBED v1 ---------- */
#xt-embed.hidden{display:none !important}
#xt-embed{position:fixed;top:0;right:0;bottom:0;left:248px;z-index:50;background:#F2F2F7;max-width:none !important;margin:0 !important;padding:0 !important}
#xt-embed iframe{width:100%;height:100%;border:0;display:block;background:#F2F2F7}
@media (max-width:900px){
  #xt-embed{left:0;top:54px;bottom:calc(64px + env(safe-area-inset-bottom))}
}