/* ===== Control de Acceso — tema oscuro app ===== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&display=swap');

* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { min-height: 100%; background: #1a1a2e; color: #e7e9ee; font-family: 'Inter', Arial, sans-serif; }
body { display: flex; flex-direction: column; align-items: center; padding: 24px 16px 56px; }

.home-btn { position: fixed; top: 14px; left: 14px; padding: 8px 14px; border-radius: 8px; background: rgba(255,255,255,.08); color: #fff; text-decoration: none; font-weight: 700; font-size: 13px; transition: background .2s; }
.home-btn:hover { background: rgba(255,255,255,.18); }

.page-title { font-size: clamp(20px,3.5vw,30px); font-weight: 900; text-transform: uppercase; letter-spacing: 2px; color: #e0e0e0; margin-bottom: 4px; text-align: center; }
.page-sub { color: #9aa3b2; font-size: 14px; margin-bottom: 22px; text-align: center; }
.page-sub .warn { color: #ffb84d; font-weight: 700; }

.btn { padding: 9px 16px; border: none; border-radius: 8px; background: linear-gradient(135deg,#2980b9,#3aa0e0); color: #fff; font-weight: 800; cursor: pointer; transition: transform .15s, box-shadow .2s; white-space: nowrap; }
.btn:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(41,128,185,.4); }

input[type=text], input[type=number], select, input[type=file] {
  background: #11131f; border: 1px solid rgba(255,255,255,.15); color: #fff;
  border-radius: 8px; padding: 8px 10px; font-size: 14px; font-family: inherit;
}
input:focus, select:focus { outline: none; border-color: #3aa0e0; }
label { font-size: 12px; font-weight: 700; color: #8a8aa0; text-transform: uppercase; letter-spacing: .5px; }

.row { display: flex; align-items: center; gap: 8px; margin-top: 6px; }
.row.wrap { flex-wrap: wrap; }
.hint { font-size: 11px; color: #6a6a80; margin-top: 4px; }
.field { display: flex; flex-direction: column; gap: 3px; }
.field-lbl { font-size: 10px; color: #8a8aa0; text-transform: uppercase; letter-spacing: .5px; }
.field input { width: 120px; }

/* ===== Toolbar admin ===== */
.toolbar { width: 100%; max-width: 1100px; display: grid; grid-template-columns: repeat(auto-fit,minmax(280px,1fr)); gap: 14px; margin-bottom: 14px; align-items: start; }
.tool-card { background: rgba(22,33,62,.7); border: 1px solid rgba(255,255,255,.08); border-radius: 12px; padding: 14px 16px; }
.walkin-card { width: 100%; max-width: 1100px; margin-bottom: 18px; }
.tool-card .row input[type=file] { flex: 1; min-width: 0; }

