/* ==========================================================================
   Livestream page — 2026-10-08 layer (loaded LAST by dashboard.html).

   Same design system as fundandwatch.com/en-vivo (assets/envivo.css):
     surface #11151D · elevated #181D27 · line #272D38
     text #F5F7FA / #9BA5B4 / #667085 · brand #229FE8 · live #F43F5E
     radius 4 labels · 6 controls · 8 cards · 12 media · space on a 4px scale

   Three parts:
     1. tokens + pieces every width shares (GIF chat, category pills)
     2. the Recompensas / Comunidad tabs, restyled at EVERY width
     3. the desktop three-column shell — ONLY under body.dk (min-width 861px),
        so the phone's live layout is exactly what it was.
   Every selector starts with html[data-lock-theme][data-theme] body.fw2 so it
   outranks the "FUND & WATCH SKIN" block in dashboard.html without !important.
   ========================================================================== */

html[data-lock-theme][data-theme] body.fw2{
  --v2-bg:#090B10;--v2-s1:#11151D;--v2-s2:#181D27;--v2-line:#272D38;--v2-line-2:#343B49;
  --v2-t1:#F5F7FA;--v2-t2:#9BA5B4;--v2-t3:#667085;--v2-blue:#229FE8;--v2-blue-ink:#06121E;--v2-live:#F43F5E;
  --v2-ease:150ms ease;
  --head-h:58px;--rail-w:240px;--chat-w:340px;
}

/* ---------------------------------------------------------- 1. shared */
/* the GIF button sits INSIDE the input's grid cell (right edge), so the
   composer row keeps its exact phone geometry */
html[data-lock-theme][data-theme] body.fw2 .chat-input-row .chat-input{grid-area:1/1;padding-right:56px;}
html[data-lock-theme][data-theme] body.fw2 .chat-gif-btn{grid-area:1/1;justify-self:end;align-self:center;z-index:1;
  margin-right:8px;height:28px;min-width:40px;padding:0 8px;border:1px solid var(--v2-line-2);border-radius:6px;
  background:transparent;color:var(--v2-t2);font-family:inherit;font-size:11px;font-weight:600;line-height:1;letter-spacing:.06em;cursor:pointer;
  transition:background var(--v2-ease),color var(--v2-ease),border-color var(--v2-ease);}
html[data-lock-theme][data-theme] body.fw2 .chat-gif-btn:hover,
html[data-lock-theme][data-theme] body.fw2 .chat-gif-btn.on{background:var(--v2-s2);color:var(--v2-t1);border-color:var(--v2-blue);}
html[data-lock-theme][data-theme] body.fw2 .chat-gif-btn:focus-visible{outline:2px solid var(--v2-blue);outline-offset:2px;}

html[data-lock-theme][data-theme] body.fw2 .gif-pop{position:absolute;left:12px;right:12px;bottom:72px;z-index:12;
  display:flex;flex-direction:column;max-height:min(380px,60%);background:var(--v2-s1);border:1px solid var(--v2-line);
  border-radius:8px;box-shadow:0 16px 40px rgba(0,0,0,.55);overflow:hidden;}
html[data-lock-theme][data-theme] body.fw2 .gif-pop[hidden]{display:none;}
html[data-lock-theme][data-theme] body.fw2 .gif-head{display:flex;gap:8px;padding:8px;border-bottom:1px solid var(--v2-line);}
html[data-lock-theme][data-theme] body.fw2 .gif-search{flex:1;display:flex;align-items:center;gap:8px;height:36px;padding:0 10px;
  background:var(--v2-bg);border:1px solid var(--v2-line);border-radius:6px;color:var(--v2-t3);}
html[data-lock-theme][data-theme] body.fw2 .gif-search:focus-within{border-color:var(--v2-blue);}
html[data-lock-theme][data-theme] body.fw2 .gif-search input{flex:1;min-width:0;height:34px;border:0;background:none;
  color:var(--v2-t1);font-family:inherit;font-size:14px;outline:none;padding:0;min-height:0;}
html[data-lock-theme][data-theme] body.fw2 .gi{width:16px;height:16px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;}
html[data-lock-theme][data-theme] body.fw2 .gif-x{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:6px;
  background:transparent;color:var(--v2-t2);cursor:pointer;}
html[data-lock-theme][data-theme] body.fw2 .gif-x:hover{background:var(--v2-s2);color:var(--v2-t1);}
html[data-lock-theme][data-theme] body.fw2 .gif-grid{flex:1;min-height:120px;overflow-y:auto;padding:8px;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:96px;gap:6px;align-content:start;scrollbar-width:thin;}
html[data-lock-theme][data-theme] body.fw2 .gif-cell{display:block;padding:0;border:0;border-radius:6px;overflow:hidden;
  background:var(--v2-s2);cursor:pointer;height:96px;min-height:0;}
html[data-lock-theme][data-theme] body.fw2 .gif-cell img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity var(--v2-ease);}
html[data-lock-theme][data-theme] body.fw2 .gif-cell:hover img{opacity:.8;}
html[data-lock-theme][data-theme] body.fw2 .gif-cell:focus-visible{outline:2px solid var(--v2-blue);outline-offset:1px;}
html[data-lock-theme][data-theme] body.fw2 .gif-sk{display:block;height:96px;border-radius:6px;background:var(--v2-s2);animation:v2Pulse 1.2s ease-in-out infinite;}
@keyframes v2Pulse{50%{opacity:.5;}}
html[data-lock-theme][data-theme] body.fw2 .gif-empty{grid-column:1/-1;padding:24px 8px;text-align:center;font-size:13px;color:var(--v2-t2);}
html[data-lock-theme][data-theme] body.fw2 .gif-foot{padding:6px 10px;border-top:1px solid var(--v2-line);font-size:11px;font-weight:600;
  letter-spacing:.04em;color:var(--v2-t3);text-align:right;}
/* a GIF in the chat: one fixed height so the scroll never jumps */
html[data-lock-theme][data-theme] body.fw2 .msg.gif-line .chat-gif{display:block;height:120px;width:auto;max-width:100%;
  margin-top:4px;border-radius:8px;background:var(--v2-s2);object-fit:cover;}

/* the business's categories, one row of pills in the channel row */
html[data-lock-theme][data-theme] body.fw2 .ch-tags{display:flex;flex-wrap:wrap;gap:6px;height:24px;overflow:hidden;margin-top:8px;}
html[data-lock-theme][data-theme] body.fw2 .ch-tag{display:inline-flex;align-items:center;height:24px;padding:0 8px;flex:0 0 auto;
  background:var(--v2-s2);border:1px solid var(--v2-line);border-radius:6px;font-size:12px;font-weight:500;color:var(--v2-t2);white-space:nowrap;}
@media (max-width:860px){
  /* the phone's channel card floats over the chat — keep it as compact as it was */
  html[data-lock-theme][data-theme] body.fw2 .ch-tags{display:none;}
}

/* ------------------------------------- 2. Recompensas + Comunidad (all widths) */
html[data-lock-theme][data-theme] body.fw2 #secControl .card,
html[data-lock-theme][data-theme] body.fw2 #secCommunity .card,
html[data-lock-theme][data-theme] body.fw2 #secControl .loyalty-live-entry{
  background:var(--v2-s1);border:1px solid var(--v2-line);border-radius:8px;box-shadow:none;}
html[data-lock-theme][data-theme] body.fw2 #secControl .card,
html[data-lock-theme][data-theme] body.fw2 #secCommunity .card{padding:20px;}
/* one heading style for every card: sentence case, 16/600, no tracking */
html[data-lock-theme][data-theme] body.fw2 #secControl .card-title,
html[data-lock-theme][data-theme] body.fw2 #secCommunity .card-title{display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin:0 0 16px;font-size:16px;line-height:20px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--v2-t1);}
html[data-lock-theme][data-theme] body.fw2 #secControl .card-title .left,
html[data-lock-theme][data-theme] body.fw2 #secCommunity .card-title .left{display:flex;align-items:center;gap:8px;}
/* the headings' leading emoji are bare text nodes: font-size 0 on the row
   hides them, every real child gets its size back */
html[data-lock-theme][data-theme] body.fw2 #secControl .card-title .left,
html[data-lock-theme][data-theme] body.fw2 #secCommunity .card-title .left{font-size:0;gap:0;}
html[data-lock-theme][data-theme] body.fw2 #secCommunity .card-title .left .live-dot{margin-right:8px;}
html[data-lock-theme][data-theme] body.fw2 #secControl .card-title .left > *,
html[data-lock-theme][data-theme] body.fw2 #secCommunity .card-title .left > *{font-size:16px;}
html[data-lock-theme][data-theme] body.fw2 #secCommunity .card-title .live-dot{width:8px;height:8px;background:#2EE6A8;box-shadow:0 0 8px #2EE6A8;}
html[data-lock-theme][data-theme] body.fw2 #secControl .empty-state,
html[data-lock-theme][data-theme] body.fw2 #secCommunity .empty-state{padding:24px 12px;font-size:13px;color:var(--v2-t2);text-align:center;
  border:1px dashed var(--v2-line-2);border-radius:8px;background:transparent;}

