/* v25 video upload + admin name polish */
.admin-name {
    color: #8b0000 !important;
    font-weight: 900 !important;
}
body.dark-mode .admin-name {
    color: #ff4d4d !important;
    text-shadow: 0 0 10px rgba(255, 30, 30, .18);
}
.admin-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-left: 7px;
    padding: 3px 8px;
    border-radius: 999px;
    background: rgba(139, 0, 0, .12);
    border: 1px solid rgba(139, 0, 0, .22);
    color: #8b0000;
    font-size: .72rem;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
    vertical-align: middle;
}
.admin-badge::before { content: "\f521"; font-family: "Font Awesome 6 Free"; font-weight: 900; }
body.dark-mode .admin-badge {
    background: rgba(255, 67, 67, .14);
    border-color: rgba(255, 67, 67, .28);
    color: #ff7070;
}
.video-upload-card,
.video-toolbar {
    background: rgba(255,255,255,.94);
    border: 1px solid var(--line);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow);
    padding: 22px;
    display: grid;
    gap: 16px;
}
.video-toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.video-search-chip { min-width: min(100%, 420px); }
.video-dropzone {
    border: 1px dashed rgba(90,103,216,.35);
    border-radius: 22px;
    background: rgba(90,103,216,.05);
    min-height: 250px;
    display: grid;
    place-items: center;
    cursor: pointer;
    overflow: hidden;
}
.video-dropzone.drag-over { border-color: var(--brand); background: rgba(90,103,216,.12); }
.video-upload-preview-empty { display:grid; place-items:center; gap:8px; text-align:center; color: var(--muted); padding: 28px; }
.video-upload-preview-empty i { font-size: 2.6rem; color: var(--brand); }
.video-upload-preview { width:100%; display:grid; gap:12px; padding:14px; }
.video-upload-preview video { width:100%; max-height:420px; border-radius:18px; background:#000; }
.video-upload-meta { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.video-progress-bar { height: 12px; border-radius:999px; background:#e9eef9; overflow:hidden; }
.video-progress-bar span { display:block; height:100%; background: linear-gradient(135deg, var(--brand), #7c8cff); transition: width .2s ease; }
.video-progress-text { color: var(--brand-dark); font-weight:800; }
.video-public-card { grid-template-columns: 320px 1fr; overflow:hidden; }
.video-preview-inline video { width:100%; height:220px; object-fit:cover; border-radius:18px; background:#000; display:block; }
.message-sender-name { font-size:.82rem; margin-bottom:6px; font-weight:800; }
.admin-video-preview video { width:100%; max-height:520px; border-radius:18px; background:#000; }
.search-result-row video { width:44px; height:44px; border-radius:12px; object-fit:cover; background:#000; }
body.dark-mode .video-upload-card,
body.dark-mode .video-toolbar {
    background: rgba(17, 31, 53, .94);
    border-color: rgba(129,154,205,.22);
}
body.dark-mode .video-dropzone {
    background: rgba(129,154,205,.08);
    border-color: rgba(129,154,205,.28);
}
body.dark-mode .video-progress-bar { background: rgba(255,255,255,.12); }
body.dark-mode .video-progress-text { color:#cbd7ff; }
@media (max-width: 760px) {
    .video-public-card { grid-template-columns: 1fr; }
    .video-toolbar { display:grid; }
}
.message-mini-menu { position: relative; display:inline-flex; }
.message-menu-popover { display:none; position:absolute; right:0; bottom:100%; margin-bottom:6px; min-width:120px; padding:6px; border-radius:12px; background:#fff; border:1px solid var(--line); box-shadow:0 14px 35px rgba(0,0,0,.18); z-index:30; }
.message-mini-menu:hover .message-menu-popover,
.message-mini-menu:focus-within .message-menu-popover { display:block; }
.message-menu-popover button { width:100%; text-align:left; padding:8px 10px; border-radius:9px; color:var(--danger); font-weight:800; }
.message-menu-popover button:hover { background:var(--danger-soft); }
body.dark-mode .message-menu-popover { background:#122039; border-color:rgba(129,154,205,.28); }
body.dark-mode .message-menu-popover button:hover { background:rgba(255,67,67,.12); }

/* v25.1 video detail like album detail */
.video-click-card { cursor: pointer; }
.video-card-cover { position: relative; display:block; width:100%; border:0; background:transparent; padding:0; cursor:pointer; }
.video-card-cover video { width:100%; height:220px; object-fit:cover; border-radius:18px; background:#000; display:block; }
.video-owner-strip { margin-bottom: 18px; }
.video-unified-card { display:grid; gap:18px; }
.video-detail-head h1 { margin: 6px 0 8px; font-size: clamp(2rem, 4vw, 3rem); letter-spacing:-.05em; }
.video-detail-head p { color: var(--muted); line-height:1.65; }
.video-detail-player-wrap { border-radius: 24px; overflow:hidden; background:#000; border:1px solid var(--line); }
.video-detail-player { width:100%; max-height: 72vh; background:#000; display:block; }
.video-comment-form { grid-template-columns: 1fr auto; align-items:end; }
.video-comment-form .primary-btn { width:52px; height:52px; justify-content:center; padding:0; }
.related-video-thumb video { width:100%; aspect-ratio:1; object-fit:cover; border-radius:18px; background:#000; }
body.dark-mode .video-unified-card,
body.dark-mode .video-detail-player-wrap { background: rgba(16,24,41,.96); border-color: rgba(255,255,255,.12); }
body.dark-mode .video-detail-head p { color:#aebbd0; }
@media (max-width: 720px) {
    .video-comment-form { grid-template-columns: 1fr; }
    .video-comment-form .primary-btn { width:100%; }
    .video-card-cover video { height: 190px; }
}


/* v25.4 – video list jako vodorovný proužek */
.video-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.video-list .video-card.video-public-card {
    display: grid !important;
    grid-template-columns: 320px minmax(0, 1fr) !important;
    gap: 18px;
    width: 100%;
    max-width: none;
    min-height: 220px;
    padding: 14px;
    align-items: stretch;
    overflow: hidden;
}

.video-list .video-card-cover {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 220px;
}

.video-list .video-card-cover video {
    width: 100% !important;
    height: 100% !important;
    min-height: 220px !important;
    max-height: 220px !important;
    object-fit: cover !important;
    aspect-ratio: auto !important;
    border-radius: 18px;
    background: #000;
    display: block;
}

.video-list .video-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}

.video-list .video-copy h3 {
    margin: 0 0 8px;
    font-size: 1.9rem;
    line-height: 1.05;
    word-break: break-word;
}

.video-list .video-copy p {
    margin: 0 0 12px;
    line-height: 1.45;
    color: var(--muted);
}

.video-list .video-copy small {
    display: block;
    color: var(--muted);
    opacity: .9;
}

@media (max-width: 760px) {
    .video-list .video-card.video-public-card {
        grid-template-columns: 1fr !important;
        min-height: auto;
    }

    .video-list .video-card-cover,
    .video-list .video-card-cover video {
        min-height: 220px !important;
        max-height: 220px !important;
    }

    .video-list .video-copy h3 {
        font-size: 1.45rem;
    }
}

/* v25.5 – video detail visually matches album detail */
.video-detail-page.album-detail-v5 {
    display: grid;
    gap: 18px;
}

.video-detail-page .album-profile-strip {
    width: 100%;
}

.video-detail-page .video-unified-card {
    display: grid;
    gap: 22px;
}

.video-detail-page .video-detail-player-card {
    border-radius: 24px;
    overflow: hidden;
    background: #000;
    border: 1px solid var(--line);
    box-shadow: none;
}

.video-detail-page .video-detail-player {
    display: block;
    width: 100%;
    max-height: 78vh;
    background: #000;
}

.video-detail-page .comment-composer textarea {
    min-height: 52px;
}

body.dark-mode .video-detail-page .video-detail-player-card {
    background: #000;
    border-color: rgba(129, 154, 205, .22);
}