/* ===== Pestañas (Participantes / Por sesión) ===== */
.cc-tabs { width: 100%; max-width: 1100px; display: flex; gap: 8px; margin-bottom: 16px; }
.cc-tab {
  padding: 9px 18px; border: 1px solid rgba(255,255,255,.12); border-radius: 10px;
  background: rgba(22,33,62,.5); color: #9aa3b2; font-weight: 800; font-size: 14px; cursor: pointer;
  transition: all .15s;
}
.cc-tab:hover { color: #fff; }
.cc-tab.active { background: #2980b9; color: #fff; border-color: #3aa0e0; }

/* ===== Panel Por sesión ===== */
.ses-intro { width: 100%; max-width: 1100px; color: #9aa3b2; font-size: 13px; margin-bottom: 14px; }
#ses-container { width: 100%; max-width: 1100px; display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 16px; }
.ses-card { background: rgba(22,33,62,.6); border: 1px solid rgba(255,255,255,.1); border-radius: 12px; overflow: hidden; }
.ses-head { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 12px 14px; background: #16213e; border-bottom: 1px solid rgba(255,255,255,.08); }
.ses-name { font-weight: 900; font-size: 15px; text-transform: uppercase; letter-spacing: .5px; }
.ses-hora { font-size: 12px; color: #cfe3ff; background: rgba(79,195,247,.12); border: 1px solid rgba(79,195,247,.3); border-radius: 999px; padding: 2px 9px; }
.ses-hora.none { color: #6a6a80; background: transparent; border-color: rgba(255,255,255,.12); }
.ses-count { margin-left: auto; font-size: 12px; font-weight: 800; color: #ffb84d; }
.ses-count.ok { color: #2ee66d; }
.ses-warn { font-size: 11px; color: #ff8a8a; background: rgba(255,82,82,.12); border: 1px solid rgba(255,82,82,.3); border-radius: 999px; padding: 2px 8px; width: 100%; text-align: center; }
.ses-list { display: flex; flex-direction: column; }
.ses-pilot {
  display: flex; align-items: center; flex-wrap: wrap; gap: 6px 8px;
  padding: 8px 12px; border-bottom: 1px solid rgba(255,255,255,.05); font-size: 13px;
}
.kart-mini { display: inline-flex; align-items: center; justify-content: center; min-width: 28px; padding: 2px 6px; background: #FFD60A; color: #14152a; font-weight: 900; border-radius: 5px; font-size: 12px; flex-shrink: 0; }
.ses-pilot .nm2 { flex: 1; min-width: 100px; font-weight: 700; text-transform: uppercase; }
/* El estado va en su propia línea (debajo del nombre) y los chips pueden envolver */
.ses-pilot .st { flex-basis: 100%; padding-left: 36px; font-weight: 700; display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
.row-ok .st { color: #2ee66d; }
.row-pend .st { color: #ffb84d; }
.row-no .st { color: #ff6b6b; }
.row-no { opacity: .9; }
.pend-chip { display: inline-block; font-size: 10px; font-weight: 800; background: rgba(255,184,77,.18); border: 1px solid rgba(255,184,77,.4); color: #ffd9a8; border-radius: 6px; padding: 1px 6px; text-transform: uppercase; }

/* ===== Contadores ===== */
.counters { width: 100%; max-width: 1100px; display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 16px; }
.chip { background: rgba(22,33,62,.7); border: 1px solid rgba(255,255,255,.1); border-radius: 10px; padding: 8px 14px; min-width: 92px; text-align: center; }
.chip-v { display: block; font-size: 20px; font-weight: 900; }
.chip-l { display: block; font-size: 11px; color: #8a8aa0; text-transform: uppercase; letter-spacing: .5px; }
.chip.ok { border-color: rgba(46,230,109,.5); } .chip.ok .chip-v { color: #2ee66d; }
.chip.warn { border-color: rgba(255,184,77,.5); } .chip.warn .chip-v { color: #ffb84d; }
.chip.danger { border-color: rgba(255,82,82,.5); } .chip.danger .chip-v { color: #ff5252; }

/* ===== Filtros ===== */
.filters { width: 100%; max-width: 1100px; display: flex; gap: 10px; margin-bottom: 12px; }
.filters #search { flex: 1; }

/* ===== Tabla ===== */
.table-wrap { width: 100%; max-width: 1100px; overflow-x: auto; border-radius: 12px; box-shadow: 0 8px 32px rgba(0,0,0,.4); background: rgba(22,33,62,.55); }
table { width: 100%; border-collapse: separate; border-spacing: 0; background: rgba(22,33,62,.55); }
thead th { position: sticky; top: 0; background: #16213e; color: #8a8aa0; text-transform: uppercase; font-size: 11px; letter-spacing: 1px; padding: 12px 10px; text-align: center; border-bottom: 1px solid rgba(255,255,255,.08); white-space: nowrap; }
tbody td { padding: 8px 10px; text-align: center; font-size: 14px; vertical-align: middle; }
/* El separador entre participantes va bajo la fila de notas (no bajo la de datos),
   para que la línea de datos y su nota se lean como un solo bloque. */
tr.notes-row td { border-bottom: 1px solid rgba(255,255,255,.08); }
tbody tr:hover { background: rgba(79,195,247,.06); }
.td-name { text-align: left; min-width: 200px; }
.nm { font-weight: 800; text-transform: uppercase; }
.contact { font-size: 11px; color: #7a8295; margin-top: 2px; }
.cell-in { text-align: center; }
/* Fila de notas a todo el ancho, bajo cada participante */
tr.notes-row td { text-align: left; padding: 2px 14px 14px; }
.notes-lbl {
  display: inline-block; font-size: 10px; font-weight: 800; letter-spacing: 1px;
  text-transform: uppercase; color: #8a8aa0; margin: 0 0 5px 2px;
}
.cell-notes {
  display: block; width: 100%; max-width: 720px; min-height: 44px;
  resize: vertical; text-align: left;
  padding: 8px 10px; font-size: 13px; line-height: 1.4; font-family: inherit;
  color: #fff; background: #1a1a2e;
  border: 1px solid rgba(255,255,255,.14); border-radius: 8px;
  overflow: hidden; white-space: pre-wrap; word-break: break-word;
}
.cell-notes:focus { outline: none; border-color: #4fc3f7; background: #1a1a2e; }
.cell-notes::placeholder { color: #6a6a80; }
.muted { color: #6a6a80; }
.lastre-desc { font-size: 10px; color: #8a8aa0; margin-top: 2px; }
.lastre-desc.man { color: #ffb84d; }

/* Peso efectivo (báscula + casco/mono) bajo el input de peso */
.peso-efectivo { font-size: 10px; color: #51cf66; font-weight: 700; margin-top: 2px; white-space: nowrap; }

.tag { display: inline-block; font-size: 9px; font-weight: 800; text-transform: uppercase; padding: 1px 5px; border-radius: 4px; margin-left: 4px; vertical-align: middle; }
.tag.manual { background: #2980b9; color: #fff; }
.tag.danger { background: #ff5252; color: #fff; }

.tg { border: none; border-radius: 6px; padding: 5px 12px; font-weight: 800; cursor: pointer; font-size: 13px; }
.tg.on { background: #1e7a44; color: #b8ffce; }
.tg.off { background: #4a2030; color: #ff9aa8; }

.estado.ok { color: #2ee66d; font-weight: 800; }
.estado.pend { color: #ffb84d; font-weight: 800; }

.del { background: transparent; border: 1px solid rgba(255,82,82,.4); color: #ff7a7a; border-radius: 6px; padding: 4px 8px; cursor: pointer; }
.del:hover { background: rgba(255,82,82,.15); }

.empty { padding: 28px; text-align: center; color: #8a8aa0; }

/* ===== Vista participante ===== */
.check-card { width: 100%; max-width: 520px; background: rgba(22,33,62,.7); border: 1px solid rgba(255,255,255,.1); border-radius: 14px; padding: 22px; margin-bottom: 18px; }
.check-intro { color: #cfd3e0; margin-bottom: 12px; }
.check-card .row { gap: 8px; }
.check-card #dato { flex: 1; }
.check-hint { font-size: 12px; color: #6a6a80; margin-top: 10px; }

#resultado { width: 100%; max-width: 520px; }
.msg { background: rgba(22,33,62,.7); border: 1px dashed rgba(255,255,255,.18); border-radius: 12px; padding: 16px; text-align: center; color: rgba(255,255,255,.75); }
.msg.notfound { border-color: rgba(255,184,77,.5); color: #ffd9a8; }

.result-card { background: rgba(22,33,62,.8); border: 1px solid rgba(255,255,255,.1); border-radius: 14px; padding: 20px; }
.who { font-size: 18px; margin-bottom: 10px; }
.who b { text-transform: uppercase; }
.ta-info { font-size: 14px; color: #cfe3ff; background: rgba(79,195,247,.1); border: 1px solid rgba(79,195,247,.3); border-radius: 8px; padding: 8px 12px; margin-bottom: 12px; }
.mis-ses { margin-bottom: 12px; }
.mis-ses.none { font-size: 13px; color: #9aa3b2; font-style: italic; }
.mis-ses-title { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .5px; color: #8a8aa0; margin-bottom: 6px; }
.mis-ses-row { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 8px 12px; margin-bottom: 6px; background: rgba(46,230,109,.08); border: 1px solid rgba(46,230,109,.3); border-radius: 8px; }
.ms-name { font-weight: 800; text-transform: uppercase; flex: 1; min-width: 120px; }
.ms-hora { font-weight: 800; color: #2ee66d; }
.ms-kart { font-size: 12px; color: #cfd3e0; background: rgba(255,255,255,.08); border-radius: 6px; padding: 2px 8px; }
.status { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 10px; margin-bottom: 8px; background: rgba(255,255,255,.04); }
.status .ic { font-size: 18px; width: 24px; text-align: center; }
.status .lb { font-weight: 700; flex: 1; text-align: left; }
.status .ex { font-size: 13px; color: #cfd3e0; }
.status.ok { box-shadow: inset 3px 0 0 #2ee66d; } .status.ok .ic { color: #2ee66d; }
.status.no { box-shadow: inset 3px 0 0 #ff5252; } .status.no .ic { color: #ff5252; }
.all-ok { margin-top: 12px; text-align: center; font-weight: 800; color: #2ee66d; font-size: 18px; }
.pend-msg { margin-top: 12px; text-align: center; color: #ffd9a8; background: rgba(255,184,77,.12); border: 1px solid rgba(255,184,77,.35); border-radius: 10px; padding: 12px; }

/* ===================== MODO CLARO ===================== */
:root[data-theme="light"] body { background: #eef1f6; color: #1f2733; }
:root[data-theme="light"] .home-btn { background: rgba(0,0,0,.06); color: #24303f; }
:root[data-theme="light"] .home-btn:hover { background: rgba(0,0,0,.12); }
:root[data-theme="light"] .page-title { color: #24303f; }
:root[data-theme="light"] .page-sub { color: #5a6472; }
/* Campos de formulario */
:root[data-theme="light"] input[type=text],
:root[data-theme="light"] input[type=number],
:root[data-theme="light"] select,
:root[data-theme="light"] input[type=file] { background: #ffffff; color: #1f2733; border-color: rgba(0,0,0,.18); }
:root[data-theme="light"] label,
:root[data-theme="light"] .field-lbl,
:root[data-theme="light"] .notes-lbl,
:root[data-theme="light"] .chip-l { color: #5a6472; }
:root[data-theme="light"] .hint { color: #8b93a1; }
/* Notas: caja clara sobre fondo claro (mismo fondo que la app) */
:root[data-theme="light"] .cell-notes { background: #ffffff; color: #1f2733; border-color: rgba(0,0,0,.18); }
:root[data-theme="light"] .cell-notes:focus { background: #ffffff; }
:root[data-theme="light"] .cell-notes::placeholder { color: #97a0ad; }
/* Tarjetas / paneles */
:root[data-theme="light"] .tool-card,
:root[data-theme="light"] .ses-card,
:root[data-theme="light"] .chip,
:root[data-theme="light"] .check-card,
:root[data-theme="light"] .result-card,
:root[data-theme="light"] .msg { background: #ffffff; border-color: rgba(0,0,0,.10); }
:root[data-theme="light"] .msg { color: #45505f; }
:root[data-theme="light"] .check-intro { color: #45505f; }
:root[data-theme="light"] .check-hint { color: #8b93a1; }
:root[data-theme="light"] .ses-intro,
:root[data-theme="light"] .mis-ses.none,
:root[data-theme="light"] .mis-ses-title,
:root[data-theme="light"] .contact { color: #6a7482; }
/* Pestañas */
:root[data-theme="light"] .cc-tab { background: #ffffff; color: #5a6472; border-color: rgba(0,0,0,.10); }
:root[data-theme="light"] .cc-tab:hover { color: #14202c; }
:root[data-theme="light"] .cc-tab.active { background: #2980b9; color: #fff; }
:root[data-theme="light"] .ses-head { background: #eef2f8; border-bottom-color: rgba(0,0,0,.08); }
/* Tabla */
:root[data-theme="light"] .table-wrap { background: #ffffff; box-shadow: 0 8px 26px rgba(20,30,50,.10); }
:root[data-theme="light"] thead th { background: #e7ebf3; color: #5a6472; border-bottom-color: rgba(0,0,0,.10); }
:root[data-theme="light"] tbody td { color: #24303f; border-bottom-color: rgba(0,0,0,.06); }
:root[data-theme="light"] tbody tr:hover { background: rgba(41,128,185,.07); }
:root[data-theme="light"] tr.notes-row td { border-bottom-color: rgba(0,0,0,.10); }
/* Estado (vista participante) */
:root[data-theme="light"] .status { background: rgba(0,0,0,.035); }
:root[data-theme="light"] .status .ex { color: #5a6472; }
:root[data-theme="light"] table { background: #ffffff; }

/* Extra opcional (paella): neutro, no es un requisito pendiente */
.status.opt { box-shadow: inset 3px 0 0 #6b7285; }
.status.opt .ic { color: #8a8aa0; }
.status.opt .lb { font-weight: 600; color: #cfd3e0; }
:root[data-theme="light"] .status.opt .lb { color: #4a5464; }

/* ===== Recordatorios por correo ===== */
.mail-card { margin-bottom: 14px; }
.btn.ghost { background: transparent; border: 1px solid rgba(255,255,255,.22); color: #cfd3e0; }
.btn.ghost:hover { border-color: rgba(255,255,255,.4); color: #fff; }
.mail-res {
  margin-top: 12px; padding: 12px 14px; border-radius: 9px; font-size: 13px; line-height: 1.55;
  background: rgba(255,255,255,.05); border-left: 3px solid #6b7285; color: #cfd3e0;
}
.mail-res.ok  { border-left-color: #2ee66d; }
.mail-res.err { border-left-color: #ff5252; }
.mail-res ul { margin: 8px 0 0 18px; }
.mail-res li { margin-bottom: 3px; }
.td-acc { white-space: nowrap; }
.mailbtn {
  background: transparent; border: 1px solid rgba(255,255,255,.18); color: #9aa3b2;
  border-radius: 7px; padding: 3px 8px; font-size: 14px; cursor: pointer; margin-right: 4px;
}
.mailbtn:hover:not(:disabled) { color: #fff; border-color: #e8942d; }
.mailbtn:disabled { opacity: .3; cursor: not-allowed; }
:root[data-theme="light"] .btn.ghost { border-color: rgba(0,0,0,.2); color: #4a5464; }
:root[data-theme="light"] .mail-res { background: rgba(0,0,0,.035); color: #4a5464; }
:root[data-theme="light"] .mailbtn { border-color: rgba(0,0,0,.18); color: #6a7482; }

/* ===== Por sesión: la próxima salida arriba, con teléfonos ===== */
#ses-container { display: flex; flex-direction: column; gap: 10px; max-width: 760px; }
.ses-sub { margin: 8px 0 0; font-size: 11px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; color: #8a8aa0; }
.ses-foco { border: 1.5px solid #ffb84d; }
.ses-hora small { color: #ffd9a8; font-weight: 700; }
.ses-aviso { padding: 10px 14px; font-size: 13px; font-weight: 800; }
.ses-aviso.pronto { background: rgba(255,184,77,.14); color: #ffd9a8; }
.ses-aviso.ya { background: rgba(255,82,82,.16); color: #ffb3b3; }
.ses-aviso.vivo { background: rgba(79,195,247,.14); color: #cfe3ff; }
.ses-aviso.ok { background: rgba(46,230,109,.12); color: #8ff5b1; }
.ses-aviso.hecha { background: rgba(255,255,255,.05); color: #9aa3b2; }
.ses-aviso.ses-solo { border-radius: 12px; }
.ses-pend { display: flex; flex-direction: column; gap: 10px; padding: 12px 14px; border-top: 1px solid rgba(255,255,255,.08); }
.ses-pend-top { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.ses-pend-top .nm2 { flex: 1; min-width: 120px; font-weight: 800; font-size: 14px; text-transform: uppercase; }
.ses-tel { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.tel-num { flex: 1; min-width: 110px; font-size: 16px; font-weight: 800; letter-spacing: .5px; font-variant-numeric: tabular-nums; }
.btn-tel, .btn-wa, .btn-buscar {
  display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 14px; border-radius: 8px;
  font: 800 13px 'Inter', Arial, sans-serif; text-decoration: none; cursor: pointer;
}
.btn-tel { background: #2980b9; color: #fff; border: 1px solid #3aa0e0; }
.btn-tel:hover { background: #3aa0e0; }
.btn-wa { background: transparent; color: #cfd3e0; border: 1px solid rgba(255,255,255,.25); }
.btn-wa:hover { color: #fff; border-color: rgba(255,255,255,.45); }
.sin-ficha { flex: 1; min-width: 160px; font-size: 12px; font-weight: 700; line-height: 1.35; color: #ff8a8a; }
.btn-buscar { background: transparent; color: #ffb3b3; border: 1px solid rgba(255,138,138,.5); }
.btn-buscar:hover { color: #fff; border-color: #ff8a8a; }
.ses-pie { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px 14px; border-top: 1px solid rgba(255,255,255,.08); }
.ses-pie .btn { flex: 1 1 160px; min-height: 44px; }
.ses-fila {
  width: 100%; display: flex; align-items: center; gap: 10px; min-height: 52px; padding: 0 14px;
  border-radius: 10px; border: 1px solid rgba(255,255,255,.1); background: rgba(22,33,62,.6); color: #e7e9ee;
  font: 800 13px 'Inter', Arial, sans-serif; text-align: left; cursor: pointer;
}
.ses-fila:hover { border-color: rgba(255,255,255,.25); }
.fs-nombre { flex: 1; text-transform: uppercase; letter-spacing: .5px; }
.fs-hora { font-weight: 600; color: #cfe3ff; }
.fs-est { min-width: 84px; text-align: right; }
.fs-est.pend { color: #ffb84d; }
.fs-est.ok { color: #2ee66d; }
.fs-est.vivo { color: #4fc3f7; }
.fs-est.hecha { color: #8a8aa0; }
.fs-flecha { color: #8a8aa0; }
:root[data-theme="light"] .ses-sub { color: #5a6472; }
:root[data-theme="light"] .ses-aviso.pronto { background: #fff1db; color: #8a4b00; }
:root[data-theme="light"] .ses-aviso.ya { background: #ffe1e1; color: #a11b1b; }
:root[data-theme="light"] .ses-aviso.vivo { background: #e1f1fb; color: #0d4f7a; }
:root[data-theme="light"] .ses-aviso.ok { background: #e1f7e8; color: #146b33; }
:root[data-theme="light"] .ses-aviso.hecha { background: #eef1f6; color: #5a6472; }
:root[data-theme="light"] .ses-pend, :root[data-theme="light"] .ses-pie { border-top-color: rgba(0,0,0,.08); }
:root[data-theme="light"] .tel-num { color: #1f2733; }
:root[data-theme="light"] .btn-wa { color: #2b3442; border-color: rgba(0,0,0,.2); }
:root[data-theme="light"] .sin-ficha { color: #b42318; }
:root[data-theme="light"] .btn-buscar { color: #b42318; border-color: rgba(180,35,24,.45); }
:root[data-theme="light"] .ses-fila { background: #ffffff; border-color: rgba(0,0,0,.1); color: #1f2733; }
:root[data-theme="light"] .fs-hora { color: #2b5c8a; }
:root[data-theme="light"] .fs-est.pend { color: #a35f00; }
:root[data-theme="light"] .fs-est.ok { color: #157a3a; }
:root[data-theme="light"] .ses-hora small { color: #a35f00; }
.btn-tel, .btn-wa { justify-content: center; }
@media (max-width: 480px) {
  .tel-num { flex-basis: 100%; }
  .ses-tel .btn-tel, .ses-tel .btn-wa { flex: 1 1 0; }
}
:root[data-theme="light"] .ses-hora { color: #1d5a8a; background: #e1f1fb; border-color: rgba(29,90,138,.3); }
:root[data-theme="light"] .pend-chip { background: #fff1db; border-color: rgba(163,95,0,.35); color: #8a4b00; }
:root[data-theme="light"] .ses-count { color: #a35f00; }
:root[data-theme="light"] .ses-count.ok, :root[data-theme="light"] .row-ok .st { color: #157a3a; }