@charset "UTF-8";

.quick-actions-grid {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 14px;
}

.quick-action {
    min-width: 0;
    min-height: 118px;
    padding: 18px 15px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 11px;
}

.quick-action > span:nth-child(2) {
    min-width: 0;
}

.quick-icon {
    width: 50px;
    height: 50px;
    border-radius: 15px;
}

.quick-icon svg {
    width: 25px;
    height: 25px;
}

.quick-action strong {
    overflow: hidden;
    font-size: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.quick-action small,
.quick-action em {
    overflow: hidden;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.quick-action-facebook .quick-icon {
    background: #1877f2;
}

.quick-action.is-disabled {
    cursor: default;
}

.quick-action.is-disabled:hover {
    transform: none;
    border-color: var(--color-line);
    box-shadow: var(--shadow-sm);
}

.quick-action.is-disabled .quick-arrow {
    opacity: 0.25;
}

.quick-action-tiktok .quick-icon {
    color: #fff;
    background:
        radial-gradient(circle at 30% 28%, rgba(37, 244, 238, .32), transparent 32%),
        radial-gradient(circle at 72% 74%, rgba(254, 44, 85, .34), transparent 34%),
        #111;
}

@media (max-width: 1250px) {
    .quick-actions-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .quick-actions-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .quick-actions-grid {
        grid-template-columns: 1fr;
    }

    .quick-action {
        min-height: 100px;
        padding: 18px;
    }

    .quick-action strong,
    .quick-action em {
        white-space: normal;
    }
}