/* Cloud Design v1.3.40 — LOCAL SHORTS CACHE + NORMAL VIDEO NOTE */

/* TEAM CHAT: client context stays removed, staff notes stay available. */
.chat-board-v110.is-team-chat-v1338{
  grid-template-columns:minmax(0,1fr) 310px!important;
}
.chat-board-v110.is-team-chat-v1338>.chat-context-v110{display:none!important}
.chat-board-v110.is-team-chat-v1338>.chat-side-v110{
  display:block!important;
  min-width:0!important;
}
.chat-board-v110.is-team-chat-v1338>.chat-side-v110>.chat-side-card-v110:not(.notes-card-v110){display:none!important}
.chat-board-v110.is-team-chat-v1338>.chat-side-v110>.notes-card-v110{display:block!important;margin:0!important}
.chat-board-v110.is-team-chat-v1338>.chat-thread-v110{min-width:0!important;width:100%!important}
.chat-board-v110.is-team-chat-v1338 .notes-card-v110{
  position:sticky!important;
  top:12px!important;
  max-height:calc(100vh - 28px)!important;
  overflow:auto!important;
}
.chat-board-v110.is-team-chat-v1338.is-notes-collapsed-v1340{
  grid-template-columns:minmax(0,1fr)!important;
}
.chat-board-v110.is-team-chat-v1338.is-notes-collapsed-v1340>.chat-side-v110{display:none!important}
.team-notes-toggle-v1340{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:34px;padding:7px 10px;border:1px solid var(--line);border-radius:10px;
  background:color-mix(in srgb,var(--soft) 66%,transparent);color:var(--text);
  font-size:.70rem;font-weight:800;cursor:pointer;
}

/* VIDEO NOTE: stop imitating the Telegram circle on the site.
   Show the full square frame, large enough to understand, with native controls/fullscreen. */
.chat-media-shell-v1336.is-video_note.is-vnote-player-v1340{
  display:block!important;
  width:min(360px,100%)!important;
  height:auto!important;
  max-width:100%!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  margin-top:9px!important;
  padding:9px!important;
  overflow:hidden!important;
  border:1px solid color-mix(in srgb,var(--line) 88%,transparent)!important;
  border-radius:16px!important;
  background:color-mix(in srgb,var(--soft) 55%,transparent)!important;
  box-shadow:none!important;
}
.chat-media-shell-v1336.is-video_note.is-vnote-player-v1340 .cd-vnote-ui-v1338,
.chat-media-shell-v1336.is-video_note.is-vnote-player-v1340 .cd-vnote-card-controls-v1339{
  display:none!important;
}
.vnote-head-v1340{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:1px 2px 8px;
}
.vnote-head-v1340 b{font-size:.72rem}
.vnote-head-v1340 a{
  color:var(--muted);font-size:.65rem;font-weight:800;text-decoration:none;
}
.vnote-head-v1340 a:hover{color:var(--text)}
.chat-media-shell-v1336.is-video_note.is-vnote-player-v1340 video,
.chat-media-shell-v1336.is-video_note.is-vnote-player-v1340.is-polished-v1338 video{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-width:0!important;
  max-width:100%!important;
  max-height:min(62vh,420px)!important;
  aspect-ratio:1/1!important;
  object-fit:contain!important;
  border:0!important;
  border-radius:12px!important;
  background:#06070a!important;
  cursor:default!important;
}
.chat-media-shell-v1336.is-video_note.is-vnote-player-v1340 video::-webkit-media-controls{
  display:flex!important;
}

/* LOCAL SHORTS */
.cd-short-local-v1340{
  width:min(310px,100%);
  margin-top:9px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--line) 88%,transparent);
  border-radius:16px;
  background:color-mix(in srgb,var(--soft) 55%,transparent);
}
.cd-short-local-head-v1340{
  display:flex;align-items:center;gap:8px;min-width:0;
  padding:9px 10px;
  border-bottom:1px solid color-mix(in srgb,var(--line) 82%,transparent);
}
.cd-short-youtube-v1340{
  width:19px;height:19px;flex:0 0 19px;display:grid;place-items:center;
  border-radius:6px;background:#ff3838;color:#fff;font-size:.65rem;font-weight:900;
}
.cd-short-local-link-v1340{
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:#9fc8ff;text-decoration:none;font-size:.68rem;font-weight:800;
}
.cd-short-local-link-v1340:hover{text-decoration:underline}
.cd-short-stage-v1340{
  min-height:150px;
  display:grid;place-items:center;
  padding:11px;
}
.cd-short-status-v1340{
  display:grid;justify-items:center;gap:9px;text-align:center;
  color:var(--muted);font-size:.70rem;line-height:1.45;
}
.cd-short-spinner-v1340{
  width:28px;height:28px;border-radius:50%;
  border:3px solid color-mix(in srgb,var(--line) 80%,transparent);
  border-top-color:var(--accent);
  animation:cdShortSpin1340 .8s linear infinite;
}
@keyframes cdShortSpin1340{to{transform:rotate(360deg)}}
.cd-short-video-v1340{
  display:block;width:100%;max-height:540px;
  aspect-ratio:9/16;object-fit:contain;background:#050609;
}
.cd-short-footer-v1340{
  display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;
  padding:8px 9px;border-top:1px solid color-mix(in srgb,var(--line) 82%,transparent);
}
.cd-short-meta-v1340{
  display:grid;gap:2px;min-width:0;
}
.cd-short-meta-v1340 b{
  max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:.67rem;
}
.cd-short-meta-v1340 small{color:var(--muted);font-size:.59rem}
.cd-short-actions-v1340{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.cd-short-btn-v1340{
  display:inline-flex;align-items:center;justify-content:center;min-height:31px;
  padding:6px 9px;border:1px solid var(--line);border-radius:9px;
  background:color-mix(in srgb,var(--soft) 68%,transparent);
  color:var(--text);font-size:.65rem;font-weight:800;text-decoration:none;cursor:pointer;
}
.cd-short-btn-v1340.primary{
  border-color:color-mix(in srgb,var(--accent) 35%,var(--line));
  background:color-mix(in srgb,var(--accent) 18%,var(--soft));color:#eeeaff;
}
.cd-short-btn-v1340:hover{border-color:color-mix(in srgb,var(--accent) 25%,var(--line))}
.cd-short-expired-v1340{
  display:grid;justify-items:center;gap:8px;max-width:250px;text-align:center;
}
.cd-short-expired-v1340 b{font-size:.76rem;color:var(--text)}
.cd-short-expired-v1340 span{font-size:.66rem;color:var(--muted);line-height:1.45}
.cd-short-error-v1340{color:#ff9ca7!important}

@media(max-width:820px){
  .chat-board-v110.is-team-chat-v1338,
  .chat-board-v110.is-team-chat-v1338.is-notes-collapsed-v1340{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .chat-board-v110.is-team-chat-v1338>.chat-side-v110{
    grid-column:1!important;width:100%!important;
  }
  .chat-board-v110.is-team-chat-v1338.is-notes-collapsed-v1340>.chat-side-v110{display:none!important}
  .chat-board-v110.is-team-chat-v1338 .notes-card-v110{position:static!important;max-height:none!important}
}
@media(max-width:600px){
  .chat-media-shell-v1336.is-video_note.is-vnote-player-v1340{width:100%!important}
  .chat-media-shell-v1336.is-video_note.is-vnote-player-v1340 video{max-height:58vh!important}
  .cd-short-local-v1340{width:min(290px,100%)}
}
