body {
    font-family: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

/* Empty validation summaries still render; hide them until they hold errors. */
.validation-summary-valid {
    display: none;
}
.validation-summary-errors {
    display: block;
}

/* Admin glass theme */
.glass-panel {
    background: rgba(24, 24, 27, 0.75);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(63, 63, 70, 0.4);
}

.glass-card {
    background: rgba(24, 24, 27, 0.6);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(63, 63, 70, 0.3);
    transition: all 0.2s ease-in-out;
}

.glass-card:hover {
    border-color: rgba(99, 102, 241, 0.4);
    transform: translateY(-2px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5);
}

.admin-scroll::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.admin-scroll::-webkit-scrollbar-track {
    background: #09090b;
}
.admin-scroll::-webkit-scrollbar-thumb {
    background: #27272a;
    border-radius: 9999px;
}
.admin-scroll::-webkit-scrollbar-thumb:hover {
    background: #3f3f46;
}

/* Publish toggle switch */
.toggle-dot {
    transition: transform 0.2s ease-in-out;
}
input:checked ~ .toggle-dot {
    transform: translateX(100%);
}

/* Admin video preview skin */
.vjs-theme-cerah .vjs-big-play-button {
    background-color: rgba(99, 102, 241, 0.8) !important;
    border: none !important;
    border-radius: 50% !important;
    width: 2em !important;
    height: 2em !important;
    line-height: 2em !important;
    margin-top: -1em !important;
    margin-left: -1em !important;
}

/* Client logo strip */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Public video player skin */
.video-js .vjs-big-play-button {
    background-color: rgba(255, 0, 0, 0.5);
    display: none;
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
    background-color: rgb(255, 0, 0);
    transition-duration: 500ms;
    display: none;
}

.vjs-control-bar {
    z-index: 99;
}