/* Recompensas */
html[data-lock-theme][data-theme] body.fw2 #secControl{max-width:880px;width:100%;margin:0 auto;gap:16px;}
html[data-lock-theme][data-theme] body.fw2 #secControl .loyalty-live-entry{display:flex;align-items:center;gap:16px;width:100%;padding:16px 20px;
  color:var(--v2-t1);text-align:left;cursor:pointer;transition:background var(--v2-ease),border-color var(--v2-ease);}
html[data-lock-theme][data-theme] body.fw2 #secControl .loyalty-live-entry:hover{background:var(--v2-s2);border-color:var(--v2-line-2);}
html[data-lock-theme][data-theme] body.fw2 #secControl .loyalty-live-entry strong{display:block;font-size:16px;line-height:20px;font-weight:600;}
html[data-lock-theme][data-theme] body.fw2 #secControl .loyalty-live-entry small{display:block;margin-top:4px;font-size:13px;color:var(--v2-t2);}
html[data-lock-theme][data-theme] body.fw2 #secControl .tier-chip{background:var(--v2-s2);color:var(--v2-blue);border:0;border-radius:4px;
  padding:2px 8px;font-size:11px;font-weight:600;letter-spacing:.06em;box-shadow:none;white-space:nowrap;flex:0 0 auto;}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw-sep{font-size:13px;line-height:20px;color:var(--v2-t2);margin:0 0 16px;}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw-head{display:flex;align-items:baseline;gap:8px;}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw-points{font-size:32px;line-height:36px;font-weight:700;color:var(--v2-t1);letter-spacing:-.02em;}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw-meta{display:flex;gap:16px;margin:8px 0 16px;font-size:13px;color:var(--v2-t2);}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw-meta b{color:var(--v2-t1);}
html[data-lock-theme][data-theme] body.fw2 #secControl .rp-label{display:flex;justify-content:space-between;font-size:12px;font-weight:500;color:var(--v2-t3);margin-bottom:8px;}
html[data-lock-theme][data-theme] body.fw2 #secControl .rp-bar{height:6px;border-radius:999px;background:var(--v2-s2);overflow:hidden;}
html[data-lock-theme][data-theme] body.fw2 #secControl .rp-fill{height:100%;border-radius:inherit;background:var(--v2-blue);box-shadow:none;}
html[data-lock-theme][data-theme] body.fw2 #secControl #rwCatalog{margin-top:20px;border-top:1px solid var(--v2-line);}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw-item{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;
  padding:12px 0;border-bottom:1px solid var(--v2-line);background:none;border-radius:0;}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw-emoji{display:grid;place-items:center;width:40px;height:40px;border-radius:8px;
  background:var(--v2-s2);font-size:20px;}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw-name{font-size:14px;line-height:20px;font-weight:600;color:var(--v2-t1);}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw-cost{font-size:12px;font-weight:500;color:var(--v2-t3);}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw-item .rp-bar{height:4px;margin-top:6px;}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw-btn{height:32px;padding:0 12px;border-radius:6px;font-size:13px;font-weight:600;
  border:0;background:var(--v2-blue);color:var(--v2-blue-ink);box-shadow:none;white-space:nowrap;cursor:pointer;}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw-btn:disabled{background:transparent;color:var(--v2-t2);border:1px solid var(--v2-line);cursor:default;opacity:1;}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw-legal{margin-top:16px;font-size:12px;line-height:18px;color:var(--v2-t3);}

/* Comunidad: feed + a side column of live activity and events */
html[data-lock-theme][data-theme] body.fw2 #secCommunity{gap:16px;}
html[data-lock-theme][data-theme] body.fw2 #secCommunity .grid-2{display:contents;}
html[data-lock-theme][data-theme] body.fw2 #secCommunity .card.feed-card{background:none;border:0;padding:0;}
html[data-lock-theme][data-theme] body.fw2 #secCommunity #eventsFeed{display:flex;flex-direction:column;gap:12px;max-width:none;margin:0;}
html[data-lock-theme][data-theme] body.fw2 #secCommunity .ig-post{width:100%;max-width:none;margin:0;background:var(--v2-s1);
  border:1px solid var(--v2-line);border-radius:8px;box-shadow:none;}
html[data-lock-theme][data-theme] body.fw2 #secCommunity .ig-media{border-radius:0;}
html[data-lock-theme][data-theme] body.fw2 #secCommunity .ig-vf{color:var(--v2-blue);}
html[data-lock-theme][data-theme] body.fw2 #secCommunity .ig-who b{font-size:14px;font-weight:600;}
html[data-lock-theme][data-theme] body.fw2 #secCommunity .ig-who span{font-size:12px;color:var(--v2-t3);}
html[data-lock-theme][data-theme] body.fw2 #secCommunity .ig-cap{font-size:14px;line-height:20px;color:var(--v2-t1);}
html[data-lock-theme][data-theme] body.fw2 #secCommunity .up-row,
html[data-lock-theme][data-theme] body.fw2 #secCommunity .act-q{background:var(--v2-s2);border:1px solid var(--v2-line);border-radius:8px;box-shadow:none;}
@media (min-width:861px){
  html[data-lock-theme][data-theme] body.fw2 #secCommunity.on{display:grid;grid-template-columns:minmax(0,1fr) 340px;
    align-items:start;column-gap:24px;max-width:1120px;width:100%;margin:0 auto;}
  html[data-lock-theme][data-theme] body.fw2 #secCommunity > .feed-card{grid-column:1;grid-row:1 / span 6;}
  html[data-lock-theme][data-theme] body.fw2 #secCommunity > :not(.feed-card),
  html[data-lock-theme][data-theme] body.fw2 #secCommunity .grid-2 > *{grid-column:2;}
}

