.msk-optionsButton:hover span {
    display: inline !important;
}

.form-control:focus,
.btn-close:focus {
    outline: none;
    box-shadow: none;
}

.form-control {
    background: var(--dark-card) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
    color: #fff !important;
}

.form-control:focus {
    border-color: var(--primary) !important;
}

.input-group-text {
    background: var(--dark) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
    color: var(--primary) !important;
}

.btn-delete-channel {
    background: transparent;
    border: none;
    color: #fff;
    padding: 0.375rem 0.625rem;
}

.btn-delete-channel:hover {
    color: #ff7676;
}

.icon-16 {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

.msk-authorLicense {
    font-size: .78em;
    max-width: calc(100% - 32px);
    width: 367px;
}

.msk-optionsButton {
    background: linear-gradient(135deg, var(--primary), #0099cc) !important;
    border: none !important;
    min-width: 44px;
    min-height: 44px;
    padding: 12px !important;
    border-radius: 8px 0 0 8px !important;
    box-shadow: 0 0 20px rgba(0, 212, 255, 0.3);
    transition: all 0.3s ease;
}

.msk-optionsButton:hover {
    box-shadow: 0 0 30px rgba(0, 212, 255, 0.5);
    transform: translateX(-3px);
}

.msk-optionsButton svg {
    width: 20px;
    height: 20px;
}

.offcanvas {
    background: var(--dark-card) !important;
    border-left: 1px solid rgba(0, 212, 255, 0.2) !important;
}

.offcanvas-body {
    content-visibility: auto;
    contain-intrinsic-size: 1px 640px;
}

.offcanvas-title {
    color: var(--primary) !important;
}

.btn-outline-light:hover,
.btn-outline-light.active {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
    color: var(--dark) !important;
}

.btn-group .btn {
    transition: all 0.3s ease;
}

h2.h5 {
    color: var(--primary);
    font-weight: 600;
    margin-top: 1.5rem;
}

iframe {
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.brand-logo {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    vertical-align: text-bottom;
}