/* ------------------------------------------ 3. desktop shell (body.dk only) */
html[data-lock-theme][data-theme] body.fw2.dk{background:var(--v2-bg);min-height:100vh;}
html[data-lock-theme][data-theme]:has(body.fw2.dk){background:var(--v2-bg,#090B10);}
html[data-lock-theme][data-theme] body.fw2.dk .nav{background:var(--v2-bg);border-bottom:1px solid var(--v2-line);
  backdrop-filter:none;-webkit-backdrop-filter:none;}
html[data-lock-theme][data-theme] body.fw2.dk .nav-inner{max-width:none;height:var(--head-h);padding:0 16px;}
html[data-lock-theme][data-theme] body.fw2.dk .nav .brand{min-width:calc(var(--rail-w) - 16px);}
html[data-lock-theme][data-theme] body.fw2.dk .chip-btn{border-radius:6px;background:transparent;border:1px solid var(--v2-line);}
html[data-lock-theme][data-theme] body.fw2.dk .chip-btn:hover{background:var(--v2-s2);}
/* the rail replaces the tab row on desktop */
html[data-lock-theme][data-theme] body.fw2.dk .tabs-bar{display:none;}

.dk-rail{display:none;}
html[data-lock-theme][data-theme] body.fw2.dk .dk-rail{display:flex;flex-direction:column;position:fixed;z-index:45;
  top:var(--head-h);left:0;bottom:0;width:var(--rail-w);padding:12px;gap:2px;overflow-y:auto;overflow-x:hidden;
  background:var(--v2-bg);border-right:1px solid var(--v2-line);scrollbar-width:thin;scrollbar-color:var(--v2-line) transparent;}
html[data-lock-theme][data-theme] body.fw2.dk .dk-rail .ri{width:20px;height:20px;flex:0 0 auto;fill:none;stroke:currentColor;
  stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;}
html[data-lock-theme][data-theme] body.fw2.dk .rail-nav{display:grid;gap:4px;position:static;height:auto;margin:0;padding:0;
  background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;}
html[data-lock-theme][data-theme] body.fw2.dk .rail-item{display:flex;align-items:center;gap:12px;width:100%;height:40px;padding:0 12px;
  border:0;border-radius:6px;background:transparent;color:var(--v2-t2);font-family:inherit;font-size:14px;font-weight:500;line-height:20px;text-align:left;cursor:pointer;
  text-decoration:none;white-space:nowrap;transition:background var(--v2-ease),color var(--v2-ease);}
html[data-lock-theme][data-theme] body.fw2.dk .rail-item:hover{background:var(--v2-s1);color:var(--v2-t1);}
html[data-lock-theme][data-theme] body.fw2.dk .rail-item.on{background:var(--v2-s2);color:var(--v2-t1);}
html[data-lock-theme][data-theme] body.fw2.dk .rail-item.on .ri{color:var(--v2-blue);}
html[data-lock-theme][data-theme] body.fw2.dk .rail-item .rl{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;}
html[data-lock-theme][data-theme] body.fw2.dk .rail-item .lk{width:14px;height:14px;color:var(--v2-t3);}
html[data-lock-theme][data-theme] body.fw2.dk .rail-item:focus-visible,
html[data-lock-theme][data-theme] body.fw2.dk .rail-loyalty:focus-visible,
html[data-lock-theme][data-theme] body.fw2.dk .rail-chan:focus-visible,
html[data-lock-theme][data-theme] body.fw2.dk .rail-collapse:focus-visible{outline:2px solid var(--v2-blue);outline-offset:-2px;}
html[data-lock-theme][data-theme] body.fw2.dk .rail-rule{height:1px;background:var(--v2-line);margin:12px 0;flex:0 0 auto;}
html[data-lock-theme][data-theme] body.fw2.dk .rail-h{margin:0;padding:4px 12px 8px;font-size:12px;font-weight:500;letter-spacing:.04em;color:var(--v2-t3);}
/* Fidelidad: the emblem is always here, signed in or not */
html[data-lock-theme][data-theme] body.fw2.dk .rail-loyalty{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 12px;
  border:1px solid var(--v2-line);border-radius:8px;background:var(--v2-s1);color:var(--v2-t1);text-align:left;cursor:pointer;
  transition:background var(--v2-ease),border-color var(--v2-ease);flex:0 0 auto;}
html[data-lock-theme][data-theme] body.fw2.dk .rail-loyalty:hover{background:var(--v2-s2);border-color:var(--v2-line-2);}
html[data-lock-theme][data-theme] body.fw2.dk .rly-em{display:block;width:32px;height:36px;flex:0 0 auto;}
html[data-lock-theme][data-theme] body.fw2.dk .rly-em svg{width:100%;height:100%;display:block;}
html[data-lock-theme][data-theme] body.fw2.dk .rail-loyalty .rl{min-width:0;}
html[data-lock-theme][data-theme] body.fw2.dk .rail-loyalty b{display:block;font-size:14px;line-height:20px;font-weight:600;}
html[data-lock-theme][data-theme] body.fw2.dk .rail-loyalty small{display:block;font-size:12px;line-height:16px;color:var(--v2-t2);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
html[data-lock-theme][data-theme] body.fw2.dk .rail-chans{display:grid;gap:2px;}
html[data-lock-theme][data-theme] body.fw2.dk .rail-chan{display:flex;align-items:center;gap:12px;height:48px;padding:0 12px;border-radius:6px;
  color:var(--v2-t1);text-decoration:none;transition:background var(--v2-ease);}
html[data-lock-theme][data-theme] body.fw2.dk .rail-chan:hover{background:var(--v2-s1);}
html[data-lock-theme][data-theme] body.fw2.dk .rail-chan img{width:32px;height:32px;border-radius:999px;object-fit:cover;background:var(--v2-s2);flex:0 0 auto;}
html[data-lock-theme][data-theme] body.fw2.dk .rail-chan .rl{flex:1;min-width:0;}
html[data-lock-theme][data-theme] body.fw2.dk .rail-chan .n,
html[data-lock-theme][data-theme] body.fw2.dk .rail-chan .s{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
html[data-lock-theme][data-theme] body.fw2.dk .rail-chan .n{font-size:14px;line-height:20px;font-weight:500;}
html[data-lock-theme][data-theme] body.fw2.dk .rail-chan .s{font-size:12px;line-height:16px;color:var(--v2-t3);}
html[data-lock-theme][data-theme] body.fw2.dk .live-light{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#2EE6A8;
  box-shadow:0 0 8px #2EE6A8;animation:v2Live 1.9s ease-in-out infinite;}
html[data-lock-theme][data-theme] body.fw2.dk .live-light.off{background:var(--v2-t3);box-shadow:none;animation:none;opacity:.6;}
@keyframes v2Live{50%{opacity:.35;box-shadow:0 0 2px #2EE6A8;}}
html[data-lock-theme][data-theme] body.fw2.dk .rail-explore{margin-top:4px;}
html[data-lock-theme][data-theme] body.fw2.dk .rail-collapse{margin-top:auto;align-self:flex-end;width:32px;height:32px;display:grid;place-items:center;
  border:0;border-radius:6px;background:transparent;color:var(--v2-t3);cursor:pointer;flex:0 0 auto;}
html[data-lock-theme][data-theme] body.fw2.dk .rail-collapse:hover{background:var(--v2-s1);color:var(--v2-t1);}
html[data-lock-theme][data-theme] body.fw2.dk .rail-collapse .ri{transition:transform var(--v2-ease);}

/* collapsed rail: icons only (also forced on narrow desktops) */
html[data-lock-theme][data-theme] body.fw2.dk.rail-min{--rail-w:64px;}
@media (min-width:861px) and (max-width:1199px){
  html[data-lock-theme][data-theme] body.fw2.dk{--rail-w:64px;}
  html[data-lock-theme][data-theme] body.fw2.dk .rail-collapse{display:none;}
}
html[data-lock-theme][data-theme] body.fw2.dk.rail-min .dk-rail .rl,
html[data-lock-theme][data-theme] body.fw2.dk.rail-min .dk-rail .rail-h,
html[data-lock-theme][data-theme] body.fw2.dk.rail-min .dk-rail .lk,
html[data-lock-theme][data-theme] body.fw2.dk.rail-min .rail-chan .live-light{display:none;}
html[data-lock-theme][data-theme] body.fw2.dk.rail-min .rail-collapse{align-self:center;}
html[data-lock-theme][data-theme] body.fw2.dk.rail-min .rail-collapse .ri{transform:rotate(180deg);}
html[data-lock-theme][data-theme] body.fw2.dk.rail-min .rail-loyalty{justify-content:center;padding:8px 0;border:0;background:transparent;}
html[data-lock-theme][data-theme] body.fw2.dk.rail-min .rail-item,
html[data-lock-theme][data-theme] body.fw2.dk.rail-min .rail-chan{justify-content:center;padding:0;}
@media (min-width:861px) and (max-width:1199px){
  html[data-lock-theme][data-theme] body.fw2.dk .dk-rail .rl,
  html[data-lock-theme][data-theme] body.fw2.dk .dk-rail .rail-h,
  html[data-lock-theme][data-theme] body.fw2.dk .dk-rail .lk,
  html[data-lock-theme][data-theme] body.fw2.dk .rail-chan .live-light{display:none;}
  html[data-lock-theme][data-theme] body.fw2.dk .rail-loyalty{justify-content:center;padding:8px 0;border:0;background:transparent;}
  html[data-lock-theme][data-theme] body.fw2.dk .rail-item,
  html[data-lock-theme][data-theme] body.fw2.dk .rail-chan{justify-content:center;padding:0;}
}

/* centre column: everything between the rail and the chat */
html[data-lock-theme][data-theme] body.fw2.dk .main,
html[data-lock-theme][data-theme] body.fw2.dk:not(.theater) .main{max-width:none;margin:0 0 0 var(--rail-w);padding:24px 24px 64px;gap:16px;}
html[data-lock-theme][data-theme] body.fw2.dk.on-live:not(.theater) .main{margin-right:var(--chat-w);}
html[data-lock-theme][data-theme] body.fw2.dk.on-live:not(.theater):has(.glass-chat.chat-hidden) .main{margin-right:0;}

/* the player: true 16:9 at the column's width, capped so the channel row
   always shows under it on a short window */
html[data-lock-theme][data-theme] body.fw2.dk:not(.theater) .stage-zone{display:block;}
html[data-lock-theme][data-theme] body.fw2.dk:not(.theater) .stage{width:100%;max-width:calc((100vh - var(--head-h) - 200px) * 16 / 9);
  margin:0 auto;aspect-ratio:16/9;max-height:none;border-radius:12px;align-self:auto;}
html[data-lock-theme][data-theme] body.fw2.dk:not(.theater) .stage-info{display:none;}
html[data-lock-theme][data-theme] body.fw2.dk:not(.theater) .stage-zone .rx-layer{right:16px;}

/* the chat: a fixed, full-height column on the right, resizable */
html[data-lock-theme][data-theme] body.fw2.dk:not(.theater) .glass-chat{position:fixed;z-index:44;top:var(--head-h);right:0;bottom:0;
  width:var(--chat-w);height:auto;max-height:none;flex:none;border-radius:0;
  /* the old desktop rule says align-self:flex-start; Chrome now applies box
     alignment to fixed boxes, which shrank the chat to its content height */
  align-self:stretch;justify-self:stretch;border:0;border-left:1px solid var(--v2-line);
  background:var(--v2-bg);box-shadow:none;transform:none;}
html[data-lock-theme][data-theme] body.fw2.dk:not(.theater) .glass-chat .chat-head{height:48px;padding:0 16px;border-bottom:1px solid var(--v2-line);
  font-size:14px;font-weight:600;}
html[data-lock-theme][data-theme] body.fw2.dk .chat-hide-btn{height:28px;padding:0 10px;border-radius:6px;background:transparent;
  border:1px solid var(--v2-line);color:var(--v2-t2);font-size:12px;font-weight:500;}
html[data-lock-theme][data-theme] body.fw2.dk .chat-hide-btn:hover{background:var(--v2-s2);color:var(--v2-t1);}
html[data-lock-theme][data-theme] body.fw2.dk:not(.theater) .chat-input-row{padding:12px 16px 16px;}
html[data-lock-theme][data-theme] body.fw2.dk:not(.theater) #chatScroll{padding-left:16px;padding-right:16px;}
html[data-lock-theme][data-theme] body.fw2.dk:not(.theater) .rx-bar{padding:8px 16px 0!important;}
html[data-lock-theme][data-theme] body.fw2.dk #chatInput{border-radius:6px;background:var(--v2-s1);border-color:var(--v2-line);}
html[data-lock-theme][data-theme] body.fw2.dk #chatInput:focus{border-color:var(--v2-blue);}
html[data-lock-theme][data-theme] body.fw2.dk .chat-input-row .chat-ico-btn{border-radius:6px;}
html[data-lock-theme][data-theme] body.fw2.dk .show-chat-fab.visible{position:fixed;right:16px;top:calc(var(--head-h) + 16px);z-index:44;}
.chat-grip{display:none;}
html[data-lock-theme][data-theme] body.fw2.dk:not(.theater) .chat-grip{display:block;position:absolute;z-index:5;top:0;bottom:0;left:-4px;width:8px;
  cursor:col-resize;touch-action:none;}
html[data-lock-theme][data-theme] body.fw2.dk:not(.theater) .chat-grip::after{content:"";position:absolute;top:0;bottom:0;left:3px;width:2px;
  background:transparent;transition:background var(--v2-ease);}
html[data-lock-theme][data-theme] body.fw2.dk:not(.theater) .chat-grip:hover::after,
html[data-lock-theme][data-theme] body.fw2.dk:not(.theater) .chat-grip:focus-visible::after,
html[data-lock-theme][data-theme] body.fw2.dk.chat-resizing .chat-grip::after{background:var(--v2-blue);}
html[data-lock-theme][data-theme] body.fw2.dk .chat-grip:focus-visible{outline:none;}
/* while dragging: no text selection, and the player iframe must not eat the pointer */
html[data-lock-theme][data-theme] body.fw2.dk.chat-resizing{cursor:col-resize;user-select:none;-webkit-user-select:none;}
html[data-lock-theme][data-theme] body.fw2.dk.chat-resizing iframe{pointer-events:none;}

/* channel row under the player: Kick's layout — avatar, name, pills, actions */
html[data-lock-theme][data-theme] body.fw2.dk .channel-bar{max-width:calc((100vh - var(--head-h) - 200px) * 16 / 9);width:100%;margin:0 auto;
  background:none;border:0;padding:4px 0 0;gap:16px;flex-wrap:nowrap;align-items:center;}
html[data-lock-theme][data-theme] body.fw2.dk .live-ring{width:64px;height:64px;}
html[data-lock-theme][data-theme] body.fw2.dk .ch-info{min-width:0;}
html[data-lock-theme][data-theme] body.fw2.dk .ch-name{font-size:22px;line-height:28px;font-weight:650;letter-spacing:-.015em;}
html[data-lock-theme][data-theme] body.fw2.dk .ch-followers{margin-top:2px;font-size:13px;font-weight:500;color:var(--v2-t2);}
html[data-lock-theme][data-theme] body.fw2.dk .ch-actions{flex:0 0 auto;flex-wrap:nowrap;gap:8px;}
html[data-lock-theme][data-theme] body.fw2.dk .btn-follow,
html[data-lock-theme][data-theme] body.fw2.dk .btn-sub{height:40px;padding:0 16px;border-radius:6px;font-size:14px;font-weight:600;box-shadow:none;transform:none;}
html[data-lock-theme][data-theme] body.fw2.dk .btn-follow{background:transparent;border:1px solid var(--v2-line);color:var(--v2-t1);}
html[data-lock-theme][data-theme] body.fw2.dk .btn-follow:hover{background:var(--v2-s2);}
html[data-lock-theme][data-theme] body.fw2.dk .btn-sub{background:var(--v2-blue);border:0;color:var(--v2-blue-ink);}
html[data-lock-theme][data-theme] body.fw2.dk .btn-sub:hover{background:#3DAEF0;}
html[data-lock-theme][data-theme] body.fw2.dk .ch-song{border-radius:6px;}
/* top supporters: a quiet strip aligned to the same column */
html[data-lock-theme][data-theme] body.fw2.dk .act-row-c{max-width:calc((100vh - var(--head-h) - 200px) * 16 / 9);width:100%;margin:0 auto;
  background:var(--v2-s1);border:1px solid var(--v2-line);border-radius:8px;padding:8px 12px;}
html[data-lock-theme][data-theme] body.fw2.dk #evBanner,
html[data-lock-theme][data-theme] body.fw2.dk #chBar{max-width:calc((100vh - var(--head-h) - 200px) * 16 / 9);width:100%;margin-left:auto;margin-right:auto;}

/* ======================================================================
   2026-10-08 round 2
   ====================================================================== */
/* ---- registered colours: a business's theme cross-fades instead of
   snapping (custom properties only animate once registered) ---- */
@property --v2-bg{syntax:'<color>';inherits:true;initial-value:#090B10;}
@property --v2-s1{syntax:'<color>';inherits:true;initial-value:#11151D;}
@property --v2-s2{syntax:'<color>';inherits:true;initial-value:#181D27;}
@property --v2-line{syntax:'<color>';inherits:true;initial-value:#272D38;}
@property --v2-line-2{syntax:'<color>';inherits:true;initial-value:#343B49;}
@property --v2-blue{syntax:'<color>';inherits:true;initial-value:#229FE8;}
@property --v2-blue-ink{syntax:'<color>';inherits:true;initial-value:#06121E;}
@property --v2-blue-hi{syntax:'<color>';inherits:true;initial-value:#7BD8FF;}
@property --fw-blue{syntax:'<color>';inherits:true;initial-value:#1E9BF0;}
@property --fw-cyan{syntax:'<color>';inherits:true;initial-value:#7BD8FF;}
html[data-lock-theme][data-theme] body.fw2{--v2-blue-hi:#7BD8FF;
  transition:--v2-bg .5s ease,--v2-s1 .5s ease,--v2-s2 .5s ease,--v2-line .5s ease,--v2-line-2 .5s ease,
    --v2-blue .5s ease,--v2-blue-ink .5s ease,--v2-blue-hi .5s ease,--fw-blue .5s ease,--fw-cyan .5s ease,background-color .5s ease;}

/* ---- a business's own colours (body.brand): the surfaces the older skin
   painted with hard-coded navy/cyan follow the palette too ---- */
html[data-lock-theme][data-theme] body.fw2.biz-theme{background:var(--v2-bg);min-height:100vh;}
html[data-lock-theme][data-theme] body.fw2.biz-theme .nav,
html[data-lock-theme][data-theme] body.fw2.biz-theme .tabs-bar,
html[data-lock-theme][data-theme] body.fw2.biz-theme .glass-chat,
html[data-lock-theme][data-theme] body.fw2.biz-theme .chat-input-row,
html[data-lock-theme][data-theme] body.fw2.biz-theme .mobile-cam-bar{background:var(--v2-bg);}
html[data-lock-theme][data-theme] body.fw2.biz-theme .card,
html[data-lock-theme][data-theme] body.fw2.biz-theme .channel-bar:not(.dk *),
html[data-lock-theme][data-theme] body.fw2.biz-theme .ig-post,
html[data-lock-theme][data-theme] body.fw2.biz-theme .pd,
html[data-lock-theme][data-theme] body.fw2.biz-theme .modal{background:var(--v2-s1);border-color:var(--v2-line);}
html[data-lock-theme][data-theme] body.fw2.biz-theme #chatInput,
html[data-lock-theme][data-theme] body.fw2.biz-theme .rx-btn,
html[data-lock-theme][data-theme] body.fw2.biz-theme .rx-toggle,
html[data-lock-theme][data-theme] body.fw2.biz-theme .cam-switch{background:var(--v2-s1);}
html[data-lock-theme][data-theme] body.fw2.biz-theme .rx-toggle{color:var(--v2-blue);}
html[data-lock-theme][data-theme] body.fw2.biz-theme .cam-btn.active{background:var(--v2-blue);color:var(--v2-blue-ink);}
html[data-lock-theme][data-theme] body.fw2.biz-theme .chat-send,
html[data-lock-theme][data-theme] body.fw2.biz-theme .tier-tag{background:var(--v2-blue);color:var(--v2-blue-ink);}
html[data-lock-theme][data-theme] body.fw2.biz-theme .chat-tip-btn,
html[data-lock-theme][data-theme] body.fw2.biz-theme .support-leader,
html[data-lock-theme][data-theme] body.fw2.biz-theme .mobile-cam-bar .mcb-pollitos{background:color-mix(in srgb,var(--v2-blue) 14%,transparent);color:var(--v2-blue);}
html[data-lock-theme][data-theme] body.fw2.biz-theme .support-leader strong,
html[data-lock-theme][data-theme] body.fw2.biz-theme .support-leader i{color:var(--v2-blue);}
html[data-lock-theme][data-theme] body.fw2.biz-theme .msg.tip{background:color-mix(in srgb,var(--v2-blue) 16%,transparent);}
html[data-lock-theme][data-theme] body.fw2.biz-theme .brand .live-word{background:none;-webkit-text-fill-color:var(--v2-blue);color:var(--v2-blue);}
html[data-lock-theme][data-theme] body.fw2.biz-theme .chip-btn{background:transparent;border-color:var(--v2-line);}

/* ---- the "now playing" song bar is off for now (owner, 10-08) ---- */
html[data-lock-theme][data-theme] body.fw2 #chSong,
html[data-lock-theme][data-theme] body.fw2 #nextSongBar{display:none!important;}

/* ---- the centre column is a size container: when the chat is dragged wide,
   the channel row stacks its buttons under the name instead of overlapping ---- */
html[data-lock-theme][data-theme] body.fw2.dk .main{container:center / inline-size;}
html[data-lock-theme][data-theme] body.fw2.dk .ch-info{flex:1 1 0;}
html[data-lock-theme][data-theme] body.fw2.dk .ch-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
html[data-lock-theme][data-theme] body.fw2.dk .ch-followers{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
@container center (max-width:720px){
  html[data-lock-theme][data-theme] body.fw2.dk .channel-bar{flex-wrap:wrap;row-gap:12px;}
  html[data-lock-theme][data-theme] body.fw2.dk .ch-actions{order:3;flex:1 0 100%;}
  html[data-lock-theme][data-theme] body.fw2.dk .ch-actions > *{flex:1 1 0;}
}

/* ---- booting on desktop: the new shell's shape, never the old layout ---- */
html[data-lock-theme][data-theme] body.fw2.dk:not(.rail-ready)::before{content:"";position:fixed;z-index:45;top:var(--head-h);left:0;bottom:0;
  width:var(--rail-w);background:var(--v2-bg);border-right:1px solid var(--v2-line);}
html[data-lock-theme][data-theme] body.fw2.dk.dash-booting::after{content:"";position:fixed;z-index:44;top:var(--head-h);right:0;bottom:0;
  width:var(--chat-w);background:var(--v2-bg);border-left:1px solid var(--v2-line);}
html[data-lock-theme][data-theme] body.fw2.dk.dash-booting .main{margin-right:var(--chat-w);}
html[data-lock-theme][data-theme] body.fw2.dk.dash-booting .main::before{content:"";display:block;width:100%;aspect-ratio:16/9;
  max-width:calc((100vh - var(--head-h) - 200px) * 16 / 9);margin:0 auto;border-radius:12px;background:var(--v2-s1);animation:v2Pulse 1.4s ease-in-out infinite;}
html[data-lock-theme][data-theme] body.fw2.dk .dash-boot-status{max-width:calc((100vh - var(--head-h) - 200px) * 16 / 9);width:100%;margin:0 auto;
  background:none;border:0;padding:0;font-size:13px;color:var(--v2-t2);}

/* ---- "Sobre …" + social links (Kick's About row) ---- */
html[data-lock-theme][data-theme] body.fw2 .about-card{background:var(--v2-s1);border:1px solid var(--v2-line);border-radius:8px;padding:16px 20px;}
html[data-lock-theme][data-theme] body.fw2 .about-card[hidden]{display:none!important;}
html[data-lock-theme][data-theme] body.fw2 .about-card h3{margin:0 0 12px;font-size:16px;line-height:20px;font-weight:600;color:var(--v2-t1);}
html[data-lock-theme][data-theme] body.fw2 .about-links{display:flex;flex-wrap:wrap;gap:8px;}
html[data-lock-theme][data-theme] body.fw2 .soc{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-radius:6px;
  background:var(--v2-s2);border:1px solid var(--v2-line);color:var(--v2-t1);font-size:13px;font-weight:500;text-decoration:none;
  transition:border-color var(--v2-ease),background var(--v2-ease);max-width:100%;}
html[data-lock-theme][data-theme] body.fw2 .soc span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
html[data-lock-theme][data-theme] body.fw2 .soc:hover{border-color:var(--v2-blue);}
html[data-lock-theme][data-theme] body.fw2 .soc:focus-visible{outline:2px solid var(--v2-blue);outline-offset:2px;}
html[data-lock-theme][data-theme] body.fw2 .soc svg{width:16px;height:16px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
html[data-lock-theme][data-theme] body.fw2 #secLive > #aboutLive{order:6;}
html[data-lock-theme][data-theme] body.fw2.dk #aboutLive{max-width:calc((100vh - var(--head-h) - 200px) * 16 / 9);width:100%;margin:0 auto;}
html[data-lock-theme][data-theme] body.fw2:not(.dk) #aboutLive,
html[data-lock-theme][data-theme] body.fw2.dk #aboutComm{display:none!important;}

/* ---- earned points fly to Recompensas ---- */
.pts-fly{position:fixed;z-index:700;display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;pointer-events:none;
  background:var(--v2-blue,#229FE8);color:var(--v2-blue-ink,#06121E);font-size:15px;font-weight:700;line-height:1;
  box-shadow:0 10px 30px rgba(0,0,0,.45);will-change:transform,opacity;}
.pts-fly span{font-size:12px;font-weight:600;opacity:.8;}
.pts-fly .pf-i{width:16px;height:16px;fill:currentColor;stroke:none;}
html[data-lock-theme][data-theme] body.fw2 .pts-hit{animation:ptsHit .9s ease-out;}
@keyframes ptsHit{
  0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--v2-blue) 70%,transparent);background-color:color-mix(in srgb,var(--v2-blue) 22%,transparent);}
  100%{box-shadow:0 0 0 14px transparent;}}

/* ---- Apoya a … (sticker + message drawer) ---- */
html[data-lock-theme][data-theme] body.fw2 .tip-drawer.open{background:var(--v2-s1);border:1px solid var(--v2-line);border-radius:12px;
  padding:0;gap:0;box-shadow:0 24px 64px rgba(0,0,0,.6);backdrop-filter:none;-webkit-backdrop-filter:none;}
@media (min-width:861px){
  html[data-lock-theme][data-theme] body.fw2 .tip-drawer.open{left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);
    width:min(520px,calc(100vw - 32px));max-height:min(88vh,760px);}
}
@media (max-width:860px){
  html[data-lock-theme][data-theme] body.fw2 .tip-drawer.open{border-radius:12px 12px 0 0;padding-bottom:env(safe-area-inset-bottom,0px);}
  html[data-lock-theme][data-theme] body.fw2 .tip-drawer.open::before{margin:8px auto 0;}
}
html[data-lock-theme][data-theme] body.fw2 .tip-backdrop.show{background:rgba(3,5,10,.7);}
html[data-lock-theme][data-theme] body.fw2 .tip-drawer > *{order:0;}
html[data-lock-theme][data-theme] body.fw2 .tip-head{display:flex;align-items:center;gap:12px;padding:16px 16px 12px 20px;
  font-size:18px;line-height:24px;font-weight:650;letter-spacing:-.01em;color:var(--v2-t1);}
html[data-lock-theme][data-theme] body.fw2 .tip-head > span{flex:1;min-width:0;}
html[data-lock-theme][data-theme] body.fw2 .tip-av{width:40px;height:40px;border-radius:999px;object-fit:cover;background:var(--v2-s2);flex:0 0 auto;}
html[data-lock-theme][data-theme] body.fw2 .tip-x{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:6px;background:transparent;color:var(--v2-t2);}
html[data-lock-theme][data-theme] body.fw2 .tip-x:hover{background:var(--v2-s2);color:var(--v2-t1);}
html[data-lock-theme][data-theme] body.fw2 .tip-x svg,
html[data-lock-theme][data-theme] body.fw2 .ck-x svg,
html[data-lock-theme][data-theme] body.fw2 .ck-back svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
html[data-lock-theme][data-theme] body.fw2 .support-intro{padding:0 20px;margin:0 0 16px;font-size:13px;line-height:20px;color:var(--v2-t2);}
html[data-lock-theme][data-theme] body.fw2 .support-tabs{margin:0 20px 12px;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;
  background:var(--v2-bg);border:1px solid var(--v2-line);border-radius:8px;}
html[data-lock-theme][data-theme] body.fw2 .support-tab{min-height:36px;border:0;border-radius:6px;background:transparent;color:var(--v2-t2);font-size:13px;font-weight:600;}
html[data-lock-theme][data-theme] body.fw2 .support-tab.on{background:var(--v2-s2);color:var(--v2-t1);}
html[data-lock-theme][data-theme] body.fw2 .support-balance{margin:0 20px 16px;display:flex;align-items:center;gap:8px;padding:10px 12px 10px 14px;
  background:var(--v2-bg);border:1px solid var(--v2-line);border-radius:8px;font-size:13px;color:var(--v2-t2);}
html[data-lock-theme][data-theme] body.fw2 .support-balance::before{content:"Tu saldo";}
html[data-lock-theme][data-theme] body.fw2 .support-balance b{font-size:14px;font-weight:600;color:var(--v2-t1);}
html[data-lock-theme][data-theme] body.fw2 .support-balance button{margin-left:auto;height:32px;min-height:0;padding:0 12px;border-radius:6px;
  background:transparent;border:1px solid var(--v2-line);color:var(--v2-t1);font-size:13px;font-weight:600;}
html[data-lock-theme][data-theme] body.fw2 .support-balance button:hover{border-color:var(--v2-blue);}
html[data-lock-theme][data-theme] body.fw2 .support-pane{padding:0 20px 20px;gap:12px;}
html[data-lock-theme][data-theme] body.fw2 .sticker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
html[data-lock-theme][data-theme] body.fw2 .sticker-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;
  border:1px solid var(--v2-line);border-radius:8px;background:var(--v2-bg);transition:border-color var(--v2-ease),background var(--v2-ease);}
html[data-lock-theme][data-theme] body.fw2 .sticker-card:hover{border-color:var(--v2-line-2);}
html[data-lock-theme][data-theme] body.fw2 .sticker-card img{width:64px;height:64px;object-fit:contain;margin-bottom:4px;}
html[data-lock-theme][data-theme] body.fw2 .sticker-card b{font-size:12px;line-height:16px;font-weight:600;color:var(--v2-t1);text-align:center;}
html[data-lock-theme][data-theme] body.fw2 .sticker-card span{font-size:12px;line-height:16px;font-weight:500;color:var(--v2-t2);}
html[data-lock-theme][data-theme] body.fw2 .sticker-card.on{border-color:var(--v2-blue);box-shadow:0 0 0 1px var(--v2-blue) inset;
  background:color-mix(in srgb,var(--v2-blue) 9%,var(--v2-bg));}
html[data-lock-theme][data-theme] body.fw2 .sticker-card.on span{color:var(--v2-blue);}
html[data-lock-theme][data-theme] body.fw2 .support-go{position:sticky;bottom:12px;width:100%;height:48px;border:0;border-radius:8px;
  background:var(--v2-blue);color:var(--v2-blue-ink);font-size:14px;font-weight:600;box-shadow:0 8px 20px rgba(0,0,0,.35);cursor:pointer;}
html[data-lock-theme][data-theme] body.fw2 .support-go.short{background:var(--v2-s1);color:var(--v2-blue);box-shadow:0 0 0 1px var(--v2-blue) inset,0 8px 20px rgba(0,0,0,.35);}
html[data-lock-theme][data-theme] body.fw2 .support-go:disabled{opacity:.6;}
html[data-lock-theme][data-theme] body.fw2 .voice-input{min-height:96px;border-radius:8px;background:var(--v2-bg);border:1px solid var(--v2-line);
  padding:12px;font-size:14px;color:var(--v2-t1);}
html[data-lock-theme][data-theme] body.fw2 .voice-input:focus{outline:none;border-color:var(--v2-blue);}
html[data-lock-theme][data-theme] body.fw2 .support-status{font-size:13px;text-align:center;}
html[data-lock-theme][data-theme] body.fw2 .tip-done{display:none!important;}
@media (max-width:420px){
  html[data-lock-theme][data-theme] body.fw2 .sticker-card img{width:52px;height:52px;}
}

/* ---- checkout: buy Pollitos ---- */
html[data-lock-theme][data-theme] body.fw2 .pd-ov{background:rgba(3,5,10,.72);}
html[data-lock-theme][data-theme] body.fw2 .pd.ck{max-width:820px;width:calc(100vw - 32px);padding:0;background:var(--v2-s1);
  border:1px solid var(--v2-line);border-radius:12px;color:var(--v2-t1);max-height:min(92vh,780px);overflow-y:auto;}
html[data-lock-theme][data-theme] body.fw2 .ck-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:12px;padding:14px 16px 14px 20px;
  border-bottom:1px solid var(--v2-line);background:var(--v2-s1);}
html[data-lock-theme][data-theme] body.fw2 .ck-title{flex:1;margin:0;font-size:18px;line-height:24px;font-weight:650;letter-spacing:-.01em;}
html[data-lock-theme][data-theme] body.fw2 .ck-back{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 10px 0 6px;border:1px solid var(--v2-line);
  border-radius:6px;background:transparent;color:var(--v2-t2);font-size:13px;font-weight:500;cursor:pointer;}
html[data-lock-theme][data-theme] body.fw2 .ck-back:hover{color:var(--v2-t1);border-color:var(--v2-line-2);}
html[data-lock-theme][data-theme] body.fw2 .ck-x{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:6px;background:transparent;color:var(--v2-t2);cursor:pointer;}
html[data-lock-theme][data-theme] body.fw2 .ck-x:hover{background:var(--v2-s2);color:var(--v2-t1);}
html[data-lock-theme][data-theme] body.fw2 .ck-need{margin:16px 20px 0;padding:12px 14px;border-radius:8px;font-size:13px;line-height:20px;color:var(--v2-t1);
  background:color-mix(in srgb,var(--v2-blue) 10%,transparent);border:1px solid color-mix(in srgb,var(--v2-blue) 40%,transparent);}
html[data-lock-theme][data-theme] body.fw2 .ck-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;padding:20px;}
html[data-lock-theme][data-theme] body.fw2 .ck-main{display:grid;gap:24px;align-content:start;min-width:0;}
html[data-lock-theme][data-theme] body.fw2 .ck-step{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;line-height:20px;font-weight:600;}
html[data-lock-theme][data-theme] body.fw2 .ck-step span{display:grid;place-items:center;width:22px;height:22px;border-radius:999px;background:var(--v2-s2);
  color:var(--v2-t2);font-size:12px;font-weight:600;}
html[data-lock-theme][data-theme] body.fw2 .ck-packs,
html[data-lock-theme][data-theme] body.fw2 .ck-methods{display:grid;gap:8px;}
html[data-lock-theme][data-theme] body.fw2 .ck-pack,
html[data-lock-theme][data-theme] body.fw2 .ck-method{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:12px 16px;
  border:1px solid var(--v2-line);border-radius:8px;background:var(--v2-bg);color:var(--v2-t1);text-align:left;font-family:inherit;cursor:pointer;
  transition:border-color var(--v2-ease),background var(--v2-ease);}
html[data-lock-theme][data-theme] body.fw2 .ck-pack:hover,
html[data-lock-theme][data-theme] body.fw2 .ck-method:not(:disabled):hover{border-color:var(--v2-line-2);}
html[data-lock-theme][data-theme] body.fw2 .ck-pack.on,
html[data-lock-theme][data-theme] body.fw2 .ck-method.on{border-color:var(--v2-blue);box-shadow:0 0 0 1px var(--v2-blue) inset;
  background:color-mix(in srgb,var(--v2-blue) 7%,var(--v2-bg));}
html[data-lock-theme][data-theme] body.fw2 .ck-method:disabled{opacity:.5;cursor:not-allowed;}
html[data-lock-theme][data-theme] body.fw2 .ck-pack:focus-visible,
html[data-lock-theme][data-theme] body.fw2 .ck-method:focus-visible{outline:2px solid var(--v2-blue);outline-offset:2px;}
html[data-lock-theme][data-theme] body.fw2 .ck-radio{position:relative;flex:0 0 auto;width:18px;height:18px;border-radius:999px;border:2px solid var(--v2-line-2);}
html[data-lock-theme][data-theme] body.fw2 .on > .ck-radio{border-color:var(--v2-blue);}
html[data-lock-theme][data-theme] body.fw2 .on > .ck-radio::after{content:"";position:absolute;inset:3px;border-radius:999px;background:var(--v2-blue);}
html[data-lock-theme][data-theme] body.fw2 .ck-pn{flex:1;min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;font-size:14px;color:var(--v2-t2);}
html[data-lock-theme][data-theme] body.fw2 .ck-pn b{font-size:18px;line-height:24px;font-weight:650;color:var(--v2-t1);}
html[data-lock-theme][data-theme] body.fw2 .ck-pn em{font-style:normal;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;
  padding:2px 6px;border-radius:4px;background:color-mix(in srgb,var(--v2-blue) 16%,transparent);color:var(--v2-blue);}
html[data-lock-theme][data-theme] body.fw2 .ck-pp{text-align:right;flex:0 0 auto;}
html[data-lock-theme][data-theme] body.fw2 .ck-pp b{display:block;font-size:15px;line-height:20px;font-weight:650;}
html[data-lock-theme][data-theme] body.fw2 .ck-pp small{font-size:12px;color:var(--v2-t3);}
html[data-lock-theme][data-theme] body.fw2 .ck-method b{display:block;font-size:14px;line-height:20px;font-weight:600;}
html[data-lock-theme][data-theme] body.fw2 .ck-method small{display:block;font-size:12px;line-height:16px;color:var(--v2-t2);}
html[data-lock-theme][data-theme] body.fw2 .ck-what{margin:0;font-size:13px;line-height:20px;color:var(--v2-t2);}
html[data-lock-theme][data-theme] body.fw2 .ck-what b{color:var(--v2-t1);font-weight:600;}
html[data-lock-theme][data-theme] body.fw2 .ck-side{align-self:start;position:sticky;top:76px;display:grid;gap:12px;padding:16px;
  border:1px solid var(--v2-line);border-radius:8px;background:var(--v2-bg);}
html[data-lock-theme][data-theme] body.fw2 .ck-sum-h{margin:0;font-size:14px;font-weight:600;}
html[data-lock-theme][data-theme] body.fw2 .ck-sum{display:grid;}
html[data-lock-theme][data-theme] body.fw2 .ck-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:6px 0;font-size:13px;color:var(--v2-t2);}
html[data-lock-theme][data-theme] body.fw2 .ck-row b{color:var(--v2-t1);font-weight:600;}
html[data-lock-theme][data-theme] body.fw2 .ck-total{margin-top:6px;padding-top:12px;border-top:1px solid var(--v2-line);font-size:14px;color:var(--v2-t1);}
html[data-lock-theme][data-theme] body.fw2 .ck-total b{font-size:20px;line-height:24px;font-weight:700;}
html[data-lock-theme][data-theme] body.fw2 .ck-pay{min-height:48px;}
html[data-lock-theme][data-theme] body.fw2 .ck-pay .pd-note{margin:0;padding:12px;border-radius:8px;background:var(--v2-s1);border:1px dashed var(--v2-line-2);
  font-size:13px;line-height:18px;color:var(--v2-t2);text-align:center;}
html[data-lock-theme][data-theme] body.fw2 .ck-go{width:100%;height:48px;border:0;border-radius:8px;background:var(--v2-blue);color:var(--v2-blue-ink);
  font-size:14px;font-weight:600;cursor:pointer;}
html[data-lock-theme][data-theme] body.fw2 .ck-secure{display:flex;gap:8px;margin:0;font-size:12px;line-height:18px;color:var(--v2-t3);}
html[data-lock-theme][data-theme] body.fw2 .ck-secure svg{width:14px;height:14px;flex:0 0 auto;margin-top:2px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
@media (max-width:760px){
  html[data-lock-theme][data-theme] body.fw2 .pd.ck{width:100%;max-width:none;border-radius:12px 12px 0 0;max-height:94vh;}
  html[data-lock-theme][data-theme] body.fw2 .ck-body{grid-template-columns:minmax(0,1fr);padding:16px;gap:20px;}
  html[data-lock-theme][data-theme] body.fw2 .ck-side{position:static;}
  html[data-lock-theme][data-theme] body.fw2 .ck-need{margin:16px 16px 0;}
}

/* ======================================================= 2026-10-12 round */
/* The header scrolled away on desktop: html AND body both had overflow-x:hidden,
   which makes <body> its own (never-scrolling) scroll box, so the sticky nav
   was sticky to nothing. `clip` hides sideways overflow without creating a
   scroll box. Desktop only — the phone layout stays exactly as it was. */
html[data-lock-theme][data-theme]:has(body.fw2.dk),
html[data-lock-theme][data-theme] body.fw2.dk{overflow-x:clip;}
html[data-lock-theme][data-theme] body.fw2.dk .nav{position:sticky;top:0;}

/* a business made in the admin portal: its logo is always a circle, and
   nothing of Pollos (name, city) paints before its own profile arrives */
html.tenant-managed .nav .brand img.tenant-mark{border-radius:50%;object-fit:cover;background:#181D27;}
html.tenant-managed:not(.tenant-ready) .nav .brand > span,
html.tenant-managed:not(.tenant-ready) .biz-mid,
html.tenant-managed:not(.tenant-ready) .ch-name,
html.tenant-managed:not(.tenant-ready) .ch-followers,
html.tenant-managed:not(.tenant-ready) .stage-info{visibility:hidden;}

/* the admin portal can switch the visit emblem off */
body.no-stamps #stampChipTop,
body.no-stamps .mcb-chip,
body.no-stamps #loyaltyLiveEntry,
body.no-stamps #railLoyalty,
body.no-stamps .dk-rail .rail-rule:has(+ #railLoyalty),
body.no-stamps #stampModal{display:none!important;}
/* a reaction slot the business left empty */
#rxBar .rx-btn[hidden]{display:none!important;}
/* the business badge on the account chip (admin-granted access) */
html[data-lock-theme][data-theme] body.fw2 #chipTier.is-biz{background:var(--v2-blue);color:var(--v2-blue-ink);}

/* ------------------------------------------- Recompensas, remade (all widths) */
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2{display:grid;gap:24px;padding:0;overflow:hidden;}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2-hero{display:grid;gap:12px;padding:20px 20px 0;}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2-top{display:flex;align-items:center;justify-content:space-between;gap:12px;}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2-kicker{font-size:12px;line-height:16px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--v2-t2);}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2-num{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2-num b{font-size:44px;line-height:48px;font-weight:700;letter-spacing:-.03em;color:var(--v2-t1);font-variant-numeric:tabular-nums;}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2-num span{font-size:14px;color:var(--v2-t2);}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2-meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--v2-t2);}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2-meta b{color:var(--v2-t1);font-weight:600;}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2 .rw-progress{margin-top:4px;}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2 .rp-label b{color:var(--v2-t1);font-weight:600;}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2-h{margin:0 0 12px;font-size:14px;line-height:20px;font-weight:600;color:var(--v2-t1);}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2-earn,
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2-cat,
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2 #rwRedemptions,
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2 .rw-legal{padding:0 20px;}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2 #rwRedemptions:empty{display:none;}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2 .rw-legal{margin:0;padding-bottom:20px;}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2-chips{display:flex;flex-wrap:wrap;gap:8px;}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2-chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:6px;
  background:var(--v2-s2);font-size:13px;color:var(--v2-t2);white-space:nowrap;}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2-chip b{color:var(--v2-blue);font-weight:700;font-variant-numeric:tabular-nums;}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2-none{font-size:13px;color:var(--v2-t2);}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2-cat-h{display:flex;align-items:baseline;justify-content:space-between;}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2-cat-h #rwCount{font-size:12px;color:var(--v2-t3);}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:0;border:0;}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2-card{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto 1fr auto auto;column-gap:12px;row-gap:10px;
  padding:14px;border:1px solid var(--v2-line);border-radius:8px;background:var(--v2-bg);transition:border-color var(--v2-ease);}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2-card.is-ready{border-color:color-mix(in srgb,var(--v2-blue) 55%,var(--v2-line));}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2-ico{grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:var(--v2-s2);font-size:22px;line-height:1;}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2-body{min-width:0;}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2-body b{display:block;font-size:14px;line-height:20px;font-weight:600;color:var(--v2-t1);overflow-wrap:anywhere;}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2-body p{margin:2px 0 0;font-size:12.5px;line-height:18px;color:var(--v2-t2);overflow-wrap:anywhere;}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2-foot{grid-column:2;display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--v2-t2);}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2-cost{font-weight:700;color:var(--v2-blue);font-variant-numeric:tabular-nums;}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2-ok{color:#2EE6A8;font-weight:600;}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2-bar{grid-column:1/-1;height:4px;border-radius:999px;background:var(--v2-s2);overflow:hidden;}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2-bar i{display:block;height:100%;border-radius:inherit;background:var(--v2-blue);transition:width .4s ease;}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2-btn{grid-column:1/-1;height:36px;border-radius:6px;border:1px solid transparent;cursor:pointer;
  background:var(--v2-blue);color:var(--v2-blue-ink);font-family:inherit;font-size:13px;font-weight:700;}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2-btn:disabled{background:transparent;border-color:var(--v2-line);color:var(--v2-t2);font-weight:600;cursor:default;}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2-btn.is-confirm{background:#2EE6A8;color:#04140D;}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2-empty{padding:24px 16px;border:1px dashed var(--v2-line-2);border-radius:8px;text-align:center;font-size:13px;color:var(--v2-t2);}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2-tickets{display:grid;gap:12px;}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2-ticket{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:16px;margin:0;padding:14px;
  border:1px dashed var(--v2-line-2);border-radius:8px;background:var(--v2-bg);color:var(--v2-t1);}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2-ticket.is-new{border-style:solid;border-color:var(--v2-blue);}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2-ticket img{width:112px;height:112px;border-radius:6px;background:#fff;padding:6px;}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2-ticket .qr-info{display:grid;gap:3px;font-size:12.5px;line-height:18px;color:var(--v2-t2);}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2-ticket .qr-info b{font-size:15px;line-height:20px;color:var(--v2-t1);}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2-ticket code{color:var(--v2-t1);}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2-ticket small{margin-top:4px;color:var(--v2-t3);}
@media (max-width:520px){
  html[data-lock-theme][data-theme] body.fw2 #secControl .rw2-num b{font-size:36px;line-height:40px;}
  html[data-lock-theme][data-theme] body.fw2 #secControl .rw2-ticket{grid-template-columns:88px minmax(0,1fr);}
  html[data-lock-theme][data-theme] body.fw2 #secControl .rw2-ticket img{width:88px;height:88px;}
}
html[data-lock-theme][data-theme] body.fw2 #secControl .rw2 #rwCatalog{margin:0;border:0;}
/* 2026-10-20 (owner): no white box around an admin-made business's logo on the
   offline/paused screen, the stage badge and the sign-in card — a clean circle,
   the way Casa Almarita already shows it */
html.tenant-managed .pause-screen img,
html.tenant-managed .stage-info img,
html.tenant-managed .guest-auth-card>img,
html.tenant-managed .post-head img{border-radius:50%;object-fit:cover;padding:0;background:transparent;box-shadow:0 10px 30px rgba(0,0,0,.45);}

/* ---- DEMO preview (2026-10-21): never reads as an official channel ---- */
body.is-demo .biz-mid{background:#F59E0B!important;color:#1A1200!important;box-shadow:none!important;}
.demo-note{position:fixed;z-index:120;left:50%;bottom:18px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;
  max-width:calc(100vw - 24px);padding:10px 10px 10px 14px;border-radius:12px;background:rgba(26,18,0,.92);border:1px solid rgba(245,158,11,.55);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 32px rgba(0,0,0,.45);color:#FDE68A;font-size:13px;line-height:18px;}
.demo-note b{flex:0 0 auto;padding:3px 8px;border-radius:6px;background:#F59E0B;color:#1A1200;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;}
.demo-note span{min-width:0;}
.demo-note button{flex:0 0 auto;width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:#FDE68A;cursor:pointer;font-size:14px;}
.demo-note button:hover{background:rgba(245,158,11,.18);}
/* on the desktop shell the note sits over the centre column, clear of the chat */
body.fw2.dk .demo-note{left:calc(var(--rail-w,240px) + (100vw - var(--rail-w,240px) - var(--chat-w,340px)) / 2);}
body.fw2.dk.rail-min .demo-note{left:calc(64px + (100vw - 64px - var(--chat-w,340px)) / 2);}
/* phone: above the chat composer, not on it */
@media (max-width:860px){.demo-note{bottom:auto;top:66px;font-size:12px;}}
/* the note must size to its text, not to the half-screen left of its anchor */
.demo-note{width:max-content;}
@media (max-width:860px){.demo-note{left:12px;right:12px;width:auto;transform:none;}}
@media (max-width:860px){.demo-note{position:static;margin:10px 12px 0;}}

/* ---------------------------------------------- Agenda y reservas (10-23) */
/* the tab and the rail item exist only when the admin portal switched it on */
body:not(.has-agenda) #tabsBar .tab-b[data-sec="agenda"],
body:not(.has-agenda) .dk-rail .rail-item[data-sec="agenda"]{display:none!important;}
html[data-lock-theme][data-theme] body.fw2 #secAgenda{max-width:880px;width:100%;margin:0 auto;}
html[data-lock-theme][data-theme] body.fw2 #secAgenda .ag{display:grid;gap:22px;padding:22px;background:var(--v2-s1);border:1px solid var(--v2-line);border-radius:8px;box-shadow:none;}
html[data-lock-theme][data-theme] body.fw2 #secAgenda .ag-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}
html[data-lock-theme][data-theme] body.fw2 #secAgenda .ag-kicker{display:block;font-size:12px;line-height:16px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--v2-t2);}
html[data-lock-theme][data-theme] body.fw2 #secAgenda .ag-head h2{margin:8px 0 6px;font-size:24px;line-height:30px;font-weight:700;letter-spacing:-.02em;color:var(--v2-t1);}
html[data-lock-theme][data-theme] body.fw2 #secAgenda .ag-head p{margin:0;max-width:520px;font-size:14px;line-height:21px;color:var(--v2-t2);}
html[data-lock-theme][data-theme] body.fw2 #secAgenda .ag-soon{flex:0 0 auto;padding:5px 10px;border-radius:999px;background:color-mix(in srgb,var(--v2-blue) 18%,transparent);
  color:var(--v2-blue);font-size:12px;font-weight:700;white-space:nowrap;}
html[data-lock-theme][data-theme] body.fw2 #secAgenda .ag-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;}
html[data-lock-theme][data-theme] body.fw2 #secAgenda .ag-day{display:grid;justify-items:center;gap:2px;padding:10px 4px;border:1px solid var(--v2-line);border-radius:8px;
  background:var(--v2-bg);color:var(--v2-t2);font-family:inherit;cursor:pointer;transition:border-color var(--v2-ease),background var(--v2-ease);}
html[data-lock-theme][data-theme] body.fw2 #secAgenda .ag-day small{font-size:12px;text-transform:capitalize;}
html[data-lock-theme][data-theme] body.fw2 #secAgenda .ag-day b{font-size:20px;line-height:24px;font-weight:700;color:var(--v2-t1);font-variant-numeric:tabular-nums;}
html[data-lock-theme][data-theme] body.fw2 #secAgenda .ag-day:hover{border-color:var(--v2-line-2);}
html[data-lock-theme][data-theme] body.fw2 #secAgenda .ag-day.on{border-color:var(--v2-blue);background:color-mix(in srgb,var(--v2-blue) 14%,var(--v2-bg));color:var(--v2-blue);}
html[data-lock-theme][data-theme] body.fw2 #secAgenda .ag-group h3{margin:0 0 10px;font-size:13px;font-weight:600;color:var(--v2-t2);}
html[data-lock-theme][data-theme] body.fw2 #secAgenda .ag-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;}
html[data-lock-theme][data-theme] body.fw2 #secAgenda .ag-slot{height:40px;border:1px solid var(--v2-line);border-radius:6px;background:var(--v2-bg);color:var(--v2-t1);
  font-family:inherit;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;transition:border-color var(--v2-ease),background var(--v2-ease);}
html[data-lock-theme][data-theme] body.fw2 #secAgenda .ag-slot:hover{border-color:var(--v2-blue);background:color-mix(in srgb,var(--v2-blue) 12%,var(--v2-bg));}
html[data-lock-theme][data-theme] body.fw2 #secAgenda .ag-slot:disabled{opacity:.35;cursor:default;border-color:var(--v2-line);background:transparent;}
html[data-lock-theme][data-theme] body.fw2 #secAgenda .ag-foot{margin:0;font-size:12.5px;line-height:18px;color:var(--v2-t3);}
@media (max-width:560px){
  html[data-lock-theme][data-theme] body.fw2 #secAgenda .ag{padding:16px;}
  html[data-lock-theme][data-theme] body.fw2 #secAgenda .ag-head{display:grid;}
  html[data-lock-theme][data-theme] body.fw2 #secAgenda .ag-head h2{font-size:20px;line-height:26px;}
  html[data-lock-theme][data-theme] body.fw2 #secAgenda .ag-days{gap:4px;}
  html[data-lock-theme][data-theme] body.fw2 #secAgenda .ag-day{padding:8px 2px;}
  html[data-lock-theme][data-theme] body.fw2 #secAgenda .ag-day b{font-size:17px;}
  html[data-lock-theme][data-theme] body.fw2 #secAgenda .ag-slots{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));}
}